@weasel-js/core 1.10.1 → 1.11.1

package/dist/canvas/deps/editAnchors.js

@@ -1,77 +1,163 @@
-import { createTransformOp as e } from "../../core/ops/transform.js";
-import { createSetDataOp as t } from "../../core/ops/setData.js";
-import { classifyPathStorage as n, resolveEditablePathOf as r, storeEditablePath as i } from "../../features/paths/editablePath.js";
-import { withoutShapeGenerator as a } from "../../features/paths/shapeGenerator.js";
-import { remapSkin as o } from "../../animation/rig/skinBinding.js";
-import { createPathEditState as s, isSelectedNode as c } from "../../features/paths/pathEditState.js";
-import { useState as l } from "react";
-import { useLatest as u } from "@weasel-js/react";
-import { recordModeSwitch as d } from "@weasel-js/routing";
-import { useDepSource as f } from "@weasel-js/routing/react";
+import { locksOf } from "../../interactions/actions/edit-anchors/params.js";
+import { representationOf } from "../../features/paths/pathRepresentation.js";
+import { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from "../../features/paths/editablePath.js";
+import { anchorDataPatch } from "../../features/paths/anchorData.js";
+import { finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps } from "./pathEditCommits.js";
+import { useTransformFollower } from "./transformFollowers.js";
+import { createPathEditState, isSelectedNode } from "../../features/paths/pathEditState.js";
+import { useState } from "react";
+import { useLatest } from "@weasel-js/react";
+import { resolveParams } from "@weasel-js/routing";
+import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/editAnchors.ts
-var p = /* @__PURE__ */ new Set();
-function m(m, h, g, _) {
-	let v = u(m), y = u(h), b = u(g), [x] = l(() => s({ isSelectedNode: (e) => c(v.current, y.current, e) })), S = u(_ ?? x);
-	f("editAnchors", () => {
-		let s = v.current, c = b.current, l = S.current, u = l.getEditingId(), f = u ? l.getSelectedAnchors() : p, m = u ? l.getMarquee() : null, h = (n, r, c, l) => {
-			let u = r, d = s.get(n);
-			if (!d) return [];
-			let f = i(d, u);
-			if (!f) return [];
-			let p = d.data?.skin, m = p && l ? { skin: o(p, l) } : null, h = e({
-				id: n,
-				from: d.pose,
-				to: f.pose,
-				label: c
-			}), g = f.data === d.data ? d.data : a(f.data);
-			return g === d.data && !m ? [h] : [h, t({
-				id: n,
-				from: d.data,
-				to: {
-					...g,
-					...m
-				},
-				label: c
-			})];
-		};
+/**
+* `useEditAnchorsDepSource` — wires the `editAnchors` dep.
+*
+* A node's editable polygon lives in one of two places: the pose itself
+* (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.
+* `getEditablePath` returns it in **world coords** either way, and `applyEdit` commits in the
+* correct storage shape as one undoable batch, preserving the render invariant
+* `pathInWorld(stored, pose) === world`. What the node keeps per anchor — a `data.skin`, vertex
+* colors — is renumbered in that batch when the caller says where the points came from, and each path-edit extension finishes
+* the edit first (`PathEditExtension.finishEdit`). Live previews ride the standard
+* `OngoingHandle.previewIds/Pose/Data` triple — this dep doesn't own preview state.
+*/
+function tunedHandleLock(tune) {
+	return resolveParams(tune?.editAnchors?.params)?.handleLock;
+}
+var EMPTY_ANCHOR_SELECTION = /* @__PURE__ */ new Set();
+/**
+* Publish the `editAnchors` dep for `scene`: its path access and commits
+* through `adapter`, and the edit state of `externalState` (or one of its
+* own), with the extensions that state holds finishing every edit.
+*/
+function useEditAnchorsDepSource(scene, selection, adapter, externalState, tune) {
+	const registry = useDepRegistry();
+	const tuneRef = useLatest(tune);
+	const sceneRef = useLatest(scene);
+	const selectionRef = useLatest(selection);
+	const adapterRef = useLatest(adapter);
+	const [ownState] = useState(() => createPathEditState({ isSelectedNode: (id) => isSelectedNode(sceneRef.current, selectionRef.current, id) }));
+	const stateRef = useLatest(externalState ?? ownState);
+	useDepSource("editAnchors", () => {
+		const sc = sceneRef.current;
+		const ad = adapterRef.current;
+		const state = stateRef.current;
+		const effectiveId = state.getEditingId();
+		const selectedAnchors = effectiveId ? state.getSelectedAnchors() : EMPTY_ANCHOR_SELECTION;
+		const marquee = effectiveId ? state.getMarquee() : null;
+		const tool = effectiveId ? state.getTool() : null;
 		return {
-			editingId: u,
-			setEditingId(e) {
-				let t = e ?? "";
-				u !== t && (d("editAnchors.editingId", u || null, t || null, t ? "enter" : "exit"), l.setSelectedAnchors(p), l.setMarquee(null)), S.current.setEditingId(e);
-			},
-			selectedAnchors: f,
-			setSelectedAnchors(e) {
-				u && l.setSelectedAnchors(new Set(e));
+			editingId: effectiveId,
+			setEditingId(id) {
+				const next = id ?? "";
+				if (effectiveId !== next) {
+					registry.get("dispatchTrace")?.recordModeSwitch("editAnchors.editingId", effectiveId || null, next || null, next ? "enter" : "exit");
+					state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);
+					state.setSelectedMark(null);
+					state.setMarquee(null);
+				}
+				stateRef.current.setEditingId(id);
 			},
-			marquee: m,
-			setMarquee(e) {
-				u && l.setMarquee(e);
+			selectedAnchors,
+			setSelectedAnchors(next) {
+				if (!effectiveId) return;
+				const set = new Set(next);
+				if (set.size > 0) state.setSelectedMark(null);
+				state.setSelectedAnchors(set);
 			},
-			getEditablePath(e) {
-				let t = s.get(e);
-				return r(t);
+			selectedMark: effectiveId ? state.getSelectedMark() : null,
+			setSelectedMark(mark) {
+				if (!effectiveId) return;
+				if (mark !== null) state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);
+				state.setSelectedMark(mark);
 			},
-			getStorageKind(e) {
-				let t = s.get(e);
-				return n(t)?.kind ?? null;
+			extensions: state.getExtensions(),
+			marquee,
+			setMarquee(rect) {
+				if (!effectiveId) return;
+				state.setMarquee(rect);
 			},
-			getNodeShape(e) {
-				let t = s.get(e);
-				return t ? {
-					pose: t.pose,
-					data: t.data
-				} : null;
+			handleLocks: state.getHandleLocks() ?? locksOf(tunedHandleLock(tuneRef.current)),
+			setHandleLocks(next) {
+				state.setHandleLocks(next);
+				registry.changed?.();
 			},
-			applyEdit(e, t, n, r) {
-				let i = h(e, t, n, r);
-				i.length > 0 && c.applyOps(i, n);
+			tool,
+			setTool(id) {
+				if (!effectiveId) return;
+				state.setTool(id);
 			},
-			editOps: h
+			...pathAccess(sc, ad, state.getExtensions())
 		};
 	});
+	useTransformFollower(() => pathEditFollower(sceneRef.current, stateRef.current.getExtensions()));
+}
+/** The members of the dep that read the scene and commit to it. */
+function pathAccess(sc, ad, extensions) {
+	const editOps = (id, worldPath, label, origins) => {
+		const node = sc.get(id);
+		if (!node) return [];
+		const done = finishEdit(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
+		if (!done) return [];
+		const before = origins && !representationOf(extensions, node.data) ? resolveEditablePathOf(node) : null;
+		const patch = {
+			...before && origins ? anchorDataPatch(node.data, before, done.path, origins) : {},
+			...done.data
+		};
+		return [...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions), ...otherOps(sc, done.others, label, extensions)];
+	};
+	return {
+		getEditablePath(id) {
+			const node = sc.get(id);
+			return pathEditPathOf(node, extensions);
+		},
+		getOutlinePath(id) {
+			return resolveEditablePathOf(sc.get(id));
+		},
+		getStorageKind(id) {
+			const node = sc.get(id);
+			return classifyPathStorage(node)?.kind ?? null;
+		},
+		getNodeShape(id) {
+			const node = sc.get(id);
+			if (!node) return null;
+			return {
+				pose: node.pose,
+				data: node.data
+			};
+		},
+		applyEdit(id, worldPath, label, origins) {
+			const ops = editOps(id, worldPath, label, origins);
+			if (ops.length > 0) ad.applyOps(ops, label);
+		},
+		editOps,
+		finishEdit(id, worldPath, origins) {
+			const node = sc.get(id);
+			if (!node) return {
+				path: worldPath,
+				others: []
+			};
+			const done = finishEdit(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
+			if (!done) return null;
+			const others = [...done.others.values()].flatMap((o) => o.path && !o.remove ? [{
+				id: o.id,
+				path: o.path
+			}] : []);
+			return {
+				path: done.path,
+				others
+			};
+		},
+		store(id, worldPath, label, data) {
+			const node = sc.get(id);
+			const ops = node ? reshapeOps(id, node, worldPath, label, data ?? null, extensions) : [];
+			if (ops.length > 0) ad.applyOps(ops, label);
+		}
+	};
 }
-//#endregion
-export { r as resolveEditablePathOf, m as useEditAnchorsDepSource };
 
+//#endregion
+export { resolveEditablePathOf, useEditAnchorsDepSource };
 //# sourceMappingURL=editAnchors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"editAnchors.js","names":["EMPTY_ANCHOR_SELECTION","useEditAnchorsDepSource","sceneRef","useLatest","scene","selectionRef","selection","adapterRef","adapter","ownState","useState","createPathEditState","isSelectedNode","id","stateRef","externalState","sc","ad","state","effectiveId","selectedAnchors","marquee","editOps","wp","worldPath","node","next","storeEditablePath","skin","reskinned","origins","remapSkin","reshape","createTransformOp","data","withoutShapeGenerator","createSetDataOp","recordModeSwitch","rect","resolveEditablePathOf","classifyPathStorage","ops","label"],"sources":["../../../src/canvas/deps/editAnchors.ts"],"sourcesContent":["/**\n * `useEditAnchorsDepSource` — wires the `editAnchors` dep.\n *\n * A node's editable polygon lives in one of two places: the pose itself\n * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.\n * `getEditablePath` returns it in **world coords** either way, and `applyEdit` commits in the\n * correct storage shape as one undoable batch, preserving the render invariant\n * `pathInWorld(stored, pose) === world`. A node with a `data.skin` has it renumbered in that\n * batch when the caller says where the points came from. Live previews ride the standard\n * `OngoingHandle.previewIds/Pose/Data` triple — this dep doesn't own preview state.\n */\nimport { useState } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { EditAnchorsDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PointOrigin, PolygonPath } from '@weasel-js/geom';\nimport type { Skin } from '@weasel-js/animator';\nimport { remapSkin } from '../../animation/rig/skinBinding';\nimport { classifyPathStorage, resolveEditablePathOf, storeEditablePath } from 'features/paths/editablePath';\nimport { withoutShapeGenerator } from 'features/paths/shapeGenerator';\nimport { createPathEditState, isSelectedNode, type PathEditState } from 'features/paths/pathEditState';\nimport { recordModeSwitch } from '@weasel-js/routing';\nimport type { Op } from 'core/ops/types';\nimport { createTransformOp } from 'core/ops/transform';\nimport { createSetDataOp } from 'core/ops/setData';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/** The part of a `PathEditState` the dep reads and writes. */\nexport type EditAnchorsStateRef = Omit<PathEditState, 'subscribe' | 'getEditingIds'>;\n\nexport { resolveEditablePathOf };\n\nconst EMPTY_ANCHOR_SELECTION: ReadonlySet<number> = new Set<number>();\n\nexport function useEditAnchorsDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  externalState?: EditAnchorsStateRef,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n\n  // A caller that shares the state with nothing else gets one of its own.\n  const [ownState] = useState(() => createPathEditState({\n    isSelectedNode: (id) => isSelectedNode(sceneRef.current, selectionRef.current, id),\n  }));\n  const stateRef = useLatest(externalState ?? ownState);\n\n  useDepSource('editAnchors', (): EditAnchorsDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n    const state = stateRef.current;\n    const effectiveId = state.getEditingId();\n    // Anchor selection and the marquee belong to one specific edited node, so never\n    // hand them out alongside an empty id.\n    const selectedAnchors = effectiveId ? state.getSelectedAnchors() : EMPTY_ANCHOR_SELECTION;\n    const marquee = effectiveId ? state.getMarquee() : null;\n    const editOps = (id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]): Op[] => {\n      const wp = worldPath as PolygonPath;\n      const node = sc.get(id as NodeId);\n      if (!node) return [];\n      const next = storeEditablePath(node as { pose: unknown; data: unknown }, wp);\n      if (!next) return [];\n      const skin = (node.data as { skin?: Skin } | null)?.skin;\n      const reskinned = skin && origins ? { skin: remapSkin(skin, origins) } : null;\n      const reshape = createTransformOp({ id, from: node.pose, to: next.pose, label });\n      // A path edited by hand is no longer what its generator makes: it becomes plain geometry.\n      const data = next.data === node.data ? node.data : withoutShapeGenerator(next.data);\n      if (data === node.data && !reskinned) return [reshape];\n      return [reshape, createSetDataOp({ id, from: node.data, to: { ...(data as object), ...reskinned }, label })];\n    };\n    return {\n      editingId: effectiveId,\n      setEditingId(id: string | null) {\n        const next = id ?? '';\n        if (effectiveId !== next) {\n          recordModeSwitch(\n            'editAnchors.editingId',\n            effectiveId || null,\n            next || null,\n            next ? 'enter' : 'exit',\n          );\n          // Anchor indices only mean something relative to one path.\n          state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n          state.setMarquee(null);\n        }\n        stateRef.current.setEditingId(id);\n      },\n      selectedAnchors,\n      setSelectedAnchors(next: Iterable<number>) {\n        if (!effectiveId) return;\n        state.setSelectedAnchors(new Set(next));\n      },\n      marquee,\n      setMarquee(rect) {\n        if (!effectiveId) return;\n        state.setMarquee(rect);\n      },\n      getEditablePath(id: string): PolygonPath | null {\n        const node = sc.get(id as NodeId);\n        return resolveEditablePathOf(node as { pose: unknown; data: unknown });\n      },\n      getStorageKind(id: string): 'pose' | 'data' | null {\n        const node = sc.get(id as NodeId);\n        const storage = classifyPathStorage(node as { pose: unknown; data: unknown });\n        return storage?.kind ?? null;\n      },\n      getNodeShape(id: string): { pose: unknown; data: unknown } | null {\n        const node = sc.get(id as NodeId);\n        if (!node) return null;\n        return { pose: node.pose, data: node.data };\n      },\n      applyEdit(id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]) {\n        const ops = editOps(id, worldPath, label, origins);\n        if (ops.length > 0) ad.applyOps(ops, label);\n      },\n      editOps,\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;AAqCA,IAAMA,oBAA8C,IAAI,IAAY;AAEpE,SAAgBC,EACd,GACA,GACA,GACA,GACM;CACN,IAAMC,IAAWC,EAAUC,CAAK,GAC1BC,IAAeF,EAAUG,CAAS,GAClCC,IAAaJ,EAAUK,CAAO,GAG9B,CAACC,KAAYC,QAAeC,EAAoB,EACpD,iBAAiB,MAAOC,EAAeV,EAAS,SAASG,EAAa,SAASQ,CAAE,EACnF,CAAC,CAAC,GACIC,IAAWX,EAAUY,KAAiBN,CAAQ;CAEpD,EAAa,qBAAqC;EAChD,IAAMO,IAAKd,EAAS,SACde,IAAKV,EAAW,SAChBW,IAAQJ,EAAS,SACjBK,IAAcD,EAAM,aAAa,GAGjCE,IAAkBD,IAAcD,EAAM,mBAAmB,IAAIlB,GAC7DqB,IAAUF,IAAcD,EAAM,WAAW,IAAI,MAC7CI,KAAW,GAAY,GAAoB,GAAe,MAAoD;GAClH,IAAMC,IAAKC,GACLC,IAAOT,EAAG,IAAIH,CAAY;GAChC,IAAI,CAACY,GAAM,OAAO,CAAC;GACnB,IAAMC,IAAOC,EAAkBF,GAA0CF,CAAE;GAC3E,IAAI,CAACG,GAAM,OAAO,CAAC;GACnB,IAAME,IAAQH,EAAK,MAAiC,MAC9CI,IAAYD,KAAQE,IAAU,EAAE,MAAMC,EAAUH,GAAME,CAAO,EAAE,IAAI,MACnEE,IAAUC,EAAkB;IAAE;IAAI,MAAMR,EAAK;IAAM,IAAIC,EAAK;IAAM;GAAM,CAAC,GAEzEQ,IAAOR,EAAK,SAASD,EAAK,OAAOA,EAAK,OAAOU,EAAsBT,EAAK,IAAI;GAElF,OADIQ,MAAST,EAAK,QAAQ,CAACI,IAAkB,CAACG,CAAO,IAC9C,CAACA,GAASI,EAAgB;IAAE;IAAI,MAAMX,EAAK;IAAM,IAAI;KAAE,GAAIS;KAAiB,GAAGL;IAAU;IAAG;GAAM,CAAC,CAAC;EAC7G;EACA,OAAO;GACL,WAAWV;GACX,aAAa,GAAmB;IAC9B,IAAMO,IAAOb,KAAM;IAYnB,AAXIM,MAAgBO,MAClBW,EACE,yBACAlB,KAAe,MACfO,KAAQ,MACRA,IAAO,UAAU,MACnB,GAEAR,EAAM,mBAAmBlB,CAAsB,GAC/CkB,EAAM,WAAW,IAAI,IAEvBJ,EAAS,QAAQ,aAAaD,CAAE;GAClC;GACA;GACA,mBAAmB,GAAwB;IACzC,AAAKM,KACLD,EAAM,mBAAmB,IAAI,IAAIQ,CAAI,CAAC;GACxC;GACA;GACA,WAAW,GAAM;IACf,AAAKP,KACLD,EAAM,WAAWoB,CAAI;GACvB;GACA,gBAAgB,GAAgC;IAC9C,IAAMb,IAAOT,EAAG,IAAIH,CAAY;IAChC,OAAO0B,EAAsBd,CAAwC;GACvE;GACA,eAAe,GAAoC;IACjD,IAAMA,IAAOT,EAAG,IAAIH,CAAY;IAEhC,OADgB2B,EAAoBf,CAC7B,CAAA,EAAS,QAAQ;GAC1B;GACA,aAAa,GAAqD;IAChE,IAAMA,IAAOT,EAAG,IAAIH,CAAY;IAEhC,OADKY,IACE;KAAE,MAAMA,EAAK;KAAM,MAAMA,EAAK;IAAK,IADxB;GAEpB;GACA,UAAU,GAAY,GAAoB,GAAe,GAA2C;IAClG,IAAMgB,IAAMnB,EAAQT,GAAIW,GAAWkB,GAAOZ,CAAO;IACjD,AAAIW,EAAI,SAAS,KAAGxB,EAAG,SAASwB,GAAKC,CAAK;GAC5C;GACA;EACF;CACF,CAAC;AACH"}
+{"version":3,"file":"editAnchors.js","names":[],"sources":["../../../src/canvas/deps/editAnchors.ts"],"sourcesContent":["/**\n * `useEditAnchorsDepSource` — wires the `editAnchors` dep.\n *\n * A node's editable polygon lives in one of two places: the pose itself\n * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.\n * `getEditablePath` returns it in **world coords** either way, and `applyEdit` commits in the\n * correct storage shape as one undoable batch, preserving the render invariant\n * `pathInWorld(stored, pose) === world`. What the node keeps per anchor — a `data.skin`, vertex\n * colors — is renumbered in that batch when the caller says where the points came from, and each path-edit extension finishes\n * the edit first (`PathEditExtension.finishEdit`). Live previews ride the standard\n * `OngoingHandle.previewIds/Pose/Data` triple — this dep doesn't own preview state.\n */\nimport { useState } from 'react';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { EditAnchorsDep } from 'interactions/actions/depSchema';\nimport { locksOf, type EditAnchorsParams } from 'interactions/actions/edit-anchors/params';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PointOrigin, PolygonPath } from '@weasel-js/geom';\nimport { anchorDataPatch } from 'features/paths/anchorData';\nimport { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from 'features/paths/editablePath';\nimport { representationOf } from 'features/paths/pathRepresentation';\nimport type { PathEditExtension } from 'features/paths/pathEditExtension';\nimport {\n  finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps, type EditableNode,\n} from './pathEditCommits';\nimport { useTransformFollower } from './transformFollowers';\nimport { createPathEditState, isSelectedNode, type PathEditState } from 'features/paths/pathEditState';\nimport { resolveParams, type ActionTunings } from '@weasel-js/routing';\nimport type { Op } from 'core/ops/types';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/** The part of a `PathEditState` the dep reads and writes. */\nexport type EditAnchorsStateRef = Omit<PathEditState, 'subscribe' | 'getEditingIds' | 'setExtensions'>;\n/** The same, with the change notice chrome reading the dep waits on. */\nexport type EditAnchorsStateSource = EditAnchorsStateRef & Partial<Pick<PathEditState, 'subscribe'>>;\n\nexport { resolveEditablePathOf };\n\nfunction tunedHandleLock(tune: ActionTunings | undefined): EditAnchorsParams['handleLock'] {\n  const params = resolveParams(tune?.editAnchors?.params as Parameters<typeof resolveParams>[0]);\n  return (params as EditAnchorsParams | undefined)?.handleLock;\n}\n\nconst EMPTY_ANCHOR_SELECTION: ReadonlySet<number> = new Set<number>();\n\n/**\n * Publish the `editAnchors` dep for `scene`: its path access and commits\n * through `adapter`, and the edit state of `externalState` (or one of its\n * own), with the extensions that state holds finishing every edit.\n */\nexport function useEditAnchorsDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  externalState?: EditAnchorsStateRef,\n  /** `<SceneCanvas tune>`: the handle locks start from its `editAnchors`\n   *  `handleLock` param until a toggle sets them. */\n  tune?: ActionTunings,\n): void {\n  const registry = useDepRegistry();\n  const tuneRef = useLatest(tune);\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n\n  // A caller that shares the state with nothing else gets one of its own.\n  const [ownState] = useState(() => createPathEditState({\n    isSelectedNode: (id) => isSelectedNode(sceneRef.current, selectionRef.current, id),\n  }));\n  const stateRef = useLatest(externalState ?? ownState);\n\n  useDepSource('editAnchors', (): EditAnchorsDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n    const state = stateRef.current;\n    const effectiveId = state.getEditingId();\n    // Anchor selection and the marquee belong to one specific edited node, so never\n    // hand them out alongside an empty id.\n    const selectedAnchors = effectiveId ? state.getSelectedAnchors() : EMPTY_ANCHOR_SELECTION;\n    const marquee = effectiveId ? state.getMarquee() : null;\n    const tool = effectiveId ? state.getTool() : null;\n    return {\n      editingId: effectiveId,\n      setEditingId(id: string | null) {\n        const next = id ?? '';\n        if (effectiveId !== next) {\n          registry.get('dispatchTrace')?.recordModeSwitch(\n            'editAnchors.editingId',\n            effectiveId || null,\n            next || null,\n            next ? 'enter' : 'exit',\n          );\n          // Anchor indices only mean something relative to one path.\n          state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n          state.setSelectedMark(null);\n          state.setMarquee(null);\n        }\n        stateRef.current.setEditingId(id);\n      },\n      selectedAnchors,\n      setSelectedAnchors(next: Iterable<number>) {\n        if (!effectiveId) return;\n        const set = new Set(next);\n        if (set.size > 0) state.setSelectedMark(null);\n        state.setSelectedAnchors(set);\n      },\n      selectedMark: effectiveId ? state.getSelectedMark() : null,\n      setSelectedMark(mark) {\n        if (!effectiveId) return;\n        if (mark !== null) state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n        state.setSelectedMark(mark);\n      },\n      extensions: state.getExtensions(),\n      marquee,\n      setMarquee(rect) {\n        if (!effectiveId) return;\n        state.setMarquee(rect);\n      },\n      handleLocks: state.getHandleLocks() ?? locksOf(tunedHandleLock(tuneRef.current)),\n      setHandleLocks(next) {\n        state.setHandleLocks(next);\n        registry.changed?.();\n      },\n      tool,\n      setTool(id) {\n        if (!effectiveId) return;\n        state.setTool(id);\n      },\n      ...pathAccess(sc, ad, state.getExtensions()),\n    };\n  });\n  useTransformFollower(() => pathEditFollower(sceneRef.current, stateRef.current.getExtensions()));\n}\n\n/** The members of the dep that read the scene and commit to it. */\nfunction pathAccess(\n  sc: Scene<unknown, string, unknown>,\n  ad: OpsApplier,\n  extensions: readonly PathEditExtension[],\n): Pick<\n  EditAnchorsDep,\n  | 'getEditablePath' | 'getOutlinePath' | 'getStorageKind' | 'getNodeShape' | 'applyEdit' | 'editOps' | 'finishEdit'\n  | 'store'\n> {\n  const editOps = (id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]): Op[] => {\n    const node = sc.get(id as NodeId) as EditableNode | undefined;\n    if (!node) return [];\n    const done = finishEdit(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n    if (!done) return [];\n    // A form's origins number the anchors of its edit path, not data.path's.\n    const before = origins && !representationOf(extensions, node.data) ? resolveEditablePathOf(node) : null;\n    const patch = { ...(before && origins ? anchorDataPatch(node.data, before, done.path, origins) : {}), ...done.data };\n    return [\n      ...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions),\n      ...otherOps(sc, done.others, label, extensions),\n    ];\n  };\n  return {\n    getEditablePath(id: string): PolygonPath | null {\n      const node = sc.get(id as NodeId);\n      return pathEditPathOf(node as { pose: unknown; data: unknown }, extensions);\n    },\n    getOutlinePath(id: string): PolygonPath | null {\n      return resolveEditablePathOf(sc.get(id as NodeId) as { pose: unknown; data: unknown });\n    },\n    getStorageKind(id: string): 'pose' | 'data' | null {\n      const node = sc.get(id as NodeId);\n      const storage = classifyPathStorage(node as { pose: unknown; data: unknown });\n      return storage?.kind ?? null;\n    },\n    getNodeShape(id: string): { pose: unknown; data: unknown } | null {\n      const node = sc.get(id as NodeId);\n      if (!node) return null;\n      return { pose: node.pose, data: node.data };\n    },\n    applyEdit(id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]) {\n      const ops = editOps(id, worldPath, label, origins);\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n    editOps,\n    finishEdit(id: string, worldPath: unknown, origins?: readonly (PointOrigin | null)[]) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      if (!node) return { path: worldPath, others: [] };\n      const done = finishEdit(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n      if (!done) return null;\n      const others = [...done.others.values()].flatMap((o) => (o.path && !o.remove ? [{ id: o.id, path: o.path }] : []));\n      return { path: done.path, others };\n    },\n    store(id, worldPath, label, data) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      const ops = node ? reshapeOps(id, node, worldPath, label, data ?? null, extensions) : [];\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/canvas/deps/geometryProjection.js

@@ -1,11 +1,17 @@
-import { useLatest as e } from "@weasel-js/react";
-import { useDepSource as t } from "@weasel-js/routing/react";
+import { useLatest } from "@weasel-js/react";
+import { useDepSource } from "@weasel-js/routing/react";
+
 //#region src/canvas/deps/geometryProjection.ts
-function n(n) {
-	let r = e(n);
-	t("geometryProjection", () => r.current);
+/**
+* Wires the `geometryProjection` dep consumed by pose-transform actions.
+* A source that returns `undefined` is indistinguishable from no registration:
+* actions treat a missing dep as "no geometry rewrite".
+*/
+function useGeometryProjection(projection) {
+	const ref = useLatest(projection);
+	useDepSource("geometryProjection", () => ref.current);
 }
-//#endregion
-export { n as useGeometryProjection };
 
+//#endregion
+export { useGeometryProjection };
 //# sourceMappingURL=geometryProjection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"geometryProjection.js","names":["useGeometryProjection","ref","useLatest","projection"],"sources":["../../../src/canvas/deps/geometryProjection.ts"],"sourcesContent":["/**\n * Wires the `geometryProjection` dep consumed by pose-transform actions.\n * A source that returns `undefined` is indistinguishable from no registration:\n * actions treat a missing dep as \"no geometry rewrite\".\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { GeometryProjection } from 'interactions/actions/geometryProjection';\n\nexport function useGeometryProjection(\n  projection: GeometryProjection | undefined,\n): void {\n  const ref = useLatest(projection);\n  useDepSource('geometryProjection', () => ref.current);\n}\n"],"mappings":";;;AASA,SAAgBA,EACd,GACM;CACN,IAAMC,IAAMC,EAAUC,CAAU;CAChC,EAAa,4BAA4BF,EAAI,OAAO;AACtD"}
+{"version":3,"file":"geometryProjection.js","names":[],"sources":["../../../src/canvas/deps/geometryProjection.ts"],"sourcesContent":["/**\n * Wires the `geometryProjection` dep consumed by pose-transform actions.\n * A source that returns `undefined` is indistinguishable from no registration:\n * actions treat a missing dep as \"no geometry rewrite\".\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { GeometryProjection } from 'interactions/actions/geometryProjection';\n\nexport function useGeometryProjection(\n  projection: GeometryProjection | undefined,\n): void {\n  const ref = useLatest(projection);\n  useDepSource('geometryProjection', () => ref.current);\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,sBACd,YACM;CACN,MAAM,MAAM,UAAU,UAAU;CAChC,aAAa,4BAA4B,IAAI,OAAO;AACtD"}

package/dist/canvas/deps/hitTestArea.js

@@ -1,71 +1,96 @@
-import { rectToPlane as e, toPlane as t } from "../../core/viewport/parallax.js";
-import { poseDescriptorForNode as n, visualBoundsViaDescriptor as r } from "../../core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR as i } from "../../core/geometry/autoPoseDescriptor.js";
-import { findShapeInk as a, findShapeSilhouette as o } from "../NodeShape.js";
-import { pickWalk as s, scenePickSource as c } from "../pickWalk.js";
-import { polygonRegion as l, poseOutline as u, rectRegion as d, regionBoundsOf as f, regionOf as p, regionTakes as m } from "../../core/geometry/regionHit.js";
-import { applyToPoint as h, pathIntersectsRect as g } from "@weasel-js/geom";
+import { rectToPlane, toPlane } from "../../core/viewport/parallax.js";
+import { poseDescriptorForNode, visualBoundsViaDescriptor } from "../../core/geometry/poseDescriptor.js";
+import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { findShapeInk, findShapeSilhouette } from "../NodeShape.js";
+import { pickWalk, scenePickSource } from "../pickWalk.js";
+import { polygonRegion, poseOutline, rectRegion, regionBoundsOf, regionOf, regionTakes } from "../../core/geometry/regionHit.js";
+import { applyToPoint, pathIntersectsRect } from "@weasel-js/geom";
+
 //#region src/canvas/deps/hitTestArea.ts
-function _(e, t) {
-	let n = e?.get?.();
+/** The pick options a region dep hands the shared walk: the asking view's
+*  layer gate and camera, and the surface's alpha. */
+function regionPickOptions(view, alphaOf) {
+	const camera = view?.get?.();
 	return {
-		...t ? { alphaOf: t } : {},
-		...e?.layerIsPainted ? { layerIsPainted: (t) => e.layerIsPainted(t) } : {},
-		...n ? { camera: n } : {}
+		...alphaOf ? { alphaOf } : {},
+		...view?.layerIsPainted ? { layerIsPainted: (layer) => view.layerIsPainted(layer) } : {},
+		...camera ? { camera } : {}
 	};
 }
-function v(e, t, n, r = i, a = {}) {
-	return x(e, d(t), "intersect", n, r, a);
+/** Marquee entry point: every node the rect `bounds` meets. */
+function hitTestArea(scene, bounds, opts, descriptor = AUTO_POSE_DESCRIPTOR, query = {}) {
+	return walkArea(scene, rectRegion(bounds), "intersect", opts, descriptor, query);
 }
-function y(e, t, n, r, a = i, o = {}) {
-	let s = l(t);
-	return s ? x(e, s, n, r, a, o) : [];
+/**
+* Lasso entry point: which nodes a closed lasso polygon picks under `mode`
+* (see `regionTakes`).
+*/
+function hitTestLassoPolygon(scene, polygon, mode, opts, descriptor = AUTO_POSE_DESCRIPTOR, query = {}) {
+	const region = polygonRegion(polygon);
+	return region ? walkArea(scene, region, mode, opts, descriptor, query) : [];
 }
-function b(e, t) {
-	return t?.kind === "polygon" ? e() ? t : {
-		...t,
+/** `shape` as a region reads it: a polygon path's open subpaths enclose
+*  nothing when the node's painter lays down no fill. */
+function asInked(filled, shape) {
+	if (shape?.kind !== "polygon") return shape;
+	return filled() ? shape : {
+		...shape,
 		openFill: "none"
-	} : t;
+	};
 }
-function x(e, t, i, l, d, p) {
-	let h = (e) => ({
-		includeContainers: p.includeContainers === !0,
-		clipAdmits: (t, i, a) => {
-			let o = n(d, i);
-			return g(t, r(a, o)) && g(t, e.bounds);
+/** The walk every region query shares: skip containers unless asked, gate on
+*  the clip, and let `regionTakes` decide each node. */
+function walkArea(scene, region, mode, opts, descriptor, query) {
+	const regionQuery = (r) => ({
+		includeContainers: query.includeContainers === true,
+		clipAdmits: (clip, node, pose) => {
+			const g = poseDescriptorForNode(descriptor, node);
+			return pathIntersectsRect(clip, visualBoundsViaDescriptor(pose, g)) && pathIntersectsRect(clip, r.bounds);
 		},
-		hits: (t, r) => {
-			let s = n(d, t), c = f(t, r, s), l, p = () => l ??= a(t, r)?.filled !== !1;
-			return m(e, i, b(p, r), c, () => b(p, o(t, r) ?? u(r, c)), p);
+		hits: (node, pose) => {
+			const g = poseDescriptorForNode(descriptor, node);
+			const b = regionBoundsOf(node, pose, g);
+			let ink;
+			const filled = () => ink ??= findShapeInk(node, pose)?.filled !== false;
+			return regionTakes(r, mode, asInked(filled, pose), b, () => asInked(filled, findShapeSilhouette(node, pose) ?? poseOutline(pose, b)), filled);
 		},
-		inPlane: (t) => h(S(e, t)),
-		inCopy: (t) => h(C(e, t))
+		inPlane: (m) => regionQuery(regionInPlane(r, m)),
+		inCopy: (m) => regionQuery(regionInCopy(r, m))
 	});
-	return s(c(e, l), h(t));
+	return pickWalk(scenePickSource(scene, opts), regionQuery(region));
 }
-function S(n, r) {
-	let i = [];
-	for (let e of n.verts) {
-		let n = t(r, e);
-		i.push(n.x, n.y);
+/** `r` carried into a plane's world. The map is axis-aligned, so a rect stays
+*  one; a flipped axis reverses the winding, which no region test reads. */
+function regionInPlane(r, m) {
+	const coords = [];
+	for (const v of r.verts) {
+		const p = toPlane(m, v);
+		coords.push(p.x, p.y);
 	}
-	return p(i, e(r, n.bounds), n.isRect);
+	return regionOf(coords, rectToPlane(m, r.bounds), r.isRect);
 }
-function C(e, t) {
-	let n = [], r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
-	for (let s of e.verts) {
-		let [e, c] = h(t, s.x, s.y);
-		n.push(e, c), r = Math.min(r, e), i = Math.min(i, c), a = Math.max(a, e), o = Math.max(o, c);
+/** `r` carried by an affine into a copy's source frame. A rect stays one only
+*  while the map keeps the axes; a turn makes it a polygon. */
+function regionInCopy(r, m) {
+	const coords = [];
+	let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+	for (const v of r.verts) {
+		const [x, y] = applyToPoint(m, v.x, v.y);
+		coords.push(x, y);
+		x0 = Math.min(x0, x);
+		y0 = Math.min(y0, y);
+		x1 = Math.max(x1, x);
+		y1 = Math.max(y1, y);
 	}
-	let s = t[1] === 0 && t[2] === 0 || t[0] === 0 && t[3] === 0;
-	return p(n, {
-		x: r,
-		y: i,
-		width: a - r,
-		height: o - i
-	}, e.isRect && s);
+	const keepsAxes = m[1] === 0 && m[2] === 0 || m[0] === 0 && m[3] === 0;
+	return regionOf(coords, {
+		x: x0,
+		y: y0,
+		width: x1 - x0,
+		height: y1 - y0
+	}, r.isRect && keepsAxes);
 }
-//#endregion
-export { v as hitTestArea, y as hitTestLassoPolygon, _ as regionPickOptions };
 
+//#endregion
+export { hitTestArea, hitTestLassoPolygon, regionPickOptions };
 //# sourceMappingURL=hitTestArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hitTestArea.js","names":["regionPickOptions","camera","view","alphaOf","layer","hitTestArea","AUTO_POSE_DESCRIPTOR","walkArea","scene","rectRegion","bounds","opts","descriptor","query","hitTestLassoPolygon","region","polygonRegion","polygon","mode","asInked","shape","filled","regionQuery","g","poseDescriptorForNode","node","pathIntersectsRect","clip","visualBoundsViaDescriptor","pose","r","b","regionBoundsOf","ink","findShapeInk","regionTakes","findShapeSilhouette","poseOutline","regionInPlane","m","regionInCopy","pickWalk","scenePickSource","coords","v","p","toPlane","regionOf","rectToPlane","x0","y0","x1","y1","x","y","applyToPoint","keepsAxes"],"sources":["../../../src/canvas/deps/hitTestArea.ts"],"sourcesContent":["/**\n * Silhouette-aware area hit-test for marquee and lasso selection.\n *\n * The per-node decision is `regionTakes` (`core/geometry/regionHit`). This\n * module supplies the scene walk and the node's drawn outline: the painter's\n * world-frame silhouette (`findShapeSilhouette`), or with no painter the pose\n * rect, rotated if the pose is.\n */\nimport type { Scene, NodeId } from 'core/scene/types';\nimport { applyToPoint, pathIntersectsRect, type Affine } from '@weasel-js/geom';\nimport type { LassoHitMode } from 'core/adapters/types';\nimport {\n  poseDescriptorForNode,\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'interactions/actions/resize/geometry';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport {\n  pickWalk,\n  scenePickSource,\n  type PickQuery,\n  type ScenePickSourceOptions,\n} from 'canvas/pickWalk';\nimport { rectToPlane, toPlane, type PlaneMap } from 'core/viewport/parallax';\n\nexport { hiddenLayerIds } from 'canvas/pickWalk';\nimport type { HitTestView } from 'interactions/actions/depSchema';\nimport { findShapeInk, findShapeSilhouette } from 'canvas/NodeShape';\nimport {\n  polygonRegion,\n  poseOutline,\n  rectRegion,\n  regionBoundsOf,\n  regionOf,\n  regionTakes,\n  type SelectRegion,\n} from 'core/geometry/regionHit';\n\nexport interface AABBBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/** What a region query takes back beyond leaves. */\nexport interface RegionQueryOptions {\n  /** Default `false`: a region that takes a container and its children\n   *  selects the same ink twice. A bare-adapter consumer, which has nothing\n   *  to fold children back into their container, asks for them. */\n  includeContainers?: boolean;\n}\n\n\n/** The pick options a region dep hands the shared walk: the asking view's\n *  layer gate and camera, and the surface's alpha. */\nexport function regionPickOptions(\n  view: HitTestView | undefined,\n  alphaOf: ((id: string) => number) | undefined,\n): ScenePickSourceOptions<unknown> {\n  const camera = view?.get?.();\n  return {\n    ...(alphaOf ? { alphaOf } : {}),\n    ...(view?.layerIsPainted ? { layerIsPainted: (layer: string) => view.layerIsPainted!(layer) } : {}),\n    ...(camera ? { camera } : {}),\n  };\n}\n\n/** Marquee entry point: every node the rect `bounds` meets. */\nexport function hitTestArea(\n  scene: Scene<unknown, string, unknown>,\n  bounds: AABBBounds,\n  opts?: ScenePickSourceOptions<unknown>,\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  return walkArea(scene, rectRegion(bounds), 'intersect', opts, descriptor, query);\n}\n\n/**\n * Every node an arbitrary closed area polygon meets. `area` is interleaved\n * `[x0,y0,x1,y1,…]`; `areaBounds` is its AABB, derived when omitted.\n */\nexport function hitTestAreaPolygon(\n  scene: Scene<unknown, string, unknown>,\n  area: ArrayLike<number>,\n  areaBounds?: AABBBounds,\n  /** True when `area` IS its own bounding rect, so `areaBounds` containment\n   *  implies containment in the area proper. Never pass this for a lasso\n   *  polygon — a node inside the hull's box can miss the hull. */\n  areaIsRect = false,\n  /** The asking view's alpha and layer accessors. A bare scene answers for\n   *  itself; a view that dims or reorders layers has to supply its own. */\n  opts?: ScenePickSourceOptions<unknown>,\n  /** How to read this scene's poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  const region = regionOf(area, areaBounds, areaIsRect);\n  return region ? walkArea(scene, region, 'intersect', opts, descriptor, query) : [];\n}\n\n/**\n * Lasso entry point: which nodes a closed lasso polygon picks under `mode`\n * (see `regionTakes`).\n */\nexport function hitTestLassoPolygon(\n  scene: Scene<unknown, string, unknown>,\n  polygon: ReadonlyArray<{ x: number; y: number }>,\n  mode: LassoHitMode,\n  opts?: ScenePickSourceOptions<unknown>,\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  const region = polygonRegion(polygon);\n  return region ? walkArea(scene, region, mode, opts, descriptor, query) : [];\n}\n\n/** `shape` as a region reads it: a polygon path's open subpaths enclose\n *  nothing when the node's painter lays down no fill. */\nfunction asInked<T>(filled: () => boolean, shape: T): T {\n  if ((shape as { kind?: unknown } | null)?.kind !== 'polygon') return shape;\n  return filled() ? shape : { ...shape, openFill: 'none' };\n}\n\n/** The walk every region query shares: skip containers unless asked, gate on\n *  the clip, and let `regionTakes` decide each node. */\nfunction walkArea(\n  scene: Scene<unknown, string, unknown>,\n  region: SelectRegion,\n  mode: LassoHitMode,\n  opts: ScenePickSourceOptions<unknown> | undefined,\n  descriptor: PoseDescriptor<unknown>,\n  query: RegionQueryOptions,\n): NodeId[] {\n  const regionQuery = (r: SelectRegion): PickQuery<unknown> => ({\n    includeContainers: query.includeContainers === true,\n    clipAdmits: (clip, node, pose) => {\n      const g = poseDescriptorForNode(descriptor, node);\n      return pathIntersectsRect(clip, visualBoundsViaDescriptor(pose, g))\n        && pathIntersectsRect(clip, r.bounds);\n    },\n    hits: (node, pose) => {\n      // The descriptor sees the node here, so a pose shape whose extent\n      // depends on `node.data` bounds itself rather than its pose's default.\n      const g = poseDescriptorForNode(descriptor, node);\n      const b = regionBoundsOf(node as object, pose, g);\n      let ink: boolean | undefined;\n      const filled = (): boolean => ink ??= findShapeInk(node as never, pose)?.filled !== false;\n      return regionTakes(r, mode, asInked(filled, pose), b, () =>\n        asInked(filled, findShapeSilhouette(node as never, pose) ?? poseOutline(pose, b)), filled);\n    },\n    inPlane: (m) => regionQuery(regionInPlane(r, m)),\n    inCopy: (m) => regionQuery(regionInCopy(r, m)),\n  });\n  return pickWalk<unknown>(scenePickSource(scene, opts), regionQuery(region)) as NodeId[];\n}\n\n/** `r` carried into a plane's world. The map is axis-aligned, so a rect stays\n *  one; a flipped axis reverses the winding, which no region test reads. */\nfunction regionInPlane(r: SelectRegion, m: PlaneMap): SelectRegion {\n  const coords: number[] = [];\n  for (const v of r.verts) {\n    const p = toPlane(m, v);\n    coords.push(p.x, p.y);\n  }\n  return regionOf(coords, rectToPlane(m, r.bounds), r.isRect)!;\n}\n\n/** `r` carried by an affine into a copy's source frame. A rect stays one only\n *  while the map keeps the axes; a turn makes it a polygon. */\nfunction regionInCopy(r: SelectRegion, m: Affine): SelectRegion {\n  const coords: number[] = [];\n  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;\n  for (const v of r.verts) {\n    const [x, y] = applyToPoint(m, v.x, v.y);\n    coords.push(x, y);\n    x0 = Math.min(x0, x); y0 = Math.min(y0, y); x1 = Math.max(x1, x); y1 = Math.max(y1, y);\n  }\n  const keepsAxes = (m[1] === 0 && m[2] === 0) || (m[0] === 0 && m[3] === 0);\n  return regionOf(coords, { x: x0, y: y0, width: x1 - x0, height: y1 - y0 }, r.isRect && keepsAxes)!;\n}\n"],"mappings":"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"}
+{"version":3,"file":"hitTestArea.js","names":[],"sources":["../../../src/canvas/deps/hitTestArea.ts"],"sourcesContent":["/**\n * Silhouette-aware area hit-test for marquee and lasso selection.\n *\n * The per-node decision is `regionTakes` (`core/geometry/regionHit`). This\n * module supplies the scene walk and the node's drawn outline: the painter's\n * world-frame silhouette (`findShapeSilhouette`), or with no painter the pose\n * rect, rotated if the pose is.\n */\nimport type { Scene, NodeId } from 'core/scene/types';\nimport { applyToPoint, pathIntersectsRect, type Affine } from '@weasel-js/geom';\nimport type { LassoHitMode } from 'core/adapters/types';\nimport {\n  poseDescriptorForNode,\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'interactions/actions/resize/geometry';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport {\n  pickWalk,\n  scenePickSource,\n  type PickQuery,\n  type ScenePickSourceOptions,\n} from 'canvas/pickWalk';\nimport { rectToPlane, toPlane, type PlaneMap } from 'core/viewport/parallax';\n\nimport type { HitTestView } from 'interactions/actions/depSchema';\nimport { findShapeInk, findShapeSilhouette } from 'canvas/NodeShape';\nimport {\n  polygonRegion,\n  poseOutline,\n  rectRegion,\n  regionBoundsOf,\n  regionOf,\n  regionTakes,\n  type SelectRegion,\n} from 'core/geometry/regionHit';\n\nexport interface AABBBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/** What a region query takes back beyond leaves. */\nexport interface RegionQueryOptions {\n  /** Default `false`: a region that takes a container and its children\n   *  selects the same ink twice. A bare-adapter consumer, which has nothing\n   *  to fold children back into their container, asks for them. */\n  includeContainers?: boolean;\n}\n\n\n/** The pick options a region dep hands the shared walk: the asking view's\n *  layer gate and camera, and the surface's alpha. */\nexport function regionPickOptions(\n  view: HitTestView | undefined,\n  alphaOf: ((id: string) => number) | undefined,\n): ScenePickSourceOptions<unknown> {\n  const camera = view?.get?.();\n  return {\n    ...(alphaOf ? { alphaOf } : {}),\n    ...(view?.layerIsPainted ? { layerIsPainted: (layer: string) => view.layerIsPainted!(layer) } : {}),\n    ...(camera ? { camera } : {}),\n  };\n}\n\n/** Marquee entry point: every node the rect `bounds` meets. */\nexport function hitTestArea(\n  scene: Scene<unknown, string, unknown>,\n  bounds: AABBBounds,\n  opts?: ScenePickSourceOptions<unknown>,\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  return walkArea(scene, rectRegion(bounds), 'intersect', opts, descriptor, query);\n}\n\n/**\n * Every node an arbitrary closed area polygon meets. `area` is interleaved\n * `[x0,y0,x1,y1,…]`; `areaBounds` is its AABB, derived when omitted.\n */\nexport function hitTestAreaPolygon(\n  scene: Scene<unknown, string, unknown>,\n  area: ArrayLike<number>,\n  areaBounds?: AABBBounds,\n  /** True when `area` IS its own bounding rect, so `areaBounds` containment\n   *  implies containment in the area proper. Never pass this for a lasso\n   *  polygon — a node inside the hull's box can miss the hull. */\n  areaIsRect = false,\n  /** The asking view's alpha and layer accessors. A bare scene answers for\n   *  itself; a view that dims or reorders layers has to supply its own. */\n  opts?: ScenePickSourceOptions<unknown>,\n  /** How to read this scene's poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  const region = regionOf(area, areaBounds, areaIsRect);\n  return region ? walkArea(scene, region, 'intersect', opts, descriptor, query) : [];\n}\n\n/**\n * Lasso entry point: which nodes a closed lasso polygon picks under `mode`\n * (see `regionTakes`).\n */\nexport function hitTestLassoPolygon(\n  scene: Scene<unknown, string, unknown>,\n  polygon: ReadonlyArray<{ x: number; y: number }>,\n  mode: LassoHitMode,\n  opts?: ScenePickSourceOptions<unknown>,\n  descriptor: PoseDescriptor<unknown> = AUTO_POSE_DESCRIPTOR,\n  query: RegionQueryOptions = {},\n): NodeId[] {\n  const region = polygonRegion(polygon);\n  return region ? walkArea(scene, region, mode, opts, descriptor, query) : [];\n}\n\n/** `shape` as a region reads it: a polygon path's open subpaths enclose\n *  nothing when the node's painter lays down no fill. */\nfunction asInked<T>(filled: () => boolean, shape: T): T {\n  if ((shape as { kind?: unknown } | null)?.kind !== 'polygon') return shape;\n  return filled() ? shape : { ...shape, openFill: 'none' };\n}\n\n/** The walk every region query shares: skip containers unless asked, gate on\n *  the clip, and let `regionTakes` decide each node. */\nfunction walkArea(\n  scene: Scene<unknown, string, unknown>,\n  region: SelectRegion,\n  mode: LassoHitMode,\n  opts: ScenePickSourceOptions<unknown> | undefined,\n  descriptor: PoseDescriptor<unknown>,\n  query: RegionQueryOptions,\n): NodeId[] {\n  const regionQuery = (r: SelectRegion): PickQuery<unknown> => ({\n    includeContainers: query.includeContainers === true,\n    clipAdmits: (clip, node, pose) => {\n      const g = poseDescriptorForNode(descriptor, node);\n      return pathIntersectsRect(clip, visualBoundsViaDescriptor(pose, g))\n        && pathIntersectsRect(clip, r.bounds);\n    },\n    hits: (node, pose) => {\n      // The descriptor sees the node here, so a pose shape whose extent\n      // depends on `node.data` bounds itself rather than its pose's default.\n      const g = poseDescriptorForNode(descriptor, node);\n      const b = regionBoundsOf(node as object, pose, g);\n      let ink: boolean | undefined;\n      const filled = (): boolean => ink ??= findShapeInk(node as never, pose)?.filled !== false;\n      return regionTakes(r, mode, asInked(filled, pose), b, () =>\n        asInked(filled, findShapeSilhouette(node as never, pose) ?? poseOutline(pose, b)), filled);\n    },\n    inPlane: (m) => regionQuery(regionInPlane(r, m)),\n    inCopy: (m) => regionQuery(regionInCopy(r, m)),\n  });\n  return pickWalk<unknown>(scenePickSource(scene, opts), regionQuery(region)) as NodeId[];\n}\n\n/** `r` carried into a plane's world. The map is axis-aligned, so a rect stays\n *  one; a flipped axis reverses the winding, which no region test reads. */\nfunction regionInPlane(r: SelectRegion, m: PlaneMap): SelectRegion {\n  const coords: number[] = [];\n  for (const v of r.verts) {\n    const p = toPlane(m, v);\n    coords.push(p.x, p.y);\n  }\n  return regionOf(coords, rectToPlane(m, r.bounds), r.isRect)!;\n}\n\n/** `r` carried by an affine into a copy's source frame. A rect stays one only\n *  while the map keeps the axes; a turn makes it a polygon. */\nfunction regionInCopy(r: SelectRegion, m: Affine): SelectRegion {\n  const coords: number[] = [];\n  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;\n  for (const v of r.verts) {\n    const [x, y] = applyToPoint(m, v.x, v.y);\n    coords.push(x, y);\n    x0 = Math.min(x0, x); y0 = Math.min(y0, y); x1 = Math.max(x1, x); y1 = Math.max(y1, y);\n  }\n  const keepsAxes = (m[1] === 0 && m[2] === 0) || (m[0] === 0 && m[3] === 0);\n  return regionOf(coords, { x: x0, y: y0, width: x1 - x0, height: y1 - y0 }, r.isRect && keepsAxes)!;\n}\n"],"mappings":"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"}

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"}