v3.15.0
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.addChildmethod enabling dynamic tool functionality additions. - Convert
DefaultSpinnercomponent to SVG format, now accepts standard SVG properties. - Export
HeartToolbarItemcomponent.
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
useValueanduseReactorhooks. - Enhance frame rendering efficiency.
- Expand
aria-hiddenapplication. - Improve keyboard navigation.
- Add proper
role="radiogroup"assignment for toggle groups. - Correct aria slider values.
Bug fixes
- Fix HTML entity escaping in pasted content.
- Fix text measurement accuracy.
- Fix arrow rendering between circles.
- Fix SVG text outline rendering.
- Fix image toolbar camera movement interactions.
Patch releases
v3.15.1
- Fix room change event handling in the sync core library. (#6543)
v3.15.2
- Fix editor remounting in a loop when given custom assetUrls. (#6605)
v3.15.3
- Enhance callback functionality for shape utilities. (#6634)
v3.15.4
- Fix potential bug in TLSyncClient. (#6660)
v3.15.5
Prev
v3.14.0Next
v3.2.0