v3.15.0 - Tldraw — ContextQMD

This release introduces npm create tldraw for bootstrapping new projects, along with API additions, accessibility improvements, and performance optimizations.

What's new

npm create tldraw

Developers can now initialize new tldraw projects by running npm create tldraw in their terminal, selecting from available starter templates.

API changes

Add handle interaction callbacks: onHandleDragStart, onHandleDragEnd, and cancellation callbacks (onTranslateCancel, onResizeCancel, onRotateCancel, onHandleDragCancel).
Add JSX icon support for custom icons in tool overrides, action overrides, buttons, and menu items.
Add StateNode.addChild method enabling dynamic tool functionality additions.
Convert DefaultSpinner component to SVG format, now accepts standard SVG properties.
Export HeartToolbarItem component.

Improvements

Enhance "Select All" functionality to intelligently select within a shape's common parent context (e.g., selecting shapes within a frame without selecting the frame itself).
Add user preference option to disable keyboard shortcuts.
Prevent frame drops.
Optimize the useValue and useReactor hooks.
Enhance frame rendering efficiency.
Expand aria-hidden application.
Improve keyboard navigation.
Add proper role="radiogroup" assignment for toggle groups.
Correct aria slider values.