tldraw 5.2.0-next.e2b8d10bf10e → 5.2.0

package/dist-esm/lib/shapes/shared/freehand/svgInk.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/lib/shapes/shared/freehand/svgInk.ts"],
-  "sourcesContent": ["import { Vec, VecLike, assert, average, precise, toDomPrecision } from '@tldraw/editor'\nimport { getStrokeOutlineTracks } from './getStrokeOutlinePoints'\nimport { getStrokePoints } from './getStrokePoints'\nimport { setStrokePointRadii } from './setStrokePointRadii'\nimport { StrokeOptions, StrokePoint } from './types'\n\nexport function svgInk(rawInputPoints: VecLike[], options: StrokeOptions = {}) {\n\tconst { start = {}, end = {} } = options\n\tconst { cap: capStart = true } = start\n\tconst { cap: capEnd = true } = end\n\tassert(!start.taper && !end.taper, 'cap taper not supported here')\n\tassert(!start.easing && !end.easing, 'cap easing not supported here')\n\tassert(capStart && capEnd, 'cap must be true')\n\n\tconst points = getStrokePoints(rawInputPoints, options)\n\tsetStrokePointRadii(points, options)\n\tconst partitions = partitionAtElbows(points)\n\tlet svg = ''\n\tfor (const partition of partitions) {\n\t\tsvg += renderPartition(partition, options)\n\t}\n\n\treturn svg\n}\n\nfunction partitionAtElbows(points: StrokePoint[]): StrokePoint[][] {\n\tif (points.length <= 2) return [points]\n\n\tconst result: StrokePoint[][] = []\n\tlet currentPartition: StrokePoint[] = [points[0]]\n\tlet prevV = Vec.Sub(points[1].point, points[0].point).uni()\n\tlet nextV: Vec\n\tlet dpr: number\n\tlet prevPoint: StrokePoint, thisPoint: StrokePoint, nextPoint: StrokePoint\n\tfor (let i = 1, n = points.length; i < n - 1; i++) {\n\t\tprevPoint = points[i - 1]\n\t\tthisPoint = points[i]\n\t\tnextPoint = points[i + 1]\n\n\t\tnextV = Vec.Sub(nextPoint.point, thisPoint.point).uni()\n\t\tdpr = Vec.Dpr(prevV, nextV)\n\t\tprevV = nextV\n\n\t\tif (dpr < -0.8) {\n\t\t\t// always treat such acute angles as elbows\n\t\t\t// and use the extended .input point as the elbow point for swooshiness in fast zaggy lines\n\t\t\tconst elbowPoint = {\n\t\t\t\t...thisPoint,\n\t\t\t\tpoint: thisPoint.input,\n\t\t\t}\n\t\t\tcurrentPartition.push(elbowPoint)\n\t\t\tresult.push(cleanUpPartition(currentPartition))\n\t\t\tcurrentPartition = [elbowPoint]\n\t\t\tcontinue\n\t\t}\n\t\tcurrentPartition.push(thisPoint)\n\n\t\tif (dpr > 0.7) {\n\t\t\t// Not an elbow\n\t\t\tcontinue\n\t\t}\n\n\t\t// so now we have a reasonably acute angle but it might not be an elbow if it's far\n\t\t// away from it's neighbors, angular dist is a normalized representation of how far away the point is from it's neighbors\n\t\t// (normalized by the radius)\n\t\tif (\n\t\t\t(Vec.Dist2(prevPoint.point, thisPoint.point) + Vec.Dist2(thisPoint.point, nextPoint.point)) /\n\t\t\t\t((prevPoint.radius + thisPoint.radius + nextPoint.radius) / 3) ** 2 <\n\t\t\t1.5\n\t\t) {\n\t\t\t// if this point is kinda close to its neighbors and it has a reasonably\n\t\t\t// acute angle, it's probably a hard elbow\n\t\t\tcurrentPartition.push(thisPoint)\n\t\t\tresult.push(cleanUpPartition(currentPartition))\n\t\t\tcurrentPartition = [thisPoint]\n\t\t\tcontinue\n\t\t}\n\t}\n\tcurrentPartition.push(points[points.length - 1])\n\tresult.push(cleanUpPartition(currentPartition))\n\n\treturn result\n}\n\nfunction cleanUpPartition(partition: StrokePoint[]) {\n\t// clean up start of partition (remove points that are too close to the start)\n\tconst startPoint = partition[0]\n\tlet nextPoint: StrokePoint\n\twhile (partition.length > 2) {\n\t\tnextPoint = partition[1]\n\t\tif (\n\t\t\tVec.Dist2(startPoint.point, nextPoint.point) <\n\t\t\t(((startPoint.radius + nextPoint.radius) / 2) * 0.5) ** 2\n\t\t) {\n\t\t\tpartition.splice(1, 1)\n\t\t} else {\n\t\t\tbreak\n\t\t}\n\t}\n\t// clean up end of partition in the same fashion\n\tconst endPoint = partition[partition.length - 1]\n\tlet prevPoint: StrokePoint\n\twhile (partition.length > 2) {\n\t\tprevPoint = partition[partition.length - 2]\n\t\tif (\n\t\t\tVec.Dist2(endPoint.point, prevPoint.point) <\n\t\t\t(((endPoint.radius + prevPoint.radius) / 2) * 0.5) ** 2\n\t\t) {\n\t\t\tpartition.splice(partition.length - 2, 1)\n\t\t} else {\n\t\t\tbreak\n\t\t}\n\t}\n\t// now readjust the cap point vectors to point to their nearest neighbors\n\tif (partition.length > 1) {\n\t\tpartition[0] = {\n\t\t\t...partition[0],\n\t\t\tvector: Vec.Sub(partition[0].point, partition[1].point).uni(),\n\t\t}\n\t\tpartition[partition.length - 1] = {\n\t\t\t...partition[partition.length - 1],\n\t\t\tvector: Vec.Sub(\n\t\t\t\tpartition[partition.length - 2].point,\n\t\t\t\tpartition[partition.length - 1].point\n\t\t\t).uni(),\n\t\t}\n\t}\n\treturn partition\n}\n\nfunction circlePath(cx: number, cy: number, r: number) {\n\treturn (\n\t\t'M ' +\n\t\tcx +\n\t\t' ' +\n\t\tcy +\n\t\t' m -' +\n\t\tr +\n\t\t', 0 a ' +\n\t\tr +\n\t\t',' +\n\t\tr +\n\t\t' 0 1,1 ' +\n\t\tr * 2 +\n\t\t',0 a ' +\n\t\tr +\n\t\t',' +\n\t\tr +\n\t\t' 0 1,1 -' +\n\t\tr * 2 +\n\t\t',0'\n\t)\n}\n\nfunction renderPartition(strokePoints: StrokePoint[], options: StrokeOptions = {}): string {\n\tif (strokePoints.length === 0) return ''\n\tif (strokePoints.length === 1) {\n\t\treturn circlePath(strokePoints[0].point.x, strokePoints[0].point.y, strokePoints[0].radius)\n\t}\n\n\tconst { left, right } = getStrokeOutlineTracks(strokePoints, options)\n\tright.reverse()\n\tlet svg = `M${precise(left[0])}T`\n\n\t// draw left track\n\tfor (let i = 1; i < left.length; i++) {\n\t\tsvg += average(left[i - 1], left[i])\n\t}\n\t// draw end cap arc\n\t{\n\t\tconst point = strokePoints[strokePoints.length - 1]\n\t\tconst radius = point.radius\n\t\tconst direction = point.vector.clone().per().neg()\n\t\tconst arcStart = Vec.Add(point.point, Vec.Mul(direction, radius))\n\t\tconst arcEnd = Vec.Add(point.point, Vec.Mul(direction, -radius))\n\t\tsvg += `${precise(arcStart)}A${toDomPrecision(radius)},${toDomPrecision(\n\t\t\tradius\n\t\t)} 0 0 1 ${precise(arcEnd)}T`\n\t}\n\t// draw right track\n\tfor (let i = 1; i < right.length; i++) {\n\t\tsvg += average(right[i - 1], right[i])\n\t}\n\t// draw start cap arc\n\t{\n\t\tconst point = strokePoints[0]\n\t\tconst radius = point.radius\n\t\tconst direction = point.vector.clone().per()\n\t\tconst arcStart = Vec.Add(point.point, Vec.Mul(direction, radius))\n\t\tconst arcEnd = Vec.Add(point.point, Vec.Mul(direction, -radius))\n\t\tsvg += `${precise(arcStart)}A${toDomPrecision(radius)},${toDomPrecision(\n\t\t\tradius\n\t\t)} 0 0 1 ${precise(arcEnd)}Z`\n\t}\n\treturn svg\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import { VecLike, assert } from '@tldraw/editor'\nimport {\n\tcomputeRadii,\n\tingest,\n\tinputX,\n\tinputY,\n\tloadSrcFromPipeline,\n\tloadSrcPartition,\n\tpointCount,\n\tpointX,\n\tpointY,\n\tradii,\n\tsrcCount,\n\tsrcRadius,\n\tsrcX,\n\tsrcY,\n} from './core'\nimport { finishPath, resetPath, toCenti, writeC, writeCPair, writeStr } from './fmt'\nimport {\n\tbuildTracks,\n\ttrackLeftCount,\n\ttrackLeftX,\n\ttrackLeftY,\n\ttrackRightCount,\n\ttrackRightX,\n\ttrackRightY,\n} from './getStrokeOutlinePoints'\nimport { StrokeOptions } from './types'\n\n/**\n * Render a freehand stroke as svg path data in a single pass, from raw input points to a filled\n * outline with round caps. This is the path used by tldraw's draw shape when drawing with ink.\n *\n * @param rawInputPoints - The raw input points (as `{x, y, z}`, where `z` is pressure).\n * @param options - An object with options.\n * @public\n */\nexport function svgInk(rawInputPoints: VecLike[], options: StrokeOptions = {}) {\n\tconst { start = {}, end = {} } = options\n\tconst { cap: capStart = true } = start\n\tconst { cap: capEnd = true } = end\n\tassert(!start.taper && !end.taper, 'cap taper not supported here')\n\tassert(!start.easing && !end.easing, 'cap easing not supported here')\n\tassert(capStart && capEnd, 'cap must be true')\n\n\tingest(rawInputPoints, options)\n\tcomputeRadii(options)\n\tresetPath()\n\tpartitionAtElbows(options)\n\treturn finishPath()\n}\n\n/**\n * Walk the stroke points in the pipeline buffers, cutting the stroke into partitions at\n * elbows, and render each one. Partitions are index ranges into the pipeline: each runs\n * from the previous boundary point to the next elbow. An acute elbow uses the input point\n * rather than the streamlined point at the boundary (for swooshiness in fast zaggy\n * lines), in which case the next partition's second point keeps the vector it had in the\n * uncut stroke via the vector anchor.\n */\nfunction partitionAtElbows(options: StrokeOptions): void {\n\tconst n = pointCount\n\tif (n === 0) return\n\tif (n <= 2) {\n\t\tloadSrcFromPipeline()\n\t\trenderPartition(options, false, 0, 0)\n\t\treturn\n\t}\n\n\tconst ptX = pointX\n\tconst ptY = pointY\n\tconst rads = radii\n\n\t// The start of the current partition, and whether it is an acute elbow (which reads\n\t// the input coordinates rather than the streamlined ones).\n\tlet a = 0\n\tlet aElbow = false\n\tlet hasAnchor = false\n\tlet anchorX = 0\n\tlet anchorY = 0\n\n\t// Unit direction of the previous segment, computed with scalar math to avoid\n\t// allocating two vectors per point.\n\tlet dx = ptX[1] - ptX[0]\n\tlet dy = ptY[1] - ptY[0]\n\tlet len = Math.sqrt(dx * dx + dy * dy)\n\tlet prevVx = dx / len\n\tlet prevVy = dy / len\n\n\tfor (let i = 1; i < n - 1; i++) {\n\t\tdx = ptX[i + 1] - ptX[i]\n\t\tdy = ptY[i + 1] - ptY[i]\n\t\tlen = Math.sqrt(dx * dx + dy * dy)\n\t\tconst nextVx = dx / len\n\t\tconst nextVy = dy / len\n\t\tconst dpr = prevVx * nextVx + prevVy * nextVy\n\t\tprevVx = nextVx\n\t\tprevVy = nextVy\n\n\t\tif (dpr < -0.8) {\n\t\t\t// always treat such acute angles as elbows\n\t\t\t// and use the extended input point as the elbow point for swooshiness in fast zaggy lines\n\t\t\tfinishPartition(a, aElbow, i, true, false, hasAnchor, anchorX, anchorY, options)\n\t\t\ta = i\n\t\t\taElbow = true\n\t\t\t// The next partition's second point keeps the vector it had in the uncut stroke,\n\t\t\t// which pointed at this point's streamlined position rather than its input.\n\t\t\thasAnchor = true\n\t\t\tanchorX = ptX[i]\n\t\t\tanchorY = ptY[i]\n\t\t\tcontinue\n\t\t}\n\n\t\tif (dpr > 0.7) {\n\t\t\t// Not an elbow\n\t\t\tcontinue\n\t\t}\n\n\t\t// so now we have a reasonably acute angle but it might not be an elbow if it's far\n\t\t// away from it's neighbors, angular dist is a normalized representation of how far away the point is from it's neighbors\n\t\t// (normalized by the radius)\n\t\tconst pdx = ptX[i] - ptX[i - 1]\n\t\tconst pdy = ptY[i] - ptY[i - 1]\n\t\tconst ndx = ptX[i + 1] - ptX[i]\n\t\tconst ndy = ptY[i + 1] - ptY[i]\n\t\tconst meanRadius = (rads[i - 1] + rads[i] + rads[i + 1]) / 3\n\t\tif ((pdx * pdx + pdy * pdy + ndx * ndx + ndy * ndy) / (meanRadius * meanRadius) < 1.5) {\n\t\t\t// if this point is kinda close to its neighbors and it has a reasonably\n\t\t\t// acute angle, it's probably a hard elbow. The boundary point ends its\n\t\t\t// partition twice over (the object pipeline pushed it twice).\n\t\t\tfinishPartition(a, aElbow, i, false, true, hasAnchor, anchorX, anchorY, options)\n\t\t\ta = i\n\t\t\taElbow = false\n\t\t\thasAnchor = false\n\t\t\tcontinue\n\t\t}\n\t}\n\tfinishPartition(a, aElbow, n - 1, false, false, hasAnchor, anchorX, anchorY, options)\n}\n\n/**\n * Clean up a partition's ends (drop inner points too close to the boundary points), load\n * it into the track-source buffers and render it. The partition runs from boundary `a` to\n * boundary `b`; `bDup` marks a hard elbow whose end point is duplicated.\n */\nfunction finishPartition(\n\ta: number,\n\taElbow: boolean,\n\tb: number,\n\tbElbow: boolean,\n\tbDup: boolean,\n\thasAnchor: boolean,\n\tanchorX: number,\n\tanchorY: number,\n\toptions: StrokeOptions\n): void {\n\t// The partition as the object pipeline would have built it: point a, points a+1..b-1,\n\t// point b (twice when bDup). Cleanup only ever removes points adjacent to the ends, so\n\t// it reduces to two skip counters.\n\tconst ptX = pointX\n\tconst ptY = pointY\n\tconst rads = radii\n\n\tconst len = b - a + 1 + (bDup ? 1 : 0)\n\tlet s = 0\n\tlet e = 0\n\n\t// clean up start of partition (remove points that are too close to the start)\n\tconst startX = aElbow ? inputX[a] : ptX[a]\n\tconst startY = aElbow ? inputY[a] : ptY[a]\n\tconst startRadius = rads[a]\n\twhile (len - s > 2) {\n\t\tconst i = a + 1 + s\n\t\tconst dx = startX - ptX[i]\n\t\tconst dy = startY - ptY[i]\n\t\tif (dx * dx + dy * dy < (((startRadius + rads[i]) / 2) * 0.5) ** 2) {\n\t\t\t// The surviving second point's vector keeps pointing at the spliced-out point.\n\t\t\thasAnchor = true\n\t\t\tanchorX = ptX[i]\n\t\t\tanchorY = ptY[i]\n\t\t\ts++\n\t\t} else {\n\t\t\tbreak\n\t\t}\n\t}\n\n\t// clean up end of partition in the same fashion\n\tconst endX = bElbow ? inputX[b] : ptX[b]\n\tconst endY = bElbow ? inputY[b] : ptY[b]\n\tconst endRadius = rads[b]\n\twhile (len - s - e > 2) {\n\t\tconst i = bDup ? b - e : b - 1 - e\n\t\tconst dx = endX - ptX[i]\n\t\tconst dy = endY - ptY[i]\n\t\tif (dx * dx + dy * dy < (((endRadius + rads[i]) / 2) * 0.5) ** 2) {\n\t\t\te++\n\t\t} else {\n\t\t\tbreak\n\t\t}\n\t}\n\n\tconst innerStart = a + 1 + s\n\tconst innerEnd = bDup ? b - e : b - 1 - e\n\tloadSrcPartition(a, aElbow, innerStart, innerEnd, b, bElbow, bDup && e === 0)\n\trenderPartition(options, hasAnchor, anchorX, anchorY)\n}\n\nfunction writeCirclePath(cx: number, cy: number, r: number) {\n\tconst ncx = toCenti(cx)\n\tconst ncy = toCenti(cy)\n\tconst nr = toCenti(r)\n\twriteStr('M ')\n\twriteC(ncx)\n\twriteStr(' ')\n\twriteC(ncy)\n\twriteStr(' m -')\n\twriteC(nr)\n\twriteStr(', 0 a ')\n\twriteC(nr)\n\twriteStr(',')\n\twriteC(nr)\n\twriteStr(' 0 1,1 ')\n\twriteC(nr * 2)\n\twriteStr(',0 a ')\n\twriteC(nr)\n\twriteStr(',')\n\twriteC(nr)\n\twriteStr(' 0 1,1 -')\n\twriteC(nr * 2)\n\twriteStr(',0')\n}\n\n/** Append an arc from the current position to the cap's other side: `a r,r 0 0 1 dx,dy`. */\nfunction writeCapArc(nr: number, dx: number, dy: number) {\n\twriteStr('a')\n\twriteC(nr)\n\twriteStr(',')\n\twriteC(nr)\n\twriteStr(' 0 0 1 ')\n\twriteCPair(dx, dy)\n}\n\n/** Render the partition currently loaded in the track-source buffers. */\nfunction renderPartition(\n\toptions: StrokeOptions,\n\thasAnchor: boolean,\n\tanchorX: number,\n\tanchorY: number\n): void {\n\tconst n = srcCount\n\tif (n === 0) return\n\tif (n === 1) {\n\t\twriteCirclePath(srcX[0], srcY[0], srcRadius[0])\n\t\treturn\n\t}\n\n\tbuildTracks(options, hasAnchor, anchorX, anchorY)\n\n\tconst lxs = trackLeftX\n\tconst lys = trackLeftY\n\tconst rxs = trackRightX\n\tconst rys = trackRightY\n\n\t// Current position in integer hundredths; all subsequent commands are relative.\n\tlet cx = toCenti(lxs[0])\n\tlet cy = toCenti(lys[0])\n\twriteStr('M')\n\twriteCPair(cx, cy)\n\twriteStr('t')\n\n\t// draw left track, as quadratic curves through the midpoints of consecutive points\n\tlet prevX = lxs[0]\n\tlet prevY = lys[0]\n\tfor (let i = 1; i < trackLeftCount; i++) {\n\t\tconst ptX = lxs[i]\n\t\tconst ptY = lys[i]\n\t\tconst mx = Math.round((prevX + ptX) * 50)\n\t\tconst my = Math.round((prevY + ptY) * 50)\n\t\twriteCPair(mx - cx, my - cy)\n\t\tcx = mx\n\t\tcy = my\n\t\tprevX = ptX\n\t\tprevY = ptY\n\t}\n\t// draw end cap arc\n\t{\n\t\tconst pointX = srcX[n - 1]\n\t\tconst pointY = srcY[n - 1]\n\t\tconst radius = srcRadius[n - 1]\n\t\t// The cap vector points from the last point back at its nearest neighbor.\n\t\tconst vdx = srcX[n - 2] - pointX\n\t\tconst vdy = srcY[n - 2] - pointY\n\t\tconst vlen = Math.sqrt(vdx * vdx + vdy * vdy)\n\t\t// The arc endpoints sit one radius to each side, perpendicular to the cap vector.\n\t\tconst dx = (-vdy / vlen) * radius\n\t\tconst dy = (vdx / vlen) * radius\n\t\tconst asx = toCenti(pointX + dx)\n\t\tconst asy = toCenti(pointY + dy)\n\t\tconst aex = toCenti(pointX - dx)\n\t\tconst aey = toCenti(pointY - dy)\n\t\twriteCPair(asx - cx, asy - cy)\n\t\twriteCapArc(toCenti(radius), aex - asx, aey - asy)\n\t\twriteStr('t')\n\t\tcx = aex\n\t\tcy = aey\n\t}\n\t// draw right track in reverse, also as quadratic curves through midpoints\n\tprevX = rxs[trackRightCount - 1]\n\tprevY = rys[trackRightCount - 1]\n\tfor (let i = trackRightCount - 2; i >= 0; i--) {\n\t\tconst ptX = rxs[i]\n\t\tconst ptY = rys[i]\n\t\tconst mx = Math.round((prevX + ptX) * 50)\n\t\tconst my = Math.round((prevY + ptY) * 50)\n\t\twriteCPair(mx - cx, my - cy)\n\t\tcx = mx\n\t\tcy = my\n\t\tprevX = ptX\n\t\tprevY = ptY\n\t}\n\t// draw start cap arc\n\t{\n\t\tconst pointX = srcX[0]\n\t\tconst pointY = srcY[0]\n\t\tconst radius = srcRadius[0]\n\t\t// The cap vector points from the first point back past its nearest neighbor.\n\t\tconst vdx = pointX - srcX[1]\n\t\tconst vdy = pointY - srcY[1]\n\t\tconst vlen = Math.sqrt(vdx * vdx + vdy * vdy)\n\t\t// The arc endpoints sit one radius to each side, perpendicular to the cap vector.\n\t\tconst dx = (vdy / vlen) * radius\n\t\tconst dy = (-vdx / vlen) * radius\n\t\tconst asx = toCenti(pointX + dx)\n\t\tconst asy = toCenti(pointY + dy)\n\t\tconst aex = toCenti(pointX - dx)\n\t\tconst aey = toCenti(pointY - dy)\n\t\twriteCPair(asx - cx, asy - cy)\n\t\twriteCapArc(toCenti(radius), aex - asx, aey - asy)\n\t\twriteStr('Z')\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["pointX", "pointY"]
 }

