@weasel-js/core 1.13.0 → 1.14.1

package/dist/canvas/deps/slice.js

@@ -1,10 +1,11 @@
 import { documentOf } from "../../core/scene/documentOf.js";
 import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
 import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { indexedCandidates } from "../pickIndex/scenePickIndex.js";
 import { scenePoseFrame } from "../../interactions/actions/poseFrame.js";
 import { drawnPose, leafPath, storePiece } from "./pathLeaf.js";
 import { computeSliceOps } from "../../interactions/actions/defaults/sliceOps.js";
-import { pathInWorld } from "@weasel-js/geom";
+import { boundsOfCoords, pathInWorld } from "@weasel-js/geom";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
@@ -45,7 +46,8 @@ function useSliceDepSource(scene, selection, adapter, poseDescriptor) {
 		const descriptor = descriptorRef.current ?? AUTO_POSE_DESCRIPTOR;
 		const leaves = [];
 		const drawnAt = /* @__PURE__ */ new Map();
-		for (const node of sc.renderOrderNodes()) {
+		const nodes = candidatesUnder(sc, descriptor, cut) ?? sc.renderOrderNodes();
+		for (const node of nodes) {
 			if (sc.isHidden(node.id)) continue;
 			const path = leafPath(sc, node);
 			if (!path) continue;
@@ -77,6 +79,18 @@ function useSliceDepSource(scene, selection, adapter, poseDescriptor) {
 		if (nextSelection) sel.set(nextSelection);
 	} }));
 }
