openpencil

SemianiakaVY/openpencil

Fork 0

Commit graph

Author	SHA1	Message	Date
Danila Poyarkov	76134ccc1a	Collab UI polish, vue-router, extract HsvColorArea - Move CollabPanel to right panel header (like Figma) - /share/:roomId shows join dialog with name input before connecting - Add vue-router with / and /share/:roomId routes - Extract EditorView from App.vue - Extract HsvColorArea component from ColorPicker + FillPicker (eliminates ~160 lines of duplicated HSV logic) - Extract syncNodePropsToYMap in use-collab.ts - Register Yjs update listener before opening WebSocket (fix race) - Scrollable AppMenu without scrollbar (scrollbar-none utility) - Overflow-x hidden on LayersPanel - Gitignore .wrangler build artifacts - SPA catch-all redirect for Cloudflare Pages	2026-03-01 17:15:08 +03:00
Danila Poyarkov	2add3ac4c0	Real-time collaboration with Yjs CRDT over Cloudflare Durable Objects - Cloudflare Worker + Durable Object server (packages/collab/) - One DO per room with WebSocket Hibernation for near-zero idle cost - Yjs sync protocol for document state (CRDT merge) - Yjs awareness protocol for cursors, selection, presence - Persists doc state to DO storage - CORS headers for cross-origin WebSocket upgrade - Client composable (src/composables/use-collab.ts) - Y.Doc ↔ SceneGraph bidirectional binding - Awareness: broadcasts cursor position, selection, name, color - Auto-join from /share/:roomId URL - Suppresses echo loops between Yjs and graph updates - CollabPanel component (src/components/CollabPanel.vue) - Share button generates room link, copies to clipboard - Join flow: paste link or room ID - Avatar stack with colored initials and tooltips - Name input persisted to localStorage - Remote cursor rendering in CanvasKit - Colored arrow cursor + name label pill per remote peer - Remote selection outlines in peer's color - Only shows cursors on the same page - SPA redirect for /share/* routes (Cloudflare Pages _redirects)	2026-03-01 16:44:37 +03:00

Author

SHA1

Message

Date

Danila Poyarkov

76134ccc1a

Collab UI polish, vue-router, extract HsvColorArea

- Move CollabPanel to right panel header (like Figma)
- /share/:roomId shows join dialog with name input before connecting
- Add vue-router with / and /share/:roomId routes
- Extract EditorView from App.vue
- Extract HsvColorArea component from ColorPicker + FillPicker
  (eliminates ~160 lines of duplicated HSV logic)
- Extract syncNodePropsToYMap in use-collab.ts
- Register Yjs update listener before opening WebSocket (fix race)
- Scrollable AppMenu without scrollbar (scrollbar-none utility)
- Overflow-x hidden on LayersPanel
- Gitignore .wrangler build artifacts
- SPA catch-all redirect for Cloudflare Pages

2026-03-01 17:15:08 +03:00

Danila Poyarkov

2add3ac4c0

Real-time collaboration with Yjs CRDT over Cloudflare Durable Objects

- Cloudflare Worker + Durable Object server (packages/collab/)
  - One DO per room with WebSocket Hibernation for near-zero idle cost
  - Yjs sync protocol for document state (CRDT merge)
  - Yjs awareness protocol for cursors, selection, presence
  - Persists doc state to DO storage
  - CORS headers for cross-origin WebSocket upgrade

- Client composable (src/composables/use-collab.ts)
  - Y.Doc ↔ SceneGraph bidirectional binding
  - Awareness: broadcasts cursor position, selection, name, color
  - Auto-join from /share/:roomId URL
  - Suppresses echo loops between Yjs and graph updates

- CollabPanel component (src/components/CollabPanel.vue)
  - Share button generates room link, copies to clipboard
  - Join flow: paste link or room ID
  - Avatar stack with colored initials and tooltips
  - Name input persisted to localStorage

- Remote cursor rendering in CanvasKit
  - Colored arrow cursor + name label pill per remote peer
  - Remote selection outlines in peer's color
  - Only shows cursors on the same page

- SPA redirect for /share/* routes (Cloudflare Pages _redirects)

2026-03-01 16:44:37 +03:00

2 commits