Claude ac9472063d Refactor chat components to separate generic UI from Nostr-specific implementation
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
2026-01-16 09:12:29 +00:00
2025-12-18 15:46:02 +01:00
👶
2025-12-09 16:26:31 +01:00
2025-12-19 12:49:29 +01:00
2025-12-13 15:06:05 +01:00
2025-12-10 13:00:39 +01:00
2025-12-22 20:40:16 +00:00
2025-12-20 14:25:40 +01:00
2026-01-14 19:24:37 +01:00
👶
2025-12-09 16:26:31 +01:00
👶
2025-12-09 16:26:31 +01:00
👶
2025-12-09 16:26:31 +01:00
👶
2025-12-09 16:26:31 +01:00
2025-12-14 16:50:16 +01:00

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+K to 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

Description
No description provided
Readme MIT 14 MiB
Languages
TypeScript 98.9%
CSS 0.8%
JavaScript 0.3%