amitwh 0331a08207 feat(flowchart): SVG canvas with drag, double-click label edit, context menu hook ...

- Adds flowchart-canvas.js with createCanvas(container, store, opts) -> { destroy, getSvg }
- Consumes T1 store (subscribe/moveNode/connect/addNode) and T2 shapeSvg for 5 node kinds
- All 3 edge kinds render: solid (default), dotted (stroke-dasharray 4,4), thick (stroke-width 3)
- Pointer events: drag moves nodes; Alt+drag creates solid edges between nodes
- onEdgeClick fires on edge click; onShapeMenu fires on contextmenu
- Double-click opens inline <input> overlay for label editing
- destroy() unsubscribes from store and removes all listeners/SVG

Tests: 9 new (rendering 5, pointer events 2, subscribe 1, destroy 1) @jest-environment jsdom
Full suite: 89 suites / 1083 tests pass; lint clean; prettier clean.

Amit Haridas

2026-09-14 21:41:58 +05:30

..

flowchart-canvas.js

feat(flowchart): SVG canvas with drag, double-click label edit, context menu hook

2026-09-14 21:41:58 +05:30

flowchart-mermaid.js

feat(flowchart): mermaid translator (flowchart TD, all 5 shapes, 3 edge kinds)

2026-09-14 21:36:02 +05:30

flowchart-shapes.js

feat(flowchart): 5 SVG shape templates (process/decision/terminator/subroutine/document)

2026-09-14 21:25:38 +05:30

flowchart-store.js

feat(flowchart): pure graph store with undo/redo + injectable IO

2026-09-14 21:23:03 +05:30