Complete rewrite of connection lines with direct DOM manipulation

Otherkamo-internal
Shipped
February 3, 2026 at 12:26 AM UTC
Author
kamo
Commit
8e3997c

Key changes: - Use direct DOM manipulation (setAttribute) instead of React state for line updates - Single rAF loop runs continuously and updates all path elements every frame - Store path refs in Map and update d attribute directly in animation loop - Use refs for connection/item data to avoid stale closures in rAF - Remove CSS transitions (don't work for SVG d attribute anyway) - Smooth frame-rate-independent animation phase calculation - Mouse position tracked in ref, updated on mousemove, used in rAF loop - Much more efficient: no React re-renders needed for line updates - Lines now update in real-time during drag, not just on drop

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing