tldraw 3.16.0-canary.cf24aedcd577 → 3.16.0-canary.d3a23ebd1b0b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/dist-cjs/index.d.ts +93 -1
  2. package/dist-cjs/index.js +9 -1
  3. package/dist-cjs/index.js.map +2 -2
  4. package/dist-cjs/lib/Tldraw.js +12 -2
  5. package/dist-cjs/lib/Tldraw.js.map +2 -2
  6. package/dist-cjs/lib/canvas/TldrawScribble.js +1 -1
  7. package/dist-cjs/lib/canvas/TldrawScribble.js.map +2 -2
  8. package/dist-cjs/lib/defaultExternalContentHandlers.js +5 -4
  9. package/dist-cjs/lib/defaultExternalContentHandlers.js.map +2 -2
  10. package/dist-cjs/lib/shapes/arrow/elbow/ElbowArrowDebug.js +3 -3
  11. package/dist-cjs/lib/shapes/arrow/elbow/ElbowArrowDebug.js.map +1 -1
  12. package/dist-cjs/lib/shapes/embed/EmbedShapeUtil.js +1 -1
  13. package/dist-cjs/lib/shapes/embed/EmbedShapeUtil.js.map +1 -1
  14. package/dist-cjs/lib/shapes/frame/FrameShapeUtil.js +7 -4
  15. package/dist-cjs/lib/shapes/frame/FrameShapeUtil.js.map +2 -2
  16. package/dist-cjs/lib/shapes/frame/components/FrameHeading.js +1 -1
  17. package/dist-cjs/lib/shapes/frame/components/FrameHeading.js.map +2 -2
  18. package/dist-cjs/lib/shapes/image/ImageShapeUtil.js +6 -3
  19. package/dist-cjs/lib/shapes/image/ImageShapeUtil.js.map +2 -2
  20. package/dist-cjs/lib/shapes/shared/ShapeFill.js +1 -1
  21. package/dist-cjs/lib/shapes/shared/ShapeFill.js.map +2 -2
  22. package/dist-cjs/lib/shapes/shared/freehand/svg.js.map +2 -2
  23. package/dist-cjs/lib/shapes/video/VideoShapeUtil.js +3 -3
  24. package/dist-cjs/lib/shapes/video/VideoShapeUtil.js.map +1 -1
  25. package/dist-cjs/lib/tools/EraserTool/childStates/Erasing.js +25 -1
  26. package/dist-cjs/lib/tools/EraserTool/childStates/Erasing.js.map +2 -2
  27. package/dist-cjs/lib/tools/EraserTool/childStates/Pointing.js +12 -0
  28. package/dist-cjs/lib/tools/EraserTool/childStates/Pointing.js.map +2 -2
  29. package/dist-cjs/lib/ui/TldrawUi.js +13 -12
  30. package/dist-cjs/lib/ui/TldrawUi.js.map +2 -2
  31. package/dist-cjs/lib/ui/assetUrls.js +13 -10
  32. package/dist-cjs/lib/ui/assetUrls.js.map +2 -2
  33. package/dist-cjs/lib/ui/components/{FollowingIndicator.js → DefaultFollowingIndicator.js} +6 -6
  34. package/dist-cjs/lib/ui/components/DefaultFollowingIndicator.js.map +7 -0
  35. package/dist-cjs/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.js +6 -6
  36. package/dist-cjs/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.js.map +1 -1
  37. package/dist-cjs/lib/ui/components/Minimap/MinimapManager.js +4 -4
  38. package/dist-cjs/lib/ui/components/Minimap/MinimapManager.js.map +2 -2
  39. package/dist-cjs/lib/ui/components/MobileStylePanel.js +1 -1
  40. package/dist-cjs/lib/ui/components/MobileStylePanel.js.map +2 -2
  41. package/dist-cjs/lib/ui/components/StylePanel/DropdownPicker.js +1 -1
  42. package/dist-cjs/lib/ui/components/StylePanel/DropdownPicker.js.map +2 -2
  43. package/dist-cjs/lib/ui/components/Toolbar/DefaultImageToolbarContent.js +1 -1
  44. package/dist-cjs/lib/ui/components/Toolbar/DefaultImageToolbarContent.js.map +2 -2
  45. package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js +6 -4
  46. package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js.map +2 -2
  47. package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js +94 -123
  48. package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js.map +2 -2
  49. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuContext.js.map +2 -2
  50. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js +0 -10
  51. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js.map +2 -2
  52. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuItem.js +3 -19
  53. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuItem.js.map +2 -2
  54. package/dist-cjs/lib/ui/context/actions.js +16 -2
  55. package/dist-cjs/lib/ui/context/actions.js.map +2 -2
  56. package/dist-cjs/lib/ui/context/components.js +2 -0
  57. package/dist-cjs/lib/ui/context/components.js.map +2 -2
  58. package/dist-cjs/lib/ui/hooks/useTools.js +21 -3
  59. package/dist-cjs/lib/ui/hooks/useTools.js.map +2 -2
  60. package/dist-cjs/lib/ui/kbd-utils.js +9 -3
  61. package/dist-cjs/lib/ui/kbd-utils.js.map +2 -2
  62. package/dist-cjs/lib/ui/version.js +3 -3
  63. package/dist-cjs/lib/ui/version.js.map +1 -1
  64. package/dist-esm/index.d.mts +93 -1
  65. package/dist-esm/index.mjs +11 -2
  66. package/dist-esm/index.mjs.map +2 -2
  67. package/dist-esm/lib/Tldraw.mjs +14 -4
  68. package/dist-esm/lib/Tldraw.mjs.map +2 -2
  69. package/dist-esm/lib/canvas/TldrawScribble.mjs +1 -1
  70. package/dist-esm/lib/canvas/TldrawScribble.mjs.map +2 -2
  71. package/dist-esm/lib/defaultExternalContentHandlers.mjs +5 -4
  72. package/dist-esm/lib/defaultExternalContentHandlers.mjs.map +2 -2
  73. package/dist-esm/lib/shapes/arrow/elbow/ElbowArrowDebug.mjs +3 -3
  74. package/dist-esm/lib/shapes/arrow/elbow/ElbowArrowDebug.mjs.map +1 -1
  75. package/dist-esm/lib/shapes/embed/EmbedShapeUtil.mjs +1 -1
  76. package/dist-esm/lib/shapes/embed/EmbedShapeUtil.mjs.map +1 -1
  77. package/dist-esm/lib/shapes/frame/FrameShapeUtil.mjs +7 -4
  78. package/dist-esm/lib/shapes/frame/FrameShapeUtil.mjs.map +2 -2
  79. package/dist-esm/lib/shapes/frame/components/FrameHeading.mjs +1 -1
  80. package/dist-esm/lib/shapes/frame/components/FrameHeading.mjs.map +2 -2
  81. package/dist-esm/lib/shapes/image/ImageShapeUtil.mjs +6 -3
  82. package/dist-esm/lib/shapes/image/ImageShapeUtil.mjs.map +2 -2
  83. package/dist-esm/lib/shapes/shared/ShapeFill.mjs +1 -1
  84. package/dist-esm/lib/shapes/shared/ShapeFill.mjs.map +2 -2
  85. package/dist-esm/lib/shapes/shared/freehand/svg.mjs.map +2 -2
  86. package/dist-esm/lib/shapes/video/VideoShapeUtil.mjs +3 -3
  87. package/dist-esm/lib/shapes/video/VideoShapeUtil.mjs.map +1 -1
  88. package/dist-esm/lib/tools/EraserTool/childStates/Erasing.mjs +26 -1
  89. package/dist-esm/lib/tools/EraserTool/childStates/Erasing.mjs.map +2 -2
  90. package/dist-esm/lib/tools/EraserTool/childStates/Pointing.mjs +13 -0
  91. package/dist-esm/lib/tools/EraserTool/childStates/Pointing.mjs.map +2 -2
  92. package/dist-esm/lib/ui/TldrawUi.mjs +13 -12
  93. package/dist-esm/lib/ui/TldrawUi.mjs.map +2 -2
  94. package/dist-esm/lib/ui/assetUrls.mjs +13 -10
  95. package/dist-esm/lib/ui/assetUrls.mjs.map +2 -2
  96. package/dist-esm/lib/ui/components/{FollowingIndicator.mjs → DefaultFollowingIndicator.mjs} +3 -3
  97. package/dist-esm/lib/ui/components/DefaultFollowingIndicator.mjs.map +7 -0
  98. package/dist-esm/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.mjs +6 -6
  99. package/dist-esm/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.mjs.map +1 -1
  100. package/dist-esm/lib/ui/components/Minimap/MinimapManager.mjs +4 -4
  101. package/dist-esm/lib/ui/components/Minimap/MinimapManager.mjs.map +2 -2
  102. package/dist-esm/lib/ui/components/MobileStylePanel.mjs +1 -1
  103. package/dist-esm/lib/ui/components/MobileStylePanel.mjs.map +2 -2
  104. package/dist-esm/lib/ui/components/StylePanel/DropdownPicker.mjs +1 -1
  105. package/dist-esm/lib/ui/components/StylePanel/DropdownPicker.mjs.map +2 -2
  106. package/dist-esm/lib/ui/components/Toolbar/DefaultImageToolbarContent.mjs +1 -1
  107. package/dist-esm/lib/ui/components/Toolbar/DefaultImageToolbarContent.mjs.map +2 -2
  108. package/dist-esm/lib/ui/components/primitives/TldrawUiSlider.mjs +6 -4
  109. package/dist-esm/lib/ui/components/primitives/TldrawUiSlider.mjs.map +2 -2
  110. package/dist-esm/lib/ui/components/primitives/TldrawUiTooltip.mjs +103 -125
  111. package/dist-esm/lib/ui/components/primitives/TldrawUiTooltip.mjs.map +2 -2
  112. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuContext.mjs.map +2 -2
  113. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuGroup.mjs +0 -10
  114. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuGroup.mjs.map +2 -2
  115. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuItem.mjs +3 -19
  116. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuItem.mjs.map +2 -2
  117. package/dist-esm/lib/ui/context/actions.mjs +16 -2
  118. package/dist-esm/lib/ui/context/actions.mjs.map +2 -2
  119. package/dist-esm/lib/ui/context/components.mjs +2 -0
  120. package/dist-esm/lib/ui/context/components.mjs.map +2 -2
  121. package/dist-esm/lib/ui/hooks/useTools.mjs +22 -3
  122. package/dist-esm/lib/ui/hooks/useTools.mjs.map +2 -2
  123. package/dist-esm/lib/ui/kbd-utils.mjs +9 -3
  124. package/dist-esm/lib/ui/kbd-utils.mjs.map +2 -2
  125. package/dist-esm/lib/ui/version.mjs +3 -3
  126. package/dist-esm/lib/ui/version.mjs.map +1 -1
  127. package/package.json +11 -34
  128. package/src/index.ts +6 -1
  129. package/src/lib/Tldraw.tsx +15 -2
  130. package/src/lib/canvas/TldrawScribble.tsx +1 -1
  131. package/src/lib/defaultExternalContentHandlers.ts +12 -4
  132. package/src/lib/shapes/arrow/ArrowShapeOptions.test.ts +2 -1
  133. package/src/lib/shapes/arrow/ArrowShapeTool.test.ts +4 -3
  134. package/src/lib/shapes/arrow/ArrowShapeUtil.test.ts +7 -6
  135. package/src/lib/shapes/arrow/elbow/ElbowArrowDebug.tsx +3 -3
  136. package/src/lib/shapes/draw/DrawShapeTool.test.ts +0 -5
  137. package/src/lib/shapes/embed/EmbedShapeUtil.tsx +1 -1
  138. package/src/lib/shapes/frame/FrameShapeUtil.tsx +16 -4
  139. package/src/lib/shapes/frame/components/FrameHeading.tsx +1 -1
  140. package/src/lib/shapes/image/ImageShapeUtil.tsx +6 -3
  141. package/src/lib/shapes/line/LineShapeUtil.test.tsx +4 -3
  142. package/src/lib/shapes/line/__snapshots__/LineShapeUtil.test.tsx.snap +2 -2
  143. package/src/lib/shapes/shared/ShapeFill.tsx +1 -1
  144. package/src/lib/shapes/shared/freehand/svg.ts +2 -0
  145. package/src/lib/shapes/text/TextShapeTool.test.ts +6 -5
  146. package/src/lib/shapes/video/VideoShapeUtil.tsx +3 -3
  147. package/src/lib/tools/EraserTool/childStates/Erasing.ts +34 -1
  148. package/src/lib/tools/EraserTool/childStates/Pointing.ts +20 -0
  149. package/src/lib/ui/TldrawUi.tsx +16 -10
  150. package/src/lib/ui/assetUrls.ts +13 -10
  151. package/src/lib/ui/components/{FollowingIndicator.tsx → DefaultFollowingIndicator.tsx} +2 -1
  152. package/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx +6 -6
  153. package/src/lib/ui/components/Minimap/MinimapManager.ts +4 -4
  154. package/src/lib/ui/components/MobileStylePanel.tsx +1 -1
  155. package/src/lib/ui/components/StylePanel/DropdownPicker.tsx +1 -1
  156. package/src/lib/ui/components/Toolbar/DefaultImageToolbarContent.tsx +1 -1
  157. package/src/lib/ui/components/primitives/TldrawUiSlider.tsx +35 -30
  158. package/src/lib/ui/components/primitives/TldrawUiTooltip.tsx +109 -127
  159. package/src/lib/ui/components/primitives/menus/TldrawUiMenuContext.tsx +0 -1
  160. package/src/lib/ui/components/primitives/menus/TldrawUiMenuGroup.tsx +0 -10
  161. package/src/lib/ui/components/primitives/menus/TldrawUiMenuItem.tsx +5 -18
  162. package/src/lib/ui/context/actions.tsx +16 -2
  163. package/src/lib/ui/context/components.tsx +3 -0
  164. package/src/lib/ui/hooks/useTools.tsx +25 -3
  165. package/src/lib/ui/kbd-utils.ts +10 -3
  166. package/src/lib/ui/version.ts +3 -3
  167. package/src/lib/ui.css +230 -228
  168. package/src/lib/utils/excalidraw/__snapshots__/putExcalidrawContent.test.tsx.snap +5 -5
  169. package/src/lib/utils/tldr/__snapshots__/buildFromV1Document.test.ts.snap +4 -4
  170. package/src/test/A11y.test.tsx +3 -2
  171. package/src/test/ClickManager.test.ts +7 -6
  172. package/src/test/Editor.test.tsx +20 -19
  173. package/src/test/EraserTool.test.ts +184 -13
  174. package/src/test/HandTool.test.ts +10 -9
  175. package/src/test/HighlightShape.test.ts +2 -1
  176. package/src/test/SelectTool.test.ts +3 -2
  177. package/src/test/TLUserPreferences.test.ts +4 -3
  178. package/src/test/TestEditor.ts +13 -15
  179. package/src/test/TldrawEditor.test.tsx +11 -10
  180. package/src/test/ZoomTool.test.ts +7 -6
  181. package/src/test/__snapshots__/drawing.test.ts.snap +2 -2
  182. package/src/test/__snapshots__/groups.test.tsx.snap +6 -6
  183. package/src/test/__snapshots__/resizing.test.ts.snap +2 -2
  184. package/src/test/arrows-megabus.test.tsx +5 -4
  185. package/src/test/bindings.test.tsx +24 -37
  186. package/src/test/bookmark-shapes.test.ts +1 -8
  187. package/src/test/commands/__snapshots__/getSvgString.test.ts.snap +23 -7
  188. package/src/test/commands/__snapshots__/packShapes.test.ts.snap +8 -8
  189. package/src/test/commands/__snapshots__/zoomToFit.test.ts.snap +2 -2
  190. package/src/test/commands/alignShapes.test.tsx +25 -24
  191. package/src/test/commands/animationSpeed.test.ts +2 -1
  192. package/src/test/commands/centerOnPoint.test.ts +3 -2
  193. package/src/test/commands/clipboard.test.ts +3 -2
  194. package/src/test/commands/createShapes.test.ts +2 -1
  195. package/src/test/commands/deleteShapes.test.ts +2 -1
  196. package/src/test/commands/distributeShapes.test.tsx +11 -10
  197. package/src/test/commands/getSvgString.test.ts +2 -1
  198. package/src/test/commands/packShapes.test.ts +5 -4
  199. package/src/test/commands/resizeShape.test.ts +2 -1
  200. package/src/test/commands/rotateShapes.test.ts +7 -6
  201. package/src/test/commands/setCamera.test.ts +4 -3
  202. package/src/test/commands/setCurrentPage.test.ts +3 -2
  203. package/src/test/commands/stackShapes.test.ts +11 -10
  204. package/src/test/commands/stretch.test.tsx +13 -12
  205. package/src/test/createDeepLink.test.tsx +2 -1
  206. package/src/test/cropping.test.ts +3 -2
  207. package/src/test/drawing.test.ts +2 -1
  208. package/src/test/flipShapes.test.ts +4 -3
  209. package/src/test/frames.test.ts +25 -24
  210. package/src/test/getCulledShapes.test.tsx +3 -2
  211. package/src/test/groups.test.tsx +1 -1
  212. package/src/test/handleDeepLink.test.tsx +2 -1
  213. package/src/test/maxShapes.test.ts +3 -2
  214. package/src/test/modifiers.test.ts +5 -4
  215. package/src/test/navigation.test.ts +12 -11
  216. package/src/test/panning.test.ts +2 -1
  217. package/src/test/perf/perf.test.ts +2 -1
  218. package/src/test/registerDeepLinkListener.test.tsx +10 -9
  219. package/src/test/resizing.test.ts +39 -38
  220. package/src/test/select.test.tsx +4 -3
  221. package/src/test/selection-omnibus.test.ts +11 -10
  222. package/src/test/shapeutils.test.ts +4 -3
  223. package/src/test/translating.test.ts +9 -8
  224. package/tldraw.css +531 -518
  225. package/dist-cjs/lib/ui/components/FollowingIndicator.js.map +0 -7
  226. package/dist-esm/lib/ui/components/FollowingIndicator.mjs.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/lib/ui/components/FollowingIndicator.tsx"],
