From 684304db9bac72a4cca1fad6a8d78738bb66031e Mon Sep 17 00:00:00 2001 From: molvqingtai Date: Sat, 28 Sep 2024 16:23:44 +0800 Subject: [PATCH] docs: update readme --- src/public/Example.png => Example.png | Bin README.md | 25 ++++++------------------- src/app/content/views/Setup/index.tsx | 5 +++-- 3 files changed, 9 insertions(+), 21 deletions(-) rename src/public/Example.png => Example.png (100%) diff --git a/src/public/Example.png b/Example.png similarity index 100% rename from src/public/Example.png rename to Example.png diff --git a/README.md b/README.md index b361191..522ba07 100644 --- a/README.md +++ b/README.md @@ -2,42 +2,29 @@

- # WebChat > Chat with anyone on any website - - - - This is an anonymous chat browser extension that is decentralized and serverless, utilizing WebRTC for end-to-end encrypted communication. It prioritizes privacy, with all data stored locally. - The goal is to address the issue of delayed replies on websites by adding instant messaging capabilities to any site, allowing for chatting anytime, anywhere. - - +The aim is to add chat room functionality to any website, enabling real-time messaging anytime, anywhere. ### Example -![Example](https://github.com/molvqingtai/WebChat/blob/master/src/public/Example.png) - - - - +![Example](https://github.com/molvqingtai/WebChat/blob/master/src/Example.png) ### Standing on the Shoulders of Giants In addition to the great idea of decentralized chat, it also leverages some fantastic technologies. -* **[remesh](https://github.com/remesh-js/remesh)**: A frontend framework that implements DDD principles in code, achieving true separation of UI and logic. This provides a robust structure that can be easily migrated to other frontend frameworks like Vue. +- **[remesh](https://github.com/remesh-js/remesh)**: A framework in JavaScript that implements DDD principles, achieving true separation of UI and logic, allowing for easy reimplementation of the UI part, such as rewriting it in Vue, due to its independence from the UI. -* **[shadcn/ui](https://ui.shadcn.com/)**: A beautiful UI library and a pioneer of no-install options, with unmatched ease of customizing styles. - -* **[wxt](https://wxt.dev/)**: This is the best framework I’ve used for building browser extensions, bar none. - -* **[trystero](https://github.com/dmotz/trystero)**: The core dependency for implementing decentralized communication, enabling connections to decentralized networks like IPFS, torrent, Nostr, etc. +- **[shadcn/ui](https://ui.shadcn.com/)**: A beautiful UI library and a pioneer of the no-install concept, offering unmatched convenience in customizing styles. +- **[wxt](https://wxt.dev/)**: This is the best framework I’ve used for building browser extensions, bar none. +- **[trystero](https://github.com/dmotz/trystero)**: The core dependency for implementing decentralized communication, enabling connections to decentralized networks like IPFS, torrent, Nostr, etc. ### License diff --git a/src/app/content/views/Setup/index.tsx b/src/app/content/views/Setup/index.tsx index f534cad..ceab001 100644 --- a/src/app/content/views/Setup/index.tsx +++ b/src/app/content/views/Setup/index.tsx @@ -89,11 +89,12 @@ const Setup: FC = () => { }, { delay: 2000, immediate: true, limit: printTextList.length } ) - + timer.on('stop', () => { + printTextList.length === 0 && send(messageListDomain.command.ClearListCommand()) + }) timer.start() return () => { timer.stop() - printTextList.length === 0 && send(messageListDomain.command.ClearListCommand()) } }, [])