mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-12 16:37:06 +02:00
bfac71e37d
Replace simple text preview with rich inline event preview component that reuses the compact event renderer pattern from REQ viewer. Changes: - Create InlineEventPreview component for composer inline previews - Optimized for inline display with pointer-events disabled - Fetches events from eventStore on render - Uses ReactDOM createRoot for TipTap node rendering - Shows full event details: kind badge, author, content preview, timestamp - Falls back to simple preview when event not in store - Proper cleanup with root.unmount() when node destroyed The preview now shows: - Kind-specific badge with icon - Author name (with zap sender detection for zaps) - Content preview using kind-specific renderers - Relative timestamp - All in a compact inline chip (~320px max width) This provides much richer context when sharing events in chat, while maintaining the same visual consistency as the REQ viewer.
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