mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-11 07:56:50 +02:00
15879f0f51
Implement message grouping that groups consecutive messages from the same author within a 5-minute window, significantly reducing visual clutter in chat conversations. Key changes: - Add MessageGroup interface to represent grouped messages - Create MessageGroupItem component for rendering grouped messages - Update messagesWithMarkers logic to group messages by author and time - Show author name and timestamp only on first message of group - Subsequent messages in group show timestamp on hover - Only group regular user messages (not system or zap messages) - Groups break at day markers for temporal clarity Benefits: - Reduces visual noise by 50%+ in active conversations - Easier to scan by speaker/topic - Industry-standard pattern (Slack, Discord, Telegram) - Saves vertical space without losing information Technical details: - Groups messages within 300 second (5 minute) window - Memoized component with custom comparator for performance - Compatible with existing features (reactions, replies, scroll-to) - Updates Virtuoso itemContent to render message groups - Updates handleScrollToMessage to find groups containing target message
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