@tldraw/editor 3.13.0-canary.ae83a75c91b6 → 3.13.0-canary.bbec36f93805

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 (50) hide show
  1. package/dist-cjs/index.d.ts +4 -0
  2. package/dist-cjs/index.js +1 -1
  3. package/dist-cjs/lib/TldrawEditor.js +2 -1
  4. package/dist-cjs/lib/TldrawEditor.js.map +2 -2
  5. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js +14 -12
  6. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js.map +2 -2
  7. package/dist-cjs/lib/components/default-components/DefaultSpinner.js +1 -1
  8. package/dist-cjs/lib/components/default-components/DefaultSpinner.js.map +2 -2
  9. package/dist-cjs/lib/hooks/useDocumentEvents.js +3 -2
  10. package/dist-cjs/lib/hooks/useDocumentEvents.js.map +2 -2
  11. package/dist-cjs/lib/license/LicenseManager.js +8 -1
  12. package/dist-cjs/lib/license/LicenseManager.js.map +2 -2
  13. package/dist-cjs/lib/options.js.map +2 -2
  14. package/dist-cjs/lib/utils/dom.js +3 -3
  15. package/dist-cjs/lib/utils/dom.js.map +2 -2
  16. package/dist-cjs/lib/utils/rotation.js +5 -5
  17. package/dist-cjs/lib/utils/rotation.js.map +2 -2
  18. package/dist-cjs/version.js +3 -3
  19. package/dist-cjs/version.js.map +1 -1
  20. package/dist-esm/index.d.mts +4 -0
  21. package/dist-esm/index.mjs +1 -1
  22. package/dist-esm/lib/TldrawEditor.mjs +2 -1
  23. package/dist-esm/lib/TldrawEditor.mjs.map +2 -2
  24. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs +14 -12
  25. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs.map +2 -2
  26. package/dist-esm/lib/components/default-components/DefaultSpinner.mjs +1 -1
  27. package/dist-esm/lib/components/default-components/DefaultSpinner.mjs.map +2 -2
  28. package/dist-esm/lib/hooks/useDocumentEvents.mjs +3 -2
  29. package/dist-esm/lib/hooks/useDocumentEvents.mjs.map +2 -2
  30. package/dist-esm/lib/license/LicenseManager.mjs +8 -1
  31. package/dist-esm/lib/license/LicenseManager.mjs.map +2 -2
  32. package/dist-esm/lib/options.mjs.map +2 -2
  33. package/dist-esm/lib/utils/dom.mjs +3 -3
  34. package/dist-esm/lib/utils/dom.mjs.map +2 -2
  35. package/dist-esm/lib/utils/rotation.mjs +5 -5
  36. package/dist-esm/lib/utils/rotation.mjs.map +2 -2
  37. package/dist-esm/version.mjs +3 -3
  38. package/dist-esm/version.mjs.map +1 -1
  39. package/editor.css +6 -0
  40. package/package.json +7 -7
  41. package/src/lib/TldrawEditor.tsx +6 -1
  42. package/src/lib/components/default-components/DefaultErrorFallback.tsx +25 -14
  43. package/src/lib/components/default-components/DefaultSpinner.tsx +1 -1
  44. package/src/lib/hooks/useDocumentEvents.ts +7 -2
  45. package/src/lib/license/LicenseManager.test.ts +40 -0
  46. package/src/lib/license/LicenseManager.ts +13 -1
  47. package/src/lib/options.ts +4 -0
  48. package/src/lib/utils/dom.ts +4 -4
  49. package/src/lib/utils/rotation.ts +8 -6
  50. package/src/version.ts +3 -3
@@ -111,7 +111,10 @@ export class LicenseManager {
111
111
  if (testEnvironment === 'production') return false
112
112
 
113
113
  // If we are using https on a non-localhost domain we assume it's a production env and a development one otherwise
114
- return window.location.protocol !== 'https:' || window.location.hostname === 'localhost'
114
+ return (
115
+ !['https:', 'vscode-webview:'].includes(window.location.protocol) ||
116
+ window.location.hostname === 'localhost'
117
+ )
115
118
  }
116
119
 
117
120
  private async extractLicenseKey(licenseKey: string): Promise<LicenseInfo> {
@@ -250,6 +253,15 @@ export class LicenseManager {
250
253
  return globToRegex.test(currentHostname) || globToRegex.test(`www.${currentHostname}`)
251
254
  }
252
255
 
256
+ // VSCode support
257
+ if (window.location.protocol === 'vscode-webview:') {
258
+ const currentUrl = new URL(window.location.href)
259
+ const extensionId = currentUrl.searchParams.get('extensionId')
260
+ if (normalizedHost === extensionId) {
261
+ return true
262
+ }
263
+ }
264
+
253
265
  return false
254
266
  })
