tldraw 4.2.2 → 4.2.3

package/src/test/custom-clipping.test.ts

@@ -8,6 +8,7 @@ import {
 	resizeBox,
 	StateNode,
 	T,
+	TLBaseShape,
 	TLEventHandlers,
 	TLGeoShape,
 	TLResizeInfo,
@@ -18,24 +19,19 @@ import {
 } from '@tldraw/editor'
 import { TestEditor } from './TestEditor'
 
-const CIRCLE_CLIP_TYPE = 'circle-clip'
-
-declare module '@tldraw/tlschema' {
-	export interface TLGlobalShapePropsMap {
-		[CIRCLE_CLIP_TYPE]: { w: number; h: number }
-	}
-}
-
 // Custom Circle Clip Shape Definition
-export type CircleClipShape = TLShape<typeof CIRCLE_CLIP_TYPE>
+export type CircleClipShape = TLBaseShape<
+	'circle-clip',
+	{
+		w: number
+		h: number
+	}
+>
 
 export const isClippingEnabled$ = atom('isClippingEnabled', true)
 
-// The stroke width used when rendering the circle
-const STROKE_WIDTH = 2
-
 export class CircleClipShapeUtil extends BaseBoxShapeUtil<CircleClipShape> {
-	static override type = CIRCLE_CLIP_TYPE
+	static override type = 'circle-clip' as const
 	static override props: RecordProps<CircleClipShape> = {
 		w: T.number,
 		h: T.number,
@@ -67,20 +63,17 @@ export class CircleClipShapeUtil extends BaseBoxShapeUtil<CircleClipShape> {
 	}
 
 	override getClipPath(shape: CircleClipShape): Vec[] | undefined {
-		// Generate a polygon approximation of the circle.
-		// We inset the clip path by half the stroke width so that children are
-		// clipped to the inner edge of the stroke, not the center line.
+		// Generate a polygon approximation of the circle
 		const centerX = shape.props.w / 2
 		const centerY = shape.props.h / 2
-		const outerRadius = Math.min(shape.props.w, shape.props.h) / 2
-		const clipRadius = outerRadius - STROKE_WIDTH / 2
+		const radius = Math.min(shape.props.w, shape.props.h) / 2
 		const segments = 48 // More segments = smoother circle
 
 		const points: Vec[] = []
 		for (let i = 0; i < segments; i++) {
 			const angle = (i / segments) * Math.PI * 2
-			const x = centerX + Math.cos(angle) * clipRadius
-			const y = centerY + Math.sin(angle) * clipRadius
+			const x = centerX + Math.cos(angle) * radius
+			const y = centerY + Math.sin(angle) * radius
 			points.push(new Vec(x, y))
 		}
 
@@ -118,10 +111,10 @@ export class CircleClipShapeTool extends StateNode {
 
 	override onPointerDown(info: Parameters<TLEventHandlers['onPointerDown']>[0]) {
 		if (info.target === 'canvas') {
-			const originPagePoint = this.editor.inputs.getOriginPagePoint()
+			const { originPagePoint } = this.editor.inputs
 
-			this.editor.createShape({
-				type: CIRCLE_CLIP_TYPE,
+			this.editor.createShape<CircleClipShape>({
+				type: 'circle-clip',
 				x: originPagePoint.x - 100,
 				y: originPagePoint.y - 100,
 				props: {
@@ -160,9 +153,9 @@ beforeEach(() => {
 describe('CircleClipShapeUtil', () => {
 	describe('shape creation and properties', () => {
 		it('should create a circle clip shape with default properties', () => {
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {
@@ -179,9 +172,9 @@ describe('CircleClipShapeUtil', () => {
 		})
 
 		it('should use default props when not specified', () => {
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {},
@@ -195,9 +188,9 @@ describe('CircleClipShapeUtil', () => {
 
 	describe('geometry and clipping', () => {
 		it('should generate correct circle geometry', () => {
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {
@@ -217,9 +210,9 @@ describe('CircleClipShapeUtil', () => {
 		})
 
 		it('should generate clip path for circle', () => {
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {
@@ -239,23 +232,22 @@ describe('CircleClipShapeUtil', () => {
 
 			// Should be a polygon approximation of a circle
 			// Check that points are roughly in a circle pattern
-			// The clip path is inset by half the stroke width (STROKE_WIDTH / 2 = 1)
-			const centerX = 100 // shape.props.w / 2
-			const centerY = 100 // shape.props.h / 2
-			const clipRadius = 99 // min(w, h) / 2 - STROKE_WIDTH / 2 = 100 - 1
+			const centerX = 100 // shape.x
+			const centerY = 100 // shape.y
+			const radius = 100 // min(w, h) / 2
 
 			clipPath.forEach((point) => {
 				const distance = Math.sqrt(Math.pow(point.x - centerX, 2) + Math.pow(point.y - centerY, 2))
-				expect(distance).toBeCloseTo(clipRadius, 0)
+				expect(distance).toBeCloseTo(radius, 0)
 			})
 		})
 	})
 
 	describe('child clipping behavior', () => {
 		it('should clip children when clipping is enabled', () => {
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {
@@ -264,7 +256,7 @@ describe('CircleClipShapeUtil', () => {
 				},
 			})
 
-			editor.createShape({
+			editor.createShape<TLTextShape>({
 				id: ids.text1,
 				type: 'text',
 				x: 0,
@@ -287,9 +279,9 @@ describe('CircleClipShapeUtil', () => {
 		it('should not clip children when clipping is disabled', () => {
 			isClippingEnabled$.set(false)
 
-			editor.createShape({
+			editor.createShape<CircleClipShape>({
 				id: ids.circleClip1,
-				type: CIRCLE_CLIP_TYPE,
+				type: 'circle-clip',
 				x: 100,
 				y: 100,
 				props: {
@@ -298,7 +290,7 @@ describe('CircleClipShapeUtil', () => {
 				},
 			})
 
-			editor.createShape({
+			editor.createShape<TLTextShape>({
 				id: ids.text1,
 				type: 'text',
 				x: 0,
@@ -322,9 +314,9 @@ describe('CircleClipShapeUtil', () => {
 describe('Integration tests', () => {
 	it('should create and manage circle clip shapes with children', () => {
 		// Create circle clip shape
-		editor.createShape({
+		editor.createShape<CircleClipShape>({
 			id: ids.circleClip1,
-			type: CIRCLE_CLIP_TYPE,
+			type: 'circle-clip',
 			x: 100,
 			y: 100,
 			props: {
@@ -334,7 +326,7 @@ describe('Integration tests', () => {
 		})
 
 		// Add text child
-		editor.createShape({
+		editor.createShape<TLTextShape>({
 			id: ids.text1,
 			type: 'text',
 			x: 50,
@@ -346,7 +338,7 @@ describe('Integration tests', () => {
 		})
 
 		// Add geo child
-		editor.createShape({
+		editor.createShape<TLGeoShape>({
 			id: ids.geo1,
 			type: 'geo',
 			x: 150,
@@ -383,9 +375,9 @@ describe('Integration tests', () => {
 
 	it('should handle multiple circle clip shapes independently', () => {
 		// Create two circle clip shapes
-		editor.createShape({
+		editor.createShape<CircleClipShape>({
 			id: ids.circleClip1,
-			type: CIRCLE_CLIP_TYPE,
+			type: 'circle-clip',
 			x: 100,
 			y: 100,
 			props: {
@@ -394,9 +386,9 @@ describe('Integration tests', () => {
 			},
 		})
 
-		editor.createShape({
+		editor.createShape<CircleClipShape>({
 			id: ids.circleClip2,
-			type: CIRCLE_CLIP_TYPE,
+			type: 'circle-clip',
 			x: 400,
 			y: 100,
 			props: {
@@ -406,7 +398,7 @@ describe('Integration tests', () => {
 		})
 
 		// Add children to both
-		editor.createShape({
+		editor.createShape<TLTextShape>({
 			id: ids.text1,
 			type: 'text',
 			x: 0,
@@ -417,7 +409,7 @@ describe('Integration tests', () => {
 			},
 		})
 
-		editor.createShape({
+		editor.createShape<TLTextShape>({
 			id: ids.geo1,
 			type: 'text',
 			x: 0,

package/src/test/customSnapping.test.tsx

@@ -4,10 +4,10 @@ import {
 	Polyline2d,
 	ShapeUtil,
 	TLAnyShapeUtilConstructor,
+	TLBaseShape,
 	TLHandle,
 	TLHandleDragInfo,
 	TLLineShape,
-	TLShape,
 	TLShapeId,
 	Vec,
 	VecModel,
@@ -16,19 +16,13 @@ import {
 import { TestEditor } from './TestEditor'
 import { TL } from './test-jsx'
 
-const TEST1_TYPE = 'test1'
-
-declare module '@tldraw/tlschema' {
-	export interface TLGlobalShapePropsMap {
-		[TEST1_TYPE]: { w: number; h: number; boundsSnapPoints: VecModel[] | null }
-	}
-}
-
-type Test1Shape = TLShape<typeof TEST1_TYPE>
-
 describe('custom shape bounds snapping - translate', () => {
-	class TestShapeUtil extends BaseBoxShapeUtil<Test1Shape> {
-		static override type = TEST1_TYPE
+	type TestShape = TLBaseShape<
+		'test',
+		{ w: number; h: number; boundsSnapPoints: VecModel[] | null }
+	>
+	class TestShapeUtil extends BaseBoxShapeUtil<TestShape> {
+		static override type = 'test'
 		override getDefaultProps() {
 			return { w: 100, h: 100, boundsSnapPoints: null }
 		}
@@ -38,7 +32,7 @@ describe('custom shape bounds snapping - translate', () => {
 		override indicator() {
 			throw new Error('Method not implemented.')
 		}
-		override getBoundsSnapGeometry(shape: Test1Shape) {
+		override getBoundsSnapGeometry(shape: TestShape) {
 			return {
 				points: shape.props.boundsSnapPoints ?? undefined,
 			}
@@ -52,14 +46,14 @@ describe('custom shape bounds snapping - translate', () => {
 		editor = new TestEditor({ shapeUtils })
 		ids = editor.createShapesFromJsx([
 			<TL.geo ref="box" x={0} y={0} w={100} h={100} />,
-			<TL.test1 ref="test1" x={200} y={200} w={100} h={100} boundsSnapPoints={null} />,
+			<TL.test ref="test" x={200} y={200} w={100} h={100} boundsSnapPoints={null} />,
 		])
 	})
 
 	describe('with default boundSnapPoints', () => {
 		test('normal snapping works with default boundSnapPoints when moving test shape', () => {
 			// start translating the test shape
-			editor.setSelectedShapes([ids.test1]).pointerDown(250, 250)
+			editor.setSelectedShapes([ids.test]).pointerDown(250, 250)
 
 			// move the left edge of the test shape to the right edge of the box shape - it should snap
 			editor.pointerMove(155, 250, undefined, { ctrlKey: true })
@@ -90,15 +84,15 @@ describe('custom shape bounds snapping - translate', () => {
 
 	describe('with only the center in boundSnapPoints', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test1,
-				type: TEST1_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: { boundsSnapPoints: [{ x: 50, y: 50 }] },
 			})
 		})
 
 		describe('when moving the test shape', () => {
-			beforeEach(() => editor.select(ids.test1).pointerDown(250, 250))
+			beforeEach(() => editor.select(ids.test).pointerDown(250, 250))
 
 			test('does not snap its edges to the box edges', () => {
 				editor.pointerMove(155, 250, undefined, { ctrlKey: true })
@@ -132,15 +126,15 @@ describe('custom shape bounds snapping - translate', () => {
 
 	describe('with empty boundSnapPoints', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test1,
-				type: TEST1_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: { boundsSnapPoints: [] },
 			})
 		})
 
 		test('test shape does not snap to anything', () => {
-			editor.select(ids.test1).pointerDown(250, 250)
+			editor.select(ids.test).pointerDown(250, 250)
 
 			// try to snap our left edge to the right edge of the box shape - it should not snap
 			editor.pointerMove(155, 250, undefined, { ctrlKey: true })
@@ -169,11 +163,10 @@ describe('custom shape bounds snapping - translate', () => {
 	})
 })
 
-const TEST2_TYPE = 'test2'
-
-declare module '@tldraw/tlschema' {
-	export interface TLGlobalShapePropsMap {
-		[TEST2_TYPE]: {
+describe('custom handle snapping', () => {
+	type TestShape = TLBaseShape<
+		'test',
+		{
 			w: number
 			h: number
 			ownHandle: VecModel
@@ -183,15 +176,10 @@ declare module '@tldraw/tlschema' {
 			selfSnapPoints: VecModel[] | 'default'
 			handleSnapType?: 'point' | 'align'
 		}
-	}
-}
-
-type Test2Shape = TLShape<typeof TEST2_TYPE>
-
-describe('custom handle snapping', () => {
-	class TestShapeUtil extends BaseBoxShapeUtil<Test2Shape> {
-		static override type = TEST2_TYPE
-		override getDefaultProps(): Test2Shape['props'] {
+	>
+	class TestShapeUtil extends BaseBoxShapeUtil<TestShape> {
+		static override type = 'test'
+		override getDefaultProps(): TestShape['props'] {
 			return {
 				w: 100,
 				h: 100,
@@ -208,7 +196,7 @@ describe('custom handle snapping', () => {
 		override indicator() {
 			throw new Error('Method not implemented.')
 		}
-		override getHandleSnapGeometry(shape: Test2Shape) {
+		override getHandleSnapGeometry(shape: TestShape) {
 			const { handleOutline, handlePoints, selfSnapOutline, selfSnapPoints } = shape.props
 			return {
 				outline:
@@ -226,7 +214,7 @@ describe('custom handle snapping', () => {
 				getSelfSnapPoints: selfSnapPoints === 'default' ? undefined : () => selfSnapPoints,
 			}
 		}
-		override getHandles(shape: Test2Shape): TLHandle[] {
+		override getHandles(shape: TestShape): TLHandle[] {
 			const handle: TLHandle = {
 				id: 'handle',
 				label: 'handle',
@@ -245,7 +233,7 @@ describe('custom handle snapping', () => {
 
 			return [handle]
 		}
-		override onHandleDrag(shape: Test2Shape, { handle }: TLHandleDragInfo<Test2Shape>) {
+		override onHandleDrag(shape: TestShape, { handle }: TLHandleDragInfo<TestShape>) {
 			return { ...shape, props: { ...shape.props, ownHandle: { x: handle.x, y: handle.y } } }
 		}
 	}
@@ -265,7 +253,7 @@ describe('custom handle snapping', () => {
 					a2: { id: 'a2', index: 'a2' as IndexKey, x: 100, y: 100 },
 				}}
 			/>,
-			<TL.test2 ref="test2" x={200} y={200} w={100} h={100} />,
+			<TL.test ref="test" x={200} y={200} w={100} h={100} boundsSnapPoints={null} />,
 		])
 	})
 
@@ -308,9 +296,9 @@ describe('custom handle snapping', () => {
 
 	describe('with empty handleSnapGeometry.outline', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test2,
-				type: TEST2_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: { handleOutline: null },
 			})
 		})
@@ -325,9 +313,9 @@ describe('custom handle snapping', () => {
 
 	describe('with custom handleSnapGeometry.outline', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test2,
-				type: TEST2_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: {
 					// a diagonal line from the top left to the bottom right
 					handleOutline: [
@@ -372,9 +360,9 @@ describe('custom handle snapping', () => {
 
 	describe('with custom handleSnapGeometry.points', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test2,
-				type: TEST2_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: {
 					handlePoints: [
 						{ x: 30, y: 30 },
@@ -399,12 +387,12 @@ describe('custom handle snapping', () => {
 
 	describe('with custom handleSnapGeometry.points along the outline', () => {
 		beforeEach(() => {
-			editor.updateShape({
-				id: ids.test2,
-				type: TEST2_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				props: {
 					handlePoints: editor
-						.getShapeGeometry(ids.test2)
+						.getShapeGeometry(ids.test)
 						.bounds.cornersAndCenter.map(({ x, y }) => ({ x, y })),
 				},
 			})
@@ -438,9 +426,9 @@ describe('custom handle snapping', () => {
 	describe('self snapping', () => {
 		beforeEach(() => {
 			editor.deleteShape(ids.line)
-			editor.updateShape({
-				id: ids.test2,
-				type: TEST2_TYPE,
+			editor.updateShape<TestShape>({
+				id: ids.test,
+				type: 'test',
 				x: 0,
 				y: 0,
 				props: {
@@ -449,12 +437,12 @@ describe('custom handle snapping', () => {
 			})
 		})
 		function startDraggingOwnHandle() {
-			const shape = editor.select(ids.test2).getOnlySelectedShape()!
+			const shape = editor.select(ids.test).getOnlySelectedShape()!
 			const handles = editor.getShapeHandles(shape)!
 			editor.pointerDown(0, 0, { target: 'handle', shape, handle: handles[0] })
 		}
 		function ownHandlePosition() {
-			const shape = editor.select(ids.test2).getOnlySelectedShape()!
+			const shape = editor.select(ids.test).getOnlySelectedShape()!
 			const handle = editor.getShapeHandles(shape)![0]
 			return { x: handle.x, y: handle.y }
 		}
@@ -474,9 +462,9 @@ describe('custom handle snapping', () => {
 		})
 		describe('with custom self snap outline & points', () => {
 			beforeEach(() => {
-				editor.updateShape({
-					id: ids.test2,
-					type: TEST2_TYPE,
+				editor.updateShape<TestShape>({
+					id: ids.test,
+					type: 'test',
 					props: {
 						selfSnapOutline: [
 							{ x: 20, y: 50 },
@@ -518,9 +506,9 @@ describe('custom handle snapping', () => {
 
 		describe('with snapType set to align', () => {
 			beforeEach(() => {
-				editor.updateShape({
-					id: ids.test2,
-					type: TEST2_TYPE,
+				editor.updateShape<TestShape>({
+					id: ids.test,
+					type: 'test',
 					props: {
 						selfSnapPoints: [
 							{ x: 20, y: 50 },
@@ -555,24 +543,19 @@ describe('custom handle snapping', () => {
 	})
 })
 
-const BEZIER_TYPE = 'bezier'
-
-declare module '@tldraw/tlschema' {
-	export interface TLGlobalShapePropsMap {
-		[BEZIER_TYPE]: {
+describe('custom adjacent handle for shift snapping', () => {
+	type BezierShape = TLBaseShape<
+		'bezier',
+		{
 			start: VecModel
 			cp1: VecModel
 			cp2: VecModel
 			end: VecModel
 		}
-	}
-}
-
-type BezierShape = TLShape<typeof BEZIER_TYPE>
+	>
 
-describe('custom adjacent handle for shift snapping', () => {
 	class BezierShapeUtil extends ShapeUtil<BezierShape> {
-		static override type = BEZIER_TYPE
+		static override type = 'bezier'
 		override getDefaultProps() {
 			return {
 				start: { x: 0, y: 0 },
@@ -649,6 +632,8 @@ describe('custom adjacent handle for shift snapping', () => {
 				ref="bezier"
 				x={0}
 				y={0}
+				w={100}
+				h={100}
 				start={{ x: 0, y: 0 }}
 				cp1={{ x: 50, y: 0 }}
 				cp2={{ x: 50, y: 100 }}

package/src/test/drawing.test.ts

@@ -1,8 +1,7 @@
 import { TLDrawShape, TLHighlightShape, last } from '@tldraw/editor'
 import { vi } from 'vitest'
-import { TEST_DRAW_SHAPE_SCREEN_POINTS } from './drawing.data'
-import { base64ToPoints } from './test-jsx'
 import { TestEditor } from './TestEditor'
+import { TEST_DRAW_SHAPE_SCREEN_POINTS } from './drawing.data'
 
 vi.useFakeTimers()
 
@@ -78,7 +77,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 = segment.points
 			expect(points.length).toBe(2)
 		})
 
@@ -177,9 +176,8 @@ 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)
-			expect(points[1].x).toBeCloseTo(snappedX)
-			expect(points[1].y).toBeCloseTo(snappedY)
+			expect(segment.points[1].x).toBeCloseTo(snappedX)
+			expect(segment.points[1].y).toBeCloseTo(snappedY)
 		})
 
 		it('Doesnt snap to 15 degree angle when cmd is held', () => {
@@ -192,9 +190,8 @@ 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)
-			expect(points[1].x).toBeCloseTo(x)
-			expect(points[1].y).toBeCloseTo(y)
+			expect(segment.points[1].x).toBeCloseTo(x)
+			expect(segment.points[1].y).toBeCloseTo(y)
 		})
 
 		it('Snaps to start or end of straight segments in self when shift + cmd is held', () => {
@@ -212,15 +209,13 @@ 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 point1 = last(points1)!
+			const point1 = last(segment1.points)!
 			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 point2 = last(points2)!
+			const point2 = last(segment2.points)!
 			expect(point2.x).toBe(0)
 		})
 
@@ -239,15 +234,13 @@ 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 point1 = last(points1)!
+			const point1 = last(segment1.points)!
 			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 point2 = last(points2)!
+			const point2 = last(segment2.points)!
 			expect(point2.x).toBe(0)
 		})
 

package/src/test/duplicate.test.ts

@@ -295,7 +295,7 @@ describe('When duplicating shapes that include arrows', () => {
 			.select(
 				...editor
 					.getCurrentPageShapes()
-					.filter((s) => editor.isShapeOfType(s, 'arrow'))
+					.filter((s) => editor.isShapeOfType<TLArrowShape>(s, 'arrow'))
 					.map((s) => s.id)
 			)