mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-11 16:07:15 +02:00
af3a42e425
Enhances the zap QR payment experience with comprehensive status indicators, user controls, and visual feedback for a top-tier UX. New Features: - ⏱️ Live countdown timer showing time until invoice expires - Yellow warning when < 5 minutes remaining - Red "Invoice expired" message when time is up - 🔄 Manual "Check Payment Now" button for immediate verification - Disabled during auto-checks and when expired - Shows spinner during check with feedback toast - 📊 Real-time status indicators: - Green dot + "Last checked Xs ago" timestamp - Spinner + "Checking..." during verification - Gray dot + "Offline - verification paused" when offline - ✨ Subtle pulse animation on QR border during checks - 🌐 Network offline detection pauses polling automatically - 🚫 Expired invoice handling: - Disables "Open in External Wallet" button - Stops all verification attempts - Clear visual indication with countdown Technical Improvements: - Network online/offline event listeners - 1-second countdown interval for smooth time display - Manual check with instant feedback (not just background) - Format helpers for MM:SS time and relative timestamps - Smart button variants (outline when verify available) User Benefits: - Always know invoice status at a glance - No surprises about expiration - Manual control when impatient - Clear feedback on network issues - Professional, informative payment flow
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