bf054e386b
Full Figma-compatible vector network: vertices, segments (cubic bezier with tangent offsets), and regions (filled closed paths). Pen tool interaction: - Click to place vertices, click+drag to set bezier tangent handles - Click first vertex to close path (with visual highlight) - Enter to commit open path, Escape to cancel - Preview line from last vertex to cursor - Tangent handle visualization (lines + control points) Rendering: - Vector nodes rendered via CanvasKit Path API - Converts vector network to path: regions as closed fills, segments as open strokes - Proper cubic bezier from tangentStart/tangentEnd offsets Data model: - VectorNetwork, VectorVertex, VectorSegment, VectorRegion types - vectorNetwork field on SceneNode (nullable) - computeVectorBounds for node sizing - HandleMirroring enum for future handle behavior |
||
|---|---|---|
| .vscode | ||
| patches | ||
| public | ||
| src | ||
| src-tauri | ||
| .gitignore | ||
| .oxfmtrc.json | ||
| bun.lock | ||
| FIGMA_UI3_CDP_FINDINGS.md | ||
| index.html | ||
| oxlint.json | ||
| package.json | ||
| PLAN.md | ||
| README.md | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Tauri + React + Typescript
This template should help get you started developing with Tauri, React and Typescript in Vite.