255
267
  }
@@ -80,6 +80,10 @@ export interface TldrawOptions {
80
80
  * nonce to use in the editor's styles.
81
81
  */
82
82
  readonly nonce: string | undefined
83
+ /**
84
+ * Branding name of the app, currently only used for adding aria-label for the application.
85
+ */
86
+ readonly branding?: string
83
87
  }
84
88
 
85
89
  /** @public */
@@ -91,14 +91,14 @@ export const setStyleProperty = (
91
91
  elm.style.setProperty(property, value as string)
92
92
  }
93
93
 
94
- const INPUTS = ['input', 'select', 'button', 'textarea']
95
-
96
94
  /** @internal */
97
- export function activeElementShouldCaptureKeys() {
95
+ export function activeElementShouldCaptureKeys(allowButtons = false) {
98
96
  const { activeElement } = document
97
+ const elements = allowButtons ? ['input', 'textarea'] : ['input', 'select', 'button', 'textarea']
99
98
  return !!(
100
99
  activeElement &&
101
100
  ((activeElement as HTMLElement).isContentEditable ||
102
- INPUTS.indexOf(activeElement.tagName.toLowerCase()) > -1)
101
+ elements.indexOf(activeElement.tagName.toLowerCase()) > -1 ||
102
+ activeElement.classList.contains('tlui-slider__thumb'))
103
103
  )
104
104
  }
@@ -26,11 +26,13 @@ export function getRotationSnapshot({
26
26
  return null
27
27
  }
28
28
 
29
- const pageCenter = rotatedPageBounds.center.clone().rotWith(rotatedPageBounds.point, rotation)
29
+ const initialPageCenter = rotatedPageBounds.center
30
+ .clone()
31
+ .rotWith(rotatedPageBounds.point, rotation)
30
32
 
31
33
  return {
32
- pageCenter,
33
- initialCursorAngle: pageCenter.angle(editor.inputs.originPagePoint),
34
+ initialPageCenter,
35
+ initialCursorAngle: initialPageCenter.angle(editor.inputs.originPagePoint),
34
36
  initialShapesRotation: rotation,
35
37
  shapeSnapshots: shapes.map((shape) => ({
36
38
  shape,
@@ -43,7 +45,7 @@ export function getRotationSnapshot({
43
45
  * @internal
44
46
  **/
45
47
  export interface TLRotationSnapshot {
46
- pageCenter: Vec
48
+ initialPageCenter: Vec
47
49
  initialCursorAngle: number
48
50
  initialShapesRotation: number
49
51
  shapeSnapshots: {
@@ -66,7 +68,7 @@ export function applyRotationToSnapshotShapes({
66
68
  stage: 'start' | 'update' | 'end' | 'one-off'
67
69
  centerOverride?: VecLike
68
70
  }) {
69
- const { pageCenter, shapeSnapshots } = snapshot
71
+ const { initialPageCenter, shapeSnapshots } = snapshot
70
72
 
71
73
  editor.updateShapes(
72
74
  shapeSnapshots.map(({ shape, initialPagePoint }) => {
@@ -77,7 +79,7 @@ export function applyRotationToSnapshotShapes({
77
79
  ? editor.getShapePageTransform(shape.parentId)!
78
80
  : Mat.Identity()
79
81
 
80
- const newPagePoint = Vec.RotWith(initialPagePoint, centerOverride ?? pageCenter, delta)
82
+ const newPagePoint = Vec.RotWith(initialPagePoint, centerOverride ?? initialPageCenter, delta)
81
83
 
82
84
  const newLocalPoint = Mat.applyToPoint(
83
85
  // use the current parent transform in case it has moved/resized since the start
package/src/version.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  // This file is automatically generated by internal/scripts/refresh-assets.ts.
2
2
  // Do not edit manually. Or do, I'm a comment, not a cop.
3
3
 
4
- export const version = '3.13.0-canary.ae83a75c91b6'
4
+ export const version = '3.13.0-canary.bbec36f93805'
5
5
  export const publishDates = {
6
6
  major: '2024-09-13T14:36:29.063Z',
7
- minor: '2025-04-22T11:27:33.668Z',
8
- patch: '2025-04-22T11:27:33.668Z',
7
+ minor: '2025-04-29T14:04:26.024Z',
8
+ patch: '2025-04-29T14:04:26.024Z',
9
9
  }