@weasel-js/core 1.10.1 → 1.11.0

package/dist/features/paths/pathSnap/sceneIndex.js

@@ -0,0 +1,78 @@
+import { isAnnotationLayer } from "../../../core/scene/annotation.js";
+import { nodeGates } from "../../../core/scene/nodeGates.js";
+import { nodeSnapGeometry } from "./snapGeometry.js";
+import { createPathSnapIndex } from "@weasel-js/geom";
+
+//#region src/features/paths/pathSnap/sceneIndex.ts
+/** Indexes every leaf of `scene` with geometry (`nodeSnapGeometry`), but
+*  hidden ones (`nodeGates`) and those on an annotation layer, once per scene
+*  version, and again when a query brings geometry of its own. */
+function createSceneSnapIndexer(scene) {
+	let cached = null;
+	return (also) => {
+		const version = scene.getVersion();
+		const layers = scene.layers;
+		if (cached?.version === version && cached.layers === layers && cached.also === also) return cached.built;
+		const notes = new Set(layers.filter(isAnnotationLayer).map((l) => l.id));
+		const gates = nodeGates({
+			layers,
+			get: (id) => scene.nodes.get(id)
+		});
+		const ids = [];
+		const paths = [];
+		const extra = [];
+		for (const node of scene.nodes.values()) {
+			if (node.kind !== "leaf" || notes.has(node.layer) || gates.hidden(node.id)) continue;
+			const g = nodeSnapGeometry(node);
+			if (!g) continue;
+			for (const p of g.points) extra.push({
+				...p,
+				paths: [paths.length]
+			});
+			ids.push(node.id);
+			paths.push(g.path);
+		}
+		for (const path of also?.paths ?? []) {
+			ids.push(null);
+			paths.push(path);
+		}
+		if (also?.anchors) {
+			ids.push(null);
+			for (const p of also.anchors) extra.push({
+				kind: "anchor",
+				x: p.x,
+				y: p.y,
+				paths: [paths.length]
+			});
+			paths.push({
+				kind: "polygon",
+				commands: /* @__PURE__ */ new Uint8Array(),
+				coords: /* @__PURE__ */ new Float32Array(),
+				fillRule: "nonzero"
+			});
+		}
+		const built = {
+			ids,
+			index: createPathSnapIndex(paths, extra)
+		};
+		cached = {
+			version,
+			layers,
+			also,
+			built
+		};
+		return built;
+	};
+}
+var indexers = /* @__PURE__ */ new WeakMap();
+/** {@link createSceneSnapIndexer}, one per scene, so every source over a
+*  scene shares its index. */
+function sceneSnapIndex(scene, also) {
+	let indexer = indexers.get(scene);
+	if (!indexer) indexers.set(scene, indexer = createSceneSnapIndexer(scene));
+	return indexer(also);
+}
+
+//#endregion
+export { createSceneSnapIndexer, sceneSnapIndex };
+//# sourceMappingURL=sceneIndex.js.map

