@weasel-js/core 1.10.1 → 1.11.1

package/dist/canvas/deps/insert.js

@@ -1,189 +1,251 @@
-import { composeWorldPose as e, composesFrames as t } from "../../core/scene/composeFrame.js";
-import { definesFrame as n } from "../../core/scene/effectivePose.js";
-import { insertPreviewExtent as r } from "../insertPreviewExtent.js";
-import { cycleFill as i, solid as a, strokeOf as o } from "../../util/paint.js";
-import { createInsertOp as s } from "../../core/ops/create.js";
-import { ellipsePath as c, linePath as l, polygonFromPoints as u, rectPath as d, regularPolygonPath as f, schneiderFit as p, starPath as m } from "@weasel-js/geom";
-import { useRef as h } from "react";
-import { useLatest as g } from "@weasel-js/react";
-import { useDepRegistry as _, useDepSource as v } 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 { insertParent } from "../../interactions/actions/insert/parent.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 y({ 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 b(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 x = (e, t) => {
-	let n = i(t);
-	return e === "line" || e === "pencil" ? { stroke: o(n, 2) } : e === "path" ? {
-		fill: { paint: a(n) },
-		stroke: o(n, 2)
-	} : { fill: { paint: a(n) } };
+/** 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 S(e, t, n, r) {
-	switch (e) {
+/** 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: d(0, 0, t.width, t.height),
-			...r()
+			path: rectPath(0, 0, bounds.width, bounds.height),
+			...painted()
 		};
 		case "ellipse": return {
-			path: c(t),
-			...r()
+			path: ellipsePath(bounds),
+			...painted()
 		};
 		case "path": {
-			let e = n;
+			const e = extras;
 			return {
+				...e.data,
 				path: e.path,
-				...r(),
+				...painted(),
 				...e.closed ? {} : { fill: null }
 			};
 		}
-		case "text": return { text: n.text ?? "" };
+		case "text": return { text: extras.text ?? "" };
+		case "sticky": return stickyData(extras);
 		case "image": {
-			let e = n;
+			const e = extras;
 			return { image: {
 				src: e.src ?? "",
-				...e.opacity === void 0 ? {} : { opacity: e.opacity }
+				...e.opacity !== void 0 ? { opacity: e.opacity } : {}
 			} };
 		}
 		default: return null;
 	}
 }
-function C(r, i) {
-	let a = i == null ? void 0 : r.get(i);
-	if (a === void 0 || a.kind !== "container") return {
+/**
+* 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 parentId = insertParent(sc, into);
+	if (parentId === null) return {
 		parent: null,
-		layer: r.layers[0]?.id ?? "default",
-		local: (e) => e
+		layer: sc.layers[0]?.id ?? "default",
+		local: (p) => p
 	};
-	let o = r.composition;
-	if (o === void 0 || !t(o)) return {
-		parent: a.id,
-		layer: a.layer,
-		local: (e) => e
+	const parent = sc.get(parentId);
+	const composition = sc.composition;
+	if (composition === void 0 || !composesFrames(composition)) return {
+		parent: parent.id,
+		layer: parent.layer,
+		local: (p) => p
 	};
-	let s = e({
-		getPose: (e) => r.get(e).pose,
-		getParent: (e) => r.get(e)?.parent ?? null,
-		definesFrame: (e) => n(r.get(e) ?? {})
-	}, a.id, o.compose);
+	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: a.id,
-		layer: a.layer,
-		local: (e) => o.decompose(s, e)
+		parent: parent.id,
+		layer: parent.layer,
+		local: (p) => composition.decompose(frame, p)
 	};
 }
-function w(e, t, n, i = x) {
-	let a = g(e), o = g(t), c = g(n), w = g(i), T = _(), E = h(0), D = h({ gesture: null });
-	v("insertLive", () => D.current), v("insert", () => {
-		let e = a.current, t = o.current, n = () => C(e, T.get("insertInto")?.get()), i = (t, i) => {
-			let a = i.kind, { parent: o, layer: h, local: g } = n(), _ = ++E.current, v = e.mintId(), x, C = (e = a) => y(x = w.current(e, _)), T = r({
-				shape: a,
-				bounds: t,
-				extras: i
-			}), D = T.bounds, O = c.current?.[a];
-			if (O) {
-				let e = O(t, i);
-				return e === null ? null : {
-					id: v,
-					ops: [s({
+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: v,
+							id,
 							kind: "leaf",
-							layer: h,
-							parent: o,
-							pose: g(e.pose ?? D),
-							data: e.data
+							layer,
+							parent,
+							pose: local(built.pose ?? pose),
+							data: built.data
 						},
-						label: `Insert ${a}`
+						label: `Insert ${kind}`
 					})]
 				};
 			}
-			let k = T.geometry, A;
-			switch (k.kind) {
+			const geom = extent.geometry;
+			let data;
+			switch (geom.kind) {
 				case "line":
-					A = {
-						path: l(k.a, k.b),
-						...C(),
+					data = {
+						path: linePath(geom.a, geom.b),
+						...painted(),
 						fill: null
 					};
 					break;
 				case "polygon":
-					A = {
-						path: f(k.center, k.radius, k.sides, k.rotation),
+					data = {
+						path: regularPolygonPath(geom.center, geom.radius, geom.sides, geom.rotation),
 						generator: {
 							kind: "polygon",
-							sides: k.sides,
-							rotation: k.rotation
+							sides: geom.sides,
+							rotation: geom.rotation
 						},
-						...C()
+						...painted()
 					};
 					break;
 				case "star":
-					A = {
-						path: m(k.center, k.outerRadius, k.points, k.innerRadius, k.rotation),
+					data = {
+						path: starPath(geom.center, geom.outerRadius, geom.points, geom.innerRadius, geom.rotation),
 						generator: {
 							kind: "star",
-							points: k.points,
-							innerRadiusRatio: k.outerRadius === 0 ? .5 : k.innerRadius / k.outerRadius,
-							rotation: k.rotation
+							points: geom.points,
+							innerRadiusRatio: geom.outerRadius === 0 ? .5 : geom.innerRadius / geom.outerRadius,
+							rotation: geom.rotation
 						},
-						...C()
+						...painted()
 					};
 					break;
 				case "pencil": {
-					let e = k.samples;
-					A = e.length >= 4 ? {
-						path: p(e, 2),
-						...C()
-					} : e.length >= 2 ? {
-						path: u(e),
-						...C()
-					} : {
-						path: d(0, 0, T.bounds.width, T.bounds.height),
-						...C("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": if (A = S(a, T.bounds, i, C), A === null) return console.warn(`weasel insertDep: no factory for kind="${a}". Skipping insert.`), null;
+				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;
+					}
 			}
-			return A = b(A, x?.fillRule), {
-				id: v,
-				ops: [s({
+			data = withFillRule(data, asked?.fillRule);
+			const min = minSizeOf(extras);
+			if (min) data = {
+				...data,
+				minSize: min
+			};
+			return {
+				id,
+				ops: [createInsertOp({
 					node: {
-						id: v,
+						id,
 						kind: "leaf",
-						layer: h,
-						parent: o,
-						pose: g(D),
-						data: A
+						layer,
+						parent,
+						pose: local(pose),
+						data
 					},
-					label: `Insert ${a}`
+					label: `Insert ${kind}`
 				})]
 			};
 		};
 		return {
-			layer: () => n().layer,
-			build: i,
-			commit(e, n) {
-				let r = i(e, n);
-				return r === null ? null : (t.applyOps(r.ops, `Insert ${n.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 { x as paletteInsertPaint, w 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","boxKindData","rectPath","bounds","painted","ellipsePath","extras","insertSite","parent","into","sc","p","composition","composesFrames","frame","composeWorldPose","id","definesFrame","useInsertDepSource","sceneRef","useLatest","scene","adapterRef","adapter","factoriesRef","factories","paintRef","paint","registry","useDepRegistry","insertSeqRef","useRef","liveRef","useDepSource","ad","site","build","asked","as","extent","insertPreviewExtent","pose","factory","built","createInsertOp","local","geom","linePath","regularPolygonPath","starPath","samples","schneiderFit","polygonFromPoints"],"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';\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 };\n      return { 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 '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 = (\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 { 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        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): 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":"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"}
+{"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 { insertParent } from 'interactions/actions/insert/parent';\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 parentId = insertParent(sc, into);\n  if (parentId === null) {\n    return { parent: null, layer: (sc.layers[0]?.id ?? 'default') as string, local: (p) => p };\n  }\n  const parent = sc.get(parentId)!;\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"}

package/dist/canvas/deps/layout.js

@@ -1,28 +1,40 @@
-import { asNodeId as e } from "../../core/scene/types.js";
-import { useEffect as t } from "react";
-import { useLatest as n } from "@weasel-js/react";
-import { useDepSource as r } from "@weasel-js/routing/react";
+import { asNodeId } from "../../core/scene/types.js";
+import { useEffect } from "react";
+import { useLatest } from "@weasel-js/react";
+import { useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/layout.ts
-function i(i, a, o) {
-	let s = n({
-		dropTarget: a,
-		reflow: o
+/**
+* `useLayoutDepSource` — wires the `layout` dep consumed by `moveAction`'s
+* drag-time reflow pass. A container's layout is the one its scene node
+* declares (`scene.layoutOf`). Carries the `layoutDropTarget` mode, and hands
+* every reflow the scene records to the reflow transition so it glides as a
+* drag's does. Always registers; returns null for a container that declares
+* no layout, so the reflow pass is a no-op without churning dep registration
+* on prop changes.
+*/
+function useLayoutDepSource(scene, dropTarget, reflow) {
+	const ref = useLatest({
+		dropTarget,
+		reflow
 	});
-	r("layout", () => ({
-		getLayout: (t) => i.layoutOf(e(t)),
-		dropTarget: s.current.dropTarget,
+	useDepSource("layout", () => ({
+		getLayout: (containerId) => scene.layoutOf(asNodeId(containerId)),
+		dropTarget: ref.current.dropTarget,
 		get reflow() {
-			return s.current.reflow ?? null;
+			return ref.current.reflow ?? null;
 		}
-	})), t(() => i.onReflow((e) => {
-		let t = s.current.reflow;
-		if (t) for (let n of e) {
-			let e = n.id;
-			t.settle(e, t.poseOf(e) === void 0 ? { from: n.from } : void 0);
+	}));
+	useEffect(() => scene.onReflow((moves) => {
+		const glide = ref.current.reflow;
+		if (!glide) return;
+		for (const m of moves) {
+			const id = m.id;
+			glide.settle(id, glide.poseOf(id) === void 0 ? { from: m.from } : void 0);
 		}
-	}), [i, s]);
+	}), [scene, ref]);
 }
-//#endregion
-export { i as useLayoutDepSource };
 
+//#endregion
+export { useLayoutDepSource };
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["useLayoutDepSource","ref","useLatest","useDepSource","scene","asNodeId","containerId","useEffect","glide","m","moves","id"],"sources":["../../../src/canvas/deps/layout.ts"],"sourcesContent":["/**\n * `useLayoutDepSource` — wires the `layout` dep consumed by `moveAction`'s\n * drag-time reflow pass. A container's layout is the one its scene node\n * declares (`scene.layoutOf`). Carries the `layoutDropTarget` mode, and hands\n * every reflow the scene records to the reflow transition so it glides as a\n * drag's does. Always registers; returns null for a container that declares\n * no layout, so the reflow pass is a no-op without churning dep registration\n * on prop changes.\n */\nimport { useEffect } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LayoutDep } from 'interactions/actions/depSchema';\nimport type { Scene } from 'core/scene/types';\nimport { asNodeId } from 'core/scene/types';\nimport type { LayoutDropTargetMode, ReflowTransition } from '../../layout/types';\n\nexport function useLayoutDepSource(\n  scene: Scene<unknown, string, unknown>,\n  dropTarget?: LayoutDropTargetMode,\n  reflow?: ReflowTransition<unknown> | null,\n): void {\n  const ref = useLatest({ dropTarget, reflow });\n\n  useDepSource('layout', (): LayoutDep => ({\n    getLayout: (containerId) => scene.layoutOf(asNodeId(containerId)),\n    dropTarget: ref.current.dropTarget,\n    get reflow() { return ref.current.reflow ?? null; },\n  }));\n\n  useEffect(() => scene.onReflow((moves) => {\n    const glide = ref.current.reflow;\n    if (!glide) return;\n    for (const m of moves) {\n      // One already gliding carries on from where it is shown.\n      const id = m.id as string;\n      glide.settle(id, glide.poseOf(id) === undefined ? { from: m.from } : undefined);\n    }\n  }), [scene, ref]);\n}\n"],"mappings":";;;;;AAiBA,SAAgBA,EACd,GACA,GACA,GACM;CACN,IAAMC,IAAMC,EAAU;EAAE;EAAY;CAAO,CAAC;CAQ5C,AANAC,EAAa,iBAA4B;EACvC,YAAY,MAAgBC,EAAM,SAASC,EAASC,CAAW,CAAC;EAChE,YAAYL,EAAI,QAAQ;EACxB,IAAI,SAAS;GAAE,OAAOA,EAAI,QAAQ,UAAU;EAAM;CACpD,EAAE,GAEFM,QAAgBH,EAAM,UAAU,MAAU;EACxC,IAAMI,IAAQP,EAAI,QAAQ;EAC1B,IAAKO,GACL,KAAK,IAAMC,KAAKC,GAAO;GAErB,IAAMC,IAAKF,EAAE;GACb,EAAM,OAAOE,GAAIH,EAAM,OAAOG,CAAE,MAAM,KAAA,IAAY,EAAE,MAAMF,EAAE,KAAK,IAAI,KAAA,CAAS;EAChF;CACF,CAAC,GAAG,CAACL,GAAOH,CAAG,CAAC;AAClB"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../../src/canvas/deps/layout.ts"],"sourcesContent":["/**\n * `useLayoutDepSource` — wires the `layout` dep consumed by `moveAction`'s\n * drag-time reflow pass. A container's layout is the one its scene node\n * declares (`scene.layoutOf`). Carries the `layoutDropTarget` mode, and hands\n * every reflow the scene records to the reflow transition so it glides as a\n * drag's does. Always registers; returns null for a container that declares\n * no layout, so the reflow pass is a no-op without churning dep registration\n * on prop changes.\n */\nimport { useEffect } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { LayoutDep } from 'interactions/actions/depSchema';\nimport type { Scene } from 'core/scene/types';\nimport { asNodeId } from 'core/scene/types';\nimport type { LayoutDropTargetMode, ReflowTransition } from '../../layout/types';\n\nexport function useLayoutDepSource(\n  scene: Scene<unknown, string, unknown>,\n  dropTarget?: LayoutDropTargetMode,\n  reflow?: ReflowTransition<unknown> | null,\n): void {\n  const ref = useLatest({ dropTarget, reflow });\n\n  useDepSource('layout', (): LayoutDep => ({\n    getLayout: (containerId) => scene.layoutOf(asNodeId(containerId)),\n    dropTarget: ref.current.dropTarget,\n    get reflow() { return ref.current.reflow ?? null; },\n  }));\n\n  useEffect(() => scene.onReflow((moves) => {\n    const glide = ref.current.reflow;\n    if (!glide) return;\n    for (const m of moves) {\n      // One already gliding carries on from where it is shown.\n      const id = m.id as string;\n      glide.settle(id, glide.poseOf(id) === undefined ? { from: m.from } : undefined);\n    }\n  }), [scene, ref]);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAgB,mBACd,OACA,YACA,QACM;CACN,MAAM,MAAM,UAAU;EAAE;EAAY;CAAO,CAAC;CAE5C,aAAa,iBAA4B;EACvC,YAAY,gBAAgB,MAAM,SAAS,SAAS,WAAW,CAAC;EAChE,YAAY,IAAI,QAAQ;EACxB,IAAI,SAAS;GAAE,OAAO,IAAI,QAAQ,UAAU;EAAM;CACpD,EAAE;CAEF,gBAAgB,MAAM,UAAU,UAAU;EACxC,MAAM,QAAQ,IAAI,QAAQ;EAC1B,IAAI,CAAC,OAAO;EACZ,KAAK,MAAM,KAAK,OAAO;GAErB,MAAM,KAAK,EAAE;GACb,MAAM,OAAO,IAAI,MAAM,OAAO,EAAE,MAAM,SAAY,EAAE,MAAM,EAAE,KAAK,IAAI,MAAS;EAChF;CACF,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC;AAClB"}