4
- "sourcesContent": ["import { useEditor, usePresence, useValue } from '@tldraw/editor'\n\nexport function FollowingIndicator() {\n\tconst editor = useEditor()\n\tconst followingUserId = useValue('follow', () => editor.getInstanceState().followingUserId, [\n\t\teditor,\n\t])\n\tif (!followingUserId) return null\n\treturn <FollowingIndicatorInner userId={followingUserId} />\n}\n\nfunction FollowingIndicatorInner({ userId }: { userId: string }) {\n\tconst presence = usePresence(userId)\n\tif (!presence) return null\n\treturn <div className=\"tlui-following-indicator\" style={{ borderColor: presence.color }} />\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQQ;AARR,oBAAiD;AAE1C,SAAS,qBAAqB;AACpC,QAAM,aAAS,yBAAU;AACzB,QAAM,sBAAkB,wBAAS,UAAU,MAAM,OAAO,iBAAiB,EAAE,iBAAiB;AAAA,IAC3F;AAAA,EACD,CAAC;AACD,MAAI,CAAC,gBAAiB,QAAO;AAC7B,SAAO,4CAAC,2BAAwB,QAAQ,iBAAiB;AAC1D;AAEA,SAAS,wBAAwB,EAAE,OAAO,GAAuB;AAChE,QAAM,eAAW,2BAAY,MAAM;AACnC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,4CAAC,SAAI,WAAU,4BAA2B,OAAO,EAAE,aAAa,SAAS,MAAM,GAAG;AAC1F;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/lib/ui/components/FollowingIndicator.tsx"],
4
- "sourcesContent": ["import { useEditor, usePresence, useValue } from '@tldraw/editor'\n\nexport function FollowingIndicator() {\n\tconst editor = useEditor()\n\tconst followingUserId = useValue('follow', () => editor.getInstanceState().followingUserId, [\n\t\teditor,\n\t])\n\tif (!followingUserId) return null\n\treturn <FollowingIndicatorInner userId={followingUserId} />\n}\n\nfunction FollowingIndicatorInner({ userId }: { userId: string }) {\n\tconst presence = usePresence(userId)\n\tif (!presence) return null\n\treturn <div className=\"tlui-following-indicator\" style={{ borderColor: presence.color }} />\n}\n"],
5
- "mappings": "AAQQ;AARR,SAAS,WAAW,aAAa,gBAAgB;AAE1C,SAAS,qBAAqB;AACpC,QAAM,SAAS,UAAU;AACzB,QAAM,kBAAkB,SAAS,UAAU,MAAM,OAAO,iBAAiB,EAAE,iBAAiB;AAAA,IAC3F;AAAA,EACD,CAAC;AACD,MAAI,CAAC,gBAAiB,QAAO;AAC7B,SAAO,oBAAC,2BAAwB,QAAQ,iBAAiB;AAC1D;AAEA,SAAS,wBAAwB,EAAE,OAAO,GAAuB;AAChE,QAAM,WAAW,YAAY,MAAM;AACnC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAAC,SAAI,WAAU,4BAA2B,OAAO,EAAE,aAAa,SAAS,MAAM,GAAG;AAC1F;",
6
- "names": []
7
- }