How shadowhedgehog76/webmood works
Moodboard is an infinite-canvas editor for drawing, connecting and arranging text, media, code and other blocks across multiple boards. The principal workflow is to open a board, create or edit content with the canvas tools, and persist the result locally; search, sharing and collaboration extend that workflow. The graph also preserves documented board-library, visual-block and account/cloud capabilities. Whiteboard excerpts are partial, so some UI wiring and cloud behavior is represented only where the available source or README supports it.
Main entry points: Whiteboard.jsx Whiteboard runtime · Toolbar.jsx Tool selection · ContextBar.jsx Context settings · Search.jsx Board search
Components 21
Canvas editor
- Whiteboard runtime
src/components/Whiteboard.jsx - Tool selection
src/components/Toolbar.jsx - Context settings
src/components/ContextBar.jsx - Board search
src/components/Search.jsx - Canvas rendering
src/components/Whiteboard.jsx
Board content
- Content blocks
src/components - Vector shapes
src/components/ShapeBlock.jsx - Mind-map nodes
src/components/MindNode.jsx - Reusable library
src/components/Library.jsx - File insertion
src/lib/files.js - Board connections
src/lib/links.js
Board management
- Board navigation
src/components/BoardRail.jsx - Board previews
src/lib/preview.js
Local persistence
- Browser storage
src/lib/storage.js
Sharing and collaboration
- Share and import
src/lib/share.js - Cloud board sync
src/lib/cloud.js - Supabase sessions
src/lib/session-supabase.js - Peer sessions
src/lib/session-p2p.js - Realtime services
- Account controls
src/components/AccountDialog.jsx
Other components
- Board user
Connections 26
- Board user → Whiteboard runtime: edits board
- Whiteboard runtime → Tool selection: renders tools
- Whiteboard runtime → Context settings: renders settings
- Whiteboard runtime → Canvas rendering: renders canvas
- Tool selection → Whiteboard runtime: selects tools
- Context settings → Whiteboard runtime: sets options
- Whiteboard runtime → Content blocks: renders content
- Whiteboard runtime → Vector shapes: renders shapes
- Whiteboard runtime → Mind-map nodes: renders nodes
- Whiteboard runtime → File insertion: creates from files
- Whiteboard runtime → Board connections: resolves connections
- Whiteboard runtime → Browser storage: loads and saves
- Whiteboard runtime → Board previews: builds previews
- Board navigation → Whiteboard runtime: chooses board
- Whiteboard runtime → Board navigation: supplies boards
- Whiteboard runtime → Board search: opens search
- Board search → Whiteboard runtime: selects result
- Whiteboard runtime → Reusable library: manages stencils
- Reusable library → Browser storage: loads and saves
- Whiteboard runtime → Share and import: imports board
- Whiteboard runtime → Cloud board sync: syncs boards
- Whiteboard runtime → Account controls: manages account
- Whiteboard runtime → Supabase sessions: opens session
- Whiteboard runtime → Peer sessions: opens fallback
- Supabase sessions → Realtime services: broadcasts messages
- Peer sessions → Realtime services: connects peers