diff --git a/README.md b/README.md index b361191..c3ccc29 100644 --- a/README.md +++ b/README.md @@ -2,26 +2,19 @@

- # 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. + +### Video -### Example - -![Example](https://github.com/molvqingtai/WebChat/blob/master/src/public/Example.png) - - +https://github.com/user-attachments/assets/34890975-5926-4e38-9a5f-34a28e17ff36 @@ -29,15 +22,13 @@ This is an anonymous chat browser extension that is decentralized and serverless 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/package.json b/package.json index 98b2bb2..357099d 100644 --- a/package.json +++ b/package.json @@ -117,7 +117,6 @@ "jiti": "^2.0.0", "lint-staged": "^15.2.10", "npm-run-all": "^4.1.5", - "package-up": "^5.0.0", "postcss": "^8.4.47", "postcss-rem-to-responsive-pixel": "^6.0.2", "prettier": "^3.3.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 52b1cc2..eff4fe5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -225,9 +225,6 @@ importers: npm-run-all: specifier: ^4.1.5 version: 4.1.5 - package-up: - specifier: ^5.0.0 - version: 5.0.0 postcss: specifier: ^8.4.47 version: 8.4.47 @@ -5183,10 +5180,6 @@ packages: resolution: {integrity: sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA==} engines: {node: '>=14.16'} - package-up@5.0.0: - resolution: {integrity: sha512-MQEgDUvXCa3sGvqHg3pzHO8e9gqTCMPVrWUko3vPQGntwegmFo52mZb2abIVTjFnUcW0BcPz0D93jV5Cas1DWA==} - engines: {node: '>=18'} - pako@1.0.11: resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==} @@ -12561,10 +12554,6 @@ snapshots: registry-url: 6.0.1 semver: 7.6.3 - package-up@5.0.0: - dependencies: - find-up-simple: 1.0.0 - pako@1.0.11: {} parent-module@1.0.1: diff --git a/src/app/content/index.tsx b/src/app/content/index.tsx index 3918ef3..84edba5 100644 --- a/src/app/content/index.tsx +++ b/src/app/content/index.tsx @@ -32,6 +32,7 @@ export default defineContentScript({ anchor: 'body', append: 'last', mode: 'open', + isolateEvents: ['keyup', 'keydown', 'keypress'], onMount: (container) => { const app = createElement('
') container.append(app) diff --git a/src/app/content/views/AppContainer/index.tsx b/src/app/content/views/AppContainer/index.tsx index 84af25f..c69261c 100644 --- a/src/app/content/views/AppContainer/index.tsx +++ b/src/app/content/views/AppContainer/index.tsx @@ -11,7 +11,7 @@ const AppContainer: FC = ({ children, open }) => { const { size, ref } = useResizable({ initSize: Math.max(375, window.innerWidth / 6), maxSize: Math.min(750, window.innerWidth / 3), - minSize: Math.max(375, window.innerWidth / 5), + minSize: Math.max(375, window.innerWidth / 6), direction: 'left' }) 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()) } }, []) diff --git a/src/public/Example.png b/src/public/Example.png deleted file mode 100644 index c4a5aaa..0000000 Binary files a/src/public/Example.png and /dev/null differ