rspace-online/backlog/tasks/task-2 - Phase-1-FolkJS-Fou...

997 B

id title status assignee created_date labels dependencies priority
task-2 Phase 1: FolkJS Foundation - Port Simple Shapes To Do
2026-01-02 14:42
foundation
migration
shapes
high

Description

Port the 4 simplest shapes from canvas-website to FolkJS web components:

  • SlideShapeUtil (passive display)
  • ChatBoxShapeUtil (real-time chat)
  • GoogleItemShapeUtil (data display)
  • SharedPianoShapeUtil (interactive music)

Key simplifications vs tldraw:

  • No BaseBoxShapeUtil inheritance, use FolkShape directly
  • No React - pure web components with lit-style templates
  • Hooks become class methods or standalone utilities
  • StandardizedToolWrapper already ported as FolkWrapper

Acceptance Criteria

  • #1 folk-slide component created
  • #2 folk-chat component created
  • #3 folk-google-item component created
  • #4 folk-piano component created