@weasel-js/core 1.10.0 → 1.11.0

package/dist/canvas/deps/ingestion.js

@@ -1,31 +1,36 @@
-import { viewportWorldRect as e } from "../../core/viewport/viewportWorldRect.js";
-import { useLatest as t } from "@weasel-js/react";
-import { useDepSource as n } from "@weasel-js/routing/react";
+import { viewportWorldRect } from "../../core/viewport/viewportWorldRect.js";
+import { useLatest } from "@weasel-js/react";
+import { useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/ingestion.ts
-function r(r, i, a, o, s) {
-	let c = t(i), l = t(a), u = t(o), d = t(s);
-	n("ingestion", () => ({
+function useIngestionDepSource(canvasRef, getView, resolveSrc, svg, clipboard) {
+	const getViewRef = useLatest(getView);
+	const resolveSrcRef = useLatest(resolveSrc);
+	const svgRef = useLatest(svg);
+	const clipboardRef = useLatest(clipboard);
+	useDepSource("ingestion", () => ({
 		viewportWorldRect() {
-			let t = r.current;
-			return t ? e(c.current(), t.getBoundingClientRect()) : {
+			const canvas = canvasRef.current;
+			if (!canvas) return {
 				x: 0,
 				y: 0,
 				width: 0,
 				height: 0
 			};
+			return viewportWorldRect(getViewRef.current(), canvas.getBoundingClientRect());
 		},
 		get resolveSrc() {
-			return l.current;
+			return resolveSrcRef.current;
 		},
 		get svg() {
-			return u.current;
+			return svgRef.current;
 		},
 		get clipboard() {
-			return d.current;
+			return clipboardRef.current;
 		}
 	}));
 }
-//#endregion
-export { r as useIngestionDepSource };
 
+//#endregion
+export { useIngestionDepSource };
 //# sourceMappingURL=ingestion.js.map

package/dist/canvas/deps/ingestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ingestion.js","names":["useIngestionDepSource","getViewRef","useLatest","getView","resolveSrcRef","resolveSrc","svgRef","svg","clipboardRef","clipboard","canvas","canvasRef","viewportWorldRect"],"sources":["../../../src/canvas/deps/ingestion.ts"],"sourcesContent":["/**\n * `useIngestionDepSource` — wires the `ingestion` dep consumed by\n * `ingestAction`, for the canvas's own view. Computes the visible world rect\n * from the canvas's client rect + current view, and forwards the consumer's\n * optional `resolveSrc`. A `<CanvasView>` overlays this dep with its own rect.\n */\nimport type { RefObject } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ClipboardIngestCtx, IngestionDep, SvgIngestOptions } from 'interactions/actions/depSchema';\nimport { viewportWorldRect } from 'core/viewport/viewportWorldRect';\nimport type { View } from 'core/viewport/view';\n\nexport function useIngestionDepSource(\n  canvasRef: RefObject<HTMLElement | null>,\n  getView: () => View,\n  resolveSrc?: (file: File) => Promise<string>,\n  svg?: SvgIngestOptions,\n  clipboard?: ClipboardIngestCtx,\n): void {\n  const getViewRef = useLatest(getView);\n  const resolveSrcRef = useLatest(resolveSrc);\n  const svgRef = useLatest(svg);\n  const clipboardRef = useLatest(clipboard);\n\n  useDepSource('ingestion', (): IngestionDep => ({\n    viewportWorldRect() {\n      const canvas = canvasRef.current;\n      if (!canvas) return { x: 0, y: 0, width: 0, height: 0 };\n      return viewportWorldRect(getViewRef.current(), canvas.getBoundingClientRect());\n    },\n    get resolveSrc() {\n      return resolveSrcRef.current;\n    },\n    get svg() {\n      return svgRef.current;\n    },\n    get clipboard() {\n      return clipboardRef.current;\n    },\n  }));\n}\n"],"mappings":";;;;AAaA,SAAgBA,EACd,GACA,GACA,GACA,GACA,GACM;CACN,IAAMC,IAAaC,EAAUC,CAAO,GAC9BC,IAAgBF,EAAUG,CAAU,GACpCC,IAASJ,EAAUK,CAAG,GACtBC,IAAeN,EAAUO,CAAS;CAExC,EAAa,oBAAkC;EAC7C,oBAAoB;GAClB,IAAMC,IAASC,EAAU;GAEzB,OADKD,IACEE,EAAkBX,EAAW,QAAQ,GAAGS,EAAO,sBAAsB,CAAC,IADzD;IAAE,GAAG;IAAG,GAAG;IAAG,OAAO;IAAG,QAAQ;GAAE;EAExD;EACA,IAAI,aAAa;GACf,OAAON,EAAc;EACvB;EACA,IAAI,MAAM;GACR,OAAOE,EAAO;EAChB;EACA,IAAI,YAAY;GACd,OAAOE,EAAa;EACtB;CACF,EAAE;AACJ"}
+{"version":3,"file":"ingestion.js","names":[],"sources":["../../../src/canvas/deps/ingestion.ts"],"sourcesContent":["/**\n * `useIngestionDepSource` — wires the `ingestion` dep consumed by\n * `ingestAction`, for the canvas's own view. Computes the visible world rect\n * from the canvas's client rect + current view, and forwards the consumer's\n * optional `resolveSrc`. A `<CanvasView>` overlays this dep with its own rect.\n */\nimport type { RefObject } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ClipboardIngestCtx, IngestionDep, SvgIngestOptions } from 'interactions/actions/depSchema';\nimport { viewportWorldRect } from 'core/viewport/viewportWorldRect';\nimport type { View } from 'core/viewport/view';\n\nexport function useIngestionDepSource(\n  canvasRef: RefObject<HTMLElement | null>,\n  getView: () => View,\n  resolveSrc?: (file: File) => Promise<string>,\n  svg?: SvgIngestOptions,\n  clipboard?: ClipboardIngestCtx,\n): void {\n  const getViewRef = useLatest(getView);\n  const resolveSrcRef = useLatest(resolveSrc);\n  const svgRef = useLatest(svg);\n  const clipboardRef = useLatest(clipboard);\n\n  useDepSource('ingestion', (): IngestionDep => ({\n    viewportWorldRect() {\n      const canvas = canvasRef.current;\n      if (!canvas) return { x: 0, y: 0, width: 0, height: 0 };\n      return viewportWorldRect(getViewRef.current(), canvas.getBoundingClientRect());\n    },\n    get resolveSrc() {\n      return resolveSrcRef.current;\n    },\n    get svg() {\n      return svgRef.current;\n    },\n    get clipboard() {\n      return clipboardRef.current;\n    },\n  }));\n}\n"],"mappings":";;;;;AAaA,SAAgB,sBACd,WACA,SACA,YACA,KACA,WACM;CACN,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,SAAS,UAAU,GAAG;CAC5B,MAAM,eAAe,UAAU,SAAS;CAExC,aAAa,oBAAkC;EAC7C,oBAAoB;GAClB,MAAM,SAAS,UAAU;GACzB,IAAI,CAAC,QAAQ,OAAO;IAAE,GAAG;IAAG,GAAG;IAAG,OAAO;IAAG,QAAQ;GAAE;GACtD,OAAO,kBAAkB,WAAW,QAAQ,GAAG,OAAO,sBAAsB,CAAC;EAC/E;EACA,IAAI,aAAa;GACf,OAAO,cAAc;EACvB;EACA,IAAI,MAAM;GACR,OAAO,OAAO;EAChB;EACA,IAAI,YAAY;GACd,OAAO,aAAa;EACtB;CACF,EAAE;AACJ"}

package/dist/canvas/deps/insert.js

@@ -1,155 +1,249 @@
-import { insertPreviewExtent as e } from "../insertPreviewExtent.js";
-import { cycleFill as t, solid as n, strokeOf as r } from "../../util/paint.js";
-import { createInsertOp as i } from "../../core/ops/create.js";
-import { ellipsePath as a, linePath as o, polygonFromPoints as s, rectPath as c, regularPolygonPath as l, schneiderFit as u, starPath as d } from "@weasel-js/geom";
-import { useRef as f } from "react";
-import { useLatest as p } from "@weasel-js/react";
-import { useDepSource as m } from "@weasel-js/routing/react";
+import { composeWorldPose, composesFrames } from "../../core/scene/composeFrame.js";
+import { definesFrame } from "../../core/scene/effectivePose.js";
+import { cycleFill, solid, strokeOf } from "../../util/paint.js";
+import { insertPreviewExtent } from "../insertPreviewExtent.js";
+import { minSizeOf } from "../../core/scene/minSize.js";
+import { createInsertOp } from "../../core/ops/create.js";
+import { stickyData } from "../../tools/builtin/sticky/stickyNode.js";
+import { ellipsePath, linePath, polygonFromPoints, rectPath, regularPolygonPath, schneiderFit, starPath } from "@weasel-js/geom";
+import { useRef } from "react";
+import { useLatest } from "@weasel-js/react";
+import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/insert.ts
-function h({ fill: e, stroke: t }) {
+/**
+* `useInsertDepSource` — wires the `insert` dep consumed by `insertAction`.
+*
+* `line`, `polygon`, `star`, and `pencil` receive the drag AABB from the insertAction invoker,
+* but `extras` may carry richer geometry (endpoints, center+radius+rotation, point trail).
+* `insertPreviewExtent` resolves the two into the node's real extent — the same resolution the
+* live preview and the reported gesture bounds use.
+*/
+function paintKeys({ fill, stroke }) {
 	return {
-		...e === void 0 ? {} : { fill: e },
-		...t === void 0 ? {} : { stroke: t }
+		...fill !== void 0 ? { fill } : {},
+		...stroke !== void 0 ? { stroke } : {}
 	};
 }
-function g(e, t) {
-	let n = e?.path;
-	return t === void 0 || n === void 0 || !("fillRule" in n) ? e : {
-		...e,
+function withFillRule(data, rule) {
+	const path = data?.path;
+	if (rule === void 0 || path === void 0 || !("fillRule" in path)) return data;
+	return {
+		...data,
 		path: {
-			...n,
-			fillRule: t
+			...path,
+			fillRule: rule
 		}
 	};
 }
-var _ = (e, i) => {
-	let a = t(i);
-	return e === "line" || e === "pencil" ? { stroke: r(a, 2) } : e === "path" ? {
-		fill: { paint: n(a) },
-		stroke: r(a, 2)
-	} : { fill: { paint: n(a) } };
+/** The default {@link InsertPaint}: the next color of the kit palette, as a
+*  fill on a closed shape, a fill and a stroke on a pen path, and a stroke
+*  alone on a line or a pencil trail. */
+var paletteInsertPaint = (kind, seq) => {
+	const color = cycleFill(seq);
+	if (kind === "line" || kind === "pencil") return { stroke: strokeOf(color, 2) };
+	if (kind === "path") return {
+		fill: { paint: solid(color) },
+		stroke: strokeOf(color, 2)
+	};
+	return { fill: { paint: solid(color) } };
 };
-function v(t, n, r, v = _) {
-	let y = p(t), b = p(n), x = p(r), S = p(v), C = f(0), w = f({ gesture: null });
-	m("insertLive", () => w.current), m("insert", () => {
-		let t = y.current, n = b.current, r = t.layers[0]?.id ?? "default", f = (n, f) => {
-			let p = f.kind, m = ++C.current, _ = t.mintId(), v, y = (e = p) => h(v = S.current(e, m)), b = e({
-				shape: p,
-				bounds: n,
-				extras: f
-			}), w = b.bounds, T = x.current?.[p];
-			if (T) {
-				let e = T(n, f);
-				return e === null ? null : {
-					id: _,
-					ops: [i({
+/** The kit's default data for a kind drawn as a box, or `null` for a kind it has none for. */
+function boxKindData(kind, bounds, extras, painted) {
+	switch (kind) {
+		case "rect": return {
+			path: rectPath(0, 0, bounds.width, bounds.height),
+			...painted()
+		};
+		case "ellipse": return {
+			path: ellipsePath(bounds),
+			...painted()
+		};
+		case "path": {
+			const e = extras;
+			return {
+				...e.data,
+				path: e.path,
+				...painted(),
+				...e.closed ? {} : { fill: null }
+			};
+		}
+		case "text": return { text: extras.text ?? "" };
+		case "sticky": return stickyData(extras);
+		case "image": {
+			const e = extras;
+			return { image: {
+				src: e.src ?? "",
+				...e.opacity !== void 0 ? { opacity: e.opacity } : {}
+			} };
+		}
+		default: return null;
+	}
+}
+/**
+* Where an insert lands: the container the `insertInto` dep names, on that container's
+* layer, with the pose made local to it when the scene composes frames —
+* or the top of the tree, on the first layer, when it names no container.
+*/
+function insertSite(sc, into) {
+	const parent = into == null ? void 0 : sc.get(into);
+	if (parent === void 0 || parent.kind !== "container") return {
+		parent: null,
+		layer: sc.layers[0]?.id ?? "default",
+		local: (p) => p
+	};
+	const composition = sc.composition;
+	if (composition === void 0 || !composesFrames(composition)) return {
+		parent: parent.id,
+		layer: parent.layer,
+		local: (p) => p
+	};
+	const frame = composeWorldPose({
+		getPose: (id) => sc.get(id).pose,
+		getParent: (id) => sc.get(id)?.parent ?? null,
+		definesFrame: (id) => definesFrame(sc.get(id) ?? {})
+	}, parent.id, composition.compose);
+	return {
+		parent: parent.id,
+		layer: parent.layer,
+		local: (p) => composition.decompose(frame, p)
+	};
+}
+function useInsertDepSource(scene, adapter, factories, paint = paletteInsertPaint) {
+	const sceneRef = useLatest(scene);
+	const adapterRef = useLatest(adapter);
+	const factoriesRef = useLatest(factories);
+	const paintRef = useLatest(paint);
+	const registry = useDepRegistry();
+	const insertSeqRef = useRef(0);
+	const liveRef = useRef({ gesture: null });
+	useDepSource("insertLive", () => liveRef.current);
+	useDepSource("insert", () => {
+		const sc = sceneRef.current;
+		const ad = adapterRef.current;
+		const site = () => insertSite(sc, registry.get("insertInto")?.get());
+		const build = (bounds, extras) => {
+			const kind = extras.kind;
+			const { parent, layer, local } = site();
+			const seq = ++insertSeqRef.current;
+			const id = sc.mintId();
+			let asked;
+			const painted = (as = kind) => paintKeys(asked = paintRef.current(as, seq));
+			const extent = insertPreviewExtent({
+				shape: kind,
+				bounds,
+				extras
+			});
+			const pose = extent.bounds;
+			const factory = factoriesRef.current?.[kind];
+			if (factory) {
+				const built = factory(bounds, extras);
+				if (built === null) return null;
+				return {
+					id,
+					ops: [createInsertOp({
 						node: {
-							id: _,
+							id,
 							kind: "leaf",
-							layer: r,
-							pose: e.pose ?? w,
-							data: e.data
+							layer,
+							parent,
+							pose: local(built.pose ?? pose),
+							data: built.data
 						},
-						label: `Insert ${p}`
+						label: `Insert ${kind}`
 					})]
 				};
 			}
-			let E = b.geometry, D;
-			switch (E.kind) {
+			const geom = extent.geometry;
+			let data;
+			switch (geom.kind) {
 				case "line":
-					D = {
-						path: o(E.a, E.b),
-						...y(),
+					data = {
+						path: linePath(geom.a, geom.b),
+						...painted(),
 						fill: null
 					};
 					break;
 				case "polygon":
-					D = {
-						path: l(E.center, E.radius, E.sides, E.rotation),
-						...y()
+					data = {
+						path: regularPolygonPath(geom.center, geom.radius, geom.sides, geom.rotation),
+						generator: {
+							kind: "polygon",
+							sides: geom.sides,
+							rotation: geom.rotation
+						},
+						...painted()
 					};
 					break;
 				case "star":
-					D = {
-						path: d(E.center, E.outerRadius, E.points, E.innerRadius, E.rotation),
-						...y()
+					data = {
+						path: starPath(geom.center, geom.outerRadius, geom.points, geom.innerRadius, geom.rotation),
+						generator: {
+							kind: "star",
+							points: geom.points,
+							innerRadiusRatio: geom.outerRadius === 0 ? .5 : geom.innerRadius / geom.outerRadius,
+							rotation: geom.rotation
+						},
+						...painted()
 					};
 					break;
 				case "pencil": {
-					let e = E.samples;
-					D = e.length >= 4 ? {
-						path: u(e, 2),
-						...y()
-					} : e.length >= 2 ? {
-						path: s(e),
-						...y()
-					} : {
-						path: c(0, 0, b.bounds.width, b.bounds.height),
-						...y("rect")
+					const samples = geom.samples;
+					if (samples.length >= 4) data = {
+						path: schneiderFit(samples, 2),
+						...painted()
+					};
+					else if (samples.length >= 2) data = {
+						path: polygonFromPoints(samples),
+						...painted()
+					};
+					else data = {
+						path: rectPath(0, 0, extent.bounds.width, extent.bounds.height),
+						...painted("rect")
 					};
 					break;
 				}
-				case "box": switch (p) {
-					case "rect":
-						D = {
-							path: c(0, 0, b.bounds.width, b.bounds.height),
-							...y()
-						};
-						break;
-					case "ellipse":
-						D = {
-							path: a(b.bounds),
-							...y()
-						};
-						break;
-					case "path": {
-						let e = f;
-						D = {
-							path: e.path,
-							...y(),
-							...e.closed ? {} : { fill: null }
-						};
-						break;
+				case "box":
+					data = boxKindData(kind, extent.bounds, extras, painted);
+					if (data === null) {
+						console.warn(`weasel insertDep: no factory for kind="${kind}". Skipping insert.`);
+						return null;
 					}
-					case "text":
-						D = { text: f.text ?? "" };
-						break;
-					case "image": {
-						let e = f;
-						D = { image: {
-							src: e.src ?? "",
-							...e.opacity === void 0 ? {} : { opacity: e.opacity }
-						} };
-						break;
-					}
-					default: return console.warn(`weasel insertDep: no factory for kind="${p}". Skipping insert.`), null;
-				}
 			}
-			return D = g(D, v?.fillRule), {
-				id: _,
-				ops: [i({
+			data = withFillRule(data, asked?.fillRule);
+			const min = minSizeOf(extras);
+			if (min) data = {
+				...data,
+				minSize: min
+			};
+			return {
+				id,
+				ops: [createInsertOp({
 					node: {
-						id: _,
+						id,
 						kind: "leaf",
-						layer: r,
-						pose: w,
-						data: D
+						layer,
+						parent,
+						pose: local(pose),
+						data
 					},
-					label: `Insert ${p}`
+					label: `Insert ${kind}`
 				})]
 			};
 		};
 		return {
-			layer: () => r,
-			build: f,
-			commit(e, t) {
-				let r = f(e, t);
-				return r === null ? null : (n.applyOps(r.ops, `Insert ${t.kind}`), r.id);
+			layer: () => site().layer,
+			build,
+			commit(bounds, extras, ends) {
+				const built = build(bounds, extras, ends);
+				if (built === null) return null;
+				ad.applyOps(built.ops, `Insert ${extras.kind}`);
+				return built.id;
 			}
 		};
 	});
 }
-//#endregion
-export { _ as paletteInsertPaint, v as useInsertDepSource };
 
+//#endregion
+export { paletteInsertPaint, useInsertDepSource };
 //# sourceMappingURL=insert.js.map

package/dist/canvas/deps/insert.js.map

@@ -1 +1 @@
-{"version":3,"file":"insert.js","names":["e","paintKeys","fill","stroke","withFillRule","path","data","rule","paletteInsertPaint","color","cycleFill","seq","kind","strokeOf","solid","useInsertDepSource","sceneRef","useLatest","scene","adapterRef","adapter","factoriesRef","factories","paintRef","paint","insertSeqRef","useRef","liveRef","useDepSource","sc","ad","layer","build","extras","id","asked","painted","as","extent","insertPreviewExtent","pose","factory","built","bounds","createInsertOp","geom","linePath","regularPolygonPath","starPath","samples","schneiderFit","polygonFromPoints","rectPath","ellipsePath"],"sources":["../../../src/canvas/deps/insert.ts"],"sourcesContent":["/**\n * `useInsertDepSource` — wires the `insert` dep consumed by `insertAction`.\n *\n * `line`, `polygon`, `star`, and `pencil` receive the drag AABB from the insertAction invoker,\n * but `extras` may carry richer geometry (endpoints, center+radius+rotation, point trail).\n * `insertPreviewExtent` resolves the two into the node's real extent — the same resolution the\n * live preview and the reported gesture bounds use.\n */\nimport { useRef } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { InsertDep, InsertExtras, InsertLive } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { Op } from 'core/ops/types';\nimport { createInsertOp } from 'core/ops/create';\nimport {\n  rectPath,\n  ellipsePath,\n  regularPolygonPath,\n  starPath,\n  linePath,\n  polygonFromPoints,\n  schneiderFit,\n  type PathFillRule,\n  type PolygonPath,\n} from '@weasel-js/geom';\nimport { insertPreviewExtent } from '../insertPreviewExtent';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport { cycleFill, solid, strokeOf } from '../../util/paint';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/**\n * Consumer-supplied node factory for one insert `kind`. Given the drag AABB\n * and the tool's `extras`, returns the node's `data` (in the consumer's own\n * data shape) plus an optional `pose` override — the dep supplies id, layer,\n * and the undoable insert op. Return `null` to reject the insert.\n *\n * A factory registered for a kit kind (`rect`, `line`, …) fully replaces the\n * kit's default `{ path, fill }` factory for that kind; a factory for a novel\n * kind adds support the kit doesn't ship (e.g. `text`). To change only the\n * paint of a kit shape, pass an {@link InsertPaint}. See\n * `SceneCanvas`'s `insertNodeFactories` prop.\n */\nexport type InsertNodeFactory = (\n  bounds: { x: number; y: number; width: number; height: number },\n  extras: InsertExtras,\n) => { data: unknown; pose?: unknown } | null;\n\n/**\n * The paint a kit-built shape is inserted with. `kind` is the shape being\n * built and `seq` counts this canvas's inserts from 1. A key left out stays\n * off the node, so its painter's default applies; `null` is \"none\". A pencil\n * trail too short to fit is built as a rect and asks as one. A line and an\n * open pen path are inserted unfilled: a fill given to either is dropped.\n * `fillRule` is the rule a path that carries one is built with, where the\n * kit's own is nonzero; a rect or an ellipse has none to set.\n *\n * It paints only the shapes the kit builds: an `InsertNodeFactory` owns its\n * node's whole `data`. See `SceneCanvas`'s `insertPaint` prop.\n */\nexport type InsertPaint = (kind: string, seq: number) => {\n  fill?: Fill | null;\n  stroke?: Stroke | null;\n  fillRule?: PathFillRule;\n};\n\nfunction paintKeys({ fill, stroke }: ReturnType<InsertPaint>): { fill?: Fill | null; stroke?: Stroke | null } {\n  return { ...(fill !== undefined ? { fill } : {}), ...(stroke !== undefined ? { stroke } : {}) };\n}\n\nfunction withFillRule(data: unknown, rule: PathFillRule | undefined): unknown {\n  const path = (data as { path?: object } | undefined)?.path;\n  if (rule === undefined || path === undefined || !('fillRule' in path)) return data;\n  return { ...(data as object), path: { ...path, fillRule: rule } };\n}\n\n/** The default {@link InsertPaint}: the next color of the kit palette, as a\n *  fill on a closed shape, a fill and a stroke on a pen path, and a stroke\n *  alone on a line or a pencil trail. */\nexport const paletteInsertPaint: InsertPaint = (kind, seq) => {\n  const color = cycleFill(seq);\n  if (kind === 'line' || kind === 'pencil') return { stroke: strokeOf(color, 2) };\n  if (kind === 'path') return { fill: { paint: solid(color) }, stroke: strokeOf(color, 2) };\n  return { fill: { paint: solid(color) } };\n};\n\nexport function useInsertDepSource(\n  scene: Scene<unknown, string, unknown>,\n  adapter: OpsApplier,\n  factories?: Record<string, InsertNodeFactory>,\n  paint: InsertPaint = paletteInsertPaint,\n): void {\n  const sceneRef = useLatest(scene);\n  const adapterRef = useLatest(adapter);\n  const factoriesRef = useLatest(factories);\n  const paintRef = useLatest(paint);\n  const insertSeqRef = useRef(0);\n  const liveRef = useRef<InsertLive>({ gesture: null });\n  useDepSource('insertLive', () => liveRef.current);\n\n  useDepSource('insert', (): InsertDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n\n    const layer = (sc.layers[0]?.id ?? 'default') as string;\n    const build = (\n      bounds: { x: number; y: number; width: number; height: number },\n      extras: InsertExtras,\n    ): { id: NodeId; ops: Op[] } | null => {\n        const kind = extras.kind;\n        const seq = ++insertSeqRef.current;\n        const id = sc.mintId();\n        let asked: ReturnType<InsertPaint> | undefined;\n        const painted = (as: string = kind) => paintKeys(asked = paintRef.current(as, seq));\n\n        // The nascent node's extent — drag AABB reconciled with whatever\n        // richer geometry `extras` carries.\n        const extent = insertPreviewExtent({ shape: kind, bounds, extras });\n        const pose: unknown = extent.bounds;\n\n        // Consumer factory wins over the kit default for this kind. It owns the node's\n        // data + optional pose; the dep still supplies id/layer/op.\n        const factory = factoriesRef.current?.[kind];\n        if (factory) {\n          const built = factory(bounds, extras);\n          if (built === null) return null;\n          return {\n            id,\n            ops: [createInsertOp({ node: { id, kind: 'leaf', layer, pose: built.pose ?? pose, data: built.data } as unknown as { id: string }, label: `Insert ${kind}` })],\n          };\n        }\n\n        const geom = extent.geometry;\n        let data: unknown;\n\n        switch (geom.kind) {\n          case 'line':\n            data = { path: linePath(geom.a, geom.b), ...painted(), fill: null };\n            break;\n          case 'polygon':\n            data = {\n              path: regularPolygonPath(geom.center, geom.radius, geom.sides, geom.rotation),\n              ...painted(),\n            };\n            break;\n          case 'star':\n            data = {\n              path: starPath(geom.center, geom.outerRadius, geom.points, geom.innerRadius, geom.rotation),\n              ...painted(),\n            };\n            break;\n          case 'pencil': {\n            const samples = geom.samples as { x: number; y: number }[];\n            if (samples.length >= 4) {\n              data = { path: schneiderFit(samples, 2.0), ...painted() };\n            } else if (samples.length >= 2) {\n              data = { path: polygonFromPoints(samples), ...painted() };\n            } else {\n              data = { path: rectPath(0, 0, extent.bounds.width, extent.bounds.height), ...painted('rect') };\n            }\n            break;\n          }\n          case 'box':\n            switch (kind) {\n              case 'rect':\n                // The rect path lives at the origin and the pose carries position:\n                // `pathInPoseFrame` rebases a rect path onto the pose box, so don't\n                // double-count the position.\n                data = { path: rectPath(0, 0, extent.bounds.width, extent.bounds.height), ...painted() };\n                break;\n              case 'ellipse':\n                data = { path: ellipsePath(extent.bounds), ...painted() };\n                break;\n              case 'path': {\n                const e = extras as { path: PolygonPath; closed: boolean };\n                data = { path: e.path, ...painted(), ...(e.closed ? {} : { fill: null }) };\n                break;\n              }\n              case 'text': {\n                // The built-in text tool drags an empty text box you then type into, so\n                // `extras` carries no content. The kit:text painter matches on\n                // `data.text != null` and applies style defaults at render time, so a bare\n                // `{ text }` is a complete, editable node.\n                const e = extras as Partial<{ text: string }>;\n                data = { text: e.text ?? '' };\n                break;\n              }\n              case 'image': {\n                // The bitmap is loaded + cached by `imageCache` keyed on `src`;\n                // only the (serializable) `src` lives on the node.\n                const e = extras as Partial<{ src: string; opacity: number }>;\n                data = {\n                  image: {\n                    src: e.src ?? '',\n                    ...(e.opacity !== undefined ? { opacity: e.opacity } : {}),\n                  },\n                };\n                break;\n              }\n              default:\n                console.warn(`weasel insertDep: no factory for kind=\"${kind}\". Skipping insert.`);\n                return null;\n            }\n            break;\n        }\n\n        data = withFillRule(data, asked?.fillRule);\n        return {\n          id,\n          ops: [createInsertOp({ node: { id, kind: 'leaf', layer, pose, data } as unknown as { id: string }, label: `Insert ${kind}` })],\n        };\n    };\n    return {\n      layer: () => layer,\n      build,\n      commit(bounds, extras): NodeId | null {\n        const built = build(bounds, extras);\n        if (built === null) return null;\n        ad.applyOps(built.ops, `Insert ${extras.kind}`);\n        return built.id;\n      },\n    };\n  });\n}\n"],"mappings":";;;;;;;;AAqEA,SAASC,EAAU,EAAE,SAAM,aAAmF;CAC5G,OAAO;EAAE,GAAIC,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EAAS,GAAIC,MAAW,KAAA,IAAyB,CAAC,IAAd,EAAE,UAAO;CAAQ;AAChG;AAEA,SAASC,EAAa,GAAe,GAAyC;CAC5E,IAAMC,IAAQC,GAAwC;CAEtD,OADIC,MAAS,KAAA,KAAaF,MAAS,KAAA,KAAa,EAAE,cAAcA,KAAcC,IACvE;EAAE,GAAIA;EAAiB,MAAM;GAAE,GAAGD;GAAM,UAAUE;EAAK;CAAE;AAClE;AAKA,IAAaC,KAAmC,GAAM,MAAQ;CAC5D,IAAMC,IAAQC,EAAUC,CAAG;CAG3B,OAFIC,MAAS,UAAUA,MAAS,WAAiB,EAAE,QAAQC,EAASJ,GAAO,CAAC,EAAE,IAC1EG,MAAS,SAAe;EAAE,MAAM,EAAE,OAAOE,EAAML,CAAK,EAAE;EAAG,QAAQI,EAASJ,GAAO,CAAC;CAAE,IACjF,EAAE,MAAM,EAAE,OAAOK,EAAML,CAAK,EAAE,EAAE;AACzC;AAEA,SAAgBM,EACd,GACA,GACA,GACA,IAAqBP,GACf;CACN,IAAMQ,IAAWC,EAAUC,CAAK,GAC1BC,IAAaF,EAAUG,CAAO,GAC9BC,IAAeJ,EAAUK,CAAS,GAClCC,IAAWN,EAAUO,CAAK,GAC1BC,IAAeC,EAAO,CAAC,GACvBC,IAAUD,EAAmB,EAAE,SAAS,KAAK,CAAC;CAGpD,AAFAE,EAAa,oBAAoBD,EAAQ,OAAO,GAEhDC,EAAa,gBAA2B;EACtC,IAAMC,IAAKb,EAAS,SACdc,IAAKX,EAAW,SAEhBY,IAASF,EAAG,OAAO,EAAE,EAAE,MAAM,WAC7BG,KACJ,GACA,MACqC;GACnC,IAAMpB,IAAOqB,EAAO,MACdtB,IAAM,EAAEc,EAAa,SACrBS,IAAKL,EAAG,OAAO,GACjBM,GACEC,KAAW,IAAaxB,MAASX,EAAU,IAAQsB,EAAS,QAAQc,GAAI1B,CAAG,CAAC,GAI5E2B,IAASC,EAAoB;IAAE,OAAO3B;IAAM;IAAQ;GAAO,CAAC,GAC5D4B,IAAgBF,EAAO,QAIvBG,IAAUpB,EAAa,UAAUT;GACvC,IAAI6B,GAAS;IACX,IAAMC,IAAQD,EAAQE,GAAQV,CAAM;IAEpC,OADIS,MAAU,OAAa,OACpB;KACL;KACA,KAAK,CAACE,EAAe;MAAE,MAAM;OAAE;OAAI,MAAM;OAAQ;OAAO,MAAMF,EAAM,QAAQF;OAAM,MAAME,EAAM;MAAK;MAAgC,OAAO,UAAU9B;KAAO,CAAC,CAAC;IAC/J;GACF;GAEA,IAAMiC,IAAOP,EAAO,UAChBhC;GAEJ,QAAQuC,EAAK,MAAb;IACE,KAAK;KACH,IAAO;MAAE,MAAMC,EAASD,EAAK,GAAGA,EAAK,CAAC;MAAG,GAAGT,EAAQ;MAAG,MAAM;KAAK;KAClE;IACF,KAAK;KACH,IAAO;MACL,MAAMW,EAAmBF,EAAK,QAAQA,EAAK,QAAQA,EAAK,OAAOA,EAAK,QAAQ;MAC5E,GAAGT,EAAQ;KACb;KACA;IACF,KAAK;KACH,IAAO;MACL,MAAMY,EAASH,EAAK,QAAQA,EAAK,aAAaA,EAAK,QAAQA,EAAK,aAAaA,EAAK,QAAQ;MAC1F,GAAGT,EAAQ;KACb;KACA;IACF,KAAK,UAAU;KACb,IAAMa,IAAUJ,EAAK;KACrB,AAKEvC,IALE2C,EAAQ,UAAU,IACb;MAAE,MAAMC,EAAaD,GAAS,CAAG;MAAG,GAAGb,EAAQ;KAAE,IAC/Ca,EAAQ,UAAU,IACpB;MAAE,MAAME,EAAkBF,CAAO;MAAG,GAAGb,EAAQ;KAAE,IAEjD;MAAE,MAAMgB,EAAS,GAAG,GAAGd,EAAO,OAAO,OAAOA,EAAO,OAAO,MAAM;MAAG,GAAGF,EAAQ,MAAM;KAAE;KAE/F;IACF;IACA,KAAK,OACH,QAAQxB,GAAR;KACE,KAAK;MAIH,IAAO;OAAE,MAAMwC,EAAS,GAAG,GAAGd,EAAO,OAAO,OAAOA,EAAO,OAAO,MAAM;OAAG,GAAGF,EAAQ;MAAE;MACvF;KACF,KAAK;MACH,IAAO;OAAE,MAAMiB,EAAYf,EAAO,MAAM;OAAG,GAAGF,EAAQ;MAAE;MACxD;KACF,KAAK,QAAQ;MACX,IAAM,IAAIH;MACV,IAAO;OAAE,MAAM,EAAE;OAAM,GAAGG,EAAQ;OAAG,GAAI,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,KAAK;MAAG;MACzE;KACF;KACA,KAAK;MAMH,IAAO,EAAE,MAAMpC,EAAE,QAAQ,GAAG;MAC5B;KAEF,KAAK,SAAS;MAGZ,IAAM,IAAIiC;MACV,IAAO,EACL,OAAO;OACL,KAAK,EAAE,OAAO;OACd,GAAI,EAAE,YAAY,KAAA,IAAqC,CAAC,IAA1B,EAAE,SAAS,EAAE,QAAQ;MACrD,EACF;MACA;KACF;KACA,SAEE,OADA,QAAQ,KAAK,0CAA0CrB,EAAK,oBAAoB,GACzE;IACX;GAEJ;GAGA,OADA,IAAOR,EAAaE,GAAM6B,GAAO,QAAQ,GAClC;IACL;IACA,KAAK,CAACS,EAAe;KAAE,MAAM;MAAE;MAAI,MAAM;MAAQ;MAAO;MAAM;KAAK;KAAgC,OAAO,UAAUhC;IAAO,CAAC,CAAC;GAC/H;EACJ;EACA,OAAO;GACL,aAAamB;GACb;GACA,OAAO,GAAQ,GAAuB;IACpC,IAAMW,IAAQV,EAAMW,GAAQV,CAAM;IAGlC,OAFIS,MAAU,OAAa,QAC3BZ,EAAG,SAASY,EAAM,KAAK,UAAUT,EAAO,MAAM,GACvCS,EAAM;GACf;EACF;CACF,CAAC;AACH"}
+{"version":3,"file":"insert.js","names":["e"],"sources":["../../../src/canvas/deps/insert.ts"],"sourcesContent":["/**\n * `useInsertDepSource` — wires the `insert` dep consumed by `insertAction`.\n *\n * `line`, `polygon`, `star`, and `pencil` receive the drag AABB from the insertAction invoker,\n * but `extras` may carry richer geometry (endpoints, center+radius+rotation, point trail).\n * `insertPreviewExtent` resolves the two into the node's real extent — the same resolution the\n * live preview and the reported gesture bounds use.\n */\nimport { useRef } from 'react';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { InsertDep, InsertExtras, InsertLive } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { Op } from 'core/ops/types';\nimport { createInsertOp } from 'core/ops/create';\nimport {\n  rectPath,\n  ellipsePath,\n  regularPolygonPath,\n  starPath,\n  linePath,\n  polygonFromPoints,\n  schneiderFit,\n  type PathFillRule,\n  type PolygonPath,\n} from '@weasel-js/geom';\nimport { insertPreviewExtent } from '../insertPreviewExtent';\nimport type { ShapeGenerator } from 'features/paths/shapeGenerator';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport { cycleFill, solid, strokeOf } from '../../util/paint';\nimport { composesFrames, composeWorldPose } from 'core/scene/composeFrame';\nimport { definesFrame } from 'core/scene/effectivePose';\nimport { stickyData, type StickyStyle } from '../../tools/builtin/sticky/stickyNode';\nimport { minSizeOf } from 'core/scene/minSize';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/**\n * Consumer-supplied node factory for one insert `kind`. Given the drag AABB\n * and the tool's `extras`, returns the node's `data` (in the consumer's own\n * data shape) plus an optional `pose` override — the dep supplies id, layer,\n * and the undoable insert op. Return `null` to reject the insert.\n *\n * A factory registered for a kit kind (`rect`, `line`, …) fully replaces the\n * kit's default `{ path, fill }` factory for that kind; a factory for a novel\n * kind adds support the kit doesn't ship (e.g. `text`). To change only the\n * paint of a kit shape, pass an {@link InsertPaint}. See\n * `SceneCanvas`'s `insertNodeFactories` prop.\n */\nexport type InsertNodeFactory = (\n  bounds: { x: number; y: number; width: number; height: number },\n  extras: InsertExtras,\n) => { data: unknown; pose?: unknown } | null;\n\n/**\n * The paint a kit-built shape is inserted with. `kind` is the shape being\n * built and `seq` counts this canvas's inserts from 1. A key left out stays\n * off the node, so its painter's default applies; `null` is \"none\". A pencil\n * trail too short to fit is built as a rect and asks as one. A line and an\n * open pen path are inserted unfilled: a fill given to either is dropped.\n * `fillRule` is the rule a path that carries one is built with, where the\n * kit's own is nonzero; a rect or an ellipse has none to set.\n *\n * It paints only the shapes the kit builds: an `InsertNodeFactory` owns its\n * node's whole `data`. See `SceneCanvas`'s `insertPaint` prop.\n */\nexport type InsertPaint = (kind: string, seq: number) => {\n  fill?: Fill | null;\n  stroke?: Stroke | null;\n  fillRule?: PathFillRule;\n};\n\nfunction paintKeys({ fill, stroke }: ReturnType<InsertPaint>): { fill?: Fill | null; stroke?: Stroke | null } {\n  return { ...(fill !== undefined ? { fill } : {}), ...(stroke !== undefined ? { stroke } : {}) };\n}\n\nfunction withFillRule(data: unknown, rule: PathFillRule | undefined): unknown {\n  const path = (data as { path?: object } | undefined)?.path;\n  if (rule === undefined || path === undefined || !('fillRule' in path)) return data;\n  return { ...(data as object), path: { ...path, fillRule: rule } };\n}\n\n/** The default {@link InsertPaint}: the next color of the kit palette, as a\n *  fill on a closed shape, a fill and a stroke on a pen path, and a stroke\n *  alone on a line or a pencil trail. */\nexport const paletteInsertPaint: InsertPaint = (kind, seq) => {\n  const color = cycleFill(seq);\n  if (kind === 'line' || kind === 'pencil') return { stroke: strokeOf(color, 2) };\n  if (kind === 'path') return { fill: { paint: solid(color) }, stroke: strokeOf(color, 2) };\n  return { fill: { paint: solid(color) } };\n};\n\n/** The kit's default data for a kind drawn as a box, or `null` for a kind it has none for. */\nfunction boxKindData(\n  kind: string,\n  bounds: { x: number; y: number; width: number; height: number },\n  extras: InsertExtras,\n  painted: (as?: string) => ReturnType<typeof paintKeys>,\n): unknown {\n  switch (kind) {\n    case 'rect':\n      // The rect path lives at the origin and the pose carries position:\n      // `pathInPoseFrame` rebases a rect path onto the pose box, so don't\n      // double-count the position.\n      return { path: rectPath(0, 0, bounds.width, bounds.height), ...painted() };\n    case 'ellipse':\n      return { path: ellipsePath(bounds), ...painted() };\n    case 'path': {\n      const e = extras as { path: PolygonPath; closed: boolean; data?: Readonly<Record<string, unknown>> };\n      return { ...e.data, path: e.path, ...painted(), ...(e.closed ? {} : { fill: null }) };\n    }\n    case 'text': {\n      // The built-in text tool drags an empty text box you then type into, so\n      // `extras` carries no content. The kit:text painter matches on\n      // `data.text != null` and applies style defaults at render time, so a bare\n      // `{ text }` is a complete, editable node.\n      const e = extras as Partial<{ text: string }>;\n      return { text: e.text ?? '' };\n    }\n    case 'sticky':\n      return stickyData(extras as StickyStyle & { text?: string });\n    case 'image': {\n      // The bitmap is loaded + cached by `imageCache` keyed on `src`;\n      // only the (serializable) `src` lives on the node.\n      const e = extras as Partial<{ src: string; opacity: number }>;\n      return { image: { src: e.src ?? '', ...(e.opacity !== undefined ? { opacity: e.opacity } : {}) } };\n    }\n    default:\n      return null;\n  }\n}\n\n/**\n * Where an insert lands: the container the `insertInto` dep names, on that container's\n * layer, with the pose made local to it when the scene composes frames —\n * or the top of the tree, on the first layer, when it names no container.\n */\nfunction insertSite(\n  sc: Scene<unknown, string, unknown>,\n  into: string | null | undefined,\n): { parent: NodeId | null; layer: string; local: (world: unknown) => unknown } {\n  const parent = into == null ? undefined : sc.get(into as NodeId);\n  if (parent === undefined || parent.kind !== 'container') {\n    return { parent: null, layer: (sc.layers[0]?.id ?? 'default') as string, local: (p) => p };\n  }\n  const composition = sc.composition;\n  if (composition === undefined || !composesFrames(composition)) {\n    return { parent: parent.id, layer: parent.layer, local: (p) => p };\n  }\n  const frame = composeWorldPose({\n    getPose: (id) => sc.get(id as NodeId)!.pose,\n    getParent: (id) => sc.get(id as NodeId)?.parent ?? null,\n    definesFrame: (id) => definesFrame(sc.get(id as NodeId) ?? {}),\n  }, parent.id, composition.compose);\n  return { parent: parent.id, layer: parent.layer, local: (p) => composition.decompose(frame, p) };\n}\n\nexport function useInsertDepSource(\n  scene: Scene<unknown, string, unknown>,\n  adapter: OpsApplier,\n  factories?: Record<string, InsertNodeFactory>,\n  paint: InsertPaint = paletteInsertPaint,\n): void {\n  const sceneRef = useLatest(scene);\n  const adapterRef = useLatest(adapter);\n  const factoriesRef = useLatest(factories);\n  const paintRef = useLatest(paint);\n  const registry = useDepRegistry();\n  const insertSeqRef = useRef(0);\n  const liveRef = useRef<InsertLive>({ gesture: null });\n  useDepSource('insertLive', () => liveRef.current);\n\n  useDepSource('insert', (): InsertDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n\n    const site = () => insertSite(sc, registry.get('insertInto')?.get());\n    const build: NonNullable<InsertDep['build']> = (bounds, extras) => {\n        const kind = extras.kind;\n        const { parent, layer, local } = site();\n        const seq = ++insertSeqRef.current;\n        const id = sc.mintId();\n        let asked: ReturnType<InsertPaint> | undefined;\n        const painted = (as: string = kind) => paintKeys(asked = paintRef.current(as, seq));\n\n        // The nascent node's extent — drag AABB reconciled with whatever\n        // richer geometry `extras` carries.\n        const extent = insertPreviewExtent({ shape: kind, bounds, extras });\n        const pose: unknown = extent.bounds;\n\n        // Consumer factory wins over the kit default for this kind. It owns the node's\n        // data + optional pose; the dep still supplies id/layer/op.\n        const factory = factoriesRef.current?.[kind];\n        if (factory) {\n          const built = factory(bounds, extras);\n          if (built === null) return null;\n          return {\n            id,\n            ops: [createInsertOp({ node: { id, kind: 'leaf', layer, parent, pose: local(built.pose ?? pose), data: built.data } as unknown as { id: string }, label: `Insert ${kind}` })],\n          };\n        }\n\n        const geom = extent.geometry;\n        let data: unknown;\n\n        switch (geom.kind) {\n          case 'line':\n            data = { path: linePath(geom.a, geom.b), ...painted(), fill: null };\n            break;\n          case 'polygon':\n            data = {\n              path: regularPolygonPath(geom.center, geom.radius, geom.sides, geom.rotation),\n              generator: { kind: 'polygon', sides: geom.sides, rotation: geom.rotation } satisfies ShapeGenerator,\n              ...painted(),\n            };\n            break;\n          case 'star':\n            data = {\n              path: starPath(geom.center, geom.outerRadius, geom.points, geom.innerRadius, geom.rotation),\n              generator: {\n                kind: 'star',\n                points: geom.points,\n                innerRadiusRatio: geom.outerRadius === 0 ? 0.5 : geom.innerRadius / geom.outerRadius,\n                rotation: geom.rotation,\n              } satisfies ShapeGenerator,\n              ...painted(),\n            };\n            break;\n          case 'pencil': {\n            const samples = geom.samples as { x: number; y: number }[];\n            if (samples.length >= 4) {\n              data = { path: schneiderFit(samples, 2.0), ...painted() };\n            } else if (samples.length >= 2) {\n              data = { path: polygonFromPoints(samples), ...painted() };\n            } else {\n              data = { path: rectPath(0, 0, extent.bounds.width, extent.bounds.height), ...painted('rect') };\n            }\n            break;\n          }\n          case 'box':\n            data = boxKindData(kind, extent.bounds, extras, painted);\n            if (data === null) {\n              console.warn(`weasel insertDep: no factory for kind=\"${kind}\". Skipping insert.`);\n              return null;\n            }\n            break;\n        }\n\n        data = withFillRule(data, asked?.fillRule);\n        const min = minSizeOf(extras);\n        if (min) data = { ...(data as object), minSize: min };\n        return {\n          id,\n          ops: [createInsertOp({ node: { id, kind: 'leaf', layer, parent, pose: local(pose), data } as unknown as { id: string }, label: `Insert ${kind}` })],\n        };\n    };\n    return {\n      layer: () => site().layer,\n      build,\n      commit(bounds, extras, ends): NodeId | null {\n        const built = build(bounds, extras, ends);\n        if (built === null) return null;\n        ad.applyOps(built.ops, `Insert ${extras.kind}`);\n        return built.id;\n      },\n    };\n  });\n}\n"],"mappings":"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"}

package/dist/canvas/deps/kitSettings.js

@@ -0,0 +1,16 @@
+import { useKitSettings, useLatest } from "@weasel-js/react";
+import { useDepSource } from "@weasel-js/routing/react";
+
+//#region src/canvas/deps/kitSettings.ts
+/**
+* Wires the `kitSettings` dep: the store of the nearest `<KitSettingsProvider>`,
+* resolved at invocation so a provider swapped above the canvas reaches the next action.
+*/
+function useKitSettingsDepSource() {
+	const ref = useLatest(useKitSettings());
+	useDepSource("kitSettings", () => ref.current);
+}
+
+//#endregion
+export { useKitSettingsDepSource };
+//# sourceMappingURL=kitSettings.js.map

package/dist/canvas/deps/kitSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kitSettings.js","names":[],"sources":["../../../src/canvas/deps/kitSettings.ts"],"sourcesContent":["/**\n * Wires the `kitSettings` dep: the store of the nearest `<KitSettingsProvider>`,\n * resolved at invocation so a provider swapped above the canvas reaches the next action.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useKitSettings, useLatest } from '@weasel-js/react';\n\nexport function useKitSettingsDepSource(): void {\n  const ref = useLatest(useKitSettings());\n  useDepSource('kitSettings', () => ref.current);\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,0BAAgC;CAC9C,MAAM,MAAM,UAAU,eAAe,CAAC;CACtC,aAAa,qBAAqB,IAAI,OAAO;AAC/C"}

package/dist/canvas/deps/lassoSelect.js

@@ -1,20 +1,32 @@
-import { hitTestArea as e, hitTestLassoPolygon as t, regionPickOptions as n } from "./hitTestArea.js";
-import { useLatest as r } from "@weasel-js/react";
-import { useDepSource as i } from "@weasel-js/routing/react";
+import { hitTestArea, hitTestLassoPolygon, regionPickOptions } from "./hitTestArea.js";
+import { useLatest } from "@weasel-js/react";
+import { useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/lassoSelect.ts
-function a(a, o, s, c) {
-	let l = r(a), u = r(o), d = r(s), f = r(c);
-	i("lassoSelect", () => {
-		let r = l.current, i = u.current, a = d.current, o = f.current;
+/**
+* `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by
+* `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and
+* `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.
+*/
+function useLassoSelectDepSource(scene, selection, descriptor, alphaOf) {
+	const sceneRef = useLatest(scene);
+	const selectionRef = useLatest(selection);
+	const descriptorRef = useLatest(descriptor);
+	const alphaOfRef = useLatest(alphaOf);
+	useDepSource("lassoSelect", () => {
+		const sc = sceneRef.current;
+		const s = selectionRef.current;
+		const d = descriptorRef.current;
+		const a = alphaOfRef.current;
 		return {
-			hitTestLasso: (e, i, s) => t(r, e, i, n(s, o), a),
-			hitTestArea: (t, i) => e(r, t, n(i, o), a),
-			getSelection: () => i.current,
-			setSelection: (e) => i.set(e)
+			hitTestLasso: (polygon, mode, view) => hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d),
+			hitTestArea: (bounds, view) => hitTestArea(sc, bounds, regionPickOptions(view, a), d),
+			getSelection: () => s.current,
+			setSelection: (ids) => s.set(ids)
 		};
 	});
 }
-//#endregion
-export { a as useLassoSelectDepSource };
 
+//#endregion
+export { useLassoSelectDepSource };
 //# sourceMappingURL=lassoSelect.js.map

package/dist/canvas/deps/lassoSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"lassoSelect.js","names":["hitTestAreaShared","useLassoSelectDepSource","sceneRef","useLatest","scene","selectionRef","selection","descriptorRef","descriptor","alphaOfRef","alphaOf","sc","s","d","a","hitTestLassoPolygon","polygon","mode","regionPickOptions","view","hitTestArea","bounds","ids"],"sources":["../../../src/canvas/deps/lassoSelect.ts"],"sourcesContent":["/**\n * `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by\n * `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and\n * `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LassoSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, hitTestLassoPolygon, regionPickOptions } from './hitTestArea';\n\nexport function useLassoSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n\n  useDepSource('lassoSelect', (): LassoSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    return {\n      hitTestLasso: (polygon, mode, view) =>\n        hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d),\n      hitTestArea: (bounds, view) =>\n        hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids as NodeId[]),\n    };\n  });\n}\n"],"mappings":";;;;AAaA,SAAgBC,EACd,GACA,GACA,GAEA,GACM;CACN,IAAMC,IAAWC,EAAUC,CAAK,GAC1BC,IAAeF,EAAUG,CAAS,GAClCC,IAAgBJ,EAAUK,CAAU,GACpCC,IAAaN,EAAUO,CAAO;CAEpC,EAAa,qBAAqC;EAChD,IAAMC,IAAKT,EAAS,SACdU,IAAIP,EAAa,SACjBQ,IAAIN,EAAc,SAClBO,IAAIL,EAAW;EACrB,OAAO;GACL,eAAe,GAAS,GAAM,MAC5BM,EAAoBJ,GAAIK,GAASC,GAAMC,EAAkBC,GAAML,CAAC,GAAGD,CAAC;GACtE,cAAc,GAAQ,MACpBb,EAAkBW,GAAIU,GAAQH,EAAkBC,GAAML,CAAC,GAAGD,CAAC;GAC7D,oBAAoBD,EAAE;GACtB,eAAe,MAAQA,EAAE,IAAIU,CAAe;EAC9C;CACF,CAAC;AACH"}
+{"version":3,"file":"lassoSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/lassoSelect.ts"],"sourcesContent":["/**\n * `useLassoSelectDepSource` — wires the `lassoSelect` dep consumed by\n * `lassoSelectAction`: `hitTestLasso` tests the lasso polygon itself, and\n * `hitTestArea` is the same silhouette-aware rect test `areaSelect` uses.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LassoSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, hitTestLassoPolygon, regionPickOptions } from './hitTestArea';\n\nexport function useLassoSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n\n  useDepSource('lassoSelect', (): LassoSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    return {\n      hitTestLasso: (polygon, mode, view) =>\n        hitTestLassoPolygon(sc, polygon, mode, regionPickOptions(view, a), d),\n      hitTestArea: (bounds, view) =>\n        hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids as NodeId[]),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,wBACd,OACA,WACA,YAEA,SACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CAEpC,aAAa,qBAAqC;EAChD,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,OAAO;GACL,eAAe,SAAS,MAAM,SAC5B,oBAAoB,IAAI,SAAS,MAAM,kBAAkB,MAAM,CAAC,GAAG,CAAC;GACtE,cAAc,QAAQ,SACpBA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC;GAC7D,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAe;EAC9C;CACF,CAAC;AACH"}