tldraw 5.1.0 → 5.1.1

package/dist-cjs/index.js

@@ -648,7 +648,7 @@ var import_buildFromV1Document = require("./lib/utils/tldr/buildFromV1Document")
 var import_file = require("./lib/utils/tldr/file");
 (0, import_editor.registerTldrawLibraryVersion)(
   "tldraw",
-  "5.1.0",
+  "5.1.1",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-cjs/lib/ui/version.js

@@ -22,10 +22,10 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "5.1.0";
+const version = "5.1.1";
 const publishDates = {
   major: "2026-05-06T16:28:18.473Z",
   minor: "2026-06-03T10:26:13.606Z",
-  patch: "2026-06-03T10:26:13.606Z"
+  patch: "2026-06-12T16:33:21.130Z"
 };
 //# sourceMappingURL=version.js.map

package/dist-cjs/lib/ui/version.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/ui/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 = '5.1.0'\nexport const publishDates = {\n\tmajor: '2026-05-06T16:28:18.473Z',\n\tminor: '2026-06-03T10:26:13.606Z',\n\tpatch: '2026-06-03T10:26:13.606Z',\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 = '5.1.1'\nexport const publishDates = {\n\tmajor: '2026-05-06T16:28:18.473Z',\n\tminor: '2026-06-03T10:26:13.606Z',\n\tpatch: '2026-06-12T16:33:21.130Z',\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,UAAU;AAChB,MAAM,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACR;",
   "names": []
 }

package/dist-esm/index.mjs

@@ -632,7 +632,7 @@ import {
 } from "./lib/utils/tldr/file.mjs";
 registerTldrawLibraryVersion(
   "tldraw",
-  "5.1.0",
+  "5.1.1",
   "esm"
 );
 export {

package/dist-esm/lib/ui/version.mjs

@@ -1,8 +1,8 @@
-const version = "5.1.0";
+const version = "5.1.1";
 const publishDates = {
   major: "2026-05-06T16:28:18.473Z",
   minor: "2026-06-03T10:26:13.606Z",
-  patch: "2026-06-03T10:26:13.606Z"
+  patch: "2026-06-12T16:33:21.130Z"
 };
 export {
   publishDates,

package/dist-esm/lib/ui/version.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/ui/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 = '5.1.0'\nexport const publishDates = {\n\tmajor: '2026-05-06T16:28:18.473Z',\n\tminor: '2026-06-03T10:26:13.606Z',\n\tpatch: '2026-06-03T10:26:13.606Z',\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 = '5.1.1'\nexport const publishDates = {\n\tmajor: '2026-05-06T16:28:18.473Z',\n\tminor: '2026-06-03T10:26:13.606Z',\n\tpatch: '2026-06-12T16:33:21.130Z',\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",
   "description": "A tiny little drawing editor.",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -61,9 +61,9 @@
     "@tiptap/pm": "^3.12.1",
     "@tiptap/react": "^3.12.1",
     "@tiptap/starter-kit": "^3.12.1",
-    "@tldraw/driver": "5.1.0",
-    "@tldraw/editor": "5.1.0",
-    "@tldraw/store": "5.1.0",
+    "@tldraw/driver": "5.1.1",
+    "@tldraw/editor": "5.1.1",
+    "@tldraw/store": "5.1.1",
     "classnames": "^2.5.1",
     "idb": "^7.1.1",
     "lz-string": "^1.5.0",

package/src/lib/ui/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 = '5.1.0'
+export const version = '5.1.1'
 export const publishDates = {
 	major: '2026-05-06T16:28:18.473Z',
 	minor: '2026-06-03T10:26:13.606Z',
-	patch: '2026-06-03T10:26:13.606Z',
+	patch: '2026-06-12T16:33:21.130Z',
 }

package/src/test/commands/penmode.test.ts

@@ -1,4 +1,4 @@
-import { Vec } from '@tldraw/editor'
+import { TLDrawShape, Vec } from '@tldraw/editor'
 import { TestEditor } from '../TestEditor'
 
 let editor: TestEditor
@@ -27,3 +27,56 @@ it('ignores touch events while in pen mode', async () => {
 
 	expect(editor.getCurrentPageShapes().length).toBe(0)
 })
+
+describe('forgiving palm touches when entering pen mode', () => {
+	it('does not connect a palm touch to the stylus stroke', () => {
+		editor.setCurrentTool('draw')
+		expect(editor.getInstanceState().isPenMode).toBe(false)
+
+		// A palm rests on the canvas first (not a pen, pen mode is still off)
+		editor.pointerDown(100, 100, { isPen: false })
+		editor.expectToBeIn('draw.drawing')
+
+		// Then the stylus lands, which switches the editor into pen mode
+		editor.pointerDown(300, 300, { isPen: true })
+		expect(editor.getInstanceState().isPenMode).toBe(true)
+
+		// The stylus draws its stroke
+		editor.pointerMove(310, 310, { isPen: true })
+		editor.pointerMove(320, 320, { isPen: true })
+		editor.pointerUp(320, 320, { isPen: true })
+
+		expect(editor.getCurrentPageShapes().length).toBe(1)
+		const shape = editor.getCurrentPageShapes()[0] as TLDrawShape
+
+		// The stroke should begin where the stylus landed, not at the palm point.
+		const bounds = editor.getShapePageBounds(shape.id)!
+		expect(bounds.minX).toBeGreaterThan(200)
+		expect(bounds.minY).toBeGreaterThan(200)
+	})
+
+	it('forgives a palm touch that was already dragging before the stylus lands', () => {
+		editor.setCurrentTool('draw')
+
+		// A palm rests on the canvas and drags a little before the stylus arrives
+		editor.pointerDown(100, 100, { isPen: false })
+		editor.pointerMove(120, 120, { isPen: false })
+		editor.pointerMove(140, 140, { isPen: false })
+		editor.expectToBeIn('draw.drawing')
+
+		// The stylus lands, switching into pen mode and forgiving the palm stroke
+		editor.pointerDown(300, 300, { isPen: true })
+		expect(editor.getInstanceState().isPenMode).toBe(true)
+
+		editor.pointerMove(310, 310, { isPen: true })
+		editor.pointerMove(320, 320, { isPen: true })
+		editor.pointerUp(320, 320, { isPen: true })
+
+		expect(editor.getCurrentPageShapes().length).toBe(1)
+		const shape = editor.getCurrentPageShapes()[0] as TLDrawShape
+
+		const bounds = editor.getShapePageBounds(shape.id)!
+		expect(bounds.minX).toBeGreaterThan(200)
+		expect(bounds.minY).toBeGreaterThan(200)
+	})
+})