mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-11 16:07:15 +02:00
ac9472063dae3c6baa929cd47d7a43a63fffc504
Creates reusable chat components in src/components/chat/shared/ that are protocol-agnostic and can be used for any chat implementation (Matrix, XMPP, etc.). New generic components: - ChatWindow: Complete chat interface layout with loading/error states - MessageList: Virtualized message list with day markers and infinite scroll - MessageComposer: Message input with mentions, emojis, commands, attachments - ChatHeader: Flexible header layout with prefix/suffix areas - DayMarker: Date separator component - date-utils: Utilities for formatting dates and inserting day markers - types: Generic TypeScript interfaces for chat components The existing ChatViewer now uses these generic components via render props, providing Nostr-specific rendering and state management while maintaining all existing functionality. Benefits: - Clean separation of UI and protocol logic - Reusable components for other chat protocols - Maintained type safety with TypeScript generics - No breaking changes to existing chat functionality
Grimoire
A Nostr protocol explorer and developer tool with a tiling window manager interface.
Features
- Tiling Windows - Each window is a Nostr "app" (profile viewer, event feed, NIP docs, etc.)
- Command Palette - Unix-style commands via
Cmd+Kto open apps and navigate - Multi-workspace - Virtual desktops with independent layouts
- Real-time - Reactive event subscriptions with automatic updates
Stack
React 19, TypeScript, Vite, TailwindCSS, Jotai, Dexie, Applesauce
Getting Started
npm install
npm run dev
Scripts
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm test |
Run tests in watch mode |
npm run lint |
Lint code |
npm run format |
Format code |
License
MIT
Languages
TypeScript
98.9%
CSS
0.8%
JavaScript
0.3%