@weasel-js/core 1.10.0 → 1.10.1

package/dist/canvas/SceneCanvas/scenePointQuery.js

@@ -0,0 +1,50 @@
+import { toPlane as e } from "../../core/viewport/parallax.js";
+import { findShapeInk as t, shapeCoversPoint as n } from "../NodeShape.js";
+import { poseContains as r, poseContainsRotated as i } from "./poseGeometry.js";
+import { applyToPoint as a, meanScale as o, pathContainsPoint as s } from "@weasel-js/geom";
+//#region src/canvas/SceneCanvas/scenePointQuery.ts
+function c(c, l, u) {
+	let d = (f, p, m) => {
+		let h = o(m), g = {
+			px: u,
+			scale: m
+		};
+		return {
+			hits: (e, a, o) => {
+				let s = l ? t(e, a, { scale: h }) : null, u = {
+					...g,
+					px: g.px + (s?.outsetPx ?? 0),
+					reach: s?.outset ?? 0
+				};
+				return (o ? r(o, f, p, u, c) : i(a, f, p, u, c)) ? !l || n(e, a, f, p, {
+					tolerance: g,
+					scale: h,
+					derivedPath: o
+				}) : !1;
+			},
+			clipAdmits: (e) => s(e, f, p),
+			inPlane: (t) => {
+				let n = e(t, {
+					x: f,
+					y: p
+				});
+				return d(n.x, n.y, {
+					x: m.x / t.scale.x,
+					y: m.y / t.scale.y
+				});
+			},
+			inCopy: (e) => {
+				let [t, n] = a(e, f, p), r = Math.sqrt(Math.abs(e[0] * e[3] - e[1] * e[2]));
+				return d(t, n, {
+					x: m.x / r,
+					y: m.y / r
+				});
+			}
+		};
+	};
+	return d;
+}
+//#endregion
+export { c as scenePointQuery };
+
+//# sourceMappingURL=scenePointQuery.js.map

