tldraw 4.3.0-canary.fda2775019a1 → 4.3.0-next.085293d79c32

package/src/lib/shapes/draw/toolStates/Drawing.ts

@@ -145,9 +145,9 @@ export class Drawing extends StateNode {
 		if (!this.canClose()) return false
 
 		const strokeWidth = STROKE_SIZES[size]
-		const firstPoint = b64Vecs.decodeFirstPoint(segments[0].points)
+		const firstPoint = b64Vecs.decodeFirstPoint(segments[0].path)
 		const lastSegment = segments[segments.length - 1]
-		const lastPoint = b64Vecs.decodeLastPoint(lastSegment.points)
+		const lastPoint = b64Vecs.decodeLastPoint(lastSegment.path)
 
 		return (
 			firstPoint !== null &&
@@ -193,14 +193,14 @@ export class Drawing extends StateNode {
 
 				const prevSegment = last(shape.props.segments)
 				if (!prevSegment) throw Error('Expected a previous segment!')
-				const prevPoint = b64Vecs.decodeLastPoint(prevSegment.points)
+				const prevPoint = b64Vecs.decodeLastPoint(prevSegment.path)
 				if (!prevPoint) throw Error('Expected a previous point!')
 
 				const { x, y } = this.editor.getPointInShapeSpace(shape, originPagePoint).toFixed()
 
 				const newSegment: TLDrawShapeSegment = {
 					type: this.segmentMode,
-					points: b64Vecs.encodePoints([
+					path: b64Vecs.encodePoints([
 						{ x: prevPoint.x, y: prevPoint.y, z: +pressure.toFixed(2) },
 						{ x, y, z: +pressure.toFixed(2) },
 					]),
@@ -262,7 +262,7 @@ export class Drawing extends StateNode {
 				segments: [
 					{
 						type: this.segmentMode,
-						points: b64Vecs.encodePoints([initialPoint]),
+						path: b64Vecs.encodePoints([initialPoint]),
 					},
 				],
 			},
@@ -324,7 +324,7 @@ export class Drawing extends StateNode {
 					const prevSegment = last(segments)
 					if (!prevSegment) throw Error('Expected a previous segment!')
 
-					const prevLastPoint = b64Vecs.decodeLastPoint(prevSegment.points)
+					const prevLastPoint = b64Vecs.decodeLastPoint(prevSegment.path)
 					if (!prevLastPoint) throw Error('Expected a previous last point!')
 
 					let newSegment: TLDrawShapeSegment
@@ -339,7 +339,7 @@ export class Drawing extends StateNode {
 
 						newSegment = {
 							type: 'straight',
-							points: b64Vecs.encodePoints([prevLastPoint, newLastPoint]),
+							path: b64Vecs.encodePoints([prevLastPoint, newLastPoint]),
 						}
 
 						const transform = this.editor.getShapePageTransform(shape)!
@@ -348,7 +348,7 @@ export class Drawing extends StateNode {
 					} else {
 						newSegment = {
 							type: 'straight',
-							points: b64Vecs.encodePoints([newLastPoint, newPoint]),
+							path: b64Vecs.encodePoints([newLastPoint, newPoint]),
 						}
 					}
 
@@ -396,7 +396,7 @@ export class Drawing extends StateNode {
 
 					const newSegments = segments.slice()
 					const prevStraightSegment = newSegments[newSegments.length - 1]
-					const prevPoint = b64Vecs.decodeLastPoint(prevStraightSegment.points)
+					const prevPoint = b64Vecs.decodeLastPoint(prevStraightSegment.path)
 
 					if (!prevPoint) {
 						throw Error('No previous point!')
@@ -412,7 +412,7 @@ export class Drawing extends StateNode {
 
 					const newFreeSegment: TLDrawShapeSegment = {
 						type: 'free',
-						points: b64Vecs.encodePoints(interpolatedPoints),
+						path: b64Vecs.encodePoints(interpolatedPoints),
 					}
 
 					const finalSegments = [...newSegments, newFreeSegment]
@@ -487,8 +487,8 @@ export class Drawing extends StateNode {
 							if (!segment) break
 							if (segment.type === 'free') continue
 
-							const first = b64Vecs.decodeFirstPoint(segment.points)
-							const lastPoint = b64Vecs.decodeLastPoint(segment.points)
+							const first = b64Vecs.decodeFirstPoint(segment.path)
+							const lastPoint = b64Vecs.decodeLastPoint(segment.path)
 							if (!(first && lastPoint)) continue
 
 							// Snap to the nearest point on the segment, if it's closer than the previous snapped point
@@ -515,8 +515,8 @@ export class Drawing extends StateNode {
 
 				if (didSnap && snapSegment) {
 					const transform = this.editor.getShapePageTransform(shape)!
-					const first = b64Vecs.decodeFirstPoint(snapSegment.points)
-					const lastPoint = b64Vecs.decodeLastPoint(snapSegment.points)
+					const first = b64Vecs.decodeFirstPoint(snapSegment.path)
+					const lastPoint = b64Vecs.decodeLastPoint(snapSegment.path)
 					if (!first || !lastPoint) throw Error('Expected a last point!')
 
 					const A = Mat.applyToPoint(transform, first)
@@ -558,15 +558,15 @@ export class Drawing extends StateNode {
 				// without continuing the previous line. In this case, we want to remove the previous segment.
 
 				this.currentLineLength +=
-					newSegments.length && b64Vecs.decodeFirstPoint(newSegment.points)
-						? Vec.Dist(b64Vecs.decodeFirstPoint(newSegment.points)!, Vec.From(newPoint))
+					newSegments.length && b64Vecs.decodeFirstPoint(newSegment.path)
+						? Vec.Dist(b64Vecs.decodeFirstPoint(newSegment.path)!, Vec.From(newPoint))
 						: 0
 
 				newSegments[newSegments.length - 1] = {
 					...newSegment,
 					type: 'straight',
-					points: b64Vecs.encodePoints([
-						b64Vecs.decodeFirstPoint(newSegment.points)!,
+					path: b64Vecs.encodePoints([
+						b64Vecs.decodeFirstPoint(newSegment.path)!,
 						Vec.From(newPoint),
 					]),
 				}
@@ -613,7 +613,7 @@ export class Drawing extends StateNode {
 				const newSegment = newSegments[newSegments.length - 1]
 				newSegments[newSegments.length - 1] = {
 					...newSegment,
-					points: b64Vecs.encodePoints(cachedPoints),
+					path: b64Vecs.encodePoints(cachedPoints),
 				}
 
 				if (this.currentLineLength < STROKE_SIZES[shape.props.size] * 4) {
@@ -664,7 +664,7 @@ export class Drawing extends StateNode {
 							segments: [
 								{
 									type: 'free',
-									points: b64Vecs.encodePoints([initialPoint]),
+									path: b64Vecs.encodePoints([initialPoint]),
 								},
 							],
 						},
@@ -693,7 +693,7 @@ export class Drawing extends StateNode {
 		let length = 0
 
 		for (let j = 0; j < segments.length; j++) {
-			const points = b64Vecs.decodePoints(segments[j].points)
+			const points = b64Vecs.decodePoints(segments[j].path)
 			for (let i = 0; i < points.length - 1; i++) {
 				length += Vec.Dist2(points[i], points[i + 1])
 			}

package/src/lib/shapes/highlight/HighlightShapeUtil.test.ts

@@ -28,7 +28,7 @@ describe('HighlightShapeUtil dot detection', () => {
 
 	describe('getIsDot behavior via hideResizeHandles', () => {
 		it('treats a shape with one segment and zero points as a dot', () => {
-			const shape = createHighlightShape([{ type: 'free', points: '' }])
+			const shape = createHighlightShape([{ type: 'free', path: '' }])
 			const util = editor.getShapeUtil('highlight')
 			expect(util.hideResizeHandles(shape)).toBe(true)
 		})
@@ -119,26 +119,26 @@ describe('HighlightShapeUtil dot detection', () => {
 	})
 
 	describe('base64 encoding boundary conditions', () => {
-		it('correctly handles the boundary at exactly 16 base64 characters (2 points)', () => {
-			// Each point is 8 base64 characters (3 Float16s = 6 bytes = 8 base64 chars)
-			// 2 points = 16 characters, which should NOT be a dot
+		it('correctly handles the boundary at exactly 24 base64 characters (2 points)', () => {
+			// First point is 16 base64 chars (Float32), delta points are 8 chars each (Float16)
+			// 2 points = 24 characters, which should NOT be a dot
 			const twoPointsBase64 = pointsToBase64([
 				{ x: 0, y: 0, z: 0.5 },
 				{ x: 1, y: 1, z: 0.5 },
 			])
-			expect(twoPointsBase64.length).toBe(16)
+			expect(twoPointsBase64.length).toBe(24)
 
-			const shape = createHighlightShape([{ type: 'free', points: twoPointsBase64 }])
+			const shape = createHighlightShape([{ type: 'free', path: twoPointsBase64 }])
 			const util = editor.getShapeUtil('highlight')
 			expect(util.hideResizeHandles(shape)).toBe(false)
 		})
 
-		it('correctly handles the boundary at exactly 8 base64 characters (1 point)', () => {
-			// 1 point = 8 characters, which should be a dot
+		it('correctly handles the boundary at exactly 16 base64 characters (1 point)', () => {
+			// 1 point = 16 characters (Float32 first point), which should be a dot
 			const onePointBase64 = pointsToBase64([{ x: 0, y: 0, z: 0.5 }])
-			expect(onePointBase64.length).toBe(8)
+			expect(onePointBase64.length).toBe(16)
 
-			const shape = createHighlightShape([{ type: 'free', points: onePointBase64 }])
+			const shape = createHighlightShape([{ type: 'free', path: onePointBase64 }])
 			const util = editor.getShapeUtil('highlight')
 			expect(util.hideResizeHandles(shape)).toBe(true)
 		})

package/src/lib/shapes/highlight/HighlightShapeUtil.tsx

@@ -249,9 +249,11 @@ function getStrokeWidth(shape: TLHighlightShape) {
 }
 
 function getIsDot(shape: TLHighlightShape) {
-	// Each point is 8 base64 characters (3 Float16s = 6 bytes = 8 base64 chars)
+	// First point is 16 base64 chars (3 Float32s = 12 bytes)
+	// Each delta point is 8 base64 chars (3 Float16s = 6 bytes)
+	// 1 point = 16 chars, 2 points = 24 chars
 	// Check if we have less than 2 points without decoding
-	return shape.props.segments.length === 1 && shape.props.segments[0].points.length < 16
+	return shape.props.segments.length === 1 && shape.props.segments[0].path.length < 24
 }
 
 function HighlightRenderer({

package/src/lib/shapes/shared/interpolate-props.ts

@@ -10,8 +10,8 @@ export const interpolateSegments = (
 	const endPoints: VecModel[] = []
 
 	// Extract all points from startSegments and endSegments
-	startSegments.forEach((segment) => startPoints.push(...b64Vecs.decodePoints(segment.points)))
-	endSegments.forEach((segment) => endPoints.push(...b64Vecs.decodePoints(segment.points)))
+	startSegments.forEach((segment) => startPoints.push(...b64Vecs.decodePoints(segment.path)))
+	endSegments.forEach((segment) => endPoints.push(...b64Vecs.decodePoints(segment.path)))
 
 	const maxLength = Math.max(startPoints.length, endPoints.length)
 	const pointsToUseStart: VecModel[] = []
@@ -39,7 +39,7 @@ export const interpolateSegments = (
 	return [
 		{
 			type: 'free',
-			points: b64Vecs.encodePoints(interpolatedPoints),
+			path: b64Vecs.encodePoints(interpolatedPoints),
 		},
 	]
 }

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 = '4.3.0-canary.fda2775019a1'
+export const version = '4.3.0-next.085293d79c32'
 export const publishDates = {
 	major: '2025-09-18T14:39:22.803Z',
-	minor: '2026-01-12T10:48:32.494Z',
-	patch: '2026-01-12T10:48:32.494Z',
+	minor: '2026-01-21T10:25:57.296Z',
+	patch: '2026-01-21T10:25:57.296Z',
 }

package/src/lib/utils/excalidraw/__snapshots__/putExcalidrawContent.test.tsx.snap

@@ -734,7 +734,7 @@ exports[`putExcalidrawContent test fixtures > line-drawing.json 1`] = `
       "scaleY": 1,
       "segments": [
         {
-          "points": "AAAAAAA4jgaOBgA4",
+          "path": "AAAAAAAAAAAAAAA/jgaOBgAA",
           "type": "free",
         },
       ],
@@ -765,7 +765,7 @@ exports[`putExcalidrawContent test fixtures > line-drawing.json 1`] = `
       "scaleY": 1,
       "segments": [
         {
-          "points": "AAAAAAA4jgaOBgA4",
+          "path": "AAAAAAAAAAAAAAA/jgaOBgAA",
           "type": "free",
         },
       ],
@@ -1379,7 +1379,7 @@ exports[`putExcalidrawContent test fixtures > line-drawing.json 1`] = `
       "scaleY": 1,
       "segments": [
         {
-          "points": "AAAAAAA4jgaOBgA4",
+          "path": "AAAAAAAAAAAAAAA/jgaOBgAA",
           "type": "free",
         },
       ],
@@ -1410,7 +1410,7 @@ exports[`putExcalidrawContent test fixtures > line-drawing.json 1`] = `
       "scaleY": 1,
       "segments": [
         {
-          "points": "AAAAAAA4jgaOBgA4",
+          "path": "AAAAAAAAAAAAAAA/jgaOBgAA",
           "type": "free",
         },
       ],

package/src/lib/utils/excalidraw/putExcalidrawContent.ts

@@ -169,7 +169,7 @@ export async function putExcalidrawContent(
 						segments: [
 							{
 								type: 'free',
-								points: base64Points,
+								path: base64Points,
 							},
 						],
 					},

package/src/lib/utils/test-helpers.ts

@@ -3,11 +3,12 @@ import { b64Vecs, compressLegacySegments } from '@tldraw/editor'
 
 /**
  * Helper function to convert draw shape points from VecModel[] to base64 string.
+ * Uses delta encoding for improved Float16 precision.
  * This is useful for tests that create draw shapes with the legacy array format.
  *
  * @example
  * ```ts
- * const segments = [{ type: 'free', points: pointsToBase64([{x: 0, y: 0, z: 0.5}]) }]
+ * const segments = [{ type: 'free', path: pointsToBase64([{x: 0, y: 0, z: 0.5}]) }]
  * ```
  *
  * @public
@@ -18,11 +19,12 @@ export function pointsToBase64(points: VecModel[]): string {
 
 /**
  * Helper function to convert base64 string back to VecModel[] points.
+ * Decodes delta-encoded points to absolute coordinates.
  * This is useful for tests that need to inspect draw shape points.
  *
  * @example
  * ```ts
- * const points = base64ToPoints(shape.props.segments[0].points)
+ * const points = base64ToPoints(shape.props.segments[0].path)
  * expect(points[0].x).toBe(0)
  * ```
  *

package/src/lib/utils/tldr/buildFromV1Document.ts

@@ -385,7 +385,7 @@ export function buildFromV1Document(editor: Editor, _document: unknown) {
 										dash: getV2Dash(v1Shape.style.dash),
 										isPen: false,
 										isComplete: v1Shape.isComplete,
-										segments: [{ type: 'free', points: base64Points }],
+										segments: [{ type: 'free', path: base64Points }],
 										scale: 1,
 										scaleX: 1,
 										scaleY: 1,

package/src/test/__snapshots__/drawing.test.ts.snap

@@ -19,7 +19,7 @@ exports[`Draws a bunch > draw shape 1`] = `
     "scaleY": 1,
     "segments": [
       {
-        "points": "AAAAAAA4ADwAAAA4AEQAAAA4AEkAvAA4wEwAxAA4gE8AyQA4wFEAzQA4oFOAzwA4oFRg0QA4kFVg0wA4YFbQ1AA4wFag1QA4AFdw1gA4UFdw1wA4YFcY2AA4cFdI2AA4cFeI2AA4gFfA2AA4cFfw2AA4UFcY2QA4IFc42QA40FZI2QA4cFZQ2QA4EFZQ2QA4kFVQ2QA4AFUw2QA4cFT42AA4wFOw2AA4wFJQ2AA4QFLg1wA44FEQ1wA4wFEw1gA4wFEg1QA44FGg0wA4oFIg0QA4gFMAzgA4QFQAxwA48FQASgA4gFUAUAA4AFZAUgA4cFZQVAA4oFZgVQA4sFZgVgA4sFaAVwA4YFZAWAA4oFWQWAA4oFTQWAA4YFEYWQA4AFAgWQA4QE0gWQA4gEkgWQA4AEAgWQA4AMcQWQA4gMr4WAA4gMvIWAA4gMuYWAA4gMlQWAA4ADzwVwA4gEsAVwA4QFAAVgA4AFPwVAA4EFVAUwA4sFYgUAA44FcASgA4iFgAyQA4AFmAzwA4YFlA0gA4yFmQ1AA4EFrQ1QA4OFoA1wA4UFrw1wA4WFpQ2AA4WFqQ2AA4SFrA2AA4IFrY2AA4+Fng2AA40Fno2AA4kFng2AA4UFmw2AA4IFlg2AA48FgA2AA4uFjg1gA4gFiQ1QA4WFgA1AA4OFiA0AA4IFgAxwA4IFiATQA4IFggUgA4KFigVAA4YFgQVgA4oFgQVwA44FjAVwA4MFlIWAA4eFmIWAA4uFmwWAA4+FnAWAA4KFrAWAA4aFq4WAA4sFqQWAA4+FpAWAA4MFvQVwA4YFsAVwA4kFvwVQA4uFvgVAA40FugUwA44FvAUQA46FugUAA46FvATwA46FsATgA42FsATQA4wFsATAA4sFsATAA4mFsATAA4gFtATAA4cFvATAA4YFuATgA4UFtAUAA4SFugUQA4QFsAUwA4QFsgVAA4WFvwVAA4iFuwVQA4uFtAVgA4+FvQVgA4EFwQVwA4KFxAVwA4SFxgVwA4YFxgVwA4eFwwVwA4jFyQVgA4oFzQVQA4qFwwVQA4tFxgVAA4vFxAUwA4xFwAUgA4yFzAUAA4zFzATwA40FxATgA40FyATQA40FwATQA40FzATAA40FyATQA40FzATgA40FxgUAA40FyAUQA40FxgUgA40FwAUwA40FygUwA41FwgVAA44FxwVAA46FygVAA49FywVAA4AF3AVAA4EF3AVAA4JF2QVAA4NF1QVAA4QF0gVAA4TF3AUwA4WF1gUwA4YF0gUwA4aF3gUgA4cF3gUgA4cF3gUgA4dF3gUgA4dF0AUwA4eF0gUwA4fF1gUwA4fF2gUwA4gF3AUwA4gF3gUwA4hF0AVAA4iF0AVAA4jF0AVAA4kF1AUwA4mF0gUgA4oF0AUQA4rF0AUAA4tF2ATgA4vF3ATAA4xF2ASgA41F0ARwA44F0AQgA48F0AQAA4BF4AQAA4GF4AQAA4NF4AQgA4aF6ASQA4oF7ATQA4yF5AUAA4+F4gUgA4IF8AVAA4QF8QVQA4UF/wVQA4WF9AVwA4YF9wWAA4YF8QWQA4UF+QWQA4KF8YWgA46F6oWgA4nF4wWwA4XF6AWwA4JF6oWwA45F3QWwA4sF3gWwA4iF3gWwA4aF3AWwA4UF14WwA4TF0IWwA4TF0wWgA4dF0oWQA40F0QWAA4TF6QVQA4wF7AUgA4TF8ATAA44F9AzQA4TmBA1AA4qmAw1wA41mBQ2AA4AmEQ2QA4LmHg2QA4RmFY2gA4WGHY2gA4aGFo2wA4amGg2wA4ZmHQ2wA4VGHw2wA4MGEA3AA4BGEA3AA42mDo2wA4mmCA2wA4VGDo2gA4HGBI2gA42F+w2QA4kF8o2QA4TF+Q2AA4IF8Y2AA4CF+A1wA4AF8A1wA4AF+w1gA4BF+A1gA4EF9w1gA4KF9g1gA4OF9g1gA4RF9w1gA4WF+A1gA4YF+Q1gA4aF+g1gA4bF+g1gA4cF+w1gA4cF+w1gA4dF+w1gA4",
+        "path": "AAAAAAAAAAAAAAA/ADwAAAAAAEIAAAAAAEYAvAAAgEgAwgAAgEkAxgAAAEwAyQAAgEsAyQAAgEqAygAAgEsAzAAAgEqAzAAAAEaAygAAAESAygAAAEUAzAAAADwAygAAADwAxgAAAAAAyAAAADwAxwAAALwAxgAAAMAAxQAAAMIAxAAAAMUAwAAAAMYAvAAAAMYAAAAAAMgAAAAAgMgARAAAgMgARwAAgMiASAAAAMgASgAAAMQASgAAAMKASgAAALwASwAAAABATAAAADxATQAAAEYATQAAAEdATAAAAEhATAAAgEnATAAAgEgATQAAAEiATAAAAEfATAAAAEJATAAAADwATAAAAACATAAAAMUATAAAAMoASQAAAMwASAAAwM+ASAAAgMkAPAAAgMkAAAAAAMkAAAAAgMgAAAAAgMgAwAAAAMYAwgAAAMAAxgAAAAAAxgAAAESAyAAAAEqAyQAAAEuAywAAwEwAzAAAgE1AzAAAQE5AzQAAgE5AzgAAwExAzQAAwEyAzQAAgEsAzQAAAEoAzQAAgErAzQAAgEgAzQAAAEXAzAAAAEKAywAAADyAyQAAAAAAyAAAAMAAxgAAAMUAwgAAAMUAvAAAAMUAvAAAAMgAPAAAAMgARgAAAMYASQAAAMYASgAAAMeATAAAAMdATQAAAMVATgAAAMQATwAAAMJATwAAAABATwAAAADATgAAADxATgAAAEfATQAAAEgATAAAAEiASQAAAEmASgAAgEgASAAAAEgARQAAAEgAQAAAAEYAAAAAAEgAvAAAgEgAxQAAgEgAyQAAAEeAyQAAAEaAygAAAEZAzAAAAEVAzAAAAEJAzAAAAECAywAAADyAyAAAAAAAxgAAAAAAxwAAAMAAxAAAAMIAxAAAAMAAAAAAAMIAAAAAAMIAPAAAAMAAQAAAAMAARwAAAMAASAAAALyASQAAALyASQAAAAAASQAAAEKASgAAAEYASgAAAEaASAAAAEiASAAAAEUARAAAAEYAQgAAAEgAQAAAAEYAAAAAAEYAwgAAAEUAyQAAAEUAygAAAEAAyQAAAEKAygAAAEAAygAAAEAAyQAAADwAyQAAADwAxwAAADwAxgAAAAAAwgAAAAAAwAAAAAAAvAAAAAAAQgAAAAAARQAAAAAASAAAAACASAAAAAAARwAAAAAARQAAAAAARQAAADwARQAAAEIARQAAAEAAQgAAAEIAPAAAAEIAPAAAAEQAAAAAAEUAwgAAAEQAxAAAAEIAwgAAAEIAxAAAAEIAwgAAAEAAwAAAAEAAwAAAAEAAAAAAAAAAAAAAADwAAAAAAAAAPAAAADwAPAAAADwAQAAAAAAAQAAAADwAPAAAAAAAPAAAADwAPAAAADwAAAAAADwAAAAAADwAxgAAAECAyAAAAECAyAAAAEIAyAAAAEAAxgAAAEAAxwAAAEAAxgAAAEQAxgAAAEIAxAAAAEQAvAAAAEUAAAAAAEUAAAAAAEcAPAAAgEoASAAAAEsASgAAAEmASQAAAEqASwAAAEmASwAAAEhATAAAAEQASwAAAEBATQAAAECATgAAAAAATQAAAMQATAAAAMlATAAAAMyATAAAwMxATAAAAMwASQAAAMsARQAAAMwARQAAgMoAQAAAAMkAAAAAAMgAxAAAAMaAyAAAALwAywAAAADAzgAAAEkg0AAAwE1g0AAAwE8g0QAAQE9g0AAAYFDA0AAAoFCg0AAA4FHg0QAAwFHg0QAAgE3AzQAAgE0AzgAAgE2AzgAAAEqAywAAgEgAzAAAAEiAzAAAADwAxwAAAMAAxgAAgMgAxAAAgMwAwAAAgM0AAAAAQM0AQgAAANCASgAAYNDATAAAAM8ATQAAAM7ATAAAgMxATAAAQMzATAAAgMmASwAAAMaASQAAAMAASAAAAAAARQAAADwAQgAAAEIAPAAAAEYAPAAAAEQAAAAAAEIAvAAAAEUAvAAAAEAAvAAAAEAAvAAAADwAAAAAADwAvAAAAAAAAAAAADwAAAAA",
         "type": "free",
       },
     ],

package/src/test/__snapshots__/resizing.test.ts.snap

@@ -20,7 +20,7 @@ exports[`When resizing a shape with children > Resizes a rotated draw shape > dr
     "scaleY": 1.1,
     "segments": [
       {
-        "points": "AAAAAAA4QFZAVgA4",
+        "path": "AAAAAAAAAAAAAAA/QFZAVgAA",
         "type": "free",
       },
     ],

package/src/test/drawing.test.ts

@@ -78,7 +78,7 @@ for (const toolType of ['draw', 'highlight'] as const) {
 			const segment = shape.props.segments[0]
 			expect(segment.type).toBe('straight')
 
-			const points = base64ToPoints(segment.points)
+			const points = base64ToPoints(segment.path)
 			expect(points.length).toBe(2)
 		})
 
@@ -177,7 +177,7 @@ for (const toolType of ['draw', 'highlight'] as const) {
 
 			const shape = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment = shape.props.segments[0]
-			const points = base64ToPoints(segment.points)
+			const points = base64ToPoints(segment.path)
 			expect(points[1].x).toBeCloseTo(snappedX)
 			expect(points[1].y).toBeCloseTo(snappedY)
 		})
@@ -192,7 +192,7 @@ for (const toolType of ['draw', 'highlight'] as const) {
 
 			const shape = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment = shape.props.segments[0]
-			const points = base64ToPoints(segment.points)
+			const points = base64ToPoints(segment.path)
 			expect(points[1].x).toBeCloseTo(x)
 			expect(points[1].y).toBeCloseTo(y)
 		})
@@ -212,14 +212,14 @@ for (const toolType of ['draw', 'highlight'] as const) {
 
 			const shape1 = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment1 = last(shape1.props.segments)!
-			const points1 = base64ToPoints(segment1.points)
+			const points1 = base64ToPoints(segment1.path)
 			const point1 = last(points1)!
 			expect(point1.x).toBe(1)
 
 			editor.keyDown('Meta')
 			const shape2 = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment2 = last(shape2.props.segments)!
-			const points2 = base64ToPoints(segment2.points)
+			const points2 = base64ToPoints(segment2.path)
 			const point2 = last(points2)!
 			expect(point2.x).toBe(0)
 		})
@@ -239,14 +239,14 @@ for (const toolType of ['draw', 'highlight'] as const) {
 
 			const shape1 = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment1 = last(shape1.props.segments)!
-			const points1 = base64ToPoints(segment1.points)
+			const points1 = base64ToPoints(segment1.path)
 			const point1 = last(points1)!
 			expect(point1.x).toBe(1)
 
 			editor.keyDown('Meta')
 			const shape2 = editor.getCurrentPageShapes()[0] as DrawableShape
 			const segment2 = last(shape2.props.segments)!
-			const points2 = base64ToPoints(segment2.points)
+			const points2 = base64ToPoints(segment2.path)
 			const point2 = last(points2)!
 			expect(point2.x).toBe(0)
 		})