├── .eslintrc.cjs ├── .github ├── CODEOWNERS └── workflows │ └── main.yml ├── .gitignore ├── LICENSE ├── README.md ├── index.html ├── package.json ├── postcss.config.js ├── public └── vite.svg ├── src ├── App.tsx ├── assets │ └── react.svg ├── components │ ├── Button.tsx │ ├── Header.tsx │ └── README ├── contexts │ ├── ClientContext.tsx │ └── WalletContext.tsx ├── hooks │ ├── useAttachment.tsx │ ├── useClient.tsx │ ├── useConversations.tsx │ ├── useLatestMessages.tsx │ ├── useLiveConversation.tsx │ ├── useMessages.tsx │ ├── useReactions.tsx │ ├── useReadReceipts.tsx │ └── useReplies.tsx ├── index.css ├── main.tsx ├── model │ ├── README │ ├── attachments.ts │ ├── conversations.ts │ ├── db.ts │ ├── global.d.ts │ ├── message-processor.ts │ ├── messages.ts │ └── reactions.ts ├── polyfills.ts ├── util │ └── shortAddress.ts ├── views │ ├── AttachmentPreviewView.tsx │ ├── ConversationCellView.tsx │ ├── ConversationListView.tsx │ ├── ConversationSettingsView.tsx │ ├── ConversationView.tsx │ ├── ConversationViewWithLoader.tsx │ ├── HomeView.tsx │ ├── LoginView.tsx │ ├── MessageCellView.tsx │ ├── MessageComposerView.tsx │ ├── MessageRepliesView.tsx │ ├── NewConversationView.tsx │ ├── ReactionsView.tsx │ ├── ReadReceiptView.tsx │ └── ReplyComposer.tsx └── vite-env.d.ts ├── tailwind.config.js ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/.eslintrc.cjs -------------------------------------------------------------------------------- /.github/CODEOWNERS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/.github/CODEOWNERS -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/.github/workflows/main.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/assets/react.svg -------------------------------------------------------------------------------- /src/components/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/components/Button.tsx -------------------------------------------------------------------------------- /src/components/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/components/Header.tsx -------------------------------------------------------------------------------- /src/components/README: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/components/README -------------------------------------------------------------------------------- /src/contexts/ClientContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/contexts/ClientContext.tsx -------------------------------------------------------------------------------- /src/contexts/WalletContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/contexts/WalletContext.tsx -------------------------------------------------------------------------------- /src/hooks/useAttachment.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useAttachment.tsx -------------------------------------------------------------------------------- /src/hooks/useClient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useClient.tsx -------------------------------------------------------------------------------- /src/hooks/useConversations.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useConversations.tsx -------------------------------------------------------------------------------- /src/hooks/useLatestMessages.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useLatestMessages.tsx -------------------------------------------------------------------------------- /src/hooks/useLiveConversation.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useLiveConversation.tsx -------------------------------------------------------------------------------- /src/hooks/useMessages.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useMessages.tsx -------------------------------------------------------------------------------- /src/hooks/useReactions.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useReactions.tsx -------------------------------------------------------------------------------- /src/hooks/useReadReceipts.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useReadReceipts.tsx -------------------------------------------------------------------------------- /src/hooks/useReplies.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/hooks/useReplies.tsx -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/index.css -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/model/README: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/README -------------------------------------------------------------------------------- /src/model/attachments.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/attachments.ts -------------------------------------------------------------------------------- /src/model/conversations.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/conversations.ts -------------------------------------------------------------------------------- /src/model/db.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/db.ts -------------------------------------------------------------------------------- /src/model/global.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/global.d.ts -------------------------------------------------------------------------------- /src/model/message-processor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/message-processor.ts -------------------------------------------------------------------------------- /src/model/messages.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/messages.ts -------------------------------------------------------------------------------- /src/model/reactions.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/model/reactions.ts -------------------------------------------------------------------------------- /src/polyfills.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/polyfills.ts -------------------------------------------------------------------------------- /src/util/shortAddress.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/util/shortAddress.ts -------------------------------------------------------------------------------- /src/views/AttachmentPreviewView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/AttachmentPreviewView.tsx -------------------------------------------------------------------------------- /src/views/ConversationCellView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ConversationCellView.tsx -------------------------------------------------------------------------------- /src/views/ConversationListView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ConversationListView.tsx -------------------------------------------------------------------------------- /src/views/ConversationSettingsView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ConversationSettingsView.tsx -------------------------------------------------------------------------------- /src/views/ConversationView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ConversationView.tsx -------------------------------------------------------------------------------- /src/views/ConversationViewWithLoader.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ConversationViewWithLoader.tsx -------------------------------------------------------------------------------- /src/views/HomeView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/HomeView.tsx -------------------------------------------------------------------------------- /src/views/LoginView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/LoginView.tsx -------------------------------------------------------------------------------- /src/views/MessageCellView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/MessageCellView.tsx -------------------------------------------------------------------------------- /src/views/MessageComposerView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/MessageComposerView.tsx -------------------------------------------------------------------------------- /src/views/MessageRepliesView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/MessageRepliesView.tsx -------------------------------------------------------------------------------- /src/views/NewConversationView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/NewConversationView.tsx -------------------------------------------------------------------------------- /src/views/ReactionsView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ReactionsView.tsx -------------------------------------------------------------------------------- /src/views/ReadReceiptView.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ReadReceiptView.tsx -------------------------------------------------------------------------------- /src/views/ReplyComposer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/src/views/ReplyComposer.tsx -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmtp/xmtp-react-playground/HEAD/vite.config.ts --------------------------------------------------------------------------------