package/dist-esm/lib/shapes/shared/interpolate-props.mjs

@@ -2,8 +2,12 @@ import { b64Vecs, lerp } from "@tldraw/editor";
 function interpolateSegments(startSegments, endSegments, progress) {
   const startPoints = [];
   const endPoints = [];
-  startSegments.forEach((segment) => startPoints.push(...b64Vecs.decodePoints(segment.path)));
-  endSegments.forEach((segment) => endPoints.push(...b64Vecs.decodePoints(segment.path)));
+  startSegments.forEach(
+    (segment) => startPoints.push(...b64Vecs.decodePoints(segment.path, segment.dim))
+  );
+  endSegments.forEach(
+    (segment) => endPoints.push(...b64Vecs.decodePoints(segment.path, segment.dim))
+  );
   const maxLength = Math.max(startPoints.length, endPoints.length);
   const pointsToUseStart = [];
   const pointsToUseEnd = [];

package/dist-esm/lib/shapes/shared/interpolate-props.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/lib/shapes/shared/interpolate-props.ts"],
-  "sourcesContent": ["import { TLDrawShapeSegment, VecModel, b64Vecs, lerp } from '@tldraw/editor'\n\n/** @public */\nexport function interpolateSegments(\n\tstartSegments: TLDrawShapeSegment[],\n\tendSegments: TLDrawShapeSegment[],\n\tprogress: number\n): TLDrawShapeSegment[] {\n\tconst startPoints: VecModel[] = []\n\tconst endPoints: VecModel[] = []\n\n\t// Extract all points from startSegments and endSegments\n\tstartSegments.forEach((segment) => startPoints.push(...b64Vecs.decodePoints(segment.path)))\n\tendSegments.forEach((segment) => endPoints.push(...b64Vecs.decodePoints(segment.path)))\n\n\tconst maxLength = Math.max(startPoints.length, endPoints.length)\n\tconst pointsToUseStart: VecModel[] = []\n\tconst pointsToUseEnd: VecModel[] = []\n\n\t// Ensure both arrays have the same length\n\tfor (let i = 0; i < maxLength; i++) {\n\t\tpointsToUseStart.push(startPoints[i] || startPoints[startPoints.length - 1])\n\t\tpointsToUseEnd.push(endPoints[i] || endPoints[endPoints.length - 1])\n\t}\n\n\t// Interpolate points\n\tconst interpolatedPoints = pointsToUseStart.map((point, k) => {\n\t\tlet z = 0.5\n\t\tif (pointsToUseEnd[k].z !== undefined && point.z !== undefined) {\n\t\t\tz = lerp(point.z, pointsToUseEnd[k].z as number, progress)\n\t\t}\n\t\treturn {\n\t\t\tx: lerp(point.x, pointsToUseEnd[k].x, progress),\n\t\t\ty: lerp(point.y, pointsToUseEnd[k].y, progress),\n\t\t\tz,\n\t\t}\n\t})\n\t// Return all interpolated points in a single segment\n\treturn [\n\t\t{\n\t\t\ttype: 'free',\n\t\t\tpath: b64Vecs.encodePoints(interpolatedPoints),\n\t\t},\n\t]\n}\n"],
-  "mappings": "AAAA,SAAuC,SAAS,YAAY;AAGrD,SAAS,oBACf,eACA,aACA,UACuB;AACvB,QAAM,cAA0B,CAAC;AACjC,QAAM,YAAwB,CAAC;AAG/B,gBAAc,QAAQ,CAAC,YAAY,YAAY,KAAK,GAAG,QAAQ,aAAa,QAAQ,IAAI,CAAC,CAAC;AAC1F,cAAY,QAAQ,CAAC,YAAY,UAAU,KAAK,GAAG,QAAQ,aAAa,QAAQ,IAAI,CAAC,CAAC;AAEtF,QAAM,YAAY,KAAK,IAAI,YAAY,QAAQ,UAAU,MAAM;AAC/D,QAAM,mBAA+B,CAAC;AACtC,QAAM,iBAA6B,CAAC;AAGpC,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AACnC,qBAAiB,KAAK,YAAY,CAAC,KAAK,YAAY,YAAY,SAAS,CAAC,CAAC;AAC3E,mBAAe,KAAK,UAAU,CAAC,KAAK,UAAU,UAAU,SAAS,CAAC,CAAC;AAAA,EACpE;AAGA,QAAM,qBAAqB,iBAAiB,IAAI,CAAC,OAAO,MAAM;AAC7D,QAAI,IAAI;AACR,QAAI,eAAe,CAAC,EAAE,MAAM,UAAa,MAAM,MAAM,QAAW;AAC/D,UAAI,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAa,QAAQ;AAAA,IAC1D;AACA,WAAO;AAAA,MACN,GAAG,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAG,QAAQ;AAAA,MAC9C,GAAG,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAG,QAAQ;AAAA,MAC9C;AAAA,IACD;AAAA,EACD,CAAC;AAED,SAAO;AAAA,IACN;AAAA,MACC,MAAM;AAAA,MACN,MAAM,QAAQ,aAAa,kBAAkB;AAAA,IAC9C;AAAA,EACD;AACD;",
+  "sourcesContent": ["import { TLDrawShapeSegment, VecModel, b64Vecs, lerp } from '@tldraw/editor'\n\n/** @public */\nexport function interpolateSegments(\n\tstartSegments: TLDrawShapeSegment[],\n\tendSegments: TLDrawShapeSegment[],\n\tprogress: number\n): TLDrawShapeSegment[] {\n\tconst startPoints: VecModel[] = []\n\tconst endPoints: VecModel[] = []\n\n\t// Extract all points from startSegments and endSegments\n\tstartSegments.forEach((segment) =>\n\t\tstartPoints.push(...b64Vecs.decodePoints(segment.path, segment.dim))\n\t)\n\tendSegments.forEach((segment) =>\n\t\tendPoints.push(...b64Vecs.decodePoints(segment.path, segment.dim))\n\t)\n\n\tconst maxLength = Math.max(startPoints.length, endPoints.length)\n\tconst pointsToUseStart: VecModel[] = []\n\tconst pointsToUseEnd: VecModel[] = []\n\n\t// Ensure both arrays have the same length\n\tfor (let i = 0; i < maxLength; i++) {\n\t\tpointsToUseStart.push(startPoints[i] || startPoints[startPoints.length - 1])\n\t\tpointsToUseEnd.push(endPoints[i] || endPoints[endPoints.length - 1])\n\t}\n\n\t// Interpolate points\n\tconst interpolatedPoints = pointsToUseStart.map((point, k) => {\n\t\tlet z = 0.5\n\t\tif (pointsToUseEnd[k].z !== undefined && point.z !== undefined) {\n\t\t\tz = lerp(point.z, pointsToUseEnd[k].z as number, progress)\n\t\t}\n\t\treturn {\n\t\t\tx: lerp(point.x, pointsToUseEnd[k].x, progress),\n\t\t\ty: lerp(point.y, pointsToUseEnd[k].y, progress),\n\t\t\tz,\n\t\t}\n\t})\n\t// Return all interpolated points in a single segment\n\treturn [\n\t\t{\n\t\t\ttype: 'free',\n\t\t\tpath: b64Vecs.encodePoints(interpolatedPoints),\n\t\t},\n\t]\n}\n"],
+  "mappings": "AAAA,SAAuC,SAAS,YAAY;AAGrD,SAAS,oBACf,eACA,aACA,UACuB;AACvB,QAAM,cAA0B,CAAC;AACjC,QAAM,YAAwB,CAAC;AAG/B,gBAAc;AAAA,IAAQ,CAAC,YACtB,YAAY,KAAK,GAAG,QAAQ,aAAa,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EACpE;AACA,cAAY;AAAA,IAAQ,CAAC,YACpB,UAAU,KAAK,GAAG,QAAQ,aAAa,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAAA,EAClE;AAEA,QAAM,YAAY,KAAK,IAAI,YAAY,QAAQ,UAAU,MAAM;AAC/D,QAAM,mBAA+B,CAAC;AACtC,QAAM,iBAA6B,CAAC;AAGpC,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AACnC,qBAAiB,KAAK,YAAY,CAAC,KAAK,YAAY,YAAY,SAAS,CAAC,CAAC;AAC3E,mBAAe,KAAK,UAAU,CAAC,KAAK,UAAU,UAAU,SAAS,CAAC,CAAC;AAAA,EACpE;AAGA,QAAM,qBAAqB,iBAAiB,IAAI,CAAC,OAAO,MAAM;AAC7D,QAAI,IAAI;AACR,QAAI,eAAe,CAAC,EAAE,MAAM,UAAa,MAAM,MAAM,QAAW;AAC/D,UAAI,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAa,QAAQ;AAAA,IAC1D;AACA,WAAO;AAAA,MACN,GAAG,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAG,QAAQ;AAAA,MAC9C,GAAG,KAAK,MAAM,GAAG,eAAe,CAAC,EAAE,GAAG,QAAQ;AAAA,MAC9C;AAAA,IACD;AAAA,EACD,CAAC;AAED,SAAO;AAAA,IACN;AAAA,MACC,MAAM;AAAA,MACN,MAAM,QAAQ,aAAa,kBAAkB;AAAA,IAC9C;AAAA,EACD;AACD;",
   "names": []
 }

