Release Notes

zoom to affected shapes after undo/redo (#2293)

• Make sure affected shapes are visible after undo/redo

Fix hmr. (#2303)

• Fixes HMR in local dev.

Fix migrations. (#2302)

• Fix migrations of instance_page_state.

Add fit to content for frames. (#2275)

• Add Fit to content option to the context menu for frames. This resizes the frames to correctly fit all their content.

Fix an issue with a stale editor reference in shape utils (#2295)

• Fix an issue where the shape utils could have a stale reference to the editor.

fix new page naming (#2292)

• Fix naming of pages created by the "move to page" action

Fix exporting of cropped images. (#2268)

• Fix exporting of cropped images.

Update the comment in the example. (#2272)

• Improve the comment for one of our examples.

[improvements] arrows x enclosing shapes x precision. (#2265)

• Improves the logic about when to draw "precise" arrows between the center of bound shapes.

fix vite HMR issue (#2279)

• Fixes a bug that could cause crashes due to a re-render loop with HMR #1989

Add connecting screen override. (#2273)

• Allow users to customize the connecting screen.

Removing frames and adding elements to frames (#2219)

• Allow users to remove the frame, but keep it's children. Allow the users to add shapes to the frame directly when creating a frame.

fix typo in useFixSafariDoubleTapZoomPencilEvents.ts (#2242)

• Add a brief release note for your PR here.

improves translation into pt-br (#2231)

• Improves the overall translation into Portuguese (pt-br).

Fixes #2246 Sublibraries example (ExplodedExample.tsx) (#2247)

• Fixed Sublibraries (Exploded) example

Fix missing padding-right in toast (#2251)

• Fox padding-right in toast content.

Fix "custom UI" example (#2253)

• Fixed double rendering of canvas in the "custom UI" example

Lokalise: Translations update (#2248)

• Update Romanian translations.

Also export TLUiEventMap (#2234)

• Export TLUiEventMap type.

Fix the tool lock button. (#2225)

• Adds the missing tool lock button.

Custom Tools DX + screenshot example (#2198)

• adds ScreenshotTool custom tool example
• improvements and new exports related to copying and exporting images / files
• loosens up types around icons and translations
• moving StateNode.isActive into an atom
• adding Editor.path

StateNode atoms (#2213)

• adds computed StateNode.getPath
• adds computed StateNode.getCurrent`
• adds computed StateNode.getIsActive`
• adds computed Editor.getPath()
• makes transition's second property optional

VS Code bump 2.0.17 (#2217)

• VS code extension 2.0.17.

don't overwrite bookmark position if it changed before metadata arrives (#2215)

• Fixes issue when creating new bookmark shape where the position would be reset if you moved it before the bookmark metadata was fetched.

Add prettier caching (#2212)

• Speed up formatting of files via yarn format.

Update translations from community submissions (#2201)

• Updated translations for Spanish, Japanese, Romanian, Russian, Ukrainian, and Simplified Chinese.

[fix] huge images, use downscale for image scaling (#2207)

• Improved image rescaling.

Revert back to the previous color. (#2210)

• Fixes the color of culled shapes when using dark mode.

Fix an issue with not being able to group a shape an an arrow. (#2205)

• Add a brief release note for your PR here.

Japanese translations. (update) (#2199)

• Updated Japanese translations.

feat: add new prop to force mobile mode layout (#1734)

• add new prop to force mobile mode layout

[fix] masked bounds calculation (#2197)

• Fix bug with getmaskedpagebounds calculation for identical parent / child sizes

---

💥 Breaking Change

• @tldraw/editor, @tldraw/state, @tldraw/store, @tldraw/tldraw, @tldraw/tlschema
  • No impure getters pt 1 #2189 (@steveruizok @ds300)

🚀 Enhancement

• @tldraw/editor, @tldraw/tldraw
  • Add fit to content for frames. #2275 (@MitjaBezensek @steveruizok)
  • Removing frames and adding elements to frames #2219 (@MitjaBezensek @steveruizok @Taha-Hassan-Git)
  • Custom Tools DX + screenshot example #2198 (@steveruizok)
  • StateNode atoms #2213 (@steveruizok)
• @tldraw/editor, @tldraw/tldraw, @tldraw/tlschema
  • [improvements] arrows x enclosing shapes x precision. #2265 (@steveruizok)
• @tldraw/editor
  • Add connecting screen override. #2273 (@MitjaBezensek)
• @tldraw/tldraw
  • Add getSvgAsImage to exports. #2229 (@steveruizok)
  • [fix] huge images, use downscale for image scaling #2207 (@steveruizok)
  • feat: add new prop to force mobile mode layout #1734 (@gabrielchl @steveruizok)

🐛 Bug Fix

• Fix hmr. #2303 (@MitjaBezensek)
• VS Code version bump. #2297 (@MitjaBezensek)
• improves translation into pt-br #2231 (@bybruno)
• Fixes #2246 Sublibraries example (ExplodedExample.tsx) #2247 (gary.saunders@sportsengine.com @steveruizok)
• Lokalise: Translations update #2248 (@TodePond)
• Update translations from community submissions #2201 (@TodePond @steveruizok)
• Japanese translations. (update) #2199 (@sugitlab)
• VS code bump 2.0.16 #2193 (@MitjaBezensek)
• @tldraw/editor, @tldraw/tldraw
  • Revert "zoom to affected shapes after undo/redo" #2310 (@ds300)
  • zoom to affected shapes after undo/redo #2293 (@ds300)
  • fix new page naming #2292 (@SomeHats)
  • No impure getters pt9 #2222 (@ds300)
  • No impure getters pt8 #2221 (@ds300)
  • No impure getters pt7 #2220 (@ds300)
  • No impure getters pt6 #2218 (@ds300)
  • No impure getters pt5 #2208 (@ds300)
  • Fix an issue with not being able to group a shape an an arrow. #2205 (@MitjaBezensek)
  • No impure getters pt4 #2206 (@ds300)
  • No impure getters pt3 #2203 (@ds300)
  • No impure getters pt2 #2202 (@ds300)
• @tldraw/tlschema
  • Fix migrations. #2302 (@MitjaBezensek)
• @tldraw/editor
  • Fix an issue with a stale editor reference in shape utils #2295 (@MitjaBezensek)
  • Fix the cleanup of event handlers #2298 (@MitjaBezensek)
  • Revert back to the previous color. #2210 (@MitjaBezensek)
  • [fix] masked bounds calculation #2197 (@steveruizok)
• @tldraw/tldraw
  • Fix exporting of cropped images. #2268 (@MitjaBezensek)
  • Hot elbows #2258 (@ds300 @steveruizok)
  • Fix missing padding-right in toast #2251 (@ByMykel @steveruizok)
  • Also export TLUiEventMap #2234 (@MitjaBezensek)
  • Fix the tool lock button. #2225 (@MitjaBezensek)
  • don't overwrite bookmark position if it changed before metadata arrives #2215 (@ds300)
• @tldraw/editor, @tldraw/tldraw, @tldraw/utils
  • fix vite HMR issue #2279 (@SomeHats)
• @tldraw/editor, @tldraw/state, @tldraw/tldraw, @tldraw/utils
  • no impure getters pt 11 #2236 (@ds300)
• @tldraw/editor, @tldraw/state, @tldraw/store, @tldraw/tldraw
  • No impure getters pt10 #2235 (@ds300)

🏠 Internal

• Fix "custom UI" example #2253 (@OriginalEXE)
• Add floaty window example #2250 (@steveruizok)
• VS Code bump 2.0.17 #2217 (@MitjaBezensek)
• @tldraw/tlschema
  • Add prettier caching #2212 (@MitjaBezensek)

📝 Documentation

• Update the comment in the example. #2272 (@MitjaBezensek)
• @tldraw/editor, @tldraw/state
  • Replace getters in examples #2261 (@ds300)
• @tldraw/editor
  • fix typo in useFixSafariDoubleTapZoomPencilEvents.ts #2242 (@eltociear)

🧪 Tests

• @tldraw/tldraw
  • fix export snapshot race condition #2280 (@SomeHats)

Authors: 13

• @ByMykel
• alex (@SomeHats)
• Ante Sepic (@OriginalEXE)
• Bruno (@bybruno)
• David Sheldrick (@ds300)
• Gabriel Lee (@gabrielchl)
• Gary Saunders (@codenamegary)
• Ikko Eltociear Ashimine (@eltociear)
• Lu Wilson (@TodePond)
• Mitja Bezenšek (@MitjaBezensek)
• Steve Ruiz (@steveruizok)
• Sugit (@sugitlab)
• Taha (@Taha-Hassan-Git)