@tldraw/editor 3.16.0-canary.acb40a76700b → 3.16.0-canary.b4611e27bade

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 (65) hide show
  1. package/dist-cjs/index.d.ts +4 -0
  2. package/dist-cjs/index.js +1 -1
  3. package/dist-cjs/lib/components/Shape.js +7 -10
  4. package/dist-cjs/lib/components/Shape.js.map +2 -2
  5. package/dist-cjs/lib/components/default-components/DefaultCanvas.js +2 -21
  6. package/dist-cjs/lib/components/default-components/DefaultCanvas.js.map +2 -2
  7. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js +1 -1
  8. package/dist-cjs/lib/components/default-components/DefaultErrorFallback.js.map +2 -2
  9. package/dist-cjs/lib/config/TLUserPreferences.js +1 -1
  10. package/dist-cjs/lib/config/TLUserPreferences.js.map +2 -2
  11. package/dist-cjs/lib/editor/Editor.js +10 -1
  12. package/dist-cjs/lib/editor/Editor.js.map +2 -2
  13. package/dist-cjs/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.js +1 -1
  14. package/dist-cjs/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.js.map +2 -2
  15. package/dist-cjs/lib/options.js +6 -0
  16. package/dist-cjs/lib/options.js.map +2 -2
  17. package/dist-cjs/version.js +3 -3
  18. package/dist-cjs/version.js.map +1 -1
  19. package/dist-esm/index.d.mts +4 -0
  20. package/dist-esm/index.mjs +1 -1
  21. package/dist-esm/lib/components/Shape.mjs +7 -10
  22. package/dist-esm/lib/components/Shape.mjs.map +2 -2
  23. package/dist-esm/lib/components/default-components/DefaultCanvas.mjs +2 -21
  24. package/dist-esm/lib/components/default-components/DefaultCanvas.mjs.map +2 -2
  25. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs +1 -1
  26. package/dist-esm/lib/components/default-components/DefaultErrorFallback.mjs.map +2 -2
  27. package/dist-esm/lib/config/TLUserPreferences.mjs +1 -1
  28. package/dist-esm/lib/config/TLUserPreferences.mjs.map +2 -2
  29. package/dist-esm/lib/editor/Editor.mjs +10 -1
  30. package/dist-esm/lib/editor/Editor.mjs.map +2 -2
  31. package/dist-esm/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.mjs +1 -1
  32. package/dist-esm/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.mjs.map +2 -2
  33. package/dist-esm/lib/options.mjs +6 -0
  34. package/dist-esm/lib/options.mjs.map +2 -2
  35. package/dist-esm/version.mjs +3 -3
  36. package/dist-esm/version.mjs.map +1 -1
  37. package/package.json +14 -37
  38. package/src/lib/components/Shape.tsx +6 -12
  39. package/src/lib/components/default-components/DefaultCanvas.tsx +2 -21
  40. package/src/lib/components/default-components/DefaultErrorFallback.tsx +1 -1
  41. package/src/lib/config/TLUserPreferences.ts +1 -1
  42. package/src/lib/editor/Editor.test.ts +12 -11
  43. package/src/lib/editor/Editor.ts +11 -1
  44. package/src/lib/editor/managers/ClickManager/ClickManager.test.ts +15 -14
  45. package/src/lib/editor/managers/EdgeScrollManager/EdgeScrollManager.test.ts +16 -15
  46. package/src/lib/editor/managers/FocusManager/FocusManager.test.ts +49 -48
  47. package/src/lib/editor/managers/FontManager/FontManager.test.ts +24 -23
  48. package/src/lib/editor/managers/HistoryManager/HistoryManager.test.ts +7 -6
  49. package/src/lib/editor/managers/ScribbleManager/ScribbleManager.test.ts +12 -11
  50. package/src/lib/editor/managers/SnapManager/SnapManager.test.ts +57 -50
  51. package/src/lib/editor/managers/TextManager/TextManager.test.ts +51 -26
  52. package/src/lib/editor/managers/TickManager/TickManager.test.ts +14 -13
  53. package/src/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.test.ts +21 -26
  54. package/src/lib/editor/managers/UserPreferencesManager/UserPreferencesManager.ts +1 -1
  55. package/src/lib/license/LicenseManager.test.ts +3 -1
  56. package/src/lib/license/Watermark.test.tsx +2 -1
  57. package/src/lib/options.ts +6 -0
  58. package/src/lib/utils/sync/LocalIndexedDb.test.ts +2 -1
  59. package/src/lib/utils/sync/TLLocalSyncClient.test.ts +15 -15
  60. package/src/version.ts +3 -3
  61. package/dist-cjs/lib/utils/nearestMultiple.js +0 -34
  62. package/dist-cjs/lib/utils/nearestMultiple.js.map +0 -7
  63. package/dist-esm/lib/utils/nearestMultiple.mjs +0 -14
  64. package/dist-esm/lib/utils/nearestMultiple.mjs.map +0 -7
  65. package/src/lib/utils/nearestMultiple.ts +0 -13