package/dist/canvas/SceneCanvas/scenePointQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scenePointQuery.js","names":["scenePointQuery","pointQuery","scale","meanScale","s","tolerance","pickTolerancePx","ink","shapePicking","findShapeInk","n","pose","slop","derived","poseContains","px","py","d","poseContainsRotated","shapeCoversPoint","pathContainsPoint","clip","p","toPlane","m","x","y","applyToPoint","k"],"sources":["../../../src/canvas/SceneCanvas/scenePointQuery.ts"],"sourcesContent":["import { applyToPoint, meanScale, pathContainsPoint } from '@weasel-js/geom';\nimport type { PickQuery } from 'canvas/pickWalk';\nimport { findShapeInk, shapeCoversPoint } from 'canvas/NodeShape';\nimport { toPlane } from 'core/viewport/parallax';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { poseContains, poseContainsRotated } from './poseGeometry';\n\n/** The point query `<SceneCanvas>`'s default pick asks: a world point with\n *  `pickTolerancePx` of screen slop, refined to the painter's ink when\n *  `shapePicking` is on. */\nexport function scenePointQuery<TPose>(\n  d: PoseDescriptor<unknown>,\n  shapePicking: boolean,\n  pickTolerancePx: number,\n): (px: number, py: number, s: { x: number; y: number }) => PickQuery<TPose> {\n  // `s` makes the slop a screen distance, so the grab zone stays the same\n  // apparent thickness at any zoom and on every axis. A `{ px }` stroke's\n  // reach is on screen too, and joins the slop there.\n  const pointQuery = (px: number, py: number, s: { x: number; y: number }): PickQuery<TPose> => {\n    const scale = meanScale(s);\n    const tolerance = { px: pickTolerancePx, scale: s };\n    return {\n      hits: (n, pose, derived) => {\n        // The pre-filter has to be at least as generous as the refinement\n        // that follows it, or it rejects points the refinement would have\n        // claimed. A stroke reaches past the pose box by `outset` — a whole\n        // stroke width for an outer align — on top of the pointer slop.\n        const ink = shapePicking ? findShapeInk(n as never, pose, { scale }) : null;\n        // A derived node's pose is a placeholder — typically zero-sized at\n        // the origin — so its own box rejects every point the path covers.\n        // The path is the region to test instead, and `poseContains` already\n        // reads a path-like pose as one.\n        const slop = { ...tolerance, px: tolerance.px + (ink?.outsetPx ?? 0), reach: ink?.outset ?? 0 };\n        const admitted = derived\n          ? poseContains(derived as never, px, py, slop, d as PoseDescriptor<unknown>)\n          : poseContainsRotated(pose, px, py, slop, d as PoseDescriptor<unknown>);\n        if (!admitted) return false;\n        // `shapeCoversPoint` narrows the rect to the ink the painter actually\n        // lays down (and answers `true` for painters that have no silhouette,\n        // so nothing becomes unpickable).\n        return !shapePicking\n          || shapeCoversPoint(n as never, pose, px, py, {\n            tolerance, scale, derivedPath: derived,\n          });\n      },\n      clipAdmits: (clip) => pathContainsPoint(clip, px, py),\n      inPlane: (m) => {\n        const p = toPlane(m, { x: px, y: py });\n        return pointQuery(p.x, p.y, { x: s.x / m.scale.x, y: s.y / m.scale.y });\n      },\n      inCopy: (m) => {\n        const [x, y] = applyToPoint(m, px, py);\n        const k = Math.sqrt(Math.abs(m[0] * m[3] - m[1] * m[2]));\n        return pointQuery(x, y, { x: s.x / k, y: s.y / k });\n      },\n    };\n  };\n  return pointQuery;\n}\n"],"mappings":";;;;;AAUA,SAAgBA,EACd,GACA,GACA,GAC2E;CAI3E,IAAMC,KAAc,GAAY,GAAY,MAAkD;EAC5F,IAAMC,IAAQC,EAAUC,CAAC,GACnBC,IAAY;GAAE,IAAIC;GAAiB,OAAOF;EAAE;EAClD,OAAO;GACL,OAAO,GAAG,GAAM,MAAY;IAK1B,IAAMG,IAAMC,IAAeC,EAAaC,GAAYC,GAAM,EAAE,SAAM,CAAC,IAAI,MAKjEC,IAAO;KAAE,GAAGP;KAAW,IAAIA,EAAU,MAAME,GAAK,YAAY;KAAI,OAAOA,GAAK,UAAU;IAAE;IAQ9F,QAPiBM,IACbC,EAAaD,GAAkBE,GAAIC,GAAIJ,GAAMK,CAA4B,IACzEC,EAAoBP,GAAMI,GAAIC,GAAIJ,GAAMK,CAA4B,KAKjE,CAACT,KACHW,EAAiBT,GAAYC,GAAMI,GAAIC,GAAI;KAC5C;KAAW;KAAO,aAAaH;IACjC,CAAC,IAPmB;GAQxB;GACA,aAAa,MAASO,EAAkBC,GAAMN,GAAIC,CAAE;GACpD,UAAU,MAAM;IACd,IAAMM,IAAIC,EAAQC,GAAG;KAAE,GAAGT;KAAI,GAAGC;IAAG,CAAC;IACrC,OAAOf,EAAWqB,EAAE,GAAGA,EAAE,GAAG;KAAE,GAAGlB,EAAE,IAAIoB,EAAE,MAAM;KAAG,GAAGpB,EAAE,IAAIoB,EAAE,MAAM;IAAE,CAAC;GACxE;GACA,SAAS,MAAM;IACb,IAAM,CAACC,GAAGC,KAAKC,EAAaH,GAAGT,GAAIC,CAAE,GAC/BY,IAAI,KAAK,KAAK,KAAK,IAAIJ,EAAE,KAAKA,EAAE,KAAKA,EAAE,KAAKA,EAAE,EAAE,CAAC;IACvD,OAAOvB,EAAWwB,GAAGC,GAAG;KAAE,GAAGtB,EAAE,IAAIwB;KAAG,GAAGxB,EAAE,IAAIwB;IAAE,CAAC;GACpD;EACF;CACF;CACA,OAAO3B;AACT"}

package/dist/canvas/SceneCanvas/shapeGeneratorProperties.js

@@ -0,0 +1,52 @@
+import { SHAPE_COUNT_RANGE as e, STAR_RATIO_RANGE as t } from "../../features/paths/shapeGenerator.js";
+import { decimal as n } from "@weasel-js/quantity";
+//#region src/canvas/SceneCanvas/shapeGeneratorProperties.ts
+var r = n({
+	maxPlaces: 2,
+	grouping: !1
+}), i = {
+	polygon: {
+		name: "Polygon",
+		showIf: { path: "data.generator.sides" },
+		members: { "data.generator.sides": {
+			kind: "number",
+			display: r,
+			name: "Sides",
+			description: "Number of sides.",
+			default: 6,
+			min: e.min,
+			max: e.max,
+			step: 1
+		} }
+	},
+	star: {
+		name: "Star",
+		showIf: { path: "data.generator.points" },
+		members: {
+			"data.generator.points": {
+				kind: "number",
+				display: r,
+				name: "Points",
+				description: "Number of points.",
+				default: 5,
+				min: e.min,
+				max: e.max,
+				step: 1
+			},
+			"data.generator.innerRadiusRatio": {
+				kind: "number",
+				name: "Inner",
+				description: "Inner radius as a fraction of the outer one.",
+				default: .5,
+				min: t.min,
+				max: t.max,
+				step: .01,
+				control: "slider"
+			}
+		}
+	}
+};
+//#endregion
+export { i as SHAPE_GENERATOR_SECTIONS };
+
+//# sourceMappingURL=shapeGeneratorProperties.js.map

package/dist/canvas/SceneCanvas/shapeGeneratorProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapeGeneratorProperties.js","names":["WHOLE","decimal","SHAPE_GENERATOR_SECTIONS","SHAPE_COUNT_RANGE","STAR_RATIO_RANGE"],"sources":["../../../src/canvas/SceneCanvas/shapeGeneratorProperties.ts"],"sourcesContent":["import type { PrefSection } from '@weasel-js/prefs';\nimport { decimal } from '@weasel-js/quantity';\nimport { SHAPE_COUNT_RANGE, STAR_RATIO_RANGE } from 'features/paths/shapeGenerator';\n\nconst WHOLE = decimal({ maxPlaces: 2, grouping: false });\n\n/**\n * The rows that edit a polygon's or a star's `data.generator`, each shown only\n * on a node holding that kind's generator. A write to one regenerates the\n * shape through the entry's `settle` (`settleShapeGenerator`).\n */\nexport const SHAPE_GENERATOR_SECTIONS: Record<string, PrefSection> = {\n  polygon: {\n    name: 'Polygon',\n    showIf: { path: 'data.generator.sides' },\n    members: {\n      'data.generator.sides': {\n        kind: 'number', display: WHOLE, name: 'Sides', description: 'Number of sides.',\n        default: 6, min: SHAPE_COUNT_RANGE.min, max: SHAPE_COUNT_RANGE.max, step: 1,\n      },\n    },\n  },\n  star: {\n    name: 'Star',\n    showIf: { path: 'data.generator.points' },\n    members: {\n      'data.generator.points': {\n        kind: 'number', display: WHOLE, name: 'Points', description: 'Number of points.',\n        default: 5, min: SHAPE_COUNT_RANGE.min, max: SHAPE_COUNT_RANGE.max, step: 1,\n      },\n      'data.generator.innerRadiusRatio': {\n        kind: 'number', name: 'Inner', description: 'Inner radius as a fraction of the outer one.',\n        default: 0.5, min: STAR_RATIO_RANGE.min, max: STAR_RATIO_RANGE.max, step: 0.01, control: 'slider',\n      },\n    },\n  },\n};\n"],"mappings":";;;AAIA,IAAMA,IAAQC,EAAQ;CAAE,WAAW;CAAG,UAAU;AAAM,CAAC,GAO1CC,IAAwD;CACnE,SAAS;EACP,MAAM;EACN,QAAQ,EAAE,MAAM,uBAAuB;EACvC,SAAS,EACP,wBAAwB;GACtB,MAAM;GAAU,SAASF;GAAO,MAAM;GAAS,aAAa;GAC5D,SAAS;GAAG,KAAKG,EAAkB;GAAK,KAAKA,EAAkB;GAAK,MAAM;EAC5E,EACF;CACF;CACA,MAAM;EACJ,MAAM;EACN,QAAQ,EAAE,MAAM,wBAAwB;EACxC,SAAS;GACP,yBAAyB;IACvB,MAAM;IAAU,SAASH;IAAO,MAAM;IAAU,aAAa;IAC7D,SAAS;IAAG,KAAKG,EAAkB;IAAK,KAAKA,EAAkB;IAAK,MAAM;GAC5E;GACA,mCAAmC;IACjC,MAAM;IAAU,MAAM;IAAS,aAAa;IAC5C,SAAS;IAAK,KAAKC,EAAiB;IAAK,KAAKA,EAAiB;IAAK,MAAM;IAAM,SAAS;GAC3F;EACF;CACF;AACF"}

package/dist/canvas/SceneCanvas/useActionTunings.js

@@ -0,0 +1,17 @@
+import { useEffect as e } from "react";
+import { useActionsRegistry as t } from "@weasel-js/routing/react";
+//#region src/canvas/SceneCanvas/useActionTunings.ts
+function n(n) {
+	let r = t();
+	e(() => {
+		if (!r || !n) return;
+		let e = Object.entries(n).flatMap(([e, t]) => t ? [r.tune(e, t)] : []);
+		return () => {
+			for (let t of e) t();
+		};
+	}, [r, n]);
+}
+//#endregion
+export { n as useActionTunings };
+
+//# sourceMappingURL=useActionTunings.js.map

package/dist/canvas/SceneCanvas/useActionTunings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionTunings.js","names":["useActionTunings","reg","useActionsRegistry","tune","releases","id","release"],"sources":["../../../src/canvas/SceneCanvas/useActionTunings.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { ActionTuning, ActionTunings } from '@weasel-js/routing';\nimport { useActionsRegistry } from '@weasel-js/routing/react';\n\n/** Hold `tune`'s tunings on the registry in scope for as long as the object\n *  is the same one. */\nexport function useActionTunings(tune: ActionTunings | undefined): void {\n  const reg = useActionsRegistry();\n  useEffect(() => {\n    if (!reg || !tune) return;\n    const releases = Object.entries(tune).flatMap(([id, t]) => (t ? [reg.tune(id, t as ActionTuning)] : []));\n    return () => { for (const release of releases) release(); };\n  }, [reg, tune]);\n}\n"],"mappings":";;;AAMA,SAAgBA,EAAiB,GAAuC;CACtE,IAAMC,IAAMC,EAAmB;CAC/B,QAAgB;EACd,IAAI,CAACD,KAAO,CAACE,GAAM;EACnB,IAAMC,IAAW,OAAO,QAAQD,CAAI,CAAC,CAAC,SAAS,CAACE,GAAI,OAAQ,IAAI,CAACJ,EAAI,KAAKI,GAAI,CAAiB,CAAC,IAAI,CAAC,CAAE;EACvG,aAAa;GAAE,KAAK,IAAMC,KAAWF,GAAU,EAAQ;EAAG;CAC5D,GAAG,CAACH,GAAKE,CAAI,CAAC;AAChB"}

package/dist/canvas/SceneCanvas/useCanvasCamera.js

@@ -1,38 +1,46 @@
-import { useViewAnimationOn as e } from "../../core/viewport/useViewAnimation.js";
-import { useCanvasView as t } from "../useCanvasView.js";
-import { useInsertionEffect as n, useMemo as r, useRef as i } from "react";
-import { useLatest as a } from "@weasel-js/react";
-import { useAnimator as o } from "@weasel-js/animator";
+import { sameView as e } from "../../core/viewport/view.js";
+import { useViewAnimationOn as t } from "../../core/viewport/useViewAnimation.js";
+import { useCanvasView as n } from "../useCanvasView.js";
+import { useInsertionEffect as r, useMemo as i, useRef as a } from "react";
+import { useLatest as o } from "@weasel-js/react";
+import { useAnimator as s } from "@weasel-js/animator";
 //#region src/canvas/SceneCanvas/useCanvasCamera.ts
-function s(s) {
-	let { view: c, defaultView: l, onViewChange: u, viewBounds: d, width: f, height: p, requestRedraw: m } = s, h = a({
-		width: f,
-		height: p
-	}), g = i(null), _ = t({
-		view: c,
-		defaultView: l,
+function c(c) {
+	let { view: l, defaultView: u, onViewChange: d, viewBounds: f, width: p, height: m, requestRedraw: h } = c, g = o({
+		width: p,
+		height: m
+	}), _ = a(null), v = a(!1), y = n({
+		view: l,
+		defaultView: u,
 		onViewChange: (e) => {
-			g.current?.stopIfExternal(), u?.(e);
+			_.current?.stopIfExternal(), d?.(e);
 		},
-		viewBounds: d,
-		dims: () => h.current,
-		requestRedraw: m
-	}), v = o(), { viewRef: y, setViewFromInput: b } = _, x = r(() => ({
-		get: () => y.current,
-		set: b
-	}), [y, b]), S = e(x, v);
-	return n(() => {
-		g.current = S;
+		viewBounds: f,
+		dims: () => g.current,
+		requestRedraw: h
+	}), b = s(), { viewRef: x, setViewFromInput: S, controlled: C } = y, w = i(() => ({
+		get: () => x.current,
+		set: (e) => {
+			v.current = !0, S(e);
+		}
+	}), [x, S]), T = t(w, b);
+	r(() => {
+		_.current = T;
+	});
+	let E = a(C);
+	return r(() => {
+		let t = E.current;
+		E.current = C, C && t && !e(t, C) && (v.current ? v.current = !1 : T.stopIfExternal());
 	}), {
-		viewState: _,
-		viewAnimation: S,
-		camera: r(() => ({
-			target: S.viewTarget,
-			animator: v
-		}), [S, v])
+		viewState: y,
+		viewAnimation: T,
+		camera: i(() => ({
+			target: T.viewTarget,
+			animator: b
+		}), [T, b])
 	};
 }
 //#endregion
-export { s as useCanvasCamera };
+export { c as useCanvasCamera };
 
 //# sourceMappingURL=useCanvasCamera.js.map

package/dist/canvas/SceneCanvas/useCanvasCamera.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasCamera.js","names":["useCanvasCamera","opts","size","useLatest","animationRef","useRef","viewState","useCanvasView","onViewChange","next","animator","useAnimator","channel","useMemo","viewRef","setViewFromInput","viewAnimation","useViewAnimationOn","useInsertionEffect"],"sources":["../../../src/canvas/SceneCanvas/useCanvasCamera.ts"],"sourcesContent":["import { useInsertionEffect, useMemo, useRef } from 'react';\nimport { useAnimator } from '@weasel-js/animator';\nimport { useLatest } from '@weasel-js/react';\nimport { useViewAnimationOn, type ViewAnimationApi } from 'core/viewport/useViewAnimation';\nimport type { SceneCanvasApi } from '../canvasExtension';\nimport { useCanvasView, type CameraProps, type CanvasViewState } from '../useCanvasView';\n\n/**\n * The canvas's camera: the view `<Canvas>` looks through, the runner behind\n * `animateView`, and the target and animator it runs on.\n */\nexport function useCanvasCamera(opts: CameraProps & {\n  /** The size the camera looks through, which `viewBounds` clamps against. */\n  width: number;\n  height: number;\n  requestRedraw: () => void;\n}): {\n  viewState: CanvasViewState;\n  viewAnimation: ViewAnimationApi;\n  camera: SceneCanvasApi['camera'];\n} {\n  const { view, defaultView, onViewChange, viewBounds, width, height, requestRedraw } = opts;\n  const size = useLatest({ width, height });\n  const animationRef = useRef<ViewAnimationApi | null>(null);\n  const viewState = useCanvasView({\n    view,\n    defaultView,\n    // Every write to the view is reported here, so it is the runner's one\n    // interrupt feed.\n    onViewChange: (next) => {\n      animationRef.current?.stopIfExternal();\n      onViewChange?.(next);\n    },\n    viewBounds,\n    dims: () => size.current,\n    requestRedraw,\n  });\n\n  // The camera runs on its own animator, never the `animator` prop's: that prop\n  // is the consumer's scene animator, and their `cancelAll()` or `pause()` must\n  // not strand a zoom half-finished or freeze the camera.\n  const animator = useAnimator();\n  const { viewRef, setViewFromInput } = viewState;\n  const channel = useMemo(\n    () => ({ get: () => viewRef.current, set: setViewFromInput }),\n    [viewRef, setViewFromInput],\n  );\n  const viewAnimation = useViewAnimationOn(channel, animator);\n  useInsertionEffect(() => { animationRef.current = viewAnimation; });\n  const camera = useMemo(() => ({ target: viewAnimation.viewTarget, animator }), [viewAnimation, animator]);\n  return { viewState, viewAnimation, camera };\n}\n"],"mappings":";;;;;;AAWA,SAAgBA,EAAgB,GAS9B;CACA,IAAM,EAAE,SAAM,gBAAa,iBAAc,eAAY,UAAO,WAAQ,qBAAkBC,GAChFC,IAAOC,EAAU;EAAE;EAAO;CAAO,CAAC,GAClCC,IAAeC,EAAgC,IAAI,GACnDC,IAAYC,EAAc;EAC9B;EACA;EAGA,eAAe,MAAS;GAEtB,AADAH,EAAa,SAAS,eAAe,GACrCI,IAAeC,CAAI;EACrB;EACA;EACA,YAAYP,EAAK;EACjB;CACF,CAAC,GAKKQ,IAAWC,EAAY,GACvB,EAAE,YAAS,wBAAqBL,GAChCM,IAAUC,SACP;EAAE,WAAWC,EAAQ;EAAS,KAAKC;CAAiB,IAC3D,CAACD,GAASC,CAAgB,CAC5B,GACMC,IAAgBC,EAAmBL,GAASF,CAAQ;CAG1D,OAFAQ,QAAyB;EAAE,EAAa,UAAUF;CAAe,CAAC,GAE3D;EAAE;EAAW;EAAe,QADpBH,SAAe;GAAE,QAAQG,EAAc;GAAY;EAAS,IAAI,CAACA,GAAeN,CAAQ,CACpE;CAAO;AAC5C"}
+{"version":3,"file":"useCanvasCamera.js","names":["useCanvasCamera","opts","size","useLatest","animationRef","useRef","runnerWroteRef","viewState","useCanvasView","onViewChange","next","animator","useAnimator","channel","useMemo","viewRef","setViewFromInput","viewAnimation","useViewAnimationOn","lastControlledRef","controlled","useInsertionEffect","was"],"sources":["../../../src/canvas/SceneCanvas/useCanvasCamera.ts"],"sourcesContent":["import { useInsertionEffect, useMemo, useRef } from 'react';\nimport { useAnimator } from '@weasel-js/animator';\nimport { useLatest } from '@weasel-js/react';\nimport { useViewAnimationOn, type ViewAnimationApi } from 'core/viewport/useViewAnimation';\nimport { sameView, type View } from 'core/viewport/view';\nimport type { SceneCanvasApi } from '../canvasExtension';\nimport { useCanvasView, type CameraProps, type CanvasViewState } from '../useCanvasView';\n\n/**\n * The canvas's camera: the view `<Canvas>` looks through, the runner behind\n * `animateView`, and the target and animator it runs on.\n */\nexport function useCanvasCamera(opts: CameraProps & {\n  /** The size the camera looks through, which `viewBounds` clamps against. */\n  width: number;\n  height: number;\n  requestRedraw: () => void;\n}): {\n  viewState: CanvasViewState;\n  viewAnimation: ViewAnimationApi;\n  camera: SceneCanvasApi['camera'];\n} {\n  const { view, defaultView, onViewChange, viewBounds, width, height, requestRedraw } = opts;\n  const size = useLatest({ width, height });\n  const animationRef = useRef<ViewAnimationApi | null>(null);\n  /** The runner has written a frame since the controlled view last moved. */\n  const runnerWroteRef = useRef(false);\n  const viewState = useCanvasView({\n    view,\n    defaultView,\n    // Every write to the view is reported here, so it is the runner's one\n    // interrupt feed.\n    onViewChange: (next) => {\n      animationRef.current?.stopIfExternal();\n      onViewChange?.(next);\n    },\n    viewBounds,\n    dims: () => size.current,\n    requestRedraw,\n  });\n\n  // The camera runs on its own animator, never the `animator` prop's: that prop\n  // is the consumer's scene animator, and their `cancelAll()` or `pause()` must\n  // not strand a zoom half-finished or freeze the camera.\n  const animator = useAnimator();\n  const { viewRef, setViewFromInput, controlled } = viewState;\n  const channel = useMemo(\n    () => ({\n      get: () => viewRef.current,\n      set: (next: View) => {\n        runnerWroteRef.current = true;\n        setViewFromInput(next);\n      },\n    }),\n    [viewRef, setViewFromInput],\n  );\n  const viewAnimation = useViewAnimationOn(channel, animator);\n  useInsertionEffect(() => { animationRef.current = viewAnimation; });\n\n  // A controlled consumer writing `view` in their own state never passes\n  // through `onViewChange`. Their handling of a frame cannot be told from such\n  // a write by value, since they may clamp or round what they are handed, so it\n  // is told by order: a prop that moves with no frame written since it last\n  // moved is theirs. One that lands in the same render as a frame's is missed.\n  const lastControlledRef = useRef(controlled);\n  useInsertionEffect(() => {\n    const was = lastControlledRef.current;\n    lastControlledRef.current = controlled;\n    if (!controlled || !was || sameView(was, controlled)) return;\n    if (runnerWroteRef.current) runnerWroteRef.current = false;\n    else viewAnimation.stopIfExternal();\n  });\n  const camera = useMemo(() => ({ target: viewAnimation.viewTarget, animator }), [viewAnimation, animator]);\n  return { viewState, viewAnimation, camera };\n}\n"],"mappings":";;;;;;;AAYA,SAAgBA,EAAgB,GAS9B;CACA,IAAM,EAAE,SAAM,gBAAa,iBAAc,eAAY,UAAO,WAAQ,qBAAkBC,GAChFC,IAAOC,EAAU;EAAE;EAAO;CAAO,CAAC,GAClCC,IAAeC,EAAgC,IAAI,GAEnDC,IAAiBD,EAAO,EAAK,GAC7BE,IAAYC,EAAc;EAC9B;EACA;EAGA,eAAe,MAAS;GAEtB,AADAJ,EAAa,SAAS,eAAe,GACrCK,IAAeC,CAAI;EACrB;EACA;EACA,YAAYR,EAAK;EACjB;CACF,CAAC,GAKKS,IAAWC,EAAY,GACvB,EAAE,YAAS,qBAAkB,kBAAeL,GAC5CM,IAAUC,SACP;EACL,WAAWC,EAAQ;EACnB,MAAM,MAAe;GAEnB,AADA,EAAe,UAAU,IACzBC,EAAiBN,CAAI;EACvB;CACF,IACA,CAACK,GAASC,CAAgB,CAC5B,GACMC,IAAgBC,EAAmBL,GAASF,CAAQ;CAC1D,QAAyB;EAAE,EAAa,UAAUM;CAAe,CAAC;CAOlE,IAAME,IAAoBd,EAAOe,CAAU;CAS3C,OARAC,QAAyB;EACvB,IAAMC,IAAMH,EAAkB;EAE9B,AADA,EAAkB,UAAUC,GACvBA,KAAeE,KAAO,GAASA,GAAKF,CAAU,MAC/Cd,EAAe,UAAS,EAAe,UAAU,KAChDW,EAAc,eAAe;CACpC,CAAC,GAEM;EAAE;EAAW;EAAe,QADpBH,SAAe;GAAE,QAAQG,EAAc;GAAY;EAAS,IAAI,CAACA,GAAeN,CAAQ,CACpE;CAAO;AAC5C"}

package/dist/canvas/SceneCanvas/useCanvasDispatcher.js

@@ -1,20 +1,20 @@
 import { createDispatcherPreviewSources as e, createGestureSource as t } from "./dispatcherGestureBounds.js";
 import { useRef as n, useState as r } from "react";
-import { createDispatcher as i } from "@weasel-js/routing";
+import { useLatest as i } from "@weasel-js/react";
+import { createDispatcher as a } from "@weasel-js/routing";
 //#region src/canvas/SceneCanvas/useCanvasDispatcher.ts
-function a() {
-	let a = n(null), o = n(null);
-	o.current ||= i({ getAction: (e) => a.current?.(e) });
-	let s = o.current, [c] = r(() => t(() => o.current)), [{ previewIdsExtra: l, previewPoseExtra: u }] = r(() => e(() => o.current));
+function o(o) {
+	let s = i(o), c = n(null);
+	c.current ||= a({ getAction: (e) => s.current?.list().find((t) => t.id === e) });
+	let l = c.current, [u] = r(() => t(() => c.current)), [{ previewIdsExtra: d, previewPoseExtra: f }] = r(() => e(() => c.current));
 	return {
-		dispatcher: s,
-		getActionRef: a,
-		gestureSource: c,
-		previewIdsExtra: l,
-		previewPoseExtra: u
+		dispatcher: l,
+		gestureSource: u,
+		previewIdsExtra: d,
+		previewPoseExtra: f
 	};
 }
 //#endregion
-export { a as useCanvasDispatcher };
+export { o as useCanvasDispatcher };
 
 //# sourceMappingURL=useCanvasDispatcher.js.map

package/dist/canvas/SceneCanvas/useCanvasDispatcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasDispatcher.js","names":["useCanvasDispatcher","getActionRef","useRef","dispatcherRef","createDispatcher","id","dispatcher","gestureSource","useState","createGestureSource","createDispatcherPreviewSources"],"sources":["../../../src/canvas/SceneCanvas/useCanvasDispatcher.ts"],"sourcesContent":["import { useRef, useState, type MutableRefObject } from 'react';\nimport { createDispatcher, type Action, type Dispatcher } from '@weasel-js/routing';\nimport type { GestureSource } from '../gestureBounds';\nimport { createDispatcherPreviewSources, createGestureSource } from './dispatcherGestureBounds';\n\n/**\n * One `Dispatcher` for the life of a `<SceneCanvas>`, shared by the gesture\n * mounter that pumps input into it and the layers that walk its in-flight\n * handles, with the lookups those layers and `<Canvas>` read it through.\n */\nexport function useCanvasDispatcher(): {\n  dispatcher: Dispatcher;\n  /** How the dispatcher resolves an action id at call time. Populated by\n   *  `StandardActionsRegistrar` once it has the registry in scope. */\n  getActionRef: MutableRefObject<((id: string) => Action | undefined) | null>;\n  /** In-flight preview ids, nascent-insert bounds, and the pump signal. */\n  gestureSource: GestureSource;\n  /** Ids whose committed paint an in-flight ghost hides. */\n  previewIdsExtra: () => string[];\n  /** The pose an in-flight handle proposes for an id. */\n  previewPoseExtra: (id: string) => unknown;\n} {\n  const getActionRef = useRef<((id: string) => Action | undefined) | null>(null);\n  const dispatcherRef = useRef<Dispatcher | null>(null);\n  if (!dispatcherRef.current) {\n    dispatcherRef.current = createDispatcher({\n      getAction: (id) => getActionRef.current?.(id),\n    });\n  }\n  const dispatcher = dispatcherRef.current;\n  const [gestureSource] = useState(() => createGestureSource(() => dispatcherRef.current));\n  const [{ previewIdsExtra, previewPoseExtra }] = useState(\n    () => createDispatcherPreviewSources(() => dispatcherRef.current),\n  );\n  return { dispatcher, getActionRef, gestureSource, previewIdsExtra, previewPoseExtra };\n}\n"],"mappings":";;;;AAUA,SAAgBA,IAWd;CACA,IAAMC,IAAeC,EAAoD,IAAI,GACvEC,IAAgBD,EAA0B,IAAI;CACpD,AACEC,EAAc,YAAUC,EAAiB,EACvC,YAAY,MAAOH,EAAa,UAAUI,CAAE,EAC9C,CAAC;CAEH,IAAMC,IAAaH,EAAc,SAC3B,CAACI,KAAiBC,QAAeC,QAA0BN,EAAc,OAAO,CAAC,GACjF,CAAC,EAAE,oBAAiB,yBAAsBK,QACxCE,QAAqCP,EAAc,OAAO,CAClE;CACA,OAAO;EAAE;EAAY;EAAc;EAAe;EAAiB;CAAiB;AACtF"}
+{"version":3,"file":"useCanvasDispatcher.js","names":["useCanvasDispatcher","registryRef","useLatest","registry","dispatcherRef","useRef","createDispatcher","a","id","dispatcher","gestureSource","useState","createGestureSource","createDispatcherPreviewSources"],"sources":["../../../src/canvas/SceneCanvas/useCanvasDispatcher.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { createDispatcher, type ActionsRegistry, type Dispatcher } from '@weasel-js/routing';\nimport type { GestureSource } from '../gestureBounds';\nimport { createDispatcherPreviewSources, createGestureSource } from './dispatcherGestureBounds';\n\n/**\n * One `Dispatcher` for the life of a `<SceneCanvas>`, shared by the gesture\n * mounter that pumps input into it and the layers that walk its in-flight\n * handles, with the lookups those layers and `<Canvas>` read it through. It\n * resolves an action id in `registry`, read at call time.\n */\nexport function useCanvasDispatcher(registry: ActionsRegistry | null): {\n  dispatcher: Dispatcher;\n  /** In-flight preview ids, nascent-insert bounds, and the pump signal. */\n  gestureSource: GestureSource;\n  /** Ids whose committed paint an in-flight ghost hides. */\n  previewIdsExtra: () => string[];\n  /** The pose an in-flight handle proposes for an id. */\n  previewPoseExtra: (id: string) => unknown;\n} {\n  const registryRef = useLatest(registry);\n  const dispatcherRef = useRef<Dispatcher | null>(null);\n  if (!dispatcherRef.current) {\n    dispatcherRef.current = createDispatcher({\n      getAction: (id) => registryRef.current?.list().find((a) => a.id === id),\n    });\n  }\n  const dispatcher = dispatcherRef.current;\n  const [gestureSource] = useState(() => createGestureSource(() => dispatcherRef.current));\n  const [{ previewIdsExtra, previewPoseExtra }] = useState(\n    () => createDispatcherPreviewSources(() => dispatcherRef.current),\n  );\n  return { dispatcher, gestureSource, previewIdsExtra, previewPoseExtra };\n}\n"],"mappings":";;;;;AAYA,SAAgBA,EAAoB,GAQlC;CACA,IAAMC,IAAcC,EAAUC,CAAQ,GAChCC,IAAgBC,EAA0B,IAAI;CACpD,AACED,EAAc,YAAUE,EAAiB,EACvC,YAAY,MAAOL,EAAY,SAAS,KAAK,CAAC,CAAC,MAAM,MAAMM,EAAE,OAAOC,CAAE,EACxE,CAAC;CAEH,IAAMC,IAAaL,EAAc,SAC3B,CAACM,KAAiBC,QAAeC,QAA0BR,EAAc,OAAO,CAAC,GACjF,CAAC,EAAE,oBAAiB,yBAAsBO,QACxCE,QAAqCT,EAAc,OAAO,CAClE;CACA,OAAO;EAAE;EAAY;EAAe;EAAiB;CAAiB;AACxE"}

package/dist/canvas/SceneCanvas/useDispatcherOverlayLayer.js

@@ -3,126 +3,62 @@ import { worldToScreen as t } from "../../core/viewport/viewTransform.js";
 import { OVERLAY_ROLE_STROKES as n } from "../overlayRoleStrokes.js";
 import { gestureOverlaysFrom as r, isVisibleFrom as i } from "../drawEnvelope.js";
 import { resolveOverlays as a } from "../../interactions/actions/resolveOverlays.js";
-import { getImageBitmap as o } from "@weasel-js/renderer";
-import { ellipsePath as s, linePath as c, polygonFromPoints as l, polylineFromPoints as u, rectPath as d, regularPolygonPath as f, starPath as p } from "@weasel-js/geom";
-import { useEffect as m, useMemo as h, useReducer as g } from "react";
-import { useLatest as _ } from "@weasel-js/react";
+import { insertPreviewCommands as o } from "./insertPreviewCommands.js";
+import { polygonFromPoints as s, polylineFromPoints as c } from "@weasel-js/geom";
+import { useEffect as l, useMemo as u, useReducer as d } from "react";
+import { useLatest as f } from "@weasel-js/react";
 //#region src/canvas/SceneCanvas/useDispatcherOverlayLayer.ts
-var v = {
+var p = {
 	fill: "rgba(164, 139, 212, 0.18)",
 	stroke: "#a48bd4",
 	dash: [3, 3],
 	lineWidth: 1
-}, y = .85;
-function b(b) {
-	let { dispatcher: x, style: S } = b, C = _(S), [, w] = g((e) => e + 1, 0);
-	return m(() => {
-		if (x) return x.subscribe(w);
-	}, [x]), h(() => ({
+};
+function m(m) {
+	let { dispatcher: h, style: g } = m, _ = f(g), [, v] = d((e) => e + 1, 0);
+	return l(() => {
+		if (h) return h.subscribe(v);
+	}, [h]), u(() => ({
 		id: "dispatcher-overlay",
 		label: "Dispatcher overlay",
 		space: "screen",
-		draw: (m, h) => {
-			let g = {
-				...v,
-				...C.current ?? {}
-			}, _ = {
+		draw: (l, u) => {
+			let d = {
+				...p,
+				..._.current ?? {}
+			}, f = {
 				...n,
-				...C.current?.roles ?? {}
-			}, b = e(h), x = [], S = i(m), w = (e) => !S || S(e);
-			for (let e of a(r(m))) if (w(e.visibilityId)) {
+				..._.current?.roles ?? {}
+			}, m = e(u), h = [], g = i(l), v = (e) => !g || g(e);
+			for (let e of a(r(l))) if (v(e.visibilityId)) {
 				if (e.kind === "marquee") {
-					let n = e.bounds, [r, i] = t(n.x, n.y, b), a = {
+					let n = e.bounds, [r, i] = t(n.x, n.y, m), a = {
 						kind: "path",
 						path: {
 							kind: "rect",
 							x: r,
 							y: i,
-							width: n.width * h.scale.x,
-							height: n.height * h.scale.y
+							width: n.width * u.scale.x,
+							height: n.height * u.scale.y
 						},
-						fill: { paint: { color: g.fill } },
+						fill: { paint: { color: d.fill } },
 						stroke: {
-							paint: { color: g.stroke },
-							width: g.lineWidth,
-							dash: g.dash
+							paint: { color: d.stroke },
+							width: d.lineWidth,
+							dash: d.dash
 						}
 					};
-					x.push(a);
+					h.push(a);
 					continue;
 				}
 				if (e.kind === "insertPreview") {
-					let n = e.bounds, r = (e, n) => {
-						let [r, i] = t(e, n, b);
-						return {
-							x: r,
-							y: i
-						};
-					}, i = (e) => e.map((e) => r(e.x, e.y)), a = (h.scale.x + h.scale.y) / 2, l = null, m = e.geometry;
-					switch (m.kind) {
-						case "box": {
-							let [r, i] = t(n.x, n.y, b), a = n.width * h.scale.x, c = n.height * h.scale.y;
-							if (e.shape === "image") {
-								let t = e.extras, n = t.preview === "outline" || !t.src ? void 0 : o(t.src);
-								n && x.push({
-									kind: "image",
-									image: n,
-									x: r,
-									y: i,
-									w: a,
-									h: c,
-									opacity: y
-								});
-							}
-							l = e.shape === "ellipse" ? s({
-								x: r,
-								y: i,
-								width: a,
-								height: c
-							}) : d(r, i, a, c);
-							break;
-						}
-						case "line":
-							l = c(r(m.a.x, m.a.y), r(m.b.x, m.b.y));
-							break;
-						case "polygon":
-							l = f(r(m.center.x, m.center.y), m.radius * a, m.sides, m.rotation);
-							break;
-						case "star":
-							l = p(r(m.center.x, m.center.y), m.outerRadius * a, m.points, m.innerRadius * a, m.rotation);
-							break;
-						case "pencil": l = u(i(m.samples));
-					}
-					if (!l) continue;
-					let _ = {
-						kind: "path",
-						path: l,
-						fill: e.shape === "line" || e.shape === "pencil" || e.shape === "image" ? void 0 : { paint: { color: g.fill } },
-						stroke: {
-							paint: { color: g.stroke },
-							width: g.lineWidth,
-							dash: g.dash
-						}
-					};
-					if (x.push(_), e.anchorPoint) {
-						let t = r(e.anchorPoint.x, e.anchorPoint.y);
-						x.push({
-							kind: "path",
-							path: s({
-								x: t.x - 4,
-								y: t.y - 4,
-								width: 8,
-								height: 8
-							}),
-							fill: { paint: { color: g.stroke } }
-						});
-					}
+					for (let t of o(e, u, d)) h.push(t);
 					continue;
 				}
 				if (e.kind === "lasso") {
 					let n = [];
 					for (let r of e.vertices) {
-						let [e, i] = t(r.x, r.y, b);
+						let [e, i] = t(r.x, r.y, m);
 						n.push({
 							x: e,
 							y: i
@@ -130,43 +66,43 @@ function b(b) {
 					}
 					let r = {
 						kind: "path",
-						path: l(n),
-						fill: { paint: { color: g.fill } },
+						path: s(n),
+						fill: { paint: { color: d.fill } },
 						stroke: {
-							paint: { color: g.stroke },
-							width: g.lineWidth,
-							dash: g.dash
+							paint: { color: d.stroke },
+							width: d.lineWidth,
+							dash: d.dash
 						}
 					};
-					x.push(r);
+					h.push(r);
 					continue;
 				}
 				if (e.kind === "polyline") {
-					let n = _[e.role] ?? {
-						paint: { color: g.stroke },
-						width: g.lineWidth,
-						dash: g.dash
+					let n = f[e.role] ?? {
+						paint: { color: d.stroke },
+						width: d.lineWidth,
+						dash: d.dash
 					}, r = [];
 					for (let n of e.points) {
-						let [e, i] = t(n.x, n.y, b);
+						let [e, i] = t(n.x, n.y, m);
 						r.push({
 							x: e,
 							y: i
 						});
 					}
-					x.push({
+					h.push({
 						kind: "path",
-						path: u(r),
+						path: c(r),
 						stroke: n
 					});
 					continue;
 				}
 			}
-			return x.length === 0 ? [] : x;
+			return h.length === 0 ? [] : h;
 		}
-	}), [C]);
+	}), [_]);
 }
 //#endregion
-export { b as useDispatcherOverlayLayer };
+export { m as useDispatcherOverlayLayer };
 
 //# sourceMappingURL=useDispatcherOverlayLayer.js.map

package/dist/canvas/SceneCanvas/useDispatcherOverlayLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDispatcherOverlayLayer.js","names":["DEFAULT_STYLE","PREVIEW_CONTENT_OPACITY","useDispatcherOverlayLayer","args","styleRef","useLatest","style","forceRerender","useReducer","n","useEffect","dispatcher","useMemo","cfg","roles","OVERLAY_ROLE_STROKES","t","viewToTransform","view","out","isVisible","isVisibleFrom","data","passes","id","ov","resolveOverlays","gestureOverlaysFrom","b","sx","sy","worldToScreen","cmd","projectPoint","wx","wy","projectPoints","pts","p","radialScale","pathCmd","geom","sw","sh","e","bmp","getImageBitmap","ellipsePath","rectPath","linePath","regularPolygonPath","starPath","polylineFromPoints","anchorScreen","screenPts","v","polygonFromPoints","stroke","pt"],"sources":["../../../src/canvas/SceneCanvas/useDispatcherOverlayLayer.ts"],"sourcesContent":["/**\n * Dispatcher overlay render layer for `<SceneCanvas>`.\n *\n * Paints the overlay shapes the drawing view's in-flight handles publish,\n * taken off the draw envelope so a panel shows its own gesture rather than\n * the surface's. `resolveOverlays` does the reading; everything here is\n * painting.\n *\n * Distinct from `usePreviewGhostLayer`, which paints displaced scene-node\n * silhouettes. This layer is for gestures whose visual feedback isn't a moved\n * scene node — a marquee rect, a lasso polyline, an insert preview.\n */\nimport { useEffect, useMemo, useReducer } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { DrawCommand, PathDrawCommand } from '@weasel-js/renderer';\nimport type { CommandStroke } from '@weasel-js/paint';\nimport type { RenderLayer } from 'core/layers/render';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport type { Dispatcher } from '@weasel-js/routing';\nimport {\n  polygonFromPoints,\n  polylineFromPoints,\n  rectPath,\n  ellipsePath,\n  linePath,\n  regularPolygonPath,\n  starPath,\n} from '@weasel-js/geom';\nimport { getImageBitmap } from '@weasel-js/renderer';\nimport { resolveOverlays } from 'interactions/actions/resolveOverlays';\nimport { gestureOverlaysFrom, isVisibleFrom } from '../drawEnvelope';\nimport { OVERLAY_ROLE_STROKES } from '../overlayRoleStrokes';\n\n/** Style knobs for the dispatcher-overlay layer's marquee + lasso paints. */\nexport interface DispatcherOverlayStyle {\n  fill?: string;\n  stroke?: string;\n  dash?: number[];\n  lineWidth?: number;\n  /** Stroke per `polyline` overlay role, merged over the kit's. A role with\n   *  no entry here and none of the kit's paints as plain chrome — the\n   *  `stroke` / `lineWidth` / `dash` above. */\n  roles?: Readonly<Record<string, CommandStroke>>;\n}\n\nconst DEFAULT_STYLE: Required<Omit<DispatcherOverlayStyle, 'roles'>> = {\n  fill: 'rgba(164, 139, 212, 0.18)',\n  stroke: '#a48bd4',\n  dash: [3, 3],\n  lineWidth: 1,\n};\n\n/** Alpha for content previewed inside an in-flight gesture. Matches the\n *  preview-ghost layer, so a dragged node and an uncommitted insert read as\n *  equally provisional. */\nconst PREVIEW_CONTENT_OPACITY = 0.85;\n\n\nexport function useDispatcherOverlayLayer(args: {\n  /** The surface's dispatcher, subscribed to only so a pump repaints. What\n   *  gets painted is the drawing view's own `getGestureOverlays()`. */\n  dispatcher: Dispatcher | null | undefined;\n  style?: DispatcherOverlayStyle;\n}): RenderLayer<unknown> {\n  const { dispatcher, style } = args;\n\n  const styleRef = useLatest(style);\n\n  // Re-render on every dispatcher pump so live overlay (marquee, lasso\n  // polyline) tracks pointermove instead of freezing on the first frame.\n  const [, forceRerender] = useReducer((n: number) => n + 1, 0);\n  useEffect(() => {\n    if (!dispatcher) return;\n    return dispatcher.subscribe(forceRerender);\n  }, [dispatcher]);\n\n  return useMemo<RenderLayer<unknown>>(\n    () => ({\n      id: 'dispatcher-overlay',\n      label: 'Dispatcher overlay',\n      space: 'screen',\n      draw: (data, view) => {\n        const cfg = { ...DEFAULT_STYLE, ...(styleRef.current ?? {}) };\n        // Merged rather than replaced: naming one role must not delete the\n        // kit's others.\n        const roles = { ...OVERLAY_ROLE_STROKES, ...(styleRef.current?.roles ?? {}) };\n        const t = viewToTransform(view);\n        const out: DrawCommand[] = [];\n\n        // Chrome-caps gate. Absent envelope → every overlay paints. This stays\n        // on the painting side: the predicate is a property of the view's\n        // envelope, and two views of one surface may answer differently for\n        // the same in-flight gesture.\n        const isVisible = isVisibleFrom(data);\n        const passes = (id: string) => (isVisible ? isVisible(id) : true);\n\n        for (const ov of resolveOverlays(gestureOverlaysFrom(data))) {\n          if (!passes(ov.visibilityId)) continue;\n\n          if (ov.kind === 'marquee') {\n            const b = ov.bounds;\n            const [sx, sy] = worldToScreen(b.x, b.y, t);\n            const sw = b.width * view.scale.x;\n            const sh = b.height * view.scale.y;\n            const cmd: PathDrawCommand = {\n              kind: 'path',\n              path: { kind: 'rect', x: sx, y: sy, width: sw, height: sh },\n              fill: { paint: { color: cfg.fill } },\n              stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash },\n            };\n            out.push(cmd);\n            continue;\n          }\n\n          if (ov.kind === 'insertPreview') {\n            const b = ov.bounds;\n            const projectPoint = (wx: number, wy: number): { x: number; y: number } => {\n              const [sx, sy] = worldToScreen(wx, wy, t);\n              return { x: sx, y: sy };\n            };\n            const projectPoints = (\n              pts: ReadonlyArray<{ x: number; y: number }>,\n            ): { x: number; y: number }[] => pts.map((p) => projectPoint(p.x, p.y));\n            // Radial shapes inscribe in a square, so a single screen-space\n            // radius needs one scale factor; average the axes.\n            const radialScale = (view.scale.x + view.scale.y) / 2;\n\n            let pathCmd: PathDrawCommand['path'] | null = null;\n            const geom = ov.geometry;\n            switch (geom.kind) {\n              case 'box': {\n                const [sx, sy] = worldToScreen(b.x, b.y, t);\n                const sw = b.width * view.scale.x;\n                const sh = b.height * view.scale.y;\n                if (ov.shape === 'image') {\n                  const e = ov.extras as Partial<{ src: string; preview: string }>;\n                  // The bitmap when it has decoded, the bare outline until then\n                  // (or when the tool opted out) — the outline is drawn either\n                  // way, so the drag always has an edge to read.\n                  const bmp = e.preview === 'outline' || !e.src\n                    ? undefined\n                    : getImageBitmap(e.src);\n                  if (bmp) {\n                    out.push({\n                      kind: 'image',\n                      image: bmp,\n                      x: sx, y: sy, w: sw, h: sh,\n                      opacity: PREVIEW_CONTENT_OPACITY,\n                    });\n                  }\n                }\n                pathCmd = ov.shape === 'ellipse'\n                  ? ellipsePath({ x: sx, y: sy, width: sw, height: sh })\n                  : rectPath(sx, sy, sw, sh);\n                break;\n              }\n              case 'line':\n                pathCmd = linePath(projectPoint(geom.a.x, geom.a.y), projectPoint(geom.b.x, geom.b.y));\n                break;\n              case 'polygon':\n                pathCmd = regularPolygonPath(\n                  projectPoint(geom.center.x, geom.center.y),\n                  geom.radius * radialScale,\n                  geom.sides,\n                  geom.rotation,\n                );\n                break;\n              case 'star':\n                pathCmd = starPath(\n                  projectPoint(geom.center.x, geom.center.y),\n                  geom.outerRadius * radialScale,\n                  geom.points,\n                  geom.innerRadius * radialScale,\n                  geom.rotation,\n                );\n                break;\n              case 'pencil':\n                // Genuinely open: `polygonFromPoints` closes the path, and the\n                // closing edge from the last sample back to the first reads as\n                // a marquee rather than as the stroke being drawn.\n                pathCmd = polylineFromPoints(projectPoints(geom.samples));\n                break;\n            }\n\n            if (!pathCmd) continue;\n            const cmd: PathDrawCommand = {\n              kind: 'path',\n              path: pathCmd,\n              fill: ov.shape === 'line' || ov.shape === 'pencil' || ov.shape === 'image'\n                ? undefined\n                : { paint: { color: cfg.fill } },\n              stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash },\n            };\n            out.push(cmd);\n            // Anchor dot at the drag's click point: for radial shapes no\n            // vertex sits at the AABB corner, and in center mode the dot marks\n            // the growth axis.\n            if (ov.anchorPoint) {\n              const anchorScreen = projectPoint(ov.anchorPoint.x, ov.anchorPoint.y);\n              out.push({\n                kind: 'path',\n                path: ellipsePath({\n                  x: anchorScreen.x - 4,\n                  y: anchorScreen.y - 4,\n                  width: 8,\n                  height: 8,\n                }),\n                fill: { paint: { color: cfg.stroke } },\n              });\n            }\n            continue;\n          }\n\n          if (ov.kind === 'lasso') {\n            // `polygonFromPoints` closes the path, which draws the dashed\n            // close-line back to the first vertex.\n            const screenPts: { x: number; y: number }[] = [];\n            for (const v of ov.vertices) {\n              const [sx, sy] = worldToScreen(v.x, v.y, t);\n              screenPts.push({ x: sx, y: sy });\n            }\n            const cmd: PathDrawCommand = {\n              kind: 'path',\n              path: polygonFromPoints(screenPts),\n              fill: { paint: { color: cfg.fill } },\n              stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash },\n            };\n            out.push(cmd);\n            continue;\n          }\n\n          if (ov.kind === 'polyline') {\n            const stroke =\n              roles[ov.role] ??\n              { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash };\n            const screenPts: { x: number; y: number }[] = [];\n            for (const pt of ov.points) {\n              const [sx, sy] = worldToScreen(pt.x, pt.y, t);\n              screenPts.push({ x: sx, y: sy });\n            }\n            out.push({\n              kind: 'path',\n              path: polylineFromPoints(screenPts),\n              stroke,\n            } satisfies PathDrawCommand);\n            continue;\n          }\n        }\n\n        if (out.length === 0) return [];\n        return out;\n      },\n    }),\n    [styleRef],\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDispatcherOverlayLayer.js","names":["DEFAULT_STYLE","useDispatcherOverlayLayer","args","styleRef","useLatest","style","forceRerender","useReducer","n","useEffect","dispatcher","useMemo","cfg","roles","OVERLAY_ROLE_STROKES","t","viewToTransform","view","out","isVisible","isVisibleFrom","data","passes","id","ov","resolveOverlays","gestureOverlaysFrom","b","sx","sy","worldToScreen","cmd","insertPreviewCommands","screenPts","v","polygonFromPoints","stroke","pt","polylineFromPoints"],"sources":["../../../src/canvas/SceneCanvas/useDispatcherOverlayLayer.ts"],"sourcesContent":["/**\n * Dispatcher overlay render layer for `<SceneCanvas>`.\n *\n * Paints the overlay shapes the drawing view's in-flight handles publish,\n * taken off the draw envelope so a panel shows its own gesture rather than\n * the surface's. `resolveOverlays` does the reading; everything here is\n * painting.\n *\n * Distinct from `usePreviewGhostLayer`, which paints displaced scene-node\n * silhouettes. This layer is for gestures whose visual feedback isn't a moved\n * scene node — a marquee rect, a lasso polyline, an insert preview.\n */\nimport { useEffect, useMemo, useReducer } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { DrawCommand, PathDrawCommand } from '@weasel-js/renderer';\nimport type { CommandStroke } from '@weasel-js/paint';\nimport type { RenderLayer } from 'core/layers/render';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport type { Dispatcher } from '@weasel-js/routing';\nimport { polygonFromPoints, polylineFromPoints } from '@weasel-js/geom';\nimport { resolveOverlays } from 'interactions/actions/resolveOverlays';\nimport { gestureOverlaysFrom, isVisibleFrom } from '../drawEnvelope';\nimport { insertPreviewCommands } from './insertPreviewCommands';\nimport { OVERLAY_ROLE_STROKES } from '../overlayRoleStrokes';\n\n/** Style knobs for the dispatcher-overlay layer's marquee + lasso paints. */\nexport interface DispatcherOverlayStyle {\n  fill?: string;\n  stroke?: string;\n  dash?: number[];\n  lineWidth?: number;\n  /** Stroke per `polyline` overlay role, merged over the kit's. A role with\n   *  no entry here and none of the kit's paints as plain chrome — the\n   *  `stroke` / `lineWidth` / `dash` above. */\n  roles?: Readonly<Record<string, CommandStroke>>;\n}\n\nconst DEFAULT_STYLE: Required<Omit<DispatcherOverlayStyle, 'roles'>> = {\n  fill: 'rgba(164, 139, 212, 0.18)',\n  stroke: '#a48bd4',\n  dash: [3, 3],\n  lineWidth: 1,\n};\n\n\n\nexport function useDispatcherOverlayLayer(args: {\n  /** The surface's dispatcher, subscribed to only so a pump repaints. What\n   *  gets painted is the drawing view's own `getGestureOverlays()`. */\n  dispatcher: Dispatcher | null | undefined;\n  style?: DispatcherOverlayStyle;\n}): RenderLayer<unknown> {\n  const { dispatcher, style } = args;\n\n  const styleRef = useLatest(style);\n\n  // Re-render on every dispatcher pump so live overlay (marquee, lasso\n  // polyline) tracks pointermove instead of freezing on the first frame.\n  const [, forceRerender] = useReducer((n: number) => n + 1, 0);\n  useEffect(() => {\n    if (!dispatcher) return;\n    return dispatcher.subscribe(forceRerender);\n  }, [dispatcher]);\n\n  return useMemo<RenderLayer<unknown>>(\n    () => ({\n      id: 'dispatcher-overlay',\n      label: 'Dispatcher overlay',\n      space: 'screen',\n      draw: (data, view) => {\n        const cfg = { ...DEFAULT_STYLE, ...(styleRef.current ?? {}) };\n        // Merged rather than replaced: naming one role must not delete the\n        // kit's others.\n        const roles = { ...OVERLAY_ROLE_STROKES, ...(styleRef.current?.roles ?? {}) };\n        const t = viewToTransform(view);\n        const out: DrawCommand[] = [];\n\n        // Chrome-caps gate. Absent envelope → every overlay paints. This stays\n        // on the painting side: the predicate is a property of the view's\n        // envelope, and two views of one surface may answer differently for\n        // the same in-flight gesture.\n        const isVisible = isVisibleFrom(data);\n        const passes = (id: string) => (isVisible ? isVisible(id) : true);\n\n        for (const ov of resolveOverlays(gestureOverlaysFrom(data))) {\n          if (!passes(ov.visibilityId)) continue;\n\n          if (ov.kind === 'marquee') {\n            const b = ov.bounds;\n            const [sx, sy] = worldToScreen(b.x, b.y, t);\n            const sw = b.width * view.scale.x;\n            const sh = b.height * view.scale.y;\n            const cmd: PathDrawCommand = {\n              kind: 'path',\n              path: { kind: 'rect', x: sx, y: sy, width: sw, height: sh },\n              fill: { paint: { color: cfg.fill } },\n              stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash },\n            };\n            out.push(cmd);\n            continue;\n          }\n\n          if (ov.kind === 'insertPreview') {\n            for (const cmd of insertPreviewCommands(ov, view, cfg)) out.push(cmd);\n            continue;\n          }\n\n          if (ov.kind === 'lasso') {\n            // `polygonFromPoints` closes the path, which draws the dashed\n            // close-line back to the first vertex.\n            const screenPts: { x: number; y: number }[] = [];\n            for (const v of ov.vertices) {\n              const [sx, sy] = worldToScreen(v.x, v.y, t);\n              screenPts.push({ x: sx, y: sy });\n            }\n            const cmd: PathDrawCommand = {\n              kind: 'path',\n              path: polygonFromPoints(screenPts),\n              fill: { paint: { color: cfg.fill } },\n              stroke: { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash },\n            };\n            out.push(cmd);\n            continue;\n          }\n\n          if (ov.kind === 'polyline') {\n            const stroke =\n              roles[ov.role] ??\n              { paint: { color: cfg.stroke }, width: cfg.lineWidth, dash: cfg.dash };\n            const screenPts: { x: number; y: number }[] = [];\n            for (const pt of ov.points) {\n              const [sx, sy] = worldToScreen(pt.x, pt.y, t);\n              screenPts.push({ x: sx, y: sy });\n            }\n            out.push({\n              kind: 'path',\n              path: polylineFromPoints(screenPts),\n              stroke,\n            } satisfies PathDrawCommand);\n            continue;\n          }\n        }\n\n        if (out.length === 0) return [];\n        return out;\n      },\n    }),\n    [styleRef],\n  );\n}\n"],"mappings":"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"}