@tldraw/editor 4.3.0-next.7f179bd04d6c → 4.3.0-next.842fb21476f2

package/src/lib/config/TLUserPreferences.test.ts

@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vitest'
+import { defaultUserPreferences, userTypeValidator } from './TLUserPreferences'
+
+describe('TLUserPreferences consistency', () => {
+	// When adding a new user preference, add it to this list AND update:
+	// 1. TLUserPreferences interface
+	// 2. userTypeValidator
+	// 3. defaultUserPreferences
+	// 4. Versions enum and migrateSnapshot()
+	const interfaceKeys = [
+		'name',
+		'color',
+		'locale',
+		'animationSpeed',
+		'areKeyboardShortcutsEnabled',
+		'edgeScrollSpeed',
+		'colorScheme',
+		'isSnapMode',
+		'isWrapMode',
+		'isDynamicSizeMode',
+		'isPasteAtCursorMode',
+		'enhancedA11yMode',
+		'inputMode',
+	] as const
+
+	it('defaultUserPreferences contains all TLUserPreferences keys (except id)', () => {
+		const defaultKeys = Object.keys(defaultUserPreferences).sort()
+		const expected = [...interfaceKeys].sort()
+
+		expect(defaultKeys).toEqual(expected)
+	})
+
+	it('userTypeValidator validates all TLUserPreferences keys', () => {
+		// Access the internal config property to check which keys the validator covers
+		const validatorKeys = Object.keys((userTypeValidator as any).config).sort()
+		const expected = ['id', ...interfaceKeys].sort()
+
+		expect(validatorKeys).toEqual(expected)
+	})
+})

package/src/lib/constants.ts

@@ -31,5 +31,3 @@ export const LEFT_MOUSE_BUTTON = 0
 export const RIGHT_MOUSE_BUTTON = 2
 export const MIDDLE_MOUSE_BUTTON = 1
 export const STYLUS_ERASER_BUTTON = 5
-
-export const ZOOM_TO_FIT_PADDING = 128

package/src/lib/editor/Editor.test.ts

@@ -925,6 +925,146 @@ describe('replaceExternalContent', () => {
 	})
 })
 
+describe('dispatch event emission', () => {
+	let testEditor: Editor
+
+	beforeEach(() => {
+		testEditor = new Editor({
+			shapeUtils: [CustomShape],
+			bindingUtils: [],
+			tools: [],
+			store: createTLStore({ shapeUtils: [CustomShape], bindingUtils: [] }),
+			getContainer: () => document.body,
+		})
+		// Ensure camera is unlocked so events are processed
+		testEditor.setCameraOptions({ isLocked: false })
+	})
+
+	it('emits wheel events through the event emitter', () => {
+		const eventHandler = vi.fn()
+		testEditor.on('event', eventHandler)
+
+		const wheelEvent = {
+			type: 'wheel' as const,
+			name: 'wheel' as const,
+			delta: { x: 0, y: 10, z: 0 },
+			point: { x: 100, y: 100, z: 1 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+
+		testEditor.dispatch(wheelEvent)
+		// Wheel events are batched for the next tick, so emit a tick to flush them
+		testEditor.emit('tick', 16)
+
+		expect(eventHandler).toHaveBeenCalledWith(wheelEvent)
+	})
+
+	it('emits pinch_start events through the event emitter', () => {
+		const eventHandler = vi.fn()
+		testEditor.on('event', eventHandler)
+
+		const pinchStartEvent = {
+			type: 'pinch' as const,
+			name: 'pinch_start' as const,
+			point: { x: 100, y: 100, z: 1 },
+			delta: { x: 0, y: 0, z: 0 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+
+		testEditor.dispatch(pinchStartEvent)
+		// Pinch events are batched for the next tick, so emit a tick to flush them
+		testEditor.emit('tick', 16)
+
+		expect(eventHandler).toHaveBeenCalledWith(pinchStartEvent)
+	})
+
+	it('emits pinch events through the event emitter', () => {
+		const eventHandler = vi.fn()
+		testEditor.on('event', eventHandler)
+
+		// First dispatch pinch_start to set isPinching
+		const pinchStartEvent = {
+			type: 'pinch' as const,
+			name: 'pinch_start' as const,
+			point: { x: 100, y: 100, z: 1 },
+			delta: { x: 0, y: 0, z: 0 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+		testEditor.dispatch(pinchStartEvent)
+		testEditor.emit('tick', 16)
+
+		eventHandler.mockClear()
+
+		const pinchEvent = {
+			type: 'pinch' as const,
+			name: 'pinch' as const,
+			point: { x: 100, y: 100, z: 1.5 },
+			delta: { x: 10, y: 10, z: 0 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+
+		testEditor.dispatch(pinchEvent)
+		testEditor.emit('tick', 16)
+
+		expect(eventHandler).toHaveBeenCalledWith(pinchEvent)
+	})
+
+	it('emits pinch_end events through the event emitter', () => {
+		const eventHandler = vi.fn()
+		testEditor.on('event', eventHandler)
+
+		// First dispatch pinch_start to set isPinching
+		const pinchStartEvent = {
+			type: 'pinch' as const,
+			name: 'pinch_start' as const,
+			point: { x: 100, y: 100, z: 1 },
+			delta: { x: 0, y: 0, z: 0 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+		testEditor.dispatch(pinchStartEvent)
+		testEditor.emit('tick', 16)
+
+		eventHandler.mockClear()
+
+		const pinchEndEvent = {
+			type: 'pinch' as const,
+			name: 'pinch_end' as const,
+			point: { x: 100, y: 100, z: 1.5 },
+			delta: { x: 0, y: 0, z: 0 },
+			shiftKey: false,
+			altKey: false,
+			ctrlKey: false,
+			metaKey: false,
+			accelKey: false,
+		}
+
+		testEditor.dispatch(pinchEndEvent)
+		testEditor.emit('tick', 16)
+
+		expect(eventHandler).toHaveBeenCalledWith(pinchEndEvent)
+	})
+})
+
 describe('setTool', () => {
 	class CustomToolA extends StateNode {
 		static override id = 'custom-tool-a'