@weasel-js/core 1.15.0 → 1.15.2

package/dist/canvas/scenePickSource.js

@@ -1,14 +1,14 @@
-import { planeMap } from "../core/viewport/parallax.js";
-import { resolveDerivedPath } from "../core/scene/derivedPath.js";
-import { nodeAsShown, nodesAsShown } from "../core/scene/nodeAsShown.js";
 import { asNodeId } from "../core/scene/types.js";
+import { resolveDerivedPath } from "../core/scene/derivedPath.js";
 import { annotationLayerIds } from "../core/scene/annotation.js";
 import { nodeGates } from "../core/scene/nodeGates.js";
+import { planeMap } from "../core/viewport/parallax.js";
 import { scenePaintedPoseOf } from "./derivedPath.js";
-import { sceneParentsOf, sceneShownPathOf } from "./scenePickReads.js";
 import { indexedCandidates } from "./pickIndex/scenePickIndex.js";
+import { sceneParentsOf, sceneShownPathOf } from "./scenePickReads.js";
+import { nodeAsShown, nodesAsShown } from "../core/scene/nodeAsShown.js";
 
-//#region src/canvas/scenePickSource.ts
+// src/canvas/scenePickSource.ts
 function scenePickSource(scene, opts = {}) {
 	const gates = nodeGates(scene);
 	const enumerable = typeof scene.overrides?.ids === "function";
@@ -69,6 +69,5 @@ function scenePlaneOf(layers, camera) {
 	return (layer) => found.get(layer) ?? null;
 }
 
-//#endregion
 export { scenePickSource, scenePlaneOf };
 //# sourceMappingURL=scenePickSource.js.map

package/dist/canvas/sceneSlotWiring.js

@@ -1,10 +1,10 @@
-import { nodeAsShown, shownLookup } from "../core/scene/nodeAsShown.js";
 import { withInheritedPaintBounds, withInheritedPaints } from "./inheritedPaints.js";
 import { sceneDerivedPathOf, sceneShownToPose, withDerivedPaths } from "./derivedPath.js";
 import { withColorOverrides } from "./colorOverrides.js";
+import { nodeAsShown, shownLookup } from "../core/scene/nodeAsShown.js";
 import { withShownNode } from "./shownNodes.js";
 
-//#region src/canvas/sceneSlotWiring.ts
+// src/canvas/sceneSlotWiring.ts
 /**
 * The alpha a view paints a node at: the view's own `alphaFor` times any
 * ephemeral override alpha.
@@ -32,6 +32,5 @@ function wireSceneSlotToScene(slot, scene, alphaFor, colorOverrides) {
 	};
 }
 
-//#endregion
 export { composeAlphaFor, wireSceneSlotToScene };
 //# sourceMappingURL=sceneSlotWiring.js.map

package/dist/canvas/sceneViewRender.js

@@ -1,19 +1,19 @@
-import { nodeAsShown, shownLookup } from "../core/scene/nodeAsShown.js";
-import { withInheritedPaintBounds, withInheritedPaints } from "./inheritedPaints.js";
-import { paintedSceneLayers } from "./sceneLayerPaint.js";
 import { paintCanvas, resolveDpr } from "./canvasRenderer.js";
 import { wrapNodeOutput } from "./wrapNodeOutput.js";
-import { sceneDerivedPathOf, withDerivedPaths } from "./derivedPath.js";
 import { buildSceneTree } from "./buildSceneTree.js";
 import { sceneToAdapter } from "./sceneAdapter.js";
+import { withInheritedPaintBounds, withInheritedPaints } from "./inheritedPaints.js";
+import { sceneDerivedPathOf, withDerivedPaths } from "./derivedPath.js";
 import { withColorOverrides } from "./colorOverrides.js";
+import { paintedSceneLayers } from "./sceneLayerPaint.js";
 import { paintMissesView } from "./paintCull.js";
 import { paintBoundsFor } from "./defaultDrawOne.js";
+import { nodeAsShown, shownLookup } from "../core/scene/nodeAsShown.js";
 import { withShownNode } from "./shownNodes.js";
 import { cullDrawCommands } from "@weasel-js/renderer";
 import { viewToMat3 as viewToMat3$1 } from "@weasel-js/geom";
 
-//#region src/canvas/sceneViewRender.ts
+// src/canvas/sceneViewRender.ts
 /**
 * Present a `Scene` as the reading surface `buildSceneTree` walks: the scene
 * adapter's own reads, under this view's layer list.
@@ -104,6 +104,5 @@ function renderSceneToCanvas(args) {
 	});
 }
 
-//#endregion
 export { buildSceneViewCommands, renderSceneToCanvas, sceneViewFrame };
 //# sourceMappingURL=sceneViewRender.js.map

package/dist/canvas/shownNodes.js

@@ -1,6 +1,6 @@
 import { nodeAsShown } from "../core/scene/nodeAsShown.js";
 
-//#region src/canvas/shownNodes.ts
+// src/canvas/shownNodes.ts
 /**
 * The scene walks' half of `PoseOverride.data`: handing painters and cull
 * bounds each node as the scene shows it, through `nodeAsShown`.
@@ -10,6 +10,5 @@ function withShownNode(overrides, fn) {
 	return (node, a, b, c) => fn(nodeAsShown(overrides, node), a, b, c);
 }
 
-//#endregion
 export { withShownNode };
 //# sourceMappingURL=shownNodes.js.map

package/dist/canvas/slopsDebugLayer.js

@@ -1,8 +1,8 @@
 import { pointRegionLive, pointRegionScreenQuad, transformOf } from "../affordances/hitAffordanceRegions.js";
 import { chromeStateFrom, isVisibleFrom } from "./drawEnvelope.js";
-import { PATH_L, PATH_M, PATH_Z } from "@weasel-js/geom";
+import { PATH_L, PATH_M, PATH_Z, viewWorldToScreen } from "@weasel-js/geom";
 
-//#region src/canvas/slopsDebugLayer.ts
+// src/canvas/slopsDebugLayer.ts
 var SLOP_FILL = "rgba(255, 80, 140, 0.18)";
 var SLOP_STROKE = "rgba(255, 80, 140, 0.55)";
 function createSlopsDebugLayer(opts) {
@@ -14,7 +14,13 @@ function createSlopsDebugLayer(opts) {
 			const chrome = chromeStateFrom(data);
 			if (!chrome) return [];
 			const isVisible = isVisibleFrom(data);
-			const toScreen = (x, y) => [(x - view.x) * view.scale.x, (y - view.y) * view.scale.y];
+			const toScreen = (x, y) => {
+				const p = viewWorldToScreen(view, {
+					x,
+					y
+				});
+				return [p.x, p.y];
+			};
 			const out = [];
 			for (const a of opts.getAffordances()) {
 				if (isVisible && !isVisible(a.id)) continue;
@@ -65,6 +71,5 @@ function createSlopsDebugLayer(opts) {
 	};
 }
 
-//#endregion
 export { createSlopsDebugLayer };
 //# sourceMappingURL=slopsDebugLayer.js.map

package/dist/canvas/slopsDebugLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"slopsDebugLayer.js","names":[],"sources":["../../src/canvas/slopsDebugLayer.ts"],"sourcesContent":["/**\n * Screen-space debug overlay rendering the kit's hit-test \"slops\" — the\n * forgiveness regions around each point affordance (corner resize handles,\n * the rotate badge, anchor / control-handle markers). Off by default; gated\n * by SceneCanvas's `debug.slops` prop.\n *\n * It walks the same affordances the hit-test does, and draws each point\n * region's square from the same frame the hit-test reads, so a halo shows\n * exactly the pixels that grab.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { Affordance } from 'affordances/types';\nimport { pointRegionLive, pointRegionScreenQuad, transformOf } from 'affordances/hitAffordanceRegions';\nimport { PATH_L, PATH_M, PATH_Z } from '@weasel-js/geom';\nimport { chromeStateFrom, isVisibleFrom } from './drawEnvelope';\n\nexport interface CreateSlopsDebugLayerOptions {\n  /** The affordances the canvas hit-tests — `chromeAffordances`, the same\n   *  list handed to `buildAffordanceAt`. */\n  getAffordances: () => readonly Affordance[];\n}\n\nconst SLOP_FILL = 'rgba(255, 80, 140, 0.18)';\nconst SLOP_STROKE = 'rgba(255, 80, 140, 0.55)';\n\nexport function createSlopsDebugLayer(\n  opts: CreateSlopsDebugLayerOptions,\n): RenderLayer<unknown> {\n  return {\n    id: 'slops-debug',\n    label: 'Slops (debug)',\n    space: 'screen',\n    draw: (data, view) => {\n      // Selection, bounds and visibility come off the envelope: the halos\n      // have to sit on the chrome the drawing view actually painted.\n      const chrome = chromeStateFrom(data);\n      if (!chrome) return [];\n      const isVisible = isVisibleFrom(data);\n      const toScreen = (x: number, y: number): [number, number] =>\n        [(x - view.x) * view.scale.x, (y - view.y) * view.scale.y];\n      const out: DrawCommand[] = [];\n      for (const a of opts.getAffordances()) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(chrome)) {\n          if (region.shape.kind !== 'point') continue;\n          const xf = transformOf(chrome, region.targetId);\n          if (!pointRegionLive(region.shape, xf, view)) continue;\n          const q = pointRegionScreenQuad(region.shape, xf, view, toScreen);\n          out.push({\n            kind: 'path',\n            path: {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n              coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n              fillRule: 'nonzero',\n            },\n            fill: { paint: { kind: 'solid', color: SLOP_FILL } },\n            stroke: { paint: { kind: 'solid', color: SLOP_STROKE }, width: 1 },\n          });\n        }\n      }\n      return out;\n    },\n  };\n}\n"],"mappings":";;;;;AAwBA,IAAM,YAAY;AAClB,IAAM,cAAc;AAEpB,SAAgB,sBACd,MACsB;CACtB,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,OAAO,MAAM,SAAS;GAGpB,MAAM,SAAS,gBAAgB,IAAI;GACnC,IAAI,CAAC,QAAQ,OAAO,CAAC;GACrB,MAAM,YAAY,cAAc,IAAI;GACpC,MAAM,YAAY,GAAW,MAC3B,EAAE,IAAI,KAAK,KAAK,KAAK,MAAM,IAAI,IAAI,KAAK,KAAK,KAAK,MAAM,CAAC;GAC3D,MAAM,MAAqB,CAAC;GAC5B,KAAK,MAAM,KAAK,KAAK,eAAe,GAAG;IACrC,IAAI,aAAa,CAAC,UAAU,EAAE,EAAE,GAAG;IACnC,KAAK,MAAM,UAAU,EAAE,QAAQ,MAAM,GAAG;KACtC,IAAI,OAAO,MAAM,SAAS,SAAS;KACnC,MAAM,KAAK,YAAY,QAAQ,OAAO,QAAQ;KAC9C,IAAI,CAAC,gBAAgB,OAAO,OAAO,IAAI,IAAI,GAAG;KAC9C,MAAM,IAAI,sBAAsB,OAAO,OAAO,IAAI,MAAM,QAAQ;KAChE,IAAI,KAAK;MACP,MAAM;MACN,MAAM;OACJ,MAAM;OACN,UAAU,IAAI,WAAW;QAAC;QAAQ;QAAQ;QAAQ;QAAQ;OAAM,CAAC;OACjE,QAAQ,IAAI,aAAa;QAAC,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;OAAC,CAAC;OACzF,UAAU;MACZ;MACA,MAAM,EAAE,OAAO;OAAE,MAAM;OAAS,OAAO;MAAU,EAAE;MACnD,QAAQ;OAAE,OAAO;QAAE,MAAM;QAAS,OAAO;OAAY;OAAG,OAAO;MAAE;KACnE,CAAC;IACH;GACF;GACA,OAAO;EACT;CACF;AACF"}
+{"version":3,"file":"slopsDebugLayer.js","names":[],"sources":["../../src/canvas/slopsDebugLayer.ts"],"sourcesContent":["/**\n * Screen-space debug overlay rendering the kit's hit-test \"slops\" — the\n * forgiveness regions around each point affordance (corner resize handles,\n * the rotate badge, anchor / control-handle markers). Off by default; gated\n * by SceneCanvas's `debug.slops` prop.\n *\n * It walks the same affordances the hit-test does, and draws each point\n * region's square from the same frame the hit-test reads, so a halo shows\n * exactly the pixels that grab.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { Affordance } from 'affordances/types';\nimport { pointRegionLive, pointRegionScreenQuad, transformOf } from 'affordances/hitAffordanceRegions';\nimport { PATH_L, PATH_M, PATH_Z, viewWorldToScreen } from '@weasel-js/geom';\nimport { chromeStateFrom, isVisibleFrom } from './drawEnvelope';\n\nexport interface CreateSlopsDebugLayerOptions {\n  /** The affordances the canvas hit-tests — `chromeAffordances`, the same\n   *  list handed to `buildAffordanceAt`. */\n  getAffordances: () => readonly Affordance[];\n}\n\nconst SLOP_FILL = 'rgba(255, 80, 140, 0.18)';\nconst SLOP_STROKE = 'rgba(255, 80, 140, 0.55)';\n\nexport function createSlopsDebugLayer(\n  opts: CreateSlopsDebugLayerOptions,\n): RenderLayer<unknown> {\n  return {\n    id: 'slops-debug',\n    label: 'Slops (debug)',\n    space: 'screen',\n    draw: (data, view) => {\n      // Selection, bounds and visibility come off the envelope: the halos\n      // have to sit on the chrome the drawing view actually painted.\n      const chrome = chromeStateFrom(data);\n      if (!chrome) return [];\n      const isVisible = isVisibleFrom(data);\n      const toScreen = (x: number, y: number): [number, number] => {\n        const p = viewWorldToScreen(view, { x, y });\n        return [p.x, p.y];\n      };\n      const out: DrawCommand[] = [];\n      for (const a of opts.getAffordances()) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(chrome)) {\n          if (region.shape.kind !== 'point') continue;\n          const xf = transformOf(chrome, region.targetId);\n          if (!pointRegionLive(region.shape, xf, view)) continue;\n          const q = pointRegionScreenQuad(region.shape, xf, view, toScreen);\n          out.push({\n            kind: 'path',\n            path: {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n              coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n              fillRule: 'nonzero',\n            },\n            fill: { paint: { kind: 'solid', color: SLOP_FILL } },\n            stroke: { paint: { kind: 'solid', color: SLOP_STROKE }, width: 1 },\n          });\n        }\n      }\n      return out;\n    },\n  };\n}\n"],"mappings":";;;;;AAwBA,IAAM,YAAY;AAClB,IAAM,cAAc;AAEpB,SAAgB,sBACd,MACsB;CACtB,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,OAAO,MAAM,SAAS;GAGpB,MAAM,SAAS,gBAAgB,IAAI;GACnC,IAAI,CAAC,QAAQ,OAAO,CAAC;GACrB,MAAM,YAAY,cAAc,IAAI;GACpC,MAAM,YAAY,GAAW,MAAgC;IAC3D,MAAM,IAAI,kBAAkB,MAAM;KAAE;KAAG;IAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;GAClB;GACA,MAAM,MAAqB,CAAC;GAC5B,KAAK,MAAM,KAAK,KAAK,eAAe,GAAG;IACrC,IAAI,aAAa,CAAC,UAAU,EAAE,EAAE,GAAG;IACnC,KAAK,MAAM,UAAU,EAAE,QAAQ,MAAM,GAAG;KACtC,IAAI,OAAO,MAAM,SAAS,SAAS;KACnC,MAAM,KAAK,YAAY,QAAQ,OAAO,QAAQ;KAC9C,IAAI,CAAC,gBAAgB,OAAO,OAAO,IAAI,IAAI,GAAG;KAC9C,MAAM,IAAI,sBAAsB,OAAO,OAAO,IAAI,MAAM,QAAQ;KAChE,IAAI,KAAK;MACP,MAAM;MACN,MAAM;OACJ,MAAM;OACN,UAAU,IAAI,WAAW;QAAC;QAAQ;QAAQ;QAAQ;QAAQ;OAAM,CAAC;OACjE,QAAQ,IAAI,aAAa;QAAC,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;QAAG,EAAE,EAAE,CAAC;OAAC,CAAC;OACzF,UAAU;MACZ;MACA,MAAM,EAAE,OAAO;OAAE,MAAM;OAAS,OAAO;MAAU,EAAE;MACnD,QAAQ;OAAE,OAAO;QAAE,MAAM;QAAS,OAAO;OAAY;OAAG,OAAO;MAAE;KACnE,CAAC;IACH;GACF;GACA,OAAO;EACT;CACF;AACF"}

package/dist/canvas/surfaceContribution.js

@@ -1,6 +1,6 @@
 import { mergeContributions } from "@weasel-js/routing";
 
-//#region src/canvas/surfaceContribution.ts
+// src/canvas/surfaceContribution.ts
 /**
 * The canvas's unit of extension: a routing `Contribution` plus the roles only
 * a surface can install — views on it, and whatever else needs the mounted
@@ -26,6 +26,5 @@ function claimIds(entries, kind, of) {
 	}
 }
 
-//#endregion
 export { mergeContributions$1 as mergeContributions };
 //# sourceMappingURL=surfaceContribution.js.map

package/dist/canvas/useCanvasElements.js

@@ -1,7 +1,7 @@
 import { useCallback, useInsertionEffect, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useCanvasElements.ts
+// src/canvas/useCanvasElements.ts
 function useCanvasElements(paintInto, inputElement) {
 	const canvasRef = useRef(null);
 	const ownCanvasRef = useRef(null);
@@ -26,6 +26,5 @@ function useCanvasElements(paintInto, inputElement) {
 	};
 }
 
-//#endregion
 export { useCanvasElements };
 //# sourceMappingURL=useCanvasElements.js.map

package/dist/canvas/useCanvasHandle.js

@@ -1,6 +1,6 @@
 import { useCallback, useImperativeHandle } from "react";
 
-//#region src/canvas/useCanvasHandle.ts
+// src/canvas/useCanvasHandle.ts
 /** The bare canvas's imperative handle. Its own-frame members answer against `frame`. */
 function useCanvasHandle(ref, target, frame, api) {
 	const { canvasRef, ownCanvasRef, detached, paintRectRef, inputElement, paintCanvas } = target;
@@ -64,6 +64,5 @@ function useCanvasHandle(ref, target, frame, api) {
 	]);
 }
 
-//#endregion
 export { useCanvasHandle };
 //# sourceMappingURL=useCanvasHandle.js.map

package/dist/canvas/useCanvasPaint.js

@@ -1,14 +1,14 @@
 import { DEFAULT_LAYER_RETAIN } from "../core/layers/retain.js";
 import { drawLayers } from "../core/layers/render.js";
-import { resolveDpr } from "./canvasRenderer.js";
 import { beginDebugFrame } from "../debug/useDebugSink.js";
+import { resolveDpr } from "./canvasRenderer.js";
 import { NO_LAYER_VISIBILITY } from "./useExtraLayers.js";
 import { ViewSnap } from "./viewSnap.js";
 import { viewToMat3 } from "@weasel-js/renderer";
 import { useCallback, useEffect, useInsertionEffect, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useCanvasPaint.ts
+// src/canvas/useCanvasPaint.ts
 /**
 * Which content version the last paint showed. `markPainted` records the current one, read
 * from `contentVersion`'s latest committed value.
@@ -95,6 +95,5 @@ function useCanvasPaint(paintRef, lease, target, frame, markPainted, requestRedr
 	}, []);
 }
 
-//#endregion
 export { useCanvasPaint, usePaintedVersion };
 //# sourceMappingURL=useCanvasPaint.js.map

package/dist/canvas/useCanvasRenderer.js

@@ -3,7 +3,7 @@ import { leaseCanvasRenderer, shaderKeyOf } from "./canvasRenderer.js";
 import { getProgramSource, programSourceRegistry } from "@weasel-js/renderer";
 import { useEffect, useState } from "react";
 
-//#region src/canvas/useCanvasRenderer.ts
+// src/canvas/useCanvasRenderer.ts
 /**
 * The React lifetime of `leaseCanvasRenderer`: a stable lease for the
 * component's canvas, whose renderer and GL objects are freed on unmount.
@@ -48,6 +48,5 @@ function useRedrawOnShaderSource(shaders, requestRedraw) {
 	}, [key, requestRedraw]);
 }
 
-//#endregion
 export { useCanvasRenderer, useRedrawOnDensityChange, useRedrawOnRestore, useRedrawOnShaderSource };
 //# sourceMappingURL=useCanvasRenderer.js.map

package/dist/canvas/useCanvasSurface.js

@@ -4,7 +4,7 @@ import { useLateContentRedraw } from "./useLateContentRedraw.js";
 import { useRedrawOn } from "./useRedrawOn.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 
-//#region src/canvas/useCanvasSurface.ts
+// src/canvas/useCanvasSurface.ts
 /**
 * Everything a canvas surface in core needs around its paint: the renderer
 * lease, the frame loop, and a repaint for each thing that changes pixels with
@@ -62,6 +62,5 @@ function useRedrawOnCommit(mode, paintNow, requestRedraw, resized) {
 	}, []);
 }
 
-//#endregion
 export { useCanvasSurface };
 //# sourceMappingURL=useCanvasSurface.js.map

package/dist/canvas/useCanvasView.js

@@ -1,9 +1,9 @@
-import { normalizeView, sameView } from "../core/viewport/view.js";
 import { clampView } from "../core/viewport/clampView.js";
+import { normalizeView, sameView } from "../core/viewport/view.js";
 import { useCallback, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useCanvasView.ts
+// src/canvas/useCanvasView.ts
 /**
 * A camera: held in a ref when uncontrolled, taken from the `view` option when
 * controlled, with one write path and one subscriber list over both.
@@ -94,6 +94,5 @@ function useCanvasView(opts) {
 	};
 }
 
-//#endregion
 export { useCanvasView };
 //# sourceMappingURL=useCanvasView.js.map

package/dist/canvas/useClientToWorld.js

@@ -2,7 +2,7 @@ import { clientToWorld } from "../core/viewport/clientToWorld.js";
 import { useCallback } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useClientToWorld.ts
+// src/canvas/useClientToWorld.ts
 /**
 * The canvas's one client→world conversion: hover, the view registry and both handles answer
 * with it, so a `clientToWorld` override reaches all of them or none.
@@ -22,6 +22,5 @@ function useClientToWorld(elementRef, clientToWorld$1, viewRef) {
 	]);
 }
 
-//#endregion
 export { useClientToWorld };
 //# sourceMappingURL=useClientToWorld.js.map

package/dist/canvas/useExtraLayers.js

@@ -1,7 +1,7 @@
 import { isLayerPainted } from "../core/layers/render.js";
 import { useCallback, useRef, useState } from "react";
 
-//#region src/canvas/useExtraLayers.ts
+// src/canvas/useExtraLayers.ts
 var alwaysVisible = (_id) => true;
 var NO_LAYER_VISIBILITY = {};
 /** Layers attached from outside the `layers` prop (a HUD, a loupe), and hit-testing over them. */
@@ -40,6 +40,5 @@ function useExtraLayers(gateRef) {
 	};
 }
 
-//#endregion
 export { NO_LAYER_VISIBILITY, alwaysVisible, useExtraLayers };
 //# sourceMappingURL=useExtraLayers.js.map

package/dist/canvas/useFrameLoop.js

@@ -1,7 +1,7 @@
 import { useCallback, useInsertionEffect, useLayoutEffect, useRef } from "react";
 import { useLatest, useVisibleRaf } from "@weasel-js/react";
 
-//#region src/canvas/useFrameLoop.ts
+// src/canvas/useFrameLoop.ts
 /**
 * The frame loop behind `<Canvas>`: a dirty flag, one frame in flight at a
 * time, and a subscriber set notified after a paint lands. When frames may run
@@ -122,6 +122,5 @@ function useFrameLoop(paint, options = {}) {
 	};
 }
 
-//#endregion
 export { useFrameLoop };
 //# sourceMappingURL=useFrameLoop.js.map

package/dist/canvas/useHitObserver.js

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useHitObserver.ts
+// src/canvas/useHitObserver.ts
 /** Turns a consumer's hit callback into the world-point observer the gesture
 *  dispatcher takes, resolving the hit with the canvas's own picker. Identity
 *  changes only between wired and not, so the dispatcher isn't rebuilt per
@@ -25,6 +25,5 @@ function useHitObserver(cb, pickerRef) {
 	]);
 }
 
-//#endregion
 export { useHitObserver };
 //# sourceMappingURL=useHitObserver.js.map

package/dist/canvas/useHostAnchor.js

@@ -3,7 +3,7 @@ import { watchElementMove } from "./watchElementMove.js";
 import { useCallback, useEffect, useState } from "react";
 import { useLatest, useVisibleRaf } from "@weasel-js/react";
 
-//#region src/canvas/useHostAnchor.ts
+// src/canvas/useHostAnchor.ts
 /**
 * Hold a fixed-position panel against a host element's corner, kept inside the
 * viewport, following it through scrolls, resizes, and reflows, a host moved by
@@ -98,6 +98,5 @@ function useHostAnchor(resolveHost, options) {
 	};
 }
 
-//#endregion
 export { useHostAnchor };
 //# sourceMappingURL=useHostAnchor.js.map

package/dist/canvas/useInFlightBounds.js

@@ -1,20 +1,21 @@
 import { useCallback, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useInFlightBounds.ts
+// src/canvas/useInFlightBounds.ts
 /**
 * Where a view boxes the nodes an in-flight gesture names: at the pose a
-* source previews, else at the node's effective pose — a transform's poses
+* source previews, carried to world, else at the node's effective pose — a transform's poses
 * live in the scene's overrides, not on its handle. Boxed through `boxOf`
 * either way, since a consumer `boundsOf` answers for the document pose only.
 */
 function useInFlightBounds(args) {
-	const { gestureSource, boxOf, committedPoseOf } = args;
+	const { gestureSource, boxOf, committedPoseOf, worldOfStored } = args;
 	const previewPoseExtraRef = useLatest(args.previewPoseExtra);
 	const previewPoseOf = useCallback((id) => {
 		const p = previewPoseExtraRef.current?.(id);
-		return p != null ? p : null;
-	}, [previewPoseExtraRef]);
+		if (p == null) return null;
+		return worldOfStored ? worldOfStored(id, p) : p;
+	}, [previewPoseExtraRef, worldOfStored]);
 	const inFlight = useRef(null);
 	const isInFlight = useCallback((id) => {
 		if (!gestureSource) return false;
@@ -47,6 +48,5 @@ function useInFlightBounds(args) {
 	};
 }
 
-//#endregion
 export { useInFlightBounds };
 //# sourceMappingURL=useInFlightBounds.js.map

package/dist/canvas/useInFlightBounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInFlightBounds.js","names":[],"sources":["../../src/canvas/useInFlightBounds.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { GestureSource } from './gestureBounds';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\n\n/**\n * Where a view boxes the nodes an in-flight gesture names: at the pose a\n * source previews, else at the node's effective pose — a transform's poses\n * live in the scene's overrides, not on its handle. Boxed through `boxOf`\n * either way, since a consumer `boundsOf` answers for the document pose only.\n */\nexport function useInFlightBounds<TPose>(args: {\n  gestureSource: GestureSource | undefined;\n  /** Read through a ref, so a change mid-gesture rebuilds nothing. */\n  previewPoseExtra: ((id: string) => unknown) | undefined;\n  boxOf: (id: string, pose: TPose) => Bounds | null;\n  /** The node's effective world pose. */\n  committedPoseOf: (id: string) => TPose | null;\n}): {\n  previewPoseOf: (id: string) => TPose | null;\n  previewBoundsOf: (id: string) => Bounds | null;\n} {\n  const { gestureSource, boxOf, committedPoseOf } = args;\n  const previewPoseExtraRef = useLatest(args.previewPoseExtra);\n  const previewPoseOf = useCallback((id: string): TPose | null => {\n    const p = previewPoseExtraRef.current?.(id);\n    return p != null ? (p as TPose) : null;\n  }, [previewPoseExtraRef]);\n\n  // The source's ids, re-read only when its version moves.\n  const inFlight = useRef<{ source: GestureSource; version: number; ids: ReadonlySet<string> } | null>(null);\n  const isInFlight = useCallback((id: string): boolean => {\n    if (!gestureSource) return false;\n    const version = gestureSource.getVersion();\n    let entry = inFlight.current;\n    if (entry === null || entry.source !== gestureSource || entry.version !== version) {\n      entry = { source: gestureSource, version, ids: new Set(gestureSource.ids() ?? []) };\n      inFlight.current = entry;\n    }\n    return entry.ids.has(id);\n  }, [gestureSource]);\n\n  const previewBoundsOf = useCallback((id: string): Bounds | null => {\n    const p = previewPoseOf(id);\n    if (p != null) return boxOf(id, p);\n    if (!isInFlight(id)) return null;\n    const shown = committedPoseOf(id);\n    return shown != null ? boxOf(id, shown) : null;\n  }, [previewPoseOf, boxOf, isInFlight, committedPoseOf]);\n\n  return { previewPoseOf, previewBoundsOf };\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,kBAAyB,MAUvC;CACA,MAAM,EAAE,eAAe,OAAO,oBAAoB;CAClD,MAAM,sBAAsB,UAAU,KAAK,gBAAgB;CAC3D,MAAM,gBAAgB,aAAa,OAA6B;EAC9D,MAAM,IAAI,oBAAoB,UAAU,EAAE;EAC1C,OAAO,KAAK,OAAQ,IAAc;CACpC,GAAG,CAAC,mBAAmB,CAAC;CAGxB,MAAM,WAAW,OAAoF,IAAI;CACzG,MAAM,aAAa,aAAa,OAAwB;EACtD,IAAI,CAAC,eAAe,OAAO;EAC3B,MAAM,UAAU,cAAc,WAAW;EACzC,IAAI,QAAQ,SAAS;EACrB,IAAI,UAAU,QAAQ,MAAM,WAAW,iBAAiB,MAAM,YAAY,SAAS;GACjF,QAAQ;IAAE,QAAQ;IAAe;IAAS,KAAK,IAAI,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC;GAAE;GAClF,SAAS,UAAU;EACrB;EACA,OAAO,MAAM,IAAI,IAAI,EAAE;CACzB,GAAG,CAAC,aAAa,CAAC;CAUlB,OAAO;EAAE;EAAe,iBARA,aAAa,OAA8B;GACjE,MAAM,IAAI,cAAc,EAAE;GAC1B,IAAI,KAAK,MAAM,OAAO,MAAM,IAAI,CAAC;GACjC,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO;GAC5B,MAAM,QAAQ,gBAAgB,EAAE;GAChC,OAAO,SAAS,OAAO,MAAM,IAAI,KAAK,IAAI;EAC5C,GAAG;GAAC;GAAe;GAAO;GAAY;EAAe,CAE7B;CAAgB;AAC1C"}
+{"version":3,"file":"useInFlightBounds.js","names":[],"sources":["../../src/canvas/useInFlightBounds.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { GestureSource } from './gestureBounds';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\n\n/**\n * Where a view boxes the nodes an in-flight gesture names: at the pose a\n * source previews, carried to world, else at the node's effective pose — a transform's poses\n * live in the scene's overrides, not on its handle. Boxed through `boxOf`\n * either way, since a consumer `boundsOf` answers for the document pose only.\n */\nexport function useInFlightBounds<TPose>(args: {\n  gestureSource: GestureSource | undefined;\n  /** Read through a ref, so a change mid-gesture rebuilds nothing. */\n  previewPoseExtra: ((id: string) => unknown) | undefined;\n  boxOf: (id: string, pose: TPose) => Bounds | null;\n  /** The node's effective world pose. */\n  committedPoseOf: (id: string) => TPose | null;\n  /** Where `id` is drawn if it stores `stored`: a previewed pose is in the\n   *  frame the node is stored in, as a published override is. Absent means\n   *  stored poses are world. */\n  worldOfStored?: ((id: string, stored: TPose) => TPose) | undefined;\n}): {\n  previewPoseOf: (id: string) => TPose | null;\n  previewBoundsOf: (id: string) => Bounds | null;\n} {\n  const { gestureSource, boxOf, committedPoseOf, worldOfStored } = args;\n  const previewPoseExtraRef = useLatest(args.previewPoseExtra);\n  const previewPoseOf = useCallback((id: string): TPose | null => {\n    const p = previewPoseExtraRef.current?.(id);\n    if (p == null) return null;\n    return worldOfStored ? worldOfStored(id, p as TPose) : (p as TPose);\n  }, [previewPoseExtraRef, worldOfStored]);\n\n  // The source's ids, re-read only when its version moves.\n  const inFlight = useRef<{ source: GestureSource; version: number; ids: ReadonlySet<string> } | null>(null);\n  const isInFlight = useCallback((id: string): boolean => {\n    if (!gestureSource) return false;\n    const version = gestureSource.getVersion();\n    let entry = inFlight.current;\n    if (entry === null || entry.source !== gestureSource || entry.version !== version) {\n      entry = { source: gestureSource, version, ids: new Set(gestureSource.ids() ?? []) };\n      inFlight.current = entry;\n    }\n    return entry.ids.has(id);\n  }, [gestureSource]);\n\n  const previewBoundsOf = useCallback((id: string): Bounds | null => {\n    const p = previewPoseOf(id);\n    if (p != null) return boxOf(id, p);\n    if (!isInFlight(id)) return null;\n    const shown = committedPoseOf(id);\n    return shown != null ? boxOf(id, shown) : null;\n  }, [previewPoseOf, boxOf, isInFlight, committedPoseOf]);\n\n  return { previewPoseOf, previewBoundsOf };\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,kBAAyB,MAcvC;CACA,MAAM,EAAE,eAAe,OAAO,iBAAiB,kBAAkB;CACjE,MAAM,sBAAsB,UAAU,KAAK,gBAAgB;CAC3D,MAAM,gBAAgB,aAAa,OAA6B;EAC9D,MAAM,IAAI,oBAAoB,UAAU,EAAE;EAC1C,IAAI,KAAK,MAAM,OAAO;EACtB,OAAO,gBAAgB,cAAc,IAAI,CAAU,IAAK;CAC1D,GAAG,CAAC,qBAAqB,aAAa,CAAC;CAGvC,MAAM,WAAW,OAAoF,IAAI;CACzG,MAAM,aAAa,aAAa,OAAwB;EACtD,IAAI,CAAC,eAAe,OAAO;EAC3B,MAAM,UAAU,cAAc,WAAW;EACzC,IAAI,QAAQ,SAAS;EACrB,IAAI,UAAU,QAAQ,MAAM,WAAW,iBAAiB,MAAM,YAAY,SAAS;GACjF,QAAQ;IAAE,QAAQ;IAAe;IAAS,KAAK,IAAI,IAAI,cAAc,IAAI,KAAK,CAAC,CAAC;GAAE;GAClF,SAAS,UAAU;EACrB;EACA,OAAO,MAAM,IAAI,IAAI,EAAE;CACzB,GAAG,CAAC,aAAa,CAAC;CAUlB,OAAO;EAAE;EAAe,iBARA,aAAa,OAA8B;GACjE,MAAM,IAAI,cAAc,EAAE;GAC1B,IAAI,KAAK,MAAM,OAAO,MAAM,IAAI,CAAC;GACjC,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO;GAC5B,MAAM,QAAQ,gBAAgB,EAAE;GAChC,OAAO,SAAS,OAAO,MAAM,IAAI,KAAK,IAAI;EAC5C,GAAG;GAAC;GAAe;GAAO;GAAY;EAAe,CAE7B;CAAgB;AAC1C"}

package/dist/canvas/useLateContentRedraw.js

@@ -3,7 +3,7 @@ import { subscribeImageReady } from "@weasel-js/renderer";
 import { useEffect } from "react";
 import { subscribeGlyphReady } from "@weasel-js/font";
 
-//#region src/canvas/useLateContentRedraw.ts
+// src/canvas/useLateContentRedraw.ts
 /**
 * Repaint whenever something a frame could not draw becomes drawable: an image
 * finishes decoding, a deferred glyph bake or font load lands, or a paint kind
@@ -23,6 +23,5 @@ function useLateContentRedraw(requestRedraw) {
 	}, [requestRedraw]);
 }
 
-//#endregion
 export { useLateContentRedraw };
 //# sourceMappingURL=useLateContentRedraw.js.map

package/dist/canvas/useLayerStack.js

@@ -1,9 +1,9 @@
 import { createBackgroundFillLayer } from "../core/layers/backgroundFill.js";
-import { isCustomEntry } from "./layerSlots.js";
 import { composeOrderedLayers, placeToolOverlays } from "./layerOrder.js";
+import { isCustomEntry } from "./layerSlots.js";
 import { useCallback, useEffect, useMemo, useSyncExternalStore } from "react";
 
-//#region src/canvas/useLayerStack.ts
+// src/canvas/useLayerStack.ts
 /** The `layers` prop's slots and custom entries in draw order, with the background fill beneath,
 *  the decoration layer above, and the active tool's overlays placed among them. */
 function useSlotLayers(layersMap, tools, backgroundFill, decorationLayer) {
@@ -71,6 +71,5 @@ function useComposedLayers(layers, above, requestRedraw) {
 	return composed;
 }
 
-//#endregion
 export { useComposedLayers, useSlotLayers };
 //# sourceMappingURL=useLayerStack.js.map

package/dist/canvas/usePaintedCursor.js

@@ -2,7 +2,7 @@ import { createPaintedCursorLayer } from "./paintedCursorLayer.js";
 import { useEffect, useMemo } from "react";
 import { createCursorSink, createPaintedCursorState } from "@weasel-js/cursor";
 
-//#region src/canvas/usePaintedCursor.ts
+// src/canvas/usePaintedCursor.ts
 /**
 * The painted cursor tier's channel. The canvas owns it because it owns both ends: the tool
 * cursor that feeds it and the frame loop that has to repaint when it changes.
@@ -23,6 +23,5 @@ function usePaintedCursor(canvasRef, requestRedraw) {
 	};
 }
 
-//#endregion
 export { usePaintedCursor };
 //# sourceMappingURL=usePaintedCursor.js.map

package/dist/canvas/useRedrawOn.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 
-//#region src/canvas/useRedrawOn.ts
+// src/canvas/useRedrawOn.ts
 /** Subscribe `requestRedraw` to each source while mounted. An inline array
 *  holding the same sources does not resubscribe. */
 function useRedrawOn(sources, requestRedraw) {
@@ -26,6 +26,5 @@ function useSameElements(list) {
 	return kept;
 }
 
-//#endregion
 export { useRedrawOn };
 //# sourceMappingURL=useRedrawOn.js.map

package/dist/canvas/useSceneAdapter.js

@@ -1,7 +1,7 @@
 import { sceneToAdapter } from "./sceneAdapter.js";
 import { useMemo } from "react";
 
-//#region src/canvas/useSceneAdapter.ts
+// src/canvas/useSceneAdapter.ts
 /**
 * React-hook wrapper around `sceneToAdapter`. Memoizes on every option, so
 * the adapter keeps its identity across renders unless one of them changes.
@@ -24,6 +24,5 @@ function useSceneAdapter(scene, options = {}) {
 	]);
 }
 
-//#endregion
 export { useSceneAdapter };
 //# sourceMappingURL=useSceneAdapter.js.map

package/dist/canvas/useSceneLayerList.js

@@ -1,6 +1,6 @@
 import { useCallback, useSyncExternalStore } from "react";
 
-//#region src/canvas/useSceneLayerList.ts
+// src/canvas/useSceneLayerList.ts
 var UNSUBSCRIBED = () => {};
 var read = (adapter) => typeof adapter?.getLayers === "function" ? adapter.getLayers().map((l) => l.id).join("\n") : "";
 /**
@@ -14,6 +14,5 @@ function useSceneLayerList(adapter) {
 	return useSyncExternalStore(subscribe, snapshot, snapshot);
 }
 
-//#endregion
 export { useSceneLayerList };
 //# sourceMappingURL=useSceneLayerList.js.map

package/dist/canvas/useSurfaceInput.js

@@ -2,7 +2,7 @@ import { useLayoutEffect, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 import { heldPointers } from "@weasel-js/gestures";
 
-//#region src/canvas/useSurfaceInput.ts
+// src/canvas/useSurfaceInput.ts
 /**
 * Listen on whichever element `elementRef` holds, moving the listeners when
 * it holds another. Handlers are read at event time, so a new set never
@@ -53,6 +53,5 @@ function listen(element, live) {
 	};
 }
 
-//#endregion
 export { useSurfaceInput };
 //# sourceMappingURL=useSurfaceInput.js.map

package/dist/canvas/useSurfaceSize.js

@@ -2,7 +2,7 @@ import { useElementSize } from "../core/viewport/useCanvasSize.js";
 import { useEffect, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useSurfaceSize.ts
+// src/canvas/useSurfaceSize.ts
 var NO_ELEMENT = { current: null };
 var FILL = { beforePaint: true };
 /**
@@ -39,6 +39,5 @@ function useSurfaceSize(props, element) {
 	};
 }
 
-//#endregion
 export { useSurfaceSize };
 //# sourceMappingURL=useSurfaceSize.js.map

package/dist/canvas/useToolCursor.js

@@ -1,7 +1,7 @@
 import { useLayoutEffect } from "react";
 import { resolveCursorTier } from "@weasel-js/cursor";
 
-//#region src/canvas/useToolCursor.ts
+// src/canvas/useToolCursor.ts
 function resolveToolsCursor(tools) {
 	const id = tools.hotkeyEngaged ?? tools.active;
 	const tool = id === null ? void 0 : tools.registry[id];
@@ -33,6 +33,5 @@ function useToolCursor(sink, tools, element, rest) {
 	]);
 }
 
-//#endregion
 export { useToolCursor };
 //# sourceMappingURL=useToolCursor.js.map

package/dist/canvas/useViewAim.js

@@ -1,13 +1,13 @@
 import { normalizeView } from "../core/viewport/view.js";
-import { isRectAim, rectAim, viewForAim } from "../domains/viewports/aim.js";
 import { viewportWorldRect } from "../core/viewport/viewportWorldRect.js";
+import { isRectAim, rectAim, viewForAim } from "../domains/viewports/aim.js";
 import { useCanvasView } from "./useCanvasView.js";
 import { sizeOf } from "./useViewNesting.js";
 import { IDENTITY_VIEW, UNMEASURED_DIMS } from "./viewRegistry.js";
 import { useCallback } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useViewAim.ts
+// src/canvas/useViewAim.ts
 /**
 * A `<CanvasView>`'s camera and its aim, whichever of the two the view holds.
 * A camera-held view answers its aim from its camera; an aim-held one derives
@@ -116,6 +116,5 @@ function useViewAim(args) {
 	};
 }
 
-//#endregion
 export { useViewAim };
 //# sourceMappingURL=useViewAim.js.map

package/dist/canvas/useViewHelpers.js

@@ -1,12 +1,12 @@
-import { unionAABB } from "../core/geometry/unionBounds.js";
 import { framedBounds } from "../core/geometry/poseDescriptor.js";
 import { useInFlightBounds } from "./useInFlightBounds.js";
+import { unionAABB } from "../core/geometry/unionBounds.js";
 import { buildChromeState } from "../core/selection/chromeState.js";
 import { drawnBoundsOf } from "./drawnBounds.js";
 import { useCallback, useMemo } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/useViewHelpers.ts
+// src/canvas/useViewHelpers.ts
 var noOpUnsubscribe = () => {};
 var alwaysVisible = () => true;
 function worldPoseOf(adapter, id) {
@@ -60,11 +60,13 @@ function useViewHelpers(opts) {
 	}, [adapter]);
 	const selectionRef = useLatest(selection);
 	const effectiveBoundsOf = useMemo(() => boundsOf ?? baseBoundsOf, [boundsOf, baseBoundsOf]);
+	const worldOfStored = useMemo(() => adapter?.worldOfStored ? (id, stored) => adapter.worldOfStored(id, stored) : void 0, [adapter]);
 	const { previewPoseOf, previewBoundsOf } = useInFlightBounds({
 		gestureSource,
 		previewPoseExtra,
 		boxOf,
-		committedPoseOf
+		committedPoseOf,
+		worldOfStored
 	});
 	/**
 	* Bounds for `id` with any in-flight gesture folded in — what the user can
@@ -128,6 +130,5 @@ function useViewHelpers(opts) {
 	} };
 }
 
-//#endregion
 export { useViewHelpers };
 //# sourceMappingURL=useViewHelpers.js.map