+/** The nodes whose boxes the cut's bounds reach, or null when the pick index cannot say. */
+function candidatesUnder(scene, descriptor, cut) {
+	const b = boundsOfCoords(cut.flatMap((p) => [p.x, p.y]));
+	if (b === null) return null;
+	const broad = { box: {
+		x: b[0],
+		y: b[1],
+		width: b[2] - b[0],
+		height: b[3] - b[1]
+	} };
+	return indexedCandidates(scene, descriptor, () => broad);
+}
 function siblingIndex(scene, node) {
 	return (node.parent == null ? scene.roots : scene.childrenOf(node.parent)).indexOf(node.id);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"slice.js","names":[],"sources":["../../../src/canvas/deps/slice.ts"],"sourcesContent":["/**\n * The `slice` dep `sliceAction` and `useSliceTool` commit their cuts through.\n *\n * `<SceneCanvas>` publishes `useSliceDepSource` over its own scene. A consumer\n * replaces it with `useSliceDep` (or `useDepSource('slice', …)`) from under\n * the canvas; the newest registration wins, and a canvas child registers\n * after the canvas's own.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { SliceDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId, Node } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { Op } from 'core/ops/types';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { poseDescriptorForNode, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport { pathInWorld } from '@weasel-js/geom';\nimport { drawnPose, leafPath, storePiece, type DrawnPose } from './pathLeaf';\nimport { scenePoseFrame } from 'interactions/actions/poseFrame';\nimport { documentOf } from 'core/scene/documentOf';\nimport { computeSliceOps, type SliceLeaf } from 'interactions/actions/defaults/sliceOps';\n\n/** Publish how a slice (knife cut) is performed, so the `slice` action can\n *  run against the consumer's geometry. */\nexport function useSliceDep(dep: SliceDep): void {\n  const depRef = useLatest(dep);\n\n  useDepSource('slice', (): SliceDep => depRef.current);\n}\n\n/** What the `slice` dep writes its batch through. An adapter satisfies it. */\nexport interface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/**\n * The kit `slice` dep: cut every leaf the cut crosses and swap it for its\n * pieces in one undoable batch.\n *\n * A leaf is cut when its `data.path` is a `Path` and `poseDescriptor` can read\n * its world pose as a box and a rotation; a leaf on a locked layer, or one\n * whose geometry derives from other nodes, is passed over. A piece keeps the\n * source's rotation in its pose when the descriptor can write one\n * (`withRotation`), and has the rotation baked into its path otherwise. The\n * pieces of a selected leaf take its place in the selection.\n */\nexport function useSliceDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  poseDescriptor?: PoseDescriptor<unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n  const descriptorRef = useLatest(poseDescriptor);\n\n  useDepSource('slice', (): SliceDep => ({\n    commit(cut) {\n      // A commit cuts what the document holds, not what an open gesture or edit is showing.\n      const sc = documentOf(sceneRef.current);\n      const frame = scenePoseFrame(sc);\n      const descriptor = descriptorRef.current ?? AUTO_POSE_DESCRIPTOR;\n      const leaves: SliceLeaf<Node<unknown, string, unknown>>[] = [];\n      const drawnAt = new Map<string, DrawnPose>();\n      for (const node of sc.renderOrderNodes()) {\n        if (sc.isHidden(node.id)) continue;\n        const path = leafPath(sc, node);\n        if (!path) continue;\n        const drawn = drawnPose(poseDescriptorForNode(descriptor, node), frame.world(node.id));\n        if (!drawn) continue;\n        drawnAt.set(node.id, drawn);\n        leaves.push({ node, index: siblingIndex(sc, node), worldPath: pathInWorld(path, drawn.box) });\n      }\n\n      const sel = selectionRef.current;\n      const { ops, nextSelection } = computeSliceOps({\n        leaves,\n        cut,\n        nextId: () => sc.mintId(),\n        selection: sel.get(),\n        placePiece: (leaf, piece) => {\n          const stored = storePiece(drawnAt.get(leaf.node.id)!, piece);\n          return { pose: frame.local(leaf.node.id, stored.pose), path: stored.path };\n        },\n      });\n      if (ops.length === 0) return;\n      adapterRef.current.applyOps(ops, 'Slice');\n      if (nextSelection) sel.set(nextSelection as NodeId[]);\n    },\n  }));\n}\n\nfunction siblingIndex(scene: Scene<unknown, string, unknown>, node: Node<unknown, string, unknown>): number {\n  const siblings = node.parent == null ? scene.roots : scene.childrenOf(node.parent);\n  return siblings.indexOf(node.id);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,YAAY,KAAqB;CAC/C,MAAM,SAAS,UAAU,GAAG;CAE5B,aAAa,eAAyB,OAAO,OAAO;AACtD;;;;;;;;;;;;AAkBA,SAAgB,kBACd,OACA,WACA,SACA,gBACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,gBAAgB,UAAU,cAAc;CAE9C,aAAa,gBAA0B,EACrC,OAAO,KAAK;EAEV,MAAM,KAAK,WAAW,SAAS,OAAO;EACtC,MAAM,QAAQ,eAAe,EAAE;EAC/B,MAAM,aAAa,cAAc,WAAW;EAC5C,MAAM,SAAsD,CAAC;EAC7D,MAAM,0BAAU,IAAI,IAAuB;EAC3C,KAAK,MAAM,QAAQ,GAAG,iBAAiB,GAAG;GACxC,IAAI,GAAG,SAAS,KAAK,EAAE,GAAG;GAC1B,MAAM,OAAO,SAAS,IAAI,IAAI;GAC9B,IAAI,CAAC,MAAM;GACX,MAAM,QAAQ,UAAU,sBAAsB,YAAY,IAAI,GAAG,MAAM,MAAM,KAAK,EAAE,CAAC;GACrF,IAAI,CAAC,OAAO;GACZ,QAAQ,IAAI,KAAK,IAAI,KAAK;GAC1B,OAAO,KAAK;IAAE;IAAM,OAAO,aAAa,IAAI,IAAI;IAAG,WAAW,YAAY,MAAM,MAAM,GAAG;GAAE,CAAC;EAC9F;EAEA,MAAM,MAAM,aAAa;EACzB,MAAM,EAAE,KAAK,kBAAkB,gBAAgB;GAC7C;GACA;GACA,cAAc,GAAG,OAAO;GACxB,WAAW,IAAI,IAAI;GACnB,aAAa,MAAM,UAAU;IAC3B,MAAM,SAAS,WAAW,QAAQ,IAAI,KAAK,KAAK,EAAE,GAAI,KAAK;IAC3D,OAAO;KAAE,MAAM,MAAM,MAAM,KAAK,KAAK,IAAI,OAAO,IAAI;KAAG,MAAM,OAAO;IAAK;GAC3E;EACF,CAAC;EACD,IAAI,IAAI,WAAW,GAAG;EACtB,WAAW,QAAQ,SAAS,KAAK,OAAO;EACxC,IAAI,eAAe,IAAI,IAAI,aAAyB;CACtD,EACF,EAAE;AACJ;AAEA,SAAS,aAAa,OAAwC,MAA8C;CAE1G,QADiB,KAAK,UAAU,OAAO,MAAM,QAAQ,MAAM,WAAW,KAAK,MAAM,EAC1E,CAAS,QAAQ,KAAK,EAAE;AACjC"}
+{"version":3,"file":"slice.js","names":[],"sources":["../../../src/canvas/deps/slice.ts"],"sourcesContent":["/**\n * The `slice` dep `sliceAction` and `useSliceTool` commit their cuts through.\n *\n * `<SceneCanvas>` publishes `useSliceDepSource` over its own scene. A consumer\n * replaces it with `useSliceDep` (or `useDepSource('slice', …)`) from under\n * the canvas; the newest registration wins, and a canvas child registers\n * after the canvas's own.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { SliceDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId, Node } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { Op } from 'core/ops/types';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { poseDescriptorForNode, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport { boundsOfCoords, pathInWorld } from '@weasel-js/geom';\nimport { drawnPose, leafPath, storePiece, type DrawnPose } from './pathLeaf';\nimport { scenePoseFrame } from 'interactions/actions/poseFrame';\nimport { documentOf } from 'core/scene/documentOf';\nimport { computeSliceOps, type SliceLeaf } from 'interactions/actions/defaults/sliceOps';\nimport { indexedCandidates } from 'canvas/pickIndex/scenePickIndex';\n\n/** Publish how a slice (knife cut) is performed, so the `slice` action can\n *  run against the consumer's geometry. */\nexport function useSliceDep(dep: SliceDep): void {\n  const depRef = useLatest(dep);\n\n  useDepSource('slice', (): SliceDep => depRef.current);\n}\n\n/** What the `slice` dep writes its batch through. An adapter satisfies it. */\nexport interface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/**\n * The kit `slice` dep: cut every leaf the cut crosses and swap it for its\n * pieces in one undoable batch.\n *\n * A leaf is cut when its `data.path` is a `Path` and `poseDescriptor` can read\n * its world pose as a box and a rotation; a leaf on a locked layer, or one\n * whose geometry derives from other nodes, is passed over. A piece keeps the\n * source's rotation in its pose when the descriptor can write one\n * (`withRotation`), and has the rotation baked into its path otherwise. The\n * pieces of a selected leaf take its place in the selection.\n */\nexport function useSliceDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  poseDescriptor?: PoseDescriptor<unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n  const descriptorRef = useLatest(poseDescriptor);\n\n  useDepSource('slice', (): SliceDep => ({\n    commit(cut) {\n      // A commit cuts what the document holds, not what an open gesture or edit is showing.\n      const sc = documentOf(sceneRef.current);\n      const frame = scenePoseFrame(sc);\n      const descriptor = descriptorRef.current ?? AUTO_POSE_DESCRIPTOR;\n      const leaves: SliceLeaf<Node<unknown, string, unknown>>[] = [];\n      const drawnAt = new Map<string, DrawnPose>();\n      const nodes = (candidatesUnder(sc, descriptor, cut) ?? sc.renderOrderNodes()) as readonly Node<unknown, string, unknown>[];\n      for (const node of nodes) {\n        if (sc.isHidden(node.id)) continue;\n        const path = leafPath(sc, node);\n        if (!path) continue;\n        const drawn = drawnPose(poseDescriptorForNode(descriptor, node), frame.world(node.id));\n        if (!drawn) continue;\n        drawnAt.set(node.id, drawn);\n        leaves.push({ node, index: siblingIndex(sc, node), worldPath: pathInWorld(path, drawn.box) });\n      }\n\n      const sel = selectionRef.current;\n      const { ops, nextSelection } = computeSliceOps({\n        leaves,\n        cut,\n        nextId: () => sc.mintId(),\n        selection: sel.get(),\n        placePiece: (leaf, piece) => {\n          const stored = storePiece(drawnAt.get(leaf.node.id)!, piece);\n          return { pose: frame.local(leaf.node.id, stored.pose), path: stored.path };\n        },\n      });\n      if (ops.length === 0) return;\n      adapterRef.current.applyOps(ops, 'Slice');\n      if (nextSelection) sel.set(nextSelection as NodeId[]);\n    },\n  }));\n}\n\n/** The nodes whose boxes the cut's bounds reach, or null when the pick index cannot say. */\nfunction candidatesUnder(\n  scene: Scene<unknown, string, unknown>,\n  descriptor: PoseDescriptor<unknown>,\n  cut: ReadonlyArray<{ x: number; y: number }>,\n): readonly unknown[] | null {\n  const b = boundsOfCoords(cut.flatMap((p) => [p.x, p.y]));\n  if (b === null) return null;\n  const broad = { box: { x: b[0], y: b[1], width: b[2] - b[0], height: b[3] - b[1] } };\n  return indexedCandidates(scene, descriptor, () => broad);\n}\n\nfunction siblingIndex(scene: Scene<unknown, string, unknown>, node: Node<unknown, string, unknown>): number {\n  const siblings = node.parent == null ? scene.roots : scene.childrenOf(node.parent);\n  return siblings.indexOf(node.id);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,YAAY,KAAqB;CAC/C,MAAM,SAAS,UAAU,GAAG;CAE5B,aAAa,eAAyB,OAAO,OAAO;AACtD;;;;;;;;;;;;AAkBA,SAAgB,kBACd,OACA,WACA,SACA,gBACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,gBAAgB,UAAU,cAAc;CAE9C,aAAa,gBAA0B,EACrC,OAAO,KAAK;EAEV,MAAM,KAAK,WAAW,SAAS,OAAO;EACtC,MAAM,QAAQ,eAAe,EAAE;EAC/B,MAAM,aAAa,cAAc,WAAW;EAC5C,MAAM,SAAsD,CAAC;EAC7D,MAAM,0BAAU,IAAI,IAAuB;EAC3C,MAAM,QAAS,gBAAgB,IAAI,YAAY,GAAG,KAAK,GAAG,iBAAiB;EAC3E,KAAK,MAAM,QAAQ,OAAO;GACxB,IAAI,GAAG,SAAS,KAAK,EAAE,GAAG;GAC1B,MAAM,OAAO,SAAS,IAAI,IAAI;GAC9B,IAAI,CAAC,MAAM;GACX,MAAM,QAAQ,UAAU,sBAAsB,YAAY,IAAI,GAAG,MAAM,MAAM,KAAK,EAAE,CAAC;GACrF,IAAI,CAAC,OAAO;GACZ,QAAQ,IAAI,KAAK,IAAI,KAAK;GAC1B,OAAO,KAAK;IAAE;IAAM,OAAO,aAAa,IAAI,IAAI;IAAG,WAAW,YAAY,MAAM,MAAM,GAAG;GAAE,CAAC;EAC9F;EAEA,MAAM,MAAM,aAAa;EACzB,MAAM,EAAE,KAAK,kBAAkB,gBAAgB;GAC7C;GACA;GACA,cAAc,GAAG,OAAO;GACxB,WAAW,IAAI,IAAI;GACnB,aAAa,MAAM,UAAU;IAC3B,MAAM,SAAS,WAAW,QAAQ,IAAI,KAAK,KAAK,EAAE,GAAI,KAAK;IAC3D,OAAO;KAAE,MAAM,MAAM,MAAM,KAAK,KAAK,IAAI,OAAO,IAAI;KAAG,MAAM,OAAO;IAAK;GAC3E;EACF,CAAC;EACD,IAAI,IAAI,WAAW,GAAG;EACtB,WAAW,QAAQ,SAAS,KAAK,OAAO;EACxC,IAAI,eAAe,IAAI,IAAI,aAAyB;CACtD,EACF,EAAE;AACJ;;AAGA,SAAS,gBACP,OACA,YACA,KAC2B;CAC3B,MAAM,IAAI,eAAe,IAAI,SAAS,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;CACvD,IAAI,MAAM,MAAM,OAAO;CACvB,MAAM,QAAQ,EAAE,KAAK;EAAE,GAAG,EAAE;EAAI,GAAG,EAAE;EAAI,OAAO,EAAE,KAAK,EAAE;EAAI,QAAQ,EAAE,KAAK,EAAE;CAAG,EAAE;CACnF,OAAO,kBAAkB,OAAO,kBAAkB,KAAK;AACzD;AAEA,SAAS,aAAa,OAAwC,MAA8C;CAE1G,QADiB,KAAK,UAAU,OAAO,MAAM,QAAQ,MAAM,WAAW,KAAK,MAAM,EAC1E,CAAS,QAAQ,KAAK,EAAE;AACjC"}

package/dist/canvas/deps/snap.js

@@ -1,8 +1,8 @@
-import { assertSnapSourceIds, snapSourcesFor } from "../../features/snap/gather.js";
-import { DEFAULT_SNAP_PX } from "../../features/snap/session2d.js";
-import { ownGeometryAt, pathSnapSource } from "../../features/paths/pathSnap/pathSnapSource.js";
-import { sceneSession2d } from "../../features/snap/sceneSession2d.js";
-import { rotationSnapSource } from "../../features/snap/rotationSource.js";
+import { assertSnapSourceIds, snapSourcesFor } from "../../domains/snap/gather.js";
+import { DEFAULT_SNAP_PX } from "../../domains/snap/session2d.js";
+import { ownGeometryAt, pathSnapSource } from "../../domains/paths/pathSnap/pathSnapSource.js";
+import { sceneSession2d } from "../../domains/snap/sceneSession2d.js";
+import { rotationSnapSource } from "../../domains/snap/rotationSource.js";
 import { useKitSettings, useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"snap.js","names":[],"sources":["../../../src/canvas/deps/snap.ts"],"sourcesContent":["/**\n * `useSnapDepSource` — wires the `snap` dep whose `begin` every snapping\n * gesture runs: a session over the snap sources `session` names, writing its\n * marks to the outcome store this hook returns.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useKitSettings, useLatest } from '@weasel-js/react';\nimport type { DebugSink } from '@weasel-js/routing';\nimport type { SnapDep } from 'interactions/actions/snapDep';\nimport { ownGeometryAt } from 'features/paths/pathSnap/pathSnapSource';\nimport type { View } from 'core/viewport/view';\nimport type { Scene } from 'core/scene/types';\nimport type { DrawnBoxes } from 'interactions/actions/drawnBoxes';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type { OriginProjection } from 'interactions/gestures/shared/originProjection';\nimport type { SnapOutcomeStore } from 'features/snap/outcomeStore';\nimport type { SnapSourceRegistry } from 'features/snap/registry';\nimport { assertSnapSourceIds, snapSourcesFor } from 'features/snap/gather';\nimport { sceneSession2d } from 'features/snap/sceneSession2d';\nimport { DEFAULT_SNAP_PX } from 'features/snap/session2d';\nimport type { SnapReadoutDep } from 'features/snap/readoutDep';\nimport { rotationSnapSource } from 'features/snap/rotationSource';\nimport { pathSnapSource } from 'features/paths/pathSnap/pathSnapSource';\nimport type { SnapSource } from 'features/snap/types';\n\ntype Point = { x: number; y: number };\n\n/** What `begin` reads: the scene its probes come from and the sources it asks. */\nexport interface SnapSessionSources {\n  scene: Scene<unknown, string, unknown>;\n  /** The boxes the subject is drawn with, read when a session begins. */\n  boxes: () => DrawnBoxes;\n  /** `<SceneCanvas snap.sources>`, then the presets' `snapSources`. */\n  sources: readonly SnapSource[];\n  /** Sources `useSnapSource` adds, after `sources`. */\n  registry?: SnapSourceRegistry;\n  /** Ids of the canvas's default sources to leave out. */\n  omit?: readonly string[];\n  /** Overrides the kit setting `targets.snapPx`. */\n  reachPx?: number;\n  /** How a node's rotation is read, for angle targets. */\n  poseDescriptor?: PoseDescriptor<unknown>;\n  /** How a pose's origin is read, for the `origin` probe. */\n  originProjection?: OriginProjection<unknown>;\n  /** The canvas's debug sink, read when a session begins: each frame's\n   *  candidates are recorded into it. */\n  debug?: () => DebugSink | null | undefined;\n}\n\n/** The sources every canvas asks after its own, unless `omit` names one:\n *  quarter turns and other nodes' angles for a rotate, and other nodes'\n *  anchors for a point gesture, under `pathSnapSource`'s own id, so a\n *  consumer's `pathSnapSource()` takes its place. */\nconst DEFAULT_SNAP_SOURCES: readonly SnapSource[] = [\n  rotationSnapSource(),\n  { ...pathSnapSource({ only: ['anchor'] }), gestures: ['point'] },\n];\n\n/** `listed`, which must not repeat an id, then each default whose id is\n *  neither listed nor in `omit`. */\nfunction withDefaults(listed: readonly SnapSource[], omit: readonly string[] = []): SnapSource[] {\n  assertSnapSourceIds(listed);\n  const taken = new Set([...listed.map((s) => s.id), ...omit]);\n  return [...listed, ...DEFAULT_SNAP_SOURCES.filter((s) => !taken.has(s.id))];\n}\n\nexport function useSnapDepSource(\n  viewRef: React.RefObject<View | null>,\n  session: SnapSessionSources,\n  /** The canvas's outcome store, which its readout layer draws. */\n  store: SnapOutcomeStore,\n): SnapOutcomeStore {\n  const sessionRef = useLatest(session);\n  const kitSettings = useKitSettings();\n  useDepSource('snapReadout', (): SnapReadoutDep => ({ store }));\n\n  useDepSource('snap', (): SnapDep => ({\n    begin: (req) => {\n      const s = sessionRef.current;\n      const view = viewRef.current;\n      const omit = new Set(req.omit);\n      const sources = [\n        ...withDefaults([...s.sources, ...(s.registry?.list() ?? [])], s.omit).filter((src) => !omit.has(src.id)),\n        ...(req.sources ?? []),\n      ];\n      assertSnapSourceIds(sources);\n      const wantsGeometry = snapSourcesFor(sources, req.gesture).some((src) => src.roles.includes('geometry'));\n      const debug = s.debug?.() ?? undefined;\n      const reachPx = s.reachPx ?? kitSettings.get('targets.snapPx') ?? DEFAULT_SNAP_PX;\n      return sceneSession2d({\n        req,\n        scene: s.scene,\n        boxes: s.boxes(),\n        sources,\n        ...(wantsGeometry ? { geometryAt: (press: Point, ids: readonly string[]) => ownGeometryAt(s.scene, press, ids, view?.scale ?? { x: 1, y: 1 }, reachPx) } : {}),\n        view: () => viewRef.current,\n        reachPx,\n        ...(s.poseDescriptor ? { poseDescriptor: s.poseDescriptor } : {}),\n        ...(s.originProjection ? { originProjection: s.originProjection } : {}),\n        ...(debug ? { debug } : {}),\n        store,\n      });\n    },\n  }));\n  return store;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqDA,IAAM,uBAA8C,CAClD,mBAAmB,GACnB;CAAE,GAAG,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC;CAAG,UAAU,CAAC,OAAO;AAAE,CACjE;;;AAIA,SAAS,aAAa,QAA+B,OAA0B,CAAC,GAAiB;CAC/F,oBAAoB,MAAM;CAC1B,MAAM,wBAAQ,IAAI,IAAI,CAAC,GAAG,OAAO,KAAK,MAAM,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC;CAC3D,OAAO,CAAC,GAAG,QAAQ,GAAG,qBAAqB,QAAQ,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5E;AAEA,SAAgB,iBACd,SACA,SAEA,OACkB;CAClB,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,cAAc,eAAe;CACnC,aAAa,sBAAsC,EAAE,MAAM,EAAE;CAE7D,aAAa,eAAwB,EACnC,QAAQ,QAAQ;EACd,MAAM,IAAI,WAAW;EACrB,MAAM,OAAO,QAAQ;EACrB,MAAM,OAAO,IAAI,IAAI,IAAI,IAAI;EAC7B,MAAM,UAAU,CACd,GAAG,aAAa,CAAC,GAAG,EAAE,SAAS,GAAI,EAAE,UAAU,KAAK,KAAK,CAAC,CAAE,GAAG,EAAE,IAAI,CAAC,CAAC,QAAQ,QAAQ,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC,GACxG,GAAI,IAAI,WAAW,CAAC,CACtB;EACA,oBAAoB,OAAO;EAC3B,MAAM,gBAAgB,eAAe,SAAS,IAAI,OAAO,CAAC,CAAC,MAAM,QAAQ,IAAI,MAAM,SAAS,UAAU,CAAC;EACvG,MAAM,QAAQ,EAAE,QAAQ,KAAK;EAC7B,MAAM,UAAU,EAAE,WAAW,YAAY,IAAI,gBAAgB,KAAK;EAClE,OAAO,eAAe;GACpB;GACA,OAAO,EAAE;GACT,OAAO,EAAE,MAAM;GACf;GACA,GAAI,gBAAgB,EAAE,aAAa,OAAc,QAA2B,cAAc,EAAE,OAAO,OAAO,KAAK,MAAM,SAAS;IAAE,GAAG;IAAG,GAAG;GAAE,GAAG,OAAO,EAAE,IAAI,CAAC;GAC5J,YAAY,QAAQ;GACpB;GACA,GAAI,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,IAAI,CAAC;GAC/D,GAAI,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,IAAI,CAAC;GACrE,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB;EACF,CAAC;CACH,EACF,EAAE;CACF,OAAO;AACT"}
+{"version":3,"file":"snap.js","names":[],"sources":["../../../src/canvas/deps/snap.ts"],"sourcesContent":["/**\n * `useSnapDepSource` — wires the `snap` dep whose `begin` every snapping\n * gesture runs: a session over the snap sources `session` names, writing its\n * marks to the outcome store this hook returns.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useKitSettings, useLatest } from '@weasel-js/react';\nimport type { DebugSink, WorldPoint } from '@weasel-js/routing';\nimport type { SnapDep } from 'interactions/actions/snapDep';\nimport { ownGeometryAt } from 'domains/paths/pathSnap/pathSnapSource';\nimport type { View } from 'core/viewport/view';\nimport type { Scene } from 'core/scene/types';\nimport type { DrawnBoxes } from 'interactions/actions/drawnBoxes';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type { OriginProjection } from 'interactions/gestures/shared/originProjection';\nimport type { SnapOutcomeStore } from 'domains/snap/outcomeStore';\nimport type { SnapSourceRegistry } from 'domains/snap/registry';\nimport { assertSnapSourceIds, snapSourcesFor } from 'domains/snap/gather';\nimport { sceneSession2d } from 'domains/snap/sceneSession2d';\nimport { DEFAULT_SNAP_PX } from 'domains/snap/session2d';\nimport type { SnapReadoutDep } from 'domains/snap/readoutDep';\nimport { rotationSnapSource } from 'domains/snap/rotationSource';\nimport { pathSnapSource } from 'domains/paths/pathSnap/pathSnapSource';\nimport type { SnapSource } from 'domains/snap/types';\n\n/** What `begin` reads: the scene its probes come from and the sources it asks. */\nexport interface SnapSessionSources {\n  scene: Scene<unknown, string, unknown>;\n  /** The boxes the subject is drawn with, read when a session begins. */\n  boxes: () => DrawnBoxes;\n  /** `<SceneCanvas snap.sources>`, then the presets' `snapSources`. */\n  sources: readonly SnapSource[];\n  /** Sources `useSnapSource` adds, after `sources`. */\n  registry?: SnapSourceRegistry;\n  /** Ids of the canvas's default sources to leave out. */\n  omit?: readonly string[];\n  /** Overrides the kit setting `targets.snapPx`. */\n  reachPx?: number;\n  /** How a node's rotation is read, for angle targets. */\n  poseDescriptor?: PoseDescriptor<unknown>;\n  /** How a pose's origin is read, for the `origin` probe. */\n  originProjection?: OriginProjection<unknown>;\n  /** The canvas's debug sink, read when a session begins: each frame's\n   *  candidates are recorded into it. */\n  debug?: () => DebugSink | null | undefined;\n}\n\n/** The sources every canvas asks after its own, unless `omit` names one:\n *  quarter turns and other nodes' angles for a rotate, and other nodes'\n *  anchors for a point gesture, under `pathSnapSource`'s own id, so a\n *  consumer's `pathSnapSource()` takes its place. */\nconst DEFAULT_SNAP_SOURCES: readonly SnapSource[] = [\n  rotationSnapSource(),\n  { ...pathSnapSource({ only: ['anchor'] }), gestures: ['point'] },\n];\n\n/** `listed`, which must not repeat an id, then each default whose id is\n *  neither listed nor in `omit`. */\nfunction withDefaults(listed: readonly SnapSource[], omit: readonly string[] = []): SnapSource[] {\n  assertSnapSourceIds(listed);\n  const taken = new Set([...listed.map((s) => s.id), ...omit]);\n  return [...listed, ...DEFAULT_SNAP_SOURCES.filter((s) => !taken.has(s.id))];\n}\n\nexport function useSnapDepSource(\n  viewRef: React.RefObject<View | null>,\n  session: SnapSessionSources,\n  /** The canvas's outcome store, which its readout layer draws. */\n  store: SnapOutcomeStore,\n): SnapOutcomeStore {\n  const sessionRef = useLatest(session);\n  const kitSettings = useKitSettings();\n  useDepSource('snapReadout', (): SnapReadoutDep => ({ store }));\n\n  useDepSource('snap', (): SnapDep => ({\n    begin: (req) => {\n      const s = sessionRef.current;\n      const view = viewRef.current;\n      const omit = new Set(req.omit);\n      const sources = [\n        ...withDefaults([...s.sources, ...(s.registry?.list() ?? [])], s.omit).filter((src) => !omit.has(src.id)),\n        ...(req.sources ?? []),\n      ];\n      assertSnapSourceIds(sources);\n      const wantsGeometry = snapSourcesFor(sources, req.gesture).some((src) => src.roles.includes('geometry'));\n      const debug = s.debug?.() ?? undefined;\n      const reachPx = s.reachPx ?? kitSettings.get('targets.snapPx') ?? DEFAULT_SNAP_PX;\n      return sceneSession2d({\n        req,\n        scene: s.scene,\n        boxes: s.boxes(),\n        sources,\n        ...(wantsGeometry ? { geometryAt: (press: WorldPoint, ids: readonly string[]) => ownGeometryAt(s.scene, press, ids, view?.scale ?? { x: 1, y: 1 }, reachPx) } : {}),\n        view: () => viewRef.current,\n        reachPx,\n        ...(s.poseDescriptor ? { poseDescriptor: s.poseDescriptor } : {}),\n        ...(s.originProjection ? { originProjection: s.originProjection } : {}),\n        ...(debug ? { debug } : {}),\n        store,\n      });\n    },\n  }));\n  return store;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmDA,IAAM,uBAA8C,CAClD,mBAAmB,GACnB;CAAE,GAAG,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC;CAAG,UAAU,CAAC,OAAO;AAAE,CACjE;;;AAIA,SAAS,aAAa,QAA+B,OAA0B,CAAC,GAAiB;CAC/F,oBAAoB,MAAM;CAC1B,MAAM,wBAAQ,IAAI,IAAI,CAAC,GAAG,OAAO,KAAK,MAAM,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC;CAC3D,OAAO,CAAC,GAAG,QAAQ,GAAG,qBAAqB,QAAQ,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5E;AAEA,SAAgB,iBACd,SACA,SAEA,OACkB;CAClB,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,cAAc,eAAe;CACnC,aAAa,sBAAsC,EAAE,MAAM,EAAE;CAE7D,aAAa,eAAwB,EACnC,QAAQ,QAAQ;EACd,MAAM,IAAI,WAAW;EACrB,MAAM,OAAO,QAAQ;EACrB,MAAM,OAAO,IAAI,IAAI,IAAI,IAAI;EAC7B,MAAM,UAAU,CACd,GAAG,aAAa,CAAC,GAAG,EAAE,SAAS,GAAI,EAAE,UAAU,KAAK,KAAK,CAAC,CAAE,GAAG,EAAE,IAAI,CAAC,CAAC,QAAQ,QAAQ,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC,GACxG,GAAI,IAAI,WAAW,CAAC,CACtB;EACA,oBAAoB,OAAO;EAC3B,MAAM,gBAAgB,eAAe,SAAS,IAAI,OAAO,CAAC,CAAC,MAAM,QAAQ,IAAI,MAAM,SAAS,UAAU,CAAC;EACvG,MAAM,QAAQ,EAAE,QAAQ,KAAK;EAC7B,MAAM,UAAU,EAAE,WAAW,YAAY,IAAI,gBAAgB,KAAK;EAClE,OAAO,eAAe;GACpB;GACA,OAAO,EAAE;GACT,OAAO,EAAE,MAAM;GACf;GACA,GAAI,gBAAgB,EAAE,aAAa,OAAmB,QAA2B,cAAc,EAAE,OAAO,OAAO,KAAK,MAAM,SAAS;IAAE,GAAG;IAAG,GAAG;GAAE,GAAG,OAAO,EAAE,IAAI,CAAC;GACjK,YAAY,QAAQ;GACpB;GACA,GAAI,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,IAAI,CAAC;GAC/D,GAAI,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,IAAI,CAAC;GACrE,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GACzB;EACF,CAAC;CACH,EACF,EAAE;CACF,OAAO;AACT"}

package/dist/canvas/deps/textEdit.js

@@ -4,11 +4,10 @@ import { useDepSource } from "@weasel-js/routing/react";
 
 //#region src/canvas/deps/textEdit.ts
 /**
-* `useTextEditDepSource` — wires the `textEdit` dep consumed by
-* `enterTextEditAction`. Kit-default implementation is a no-op stub for
-* `startEdit` plus an `isTextNode` that asks `isTextData`. Consumers wanting real text editing override the
-* dep via their own `useDepSource('textEdit', ...)` sourced from a
-* `useSceneTextEdit` instance.
+* `useTextEditDepSource` — the `textEdit` dep `enterTextEditAction` reads when
+* no editor answers it: a `startEdit` that does nothing, and an `isTextNode`
+* that asks `isTextData`. `<SceneCanvas>`'s own editor registers over it
+* (`SceneCanvas/defaultTextEditor.tsx`), and so does a host's.
 */
 function useTextEditDepSource(scene) {
 	const sceneRef = useLatest(scene);
@@ -16,7 +15,7 @@ function useTextEditDepSource(scene) {
 		const sc = sceneRef.current;
 		return {
 			startEdit(_id, _opts) {
-				if (isDev()) console.warn("weasel textEditDep: startEdit called but no useTextEdit hook is mounted in SceneCanvas. Override the \"textEdit\" dep via useDepSource(\"textEdit\", ...) to enable in-place text editing.");
+				if (isDev()) console.warn("weasel textEditDep: startEdit called but this canvas has no text editor: it was given textEditor={false}, or a host useSceneTextEdit holds it without publishing the \"textEdit\" dep. Publish it with useDepSource(\"textEdit\", ...) from inside <SceneCanvas>.");
 			},
 			isTextNode(id) {
 				return isTextData(sc.get(id)?.data);

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

@@ -1 +1 @@
-{"version":3,"file":"textEdit.js","names":[],"sources":["../../../src/canvas/deps/textEdit.ts"],"sourcesContent":["/**\n * `useTextEditDepSource` — wires the `textEdit` dep consumed by\n * `enterTextEditAction`. Kit-default implementation is a no-op stub for\n * `startEdit` plus an `isTextNode` that asks `isTextData`. Consumers wanting real text editing override the\n * dep via their own `useDepSource('textEdit', ...)` sourced from a\n * `useSceneTextEdit` instance.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest, isDev } from '@weasel-js/react';\nimport type { TextEditDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport { isTextData } from '@weasel-js/text';\n\nexport function useTextEditDepSource(\n  scene: Scene<unknown, string, unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n\n  useDepSource('textEdit', (): TextEditDep => {\n    const sc = sceneRef.current;\n    return {\n      startEdit(_id: string, _opts?: { caret?: number | 'all' }) {\n        if (isDev()) {\n          console.warn(\n            'weasel textEditDep: startEdit called but no useTextEdit hook is mounted in SceneCanvas. ' +\n            'Override the \"textEdit\" dep via useDepSource(\"textEdit\", ...) to enable in-place text editing.',\n          );\n        }\n      },\n      isTextNode(id: string) {\n        return isTextData(sc.get(id as NodeId)?.data);\n      },\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,qBACd,OACM;CACN,MAAM,WAAW,UAAU,KAAK;CAEhC,aAAa,kBAA+B;EAC1C,MAAM,KAAK,SAAS;EACpB,OAAO;GACL,UAAU,KAAa,OAAoC;IACzD,IAAI,MAAM,GACR,QAAQ,KACN,4LAEF;GAEJ;GACA,WAAW,IAAY;IACrB,OAAO,WAAW,GAAG,IAAI,EAAY,CAAC,EAAE,IAAI;GAC9C;EACF;CACF,CAAC;AACH"}
+{"version":3,"file":"textEdit.js","names":[],"sources":["../../../src/canvas/deps/textEdit.ts"],"sourcesContent":["/**\n * `useTextEditDepSource` — the `textEdit` dep `enterTextEditAction` reads when\n * no editor answers it: a `startEdit` that does nothing, and an `isTextNode`\n * that asks `isTextData`. `<SceneCanvas>`'s own editor registers over it\n * (`SceneCanvas/defaultTextEditor.tsx`), and so does a host's.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest, isDev } from '@weasel-js/react';\nimport type { TextEditDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport { isTextData } from '@weasel-js/text';\n\nexport function useTextEditDepSource(\n  scene: Scene<unknown, string, unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n\n  useDepSource('textEdit', (): TextEditDep => {\n    const sc = sceneRef.current;\n    return {\n      startEdit(_id: string, _opts?: { caret?: number | 'all' }) {\n        if (isDev()) {\n          console.warn(\n            'weasel textEditDep: startEdit called but this canvas has no text editor: it was given ' +\n            'textEditor={false}, or a host useSceneTextEdit holds it without publishing the \"textEdit\" dep. ' +\n            'Publish it with useDepSource(\"textEdit\", ...) from inside <SceneCanvas>.',\n          );\n        }\n      },\n      isTextNode(id: string) {\n        return isTextData(sc.get(id as NodeId)?.data);\n      },\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,qBACd,OACM;CACN,MAAM,WAAW,UAAU,KAAK;CAEhC,aAAa,kBAA+B;EAC1C,MAAM,KAAK,SAAS;EACpB,OAAO;GACL,UAAU,KAAa,OAAoC;IACzD,IAAI,MAAM,GACR,QAAQ,KACN,mQAGF;GAEJ;GACA,WAAW,IAAY;IACrB,OAAO,WAAW,GAAG,IAAI,EAAY,CAAC,EAAE,IAAI;GAC9C;EACF;CACF,CAAC;AACH"}

package/dist/canvas/derivedPath.js

@@ -5,6 +5,7 @@ import { resolveDerivedPath } from "../core/scene/derivedPath.js";
 import { inheritedPaintIn } from "../core/scene/inheritedPaint.js";
 import { nodeAsShown, shownLookup } from "../core/scene/nodeAsShown.js";
 import { definesFrame, derivedDepOf, effectivePose } from "../core/scene/effectivePose.js";
+import { viewPoseAdapter } from "../core/scene/scrollOffsets.js";
 import { asNodeId } from "../core/scene/types.js";
 import { multiply, poseFrameInverseOf, poseFrameOf } from "@weasel-js/geom";
 
@@ -41,12 +42,13 @@ function sceneOverridePathOf(scene, toPose) {
 /**
 * `(node) => the pose it is painted at`: the slot's `toPose` of the node as the scene shows
 * it if it has one, else the scene's effective pose, folded through the parent chain when
-* the scene's composition makes a stored pose local to its container.
+* the scene's composition makes a stored pose local to its container, and through each
+* container's scroll offset.
 */
 function scenePaintedPoseOf(scene, toPose) {
 	const local = toPose ? sceneShownToPose(scene, toPose) : (node) => effectivePose(scene, node);
 	if (!composesFrames(scene.composition)) return local;
-	const chain = {
+	const chain = viewPoseAdapter(scene, {
 		getPose: (id) => {
 			const n = scene.get(asNodeId(id));
 			return n ? local(n) : void 0;
@@ -56,7 +58,7 @@ function scenePaintedPoseOf(scene, toPose) {
 			const n = scene.get(asNodeId(id));
 			return n === void 0 || definesFrame(n);
 		}
-	};
+	});
 	return (node) => composeWorldPose(chain, node.id, scene.composition.compose);
 }
 /**
@@ -104,6 +106,9 @@ var SlotDep = class {
 	get inherited() {
 		return inheritedPaintIn(this.ctx.scene, this.node);
 	}
+	get children() {
+		return this.ctx.childrenOf(this.node.id).map(this.ctx.lookup);
+	}
 };
 /** Whether something outside `node`'s data says what path it shows: it derives one, or a
 *  pose override carries one. The gate both scene walks check before resolving a path. */

package/dist/canvas/derivedPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"derivedPath.js","names":[],"sources":["../../src/canvas/derivedPath.ts"],"sourcesContent":["/**\n * The render walk's half of derived paths: resolving one against a scene, and\n * handing it to the painter.\n *\n * The resolver itself lives in `core/scene/derivedPath.ts`, beside\n * `derivedPose` — a *pose* can derive from a dependency's path, so\n * `effectivePose` has to be able to reach it.\n */\nimport type { DerivedDep, Node, NodeId, Scene } from 'core/scene/types';\nimport { multiply, poseFrameInverseOf, poseFrameOf, type Path } from '@weasel-js/geom';\nimport { asNodeId } from 'core/scene/types';\nimport { definesFrame, derivedDepOf, effectivePose } from 'core/scene/effectivePose';\nimport { composesFrames, composeWorldPose, type PoseAdapter } from 'core/scene/composeFrame';\nimport { resolveDerivedPath } from 'core/scene/derivedPath';\nimport { inheritedPaintIn, type InheritedPaint } from 'core/scene/inheritedPaint';\nimport { createNodeMemoScope, type NodeMemoScope } from 'core/scene/nodeMemo';\nimport { carryBoxPath, carryPathBy, pathAsPainted } from 'core/scene/depFrame';\nimport type { SceneViewDrawOne } from './NodeShape';\nimport type { DrawnBoundsScene } from './drawnBounds';\nimport { nodeAsShown, shownLookup } from 'core/scene/nodeAsShown';\n\nexport { resolveDerivedPath } from 'core/scene/derivedPath';\n\ntype ToPose<TData, TLayer extends string, TPose> = (node: Node<TData, TLayer, TPose>) => TPose;\n\n/** `node` as the scene shows it, its `pose` an override's or a derived one and its `data` an\n *  override's: the stored node itself where they agree. */\nfunction shownNode<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  stored: Node<TData, TLayer, TPose>,\n): Node<TData, TLayer, TPose> {\n  const node = nodeAsShown(scene.overrides, stored);\n  const pose = effectivePose(scene, stored);\n  return pose === node.pose ? node : { ...node, pose };\n}\n\n/** A slot's `toPose`, handed each node as the scene shows it, so a view drawn through one\n *  shows a drag in flight and a rig's motion as every other view does. */\nexport function sceneShownToPose<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose: ToPose<TData, TLayer, TPose>,\n): ToPose<TData, TLayer, TPose> {\n  return (node) => toPose(shownNode(scene, node));\n}\n\n/**\n * `(node) => the path its pose override shows it by`, in the frame the reader paints in: as\n * the override has it, or under a `toPose` carried from the box the scene shows the node at\n * to the box `toPose` answers.\n */\nfunction sceneOverridePathOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: ToPose<TData, TLayer, TPose>,\n): (node: Node<TData, TLayer, TPose>) => Path | undefined {\n  if (toPose === undefined) return (node) => scene.overrides.read(node.id)?.path;\n  return (node) => {\n    const path = scene.overrides.read(node.id)?.path;\n    if (path === undefined) return undefined;\n    const shown = shownNode(scene, node);\n    return carryBoxPath(path, shown.pose, toPose(shown));\n  };\n}\n\n/**\n * `(node) => the pose it is painted at`: the slot's `toPose` of the node as the scene shows\n * it if it has one, else the scene's effective pose, folded through the parent chain when\n * the scene's composition makes a stored pose local to its container.\n */\nexport function scenePaintedPoseOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (node: Node<TData, TLayer, TPose>) => TPose {\n  const local = toPose\n    ? sceneShownToPose(scene, toPose)\n    : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node);\n  if (!composesFrames(scene.composition)) return local;\n  const chain: PoseAdapter<TPose> = {\n    getPose: (id) => {\n      const n = scene.get(asNodeId(id));\n      return n ? local(n) : (undefined as unknown as TPose);\n    },\n    getParent: (id) => scene.get(asNodeId(id))?.parent ?? null,\n    definesFrame: (id) => {\n      const n = scene.get(asNodeId(id));\n      return n === undefined || definesFrame(n);\n    },\n  };\n  return (node) => composeWorldPose(chain, node.id, scene.composition.compose);\n}\n\n/**\n * `(id) => that node, the pose it is painted at, and the path it derives` —\n * resolved against the scene, so a dependency that is itself derived resolves\n * before it is read.\n *\n * A derived edge is drawn from these coordinates and must meet the nodes it\n * connects, so this reads the pose each one is painted at: see\n * {@link scenePaintedPoseOf}.\n */\nexport function sceneDepLookup<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (id: NodeId) => DerivedDep<TPose> | undefined {\n  const slot = memoSlotFor(toPose, composesFrames(scene.composition));\n  if (slot === undefined) return (id) => derivedDepOf(scene, id);\n  const ctx: SlotLookup<TPose> = {\n    at: scenePaintedPoseOf(scene, toPose) as (node: unknown) => TPose,\n    local: (toPose\n      ? sceneShownToPose(scene, toPose)\n      : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node)) as (node: unknown) => TPose,\n    slot,\n    shown: sceneOverridePathOf(scene, toPose) as (node: unknown) => Path | undefined,\n    childrenOf: (id: NodeId) => scene.childrenOf(id),\n    scene: shownLookup(scene) as never,\n    lookup: (id: NodeId) => {\n      const node = scene.get(id);\n      return node === undefined ? undefined : new SlotDep(nodeAsShown(scene.overrides, node), ctx);\n    },\n  };\n  return ctx.lookup;\n}\n\ninterface SlotLookup<TPose> {\n  at: (node: unknown) => TPose;\n  /** The pose the node is shown at in its own frame: the box its override path is drawn in. */\n  local: (node: unknown) => TPose;\n  slot: string | NodeMemoScope;\n  /** The path a pose override shows a node by, where it has one. */\n  shown: (node: unknown) => Path | undefined;\n  childrenOf: (id: NodeId) => readonly NodeId[];\n  lookup: (id: NodeId) => DerivedDep<TPose> | undefined;\n  /** Where a node's `'inherit'` paint is looked up. */\n  scene: { get(id: NodeId): Node<unknown, string, TPose> | undefined };\n}\n\n/** A class, not an object literal with a `get path()` — see `SceneDep` in\n *  `core/scene/effectivePose.ts` for why. */\nclass SlotDep<TPose> implements DerivedDep<TPose> {\n  readonly node: Node<unknown, string, TPose>;\n  readonly pose: TPose;\n\n  constructor(posed: unknown, private readonly ctx: SlotLookup<TPose>) {\n    this.node = posed as Node<unknown, string, TPose>;\n    this.pose = ctx.at(posed);\n  }\n\n  get path(): Path | null {\n    const shown = this.ctx.shown(this.node);\n    if (shown !== undefined) return pathAsPainted(shown, this.ctx.local(this.node), this.pose);\n    return resolveDerivedPath(\n      this.node as never, this.ctx.lookup, this.ctx.childrenOf, this.ctx.slot,\n    );\n  }\n\n  get inherited(): InheritedPaint | undefined {\n    return inheritedPaintIn(this.ctx.scene, this.node);\n  }\n}\n\n/** Whether something outside `node`'s data says what path it shows: it derives one, or a\n *  pose override carries one. The gate both scene walks check before resolving a path. */\nexport function showsComputedPath<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  node: { id: NodeId; dependsOn?: readonly NodeId[] | 'children' },\n): boolean {\n  return node.dependsOn !== undefined || scene.overrides.read(node.id)?.path !== undefined;\n}\n\n/**\n * `(node) => the path it shows in place of its data's`: a pose override's `path`, else the\n * one it derives, read through {@link sceneDepLookup}. A reader painting through a `toPose`\n * is answered the override's path carried into the box its `toPose` answers.\n */\nexport function sceneDerivedPathOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (node: Node<TData, TLayer, TPose>) => Path | null {\n  const depOf = sceneDepLookup(scene, toPose);\n  const slot = memoSlotFor(toPose, composesFrames(scene.composition));\n  const childrenOf = (id: NodeId): readonly NodeId[] => scene.childrenOf(id);\n  const derived = (node: Node<TData, TLayer, TPose>): Path | null =>\n    resolveDerivedPath(node, depOf, childrenOf, slot);\n  const overridePathOf = sceneOverridePathOf(scene, toPose);\n  return (node) => overridePathOf(node) ?? derived(node);\n}\n\nconst toPoseScopes = new WeakMap<object, { local?: NodeMemoScope; world?: NodeMemoScope }>();\n\n/** Where one way of reading poses memoizes its paths, or `undefined` for the\n *  scene's own slot: two readers painting one scene at different poses must\n *  not serve each other's paths. Every reader composing stored poses shares a\n *  slot; a `toPose` gets a scope that is collected with the function. */\nfunction memoSlotFor(\n  toPose: object | undefined,\n  composes: boolean,\n): string | NodeMemoScope | undefined {\n  const frame = composes ? 'world' : 'local';\n  if (toPose === undefined) return frame === 'world' ? 'kit:derivedPath:world' : undefined;\n  let scopes = toPoseScopes.get(toPose);\n  if (scopes === undefined) {\n    scopes = {};\n    toPoseScopes.set(toPose, scopes);\n  }\n  return (scopes[frame] ??= createNodeMemoScope());\n}\n\n/**\n * Wrap a `drawOne` so a node that derives its geometry, or whose pose override\n * carries a path, arrives at the painter with the resolved path. The painter has no scene handle and so cannot read\n * the dependencies' poses itself; both scene walks wrap here instead.\n *\n * A node that derives nothing passes the caller's `ctx` through untouched —\n * this runs per node per frame, and an added `{ derivedPath: null }` would be\n * an allocation per node for a field no painter reads.\n */\nexport function withDerivedPaths<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  drawOne: SceneViewDrawOne<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): SceneViewDrawOne<TData, TLayer, TPose> {\n  const derivedPathOf = sceneDerivedPathOf(scene, toPose);\n  const ownPoseOf = composesFrames(scene.composition)\n    ? (toPose ? sceneShownToPose(scene, toPose) : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node))\n    : null;\n  return (node, pose, view, ctx) => {\n    if (!showsComputedPath(scene, node)) return drawOne(node, pose, view, ctx);\n    let path = derivedPathOf(node);\n    if (path !== null && ownPoseOf !== null && scene.overrides.read(node.id)?.path === undefined) {\n      path = withoutInheritedFrame(path, pose, ownPoseOf(node));\n    }\n    return drawOne(node, pose, view, { ...ctx, derivedPath: path });\n  };\n}\n\n/**\n * A derived path is drawn from its dependencies' painted poses, so it is already where it\n * shows; but the pose rotation the walk wraps every node in is `painted`'s, which carries its\n * containers' turns as well as its own. Carried back through what the containers add, the\n * wrap turns it by its own frame alone, as it does a root's.\n */\nfunction withoutInheritedFrame(path: Path, painted: unknown, own: unknown): Path {\n  const undo = poseFrameInverseOf(painted);\n  if (undo === null) return path;\n  const box = painted as { x: number; y: number; width: number; height: number };\n  const o = own as { rotation?: number; transform?: unknown } | null;\n  const redo = poseFrameOf({ x: box.x, y: box.y, width: box.width, height: box.height, rotation: o?.rotation, transform: o?.transform });\n  return carryPathBy(path, redo === null ? undo : multiply(undo, redo));\n}\n\nconst drawnScenes = new WeakMap<object, DrawnBoundsScene>();\n\n/** `scene` read as `drawnBoundsOf` reads one, each node that shows a computed\n *  path answering it. One object per scene, so it can key a memo. */\nexport function drawnBoundsScene<TData, TLayer extends string, TPose>(scene: Scene<TData, TLayer, TPose>): DrawnBoundsScene {\n  let held = drawnScenes.get(scene);\n  if (held === undefined) {\n    const pathOf = sceneDerivedPathOf(scene);\n    const shown = shownLookup(scene);\n    held = {\n      get: (id) => shown.get(id) as never,\n      childrenOf: (id) => scene.childrenOf(id),\n      derivedPathOf: (id) => {\n        const node = scene.get(id);\n        return node !== undefined && showsComputedPath(scene, node) ? pathOf(node) : null;\n      },\n    };\n    drawnScenes.set(scene, held);\n  }\n  return held;\n}\n"],"mappings":"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"}
+{"version":3,"file":"derivedPath.js","names":[],"sources":["../../src/canvas/derivedPath.ts"],"sourcesContent":["/**\n * The render walk's half of derived paths: resolving one against a scene, and\n * handing it to the painter.\n *\n * The resolver itself lives in `core/scene/derivedPath.ts`, beside\n * `derivedPose` — a *pose* can derive from a dependency's path, so\n * `effectivePose` has to be able to reach it.\n */\nimport type { DerivedDep, Node, NodeId, Scene } from 'core/scene/types';\nimport { multiply, poseFrameInverseOf, poseFrameOf, type Path } from '@weasel-js/geom';\nimport { asNodeId } from 'core/scene/types';\nimport { definesFrame, derivedDepOf, effectivePose } from 'core/scene/effectivePose';\nimport { composesFrames, composeWorldPose, type PoseAdapter } from 'core/scene/composeFrame';\nimport { viewPoseAdapter } from 'core/scene/scrollOffsets';\nimport { resolveDerivedPath } from 'core/scene/derivedPath';\nimport { inheritedPaintIn, type InheritedPaint } from 'core/scene/inheritedPaint';\nimport { createNodeMemoScope, type NodeMemoScope } from 'core/scene/nodeMemo';\nimport { carryBoxPath, carryPathBy, pathAsPainted } from 'core/scene/depFrame';\nimport type { SceneViewDrawOne } from './NodeShape';\nimport type { DrawnBoundsScene } from './drawnBounds';\nimport { nodeAsShown, shownLookup } from 'core/scene/nodeAsShown';\n\nexport { resolveDerivedPath } from 'core/scene/derivedPath';\n\ntype ToPose<TData, TLayer extends string, TPose> = (node: Node<TData, TLayer, TPose>) => TPose;\n\n/** `node` as the scene shows it, its `pose` an override's or a derived one and its `data` an\n *  override's: the stored node itself where they agree. */\nfunction shownNode<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  stored: Node<TData, TLayer, TPose>,\n): Node<TData, TLayer, TPose> {\n  const node = nodeAsShown(scene.overrides, stored);\n  const pose = effectivePose(scene, stored);\n  return pose === node.pose ? node : { ...node, pose };\n}\n\n/** A slot's `toPose`, handed each node as the scene shows it, so a view drawn through one\n *  shows a drag in flight and a rig's motion as every other view does. */\nexport function sceneShownToPose<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose: ToPose<TData, TLayer, TPose>,\n): ToPose<TData, TLayer, TPose> {\n  return (node) => toPose(shownNode(scene, node));\n}\n\n/**\n * `(node) => the path its pose override shows it by`, in the frame the reader paints in: as\n * the override has it, or under a `toPose` carried from the box the scene shows the node at\n * to the box `toPose` answers.\n */\nfunction sceneOverridePathOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: ToPose<TData, TLayer, TPose>,\n): (node: Node<TData, TLayer, TPose>) => Path | undefined {\n  if (toPose === undefined) return (node) => scene.overrides.read(node.id)?.path;\n  return (node) => {\n    const path = scene.overrides.read(node.id)?.path;\n    if (path === undefined) return undefined;\n    const shown = shownNode(scene, node);\n    return carryBoxPath(path, shown.pose, toPose(shown));\n  };\n}\n\n/**\n * `(node) => the pose it is painted at`: the slot's `toPose` of the node as the scene shows\n * it if it has one, else the scene's effective pose, folded through the parent chain when\n * the scene's composition makes a stored pose local to its container, and through each\n * container's scroll offset.\n */\nexport function scenePaintedPoseOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (node: Node<TData, TLayer, TPose>) => TPose {\n  const local = toPose\n    ? sceneShownToPose(scene, toPose)\n    : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node);\n  if (!composesFrames(scene.composition)) return local;\n  const chain: PoseAdapter<TPose> = viewPoseAdapter(scene, {\n    getPose: (id) => {\n      const n = scene.get(asNodeId(id));\n      return n ? local(n) : (undefined as unknown as TPose);\n    },\n    getParent: (id) => scene.get(asNodeId(id))?.parent ?? null,\n    definesFrame: (id) => {\n      const n = scene.get(asNodeId(id));\n      return n === undefined || definesFrame(n);\n    },\n  } as PoseAdapter<TPose>);\n  return (node) => composeWorldPose(chain, node.id, scene.composition.compose);\n}\n\n/**\n * `(id) => that node, the pose it is painted at, and the path it derives` —\n * resolved against the scene, so a dependency that is itself derived resolves\n * before it is read.\n *\n * A derived edge is drawn from these coordinates and must meet the nodes it\n * connects, so this reads the pose each one is painted at: see\n * {@link scenePaintedPoseOf}.\n */\nexport function sceneDepLookup<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (id: NodeId) => DerivedDep<TPose> | undefined {\n  const slot = memoSlotFor(toPose, composesFrames(scene.composition));\n  if (slot === undefined) return (id) => derivedDepOf(scene, id);\n  const ctx: SlotLookup<TPose> = {\n    at: scenePaintedPoseOf(scene, toPose) as (node: unknown) => TPose,\n    local: (toPose\n      ? sceneShownToPose(scene, toPose)\n      : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node)) as (node: unknown) => TPose,\n    slot,\n    shown: sceneOverridePathOf(scene, toPose) as (node: unknown) => Path | undefined,\n    childrenOf: (id: NodeId) => scene.childrenOf(id),\n    scene: shownLookup(scene) as never,\n    lookup: (id: NodeId) => {\n      const node = scene.get(id);\n      return node === undefined ? undefined : new SlotDep(nodeAsShown(scene.overrides, node), ctx);\n    },\n  };\n  return ctx.lookup;\n}\n\ninterface SlotLookup<TPose> {\n  at: (node: unknown) => TPose;\n  /** The pose the node is shown at in its own frame: the box its override path is drawn in. */\n  local: (node: unknown) => TPose;\n  slot: string | NodeMemoScope;\n  /** The path a pose override shows a node by, where it has one. */\n  shown: (node: unknown) => Path | undefined;\n  childrenOf: (id: NodeId) => readonly NodeId[];\n  lookup: (id: NodeId) => DerivedDep<TPose> | undefined;\n  /** Where a node's `'inherit'` paint is looked up. */\n  scene: { get(id: NodeId): Node<unknown, string, TPose> | undefined };\n}\n\n/** A class, not an object literal with a `get path()` — see `SceneDep` in\n *  `core/scene/effectivePose.ts` for why. */\nclass SlotDep<TPose> implements DerivedDep<TPose> {\n  readonly node: Node<unknown, string, TPose>;\n  readonly pose: TPose;\n\n  constructor(posed: unknown, private readonly ctx: SlotLookup<TPose>) {\n    this.node = posed as Node<unknown, string, TPose>;\n    this.pose = ctx.at(posed);\n  }\n\n  get path(): Path | null {\n    const shown = this.ctx.shown(this.node);\n    if (shown !== undefined) return pathAsPainted(shown, this.ctx.local(this.node), this.pose);\n    return resolveDerivedPath(\n      this.node as never, this.ctx.lookup, this.ctx.childrenOf, this.ctx.slot,\n    );\n  }\n\n  get inherited(): InheritedPaint | undefined {\n    return inheritedPaintIn(this.ctx.scene, this.node);\n  }\n\n  // Every pose this lookup answers is the painted one, so a child needs no rebase.\n  get children(): readonly (DerivedDep<TPose> | undefined)[] {\n    return this.ctx.childrenOf(this.node.id).map(this.ctx.lookup);\n  }\n}\n\n/** Whether something outside `node`'s data says what path it shows: it derives one, or a\n *  pose override carries one. The gate both scene walks check before resolving a path. */\nexport function showsComputedPath<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  node: { id: NodeId; dependsOn?: readonly NodeId[] | 'children' },\n): boolean {\n  return node.dependsOn !== undefined || scene.overrides.read(node.id)?.path !== undefined;\n}\n\n/**\n * `(node) => the path it shows in place of its data's`: a pose override's `path`, else the\n * one it derives, read through {@link sceneDepLookup}. A reader painting through a `toPose`\n * is answered the override's path carried into the box its `toPose` answers.\n */\nexport function sceneDerivedPathOf<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): (node: Node<TData, TLayer, TPose>) => Path | null {\n  const depOf = sceneDepLookup(scene, toPose);\n  const slot = memoSlotFor(toPose, composesFrames(scene.composition));\n  const childrenOf = (id: NodeId): readonly NodeId[] => scene.childrenOf(id);\n  const derived = (node: Node<TData, TLayer, TPose>): Path | null =>\n    resolveDerivedPath(node, depOf, childrenOf, slot);\n  const overridePathOf = sceneOverridePathOf(scene, toPose);\n  return (node) => overridePathOf(node) ?? derived(node);\n}\n\nconst toPoseScopes = new WeakMap<object, { local?: NodeMemoScope; world?: NodeMemoScope }>();\n\n/** Where one way of reading poses memoizes its paths, or `undefined` for the\n *  scene's own slot: two readers painting one scene at different poses must\n *  not serve each other's paths. Every reader composing stored poses shares a\n *  slot; a `toPose` gets a scope that is collected with the function. */\nfunction memoSlotFor(\n  toPose: object | undefined,\n  composes: boolean,\n): string | NodeMemoScope | undefined {\n  const frame = composes ? 'world' : 'local';\n  if (toPose === undefined) return frame === 'world' ? 'kit:derivedPath:world' : undefined;\n  let scopes = toPoseScopes.get(toPose);\n  if (scopes === undefined) {\n    scopes = {};\n    toPoseScopes.set(toPose, scopes);\n  }\n  return (scopes[frame] ??= createNodeMemoScope());\n}\n\n/**\n * Wrap a `drawOne` so a node that derives its geometry, or whose pose override\n * carries a path, arrives at the painter with the resolved path. The painter has no scene handle and so cannot read\n * the dependencies' poses itself; both scene walks wrap here instead.\n *\n * A node that derives nothing passes the caller's `ctx` through untouched —\n * this runs per node per frame, and an added `{ derivedPath: null }` would be\n * an allocation per node for a field no painter reads.\n */\nexport function withDerivedPaths<TData, TLayer extends string, TPose>(\n  scene: Scene<TData, TLayer, TPose>,\n  drawOne: SceneViewDrawOne<TData, TLayer, TPose>,\n  toPose?: (node: Node<TData, TLayer, TPose>) => TPose,\n): SceneViewDrawOne<TData, TLayer, TPose> {\n  const derivedPathOf = sceneDerivedPathOf(scene, toPose);\n  const ownPoseOf = composesFrames(scene.composition)\n    ? (toPose ? sceneShownToPose(scene, toPose) : (node: Node<TData, TLayer, TPose>) => effectivePose(scene, node))\n    : null;\n  return (node, pose, view, ctx) => {\n    if (!showsComputedPath(scene, node)) return drawOne(node, pose, view, ctx);\n    let path = derivedPathOf(node);\n    if (path !== null && ownPoseOf !== null && scene.overrides.read(node.id)?.path === undefined) {\n      path = withoutInheritedFrame(path, pose, ownPoseOf(node));\n    }\n    return drawOne(node, pose, view, { ...ctx, derivedPath: path });\n  };\n}\n\n/**\n * A derived path is drawn from its dependencies' painted poses, so it is already where it\n * shows; but the pose rotation the walk wraps every node in is `painted`'s, which carries its\n * containers' turns as well as its own. Carried back through what the containers add, the\n * wrap turns it by its own frame alone, as it does a root's.\n */\nfunction withoutInheritedFrame(path: Path, painted: unknown, own: unknown): Path {\n  const undo = poseFrameInverseOf(painted);\n  if (undo === null) return path;\n  const box = painted as { x: number; y: number; width: number; height: number };\n  const o = own as { rotation?: number; transform?: unknown } | null;\n  const redo = poseFrameOf({ x: box.x, y: box.y, width: box.width, height: box.height, rotation: o?.rotation, transform: o?.transform });\n  return carryPathBy(path, redo === null ? undo : multiply(undo, redo));\n}\n\nconst drawnScenes = new WeakMap<object, DrawnBoundsScene>();\n\n/** `scene` read as `drawnBoundsOf` reads one, each node that shows a computed\n *  path answering it. One object per scene, so it can key a memo. */\nexport function drawnBoundsScene<TData, TLayer extends string, TPose>(scene: Scene<TData, TLayer, TPose>): DrawnBoundsScene {\n  let held = drawnScenes.get(scene);\n  if (held === undefined) {\n    const pathOf = sceneDerivedPathOf(scene);\n    const shown = shownLookup(scene);\n    held = {\n      get: (id) => shown.get(id) as never,\n      childrenOf: (id) => scene.childrenOf(id),\n      derivedPathOf: (id) => {\n        const node = scene.get(id);\n        return node !== undefined && showsComputedPath(scene, node) ? pathOf(node) : null;\n      },\n    };\n    drawnScenes.set(scene, held);\n  }\n  return held;\n}\n"],"mappings":"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"}

package/dist/canvas/getNodeAtPoint.js

@@ -2,8 +2,8 @@
 /** The node a single-hit picker names under a world point, with its kind:
 *  `'unknown'` when `nodeResolver` is absent or returns null. */
 function makeGetNodeAtPoint(pickBest, nodeResolver) {
-	return (wx, wy, view) => {
-		const id = pickBest(wx, wy, view);
+	return (world, view) => {
+		const id = pickBest(world, view);
 		if (id == null) return null;
 		return {
 			id,

package/dist/canvas/getNodeAtPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodeAtPoint.js","names":[],"sources":["../../src/canvas/getNodeAtPoint.ts"],"sourcesContent":["import type { PickView } from './SceneCanvas/useSceneSelectTool';\n\n/** The hit record returned by a `getNodeAtPoint` function. */\nexport interface NodeAtPointHit {\n  id: string;\n  kind: string;\n}\n\n/** Resolves a node's routing kind. */\nexport type NodeResolver = (id: string) => { kind: string } | null;\n\n/** The node a single-hit picker names under a world point, with its kind:\n *  `'unknown'` when `nodeResolver` is absent or returns null. */\nexport function makeGetNodeAtPoint(\n  pickBest: (wx: number, wy: number, view?: PickView | null) => string | null,\n  nodeResolver?: NodeResolver,\n): (wx: number, wy: number, view?: PickView | null) => NodeAtPointHit | null {\n  return (wx: number, wy: number, view?: PickView | null): NodeAtPointHit | null => {\n    const id = pickBest(wx, wy, view);\n    if (id == null) return null;\n\n    return { id, kind: nodeResolver?.(id)?.kind ?? 'unknown' };\n  };\n}\n"],"mappings":";;;AAaA,SAAgB,mBACd,UACA,cAC2E;CAC3E,QAAQ,IAAY,IAAY,SAAkD;EAChF,MAAM,KAAK,SAAS,IAAI,IAAI,IAAI;EAChC,IAAI,MAAM,MAAM,OAAO;EAEvB,OAAO;GAAE;GAAI,MAAM,eAAe,EAAE,CAAC,EAAE,QAAQ;EAAU;CAC3D;AACF"}
+{"version":3,"file":"getNodeAtPoint.js","names":[],"sources":["../../src/canvas/getNodeAtPoint.ts"],"sourcesContent":["import type { PickView } from './SceneCanvas/useSceneSelectTool';\nimport type { WorldPoint } from '@weasel-js/routing';\n\n/** The hit record returned by a `getNodeAtPoint` function. */\nexport interface NodeAtPointHit {\n  id: string;\n  kind: string;\n}\n\n/** Resolves a node's routing kind. */\nexport type NodeResolver = (id: string) => { kind: string } | null;\n\n/** The node a single-hit picker names under a world point, with its kind:\n *  `'unknown'` when `nodeResolver` is absent or returns null. */\nexport function makeGetNodeAtPoint(\n  pickBest: (world: WorldPoint, view?: PickView | null) => string | null,\n  nodeResolver?: NodeResolver,\n): (world: WorldPoint, view?: PickView | null) => NodeAtPointHit | null {\n  return (world: WorldPoint, view?: PickView | null): NodeAtPointHit | null => {\n    const id = pickBest(world, view);\n    if (id == null) return null;\n\n    return { id, kind: nodeResolver?.(id)?.kind ?? 'unknown' };\n  };\n}\n"],"mappings":";;;AAcA,SAAgB,mBACd,UACA,cACsE;CACtE,QAAQ,OAAmB,SAAkD;EAC3E,MAAM,KAAK,SAAS,OAAO,IAAI;EAC/B,IAAI,MAAM,MAAM,OAAO;EAEvB,OAAO;GAAE;GAAI,MAAM,eAAe,EAAE,CAAC,EAAE,QAAQ;EAAU;CAC3D;AACF"}

package/dist/canvas/insertPreviewExtent.js.map

@@ -1 +1 @@
-{"version":3,"file":"insertPreviewExtent.js","names":[],"sources":["../../src/canvas/insertPreviewExtent.ts"],"sourcesContent":["/**\n * The one answer to \"how big is the thing this in-flight insert is making\",\n * shared by the preview paint, the commit, and the gesture's reported bounds.\n *\n * The drag AABB alone is NOT the answer. `insertAction` hands over an\n * `extras` payload that can carry richer geometry than the drag rect, and\n * where it does, that geometry is the shape: a pencil that loops back to its\n * start produces a zero-area drag rect around a trail that swept the page.\n */\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { OngoingOverlay } from '@weasel-js/routing';\nimport { boundsOfPath, regularPolygonPath, starPath, type Path } from '@weasel-js/geom';\n\ntype Point = { x: number; y: number };\n\n/** The fields of an `insertPreview` overlay this needs. `canvas/deps/insert`\n *  passes the equivalent from its own `(bounds, extras)` commit arguments. */\nexport interface InsertPreviewLike {\n  shape: string;\n  bounds: { x: number; y: number; width: number; height: number };\n  extras: unknown;\n}\n\n/** Resolved preview geometry, in the terms the path builders take. */\nexport type InsertPreviewGeometry =\n  | { kind: 'box' }\n  | { kind: 'line'; a: Point; b: Point }\n  | { kind: 'polygon'; center: Point; radius: number; sides: number; rotation: number }\n  | {\n      kind: 'star';\n      center: Point;\n      outerRadius: number;\n      innerRadius: number;\n      points: number;\n      rotation: number;\n    }\n  | { kind: 'pencil'; samples: ReadonlyArray<Point> };\n\n/** An in-flight insert's shape, resolved from its drag rect and `extras`. */\nexport interface InsertPreviewExtent {\n  /** The insert kind, verbatim from the caller. */\n  shape: string;\n  /** World-space AABB of `geometry` — the extent. */\n  bounds: Bounds;\n  geometry: InsertPreviewGeometry;\n}\n\n/** The `insertPreview` member of `OngoingOverlay`, which `insertAction` publishes during a drag-to-insert. */\nexport type InsertPreviewOverlay = Extract<OngoingOverlay, { kind: 'insertPreview' }>;\n\n/** Resolve an in-flight insert's geometry and world AABB. Uses the geometry in\n *  `extras` where the shape carries it; an unknown shape falls back to its drag rect. */\nexport function insertPreviewExtent(ov: InsertPreviewLike): InsertPreviewExtent {\n  const b = ov.bounds;\n  const box = { x: b.x, y: b.y, width: b.width, height: b.height };\n\n  switch (ov.shape) {\n    case 'line': {\n      const e = ov.extras as Partial<{ a: Point; b: Point }>;\n      const a = e.a ?? { x: b.x, y: b.y };\n      const b2 = e.b ?? { x: b.x + b.width, y: b.y + b.height };\n      return { shape: ov.shape, bounds: aabbOf([a, b2]) ?? box, geometry: { kind: 'line', a, b: b2 } };\n    }\n    case 'polygon': {\n      const e = ov.extras as Partial<{\n        sides: number; rotation: number; center: Point; radius: number;\n      }>;\n      const center = e.center ?? { x: b.x + b.width / 2, y: b.y + b.height / 2 };\n      const radius = e.radius ?? Math.min(b.width, b.height) / 2;\n      const sides = Math.max(3, Math.floor(e.sides ?? 6));\n      const rotation = e.rotation ?? 0;\n      return {\n        shape: ov.shape,\n        bounds: boxOf(regularPolygonPath(center, radius, sides, rotation)),\n        geometry: { kind: 'polygon', center, radius, sides, rotation },\n      };\n    }\n    case 'star': {\n      const e = ov.extras as Partial<{\n        points: number; innerRadiusRatio: number; rotation: number;\n        center: Point; outerRadius: number;\n      }>;\n      const center = e.center ?? { x: b.x + b.width / 2, y: b.y + b.height / 2 };\n      const outerRadius = e.outerRadius ?? Math.min(b.width, b.height) / 2;\n      const innerRadius = outerRadius * (e.innerRadiusRatio ?? 0.5);\n      const points = Math.max(3, Math.floor(e.points ?? 5));\n      const rotation = e.rotation ?? 0;\n      return {\n        shape: ov.shape,\n        bounds: boxOf(starPath(center, outerRadius, points, innerRadius, rotation)),\n        geometry: { kind: 'star', center, outerRadius, innerRadius, points, rotation },\n      };\n    }\n    case 'pencil': {\n      const e = ov.extras as Partial<{ samples: ReadonlyArray<Point> }>;\n      const samples = e.samples ?? [];\n      return {\n        shape: ov.shape,\n        bounds: aabbOf(samples) ?? box,\n        geometry: { kind: 'pencil', samples },\n      };\n    }\n    default:\n      return { shape: ov.shape, bounds: box, geometry: { kind: 'box' } };\n  }\n}\n\n/** A radial shape's extent is the box of the shape it makes, as the commit stores it. */\nfunction boxOf(path: Path): Bounds {\n  const { x, y, width, height } = boundsOfPath(path);\n  return { x, y, width, height };\n}\n\nfunction aabbOf(pts: ReadonlyArray<Point>): Bounds | null {\n  if (pts.length === 0) return null;\n  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n  for (const p of pts) {\n    if (p.x < minX) minX = p.x;\n    if (p.y < minY) minY = p.y;\n    if (p.x > maxX) maxX = p.x;\n    if (p.y > maxY) maxY = p.y;\n  }\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n"],"mappings":";;;;;AAoDA,SAAgB,oBAAoB,IAA4C;CAC9E,MAAM,IAAI,GAAG;CACb,MAAM,MAAM;EAAE,GAAG,EAAE;EAAG,GAAG,EAAE;EAAG,OAAO,EAAE;EAAO,QAAQ,EAAE;CAAO;CAE/D,QAAQ,GAAG,OAAX;EACE,KAAK,QAAQ;GACX,MAAM,IAAI,GAAG;GACb,MAAM,IAAI,EAAE,KAAK;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE;GAClC,MAAM,KAAK,EAAE,KAAK;IAAE,GAAG,EAAE,IAAI,EAAE;IAAO,GAAG,EAAE,IAAI,EAAE;GAAO;GACxD,OAAO;IAAE,OAAO,GAAG;IAAO,QAAQ,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK;IAAK,UAAU;KAAE,MAAM;KAAQ;KAAG,GAAG;IAAG;GAAE;EACjG;EACA,KAAK,WAAW;GACd,MAAM,IAAI,GAAG;GAGb,MAAM,SAAS,EAAE,UAAU;IAAE,GAAG,EAAE,IAAI,EAAE,QAAQ;IAAG,GAAG,EAAE,IAAI,EAAE,SAAS;GAAE;GACzE,MAAM,SAAS,EAAE,UAAU,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI;GACzD,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,EAAE,SAAS,CAAC,CAAC;GAClD,MAAM,WAAW,EAAE,YAAY;GAC/B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,MAAM,mBAAmB,QAAQ,QAAQ,OAAO,QAAQ,CAAC;IACjE,UAAU;KAAE,MAAM;KAAW;KAAQ;KAAQ;KAAO;IAAS;GAC/D;EACF;EACA,KAAK,QAAQ;GACX,MAAM,IAAI,GAAG;GAIb,MAAM,SAAS,EAAE,UAAU;IAAE,GAAG,EAAE,IAAI,EAAE,QAAQ;IAAG,GAAG,EAAE,IAAI,EAAE,SAAS;GAAE;GACzE,MAAM,cAAc,EAAE,eAAe,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI;GACnE,MAAM,cAAc,eAAe,EAAE,oBAAoB;GACzD,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,EAAE,UAAU,CAAC,CAAC;GACpD,MAAM,WAAW,EAAE,YAAY;GAC/B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,MAAM,SAAS,QAAQ,aAAa,QAAQ,aAAa,QAAQ,CAAC;IAC1E,UAAU;KAAE,MAAM;KAAQ;KAAQ;KAAa;KAAa;KAAQ;IAAS;GAC/E;EACF;EACA,KAAK,UAAU;GAEb,MAAM,UADI,GAAG,OACK,WAAW,CAAC;GAC9B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,OAAO,OAAO,KAAK;IAC3B,UAAU;KAAE,MAAM;KAAU;IAAQ;GACtC;EACF;EACA,SACE,OAAO;GAAE,OAAO,GAAG;GAAO,QAAQ;GAAK,UAAU,EAAE,MAAM,MAAM;EAAE;CACrE;AACF;;AAGA,SAAS,MAAM,MAAoB;CACjC,MAAM,EAAE,GAAG,GAAG,OAAO,WAAW,aAAa,IAAI;CACjD,OAAO;EAAE;EAAG;EAAG;EAAO;CAAO;AAC/B;AAEA,SAAS,OAAO,KAA0C;CACxD,IAAI,IAAI,WAAW,GAAG,OAAO;CAC7B,IAAI,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO;CAC/D,KAAK,MAAM,KAAK,KAAK;EACnB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;CAC3B;CACA,OAAO;EAAE,GAAG;EAAM,GAAG;EAAM,OAAO,OAAO;EAAM,QAAQ,OAAO;CAAK;AACrE"}
+{"version":3,"file":"insertPreviewExtent.js","names":[],"sources":["../../src/canvas/insertPreviewExtent.ts"],"sourcesContent":["/**\n * The one answer to \"how big is the thing this in-flight insert is making\",\n * shared by the preview paint, the commit, and the gesture's reported bounds.\n *\n * The drag AABB alone is NOT the answer. `insertAction` hands over an\n * `extras` payload that can carry richer geometry than the drag rect, and\n * where it does, that geometry is the shape: a pencil that loops back to its\n * start produces a zero-area drag rect around a trail that swept the page.\n */\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { OngoingOverlay } from '@weasel-js/routing';\nimport { boundsOfPath, regularPolygonPath, starPath, type Path, type Point } from '@weasel-js/geom';\n\n/** The fields of an `insertPreview` overlay this needs. `canvas/deps/insert`\n *  passes the equivalent from its own `(bounds, extras)` commit arguments. */\nexport interface InsertPreviewLike {\n  shape: string;\n  bounds: { x: number; y: number; width: number; height: number };\n  extras: unknown;\n}\n\n/** Resolved preview geometry, in the terms the path builders take. */\nexport type InsertPreviewGeometry =\n  | { kind: 'box' }\n  | { kind: 'line'; a: Point; b: Point }\n  | { kind: 'polygon'; center: Point; radius: number; sides: number; rotation: number }\n  | {\n      kind: 'star';\n      center: Point;\n      outerRadius: number;\n      innerRadius: number;\n      points: number;\n      rotation: number;\n    }\n  | { kind: 'pencil'; samples: ReadonlyArray<Point> };\n\n/** An in-flight insert's shape, resolved from its drag rect and `extras`. */\nexport interface InsertPreviewExtent {\n  /** The insert kind, verbatim from the caller. */\n  shape: string;\n  /** World-space AABB of `geometry` — the extent. */\n  bounds: Bounds;\n  geometry: InsertPreviewGeometry;\n}\n\n/** The `insertPreview` member of `OngoingOverlay`, which `insertAction` publishes during a drag-to-insert. */\nexport type InsertPreviewOverlay = Extract<OngoingOverlay, { kind: 'insertPreview' }>;\n\n/** Resolve an in-flight insert's geometry and world AABB. Uses the geometry in\n *  `extras` where the shape carries it; an unknown shape falls back to its drag rect. */\nexport function insertPreviewExtent(ov: InsertPreviewLike): InsertPreviewExtent {\n  const b = ov.bounds;\n  const box = { x: b.x, y: b.y, width: b.width, height: b.height };\n\n  switch (ov.shape) {\n    case 'line': {\n      const e = ov.extras as Partial<{ a: Point; b: Point }>;\n      const a = e.a ?? { x: b.x, y: b.y };\n      const b2 = e.b ?? { x: b.x + b.width, y: b.y + b.height };\n      return { shape: ov.shape, bounds: aabbOf([a, b2]) ?? box, geometry: { kind: 'line', a, b: b2 } };\n    }\n    case 'polygon': {\n      const e = ov.extras as Partial<{\n        sides: number; rotation: number; center: Point; radius: number;\n      }>;\n      const center = e.center ?? { x: b.x + b.width / 2, y: b.y + b.height / 2 };\n      const radius = e.radius ?? Math.min(b.width, b.height) / 2;\n      const sides = Math.max(3, Math.floor(e.sides ?? 6));\n      const rotation = e.rotation ?? 0;\n      return {\n        shape: ov.shape,\n        bounds: boxOf(regularPolygonPath(center, radius, sides, rotation)),\n        geometry: { kind: 'polygon', center, radius, sides, rotation },\n      };\n    }\n    case 'star': {\n      const e = ov.extras as Partial<{\n        points: number; innerRadiusRatio: number; rotation: number;\n        center: Point; outerRadius: number;\n      }>;\n      const center = e.center ?? { x: b.x + b.width / 2, y: b.y + b.height / 2 };\n      const outerRadius = e.outerRadius ?? Math.min(b.width, b.height) / 2;\n      const innerRadius = outerRadius * (e.innerRadiusRatio ?? 0.5);\n      const points = Math.max(3, Math.floor(e.points ?? 5));\n      const rotation = e.rotation ?? 0;\n      return {\n        shape: ov.shape,\n        bounds: boxOf(starPath(center, outerRadius, points, innerRadius, rotation)),\n        geometry: { kind: 'star', center, outerRadius, innerRadius, points, rotation },\n      };\n    }\n    case 'pencil': {\n      const e = ov.extras as Partial<{ samples: ReadonlyArray<Point> }>;\n      const samples = e.samples ?? [];\n      return {\n        shape: ov.shape,\n        bounds: aabbOf(samples) ?? box,\n        geometry: { kind: 'pencil', samples },\n      };\n    }\n    default:\n      return { shape: ov.shape, bounds: box, geometry: { kind: 'box' } };\n  }\n}\n\n/** A radial shape's extent is the box of the shape it makes, as the commit stores it. */\nfunction boxOf(path: Path): Bounds {\n  const { x, y, width, height } = boundsOfPath(path);\n  return { x, y, width, height };\n}\n\nfunction aabbOf(pts: ReadonlyArray<Point>): Bounds | null {\n  if (pts.length === 0) return null;\n  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n  for (const p of pts) {\n    if (p.x < minX) minX = p.x;\n    if (p.y < minY) minY = p.y;\n    if (p.x > maxX) maxX = p.x;\n    if (p.y > maxY) maxY = p.y;\n  }\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n"],"mappings":";;;;;AAkDA,SAAgB,oBAAoB,IAA4C;CAC9E,MAAM,IAAI,GAAG;CACb,MAAM,MAAM;EAAE,GAAG,EAAE;EAAG,GAAG,EAAE;EAAG,OAAO,EAAE;EAAO,QAAQ,EAAE;CAAO;CAE/D,QAAQ,GAAG,OAAX;EACE,KAAK,QAAQ;GACX,MAAM,IAAI,GAAG;GACb,MAAM,IAAI,EAAE,KAAK;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE;GAClC,MAAM,KAAK,EAAE,KAAK;IAAE,GAAG,EAAE,IAAI,EAAE;IAAO,GAAG,EAAE,IAAI,EAAE;GAAO;GACxD,OAAO;IAAE,OAAO,GAAG;IAAO,QAAQ,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK;IAAK,UAAU;KAAE,MAAM;KAAQ;KAAG,GAAG;IAAG;GAAE;EACjG;EACA,KAAK,WAAW;GACd,MAAM,IAAI,GAAG;GAGb,MAAM,SAAS,EAAE,UAAU;IAAE,GAAG,EAAE,IAAI,EAAE,QAAQ;IAAG,GAAG,EAAE,IAAI,EAAE,SAAS;GAAE;GACzE,MAAM,SAAS,EAAE,UAAU,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI;GACzD,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,EAAE,SAAS,CAAC,CAAC;GAClD,MAAM,WAAW,EAAE,YAAY;GAC/B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,MAAM,mBAAmB,QAAQ,QAAQ,OAAO,QAAQ,CAAC;IACjE,UAAU;KAAE,MAAM;KAAW;KAAQ;KAAQ;KAAO;IAAS;GAC/D;EACF;EACA,KAAK,QAAQ;GACX,MAAM,IAAI,GAAG;GAIb,MAAM,SAAS,EAAE,UAAU;IAAE,GAAG,EAAE,IAAI,EAAE,QAAQ;IAAG,GAAG,EAAE,IAAI,EAAE,SAAS;GAAE;GACzE,MAAM,cAAc,EAAE,eAAe,KAAK,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI;GACnE,MAAM,cAAc,eAAe,EAAE,oBAAoB;GACzD,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,EAAE,UAAU,CAAC,CAAC;GACpD,MAAM,WAAW,EAAE,YAAY;GAC/B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,MAAM,SAAS,QAAQ,aAAa,QAAQ,aAAa,QAAQ,CAAC;IAC1E,UAAU;KAAE,MAAM;KAAQ;KAAQ;KAAa;KAAa;KAAQ;IAAS;GAC/E;EACF;EACA,KAAK,UAAU;GAEb,MAAM,UADI,GAAG,OACK,WAAW,CAAC;GAC9B,OAAO;IACL,OAAO,GAAG;IACV,QAAQ,OAAO,OAAO,KAAK;IAC3B,UAAU;KAAE,MAAM;KAAU;IAAQ;GACtC;EACF;EACA,SACE,OAAO;GAAE,OAAO,GAAG;GAAO,QAAQ;GAAK,UAAU,EAAE,MAAM,MAAM;EAAE;CACrE;AACF;;AAGA,SAAS,MAAM,MAAoB;CACjC,MAAM,EAAE,GAAG,GAAG,OAAO,WAAW,aAAa,IAAI;CACjD,OAAO;EAAE;EAAG;EAAG;EAAO;CAAO;AAC/B;AAEA,SAAS,OAAO,KAA0C;CACxD,IAAI,IAAI,WAAW,GAAG,OAAO;CAC7B,IAAI,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO;CAC/D,KAAK,MAAM,KAAK,KAAK;EACnB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;EACzB,IAAI,EAAE,IAAI,MAAM,OAAO,EAAE;CAC3B;CACA,OAAO;EAAE,GAAG;EAAM,GAAG;EAAM,OAAO,OAAO;EAAM,QAAQ,OAAO;CAAK;AACrE"}

package/dist/canvas/layerSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"layerSlots.js","names":[],"sources":["../../src/canvas/layerSlots.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport type { SelectionOverlayLayerOpts } from 'features/selection/overlay';\nimport type { SceneSlotConfig } from './buildSceneLayer';\nimport type { PathEditingOverlayStyle } from 'features/paths/pathEditingOverlayLayer';\n\n/** Standard slot names — render in this canonical order.\n *  `cellHighlight` is not an anchor for custom layers: it sits between the\n *  grid and the scene, so anchor to one of those. */\n/** @internal */\nexport const STANDARD_SLOTS = [\n  'grid',\n  'cellHighlight',\n  'scene',\n  'selectionOverlay',\n] as const;\n\n/** Names of the slots `<Canvas>` supports out of the box (excluding the implicit cell-highlight overlay). */\nexport type StandardSlotName = Exclude<(typeof STANDARD_SLOTS)[number], 'cellHighlight'>;\n\n/** Custom layer entry — any key not in `STANDARD_SLOTS`. The presence of\n *  `.layer` discriminates this from a slot config. */\nexport interface CustomLayerEntry {\n  layer: RenderLayer<unknown>;\n  /** Insert immediately after the named standard slot or another custom-layer key. */\n  after?: StandardSlotName | (string & {});\n  /** Insert immediately before the named standard slot or another custom-layer key. */\n  before?: StandardSlotName | (string & {});\n}\n\nexport function isCustomEntry(v: unknown): v is CustomLayerEntry {\n  return !!v && typeof v === 'object' && 'layer' in (v as Record<string, unknown>);\n}\n\n/** Selection-overlay slot config — passed through to `createSelectionOverlayLayer`,\n *  minus the `getSelection`/`getPose` the canvas wires automatically and the\n *  `resizeHandles` it takes from the hit-test, so the two cannot disagree. */\nexport type SelectionOverlaySlotConfig<TPose> = Omit<\n  SelectionOverlayLayerOpts<TPose>,\n  'getSelection' | 'getPose' | 'resizeHandles'\n> & {\n  /** Override the auto-wired pose lookup (overlay-aware → adapter fallback). */\n  poseById?: (id: string) => TPose | null;\n};\n\n/** Path-edit overlay slot config: how `<SceneCanvas>` draws the chrome of the\n *  path whose anchors are being edited. */\nexport interface PathEditingOverlaySlotConfig {\n  /** Anchor and handle marker overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\n/** Per-slot config union. The key narrows it in practice. */\nexport type StandardSlotConfig<TNode extends { id: string }, TPose> =\n  | SceneSlotConfig<TNode, TPose>\n  | SelectionOverlaySlotConfig<TPose>\n  | PathEditingOverlaySlotConfig;\n\n/** What may fill one of the canvas's named layer slots: a config the canvas\n *  builds the layer from, a pre-built layer, or `null` to leave the slot\n *  empty. */\nexport type LayerSlotValue<TNode extends { id: string }, TPose> =\n  | StandardSlotConfig<TNode, TPose>\n  | CustomLayerEntry\n  | null;\n\n/** The canvas's render stack, as named slots. The standard slots (grid,\n *  scene, selection overlay, cell highlight) fix where a layer sits in the\n *  stack; scene and selection overlay can be configured, and every one can be\n *  given a layer of your own or switched off. Further keys add custom layers.\n *  `TSceneSlot` is what the scene slot accepts: `<SceneCanvas>` takes a\n *  partial config and fills the rest from its defaults. */\nexport type LayersMap<\n  TNode extends { id: string },\n  TPose,\n  TSceneSlot = SceneSlotConfig<TNode, TPose>,\n> = {\n  /** Grid slot, beneath the scene. Takes a pre-built layer (`{ layer }`) —\n   *  e.g. `createGridLayer` from `@weasel-js/guides` — or `null`. */\n  grid?: CustomLayerEntry | null;\n  /** Scene slot: the config `<SceneCanvas>` builds its layers from, a\n   *  pre-built layer that paints the scene in their place, or `null`. A\n   *  pre-built layer gets no ghost of a node in flight, which needs `drawOne`. */\n  scene?: TSceneSlot | CustomLayerEntry | null;\n  /** Selection-overlay slot: the config `<SceneCanvas>` builds the layer\n   *  from, a pre-built layer that paints in its place, or `null` for no\n   *  selection chrome. */\n  selectionOverlay?: SelectionOverlaySlotConfig<TPose> | CustomLayerEntry | null;\n  /** Cell-highlight overlay slot, drawn immediately after the grid. Takes a\n   *  pre-built layer (`{ layer }`) — e.g. `createCellHighlightLayer` from\n   *  `@weasel-js/guides` — or `null`. */\n  cellHighlight?: CustomLayerEntry | null;\n  /** `<SceneCanvas>`'s anchor-editing overlay, above the selection overlay:\n   *  the config it builds the layer from, a pre-built layer, or `null`. */\n  pathEditingOverlay?: PathEditingOverlaySlotConfig | CustomLayerEntry | null;\n} & {\n  [customKey: string]: LayerSlotValue<TNode, TPose> | TSceneSlot | undefined;\n};\n\n/** The scene slot once built: its canvas layers, bottom first. Each `key` is\n *  an anchor a custom layer can name (`scene`, or `scene:<layerId>`). */\nexport interface SceneSlotLayers {\n  layers: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>;\n}\n\n/** What `<Canvas>` composes: a {@link LayersMap} with every slot already a\n *  layer. `<SceneCanvas>` builds one from its `layers` prop. */\nexport type CanvasLayers = {\n  grid?: CustomLayerEntry | null;\n  cellHighlight?: CustomLayerEntry | null;\n  scene?: SceneSlotLayers | null;\n  selectionOverlay?: CustomLayerEntry | null;\n} & {\n  [customKey: string]: CustomLayerEntry | SceneSlotLayers | null | undefined;\n};\n\n/** The layers of `map` that are already built, in its key order: each\n *  `{ layer }` entry and each `null`. A slot config is left out, for whoever\n *  builds it to put back. */\nexport function builtLayersOf(map: Record<string, unknown>): Record<string, CustomLayerEntry | null> {\n  const out: Record<string, CustomLayerEntry | null> = {};\n  for (const [key, value] of Object.entries(map)) {\n    if (value === null || isCustomEntry(value)) out[key] = value;\n  }\n  return out;\n}\n"],"mappings":";;;;;AASA,IAAa,iBAAiB;CAC5B;CACA;CACA;CACA;AACF;AAeA,SAAgB,cAAc,GAAmC;CAC/D,OAAO,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,WAAY;AACrD;;;;AAuFA,SAAgB,cAAc,KAAuE;CACnG,MAAM,MAA+C,CAAC;CACtD,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,GAAG,GAC3C,IAAI,UAAU,QAAQ,cAAc,KAAK,GAAG,IAAI,OAAO;CAEzD,OAAO;AACT"}
+{"version":3,"file":"layerSlots.js","names":[],"sources":["../../src/canvas/layerSlots.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport type { SelectionOverlayLayerOpts } from 'domains/selection/overlay';\nimport type { SceneSlotConfig } from './buildSceneLayer';\nimport type { PathEditingOverlayStyle } from 'domains/paths/pathEditingOverlayLayer';\n\n/** Standard slot names — render in this canonical order.\n *  `cellHighlight` is not an anchor for custom layers: it sits between the\n *  grid and the scene, so anchor to one of those. */\n/** @internal */\nexport const STANDARD_SLOTS = [\n  'grid',\n  'cellHighlight',\n  'scene',\n  'selectionOverlay',\n] as const;\n\n/** Names of the slots `<Canvas>` supports out of the box (excluding the implicit cell-highlight overlay). */\nexport type StandardSlotName = Exclude<(typeof STANDARD_SLOTS)[number], 'cellHighlight'>;\n\n/** Custom layer entry — any key not in `STANDARD_SLOTS`. The presence of\n *  `.layer` discriminates this from a slot config. */\nexport interface CustomLayerEntry {\n  layer: RenderLayer<unknown>;\n  /** Insert immediately after the named standard slot or another custom-layer key. */\n  after?: StandardSlotName | (string & {});\n  /** Insert immediately before the named standard slot or another custom-layer key. */\n  before?: StandardSlotName | (string & {});\n}\n\nexport function isCustomEntry(v: unknown): v is CustomLayerEntry {\n  return !!v && typeof v === 'object' && 'layer' in (v as Record<string, unknown>);\n}\n\n/** Selection-overlay slot config — passed through to `createSelectionOverlayLayer`,\n *  minus the `getSelection`/`getPose` the canvas wires automatically and the\n *  `resizeHandles` it takes from the hit-test, so the two cannot disagree. */\nexport type SelectionOverlaySlotConfig<TPose> = Omit<\n  SelectionOverlayLayerOpts<TPose>,\n  'getSelection' | 'getPose' | 'resizeHandles'\n> & {\n  /** Override the auto-wired pose lookup (overlay-aware → adapter fallback). */\n  poseById?: (id: string) => TPose | null;\n};\n\n/** Path-edit overlay slot config: how `<SceneCanvas>` draws the chrome of the\n *  path whose anchors are being edited. */\nexport interface PathEditingOverlaySlotConfig {\n  /** Anchor and handle marker overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\n/** Per-slot config union. The key narrows it in practice. */\nexport type StandardSlotConfig<TNode extends { id: string }, TPose> =\n  | SceneSlotConfig<TNode, TPose>\n  | SelectionOverlaySlotConfig<TPose>\n  | PathEditingOverlaySlotConfig;\n\n/** What may fill one of the canvas's named layer slots: a config the canvas\n *  builds the layer from, a pre-built layer, or `null` to leave the slot\n *  empty. */\nexport type LayerSlotValue<TNode extends { id: string }, TPose> =\n  | StandardSlotConfig<TNode, TPose>\n  | CustomLayerEntry\n  | null;\n\n/** The canvas's render stack, as named slots. The standard slots (grid,\n *  scene, selection overlay, cell highlight) fix where a layer sits in the\n *  stack; scene and selection overlay can be configured, and every one can be\n *  given a layer of your own or switched off. Further keys add custom layers.\n *  `TSceneSlot` is what the scene slot accepts: `<SceneCanvas>` takes a\n *  partial config and fills the rest from its defaults. */\nexport type LayersMap<\n  TNode extends { id: string },\n  TPose,\n  TSceneSlot = SceneSlotConfig<TNode, TPose>,\n> = {\n  /** Grid slot, beneath the scene. Takes a pre-built layer (`{ layer }`) —\n   *  e.g. `createGridLayer` from `@weasel-js/guides` — or `null`. */\n  grid?: CustomLayerEntry | null;\n  /** Scene slot: the config `<SceneCanvas>` builds its layers from, a\n   *  pre-built layer that paints the scene in their place, or `null`. A\n   *  pre-built layer gets no ghost of a node in flight, which needs `drawOne`. */\n  scene?: TSceneSlot | CustomLayerEntry | null;\n  /** Selection-overlay slot: the config `<SceneCanvas>` builds the layer\n   *  from, a pre-built layer that paints in its place, or `null` for no\n   *  selection chrome. */\n  selectionOverlay?: SelectionOverlaySlotConfig<TPose> | CustomLayerEntry | null;\n  /** Cell-highlight overlay slot, drawn immediately after the grid. Takes a\n   *  pre-built layer (`{ layer }`) — e.g. `createCellHighlightLayer` from\n   *  `@weasel-js/guides` — or `null`. */\n  cellHighlight?: CustomLayerEntry | null;\n  /** `<SceneCanvas>`'s anchor-editing overlay, above the selection overlay:\n   *  the config it builds the layer from, a pre-built layer, or `null`. */\n  pathEditingOverlay?: PathEditingOverlaySlotConfig | CustomLayerEntry | null;\n} & {\n  [customKey: string]: LayerSlotValue<TNode, TPose> | TSceneSlot | undefined;\n};\n\n/** The scene slot once built: its canvas layers, bottom first. Each `key` is\n *  an anchor a custom layer can name (`scene`, or `scene:<layerId>`). */\nexport interface SceneSlotLayers {\n  layers: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>;\n}\n\n/** What `<Canvas>` composes: a {@link LayersMap} with every slot already a\n *  layer. `<SceneCanvas>` builds one from its `layers` prop. */\nexport type CanvasLayers = {\n  grid?: CustomLayerEntry | null;\n  cellHighlight?: CustomLayerEntry | null;\n  scene?: SceneSlotLayers | null;\n  selectionOverlay?: CustomLayerEntry | null;\n} & {\n  [customKey: string]: CustomLayerEntry | SceneSlotLayers | null | undefined;\n};\n\n/** The layers of `map` that are already built, in its key order: each\n *  `{ layer }` entry and each `null`. A slot config is left out, for whoever\n *  builds it to put back. */\nexport function builtLayersOf(map: Record<string, unknown>): Record<string, CustomLayerEntry | null> {\n  const out: Record<string, CustomLayerEntry | null> = {};\n  for (const [key, value] of Object.entries(map)) {\n    if (value === null || isCustomEntry(value)) out[key] = value;\n  }\n  return out;\n}\n"],"mappings":";;;;;AASA,IAAa,iBAAiB;CAC5B;CACA;CACA;CACA;AACF;AAeA,SAAgB,cAAc,GAAmC;CAC/D,OAAO,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,WAAY;AACrD;;;;AAuFA,SAAgB,cAAc,KAAuE;CACnG,MAAM,MAA+C,CAAC;CACtD,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,GAAG,GAC3C,IAAI,UAAU,QAAQ,cAAc,KAAK,GAAG,IAAI,OAAO;CAEzD,OAAO;AACT"}

package/dist/canvas/nodeShapes/measurePainter.js

@@ -1,6 +1,6 @@
 import { paintsPose } from "./poseBox.js";
 import { OVERLAY_ROLE_STROKES } from "../overlayRoleStrokes.js";
-import { measureEndsOf } from "../../features/measure/measurement.js";
+import { measureEndsOf } from "../../domains/measure/measurement.js";
 import { polylineFromPoints } from "@weasel-js/geom";
 
 //#region src/canvas/nodeShapes/measurePainter.ts

package/dist/canvas/nodeShapes/measurePainter.js.map

@@ -1 +1 @@
-{"version":3,"file":"measurePainter.js","names":[],"sources":["../../../src/canvas/nodeShapes/measurePainter.ts"],"sourcesContent":["import { polylineFromPoints } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport { OVERLAY_ROLE_STROKES } from 'canvas/overlayRoleStrokes';\nimport { measureEndsOf, type MeasurePoint } from 'features/measure/measurement';\nimport { paintsPose } from './poseBox';\n\n/** Screen-px half-length of the tick across each end of a measurement. */\nexport const MEASURE_TICK_PX = 5;\n\n/**\n * A measurement's line and a tick across each end, as the measure painter\n * and the measurements layer draw it. `perPx` is world units per screen pixel, so the\n * line and its ticks keep their screen size at any zoom.\n */\nexport function measureCommands(start: MeasurePoint, end: MeasurePoint, perPx: number): DrawCommand[] {\n  const stroke = { ...OVERLAY_ROLE_STROKES['measure'], width: { px: 1 } };\n  const len = Math.hypot(end.x - start.x, end.y - start.y);\n  // The ticks run across the line; with no length yet they stand upright.\n  const nx = len > 0 ? -(end.y - start.y) / len : 0;\n  const ny = len > 0 ? (end.x - start.x) / len : 1;\n  const half = MEASURE_TICK_PX * perPx;\n  const tick = (p: MeasurePoint): DrawCommand => ({\n    kind: 'path',\n    path: polylineFromPoints([{ x: p.x - nx * half, y: p.y - ny * half }, { x: p.x + nx * half, y: p.y + ny * half }]),\n    stroke,\n  });\n  const out: DrawCommand[] = [tick(start), tick(end)];\n  if (len > 0) out.unshift({ kind: 'path', path: polylineFromPoints([start, end]), stroke });\n  return out;\n}\n\n/** Paints a measurement node — `data.measure`, in world units — in the\n *  canvas's measure color. It has no silhouette: a measurement is not content\n *  to pick. */\nexport const MEASURE_PAINTER: NodeShapeEntry = {\n  id: 'kit:measure',\n  matches: (node) => paintsPose(node.pose) && measureEndsOf(node) !== null,\n  paint: (node, _pose, ctx) => {\n    const ends = measureEndsOf(node);\n    if (!ends) return [];\n    const dpr = globalThis.devicePixelRatio || 1;\n    return measureCommands(ends.start, ends.end, dpr / (ctx?.pixelScale ?? dpr));\n  },\n};\n"],"mappings":";;;;;;;AAQA,IAAa,kBAAkB;;;;;;AAO/B,SAAgB,gBAAgB,OAAqB,KAAmB,OAA8B;CACpG,MAAM,SAAS;EAAE,GAAG,qBAAqB;EAAY,OAAO,EAAE,IAAI,EAAE;CAAE;CACtE,MAAM,MAAM,KAAK,MAAM,IAAI,IAAI,MAAM,GAAG,IAAI,IAAI,MAAM,CAAC;CAEvD,MAAM,KAAK,MAAM,IAAI,EAAE,IAAI,IAAI,MAAM,KAAK,MAAM;CAChD,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,MAAM;CAC/C,MAAM,OAAO,kBAAkB;CAC/B,MAAM,QAAQ,OAAkC;EAC9C,MAAM;EACN,MAAM,mBAAmB,CAAC;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,GAAG;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,CAAC,CAAC;EACjH;CACF;CACA,MAAM,MAAqB,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC;CAClD,IAAI,MAAM,GAAG,IAAI,QAAQ;EAAE,MAAM;EAAQ,MAAM,mBAAmB,CAAC,OAAO,GAAG,CAAC;EAAG;CAAO,CAAC;CACzF,OAAO;AACT;;;;AAKA,IAAa,kBAAkC;CAC7C,IAAI;CACJ,UAAU,SAAS,WAAW,KAAK,IAAI,KAAK,cAAc,IAAI,MAAM;CACpE,QAAQ,MAAM,OAAO,QAAQ;EAC3B,MAAM,OAAO,cAAc,IAAI;EAC/B,IAAI,CAAC,MAAM,OAAO,CAAC;EACnB,MAAM,MAAM,WAAW,oBAAoB;EAC3C,OAAO,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,KAAK,cAAc,IAAI;CAC7E;AACF"}
+{"version":3,"file":"measurePainter.js","names":[],"sources":["../../../src/canvas/nodeShapes/measurePainter.ts"],"sourcesContent":["import { polylineFromPoints } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport { OVERLAY_ROLE_STROKES } from 'canvas/overlayRoleStrokes';\nimport { measureEndsOf, type MeasurePoint } from 'domains/measure/measurement';\nimport { paintsPose } from './poseBox';\n\n/** Screen-px half-length of the tick across each end of a measurement. */\nexport const MEASURE_TICK_PX = 5;\n\n/**\n * A measurement's line and a tick across each end, as the measure painter\n * and the measurements layer draw it. `perPx` is world units per screen pixel, so the\n * line and its ticks keep their screen size at any zoom.\n */\nexport function measureCommands(start: MeasurePoint, end: MeasurePoint, perPx: number): DrawCommand[] {\n  const stroke = { ...OVERLAY_ROLE_STROKES['measure'], width: { px: 1 } };\n  const len = Math.hypot(end.x - start.x, end.y - start.y);\n  // The ticks run across the line; with no length yet they stand upright.\n  const nx = len > 0 ? -(end.y - start.y) / len : 0;\n  const ny = len > 0 ? (end.x - start.x) / len : 1;\n  const half = MEASURE_TICK_PX * perPx;\n  const tick = (p: MeasurePoint): DrawCommand => ({\n    kind: 'path',\n    path: polylineFromPoints([{ x: p.x - nx * half, y: p.y - ny * half }, { x: p.x + nx * half, y: p.y + ny * half }]),\n    stroke,\n  });\n  const out: DrawCommand[] = [tick(start), tick(end)];\n  if (len > 0) out.unshift({ kind: 'path', path: polylineFromPoints([start, end]), stroke });\n  return out;\n}\n\n/** Paints a measurement node — `data.measure`, in world units — in the\n *  canvas's measure color. It has no silhouette: a measurement is not content\n *  to pick. */\nexport const MEASURE_PAINTER: NodeShapeEntry = {\n  id: 'kit:measure',\n  matches: (node) => paintsPose(node.pose) && measureEndsOf(node) !== null,\n  paint: (node, _pose, ctx) => {\n    const ends = measureEndsOf(node);\n    if (!ends) return [];\n    const dpr = globalThis.devicePixelRatio || 1;\n    return measureCommands(ends.start, ends.end, dpr / (ctx?.pixelScale ?? dpr));\n  },\n};\n"],"mappings":";;;;;;;AAQA,IAAa,kBAAkB;;;;;;AAO/B,SAAgB,gBAAgB,OAAqB,KAAmB,OAA8B;CACpG,MAAM,SAAS;EAAE,GAAG,qBAAqB;EAAY,OAAO,EAAE,IAAI,EAAE;CAAE;CACtE,MAAM,MAAM,KAAK,MAAM,IAAI,IAAI,MAAM,GAAG,IAAI,IAAI,MAAM,CAAC;CAEvD,MAAM,KAAK,MAAM,IAAI,EAAE,IAAI,IAAI,MAAM,KAAK,MAAM;CAChD,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,MAAM;CAC/C,MAAM,OAAO,kBAAkB;CAC/B,MAAM,QAAQ,OAAkC;EAC9C,MAAM;EACN,MAAM,mBAAmB,CAAC;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,GAAG;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,CAAC,CAAC;EACjH;CACF;CACA,MAAM,MAAqB,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC;CAClD,IAAI,MAAM,GAAG,IAAI,QAAQ;EAAE,MAAM;EAAQ,MAAM,mBAAmB,CAAC,OAAO,GAAG,CAAC;EAAG;CAAO,CAAC;CACzF,OAAO;AACT;;;;AAKA,IAAa,kBAAkC;CAC7C,IAAI;CACJ,UAAU,SAAS,WAAW,KAAK,IAAI,KAAK,cAAc,IAAI,MAAM;CACpE,QAAQ,MAAM,OAAO,QAAQ;EAC3B,MAAM,OAAO,cAAc,IAAI;EAC/B,IAAI,CAAC,MAAM,OAAO,CAAC;EACnB,MAAM,MAAM,WAAW,oBAAoB;EAC3C,OAAO,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,KAAK,cAAc,IAAI;CAC7E;AACF"}

package/dist/canvas/nodeShapes/strokedBounds.js

@@ -25,7 +25,7 @@ function strokedBounds(path, stroke, scale, screen) {
 	if (align !== "inner") {
 		const k = align === "outer" ? 2 : 1;
 		const insets = strokeInsets(sized, width);
-		const v = tessellateStroke(path, {
+		const mesh = tessellateStroke(path, {
 			...sized,
 			width: width * k,
 			align: "center",
@@ -34,8 +34,10 @@ function strokedBounds(path, stroke, scale, screen) {
 			startInset: insetIn(insets.start, spaces.start, spaces.ribbon),
 			endInset: insetIn(insets.end, spaces.end, spaces.ribbon),
 			...spaces.ribbon ? { metric: spaces.ribbon.metric } : {}
-		}).vertices;
-		for (let i = 0; i + 1 < v.length; i += 2) box.add(v[i], v[i + 1], 0);
+		});
+		const v = mesh.vertices;
+		const ox = mesh.origin?.x ?? 0, oy = mesh.origin?.y ?? 0;
+		for (let i = 0; i + 1 < v.length; i += 2) box.add(v[i] + ox, v[i + 1] + oy, 0);
 	}
 	for (const { entry, path: head, size } of markerHeads(path, sized, width, void 0, spaces)) {
 		const b = boundsOfPath(head);

package/dist/canvas/nodeShapes/strokedBounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"strokedBounds.js","names":[],"sources":["../../../src/canvas/nodeShapes/strokedBounds.ts"],"sourcesContent":["import { boundsOfPath, type Path } from '@weasel-js/geom';\nimport { scaleVertexWidth, type Stroke } from '@weasel-js/paint';\nimport {\n  markerHeads, resolveStrokeWidth, strokeInsets, tessellateStroke,\n  type InsetLength, type ScreenSpace, type StrokeSpaces,\n} from '@weasel-js/stroke';\nimport { resolveStrokeLengths, type GlMat3, type StrokedPathCommand } from '@weasel-js/renderer';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { nodeMemo } from 'core/scene/nodeMemo';\nimport type { NodeInkCtx } from 'canvas/NodeShape';\nimport { strokeOutsetPerAxis } from './nodePaint';\n\n/**\n * The box `stroke` covers along `path`, from the ribbon the renderer draws:\n * joins, caps, dashes, and per-vertex widths as tessellated, and marker heads.\n * An inner stroke stays inside the path, and an outer one reaches as far out as\n * a centered stroke twice as wide. `null` when the stroke paints nothing.\n *\n * With `screen` (see `NodeInkCtx.screen`), each screen-sized part is built the\n * way the renderer builds it under that map, so a `{ px }` stroke is exact in\n * every direction; without, it is resolved at `scale`.\n */\nexport function strokedBounds(path: Path, stroke: Stroke, scale: number, screen?: ScreenMap): Bounds | null {\n  const { sized, spaces } = screen ? onScreen(path, stroke, screen) : atScale(stroke, scale);\n  const width = resolveStrokeWidth(sized.width ?? 1, 1);\n  if (!(width > 0)) return null;\n  const box = new Box();\n  const align = stroke.align ?? 'center';\n  if (align !== 'inner') {\n    const k = align === 'outer' ? 2 : 1;\n    const insets = strokeInsets(sized, width);\n    const mesh = tessellateStroke(\n      path,\n      { ...sized, width: width * k, align: 'center', vertexWidths: stroke.vertexWidths?.map((w) => scaleVertexWidth(w, k)) },\n      {\n        startInset: insetIn(insets.start, spaces.start, spaces.ribbon),\n        endInset: insetIn(insets.end, spaces.end, spaces.ribbon),\n        ...(spaces.ribbon ? { metric: spaces.ribbon.metric } : {}),\n      },\n    );\n    const v = mesh.vertices;\n    for (let i = 0; i + 1 < v.length; i += 2) box.add(v[i]!, v[i + 1]!, 0);\n  }\n  for (const { entry, path: head, size } of markerHeads(path, sized, width, undefined, spaces)) {\n    const b = boundsOfPath(head);\n    const pad = entry.outline ? (entry.outline.width * size) / 2 : 0;\n    box.add(b.x, b.y, pad);\n    box.add(b.x + b.width, b.y + b.height, pad);\n  }\n  return box.bounds();\n}\n\n/** `[a, b, c, d]`: a frame's linear map to screen pixels. */\nexport type ScreenMap = readonly [number, number, number, number];\n\nfunction atScale(stroke: Stroke, scale: number): { sized: Stroke; spaces: StrokeSpaces } {\n  return { sized: { ...stroke, width: resolveStrokeWidth(stroke.width ?? 1, scale) }, spaces: {} };\n}\n\nfunction onScreen(path: Path, stroke: Stroke, [a, b, c, d]: ScreenMap): { sized: Stroke; spaces: StrokeSpaces } {\n  const transform = new Float32Array([a, b, 0, c, d, 0, 0, 0, 1]) as GlMat3;\n  const { cmd, spaces } = resolveStrokeLengths(transform, { kind: 'path', path, stroke } as StrokedPathCommand);\n  return { sized: cmd.stroke as Stroke, spaces };\n}\n\n/** `length`, measured in `head`'s space, as the tessellator reads it. */\nfunction insetIn(length: number, head: ScreenSpace | undefined, ribbon: ScreenSpace | undefined): InsetLength {\n  return head?.metric === ribbon?.metric ? length : { length, metric: head?.metric ?? null };\n}\n\nclass Box {\n  private x0 = Infinity;\n  private y0 = Infinity;\n  private x1 = -Infinity;\n  private y1 = -Infinity;\n  add(x: number, y: number, pad: number): void {\n    this.x0 = Math.min(this.x0, x - pad);\n    this.y0 = Math.min(this.y0, y - pad);\n    this.x1 = Math.max(this.x1, x + pad);\n    this.y1 = Math.max(this.y1, y + pad);\n  }\n  bounds(): Bounds | null {\n    return this.x0 === Infinity ? null : { x: this.x0, y: this.y0, width: this.x1 - this.x0, height: this.y1 - this.y0 };\n  }\n}\n\nconst DRAWN_SLOT = 'shape:drawn';\n\ninterface DrawnRecord {\n  width: number;\n  height: number;\n  scale: number;\n  screen: ScreenMap | undefined;\n  /** Relative to the pose's top-left, so a move reuses it. */\n  box: Bounds | null;\n}\n\n/** The pose box grown by a uniform stroke outset: exact for a rect or an\n *  ellipse, whose stroke reaches the same distance past the box on every side. */\nexport function outsetPoseBox(pose: Bounds, stroke: Stroke | null, ctx: NodeInkCtx | undefined): Bounds {\n  const box = normalized(pose);\n  if (!stroke) return box;\n  const r = strokeOutsetPerAxis(stroke, ctx);\n  return { x: box.x - r.x, y: box.y - r.y, width: box.width + 2 * r.x, height: box.height + 2 * r.y };\n}\n\n/**\n * The pose box together with what `stroke` covers along `pathAt(pose)`,\n * memoized per node on the pose's size and the view scale: a drag that only\n * moves the node does not stroke it again.\n */\nexport function strokedPoseBox(\n  node: { data?: unknown },\n  pose: Bounds,\n  stroke: Stroke | null,\n  ctx: NodeInkCtx | undefined,\n  pathAt: (pose: Bounds) => Path,\n): Bounds {\n  const box = normalized(pose);\n  if (stroke === null) return box;\n  const scale = ctx?.scale ?? 1;\n  const screen = ctx?.screen;\n  const held = nodeMemo(node, DRAWN_SLOT, undefined, (): DrawnRecord => ({ width: NaN, height: NaN, scale: NaN, screen: undefined, box: null }));\n  if (held.width !== pose.width || held.height !== pose.height || held.scale !== scale || !sameMap(held.screen, screen)) {\n    const at = { x: 0, y: 0, width: pose.width, height: pose.height };\n    held.width = pose.width;\n    held.height = pose.height;\n    held.scale = scale;\n    held.screen = screen;\n    held.box = strokedBounds(pathAt(at), stroke, scale, screen);\n  }\n  if (held.box === null) return box;\n  const x0 = Math.min(box.x, pose.x + held.box.x);\n  const y0 = Math.min(box.y, pose.y + held.box.y);\n  const x1 = Math.max(box.x + box.width, pose.x + held.box.x + held.box.width);\n  const y1 = Math.max(box.y + box.height, pose.y + held.box.y + held.box.height);\n  return { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };\n}\n\nfunction sameMap(m: ScreenMap | undefined, n: ScreenMap | undefined): boolean {\n  if (m === n) return true;\n  return !!m && !!n && m[0] === n[0] && m[1] === n[1] && m[2] === n[2] && m[3] === n[3];\n}\n\nfunction normalized(pose: Bounds): Bounds {\n  return {\n    x: Math.min(pose.x, pose.x + pose.width),\n    y: Math.min(pose.y, pose.y + pose.height),\n    width: Math.abs(pose.width),\n    height: Math.abs(pose.height),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"strokedBounds.js","names":[],"sources":["../../../src/canvas/nodeShapes/strokedBounds.ts"],"sourcesContent":["import { boundsOfPath, type Path } from '@weasel-js/geom';\nimport { scaleVertexWidth, type Stroke } from '@weasel-js/paint';\nimport {\n  markerHeads, resolveStrokeWidth, strokeInsets, tessellateStroke,\n  type InsetLength, type ScreenSpace, type StrokeSpaces,\n} from '@weasel-js/stroke';\nimport { resolveStrokeLengths, type GlMat3, type StrokedPathCommand } from '@weasel-js/renderer';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { nodeMemo } from 'core/scene/nodeMemo';\nimport type { NodeInkCtx } from 'canvas/NodeShape';\nimport { strokeOutsetPerAxis } from './nodePaint';\n\n/**\n * The box `stroke` covers along `path`, from the ribbon the renderer draws:\n * joins, caps, dashes, and per-vertex widths as tessellated, and marker heads.\n * An inner stroke stays inside the path, and an outer one reaches as far out as\n * a centered stroke twice as wide. `null` when the stroke paints nothing.\n *\n * With `screen` (see `NodeInkCtx.screen`), each screen-sized part is built the\n * way the renderer builds it under that map, so a `{ px }` stroke is exact in\n * every direction; without, it is resolved at `scale`.\n */\nexport function strokedBounds(path: Path, stroke: Stroke, scale: number, screen?: ScreenMap): Bounds | null {\n  const { sized, spaces } = screen ? onScreen(path, stroke, screen) : atScale(stroke, scale);\n  const width = resolveStrokeWidth(sized.width ?? 1, 1);\n  if (!(width > 0)) return null;\n  const box = new Box();\n  const align = stroke.align ?? 'center';\n  if (align !== 'inner') {\n    const k = align === 'outer' ? 2 : 1;\n    const insets = strokeInsets(sized, width);\n    const mesh = tessellateStroke(\n      path,\n      { ...sized, width: width * k, align: 'center', vertexWidths: stroke.vertexWidths?.map((w) => scaleVertexWidth(w, k)) },\n      {\n        startInset: insetIn(insets.start, spaces.start, spaces.ribbon),\n        endInset: insetIn(insets.end, spaces.end, spaces.ribbon),\n        ...(spaces.ribbon ? { metric: spaces.ribbon.metric } : {}),\n      },\n    );\n    const v = mesh.vertices;\n    const ox = mesh.origin?.x ?? 0, oy = mesh.origin?.y ?? 0;\n    for (let i = 0; i + 1 < v.length; i += 2) box.add(v[i]! + ox, v[i + 1]! + oy, 0);\n  }\n  for (const { entry, path: head, size } of markerHeads(path, sized, width, undefined, spaces)) {\n    const b = boundsOfPath(head);\n    const pad = entry.outline ? (entry.outline.width * size) / 2 : 0;\n    box.add(b.x, b.y, pad);\n    box.add(b.x + b.width, b.y + b.height, pad);\n  }\n  return box.bounds();\n}\n\n/** `[a, b, c, d]`: a frame's linear map to screen pixels. */\nexport type ScreenMap = readonly [number, number, number, number];\n\nfunction atScale(stroke: Stroke, scale: number): { sized: Stroke; spaces: StrokeSpaces } {\n  return { sized: { ...stroke, width: resolveStrokeWidth(stroke.width ?? 1, scale) }, spaces: {} };\n}\n\nfunction onScreen(path: Path, stroke: Stroke, [a, b, c, d]: ScreenMap): { sized: Stroke; spaces: StrokeSpaces } {\n  const transform = new Float32Array([a, b, 0, c, d, 0, 0, 0, 1]) as GlMat3;\n  const { cmd, spaces } = resolveStrokeLengths(transform, { kind: 'path', path, stroke } as StrokedPathCommand);\n  return { sized: cmd.stroke as Stroke, spaces };\n}\n\n/** `length`, measured in `head`'s space, as the tessellator reads it. */\nfunction insetIn(length: number, head: ScreenSpace | undefined, ribbon: ScreenSpace | undefined): InsetLength {\n  return head?.metric === ribbon?.metric ? length : { length, metric: head?.metric ?? null };\n}\n\nclass Box {\n  private x0 = Infinity;\n  private y0 = Infinity;\n  private x1 = -Infinity;\n  private y1 = -Infinity;\n  add(x: number, y: number, pad: number): void {\n    this.x0 = Math.min(this.x0, x - pad);\n    this.y0 = Math.min(this.y0, y - pad);\n    this.x1 = Math.max(this.x1, x + pad);\n    this.y1 = Math.max(this.y1, y + pad);\n  }\n  bounds(): Bounds | null {\n    return this.x0 === Infinity ? null : { x: this.x0, y: this.y0, width: this.x1 - this.x0, height: this.y1 - this.y0 };\n  }\n}\n\nconst DRAWN_SLOT = 'shape:drawn';\n\ninterface DrawnRecord {\n  width: number;\n  height: number;\n  scale: number;\n  screen: ScreenMap | undefined;\n  /** Relative to the pose's top-left, so a move reuses it. */\n  box: Bounds | null;\n}\n\n/** The pose box grown by a uniform stroke outset: exact for a rect or an\n *  ellipse, whose stroke reaches the same distance past the box on every side. */\nexport function outsetPoseBox(pose: Bounds, stroke: Stroke | null, ctx: NodeInkCtx | undefined): Bounds {\n  const box = normalized(pose);\n  if (!stroke) return box;\n  const r = strokeOutsetPerAxis(stroke, ctx);\n  return { x: box.x - r.x, y: box.y - r.y, width: box.width + 2 * r.x, height: box.height + 2 * r.y };\n}\n\n/**\n * The pose box together with what `stroke` covers along `pathAt(pose)`,\n * memoized per node on the pose's size and the view scale: a drag that only\n * moves the node does not stroke it again.\n */\nexport function strokedPoseBox(\n  node: { data?: unknown },\n  pose: Bounds,\n  stroke: Stroke | null,\n  ctx: NodeInkCtx | undefined,\n  pathAt: (pose: Bounds) => Path,\n): Bounds {\n  const box = normalized(pose);\n  if (stroke === null) return box;\n  const scale = ctx?.scale ?? 1;\n  const screen = ctx?.screen;\n  const held = nodeMemo(node, DRAWN_SLOT, undefined, (): DrawnRecord => ({ width: NaN, height: NaN, scale: NaN, screen: undefined, box: null }));\n  if (held.width !== pose.width || held.height !== pose.height || held.scale !== scale || !sameMap(held.screen, screen)) {\n    const at = { x: 0, y: 0, width: pose.width, height: pose.height };\n    held.width = pose.width;\n    held.height = pose.height;\n    held.scale = scale;\n    held.screen = screen;\n    held.box = strokedBounds(pathAt(at), stroke, scale, screen);\n  }\n  if (held.box === null) return box;\n  const x0 = Math.min(box.x, pose.x + held.box.x);\n  const y0 = Math.min(box.y, pose.y + held.box.y);\n  const x1 = Math.max(box.x + box.width, pose.x + held.box.x + held.box.width);\n  const y1 = Math.max(box.y + box.height, pose.y + held.box.y + held.box.height);\n  return { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };\n}\n\nfunction sameMap(m: ScreenMap | undefined, n: ScreenMap | undefined): boolean {\n  if (m === n) return true;\n  return !!m && !!n && m[0] === n[0] && m[1] === n[1] && m[2] === n[2] && m[3] === n[3];\n}\n\nfunction normalized(pose: Bounds): Bounds {\n  return {\n    x: Math.min(pose.x, pose.x + pose.width),\n    y: Math.min(pose.y, pose.y + pose.height),\n    width: Math.abs(pose.width),\n    height: Math.abs(pose.height),\n  };\n}\n"],"mappings":"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"}

package/dist/canvas/overlayRoleStrokes.js

@@ -27,6 +27,12 @@ var OVERLAY_ROLE_STROKES = {
 		paint: { color: "#d9480f" },
 		width: 1.5
 	},
+	/** What a dragged item would be dropped on. */
+	target: {
+		paint: { color: "#1f8fff" },
+		width: 1.5,
+		dash: [5, 3]
+	},
 	/** Where a dragged item would land. */
 	insert: {
 		paint: { color: "#1f8fff" },

package/dist/canvas/overlayRoleStrokes.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlayRoleStrokes.js","names":[],"sources":["../../src/canvas/overlayRoleStrokes.ts"],"sourcesContent":["import type { CommandPaint, CommandStroke } from '@weasel-js/paint';\n\n/** How each `polyline` overlay role reads. An action publishes the run and\n *  the word; this table is the whole of the paint, for the dispatcher overlay\n *  and for any tool previewing the same kind of run between gestures. */\nexport const OVERLAY_ROLE_STROKES: Readonly<Record<string, CommandStroke & { paint: CommandPaint }>> = {\n  cut: { paint: { color: '#e23b3b' }, width: 1, dash: [6, 4] },\n  connector: { paint: { color: '#7ba7c7' }, width: 2, dash: [4, 4] },\n  falloff: { paint: { color: 'rgba(52, 120, 246, 0.28)' }, width: 10, cap: 'round', join: 'round' },\n  measure: { paint: { color: '#1f8fff' }, width: 1 },\n  lock: { paint: { color: '#d9480f' }, width: 1.5 },\n  /** Where a dragged item would land. */\n  insert: { paint: { color: '#1f8fff' }, width: 3, cap: 'round' },\n  /** Where a dragged item is over but cannot land. */\n  refused: { paint: { color: '#ff5d5d' }, width: 3, cap: 'round' },\n};\n"],"mappings":";;;;AAKA,IAAa,uBAA0F;CACrG,KAAK;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CAC3D,WAAW;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CACjE,SAAS;EAAE,OAAO,EAAE,OAAO,2BAA2B;EAAG,OAAO;EAAI,KAAK;EAAS,MAAM;CAAQ;CAChG,SAAS;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;CAAE;CACjD,MAAM;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;CAAI;;CAEhD,QAAQ;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,KAAK;CAAQ;;CAE9D,SAAS;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,KAAK;CAAQ;AACjE"}
+{"version":3,"file":"overlayRoleStrokes.js","names":[],"sources":["../../src/canvas/overlayRoleStrokes.ts"],"sourcesContent":["import type { CommandPaint, CommandStroke } from '@weasel-js/paint';\n\n/** How each `polyline` overlay role reads. An action publishes the run and\n *  the word; this table is the whole of the paint, for the dispatcher overlay\n *  and for any tool previewing the same kind of run between gestures. */\nexport const OVERLAY_ROLE_STROKES: Readonly<Record<string, CommandStroke & { paint: CommandPaint }>> = {\n  cut: { paint: { color: '#e23b3b' }, width: 1, dash: [6, 4] },\n  connector: { paint: { color: '#7ba7c7' }, width: 2, dash: [4, 4] },\n  falloff: { paint: { color: 'rgba(52, 120, 246, 0.28)' }, width: 10, cap: 'round', join: 'round' },\n  measure: { paint: { color: '#1f8fff' }, width: 1 },\n  lock: { paint: { color: '#d9480f' }, width: 1.5 },\n  /** What a dragged item would be dropped on. */\n  target: { paint: { color: '#1f8fff' }, width: 1.5, dash: [5, 3] },\n  /** Where a dragged item would land. */\n  insert: { paint: { color: '#1f8fff' }, width: 3, cap: 'round' },\n  /** Where a dragged item is over but cannot land. */\n  refused: { paint: { color: '#ff5d5d' }, width: 3, cap: 'round' },\n};\n"],"mappings":";;;;AAKA,IAAa,uBAA0F;CACrG,KAAK;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CAC3D,WAAW;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CACjE,SAAS;EAAE,OAAO,EAAE,OAAO,2BAA2B;EAAG,OAAO;EAAI,KAAK;EAAS,MAAM;CAAQ;CAChG,SAAS;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;CAAE;CACjD,MAAM;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;CAAI;;CAEhD,QAAQ;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAK,MAAM,CAAC,GAAG,CAAC;CAAE;;CAEhE,QAAQ;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,KAAK;CAAQ;;CAE9D,SAAS;EAAE,OAAO,EAAE,OAAO,UAAU;EAAG,OAAO;EAAG,KAAK;CAAQ;AACjE"}

package/dist/canvas/pickIndex/scenePickIndex.js

@@ -6,7 +6,7 @@ import { scenePaintedPoseOf } from "../derivedPath.js";
 import { sceneParentsOf, sceneShownPathOf } from "../scenePickReads.js";
 import { nodeBroadBox } from "./nodeBroadBox.js";
 import { markerGeneration } from "@weasel-js/stroke";
-import { createBvh } from "@weasel-js/geom/nd";
+import { createBvh, createSettledCache } from "@weasel-js/geom/nd";
 
 //#region src/canvas/pickIndex/scenePickIndex.ts
 /**
@@ -169,25 +169,23 @@ function current(scene, descriptor) {
 	getNodeShapes();
 	const version = scene.getVersion();
 	const overrides = scene.overrides.getGeneration();
+	const scrolled = scene.scroll?.getGeneration() ?? 0;
 	const memo = nodeMemoGeneration();
 	const markers = markerGeneration();
 	let perScene = CACHE.get(scene);
 	if (perScene === void 0) CACHE.set(scene, perScene = /* @__PURE__ */ new WeakMap());
-	const hit = perScene.get(descriptor);
+	let cache = perScene.get(descriptor);
+	if (cache === void 0) perScene.set(descriptor, cache = createSettledCache());
 	const order = nodesAsShown(scene.overrides, scene.renderOrderNodes());
-	if (hit && hit.version === version && hit.overrides === overrides && hit.memo === memo && hit.markers === markers) {
-		if (hit.index === null) hit.index = build(scene, descriptor, order);
-		else hit.index.rankBy(order);
-		return hit.index;
-	}
-	perScene.set(descriptor, {
+	const index = cache.read([
 		version,
 		overrides,
+		scrolled,
 		memo,
-		markers,
-		index: null
-	});
-	return null;
+		markers
+	], () => build(scene, descriptor, order));
+	index?.rankBy(order);
+	return index;
 }
 /** What `PickSource.candidates` answers for a scene source with an index. */
 function indexedCandidates(scene, descriptor, broadFor) {