package/dist/features/paths/pathSnap/sceneIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sceneIndex.js","names":[],"sources":["../../../../src/features/paths/pathSnap/sceneIndex.ts"],"sourcesContent":["import {\n  createPathSnapIndex, type Path, type PathSnapIndex, type PathSnapTarget,\n} from '@weasel-js/geom';\nimport type { Scene } from 'core/scene/types';\nimport { isAnnotationLayer } from 'core/scene/annotation';\nimport { nodeGates } from 'core/scene/nodeGates';\nimport type { SnapGeometry } from 'interactions/actions/snapDep';\nimport { nodeSnapGeometry } from './snapGeometry';\n\ntype SnapScene = Pick<Scene<unknown, string, unknown>, 'nodes' | 'layers' | 'getVersion'>;\n\n/** A scene's paths indexed for snapping; `ids[i]` is the node path `i` came\n *  from, or null for a path of the query's own (`also`). */\nexport interface SceneSnapIndex {\n  ids: (string | null)[];\n  index: PathSnapIndex;\n}\n\n/** Indexes every leaf of `scene` with geometry (`nodeSnapGeometry`), but\n *  hidden ones (`nodeGates`) and those on an annotation layer, once per scene\n *  version, and again when a query brings geometry of its own. */\nexport function createSceneSnapIndexer(scene: SnapScene): (also?: SnapGeometry) => SceneSnapIndex {\n  let cached: { version: number; layers: unknown; also: SnapGeometry | undefined; built: SceneSnapIndex } | null = null;\n  return (also) => {\n    const version = scene.getVersion();\n    const layers = scene.layers;\n    if (cached?.version === version && cached.layers === layers && cached.also === also) return cached.built;\n    const notes = new Set(layers.filter(isAnnotationLayer).map((l) => l.id));\n    const gates = nodeGates({ layers, get: (id) => scene.nodes.get(id) });\n    const ids: (string | null)[] = [];\n    const paths: Path[] = [];\n    const extra: PathSnapTarget[] = [];\n    for (const node of scene.nodes.values()) {\n      if (node.kind !== 'leaf' || notes.has(node.layer) || gates.hidden(node.id)) continue;\n      const g = nodeSnapGeometry(node);\n      if (!g) continue;\n      for (const p of g.points) extra.push({ ...p, paths: [paths.length] });\n      ids.push(node.id);\n      paths.push(g.path);\n    }\n    for (const path of also?.paths ?? []) { ids.push(null); paths.push(path); }\n    if (also?.anchors) {\n      ids.push(null);\n      for (const p of also.anchors) extra.push({ kind: 'anchor', x: p.x, y: p.y, paths: [paths.length] });\n      paths.push({ kind: 'polygon', commands: new Uint8Array(), coords: new Float32Array(), fillRule: 'nonzero' });\n    }\n    const built = { ids, index: createPathSnapIndex(paths, extra) };\n    cached = { version, layers, also, built };\n    return built;\n  };\n}\n\nconst indexers = new WeakMap<object, ReturnType<typeof createSceneSnapIndexer>>();\n\n/** {@link createSceneSnapIndexer}, one per scene, so every source over a\n *  scene shares its index. */\nexport function sceneSnapIndex(scene: SnapScene, also?: SnapGeometry): SceneSnapIndex {\n  let indexer = indexers.get(scene);\n  if (!indexer) indexers.set(scene, (indexer = createSceneSnapIndexer(scene)));\n  return indexer(also);\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,uBAAuB,OAA2D;CAChG,IAAI,SAA6G;CACjH,QAAQ,SAAS;EACf,MAAM,UAAU,MAAM,WAAW;EACjC,MAAM,SAAS,MAAM;EACrB,IAAI,QAAQ,YAAY,WAAW,OAAO,WAAW,UAAU,OAAO,SAAS,MAAM,OAAO,OAAO;EACnG,MAAM,QAAQ,IAAI,IAAI,OAAO,OAAO,iBAAiB,CAAC,CAAC,KAAK,MAAM,EAAE,EAAE,CAAC;EACvE,MAAM,QAAQ,UAAU;GAAE;GAAQ,MAAM,OAAO,MAAM,MAAM,IAAI,EAAE;EAAE,CAAC;EACpE,MAAM,MAAyB,CAAC;EAChC,MAAM,QAAgB,CAAC;EACvB,MAAM,QAA0B,CAAC;EACjC,KAAK,MAAM,QAAQ,MAAM,MAAM,OAAO,GAAG;GACvC,IAAI,KAAK,SAAS,UAAU,MAAM,IAAI,KAAK,KAAK,KAAK,MAAM,OAAO,KAAK,EAAE,GAAG;GAC5E,MAAM,IAAI,iBAAiB,IAAI;GAC/B,IAAI,CAAC,GAAG;GACR,KAAK,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK;IAAE,GAAG;IAAG,OAAO,CAAC,MAAM,MAAM;GAAE,CAAC;GACpE,IAAI,KAAK,KAAK,EAAE;GAChB,MAAM,KAAK,EAAE,IAAI;EACnB;EACA,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC,GAAG;GAAE,IAAI,KAAK,IAAI;GAAG,MAAM,KAAK,IAAI;EAAG;EAC1E,IAAI,MAAM,SAAS;GACjB,IAAI,KAAK,IAAI;GACb,KAAK,MAAM,KAAK,KAAK,SAAS,MAAM,KAAK;IAAE,MAAM;IAAU,GAAG,EAAE;IAAG,GAAG,EAAE;IAAG,OAAO,CAAC,MAAM,MAAM;GAAE,CAAC;GAClG,MAAM,KAAK;IAAE,MAAM;IAAW,0BAAU,IAAI,WAAW;IAAG,wBAAQ,IAAI,aAAa;IAAG,UAAU;GAAU,CAAC;EAC7G;EACA,MAAM,QAAQ;GAAE;GAAK,OAAO,oBAAoB,OAAO,KAAK;EAAE;EAC9D,SAAS;GAAE;GAAS;GAAQ;GAAM;EAAM;EACxC,OAAO;CACT;AACF;AAEA,IAAM,2BAAW,IAAI,QAA2D;;;AAIhF,SAAgB,eAAe,OAAkB,MAAqC;CACpF,IAAI,UAAU,SAAS,IAAI,KAAK;CAChC,IAAI,CAAC,SAAS,SAAS,IAAI,OAAQ,UAAU,uBAAuB,KAAK,CAAE;CAC3E,OAAO,QAAQ,IAAI;AACrB"}

package/dist/features/paths/pathSnap/snapGeometry.js

@@ -0,0 +1,47 @@
+import { isRectPose } from "../../../core/geometry/autoPoseDescriptor.js";
+import { findNodeShape } from "../../../canvas/NodeShape.js";
+import { poseOutline } from "../../../core/geometry/regionHit.js";
+import { nodeOutline } from "../strokeOutline.js";
+
+//#region src/features/paths/pathSnap/snapGeometry.ts
+/**
+* The geometry `node` snaps to. A painter that `snapsToBox` — text, an image
+* — gives its pose box through the pose's frame, and the box's center. Any
+* other node gives its `nodeOutline`. Null for a node with neither.
+*/
+function nodeSnapGeometry(node) {
+	const pose = node.pose;
+	if (findNodeShape(node)?.snapsToBox && isRectPose(pose)) {
+		const path = poseOutline(pose, pose);
+		const c = boxCenter(path);
+		return {
+			path,
+			points: c ? [{
+				kind: "center",
+				...c
+			}] : []
+		};
+	}
+	const path = nodeOutline(node);
+	return path ? {
+		path,
+		points: []
+	} : null;
+}
+/** The center of a box outline: a rect, or the four corners a turned one has. */
+function boxCenter(path) {
+	if (path.kind === "rect") return {
+		x: path.x + path.width / 2,
+		y: path.y + path.height / 2
+	};
+	const c = path.coords;
+	if (c.length < 8) return null;
+	return {
+		x: (c[0] + c[4]) / 2,
+		y: (c[1] + c[5]) / 2
+	};
+}
+
+//#endregion
+export { nodeSnapGeometry };
+//# sourceMappingURL=snapGeometry.js.map

package/dist/features/paths/pathSnap/snapGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapGeometry.js","names":[],"sources":["../../../../src/features/paths/pathSnap/snapGeometry.ts"],"sourcesContent":["import type { Path, PathSnapTarget } from '@weasel-js/geom';\nimport { isRectPose } from 'core/geometry/autoPoseDescriptor';\nimport { poseOutline } from 'core/geometry/regionHit';\nimport type { Node } from 'core/scene/types';\nimport { findNodeShape } from 'canvas/NodeShape';\nimport { nodeOutline } from '../strokeOutline';\n\n/** What a node offers path snapping: the outline it is drawn with, in world\n *  coords, and any point of its own that the outline does not carry. */\nexport interface NodeSnapGeometry {\n  path: Path;\n  /** Targets beside the outline's, with `paths` left for the index to fill. */\n  points: Omit<PathSnapTarget, 'paths'>[];\n}\n\n/**\n * The geometry `node` snaps to. A painter that `snapsToBox` — text, an image\n * — gives its pose box through the pose's frame, and the box's center. Any\n * other node gives its `nodeOutline`. Null for a node with neither.\n */\nexport function nodeSnapGeometry(node: Node<unknown, string, unknown>): NodeSnapGeometry | null {\n  const pose = node.pose;\n  if (findNodeShape(node)?.snapsToBox && isRectPose(pose)) {\n    const path = poseOutline(pose, pose);\n    const c = boxCenter(path);\n    return { path, points: c ? [{ kind: 'center', ...c }] : [] };\n  }\n  const path = nodeOutline(node);\n  return path ? { path, points: [] } : null;\n}\n\n/** The center of a box outline: a rect, or the four corners a turned one has. */\nfunction boxCenter(path: Path): { x: number; y: number } | null {\n  if (path.kind === 'rect') return { x: path.x + path.width / 2, y: path.y + path.height / 2 };\n  const c = path.coords;\n  if (c.length < 8) return null;\n  return { x: (c[0] + c[4]) / 2, y: (c[1] + c[5]) / 2 };\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,iBAAiB,MAA+D;CAC9F,MAAM,OAAO,KAAK;CAClB,IAAI,cAAc,IAAI,CAAC,EAAE,cAAc,WAAW,IAAI,GAAG;EACvD,MAAM,OAAO,YAAY,MAAM,IAAI;EACnC,MAAM,IAAI,UAAU,IAAI;EACxB,OAAO;GAAE;GAAM,QAAQ,IAAI,CAAC;IAAE,MAAM;IAAU,GAAG;GAAE,CAAC,IAAI,CAAC;EAAE;CAC7D;CACA,MAAM,OAAO,YAAY,IAAI;CAC7B,OAAO,OAAO;EAAE;EAAM,QAAQ,CAAC;CAAE,IAAI;AACvC;;AAGA,SAAS,UAAU,MAA6C;CAC9D,IAAI,KAAK,SAAS,QAAQ,OAAO;EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ;EAAG,GAAG,KAAK,IAAI,KAAK,SAAS;CAAE;CAC3F,MAAM,IAAI,KAAK;CACf,IAAI,EAAE,SAAS,GAAG,OAAO;CACzB,OAAO;EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;EAAG,IAAI,EAAE,KAAK,EAAE,MAAM;CAAE;AACtD"}

package/dist/features/paths/penPreviewLayer.js

@@ -1,218 +1,251 @@
-import { PATH_C as e, PATH_L as t, PATH_M as n, anchorsToPath as r, circlePath as i } from "@weasel-js/geom";
+import { PATH_C, PATH_L, PATH_M, anchorsToPath, circlePath } from "@weasel-js/geom";
+
 //#region src/features/paths/penPreviewLayer.ts
-var a = {
+var DEFAULT_STYLE = {
 	anchorFill: "#d4c4a8",
 	anchorStroke: "#d4c4a8",
 	handleStroke: "#d4c4a8",
 	rubberBandStroke: "#d4c4a8",
 	closeHintFill: "#d4c4a8",
 	finishedSubpathStroke: "#8a7a5e"
-}, o = 4, s = 3, c = 8;
-function l(e, t, n) {
-	return [(e - n.x) * n.scale.x, (t - n.y) * n.scale.y];
+};
+var ANCHOR_RADIUS_PX = 4;
+var HANDLE_DOT_RADIUS_PX = 3;
+var CLOSE_HINT_RADIUS_PX = 8;
+/** How near the pen's first anchor, in screen px, a click closes the subpath. */
+var PEN_CLOSE_HIT_PX = 8;
+/** The pen's reach in screen px: its own option, else the kit setting, else the constant. */
+var penReachOf = (o) => ({ close: o.closeHitRadius ?? o.kitSettings?.get("targets.penCloseHitPx") ?? PEN_CLOSE_HIT_PX });
+var radiiOf = (kit) => ({
+	anchor: kit?.get("targets.penAnchorRadiusPx") ?? ANCHOR_RADIUS_PX,
+	handleDot: kit?.get("targets.penHandleDotRadiusPx") ?? HANDLE_DOT_RADIUS_PX,
+	closeHint: kit?.get("targets.penCloseHintRadiusPx") ?? CLOSE_HINT_RADIUS_PX
+});
+function w2s(wx, wy, view) {
+	return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];
 }
-function u(e, t, n) {
-	return i(e, t, n);
+function approximateCircle(cx, cy, r) {
+	return circlePath(cx, cy, r);
 }
-function d(e, t) {
-	if (e.anchors.length === 0) return null;
-	let n = (e) => {
-		let [n, r] = l(e.x, e.y, t);
+/** A pen subpath as a screen-space `PolygonPath`, segmented by the same rule
+*  the pen commits with. */
+function subpathToPath(sp, view) {
+	if (sp.anchors.length === 0) return null;
+	const pt = (p) => {
+		const [x, y] = w2s(p.x, p.y, view);
 		return {
-			x: n,
-			y: r
+			x,
+			y
 		};
-	}, i = e.anchors.map((e) => ({
-		...n(e),
-		...e.inHandle ? { inHandle: n(e.inHandle) } : {},
-		...e.outHandle ? { outHandle: n(e.outHandle) } : {}
+	};
+	const anchors = sp.anchors.map((a) => ({
+		...pt(a),
+		...a.inHandle ? { inHandle: pt(a.inHandle) } : {},
+		...a.outHandle ? { outHandle: pt(a.outHandle) } : {}
 	}));
-	return r([i], [e.closed]);
+	return anchorsToPath([anchors], [sp.closed]);
 }
-function f(r) {
-	let i = {
-		...a,
-		...r.style ?? {}
-	}, f = r.state;
+/** Render layer that draws the pen tool's path as it is being placed —
+*  committed anchors, the rubber band to the cursor, and the close hint. Draws
+*  nothing when the pen is idle. */
+function createPenPreviewLayer(opts) {
+	const style = {
+		...DEFAULT_STYLE,
+		...opts.style ?? {}
+	};
+	const s = opts.state;
 	return {
 		id: "penPreview",
 		label: "Pen preview",
 		space: "screen",
-		draw: (r, a) => {
-			let p = [];
-			for (let e of f.finishedSubpaths) {
-				let t = d(e, a);
-				t !== null && p.push({
+		draw: (_data, view) => {
+			const out = [];
+			const r = radiiOf(opts.kitSettings?.());
+			for (const sp of s.finishedSubpaths) {
+				const path = subpathToPath(sp, view);
+				if (path === null) continue;
+				out.push({
 					kind: "path",
-					path: t,
+					path,
 					stroke: {
 						paint: {
 							kind: "solid",
-							color: i.finishedSubpathStroke
+							color: style.finishedSubpathStroke
 						},
 						width: 1
 					}
 				});
 			}
-			let m = f.current;
-			if (!m && f.cursor === null) return p;
-			if (m) {
-				let e = d(m, a);
-				e !== null && p.push({
+			const cur = s.current;
+			if (!cur && s.cursor === null) return out;
+			if (cur) {
+				const path = subpathToPath(cur, view);
+				if (path !== null) out.push({
 					kind: "path",
-					path: e,
+					path,
 					stroke: {
 						paint: {
 							kind: "solid",
-							color: i.rubberBandStroke
+							color: style.rubberBandStroke
 						},
 						width: 1
 					}
 				});
 			}
-			if (m && m.anchors.length > 0 && f.cursor && f.draggingHandleAt === null) {
-				let r = m.anchors[m.anchors.length - 1], o = r.outHandle, [s, c] = l(r.x, r.y, a), [u, d] = l(f.cursor.x, f.cursor.y, a), h;
-				if (o) {
-					let [t, r] = l(o.x, o.y, a);
-					h = {
+			if (cur && cur.anchors.length > 0 && s.cursor && s.draggingHandleAt === null) {
+				const last = cur.anchors[cur.anchors.length - 1];
+				const out2 = last.outHandle;
+				const [sx, sy] = w2s(last.x, last.y, view);
+				const [cx, cy] = w2s(s.cursor.x, s.cursor.y, view);
+				let path;
+				if (out2) {
+					const [c1x, c1y] = w2s(out2.x, out2.y, view);
+					path = {
 						kind: "polygon",
-						commands: new Uint8Array([n, e]),
+						commands: new Uint8Array([PATH_M, PATH_C]),
 						coords: new Float32Array([
-							s,
-							c,
-							t,
-							r,
-							u,
-							d,
-							u,
-							d
+							sx,
+							sy,
+							c1x,
+							c1y,
+							cx,
+							cy,
+							cx,
+							cy
 						]),
 						fillRule: "nonzero"
 					};
-				} else h = {
+				} else path = {
 					kind: "polygon",
-					commands: new Uint8Array([n, t]),
+					commands: new Uint8Array([PATH_M, PATH_L]),
 					coords: new Float32Array([
-						s,
-						c,
-						u,
-						d
+						sx,
+						sy,
+						cx,
+						cy
 					]),
 					fillRule: "nonzero"
 				};
-				p.push({
+				out.push({
 					kind: "path",
-					path: h,
+					path,
 					stroke: {
 						paint: {
 							kind: "solid",
-							color: i.rubberBandStroke
+							color: style.rubberBandStroke
 						},
 						width: 1
 					}
 				});
 			}
-			if (m) {
-				for (let e = 0; e < m.anchors.length; e++) {
-					let r = m.anchors[e], [c, d] = l(r.x, r.y, a);
-					if (p.push({
+			if (cur) {
+				for (let i = 0; i < cur.anchors.length; i++) {
+					const a = cur.anchors[i];
+					const [ax, ay] = w2s(a.x, a.y, view);
+					out.push({
 						kind: "path",
-						path: u(c, d, o),
+						path: approximateCircle(ax, ay, r.anchor),
 						fill: { paint: {
 							kind: "solid",
-							color: i.anchorFill
+							color: style.anchorFill
 						} },
 						stroke: {
 							paint: {
 								kind: "solid",
-								color: i.anchorStroke
+								color: style.anchorStroke
 							},
 							width: 1
 						}
-					}), e === m.anchors.length - 1 && r.outHandle) {
-						let [e, o] = l(r.outHandle.x, r.outHandle.y, a), f = {
+					});
+					if (i === cur.anchors.length - 1 && a.outHandle) {
+						const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);
+						const linePath = {
 							kind: "polygon",
-							commands: new Uint8Array([n, t]),
+							commands: new Uint8Array([PATH_M, PATH_L]),
 							coords: new Float32Array([
-								c,
-								d,
-								e,
-								o
+								ax,
+								ay,
+								hx,
+								hy
 							]),
 							fillRule: "nonzero"
 						};
-						p.push({
+						out.push({
 							kind: "path",
-							path: f,
+							path: linePath,
 							stroke: {
 								paint: {
 									kind: "solid",
-									color: i.handleStroke
+									color: style.handleStroke
 								},
 								width: 1
 							}
-						}), p.push({
+						});
+						out.push({
 							kind: "path",
-							path: u(e, o, s),
+							path: approximateCircle(hx, hy, r.handleDot),
 							fill: { paint: {
 								kind: "solid",
-								color: i.handleStroke
+								color: style.handleStroke
 							} }
 						});
-						let m = r.inHandle;
-						if (m) {
-							let [e, r] = l(m.x, m.y, a), o = {
+						const inSide = a.inHandle;
+						if (inSide) {
+							const [mx, my] = w2s(inSide.x, inSide.y, view);
+							const inLine = {
 								kind: "polygon",
-								commands: new Uint8Array([n, t]),
+								commands: new Uint8Array([PATH_M, PATH_L]),
 								coords: new Float32Array([
-									c,
-									d,
-									e,
-									r
+									ax,
+									ay,
+									mx,
+									my
 								]),
 								fillRule: "nonzero"
 							};
-							p.push({
+							out.push({
 								kind: "path",
-								path: o,
+								path: inLine,
 								stroke: {
 									paint: {
 										kind: "solid",
-										color: i.handleStroke
+										color: style.handleStroke
 									},
 									width: 1
 								}
-							}), p.push({
+							});
+							out.push({
 								kind: "path",
-								path: u(e, r, s),
+								path: approximateCircle(mx, my, r.handleDot),
 								fill: { paint: {
 									kind: "solid",
-									color: i.handleStroke
+									color: style.handleStroke
 								} }
 							});
 						}
 					}
 				}
-				if (f.closeHintActive && m.anchors.length >= 3) {
-					let e = m.anchors[0], [t, n] = l(e.x, e.y, a);
-					p.push({
+				if (s.closeHintActive && cur.anchors.length >= 3) {
+					const first = cur.anchors[0];
+					const [fx, fy] = w2s(first.x, first.y, view);
+					out.push({
 						kind: "path",
-						path: u(t, n, c),
+						path: approximateCircle(fx, fy, r.closeHint),
 						stroke: {
 							paint: {
 								kind: "solid",
-								color: i.closeHintFill
+								color: style.closeHintFill
 							},
 							width: 1.5
 						}
 					});
 				}
 			}
-			return p;
+			return out;
 		}
 	};
 }
-//#endregion
-export { f as createPenPreviewLayer };
 
+//#endregion
+export { ANCHOR_RADIUS_PX, CLOSE_HINT_RADIUS_PX, HANDLE_DOT_RADIUS_PX, PEN_CLOSE_HIT_PX, createPenPreviewLayer, penReachOf };
 //# sourceMappingURL=penPreviewLayer.js.map

package/dist/features/paths/penPreviewLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"penPreviewLayer.js","names":["DEFAULT_STYLE","ANCHOR_RADIUS_PX","HANDLE_DOT_RADIUS_PX","CLOSE_HINT_RADIUS_PX","w2s","wx","view","wy","approximateCircle","circlePath","cx","cy","r","subpathToPath","sp","pt","x","y","p","anchors","a","anchorsToPath","createPenPreviewLayer","style","opts","s","out","path","cur","last","out2","sx","sy","c1x","c1y","PATH_M","PATH_C","PATH_L","i","ax","ay","hx","hy","linePath","inSide","mx","my","inLine","first","fx","fy"],"sources":["../../../src/features/paths/penPreviewLayer.ts"],"sourcesContent":["/**\n * Screen-space preview layer for `usePenTool`. Reads the pen's state each\n * frame and renders the in-progress path: finished\n * subpaths (faded), the current subpath (bright + anchor dots + handles),\n * a rubber-band segment from the latest anchor to the cursor, and a\n * close-hint ring on the first anchor when the tool flags it as hot.\n *\n * Runs in screen space so anchor/handle sizes stay constant under zoom.\n * All world-space coords go through `worldToScreen` via the layer's `view`\n * argument.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { PenScratch, PenAnchor, PenSubpath } from 'tools/builtin/pen';\nimport { PATH_C, PATH_L, PATH_M, type PolygonPath, anchorsToPath, circlePath } from '@weasel-js/geom';\n\n/** Appearance of the pen tool's in-progress path. */\nexport interface PenPreviewStyle {\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  rubberBandStroke?: string;\n  closeHintFill?: string;\n  finishedSubpathStroke?: string;\n}\n\n/** Options for `createPenPreviewLayer`. */\nexport interface CreatePenPreviewLayerOptions {\n  /** The pen's state. One object for the pen's life, changed in place, so\n   *  the layer reads the same one on every frame. */\n  state: PenScratch;\n  style?: PenPreviewStyle;\n}\n\nconst DEFAULT_STYLE: Required<PenPreviewStyle> = {\n  anchorFill: '#d4c4a8',\n  anchorStroke: '#d4c4a8',\n  handleStroke: '#d4c4a8',\n  rubberBandStroke: '#d4c4a8',\n  closeHintFill: '#d4c4a8',\n  finishedSubpathStroke: '#8a7a5e',\n};\n\nconst ANCHOR_RADIUS_PX = 4;\nconst HANDLE_DOT_RADIUS_PX = 3;\nconst CLOSE_HINT_RADIUS_PX = 8;\n\nfunction w2s(wx: number, wy: number, view: { x: number; y: number; scale: { x: number; y: number } }): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n// approximateCircle has moved to `./markers.ts` as `circlePath`. Re-exported\n// locally so we don't rename callers in this file.\nfunction approximateCircle(cx: number, cy: number, r: number): PolygonPath {\n  return circlePath(cx, cy, r);\n}\n\n/** A pen subpath as a screen-space `PolygonPath`, segmented by the same rule\n *  the pen commits with. */\nfunction subpathToPath(\n  sp: PenSubpath,\n  view: { x: number; y: number; scale: { x: number; y: number } },\n): PolygonPath | null {\n  if (sp.anchors.length === 0) return null;\n  const pt = (p: { x: number; y: number }) => {\n    const [x, y] = w2s(p.x, p.y, view);\n    return { x, y };\n  };\n  const anchors = sp.anchors.map((a: PenAnchor) => ({\n    ...pt(a),\n    ...(a.inHandle ? { inHandle: pt(a.inHandle) } : {}),\n    ...(a.outHandle ? { outHandle: pt(a.outHandle) } : {}),\n  }));\n  return anchorsToPath([anchors], [sp.closed]);\n}\n\n/** Render layer that draws the pen tool's path as it is being placed —\n *  committed anchors, the rubber band to the cursor, and the close hint. Draws\n *  nothing when the pen is idle. */\nexport function createPenPreviewLayer(\n  opts: CreatePenPreviewLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n  const s = opts.state;\n\n  return {\n    id: 'penPreview',\n    label: 'Pen preview',\n    space: 'screen',\n    draw: (_data, view) => {\n      const out: DrawCommand[] = [];\n\n      // (1) Finished subpaths — faded outline.\n      for (const sp of s.finishedSubpaths) {\n        const path = subpathToPath(sp, view);\n        if (path === null) continue;\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.finishedSubpathStroke }, width: 1 },\n        });\n      }\n\n      const cur = s.current;\n      if (!cur && s.cursor === null) return out;\n\n      // (2) Current subpath — bright outline.\n      if (cur) {\n        const path = subpathToPath(cur, view);\n        if (path !== null) {\n          out.push({\n            kind: 'path',\n            path,\n            stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n          });\n        }\n      }\n\n      // (3) Rubber-band from latest anchor to cursor.\n      if (cur && cur.anchors.length > 0 && s.cursor && s.draggingHandleAt === null) {\n        const last = cur.anchors[cur.anchors.length - 1];\n        const out2 = last.outHandle;\n        const [sx, sy] = w2s(last.x, last.y, view);\n        const [cx, cy] = w2s(s.cursor.x, s.cursor.y, view);\n        let path: PolygonPath;\n        if (out2) {\n          const [c1x, c1y] = w2s(out2.x, out2.y, view);\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_C]),\n            coords: new Float32Array([sx, sy, c1x, c1y, cx, cy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        } else {\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_L]),\n            coords: new Float32Array([sx, sy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        }\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n        });\n      }\n\n      // (4) Anchor dots + handles.\n      if (cur) {\n        for (let i = 0; i < cur.anchors.length; i++) {\n          const a = cur.anchors[i];\n          const [ax, ay] = w2s(a.x, a.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(ax, ay, ANCHOR_RADIUS_PX),\n            fill: { paint: { kind: 'solid', color: style.anchorFill } },\n            stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n          // Handle line + dot (only the latest anchor, per spec).\n          if (i === cur.anchors.length - 1 && a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            const linePath: PolygonPath = {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L]),\n              coords: new Float32Array([ax, ay, hx, hy]),\n              fillRule: 'nonzero',\n            };\n            out.push({\n              kind: 'path',\n              path: linePath,\n              stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: approximateCircle(hx, hy, HANDLE_DOT_RADIUS_PX),\n              fill: { paint: { kind: 'solid', color: style.handleStroke } },\n            });\n            const inSide = a.inHandle;\n            if (inSide) {\n              const [mx, my] = w2s(inSide.x, inSide.y, view);\n              const inLine: PolygonPath = {\n                kind: 'polygon',\n                commands: new Uint8Array([PATH_M, PATH_L]),\n                coords: new Float32Array([ax, ay, mx, my]),\n                fillRule: 'nonzero',\n              };\n              out.push({\n                kind: 'path',\n                path: inLine,\n                stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n              });\n              out.push({\n                kind: 'path',\n                path: approximateCircle(mx, my, HANDLE_DOT_RADIUS_PX),\n                fill: { paint: { kind: 'solid', color: style.handleStroke } },\n              });\n            }\n          }\n        }\n\n        // (5) Close-hint ring on first anchor.\n        if (s.closeHintActive && cur.anchors.length >= 3) {\n          const first = cur.anchors[0];\n          const [fx, fy] = w2s(first.x, first.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(fx, fy, CLOSE_HINT_RADIUS_PX),\n            stroke: { paint: { kind: 'solid', color: style.closeHintFill }, width: 1.5 },\n          });\n        }\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"penPreviewLayer.js","names":[],"sources":["../../../src/features/paths/penPreviewLayer.ts"],"sourcesContent":["/**\n * Screen-space preview layer for `usePenTool`. Reads the pen's state each\n * frame and renders the in-progress path: finished\n * subpaths (faded), the current subpath (bright + anchor dots + handles),\n * a rubber-band segment from the latest anchor to the cursor, and a\n * close-hint ring on the first anchor when the tool flags it as hot.\n *\n * Runs in screen space so anchor/handle sizes stay constant under zoom.\n * All world-space coords go through `worldToScreen` via the layer's `view`\n * argument.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { KitSettingsStore } from '@weasel-js/react';\nimport type { PenScratch, PenAnchor, PenSubpath } from 'tools/builtin/pen';\nimport { PATH_C, PATH_L, PATH_M, type PolygonPath, anchorsToPath, circlePath } from '@weasel-js/geom';\n\n/** Appearance of the pen tool's in-progress path. */\nexport interface PenPreviewStyle {\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  rubberBandStroke?: string;\n  closeHintFill?: string;\n  finishedSubpathStroke?: string;\n}\n\n/** Options for `createPenPreviewLayer`. */\nexport interface CreatePenPreviewLayerOptions {\n  /** The pen's state. One object for the pen's life, changed in place, so\n   *  the layer reads the same one on every frame. */\n  state: PenScratch;\n  style?: PenPreviewStyle;\n  /** The kit settings whose `targets.pen*RadiusPx` size the dots, read each frame. */\n  kitSettings?: () => KitSettingsStore;\n}\n\nconst DEFAULT_STYLE: Required<PenPreviewStyle> = {\n  anchorFill: '#d4c4a8',\n  anchorStroke: '#d4c4a8',\n  handleStroke: '#d4c4a8',\n  rubberBandStroke: '#d4c4a8',\n  closeHintFill: '#d4c4a8',\n  finishedSubpathStroke: '#8a7a5e',\n};\n\nexport const ANCHOR_RADIUS_PX = 4;\nexport const HANDLE_DOT_RADIUS_PX = 3;\nexport const CLOSE_HINT_RADIUS_PX = 8;\n\n/** How near the pen's first anchor, in screen px, a click closes the subpath. */\nexport const PEN_CLOSE_HIT_PX = 8;\n\n/** The pen's reach in screen px: its own option, else the kit setting, else the constant. */\nexport const penReachOf = (o: { closeHitRadius?: number; kitSettings?: KitSettingsStore }) => ({\n  close: o.closeHitRadius ?? o.kitSettings?.get('targets.penCloseHitPx') ?? PEN_CLOSE_HIT_PX,\n});\n\nconst radiiOf = (kit: KitSettingsStore | undefined) => ({\n  anchor: kit?.get('targets.penAnchorRadiusPx') ?? ANCHOR_RADIUS_PX,\n  handleDot: kit?.get('targets.penHandleDotRadiusPx') ?? HANDLE_DOT_RADIUS_PX,\n  closeHint: kit?.get('targets.penCloseHintRadiusPx') ?? CLOSE_HINT_RADIUS_PX,\n});\n\nfunction w2s(wx: number, wy: number, view: { x: number; y: number; scale: { x: number; y: number } }): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n// approximateCircle has moved to `./markers.ts` as `circlePath`. Re-exported\n// locally so we don't rename callers in this file.\nfunction approximateCircle(cx: number, cy: number, r: number): PolygonPath {\n  return circlePath(cx, cy, r);\n}\n\n/** A pen subpath as a screen-space `PolygonPath`, segmented by the same rule\n *  the pen commits with. */\nfunction subpathToPath(\n  sp: PenSubpath,\n  view: { x: number; y: number; scale: { x: number; y: number } },\n): PolygonPath | null {\n  if (sp.anchors.length === 0) return null;\n  const pt = (p: { x: number; y: number }) => {\n    const [x, y] = w2s(p.x, p.y, view);\n    return { x, y };\n  };\n  const anchors = sp.anchors.map((a: PenAnchor) => ({\n    ...pt(a),\n    ...(a.inHandle ? { inHandle: pt(a.inHandle) } : {}),\n    ...(a.outHandle ? { outHandle: pt(a.outHandle) } : {}),\n  }));\n  return anchorsToPath([anchors], [sp.closed]);\n}\n\n/** Render layer that draws the pen tool's path as it is being placed —\n *  committed anchors, the rubber band to the cursor, and the close hint. Draws\n *  nothing when the pen is idle. */\nexport function createPenPreviewLayer(\n  opts: CreatePenPreviewLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n  const s = opts.state;\n\n  return {\n    id: 'penPreview',\n    label: 'Pen preview',\n    space: 'screen',\n    draw: (_data, view) => {\n      const out: DrawCommand[] = [];\n      const r = radiiOf(opts.kitSettings?.());\n      // (1) Finished subpaths — faded outline.\n      for (const sp of s.finishedSubpaths) {\n        const path = subpathToPath(sp, view);\n        if (path === null) continue;\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.finishedSubpathStroke }, width: 1 },\n        });\n      }\n\n      const cur = s.current;\n      if (!cur && s.cursor === null) return out;\n\n      // (2) Current subpath — bright outline.\n      if (cur) {\n        const path = subpathToPath(cur, view);\n        if (path !== null) {\n          out.push({\n            kind: 'path',\n            path,\n            stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n          });\n        }\n      }\n\n      // (3) Rubber-band from latest anchor to cursor.\n      if (cur && cur.anchors.length > 0 && s.cursor && s.draggingHandleAt === null) {\n        const last = cur.anchors[cur.anchors.length - 1];\n        const out2 = last.outHandle;\n        const [sx, sy] = w2s(last.x, last.y, view);\n        const [cx, cy] = w2s(s.cursor.x, s.cursor.y, view);\n        let path: PolygonPath;\n        if (out2) {\n          const [c1x, c1y] = w2s(out2.x, out2.y, view);\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_C]),\n            coords: new Float32Array([sx, sy, c1x, c1y, cx, cy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        } else {\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_L]),\n            coords: new Float32Array([sx, sy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        }\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n        });\n      }\n\n      // (4) Anchor dots + handles.\n      if (cur) {\n        for (let i = 0; i < cur.anchors.length; i++) {\n          const a = cur.anchors[i];\n          const [ax, ay] = w2s(a.x, a.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(ax, ay, r.anchor),\n            fill: { paint: { kind: 'solid', color: style.anchorFill } },\n            stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n          // Handle line + dot (only the latest anchor, per spec).\n          if (i === cur.anchors.length - 1 && a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            const linePath: PolygonPath = {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L]),\n              coords: new Float32Array([ax, ay, hx, hy]),\n              fillRule: 'nonzero',\n            };\n            out.push({\n              kind: 'path',\n              path: linePath,\n              stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: approximateCircle(hx, hy, r.handleDot),\n              fill: { paint: { kind: 'solid', color: style.handleStroke } },\n            });\n            const inSide = a.inHandle;\n            if (inSide) {\n              const [mx, my] = w2s(inSide.x, inSide.y, view);\n              const inLine: PolygonPath = {\n                kind: 'polygon',\n                commands: new Uint8Array([PATH_M, PATH_L]),\n                coords: new Float32Array([ax, ay, mx, my]),\n                fillRule: 'nonzero',\n              };\n              out.push({\n                kind: 'path',\n                path: inLine,\n                stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n              });\n              out.push({\n                kind: 'path',\n                path: approximateCircle(mx, my, r.handleDot),\n                fill: { paint: { kind: 'solid', color: style.handleStroke } },\n              });\n            }\n          }\n        }\n\n        // (5) Close-hint ring on first anchor.\n        if (s.closeHintActive && cur.anchors.length >= 3) {\n          const first = cur.anchors[0];\n          const [fx, fy] = w2s(first.x, first.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(fx, fy, r.closeHint),\n            stroke: { paint: { kind: 'solid', color: style.closeHintFill }, width: 1.5 },\n          });\n        }\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":"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"}