@tldraw/editor 3.7.0-canary.916221bf1c79 → 3.7.0-canary.ca54db7c3c7a

package/dist-esm/version.mjs

@@ -1,8 +1,8 @@
-const version = "3.7.0-canary.916221bf1c79";
+const version = "3.7.0-canary.ca54db7c3c7a";
 const publishDates = {
   major: "2024-09-13T14:36:29.063Z",
-  minor: "2024-12-04T16:24:39.611Z",
-  patch: "2024-12-04T16:24:39.611Z"
+  minor: "2024-12-05T16:54:38.452Z",
+  patch: "2024-12-05T16:54:38.452Z"
 };
 export {
   publishDates,

package/dist-esm/version.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/version.ts"],
-  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '3.7.0-canary.916221bf1c79'\nexport const publishDates = {\n\tmajor: '2024-09-13T14:36:29.063Z',\n\tminor: '2024-12-04T16:24:39.611Z',\n\tpatch: '2024-12-04T16:24:39.611Z',\n}\n"],
+  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '3.7.0-canary.ca54db7c3c7a'\nexport const publishDates = {\n\tmajor: '2024-09-13T14:36:29.063Z',\n\tminor: '2024-12-05T16:54:38.452Z',\n\tpatch: '2024-12-05T16:54:38.452Z',\n}\n"],
   "mappings": "AAGO,MAAM,UAAU;AAChB,MAAM,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACR;",
   "names": []
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tldraw/editor",
   "description": "A tiny little drawing app (editor).",
-  "version": "3.7.0-canary.916221bf1c79",
+  "version": "3.7.0-canary.ca54db7c3c7a",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -45,12 +45,12 @@
     "lint": "yarn run -T tsx ../../internal/scripts/lint.ts"
   },
   "dependencies": {
-    "@tldraw/state": "3.7.0-canary.916221bf1c79",
-    "@tldraw/state-react": "3.7.0-canary.916221bf1c79",
-    "@tldraw/store": "3.7.0-canary.916221bf1c79",
-    "@tldraw/tlschema": "3.7.0-canary.916221bf1c79",
-    "@tldraw/utils": "3.7.0-canary.916221bf1c79",
-    "@tldraw/validate": "3.7.0-canary.916221bf1c79",
+    "@tldraw/state": "3.7.0-canary.ca54db7c3c7a",
+    "@tldraw/state-react": "3.7.0-canary.ca54db7c3c7a",
+    "@tldraw/store": "3.7.0-canary.ca54db7c3c7a",
+    "@tldraw/tlschema": "3.7.0-canary.ca54db7c3c7a",
+    "@tldraw/utils": "3.7.0-canary.ca54db7c3c7a",
+    "@tldraw/validate": "3.7.0-canary.ca54db7c3c7a",
     "@types/core-js": "^2.5.5",
     "@use-gesture/react": "^10.2.27",
     "classnames": "^2.3.2",

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

@@ -1,14 +1,58 @@
-import { Box, createShapeId, createTLStore } from '../..'
+import {
+	Box,
+	Geometry2d,
+	RecordProps,
+	Rectangle2d,
+	ShapeUtil,
+	T,
+	TLBaseShape,
+	createShapeId,
+	createTLStore,
+} from '../..'
 import { Editor } from './Editor'
 
+type ICustomShape = TLBaseShape<
+	'my-custom-shape',
+	{
+		w: number
+		h: number
+		text: string | undefined
+	}
+>
+
+class CustomShape extends ShapeUtil<ICustomShape> {
+	static override type = 'my-custom-shape' as const
+	static override props: RecordProps<ICustomShape> = {
+		w: T.number,
+		h: T.number,
+		text: T.string.optional(),
+	}
+	getDefaultProps(): ICustomShape['props'] {
+		return {
+			w: 200,
+			h: 200,
+			text: '',
+		}
+	}
+	getGeometry(shape: ICustomShape): Geometry2d {
+		return new Rectangle2d({
+			width: shape.props.w,
+			height: shape.props.h,
+			isFilled: true,
+		})
+	}
+	indicator() {}
+	component() {}
+}
+
 let editor: Editor
 
 beforeEach(() => {
 	editor = new Editor({
-		shapeUtils: [],
+		shapeUtils: [CustomShape],
 		bindingUtils: [],
 		tools: [],
-		store: createTLStore({ shapeUtils: [] }),
+		store: createTLStore({ shapeUtils: [CustomShape] }),
 		getContainer: () => document.body,
 	})
 	editor.setCameraOptions({ isLocked: true })
@@ -28,6 +72,23 @@ describe('centerOnPoint', () => {
 	})
 })
 
+describe('updateShape', () => {
+	it('updates shape props to undefined', () => {
+		const id = createShapeId('sample')
+		editor.createShape({
+			id,
+			type: 'my-custom-shape',
+			props: { w: 100, h: 100, text: 'Hello' },
+		})
+		const shape = editor.getShape(id) as ICustomShape
+		expect(shape.props).toEqual({ w: 100, h: 100, text: 'Hello' })
+
+		editor.updateShape({ ...shape, props: { ...shape.props, text: undefined } })
+		const updatedShape = editor.getShape(id) as ICustomShape
+		expect(updatedShape.props).toEqual({ w: 100, h: 100, text: undefined })
+	})
+})
+
 describe('zoomToFit', () => {
 	it('no-op when isLocked is set', () => {
 		editor.getCurrentPageShapeIds = jest.fn(() => new Set([createShapeId('box1')]))

package/src/lib/editor/Editor.ts

@@ -3750,7 +3750,7 @@ export class Editor extends EventEmitter<TLEventMap> {
 	 * @public
 	 */
 	@computed getPages(): TLPage[] {
-		return this._getAllPagesQuery().get().sort(sortByIndex)
+		return Array.from(this._getAllPagesQuery().get()).sort(sortByIndex)
 	}
 
 	/**
@@ -9806,9 +9806,7 @@ function applyPartialToRecordWithProps<
 		if (k === 'props' || k === 'meta') {
 			next[k] = { ...prev[k] } as JsonObject
 			for (const [nextKey, nextValue] of Object.entries(v as object)) {
-				if (nextValue !== undefined) {
-					;(next[k] as JsonObject)[nextKey] = nextValue
-				}
+				;(next[k] as JsonObject)[nextKey] = nextValue
 			}
 			continue
 		}

package/src/version.ts

@@ -1,9 +1,9 @@
 // This file is automatically generated by internal/scripts/refresh-assets.ts.
 // Do not edit manually. Or do, I'm a comment, not a cop.
 
-export const version = '3.7.0-canary.916221bf1c79'
+export const version = '3.7.0-canary.ca54db7c3c7a'
 export const publishDates = {
 	major: '2024-09-13T14:36:29.063Z',
-	minor: '2024-12-04T16:24:39.611Z',
-	patch: '2024-12-04T16:24:39.611Z',
+	minor: '2024-12-05T16:54:38.452Z',
+	patch: '2024-12-05T16:54:38.452Z',
 }