package/dist-esm/lib/shapes/text/toolStates/Pointing.mjs

@@ -2,6 +2,7 @@ import {
   StateNode,
   Vec,
   createShapeId,
+  cancelShapeCreationOnLongPress,
   isShapeId,
   maybeSnapToGrid,
   toRichText
@@ -59,6 +60,9 @@ class Pointing extends StateNode {
   onPointerUp() {
     this.complete();
   }
+  onLongPress() {
+    cancelShapeCreationOnLongPress(this.editor, () => this.cancel());
+  }
   onComplete() {
     this.cancel();
   }

package/dist-esm/lib/shapes/text/toolStates/Pointing.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/lib/shapes/text/toolStates/Pointing.ts"],
-  "sourcesContent": ["import {\n\tStateNode,\n\tTLPointerEventInfo,\n\tTLShapeId,\n\tTLTextShape,\n\tVec,\n\tcreateShapeId,\n\tisShapeId,\n\tmaybeSnapToGrid,\n\ttoRichText,\n} from '@tldraw/editor'\nimport { startEditingShapeWithRichText } from '../../../tools/SelectTool/selectHelpers'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tshape?: TLTextShape\n\n\tmarkId = ''\n\n\tenterTime = 0\n\toverride onEnter(): void {\n\t\tthis.enterTime = Date.now()\n\t}\n\n\toverride onExit() {\n\t\tthis.editor.setHintingShapes([])\n\t}\n\n\toverride onPointerMove(info: TLPointerEventInfo) {\n\t\t// Create a fixed width shape if the user wants to do that.\n\n\t\t// Don't create a fixed width shape unless the the drag is a little larger,\n\t\t// otherwise you get a vertical column of single characters if you accidentally\n\t\t// drag a bit unintentionally.\n\n\t\t// If the user hasn't been pointing for more than 150ms, don't create a fixed width shape\n\t\tif (Date.now() - this.enterTime < 150) return\n\n\t\tconst { editor } = this\n\t\tconst isPointing = editor.inputs.getIsPointing()\n\n\t\tif (!isPointing) return\n\n\t\tconst originPagePoint = editor.inputs.getOriginPagePoint()\n\t\tconst currentPagePoint = editor.inputs.getCurrentPagePoint()\n\n\t\tconst currentDragDist = Math.abs(originPagePoint.x - currentPagePoint.x)\n\n\t\tconst baseMinDragDistForFixedWidth = Math.sqrt(\n\t\t\teditor.getInstanceState().isCoarsePointer\n\t\t\t\t? editor.options.coarseDragDistanceSquared\n\t\t\t\t: editor.options.dragDistanceSquared\n\t\t)\n\n\t\t// Ten times the base drag distance for fixed width\n\t\tconst minSquaredDragDist = (baseMinDragDistForFixedWidth * 6) / editor.getZoomLevel()\n\n\t\tif (currentDragDist > minSquaredDragDist) {\n\t\t\tconst id = createShapeId()\n\t\t\tthis.markId = editor.markHistoryStoppingPoint(`creating_text:${id}`)\n\n\t\t\t// create the initial shape with the width that we've dragged\n\t\t\tconst shape = this.createTextShape(id, originPagePoint, false, currentDragDist)\n\n\t\t\tif (!shape) {\n\t\t\t\tthis.cancel()\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Now save the fresh reference\n\t\t\tthis.shape = editor.getShape(shape)\n\n\t\t\teditor.select(id)\n\n\t\t\tconst scale = this.editor.getResizeScaleFactor()\n\n\t\t\teditor.setCurrentTool('select.resizing', {\n\t\t\t\t...info,\n\t\t\t\ttarget: 'selection',\n\t\t\t\thandle: 'right',\n\t\t\t\tisCreating: true,\n\t\t\t\tcreatingMarkId: this.markId,\n\t\t\t\t// Make sure the cursor offset takes into account how far we've already dragged\n\t\t\t\tcreationCursorOffset: { x: currentDragDist * scale, y: 1 },\n\t\t\t\tonInteractionEnd: 'text',\n\t\t\t\tonCreate: () => {\n\t\t\t\t\tstartEditingShapeWithRichText(editor, shape.id)\n\t\t\t\t},\n\t\t\t})\n\t\t}\n\t}\n\n\toverride onPointerUp() {\n\t\tthis.complete()\n\t}\n\n\toverride onComplete() {\n\t\tthis.cancel()\n\t}\n\n\toverride onCancel() {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt() {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tthis.editor.markHistoryStoppingPoint('creating text shape')\n\t\tconst id = createShapeId()\n\t\tconst originPagePoint = this.editor.inputs.getOriginPagePoint()\n\t\tconst shape = this.createTextShape(id, originPagePoint, true, 20)\n\t\tif (!shape) return\n\n\t\tthis.editor.select(id)\n\t\tstartEditingShapeWithRichText(this.editor, id)\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t\tthis.editor.bailToMark(this.markId)\n\t}\n\n\tprivate createTextShape(id: TLShapeId, point: Vec, autoSize: boolean, width: number) {\n\t\tthis.editor.createShape({\n\t\t\tid,\n\t\t\ttype: 'text',\n\t\t\tx: point.x,\n\t\t\ty: point.y,\n\t\t\tprops: {\n\t\t\t\trichText: toRichText(''),\n\t\t\t\tautoSize,\n\t\t\t\tw: width,\n\t\t\t\tscale: this.editor.getResizeScaleFactor(),\n\t\t\t},\n\t\t})\n\n\t\tconst shape = this.editor.getShape<TLTextShape>(id)\n\t\tif (!shape) {\n\t\t\tthis.cancel()\n\t\t\treturn\n\t\t}\n\n\t\tconst bounds = this.editor.getShapePageBounds(shape)!\n\n\t\tconst delta = new Vec()\n\n\t\tif (autoSize) {\n\t\t\tswitch (shape.props.textAlign) {\n\t\t\t\tcase 'start': {\n\t\t\t\t\tdelta.x = 0\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'middle': {\n\t\t\t\t\tdelta.x = -bounds.width / 2\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'end': {\n\t\t\t\t\tdelta.x = -bounds.width\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tdelta.x = 0\n\t\t}\n\n\t\tdelta.y = -bounds.height / 2\n\n\t\tif (isShapeId(shape.parentId)) {\n\t\t\tconst transform = this.editor.getShapeParentTransform(shape)\n\t\t\tdelta.rot(-transform.rotation())\n\t\t}\n\n\t\tconst shapeX = shape.x + delta.x\n\t\tconst shapeY = shape.y + delta.y\n\t\tif (this.editor.getInstanceState().isGridMode) {\n\t\t\tconst topLeft = new Vec(shapeX, shapeY)\n\t\t\tconst gridSnappedPoint = maybeSnapToGrid(topLeft, this.editor)\n\t\t\tconst gridDelta = Vec.Sub(topLeft, gridSnappedPoint)\n\t\t\tthis.editor.updateShape({\n\t\t\t\t...shape,\n\t\t\t\tx: shapeX - gridDelta.x,\n\t\t\t\ty: shapeY - gridDelta.y,\n\t\t\t})\n\t\t} else {\n\t\t\tthis.editor.updateShape({\n\t\t\t\t...shape,\n\t\t\t\tx: shapeX,\n\t\t\t\ty: shapeY,\n\t\t\t})\n\t\t}\n\n\t\treturn shape\n\t}\n}\n"],
-  "mappings": "AAAA;AAAA,EACC;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,qCAAqC;AAEvC,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAErB;AAAA,EAEA,SAAS;AAAA,EAET,YAAY;AAAA,EACH,UAAgB;AACxB,SAAK,YAAY,KAAK,IAAI;AAAA,EAC3B;AAAA,EAES,SAAS;AACjB,SAAK,OAAO,iBAAiB,CAAC,CAAC;AAAA,EAChC;AAAA,EAES,cAAc,MAA0B;AAQhD,QAAI,KAAK,IAAI,IAAI,KAAK,YAAY,IAAK;AAEvC,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,aAAa,OAAO,OAAO,cAAc;AAE/C,QAAI,CAAC,WAAY;AAEjB,UAAM,kBAAkB,OAAO,OAAO,mBAAmB;AACzD,UAAM,mBAAmB,OAAO,OAAO,oBAAoB;AAE3D,UAAM,kBAAkB,KAAK,IAAI,gBAAgB,IAAI,iBAAiB,CAAC;AAEvE,UAAM,+BAA+B,KAAK;AAAA,MACzC,OAAO,iBAAiB,EAAE,kBACvB,OAAO,QAAQ,4BACf,OAAO,QAAQ;AAAA,IACnB;AAGA,UAAM,qBAAsB,+BAA+B,IAAK,OAAO,aAAa;AAEpF,QAAI,kBAAkB,oBAAoB;AACzC,YAAM,KAAK,cAAc;AACzB,WAAK,SAAS,OAAO,yBAAyB,iBAAiB,EAAE,EAAE;AAGnE,YAAM,QAAQ,KAAK,gBAAgB,IAAI,iBAAiB,OAAO,eAAe;AAE9E,UAAI,CAAC,OAAO;AACX,aAAK,OAAO;AACZ;AAAA,MACD;AAGA,WAAK,QAAQ,OAAO,SAAS,KAAK;AAElC,aAAO,OAAO,EAAE;AAEhB,YAAM,QAAQ,KAAK,OAAO,qBAAqB;AAE/C,aAAO,eAAe,mBAAmB;AAAA,QACxC,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,gBAAgB,KAAK;AAAA;AAAA,QAErB,sBAAsB,EAAE,GAAG,kBAAkB,OAAO,GAAG,EAAE;AAAA,QACzD,kBAAkB;AAAA,QAClB,UAAU,MAAM;AACf,wCAA8B,QAAQ,MAAM,EAAE;AAAA,QAC/C;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;AAAA,EAES,cAAc;AACtB,SAAK,SAAS;AAAA,EACf;AAAA,EAES,aAAa;AACrB,SAAK,OAAO;AAAA,EACb;AAAA,EAES,WAAW;AACnB,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc;AACtB,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,SAAK,OAAO,yBAAyB,qBAAqB;AAC1D,UAAM,KAAK,cAAc;AACzB,UAAM,kBAAkB,KAAK,OAAO,OAAO,mBAAmB;AAC9D,UAAM,QAAQ,KAAK,gBAAgB,IAAI,iBAAiB,MAAM,EAAE;AAChE,QAAI,CAAC,MAAO;AAEZ,SAAK,OAAO,OAAO,EAAE;AACrB,kCAA8B,KAAK,QAAQ,EAAE;AAAA,EAC9C;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,MAAM;AAC7B,SAAK,OAAO,WAAW,KAAK,MAAM;AAAA,EACnC;AAAA,EAEQ,gBAAgB,IAAe,OAAY,UAAmB,OAAe;AACpF,SAAK,OAAO,YAAY;AAAA,MACvB;AAAA,MACA,MAAM;AAAA,MACN,GAAG,MAAM;AAAA,MACT,GAAG,MAAM;AAAA,MACT,OAAO;AAAA,QACN,UAAU,WAAW,EAAE;AAAA,QACvB;AAAA,QACA,GAAG;AAAA,QACH,OAAO,KAAK,OAAO,qBAAqB;AAAA,MACzC;AAAA,IACD,CAAC;AAED,UAAM,QAAQ,KAAK,OAAO,SAAsB,EAAE;AAClD,QAAI,CAAC,OAAO;AACX,WAAK,OAAO;AACZ;AAAA,IACD;AAEA,UAAM,SAAS,KAAK,OAAO,mBAAmB,KAAK;AAEnD,UAAM,QAAQ,IAAI,IAAI;AAEtB,QAAI,UAAU;AACb,cAAQ,MAAM,MAAM,WAAW;AAAA,QAC9B,KAAK,SAAS;AACb,gBAAM,IAAI;AACV;AAAA,QACD;AAAA,QACA,KAAK,UAAU;AACd,gBAAM,IAAI,CAAC,OAAO,QAAQ;AAC1B;AAAA,QACD;AAAA,QACA,KAAK,OAAO;AACX,gBAAM,IAAI,CAAC,OAAO;AAClB;AAAA,QACD;AAAA,MACD;AAAA,IACD,OAAO;AACN,YAAM,IAAI;AAAA,IACX;AAEA,UAAM,IAAI,CAAC,OAAO,SAAS;AAE3B,QAAI,UAAU,MAAM,QAAQ,GAAG;AAC9B,YAAM,YAAY,KAAK,OAAO,wBAAwB,KAAK;AAC3D,YAAM,IAAI,CAAC,UAAU,SAAS,CAAC;AAAA,IAChC;AAEA,UAAM,SAAS,MAAM,IAAI,MAAM;AAC/B,UAAM,SAAS,MAAM,IAAI,MAAM;AAC/B,QAAI,KAAK,OAAO,iBAAiB,EAAE,YAAY;AAC9C,YAAM,UAAU,IAAI,IAAI,QAAQ,MAAM;AACtC,YAAM,mBAAmB,gBAAgB,SAAS,KAAK,MAAM;AAC7D,YAAM,YAAY,IAAI,IAAI,SAAS,gBAAgB;AACnD,WAAK,OAAO,YAAY;AAAA,QACvB,GAAG;AAAA,QACH,GAAG,SAAS,UAAU;AAAA,QACtB,GAAG,SAAS,UAAU;AAAA,MACvB,CAAC;AAAA,IACF,OAAO;AACN,WAAK,OAAO,YAAY;AAAA,QACvB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MACJ,CAAC;AAAA,IACF;AAEA,WAAO;AAAA,EACR;AACD;",
+  "sourcesContent": ["import {\n\tStateNode,\n\tTLPointerEventInfo,\n\tTLShapeId,\n\tTLTextShape,\n\tVec,\n\tcreateShapeId,\n\tcancelShapeCreationOnLongPress,\n\tisShapeId,\n\tmaybeSnapToGrid,\n\ttoRichText,\n} from '@tldraw/editor'\nimport { startEditingShapeWithRichText } from '../../../tools/SelectTool/selectHelpers'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tshape?: TLTextShape\n\n\tmarkId = ''\n\n\tenterTime = 0\n\toverride onEnter(): void {\n\t\tthis.enterTime = Date.now()\n\t}\n\n\toverride onExit() {\n\t\tthis.editor.setHintingShapes([])\n\t}\n\n\toverride onPointerMove(info: TLPointerEventInfo) {\n\t\t// Create a fixed width shape if the user wants to do that.\n\n\t\t// Don't create a fixed width shape unless the the drag is a little larger,\n\t\t// otherwise you get a vertical column of single characters if you accidentally\n\t\t// drag a bit unintentionally.\n\n\t\t// If the user hasn't been pointing for more than 150ms, don't create a fixed width shape\n\t\tif (Date.now() - this.enterTime < 150) return\n\n\t\tconst { editor } = this\n\t\tconst isPointing = editor.inputs.getIsPointing()\n\n\t\tif (!isPointing) return\n\n\t\tconst originPagePoint = editor.inputs.getOriginPagePoint()\n\t\tconst currentPagePoint = editor.inputs.getCurrentPagePoint()\n\n\t\tconst currentDragDist = Math.abs(originPagePoint.x - currentPagePoint.x)\n\n\t\tconst baseMinDragDistForFixedWidth = Math.sqrt(\n\t\t\teditor.getInstanceState().isCoarsePointer\n\t\t\t\t? editor.options.coarseDragDistanceSquared\n\t\t\t\t: editor.options.dragDistanceSquared\n\t\t)\n\n\t\t// Ten times the base drag distance for fixed width\n\t\tconst minSquaredDragDist = (baseMinDragDistForFixedWidth * 6) / editor.getZoomLevel()\n\n\t\tif (currentDragDist > minSquaredDragDist) {\n\t\t\tconst id = createShapeId()\n\t\t\tthis.markId = editor.markHistoryStoppingPoint(`creating_text:${id}`)\n\n\t\t\t// create the initial shape with the width that we've dragged\n\t\t\tconst shape = this.createTextShape(id, originPagePoint, false, currentDragDist)\n\n\t\t\tif (!shape) {\n\t\t\t\tthis.cancel()\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Now save the fresh reference\n\t\t\tthis.shape = editor.getShape(shape)\n\n\t\t\teditor.select(id)\n\n\t\t\tconst scale = this.editor.getResizeScaleFactor()\n\n\t\t\teditor.setCurrentTool('select.resizing', {\n\t\t\t\t...info,\n\t\t\t\ttarget: 'selection',\n\t\t\t\thandle: 'right',\n\t\t\t\tisCreating: true,\n\t\t\t\tcreatingMarkId: this.markId,\n\t\t\t\t// Make sure the cursor offset takes into account how far we've already dragged\n\t\t\t\tcreationCursorOffset: { x: currentDragDist * scale, y: 1 },\n\t\t\t\tonInteractionEnd: 'text',\n\t\t\t\tonCreate: () => {\n\t\t\t\t\tstartEditingShapeWithRichText(editor, shape.id)\n\t\t\t\t},\n\t\t\t})\n\t\t}\n\t}\n\n\toverride onPointerUp() {\n\t\tthis.complete()\n\t}\n\n\toverride onLongPress() {\n\t\tcancelShapeCreationOnLongPress(this.editor, () => this.cancel())\n\t}\n\n\toverride onComplete() {\n\t\tthis.cancel()\n\t}\n\n\toverride onCancel() {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt() {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tthis.editor.markHistoryStoppingPoint('creating text shape')\n\t\tconst id = createShapeId()\n\t\tconst originPagePoint = this.editor.inputs.getOriginPagePoint()\n\t\tconst shape = this.createTextShape(id, originPagePoint, true, 20)\n\t\tif (!shape) return\n\n\t\tthis.editor.select(id)\n\t\tstartEditingShapeWithRichText(this.editor, id)\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t\tthis.editor.bailToMark(this.markId)\n\t}\n\n\tprivate createTextShape(id: TLShapeId, point: Vec, autoSize: boolean, width: number) {\n\t\tthis.editor.createShape({\n\t\t\tid,\n\t\t\ttype: 'text',\n\t\t\tx: point.x,\n\t\t\ty: point.y,\n\t\t\tprops: {\n\t\t\t\trichText: toRichText(''),\n\t\t\t\tautoSize,\n\t\t\t\tw: width,\n\t\t\t\tscale: this.editor.getResizeScaleFactor(),\n\t\t\t},\n\t\t})\n\n\t\tconst shape = this.editor.getShape<TLTextShape>(id)\n\t\tif (!shape) {\n\t\t\tthis.cancel()\n\t\t\treturn\n\t\t}\n\n\t\tconst bounds = this.editor.getShapePageBounds(shape)!\n\n\t\tconst delta = new Vec()\n\n\t\tif (autoSize) {\n\t\t\tswitch (shape.props.textAlign) {\n\t\t\t\tcase 'start': {\n\t\t\t\t\tdelta.x = 0\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'middle': {\n\t\t\t\t\tdelta.x = -bounds.width / 2\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tcase 'end': {\n\t\t\t\t\tdelta.x = -bounds.width\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tdelta.x = 0\n\t\t}\n\n\t\tdelta.y = -bounds.height / 2\n\n\t\tif (isShapeId(shape.parentId)) {\n\t\t\tconst transform = this.editor.getShapeParentTransform(shape)\n\t\t\tdelta.rot(-transform.rotation())\n\t\t}\n\n\t\tconst shapeX = shape.x + delta.x\n\t\tconst shapeY = shape.y + delta.y\n\t\tif (this.editor.getInstanceState().isGridMode) {\n\t\t\tconst topLeft = new Vec(shapeX, shapeY)\n\t\t\tconst gridSnappedPoint = maybeSnapToGrid(topLeft, this.editor)\n\t\t\tconst gridDelta = Vec.Sub(topLeft, gridSnappedPoint)\n\t\t\tthis.editor.updateShape({\n\t\t\t\t...shape,\n\t\t\t\tx: shapeX - gridDelta.x,\n\t\t\t\ty: shapeY - gridDelta.y,\n\t\t\t})\n\t\t} else {\n\t\t\tthis.editor.updateShape({\n\t\t\t\t...shape,\n\t\t\t\tx: shapeX,\n\t\t\t\ty: shapeY,\n\t\t\t})\n\t\t}\n\n\t\treturn shape\n\t}\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist-esm/lib/tools/HandTool/HandTool.mjs

@@ -1,20 +1,30 @@
 import { EASINGS, StateNode } from "@tldraw/editor";
 import { Dragging } from "./childStates/Dragging.mjs";
 import { Idle } from "./childStates/Idle.mjs";
+import { OneFingerZooming } from "./childStates/OneFingerZooming.mjs";
 import { Pointing } from "./childStates/Pointing.mjs";
 class HandTool extends StateNode {
   static id = "hand";
   static initial = "idle";
   static isLockable = false;
   static children() {
-    return [Idle, Pointing, Dragging];
+    return [Idle, Pointing, Dragging, OneFingerZooming];
   }
   onDoubleClick(info) {
-    if (info.phase === "settle-up") {
-      const currentScreenPoint = this.editor.inputs.getCurrentScreenPoint();
-      this.editor.zoomIn(currentScreenPoint, {
-        animation: { duration: 220, easing: EASINGS.easeOutQuint }
-      });
+    switch (info.phase) {
+      case "settle-down": {
+        if (this.editor.getInstanceState().isCoarsePointer) {
+          this.transition("one_finger_zooming", info);
+        }
+        break;
+      }
+      case "settle-up": {
+        const currentScreenPoint = this.editor.inputs.getCurrentScreenPoint();
+        this.editor.zoomIn(currentScreenPoint, {
+          animation: { duration: 220, easing: EASINGS.easeOutQuint }
+        });
+        break;
+      }
     }
   }
 }

package/dist-esm/lib/tools/HandTool/HandTool.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/lib/tools/HandTool/HandTool.ts"],
-  "sourcesContent": ["import { EASINGS, StateNode, TLClickEventInfo, TLStateNodeConstructor } from '@tldraw/editor'\nimport { Dragging } from './childStates/Dragging'\nimport { Idle } from './childStates/Idle'\nimport { Pointing } from './childStates/Pointing'\n\n/** @public */\nexport class HandTool extends StateNode {\n\tstatic override id = 'hand'\n\tstatic override initial = 'idle'\n\tstatic override isLockable = false\n\tstatic override children(): TLStateNodeConstructor[] {\n\t\treturn [Idle, Pointing, Dragging]\n\t}\n\n\toverride onDoubleClick(info: TLClickEventInfo) {\n\t\tif (info.phase === 'settle-up') {\n\t\t\tconst currentScreenPoint = this.editor.inputs.getCurrentScreenPoint()\n\t\t\tthis.editor.zoomIn(currentScreenPoint, {\n\t\t\t\tanimation: { duration: 220, easing: EASINGS.easeOutQuint },\n\t\t\t})\n\t\t}\n\t}\n}\n"],
-  "mappings": "AAAA,SAAS,SAAS,iBAA2D;AAC7E,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAGlB,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,aAAa;AAAA,EAC7B,OAAgB,WAAqC;AACpD,WAAO,CAAC,MAAM,UAAU,QAAQ;AAAA,EACjC;AAAA,EAES,cAAc,MAAwB;AAC9C,QAAI,KAAK,UAAU,aAAa;AAC/B,YAAM,qBAAqB,KAAK,OAAO,OAAO,sBAAsB;AACpE,WAAK,OAAO,OAAO,oBAAoB;AAAA,QACtC,WAAW,EAAE,UAAU,KAAK,QAAQ,QAAQ,aAAa;AAAA,MAC1D,CAAC;AAAA,IACF;AAAA,EACD;AACD;",
+  "sourcesContent": ["import { EASINGS, StateNode, TLClickEventInfo, TLStateNodeConstructor } from '@tldraw/editor'\nimport { Dragging } from './childStates/Dragging'\nimport { Idle } from './childStates/Idle'\nimport { OneFingerZooming } from './childStates/OneFingerZooming'\nimport { Pointing } from './childStates/Pointing'\n\n/** @public */\nexport class HandTool extends StateNode {\n\tstatic override id = 'hand'\n\tstatic override initial = 'idle'\n\tstatic override isLockable = false\n\tstatic override children(): TLStateNodeConstructor[] {\n\t\treturn [Idle, Pointing, Dragging, OneFingerZooming]\n\t}\n\n\toverride onDoubleClick(info: TLClickEventInfo) {\n\t\tswitch (info.phase) {\n\t\t\tcase 'settle-down': {\n\t\t\t\t// A double-tap whose second press is still held down: begin one-finger\n\t\t\t\t// drag-to-zoom. This is a touch gesture, so only enter it on a coarse pointer.\n\t\t\t\tif (this.editor.getInstanceState().isCoarsePointer) {\n\t\t\t\t\tthis.transition('one_finger_zooming', info)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'settle-up': {\n\t\t\t\t// A double-tap whose second press was released: zoom in by one step.\n\t\t\t\tconst currentScreenPoint = this.editor.inputs.getCurrentScreenPoint()\n\t\t\t\tthis.editor.zoomIn(currentScreenPoint, {\n\t\t\t\t\tanimation: { duration: 220, easing: EASINGS.easeOutQuint },\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS,iBAA2D;AAC7E,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAGlB,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,aAAa;AAAA,EAC7B,OAAgB,WAAqC;AACpD,WAAO,CAAC,MAAM,UAAU,UAAU,gBAAgB;AAAA,EACnD;AAAA,EAES,cAAc,MAAwB;AAC9C,YAAQ,KAAK,OAAO;AAAA,MACnB,KAAK,eAAe;AAGnB,YAAI,KAAK,OAAO,iBAAiB,EAAE,iBAAiB;AACnD,eAAK,WAAW,sBAAsB,IAAI;AAAA,QAC3C;AACA;AAAA,MACD;AAAA,MACA,KAAK,aAAa;AAEjB,cAAM,qBAAqB,KAAK,OAAO,OAAO,sBAAsB;AACpE,aAAK,OAAO,OAAO,oBAAoB;AAAA,UACtC,WAAW,EAAE,UAAU,KAAK,QAAQ,QAAQ,aAAa;AAAA,QAC1D,CAAC;AACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
   "names": []
 }

package/dist-esm/lib/tools/HandTool/childStates/Dragging.mjs

@@ -10,9 +10,15 @@ class Dragging extends StateNode {
   onPointerMove() {
     this.update();
   }
+  onPointerDown() {
+    this.parent.transition("idle");
+  }
   onPointerUp() {
     this.complete();
   }
+  onInterrupt() {
+    this.parent.transition("idle");
+  }
   onCancel() {
     this.parent.transition("idle");
   }
@@ -32,7 +38,10 @@ class Dragging extends StateNode {
     const pointerVelocity = editor.inputs.getPointerVelocity();
     const velocityAtPointerUp = Math.min(pointerVelocity.len(), 2);
     if (velocityAtPointerUp > 0.1) {
-      this.editor.slideCamera({ speed: velocityAtPointerUp, direction: pointerVelocity });
+      this.editor.slideCamera({
+        speed: velocityAtPointerUp,
+        direction: { x: pointerVelocity.x, y: pointerVelocity.y, z: 0 }
+      });
     }
     this.parent.transition("idle");
   }

package/dist-esm/lib/tools/HandTool/childStates/Dragging.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/lib/tools/HandTool/childStates/Dragging.ts"],
-  "sourcesContent": ["import { StateNode, Vec } from '@tldraw/editor'\n\nexport class Dragging extends StateNode {\n\tstatic override id = 'dragging'\n\tstatic override trackPerformance = true\n\n\tinitialCamera = new Vec()\n\n\toverride onEnter() {\n\t\tthis.initialCamera = Vec.From(this.editor.getCamera())\n\t\tthis.update()\n\t}\n\n\toverride onPointerMove() {\n\t\tthis.update()\n\t}\n\n\toverride onPointerUp() {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\toverride onComplete() {\n\t\tthis.complete()\n\t}\n\n\tprivate update() {\n\t\tconst { initialCamera, editor } = this\n\t\tconst currentScreenPoint = editor.inputs.getCurrentScreenPoint()\n\t\tconst originScreenPoint = editor.inputs.getOriginScreenPoint()\n\n\t\tconst delta = Vec.Sub(currentScreenPoint, originScreenPoint).div(editor.getZoomLevel())\n\t\tif (delta.len2() === 0) return\n\t\teditor.setCamera(initialCamera.clone().add(delta))\n\t}\n\n\tprivate complete() {\n\t\tconst { editor } = this\n\t\tconst pointerVelocity = editor.inputs.getPointerVelocity()\n\n\t\tconst velocityAtPointerUp = Math.min(pointerVelocity.len(), 2)\n\n\t\tif (velocityAtPointerUp > 0.1) {\n\t\t\tthis.editor.slideCamera({ speed: velocityAtPointerUp, direction: pointerVelocity })\n\t\t}\n\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,WAAW;AAExB,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EACrB,OAAgB,mBAAmB;AAAA,EAEnC,gBAAgB,IAAI,IAAI;AAAA,EAEf,UAAU;AAClB,SAAK,gBAAgB,IAAI,KAAK,KAAK,OAAO,UAAU,CAAC;AACrD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,gBAAgB;AACxB,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc;AACtB,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAW;AACnB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAES,aAAa;AACrB,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,SAAS;AAChB,UAAM,EAAE,eAAe,OAAO,IAAI;AAClC,UAAM,qBAAqB,OAAO,OAAO,sBAAsB;AAC/D,UAAM,oBAAoB,OAAO,OAAO,qBAAqB;AAE7D,UAAM,QAAQ,IAAI,IAAI,oBAAoB,iBAAiB,EAAE,IAAI,OAAO,aAAa,CAAC;AACtF,QAAI,MAAM,KAAK,MAAM,EAAG;AACxB,WAAO,UAAU,cAAc,MAAM,EAAE,IAAI,KAAK,CAAC;AAAA,EAClD;AAAA,EAEQ,WAAW;AAClB,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,kBAAkB,OAAO,OAAO,mBAAmB;AAEzD,UAAM,sBAAsB,KAAK,IAAI,gBAAgB,IAAI,GAAG,CAAC;AAE7D,QAAI,sBAAsB,KAAK;AAC9B,WAAK,OAAO,YAAY,EAAE,OAAO,qBAAqB,WAAW,gBAAgB,CAAC;AAAA,IACnF;AAEA,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "sourcesContent": ["import { StateNode, Vec } from '@tldraw/editor'\n\nexport class Dragging extends StateNode {\n\tstatic override id = 'dragging'\n\tstatic override trackPerformance = true\n\n\tinitialCamera = new Vec()\n\n\toverride onEnter() {\n\t\tthis.initialCamera = Vec.From(this.editor.getCamera())\n\t\tthis.update()\n\t}\n\n\toverride onPointerMove() {\n\t\tthis.update()\n\t}\n\n\toverride onPointerDown() {\n\t\t// A second touch resets the input origin to the new pointer, so continuing\n\t\t// the pan would snap the camera. Yield before the pinch begins; the pan\n\t\t// does not resume when the pinch ends.\n\t\tthis.parent.transition('idle')\n\t}\n\n\toverride onPointerUp() {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt() {\n\t\t// A pinch interrupts when it starts (without a preceding pointer_down on\n\t\t// some inputs, like Safari trackpads), so end the pan here too.\n\t\tthis.parent.transition('idle')\n\t}\n\n\toverride onCancel() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\toverride onComplete() {\n\t\tthis.complete()\n\t}\n\n\tprivate update() {\n\t\tconst { initialCamera, editor } = this\n\t\tconst currentScreenPoint = editor.inputs.getCurrentScreenPoint()\n\t\tconst originScreenPoint = editor.inputs.getOriginScreenPoint()\n\n\t\tconst delta = Vec.Sub(currentScreenPoint, originScreenPoint).div(editor.getZoomLevel())\n\t\tif (delta.len2() === 0) return\n\t\teditor.setCamera(initialCamera.clone().add(delta))\n\t}\n\n\tprivate complete() {\n\t\tconst { editor } = this\n\t\tconst pointerVelocity = editor.inputs.getPointerVelocity()\n\n\t\tconst velocityAtPointerUp = Math.min(pointerVelocity.len(), 2)\n\n\t\tif (velocityAtPointerUp > 0.1) {\n\t\t\tthis.editor.slideCamera({\n\t\t\t\tspeed: velocityAtPointerUp,\n\t\t\t\tdirection: { x: pointerVelocity.x, y: pointerVelocity.y, z: 0 },\n\t\t\t})\n\t\t}\n\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,WAAW;AAExB,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EACrB,OAAgB,mBAAmB;AAAA,EAEnC,gBAAgB,IAAI,IAAI;AAAA,EAEf,UAAU;AAClB,SAAK,gBAAgB,IAAI,KAAK,KAAK,OAAO,UAAU,CAAC;AACrD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,gBAAgB;AACxB,SAAK,OAAO;AAAA,EACb;AAAA,EAES,gBAAgB;AAIxB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAES,cAAc;AACtB,SAAK,SAAS;AAAA,EACf;AAAA,EAES,cAAc;AAGtB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAES,WAAW;AACnB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAES,aAAa;AACrB,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,SAAS;AAChB,UAAM,EAAE,eAAe,OAAO,IAAI;AAClC,UAAM,qBAAqB,OAAO,OAAO,sBAAsB;AAC/D,UAAM,oBAAoB,OAAO,OAAO,qBAAqB;AAE7D,UAAM,QAAQ,IAAI,IAAI,oBAAoB,iBAAiB,EAAE,IAAI,OAAO,aAAa,CAAC;AACtF,QAAI,MAAM,KAAK,MAAM,EAAG;AACxB,WAAO,UAAU,cAAc,MAAM,EAAE,IAAI,KAAK,CAAC;AAAA,EAClD;AAAA,EAEQ,WAAW;AAClB,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,kBAAkB,OAAO,OAAO,mBAAmB;AAEzD,UAAM,sBAAsB,KAAK,IAAI,gBAAgB,IAAI,GAAG,CAAC;AAE7D,QAAI,sBAAsB,KAAK;AAC9B,WAAK,OAAO,YAAY;AAAA,QACvB,OAAO;AAAA,QACP,WAAW,EAAE,GAAG,gBAAgB,GAAG,GAAG,gBAAgB,GAAG,GAAG,EAAE;AAAA,MAC/D,CAAC;AAAA,IACF;AAEA,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
   "names": []
 }

package/dist-esm/lib/tools/HandTool/childStates/OneFingerZooming.mjs

@@ -0,0 +1,64 @@
+import { StateNode, Vec, clamp, last } from "@tldraw/editor";
+class OneFingerZooming extends StateNode {
+  static id = "one_finger_zooming";
+  anchorScreenPoint = new Vec();
+  initialCamera = new Vec();
+  initialZoom = 1;
+  originScreenY = 0;
+  onEnter(_info) {
+    const camera = this.editor.getCamera();
+    this.initialCamera = Vec.From(camera);
+    this.initialZoom = camera.z;
+    this.anchorScreenPoint = this.editor.inputs.getOriginScreenPoint().clone();
+    this.originScreenY = this.editor.inputs.getCurrentScreenPoint().y;
+    this.editor.setCursor({ type: "grab", rotation: 0 });
+  }
+  onPointerMove(_info) {
+    this.editor.menus.clearOpenMenus();
+    const currentScreenY = this.editor.inputs.getCurrentScreenPoint().y;
+    const dy = (this.originScreenY - currentScreenY) * -1;
+    const zoomFactor = Math.pow(2, dy / 200);
+    const newZoom = this.clampZoom(this.initialZoom * zoomFactor);
+    const { x: cx, y: cy } = this.initialCamera;
+    const { x: sx, y: sy } = this.anchorScreenPoint;
+    this.editor.setCamera(
+      new Vec(
+        cx + sx / newZoom - sx / this.initialZoom,
+        cy + sy / newZoom - sy / this.initialZoom,
+        newZoom
+      ),
+      { immediate: true }
+    );
+  }
+  onPointerUp(_info) {
+    this.complete();
+  }
+  onCancel() {
+    this.parent.transition("idle");
+  }
+  onInterrupt() {
+    this.parent.transition("idle");
+  }
+  complete() {
+    const pointerVelocity = this.editor.inputs.getPointerVelocity();
+    const velocityAtPointerUp = Math.min(pointerVelocity.len(), 2);
+    if (velocityAtPointerUp > 0.1) {
+      this.editor.slideCamera({
+        speed: velocityAtPointerUp,
+        direction: { x: 0, y: 0, z: Math.sign(pointerVelocity.y) * 0.01 }
+      });
+    }
+    this.parent.transition("idle");
+  }
+  clampZoom(zoom) {
+    const { zoomSteps } = this.editor.getCameraOptions();
+    const baseZoom = this.editor.getBaseZoom();
+    const zoomMin = zoomSteps[0] * baseZoom;
+    const zoomMax = last(zoomSteps) * baseZoom;
+    return clamp(zoom, zoomMin, zoomMax);
+  }
+}
+export {
+  OneFingerZooming
+};
+//# sourceMappingURL=OneFingerZooming.mjs.map

package/dist-esm/lib/tools/HandTool/childStates/OneFingerZooming.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/HandTool/childStates/OneFingerZooming.ts"],
+  "sourcesContent": ["import { StateNode, TLPointerEventInfo, Vec, clamp, last } from '@tldraw/editor'\n\nexport class OneFingerZooming extends StateNode {\n\tstatic override id = 'one_finger_zooming'\n\n\tprivate anchorScreenPoint = new Vec()\n\tprivate initialCamera = new Vec()\n\tprivate initialZoom = 1\n\tprivate originScreenY = 0\n\n\toverride onEnter(_info: TLPointerEventInfo) {\n\t\tconst camera = this.editor.getCamera()\n\t\tthis.initialCamera = Vec.From(camera)\n\t\tthis.initialZoom = camera.z\n\t\tthis.anchorScreenPoint = this.editor.inputs.getOriginScreenPoint().clone()\n\t\tthis.originScreenY = this.editor.inputs.getCurrentScreenPoint().y\n\t\tthis.editor.setCursor({ type: 'grab', rotation: 0 })\n\t}\n\n\toverride onPointerMove(_info: TLPointerEventInfo) {\n\t\tthis.editor.menus.clearOpenMenus()\n\n\t\tconst currentScreenY = this.editor.inputs.getCurrentScreenPoint().y\n\n\t\t// Dragging up = zoom out, dragging down = zoom in (same as google maps default)\n\t\t// we won't respect the user's zoom direction preference because it only applies\n\t\t// to mouse input\n\t\tconst dy = (this.originScreenY - currentScreenY) * -1\n\n\t\t// ~200px of drag \u2248 2x zoom change.\n\t\tconst zoomFactor = Math.pow(2, dy / 200)\n\t\tconst newZoom = this.clampZoom(this.initialZoom * zoomFactor)\n\n\t\tconst { x: cx, y: cy } = this.initialCamera\n\t\tconst { x: sx, y: sy } = this.anchorScreenPoint\n\t\tthis.editor.setCamera(\n\t\t\tnew Vec(\n\t\t\t\tcx + sx / newZoom - sx / this.initialZoom,\n\t\t\t\tcy + sy / newZoom - sy / this.initialZoom,\n\t\t\t\tnewZoom\n\t\t\t),\n\t\t\t{ immediate: true }\n\t\t)\n\t}\n\n\toverride onPointerUp(_info: TLPointerEventInfo) {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\toverride onInterrupt() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate complete() {\n\t\tconst pointerVelocity = this.editor.inputs.getPointerVelocity()\n\t\tconst velocityAtPointerUp = Math.min(pointerVelocity.len(), 2)\n\n\t\tif (velocityAtPointerUp > 0.1) {\n\t\t\t// Use velocity y-sign for momentum direction (positive y = moving down = zoom in)\n\t\t\tthis.editor.slideCamera({\n\t\t\t\tspeed: velocityAtPointerUp,\n\t\t\t\tdirection: { x: 0, y: 0, z: Math.sign(pointerVelocity.y) * 0.01 },\n\t\t\t})\n\t\t}\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate clampZoom(zoom: number): number {\n\t\tconst { zoomSteps } = this.editor.getCameraOptions()\n\t\tconst baseZoom = this.editor.getBaseZoom()\n\t\tconst zoomMin = zoomSteps[0] * baseZoom\n\t\tconst zoomMax = last(zoomSteps)! * baseZoom\n\t\treturn clamp(zoom, zoomMin, zoomMax)\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,WAA+B,KAAK,OAAO,YAAY;AAEzD,MAAM,yBAAyB,UAAU;AAAA,EAC/C,OAAgB,KAAK;AAAA,EAEb,oBAAoB,IAAI,IAAI;AAAA,EAC5B,gBAAgB,IAAI,IAAI;AAAA,EACxB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAEf,QAAQ,OAA2B;AAC3C,UAAM,SAAS,KAAK,OAAO,UAAU;AACrC,SAAK,gBAAgB,IAAI,KAAK,MAAM;AACpC,SAAK,cAAc,OAAO;AAC1B,SAAK,oBAAoB,KAAK,OAAO,OAAO,qBAAqB,EAAE,MAAM;AACzE,SAAK,gBAAgB,KAAK,OAAO,OAAO,sBAAsB,EAAE;AAChE,SAAK,OAAO,UAAU,EAAE,MAAM,QAAQ,UAAU,EAAE,CAAC;AAAA,EACpD;AAAA,EAES,cAAc,OAA2B;AACjD,SAAK,OAAO,MAAM,eAAe;AAEjC,UAAM,iBAAiB,KAAK,OAAO,OAAO,sBAAsB,EAAE;AAKlE,UAAM,MAAM,KAAK,gBAAgB,kBAAkB;AAGnD,UAAM,aAAa,KAAK,IAAI,GAAG,KAAK,GAAG;AACvC,UAAM,UAAU,KAAK,UAAU,KAAK,cAAc,UAAU;AAE5D,UAAM,EAAE,GAAG,IAAI,GAAG,GAAG,IAAI,KAAK;AAC9B,UAAM,EAAE,GAAG,IAAI,GAAG,GAAG,IAAI,KAAK;AAC9B,SAAK,OAAO;AAAA,MACX,IAAI;AAAA,QACH,KAAK,KAAK,UAAU,KAAK,KAAK;AAAA,QAC9B,KAAK,KAAK,UAAU,KAAK,KAAK;AAAA,QAC9B;AAAA,MACD;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IACnB;AAAA,EACD;AAAA,EAES,YAAY,OAA2B;AAC/C,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAW;AACnB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAES,cAAc;AACtB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAEQ,WAAW;AAClB,UAAM,kBAAkB,KAAK,OAAO,OAAO,mBAAmB;AAC9D,UAAM,sBAAsB,KAAK,IAAI,gBAAgB,IAAI,GAAG,CAAC;AAE7D,QAAI,sBAAsB,KAAK;AAE9B,WAAK,OAAO,YAAY;AAAA,QACvB,OAAO;AAAA,QACP,WAAW,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,KAAK,gBAAgB,CAAC,IAAI,KAAK;AAAA,MACjE,CAAC;AAAA,IACF;AACA,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAEQ,UAAU,MAAsB;AACvC,UAAM,EAAE,UAAU,IAAI,KAAK,OAAO,iBAAiB;AACnD,UAAM,WAAW,KAAK,OAAO,YAAY;AACzC,UAAM,UAAU,UAAU,CAAC,IAAI;AAC/B,UAAM,UAAU,KAAK,SAAS,IAAK;AACnC,WAAO,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/SelectTool/childStates/Idle.mjs

@@ -223,6 +223,18 @@ class Idle extends StateNode {
           this.editor.options.hitTestMargin / this.editor.getZoomLevel()
         );
         if (hitOverlay) {
+          if (hitOverlay.type === "shape_handle") {
+            const shape = this.editor.getShape(hitOverlay.props.shapeId);
+            if (shape) {
+              this.onDoubleClick({
+                ...info,
+                target: "handle",
+                shape,
+                handle: hitOverlay.props.handle
+              });
+              return;
+            }
+          }
           const overlayType = hitOverlay.props.overlayType;
           if (overlayType === "resize_handle" || overlayType === "rotate_handle" || overlayType === "mobile_rotate") {
             this.onDoubleClick({