@@ -1,17 +1,21 @@
1
+ import { vi } from 'vitest'
1
2
  import { Editor } from '../../Editor'
2
3
  import { TextManager, TLMeasureTextSpanOpts } from './TextManager'
3
4
 
4
5
  // Create a simple mock DOM environment
5
6
  const mockElement = {
6
- classList: { add: jest.fn() },
7
+ classList: { add: vi.fn() },
7
8
  tabIndex: -1,
8
- cloneNode: jest.fn(),
9
+ cloneNode: vi.fn(),
9
10
  innerHTML: '',
10
11
  textContent: '',
11
- setAttribute: jest.fn(),
12
- style: { setProperty: jest.fn() },
12
+ setAttribute: vi.fn(),
13
+ style: {
14
+ setProperty: vi.fn(),
15
+ getPropertyValue: vi.fn(() => ''),
16
+ },
13
17
  scrollWidth: 100,
14
- getBoundingClientRect: jest.fn(() => ({
18
+ getBoundingClientRect: vi.fn(() => ({
15
19
  width: 100,
16
20
  height: 20,
17
21
  left: 0,
@@ -19,22 +23,44 @@ const mockElement = {
19
23
  right: 100,
20
24
  bottom: 20,
21
25
  })),
22
- remove: jest.fn(),
23
- insertAdjacentElement: jest.fn(),
26
+ remove: vi.fn(),
27
+ insertAdjacentElement: vi.fn(),
24
28
  childNodes: [],
25
29
  }
26
30
 
27
31
  // Mock document.createElement to return our mock element
28
- const mockCreateElement = jest.fn(() => {
32
+ const mockCreateElement = vi.fn(() => {
29
33
  const element = { ...mockElement }
30
- element.cloneNode = jest.fn(() => ({ ...element }))
34
+ element.cloneNode = vi.fn(() => ({ ...element }))
35
+
36
+ // Make textContent and innerHTML reactive like real DOM elements
37
+ let _textContent = ''
38
+ let _innerHTML = ''
39
+
40
+ Object.defineProperty(element, 'textContent', {
41
+ get: () => _textContent,
42
+ set: (value) => {
43
+ _textContent = value || ''
44
+ // When textContent is set, innerHTML should be the escaped version
45
+ _innerHTML = _textContent
46
+ },
47
+ })
48
+
49
+ Object.defineProperty(element, 'innerHTML', {
50
+ get: () => _innerHTML,
51
+ set: (value) => {
52
+ _innerHTML = value || ''
53
+ _textContent = _innerHTML // Simple approximation
54
+ },
55
+ })
56
+
31
57
  return element
32
58
  })
33
59
 
34
60
  // Mock editor
35
61
  const mockEditor = {
36
- getContainer: jest.fn(() => ({
37
- appendChild: jest.fn(),
62
+ getContainer: vi.fn(() => ({
63
+ appendChild: vi.fn(),
38
64
  })),
39
65
  } as unknown as Editor
40
66
 
@@ -43,10 +69,10 @@ global.document = {
43
69
  createElement: mockCreateElement,
44
70
  } as any
45
71
 
46
- global.Range = jest.fn(() => ({
47
- setStart: jest.fn(),
48
- setEnd: jest.fn(),
49
- getClientRects: jest.fn(() => [
72
+ global.Range = vi.fn(() => ({
73
+ setStart: vi.fn(),
74
+ setEnd: vi.fn(),
75
+ getClientRects: vi.fn(() => [
50
76
  {
51
77
  width: 10,
52
78
  height: 16,
@@ -62,7 +88,7 @@ describe('TextManager', () => {
62
88
  let textManager: TextManager
63
89
 
64
90
  beforeEach(() => {
65
- jest.clearAllMocks()
91
+ vi.clearAllMocks()
66
92
  textManager = new TextManager(mockEditor)
67
93
  })
68
94
 
@@ -86,13 +112,13 @@ describe('TextManager', () => {
86
112
  }
87
113
 
88
114
  it('should call measureHtml with normalized text', () => {
89
- const spy = jest.spyOn(textManager, 'measureHtml')
115
+ const spy = vi.spyOn(textManager, 'measureHtml')
90
116
  textManager.measureText('Hello World', defaultOpts)
91
117
  expect(spy).toHaveBeenCalledWith('Hello World', defaultOpts)
92
118
  })
93
119
 
94
120
  it('should normalize line breaks', () => {
95
- const spy = jest.spyOn(textManager, 'measureHtml')
121
+ const spy = vi.spyOn(textManager, 'measureHtml')
96
122
  textManager.measureText('Hello\nWorld\r\nTest', defaultOpts)
97
123
  // The text should be normalized to use consistent line breaks
98
124
  expect(spy).toHaveBeenCalled()
@@ -247,7 +273,7 @@ describe('TextManager', () => {
247
273
 
248
274
  it('should return array of text spans for non-empty text', () => {
249
275
  // Mock measureElementTextNodeSpans to return some spans
250
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
276
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
251
277
  spans: [
252
278
  {
253
279
  text: 'Hello World',
@@ -266,7 +292,7 @@ describe('TextManager', () => {
266
292
  })
267
293
 
268
294
  it('should handle wrap overflow', () => {
269
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
295
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
270
296
  spans: [
271
297
  {
272
298
  text: 'Hello World',
@@ -284,8 +310,7 @@ describe('TextManager', () => {
284
310
 
285
311
  it('should handle truncate-ellipsis overflow', () => {
286
312
  // Mock the calls for ellipsis handling
287
- jest
288
- .spyOn(textManager, 'measureElementTextNodeSpans')
313
+ vi.spyOn(textManager, 'measureElementTextNodeSpans')
289
314
  .mockReturnValueOnce({
290
315
  spans: [
291
316
  {
@@ -321,7 +346,7 @@ describe('TextManager', () => {
321
346
  })
322
347
 
323
348
  it('should handle truncate-clip overflow', () => {
324
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
349
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
325
350
  spans: [
326
351
  {
327
352
  text: 'Hello Wo',
@@ -338,7 +363,7 @@ describe('TextManager', () => {
338
363
  })
339
364
 
340
365
  it('should handle different text alignments', () => {
341
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
366
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
342
367
  spans: [
343
368
  {
344
369
  text: 'Test',
@@ -358,7 +383,7 @@ describe('TextManager', () => {
358
383
  })
359
384
 
360
385
  it('should handle custom font properties', () => {
361
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
386
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
362
387
  spans: [
363
388
  {
364
389
  text: 'Test',
@@ -382,7 +407,7 @@ describe('TextManager', () => {
382
407
  })
383
408
 
384
409
  it('should handle other styles', () => {
385
- jest.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
410
+ vi.spyOn(textManager, 'measureElementTextNodeSpans').mockReturnValue({
386
411
  spans: [
387
412
  {
388
413
  text: 'Test',
@@ -1,28 +1,29 @@
1
+ import { Mock, Mocked, vi } from 'vitest'
1
2
  import { Vec } from '../../../primitives/Vec'
2
3
  import { Editor } from '../../Editor'
3
4
  import { TickManager } from './TickManager'
4
5
 
5
6
  // Mock the Editor class
6
- jest.mock('../../Editor')
7
+ vi.mock('../../Editor')
7
8
 
8
9
  // Mock Date.now to control time
9
- const mockDateNow = jest.fn()
10
+ const mockDateNow = vi.fn()
10
11
  Date.now = mockDateNow
11
12
 
12
13
  // Mock requestAnimationFrame and cancelAnimationFrame
13
- const mockRequestAnimationFrame = jest.fn()
14
- const mockCancelAnimationFrame = jest.fn()
14
+ const mockRequestAnimationFrame = vi.fn()
15
+ const mockCancelAnimationFrame = vi.fn()
15
16
  global.requestAnimationFrame = mockRequestAnimationFrame
16
17
  global.cancelAnimationFrame = mockCancelAnimationFrame
17
18
 
18
19
  describe('TickManager', () => {
19
- let editor: jest.Mocked<Editor>
20
+ let editor: Mocked<Editor>
20
21
  let tickManager: TickManager
21
- let mockEmit: jest.Mock
22
- let mockDisposablesAdd: jest.Mock
22
+ let mockEmit: Mock
23
+ let mockDisposablesAdd: Mock
23
24
 
24
25
  beforeEach(() => {
25
- jest.clearAllMocks()
26
+ vi.clearAllMocks()
26
27
 
27
28
  // Reset time
28
29
  mockDateNow.mockReturnValue(1000)
@@ -37,8 +38,8 @@ describe('TickManager', () => {
37
38
 
38
39
  mockCancelAnimationFrame.mockImplementation(() => {})
39
40
 
40
- mockEmit = jest.fn()
41
- mockDisposablesAdd = jest.fn()
41
+ mockEmit = vi.fn()
42
+ mockDisposablesAdd = vi.fn()
42
43
 
43
44
  editor = {
44
45
  emit: mockEmit,
@@ -90,7 +91,7 @@ describe('TickManager', () => {
90
91
  })
91
92
 
92
93
  it('should cancel existing RAF before starting new one', () => {
93
- const mockCancel = jest.fn()
94
+ const mockCancel = vi.fn()
94
95
  tickManager.cancelRaf = mockCancel
95
96
 
96
97
  tickManager.start()
@@ -143,7 +144,7 @@ describe('TickManager', () => {
143
144
  })
144
145
 
145
146
  it('should update pointer velocity', () => {
146
- const updatePointerVelocitySpy = jest.spyOn(tickManager as any, 'updatePointerVelocity')
147
+ const updatePointerVelocitySpy = vi.spyOn(tickManager as any, 'updatePointerVelocity')
147
148
  tickManager.now = 1000
148
149
  mockDateNow.mockReturnValue(1016)
149
150
 
@@ -176,7 +177,7 @@ describe('TickManager', () => {
176
177
  })
177
178
 
178
179
  it('should cancel RAF if exists', () => {
179
- const mockCancel = jest.fn()
180
+ const mockCancel = vi.fn()
180
181
  tickManager.cancelRaf = mockCancel
181
182
 
182
183
  tickManager.dispose()
@@ -1,17 +1,15 @@
1
1
  import { atom } from '@tldraw/state'
2
+ import { Mocked, vi } from 'vitest'
2
3
  import { TLUserPreferences, defaultUserPreferences } from '../../../config/TLUserPreferences'
3
4
  import { TLUser } from '../../../config/createTLUser'
4
5
  import { UserPreferencesManager } from './UserPreferencesManager'
5
6
 
6
7
  // Mock window.matchMedia
7
- const mockMatchMedia = jest.fn()
8
- Object.defineProperty(window, 'matchMedia', {
9
- writable: true,
10
- value: mockMatchMedia,
11
- })
8
+ const mockMatchMedia = vi.fn()
9
+ window.matchMedia = mockMatchMedia
12
10
 
13
11
  describe('UserPreferencesManager', () => {
14
- let mockUser: jest.Mocked<TLUser>
12
+ let mockUser: Mocked<TLUser>
15
13
  let mockUserPreferences: TLUserPreferences
16
14
  let userPreferencesAtom: any
17
15
  let userPreferencesManager: UserPreferencesManager
@@ -36,14 +34,14 @@ describe('UserPreferencesManager', () => {
36
34
  })
37
35
 
38
36
  beforeEach(() => {
39
- jest.clearAllMocks()
37
+ vi.clearAllMocks()
40
38
 
41
39
  mockUserPreferences = createMockUserPreferences()
42
40
  userPreferencesAtom = atom('userPreferences', mockUserPreferences)
43
41
 
44
42
  mockUser = {
45
43
  userPreferences: userPreferencesAtom,
46
- setUserPreferences: jest.fn((prefs) => {
44
+ setUserPreferences: vi.fn((prefs) => {
47
45
  userPreferencesAtom.set(prefs)
48
46
  }),
49
47
  }
@@ -51,8 +49,8 @@ describe('UserPreferencesManager', () => {
51
49
  // Default matchMedia mock - no dark mode preference
52
50
  mockMatchMedia.mockReturnValue({
53
51
  matches: false,
54
- addEventListener: jest.fn(),
55
- removeEventListener: jest.fn(),
52
+ addEventListener: vi.fn(),
53
+ removeEventListener: vi.fn(),
56
54
  })
57
55
  })
58
56
 
@@ -66,17 +64,14 @@ describe('UserPreferencesManager', () => {
66
64
  expect(userPreferencesManager.systemColorScheme.get()).toBe('light')
67
65
 
68
66
  // Restore matchMedia
69
- Object.defineProperty(window, 'matchMedia', {
70
- writable: true,
71
- value: mockMatchMedia,
72
- })
67
+ window.matchMedia = mockMatchMedia
73
68
  })
74
69
 
75
70
  it('should initialize with light system color scheme when dark mode not preferred', () => {
76
71
  mockMatchMedia.mockReturnValue({
77
72
  matches: false,
78
- addEventListener: jest.fn(),
79
- removeEventListener: jest.fn(),
73
+ addEventListener: vi.fn(),
74
+ removeEventListener: vi.fn(),
80
75
  })
81
76
 
82
77
  userPreferencesManager = new UserPreferencesManager(mockUser, false)
@@ -87,8 +82,8 @@ describe('UserPreferencesManager', () => {
87
82
  it('should initialize with dark system color scheme when dark mode preferred', () => {
88
83
  mockMatchMedia.mockReturnValue({
89
84
  matches: true,
90
- addEventListener: jest.fn(),
91
- removeEventListener: jest.fn(),
85
+ addEventListener: vi.fn(),
86
+ removeEventListener: vi.fn(),
92
87
  })
93
88
 
94
89
  userPreferencesManager = new UserPreferencesManager(mockUser, false)
@@ -97,8 +92,8 @@ describe('UserPreferencesManager', () => {
97
92
  })
98
93
 
99
94
  it('should set up media query listener for color scheme changes', () => {
100
- const mockAddEventListener = jest.fn()
101
- const mockRemoveEventListener = jest.fn()
95
+ const mockAddEventListener = vi.fn()
96
+ const mockRemoveEventListener = vi.fn()
102
97
 
103
98
  mockMatchMedia.mockReturnValue({
104
99
  matches: false,
@@ -112,7 +107,7 @@ describe('UserPreferencesManager', () => {
112
107
  })
113
108
 
114
109
  it('should handle media query change events', () => {
115
- const mockAddEventListener = jest.fn()
110
+ const mockAddEventListener = vi.fn()
116
111
  let changeHandler: (e: MediaQueryListEvent) => void
117
112
 
118
113
  mockMatchMedia.mockReturnValue({
@@ -123,7 +118,7 @@ describe('UserPreferencesManager', () => {
123
118
  }
124
119
  mockAddEventListener(event, handler)
125
120
  },
126
- removeEventListener: jest.fn(),
121
+ removeEventListener: vi.fn(),
127
122
  })
128
123
 
129
124
  userPreferencesManager = new UserPreferencesManager(mockUser, false)
@@ -153,11 +148,11 @@ describe('UserPreferencesManager', () => {
153
148
 
154
149
  describe('dispose', () => {
155
150
  it('should remove media query listener on dispose', () => {
156
- const mockRemoveEventListener = jest.fn()
151
+ const mockRemoveEventListener = vi.fn()
157
152
 
158
153
  mockMatchMedia.mockReturnValue({
159
154
  matches: false,
160
- addEventListener: jest.fn(),
155
+ addEventListener: vi.fn(),
161
156
  removeEventListener: mockRemoveEventListener,
162
157
  })
163
158
 
@@ -170,8 +165,8 @@ describe('UserPreferencesManager', () => {
170
165
  it('should call all disposables', () => {
171
166
  userPreferencesManager = new UserPreferencesManager(mockUser, false)
172
167
 
173
- const mockDisposable1 = jest.fn()
174
- const mockDisposable2 = jest.fn()
168
+ const mockDisposable1 = vi.fn()
169
+ const mockDisposable2 = vi.fn()
175
170
 
176
171
  userPreferencesManager.disposables.add(mockDisposable1)
177
172
  userPreferencesManager.disposables.add(mockDisposable2)
@@ -13,7 +13,7 @@ export class UserPreferencesManager {
13
13
  private readonly user: TLUser,
14
14
  private readonly inferDarkMode: boolean
15
15
  ) {
16
- if (typeof window === 'undefined' || !('matchMedia' in window)) return
16
+ if (typeof window === 'undefined' || !window.matchMedia) return
17
17
 
18
18
  const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
19
19
  if (darkModeMediaQuery?.matches) {
@@ -1,4 +1,5 @@
1
1
  import crypto from 'crypto'
2
+ import { vi } from 'vitest'
2
3
  import { publishDates } from '../../version'
3
4
  import { str2ab } from '../utils/licensing'
4
5
  import {
@@ -9,8 +10,9 @@ import {
9
10
  ValidLicenseKeyResult,
10
11
  } from './LicenseManager'
11
12
 
12
- jest.mock('../../version', () => {
13
+ vi.mock('../../version', () => {
13
14
  return {
15
+ version: '3.15.1',
14
16
  publishDates: {
15
17
  major: '2024-06-28T10:56:07.893Z',
16
18
  minor: '2024-07-02T16:49:50.397Z',
@@ -1,10 +1,11 @@
1
1
  import { act, render, waitFor } from '@testing-library/react'
2
+ import { vi } from 'vitest'
2
3
  import { TldrawEditor } from '../TldrawEditor'
3
4
  import { LicenseManager } from './LicenseManager'
4
5
 
5
6
  let mockLicenseState = 'unlicensed'
6
7
 
7
- jest.mock('./useLicenseManagerState', () => ({
8
+ vi.mock('./useLicenseManagerState', () => ({
8
9
  useLicenseManagerState: () => mockLicenseState,
9
10
  }))
10
11
 
@@ -27,6 +27,8 @@ export interface TldrawOptions {
27
27
  readonly multiClickDurationMs: number
28
28
  readonly coarseDragDistanceSquared: number
29
29
  readonly dragDistanceSquared: number
30
+ readonly uiDragDistanceSquared: number
31
+ readonly uiCoarseDragDistanceSquared: number
30
32
  readonly defaultSvgPadding: number
31
33
  readonly cameraSlideFriction: number
32
34
  readonly gridSteps: readonly {
@@ -98,6 +100,10 @@ export const defaultTldrawOptions = {
98
100
  multiClickDurationMs: 200,
99
101
  coarseDragDistanceSquared: 36, // 6 squared
100
102
  dragDistanceSquared: 16, // 4 squared
103
+ uiDragDistanceSquared: 16, // 4 squared
104
+ // it's really easy to accidentally drag from the toolbar on mobile, so we use a much larger
105
+ // threshold than usual here to try and prevent accidental drags.
106
+ uiCoarseDragDistanceSquared: 625, // 25 squared
101
107
  defaultSvgPadding: 32,
102
108
  cameraSlideFriction: 0.09,
103
109
  gridSteps: [
@@ -1,12 +1,13 @@
1
1
  import { createTLSchema } from '@tldraw/tlschema'
2
2
  import { openDB } from 'idb'
3
+ import { vi } from 'vitest'
3
4
  import { hardReset } from './hardReset'
4
5
  import { getAllIndexDbNames, LocalIndexedDb } from './LocalIndexedDb'
5
6
 
6
7
  const schema = createTLSchema({ shapes: {}, bindings: {} })
7
8
  describe('LocalIndexedDb', () => {
8
9
  beforeEach(() => {
9
- jest.useRealTimers()
10
+ vi.useRealTimers()
10
11
  })
11
12
  afterEach(async () => {
12
13
  await hardReset({ shouldReload: false })
@@ -1,6 +1,6 @@
1
1
  import { PageRecordType } from '@tldraw/tlschema'
2
2
  import { IndexKey, promiseWithResolve } from '@tldraw/utils'
3
- import { afterEach } from 'node:test'
3
+ import { Mock, vi } from 'vitest'
4
4
  import { createTLStore } from '../../config/createTLStore'
5
5
  import { TLLocalSyncClient } from './TLLocalSyncClient'
6
6
  import { hardReset } from './hardReset'
@@ -10,20 +10,20 @@ class BroadcastChannelMock {
10
10
  constructor(_name: string) {
11
11
  // noop
12
12
  }
13
- postMessage = jest.fn((_msg: any) => {
13
+ postMessage = vi.fn((_msg: any) => {
14
14
  // noop
15
15
  })
16
- close = jest.fn(() => {
16
+ close = vi.fn(() => {
17
17
  // noop
18
18
  })
19
19
  }
20
20
 
21
21
  function testClient(channel = new BroadcastChannelMock('test')) {
22
22
  const store = createTLStore({ shapeUtils: [], bindingUtils: [] })
23
- const onLoad = jest.fn(() => {
23
+ const onLoad = vi.fn(() => {
24
24
  return
25
25
  })
26
- const onLoadError = jest.fn(() => {
26
+ const onLoadError = vi.fn(() => {
27
27
  return
28
28
  })
29
29
  const client = new TLLocalSyncClient(
@@ -36,26 +36,26 @@ function testClient(channel = new BroadcastChannelMock('test')) {
36
36
  channel
37
37
  )
38
38
 
39
- client.db.storeSnapshot = jest.fn(() => Promise.resolve())
40
- client.db.storeChanges = jest.fn(() => Promise.resolve())
39
+ client.db.storeSnapshot = vi.fn(() => Promise.resolve())
40
+ client.db.storeChanges = vi.fn(() => Promise.resolve())
41
41
 
42
42
  return {
43
- client: client as { db: { storeSnapshot: jest.Mock; storeChanges: jest.Mock } } & typeof client,
43
+ client: client as { db: { storeSnapshot: Mock; storeChanges: Mock } } & typeof client,
44
44
  store,
45
45
  onLoad,
46
46
  onLoadError,
47
47
  channel,
48
48
  tick: async () => {
49
- jest.advanceTimersByTime(500)
49
+ vi.advanceTimersByTime(500)
50
50
  await Promise.resolve()
51
51
  await client.db.pending()
52
- jest.advanceTimersByTime(500)
52
+ vi.advanceTimersByTime(500)
53
53
  await Promise.resolve()
54
54
  },
55
55
  }
56
56
  }
57
57
 
58
- const reloadMock = jest.fn()
58
+ const reloadMock = vi.fn()
59
59
 
60
60
  beforeAll(() => {
61
61
  Object.defineProperty(window, 'location', {
@@ -65,14 +65,14 @@ beforeAll(() => {
65
65
  })
66
66
 
67
67
  beforeEach(() => {
68
- jest.clearAllMocks()
68
+ vi.clearAllMocks()
69
69
  })
70
70
 
71
71
  afterEach(async () => {
72
72
  await hardReset({ shouldReload: false })
73
73
  })
74
74
 
75
- jest.useFakeTimers()
75
+ vi.useFakeTimers()
76
76
 
77
77
  test('the client connects on instantiation, announcing its schema', async () => {
78
78
  const { channel, tick } = testClient()
@@ -86,7 +86,7 @@ test('the client connects on instantiation, announcing its schema', async () =>
86
86
  test('when a client receives an announce with a newer schema version it reloads itself', async () => {
87
87
  const { client, channel, onLoadError, tick } = testClient()
88
88
  await tick()
89
- jest.advanceTimersByTime(10000)
89
+ vi.advanceTimersByTime(10000)
90
90
  expect(reloadMock).not.toHaveBeenCalled()
91
91
  channel.onmessage?.({
92
92
  data: {
@@ -104,7 +104,7 @@ test('when a client receives an announce with a newer schema version it reloads
104
104
  test('when a client receives an announce with a newer schema version shortly after loading it does not reload but instead reports a loadError', async () => {
105
105
  const { client, channel, onLoadError, tick } = testClient()
106
106
  await tick()
107
- jest.advanceTimersByTime(1000)
107
+ vi.advanceTimersByTime(1000)
108
108
  expect(reloadMock).not.toHaveBeenCalled()
109
109
  channel.onmessage?.({
110
110
  data: {
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.16.0-canary.acb40a76700b'
4
+ export const version = '3.16.0-canary.b4611e27bade'
5
5
  export const publishDates = {
6
6
  major: '2024-09-13T14:36:29.063Z',
7
- minor: '2025-08-14T14:04:21.487Z',
8
- patch: '2025-08-14T14:04:21.487Z',
7
+ minor: '2025-08-20T13:54:52.755Z',
8
+ patch: '2025-08-20T13:54:52.755Z',
9
9
  }
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var nearestMultiple_exports = {};
20
- __export(nearestMultiple_exports, {
21
- nearestMultiple: () => nearestMultiple
22
- });
23
- module.exports = __toCommonJS(nearestMultiple_exports);
24
- function gcd(a, b) {
25
- return b === 0 ? a : gcd(b, a % b);
26
- }
27
- function nearestMultiple(float) {
28
- const decimal = float.toString().split(".")[1];
29
- if (!decimal) return 1;
30
- const denominator = Math.pow(10, decimal.length);
31
- const numerator = parseInt(decimal, 10);
32
- return denominator / gcd(numerator, denominator);
33
- }
34
- //# sourceMappingURL=nearestMultiple.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/lib/utils/nearestMultiple.ts"],
4
- "sourcesContent": ["// Euclidean algorithm to find the GCD\nfunction gcd(a: number, b: number): number {\n\treturn b === 0 ? a : gcd(b, a % b)\n}\n\n// Returns the lowest value that the given number can be multiplied by to reach an integer\nexport function nearestMultiple(float: number) {\n\tconst decimal = float.toString().split('.')[1]\n\tif (!decimal) return 1\n\tconst denominator = Math.pow(10, decimal.length)\n\tconst numerator = parseInt(decimal, 10)\n\treturn denominator / gcd(numerator, denominator)\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,SAAS,IAAI,GAAW,GAAmB;AAC1C,SAAO,MAAM,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC;AAClC;AAGO,SAAS,gBAAgB,OAAe;AAC9C,QAAM,UAAU,MAAM,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC;AAC7C,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,cAAc,KAAK,IAAI,IAAI,QAAQ,MAAM;AAC/C,QAAM,YAAY,SAAS,SAAS,EAAE;AACtC,SAAO,cAAc,IAAI,WAAW,WAAW;AAChD;",
6
- "names": []
7
- }
@@ -1,14 +0,0 @@
1
- function gcd(a, b) {
2
- return b === 0 ? a : gcd(b, a % b);
3
- }
4
- function nearestMultiple(float) {
5
- const decimal = float.toString().split(".")[1];
6
- if (!decimal) return 1;
7
- const denominator = Math.pow(10, decimal.length);
8
- const numerator = parseInt(decimal, 10);
9
- return denominator / gcd(numerator, denominator);
10
- }
11
- export {
12
- nearestMultiple
13
- };
14
- //# sourceMappingURL=nearestMultiple.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/lib/utils/nearestMultiple.ts"],
4
- "sourcesContent": ["// Euclidean algorithm to find the GCD\nfunction gcd(a: number, b: number): number {\n\treturn b === 0 ? a : gcd(b, a % b)\n}\n\n// Returns the lowest value that the given number can be multiplied by to reach an integer\nexport function nearestMultiple(float: number) {\n\tconst decimal = float.toString().split('.')[1]\n\tif (!decimal) return 1\n\tconst denominator = Math.pow(10, decimal.length)\n\tconst numerator = parseInt(decimal, 10)\n\treturn denominator / gcd(numerator, denominator)\n}\n"],
5
- "mappings": "AACA,SAAS,IAAI,GAAW,GAAmB;AAC1C,SAAO,MAAM,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC;AAClC;AAGO,SAAS,gBAAgB,OAAe;AAC9C,QAAM,UAAU,MAAM,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC;AAC7C,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,cAAc,KAAK,IAAI,IAAI,QAAQ,MAAM;AAC/C,QAAM,YAAY,SAAS,SAAS,EAAE;AACtC,SAAO,cAAc,IAAI,WAAW,WAAW;AAChD;",
6
- "names": []
7
- }
@@ -1,13 +0,0 @@
1
- // Euclidean algorithm to find the GCD
2
- function gcd(a: number, b: number): number {
3
- return b === 0 ? a : gcd(b, a % b)
4
- }
5
-
6
- // Returns the lowest value that the given number can be multiplied by to reach an integer
7
- export function nearestMultiple(float: number) {
8
- const decimal = float.toString().split('.')[1]
9
- if (!decimal) return 1
10
- const denominator = Math.pow(10, decimal.length)
11
- const numerator = parseInt(decimal, 10)
12
- return denominator / gcd(numerator, denominator)
13
- }