@weasel-js/core 1.15.0 → 1.15.1

package/dist/canvas/SceneCanvas/useSurfaceRouting.js

@@ -1,7 +1,7 @@
 import { surfaceLocal } from "../viewRegistry.js";
 import { useMemo } from "react";
 
-//#region src/canvas/SceneCanvas/useSurfaceRouting.ts
+// src/canvas/SceneCanvas/useSurfaceRouting.ts
 /** What the gesture dispatcher reads from the surface's view registry. */
 /**
 * The dispatcher's routing to registered views, and its canvas-local mapping
@@ -24,6 +24,5 @@ function useSurfaceRouting(viewRegistry) {
 	}, [viewRegistry]);
 }
 
-//#endregion
 export { useSurfaceRouting };
 //# sourceMappingURL=useSurfaceRouting.js.map

package/dist/canvas/SceneCanvas/useSurfaceViewInputs.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 
-//#region src/canvas/SceneCanvas/useSurfaceViewInputs.ts
+// src/canvas/SceneCanvas/useSurfaceViewInputs.ts
 /**
 * What a view needs to build its own overlay-aware state. `descriptor` is the same one handed
 * to `<Canvas>`, so the two cannot diverge.
@@ -39,6 +39,5 @@ function useSurfaceViewInputs(args) {
 	]);
 }
 
-//#endregion
 export { useSurfaceViewInputs };
 //# sourceMappingURL=useSurfaceViewInputs.js.map

package/dist/canvas/SceneCanvas/useToolKeybindings.js

@@ -1,7 +1,7 @@
 import { useKeybindings } from "../../tools/useKeybindings.js";
 import { useContributionRoles } from "./useContributionRoles.js";
 
-//#region src/canvas/SceneCanvas/useToolKeybindings.ts
+// src/canvas/SceneCanvas/useToolKeybindings.ts
 /**
 * Runs `useKeybindings`, whose `tool.activate` / `tool.offhand` /
 * `tool.resetToDefault` registrations land in this canvas's scope.
@@ -23,6 +23,5 @@ function useToolKeybindings({ internalTools, toolsTakeover, surface, enableKeybi
 	useContributionRoles(toolsTakeover ?? internalTools, canvasApi, versionCheck, surface);
 }
 
-//#endregion
 export { useToolKeybindings };
 //# sourceMappingURL=useToolKeybindings.js.map

package/dist/canvas/SceneCanvas/useViewportActions.js

@@ -1,12 +1,12 @@
-import { makeViewportZoomAction } from "../../interactions/actions/defaults/viewportZoom.js";
-import { makeViewportWheelPanAction } from "../../interactions/actions/defaults/viewportWheelPan.js";
 import { containerScrollAction } from "../../interactions/actions/defaults/containerScroll.js";
+import { makeViewportWheelPanAction } from "../../interactions/actions/defaults/viewportWheelPan.js";
+import { makeViewportZoomAction } from "../../interactions/actions/defaults/viewportZoom.js";
 import { makePinchZoomAction } from "../../interactions/actions/defaults/pinchZoom.js";
 import { useEffect } from "react";
 import { useLatest } from "@weasel-js/react";
 import { useActionsRegistry } from "@weasel-js/routing/react";
 
-//#region src/canvas/SceneCanvas/useViewportActions.ts
+// src/canvas/SceneCanvas/useViewportActions.ts
 /**
 * Registers the wheel pan, zoom, and pinch zoom actions from SceneCanvas's
 * `viewport` prop, and the wheel scroll of a container whose content runs
@@ -60,6 +60,5 @@ function viewportZoomOption(zoom, animatedZoom) {
 	};
 }
 
-//#endregion
 export { useViewportActions, viewportZoomOption };
 //# sourceMappingURL=useViewportActions.js.map

package/dist/canvas/SceneCanvas/worldPointAt.js

@@ -1,4 +1,4 @@
-//#region src/canvas/SceneCanvas/worldPointAt.ts
+// src/canvas/SceneCanvas/worldPointAt.ts
 /**
 * A client point in the world of the view it resolved to. The canvas's own
 * view converts through the handle, and a declared view through the resolver,
@@ -9,6 +9,5 @@ function worldPointAt(api, target, clientX, clientY) {
 	return [target.world.x, target.world.y];
 }
 
-//#endregion
 export { worldPointAt };
 //# sourceMappingURL=worldPointAt.js.map

package/dist/canvas/SceneCanvas.js

@@ -1,50 +1,51 @@
-import { DeviceProfileProvider, useDeviceProfile } from "../core/device/useDeviceProfile.js";
-import { AUTO_POSE_DESCRIPTOR } from "../core/geometry/autoPoseDescriptor.js";
-import { ViewRegistryProvider } from "./viewRegistry.js";
-import { rotateAroundAABBCenter } from "./poseRotation.js";
-import { defaultDrawOne } from "./defaultDrawOne.js";
-import { useChromeColor } from "./accentColor.js";
-import { ANCHOR_TOOLS, BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, DRAW_TOOLS, PAGE_TOOLS, SELECT_TOOLS, SHAPE_TOOLS, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS } from "./SceneCanvas/builtinToolSets.js";
-import { CORE_PRESET_SOURCE } from "./SceneCanvas/namedPresets.js";
-import { useGroupEntryContribution } from "../tools/builtin/select/groupEntry.js";
 import { useCanvasCamera } from "./SceneCanvas/useCanvasCamera.js";
 import { useHeldModifiers } from "./SceneCanvas/useHeldModifiers.js";
 import { useCanvasIngestion } from "../domains/ingestion/useCanvasIngestion.js";
+import { rotateAroundAABBCenter } from "./poseRotation.js";
+import { defaultDrawOne } from "./defaultDrawOne.js";
+import { AUTO_POSE_DESCRIPTOR } from "../core/geometry/autoPoseDescriptor.js";
+import { ANCHOR_TOOLS, BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, DRAW_TOOLS, PAGE_TOOLS, SELECT_TOOLS, SHAPE_TOOLS, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS } from "./SceneCanvas/builtinToolSets.js";
+import { DeviceProfileProvider, useDeviceProfile } from "../core/device/useDeviceProfile.js";
 import { Canvas } from "./Canvas.js";
 import { DevHuds, canvasDebug } from "./SceneCanvas/DevHuds.js";
 import { GestureReason } from "./GestureReason.js";
 import { CanvasKitProviders } from "./SceneCanvas/CanvasKitProviders.js";
 import { canvasPassThrough } from "./SceneCanvas/canvasPassThrough.js";
-import { useDevtoolsOverride } from "../devtools/useDevtoolsRoot.js";
-import { contributionEntries } from "./SceneCanvas/useContributionRoles.js";
 import { SceneCanvasInput } from "./SceneCanvas/SceneCanvasInput.js";
+import { CORE_PRESET_SOURCE } from "./SceneCanvas/namedPresets.js";
 import { useBakedScene } from "./SceneCanvas/useBakedScene.js";
 import { useCanvasDispatcher } from "./SceneCanvas/useCanvasDispatcher.js";
 import { publishPreviews } from "./publishPreviews.js";
 import { useCanvasSelection } from "./SceneCanvas/useCanvasSelection.js";
-import { SCENE_CANVAS_FEATURES } from "./SceneCanvas/features.js";
-import { DEFAULT_HANDLE_SIZE } from "./SceneCanvas/props.js";
 import { useEnabledFeatures } from "./SceneCanvas/useCanvasTools.js";
+import { contributionEntries } from "./SceneCanvas/useContributionRoles.js";
 import { SurfaceDeclarations } from "./SceneCanvas/SurfaceDeclarations.js";
 import { useAddedViews, useSceneCanvasHandle } from "./SceneCanvas/useSceneCanvasHandle.js";
-import { mergeLayersWithDefaults } from "./SceneCanvas/mergeLayers.js";
-import { ENTERED_FRAME_COLOR, ENTERED_FRAME_TOKEN } from "../domains/selection/enteredGroupFrame.js";
 import { useSceneCanvasLayers } from "./SceneCanvas/useSceneCanvasLayers.js";
+import { SCENE_CANVAS_FEATURES } from "./SceneCanvas/features.js";
+import { DEFAULT_HANDLE_SIZE } from "./SceneCanvas/props.js";
 import { useSceneCanvasPathEdit } from "./SceneCanvas/useSceneCanvasPathEdit.js";
 import { useSceneCanvasTools } from "./SceneCanvas/useSceneCanvasTools.js";
 import { hiddenChromeOf, useSceneCanvasChrome } from "./SceneCanvas/useSceneChrome.js";
+import { mergeLayersWithDefaults } from "./SceneCanvas/mergeLayers.js";
+import { useDevtoolsOverride } from "../devtools/useDevtoolsRoot.js";
 import { useSceneRedrawSources } from "./SceneCanvas/useSceneRedrawSources.js";
 import { useScenePicking } from "./SceneCanvas/useScenePicking.js";
+import { useGroupEntryContribution } from "../tools/builtin/select/groupEntry.js";
 import { useNodeKinds } from "./SceneCanvas/useNodeKinds.js";
+import { useMagnificationCheck } from "./SceneCanvas/useMagnificationCheck.js";
 import { DefaultTextEditDep, useCanvasTextEditor } from "./SceneCanvas/defaultTextEditor.js";
 import { useSurfaceViewInputs } from "./SceneCanvas/useSurfaceViewInputs.js";
+import { ViewRegistryProvider } from "./viewRegistry.js";
+import { useChromeColor } from "./accentColor.js";
+import { ENTERED_FRAME_COLOR, ENTERED_FRAME_TOKEN } from "../domains/selection/enteredGroupFrame.js";
 import { forwardRef, useEffect, useMemo, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InputScope, useActionsRegistry } from "@weasel-js/routing/react";
 import { getActiveModeFor } from "@weasel-js/modes";
 
-//#region src/canvas/SceneCanvas.tsx
+// src/canvas/SceneCanvas.tsx
 /**
 * `<SceneCanvas>` — `<Canvas>` wired to a `Scene` primitive. Bare, it only renders: behavior
 * comes from the `features` presets (`canvas/SceneCanvas/features.ts`), each of which turns on
@@ -122,6 +123,7 @@ function SceneCanvasInner(props, ref) {
 	const actionsRegistry = useActionsRegistry();
 	const { dispatcher, gestureSource, previewIdsExtra, previewPoseExtra } = useCanvasDispatcher(actionsRegistry);
 	useEffect(() => publishPreviews(scene, dispatcher), [scene, dispatcher]);
+	useMagnificationCheck(scene);
 	const frameColor = useChromeColor(internalCanvasRef, ENTERED_FRAME_TOKEN, ENTERED_FRAME_COLOR);
 	const { editor: textEditor, layers } = useCanvasTextEditor(scene, internalCanvasRef, props);
 	const layered = useSceneCanvasLayers({
@@ -317,6 +319,5 @@ function SceneCanvasWrapper(props, ref) {
 */
 var SceneCanvas = /* @__PURE__ */ forwardRef(SceneCanvasWrapper);
 
-//#endregion
 export { ANCHOR_TOOLS, BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, DEFAULT_HANDLE_SIZE, DRAW_TOOLS, PAGE_TOOLS, SCENE_CANVAS_FEATURES, SELECT_TOOLS, SHAPE_TOOLS, SceneCanvas, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS, renderSceneCanvas, rotateAroundAABBCenter };
 //# sourceMappingURL=SceneCanvas.js.map

package/dist/canvas/SceneCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneCanvas.js","names":[],"sources":["../../src/canvas/SceneCanvas.tsx"],"sourcesContent":["/**\n * `<SceneCanvas>` — `<Canvas>` wired to a `Scene` primitive. Bare, it only renders: behavior\n * comes from the `features` presets (`canvas/SceneCanvas/features.ts`), each of which turns on\n * its own actions, tools, ambient bindings, and chrome.\n *\n * A consumer needing custom tools can pass `tools={useTools(...)}` and SceneCanvas forwards it\n * as-is — the internal tool registry is ignored in that case.\n */\nimport { getActiveModeFor } from '@weasel-js/modes';\nimport { useLatest } from '@weasel-js/react';\nimport { InputScope, useActionsRegistry } from '@weasel-js/routing/react';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport { useCanvasCamera } from './SceneCanvas/useCanvasCamera';\nimport { useHeldModifiers } from './SceneCanvas/useHeldModifiers';\nimport { useCanvasIngestion } from 'domains/ingestion/useCanvasIngestion';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type React from 'react';\nimport { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { DeviceProfileProvider, useDeviceProfile } from '../core/device/useDeviceProfile';\nimport { Canvas } from './Canvas';\nimport { canvasDebug, DevHuds } from './SceneCanvas/DevHuds';\nimport { GestureReason } from './GestureReason';\nimport { CanvasKitProviders } from './SceneCanvas/CanvasKitProviders';\nimport { canvasPassThrough } from './SceneCanvas/canvasPassThrough';\nimport { SceneCanvasInput, type SceneCanvasInputOptions } from './SceneCanvas/SceneCanvasInput';\nimport type { PresetSource } from './SceneCanvas/features';\nimport { CORE_PRESET_SOURCE } from './SceneCanvas/namedPresets';\nimport type { BridgeAdapter, SceneCanvasProps } from './SceneCanvas/props';\nimport { useBakedScene } from './SceneCanvas/useBakedScene';\nimport { useCanvasDispatcher } from './SceneCanvas/useCanvasDispatcher';\nimport { publishPreviews } from './publishPreviews';\nimport { useCanvasSelection } from './SceneCanvas/useCanvasSelection';\nimport { useEnabledFeatures } from './SceneCanvas/useCanvasTools';\nimport { contributionEntries } from './SceneCanvas/useContributionRoles';\nimport { SurfaceDeclarations } from './SceneCanvas/SurfaceDeclarations';\nimport { useAddedViews, useSceneCanvasHandle } from './SceneCanvas/useSceneCanvasHandle';\nimport { useSceneCanvasLayers } from './SceneCanvas/useSceneCanvasLayers';\nimport { useSceneCanvasPathEdit } from './SceneCanvas/useSceneCanvasPathEdit';\nimport { useSceneCanvasTools, type SceneCanvasToolProps } from './SceneCanvas/useSceneCanvasTools';\nimport { hiddenChromeOf, useSceneCanvasChrome } from './SceneCanvas/useSceneChrome';\nimport { useDevtoolsOverride } from '../devtools/useDevtoolsRoot';\nimport { useSceneRedrawSources } from './SceneCanvas/useSceneRedrawSources';\nimport { useScenePicking } from './SceneCanvas/useScenePicking';\nimport { useGroupEntryContribution } from 'tools/builtin/select/groupEntry';\nimport { useNodeKinds } from './SceneCanvas/useNodeKinds';\nimport { DefaultTextEditDep, useCanvasTextEditor } from './SceneCanvas/defaultTextEditor';\nimport { useSurfaceViewInputs } from './SceneCanvas/useSurfaceViewInputs';\nimport type { CanvasExtensionApi, SceneCanvasApi } from './canvasExtension';\nimport { ViewRegistryProvider } from './viewRegistry';\nimport { useChromeColor } from './accentColor';\nimport { ENTERED_FRAME_COLOR, ENTERED_FRAME_TOKEN } from 'domains/selection/enteredGroupFrame';\nexport { SCENE_CANVAS_FEATURES, type Feature } from './SceneCanvas/features';\nexport type { BuiltinToolOptions } from './SceneCanvas/useBuiltinShapeTools';\nexport { defaultDrawOne } from './defaultDrawOne';\nexport { rotateAroundAABBCenter } from './poseRotation';\n\nfunction SceneCanvasInner<TData, TLayer extends string, TPose>(\n  props: SceneCanvasProps<TData, TLayer, TPose> & { presetSource: PresetSource },\n  ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  const { selectTool: selectToolOpts, selectable = true, viewport, modes } = props;\n  const devtools = useDevtoolsOverride(props.debug), { debug } = devtools;\n  const descriptor = (props.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const deviceProfile = useDeviceProfile();\n  const scene = useBakedScene(props.scene);\n  const getActiveMode = useMemo(() => (modes ? getActiveModeFor(modes) : undefined), [modes]);\n  const heldModifiers = useHeldModifiers();\n\n  // Our own refs, so input listeners attach even when the consumer forwards its own ref.\n  const internalCanvasRef = useRef<HTMLElement | null>(null);\n  const canvasApiRef = useRef<CanvasExtensionApi | null>(null);\n  const declaredSize = useLatest({ width: props.width ?? 0, height: props.height ?? 0 });\n  const { viewState, viewAnimation, camera } = useCanvasCamera({\n    view: props.view, defaultView: props.defaultView, onViewChange: props.onViewChange, viewBounds: props.viewBounds,\n    dims: () => canvasApiRef.current?.getSurfaceRect() ?? declaredSize.current,\n    requestRedraw: () => { canvasApiRef.current?.requestRedraw(); },\n  });\n  const { viewRef } = viewState;\n  const kinds = useNodeKinds(scene, props.routing);\n  const selection = useCanvasSelection({ scene, props, selectable, kindOf: kinds.kindOf });\n  const enabled = useEnabledFeatures(\n    props.features, props.presetSource.named, viewport !== undefined, selectToolOpts?.rotate !== false,\n  );\n  const { pathEditState, selectToolWithDefaults } = useSceneCanvasPathEdit({\n    host: props.pathEdit, opening: props.defaultPathEdit, getActiveMode, scene, selection,\n    extensions: enabled.pathEdit, selectTool: selectToolOpts,\n  });\n  const picking = useScenePicking({ scene, selection, descriptor, props, viewRef, selectTool: selectToolWithDefaults, kinds });\n  const { adapter, boundsOf, planeOfNode } = picking;\n  const getNodeAtPointRef = useLatest(picking.getNodeAtPoint);\n  const groupEntry = useGroupEntryContribution({ pickHit: picking.pickBest, tree: adapter, boxOf: boundsOf });\n  const tools = useSceneCanvasTools({\n    props: props as SceneCanvasToolProps, select: picking.selectTool, move: picking.moveOptions,\n    enabled, presetSource: props.presetSource, groupEntry,\n  });\n\n  // The wrapper's `<InputScope>` provides it.\n  const actionsRegistry = useActionsRegistry();\n  const { dispatcher, gestureSource, previewIdsExtra, previewPoseExtra } = useCanvasDispatcher(actionsRegistry);\n  useEffect(() => publishPreviews(scene, dispatcher), [scene, dispatcher]);\n\n  const frameColor = useChromeColor(internalCanvasRef, ENTERED_FRAME_TOKEN, ENTERED_FRAME_COLOR);\n  const { editor: textEditor, layers } = useCanvasTextEditor(scene as Scene<TData, string, unknown>, internalCanvasRef, props);\n  const layered = useSceneCanvasLayers({\n    layers, presetLayers: enabled.layers, targetScale: deviceProfile.targetScale, scene, adapter, poseDescriptor: descriptor,\n    enteredGroup: picking.enteredGroup, frameColor, alphaFor: props.alphaFor, colorOverrides: props.animator?.colorOverrides, boundsOf, planeOfNode,\n    poseTransition: props.poseTransition, previewIds: previewIdsExtra, dispatcher, snapReadout: props.snap?.readout !== false, snapReadoutStyle: props.snap?.readoutStyle, pathEditState,\n    slops: debug !== undefined && debug !== false && debug.slops === true,\n    boundsIncludeStroke: props.geometry?.boundsIncludeStroke ?? true, selectTool: selectToolOpts,\n  });\n  const redrawOn = useSceneRedrawSources({ props, scene, heldModifiers, departures: layered.departures });\n\n  const chrome = useSceneCanvasChrome({\n    source: {\n      getMode: getActiveMode, getFocused: props.getFocused, getModifiers: heldModifiers.get,\n      resizable: selectToolOpts?.resize?.resizable,\n      editingAnchors: () => pathEditState.getEditingId() !== '', device: deviceProfile,\n      getHiddenChrome: () => hiddenChromeOf(tools.tools),\n    },\n    rules: { enabled, selectable, chromeVisibility: props.chromeVisibility },\n    hover: { canvasApiRef, nodeAtPointRef: getNodeAtPointRef, ...(props.onHover ? { onChange: props.onHover } : {}) },\n    selection: selection.current as readonly NodeId[], viewRef, dispatcher,\n  });\n\n  const { ingest, clipboard: ingestionClipboard, handlers: ingestionHandlers } = useCanvasIngestion(adapter, () => actionsRegistry, props.ingestion);\n  const { views: addedViews, addView, viewAt, aimOf, setAim } = useAddedViews();\n  // The consumer's handle extends the primitive's with `ingest`, which needs the action stack.\n  const { handleRef, ready: canvasReady } = useSceneCanvasHandle({\n    ref, elementRef: internalCanvasRef, apiRef: canvasApiRef, onElement: chrome.trackHoverOn,\n    ingest, viewAnimation, camera, addView, viewAt, aimOf, setAim,\n  });\n  const viewInputs = useSurfaceViewInputs({ picking, selection, resizeHandles: layered.resizeHandles,\n    descriptor: descriptor as PoseDescriptor<unknown>, chromeCaps: chrome.chromeCaps, rotationBadge: layered.rotationBadge,\n  });\n\n  return (\n    <CanvasKitProviders viewInputs={viewInputs}>\n      <Canvas<TPose>\n        ref={handleRef} adapter={adapter} selection={selection} poseDescriptor={descriptor}\n        tools={tools.tools} layers={layered.layers}\n        // The chrome's bounds are the picker's: a node on a parallax plane is\n        // boxed where the plane draws it, and a `geometry.boundsOf` reaches both.\n        boundsOf={boundsOf} boundsOfPose={picking.boundsOfPose}\n        getIsVisible={chrome.getIsVisible}\n        // The gesture surface behind `helpersRef.getGestureBounds()` /\n        // `subscribeGestures()` — Canvas has no dispatcher of its own.\n        gestureSource={gestureSource}\n        previewPoseExtra={previewPoseExtra}\n        {...(debug !== undefined ? { debug: canvasDebug(debug) } : {})}\n        contentVersion={scene.getVersion} layerVisibility={props.layerVisibility} layerOrder={props.layerOrder}\n        viewState={viewState} redrawOn={redrawOn}\n        {...canvasPassThrough(props)}\n      />\n      <DevHuds\n        cursorCoords={props.cursorCoordsHud} pick={props.pickHud} modality={props.modalityHud}\n        canvasRef={internalCanvasRef} canvasApiRef={canvasApiRef}\n        detachedInput={props.paintInto ? props.inputElement ?? null : undefined}\n        viewRef={viewRef} pickEvery={picking.pickEvery} pickBest={picking.pickBest}\n      />\n      <GestureReason dispatcher={dispatcher} canvasRef={internalCanvasRef} viewRef={viewRef} />\n      <SceneCanvasInput\n        props={props as SceneCanvasInputOptions} scene={scene as Scene<unknown, string, unknown>}\n        selection={selection} descriptor={descriptor as PoseDescriptor<unknown>}\n        picking={{ ...picking, adapter: adapter as unknown as BridgeAdapter }} nodeAtPointRef={getNodeAtPointRef}\n        tools={tools} viewOn={enabled.has('view')} camera={{ viewState, viewAnimation }}\n        dispatcher={dispatcher} pathEdit={{ state: pathEditState }}\n        chrome={chrome} overlay={layered} ingestionClipboard={ingestionClipboard} ingestionHandlers={ingestionHandlers} devtools={devtools}\n        canvas={{ elementRef: internalCanvasRef, apiRef: canvasApiRef, ready: canvasReady }} snapSources={enabled.snapSources} snapStore={layered.snapStore}\n      />\n      <SurfaceDeclarations views={props.views} entries={contributionEntries(tools.tools)} added={addedViews} />\n      <DefaultTextEditDep editor={textEditor} onDoubleClick={enabled.has('edit')} />\n      {props.children}\n    </CanvasKitProviders>\n  );\n}\n\nconst SceneCanvasInnerForwardRef = forwardRef(SceneCanvasInner);\n\n// The canvas's input scope sits above `SceneCanvasInner`, whose own hooks\n// (`useTools` among them) must already read this canvas's tool and registries.\n// Its device profile too, so the canvas and everything under it share one.\n/** A scene canvas resolving its `features` through `source`. */\nexport function renderSceneCanvas<TData, TLayer extends string, TPose>(\n  source: PresetSource,\n  { device, ...props }: SceneCanvasProps<TData, TLayer, TPose>,\n  ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  return (\n    <InputScope yoke={props.yoke}>\n      <DeviceProfileProvider value={device}>\n        <ViewRegistryProvider>\n          <SceneCanvasInnerForwardRef {...(props as SceneCanvasProps<unknown, string, unknown>)} presetSource={source} ref={ref} />\n        </ViewRegistryProvider>\n      </DeviceProfileProvider>\n    </InputScope>\n  );\n}\n\nfunction SceneCanvasWrapper<TData, TLayer extends string, TPose>(\n  props: SceneCanvasProps<TData, TLayer, TPose>, ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  return renderSceneCanvas(CORE_PRESET_SOURCE, props, ref);\n}\n\n// Marked pure so a bundle using only `LeanSceneCanvas` drops it, and core's named presets with it.\n/**\n * The canvas component: renders a `Scene` and wires the interaction stack\n * around it.\n *\n * Mounted bare it renders the scene, keeps a selection no input sets, and\n * runs a gesture dispatcher for whatever bindings the consumer adds. The\n * `features` presets turn the kit's behavior on — `features={['draw']}` is the\n * whole editor: tools, standard actions and their keys, selection chrome,\n * undo. This is the intended entry point; the lower-level primitives it\n * composes are not part of the public surface.\n *\n * Its ref exposes a `SceneCanvasApi` for the imperative operations that do not\n * fit a prop (view control, hit queries, redraw requests).\n */\nexport const SceneCanvas = /* @__PURE__ */ forwardRef(SceneCanvasWrapper) as <\n  TData, TLayer extends string, TPose,\n>(\n  props: SceneCanvasProps<TData, TLayer, TPose> & { ref?: React.Ref<SceneCanvasApi> },\n) => ReturnType<typeof SceneCanvasInner>;\n\nexport { DEFAULT_HANDLE_SIZE, BUILTIN_TOOL_IDS } from './SceneCanvas/props';\nexport {\n  BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, TOOL_GROUP_ORDER,\n  SELECT_TOOLS, ANCHOR_TOOLS, VIEW_TOOLS, SHAPE_TOOLS, DRAW_TOOLS, TYPE_TOOLS, PAGE_TOOLS,\n} from './SceneCanvas/builtinToolSets';\nexport { mergeLayersWithDefaults } from './SceneCanvas/mergeLayers';\nexport type {\n  SceneCanvasProps, SceneCanvasHit, SceneCanvasLayers, SceneCanvasLongPress, BuiltinToolId,\n} from './SceneCanvas/props';\nexport type { CoordTraceEntry } from './SceneCanvas/coordTrace';\n"],"mappings":"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"}
+{"version":3,"file":"SceneCanvas.js","names":[],"sources":["../../src/canvas/SceneCanvas.tsx"],"sourcesContent":["/**\n * `<SceneCanvas>` — `<Canvas>` wired to a `Scene` primitive. Bare, it only renders: behavior\n * comes from the `features` presets (`canvas/SceneCanvas/features.ts`), each of which turns on\n * its own actions, tools, ambient bindings, and chrome.\n *\n * A consumer needing custom tools can pass `tools={useTools(...)}` and SceneCanvas forwards it\n * as-is — the internal tool registry is ignored in that case.\n */\nimport { getActiveModeFor } from '@weasel-js/modes';\nimport { useLatest } from '@weasel-js/react';\nimport { InputScope, useActionsRegistry } from '@weasel-js/routing/react';\nimport type { NodeId, Scene } from 'core/scene/types';\nimport { useCanvasCamera } from './SceneCanvas/useCanvasCamera';\nimport { useHeldModifiers } from './SceneCanvas/useHeldModifiers';\nimport { useCanvasIngestion } from 'domains/ingestion/useCanvasIngestion';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type React from 'react';\nimport { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { DeviceProfileProvider, useDeviceProfile } from '../core/device/useDeviceProfile';\nimport { Canvas } from './Canvas';\nimport { canvasDebug, DevHuds } from './SceneCanvas/DevHuds';\nimport { GestureReason } from './GestureReason';\nimport { CanvasKitProviders } from './SceneCanvas/CanvasKitProviders';\nimport { canvasPassThrough } from './SceneCanvas/canvasPassThrough';\nimport { SceneCanvasInput, type SceneCanvasInputOptions } from './SceneCanvas/SceneCanvasInput';\nimport type { PresetSource } from './SceneCanvas/features';\nimport { CORE_PRESET_SOURCE } from './SceneCanvas/namedPresets';\nimport type { BridgeAdapter, SceneCanvasProps } from './SceneCanvas/props';\nimport { useBakedScene } from './SceneCanvas/useBakedScene';\nimport { useCanvasDispatcher } from './SceneCanvas/useCanvasDispatcher';\nimport { publishPreviews } from './publishPreviews';\nimport { useCanvasSelection } from './SceneCanvas/useCanvasSelection';\nimport { useEnabledFeatures } from './SceneCanvas/useCanvasTools';\nimport { contributionEntries } from './SceneCanvas/useContributionRoles';\nimport { SurfaceDeclarations } from './SceneCanvas/SurfaceDeclarations';\nimport { useAddedViews, useSceneCanvasHandle } from './SceneCanvas/useSceneCanvasHandle';\nimport { useSceneCanvasLayers } from './SceneCanvas/useSceneCanvasLayers';\nimport { useSceneCanvasPathEdit } from './SceneCanvas/useSceneCanvasPathEdit';\nimport { useSceneCanvasTools, type SceneCanvasToolProps } from './SceneCanvas/useSceneCanvasTools';\nimport { hiddenChromeOf, useSceneCanvasChrome } from './SceneCanvas/useSceneChrome';\nimport { useDevtoolsOverride } from '../devtools/useDevtoolsRoot';\nimport { useSceneRedrawSources } from './SceneCanvas/useSceneRedrawSources';\nimport { useScenePicking } from './SceneCanvas/useScenePicking';\nimport { useGroupEntryContribution } from 'tools/builtin/select/groupEntry';\nimport { useNodeKinds } from './SceneCanvas/useNodeKinds';\nimport { useMagnificationCheck } from './SceneCanvas/useMagnificationCheck';\nimport { DefaultTextEditDep, useCanvasTextEditor } from './SceneCanvas/defaultTextEditor';\nimport { useSurfaceViewInputs } from './SceneCanvas/useSurfaceViewInputs';\nimport type { CanvasExtensionApi, SceneCanvasApi } from './canvasExtension';\nimport { ViewRegistryProvider } from './viewRegistry';\nimport { useChromeColor } from './accentColor';\nimport { ENTERED_FRAME_COLOR, ENTERED_FRAME_TOKEN } from 'domains/selection/enteredGroupFrame';\nexport { SCENE_CANVAS_FEATURES, type Feature } from './SceneCanvas/features';\nexport type { BuiltinToolOptions } from './SceneCanvas/useBuiltinShapeTools';\nexport { defaultDrawOne } from './defaultDrawOne';\nexport { rotateAroundAABBCenter } from './poseRotation';\n\nfunction SceneCanvasInner<TData, TLayer extends string, TPose>(\n  props: SceneCanvasProps<TData, TLayer, TPose> & { presetSource: PresetSource },\n  ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  const { selectTool: selectToolOpts, selectable = true, viewport, modes } = props;\n  const devtools = useDevtoolsOverride(props.debug), { debug } = devtools;\n  const descriptor = (props.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const deviceProfile = useDeviceProfile();\n  const scene = useBakedScene(props.scene);\n  const getActiveMode = useMemo(() => (modes ? getActiveModeFor(modes) : undefined), [modes]);\n  const heldModifiers = useHeldModifiers();\n\n  // Our own refs, so input listeners attach even when the consumer forwards its own ref.\n  const internalCanvasRef = useRef<HTMLElement | null>(null);\n  const canvasApiRef = useRef<CanvasExtensionApi | null>(null);\n  const declaredSize = useLatest({ width: props.width ?? 0, height: props.height ?? 0 });\n  const { viewState, viewAnimation, camera } = useCanvasCamera({\n    view: props.view, defaultView: props.defaultView, onViewChange: props.onViewChange, viewBounds: props.viewBounds,\n    dims: () => canvasApiRef.current?.getSurfaceRect() ?? declaredSize.current,\n    requestRedraw: () => { canvasApiRef.current?.requestRedraw(); },\n  });\n  const { viewRef } = viewState;\n  const kinds = useNodeKinds(scene, props.routing);\n  const selection = useCanvasSelection({ scene, props, selectable, kindOf: kinds.kindOf });\n  const enabled = useEnabledFeatures(\n    props.features, props.presetSource.named, viewport !== undefined, selectToolOpts?.rotate !== false,\n  );\n  const { pathEditState, selectToolWithDefaults } = useSceneCanvasPathEdit({\n    host: props.pathEdit, opening: props.defaultPathEdit, getActiveMode, scene, selection,\n    extensions: enabled.pathEdit, selectTool: selectToolOpts,\n  });\n  const picking = useScenePicking({ scene, selection, descriptor, props, viewRef, selectTool: selectToolWithDefaults, kinds });\n  const { adapter, boundsOf, planeOfNode } = picking;\n  const getNodeAtPointRef = useLatest(picking.getNodeAtPoint);\n  const groupEntry = useGroupEntryContribution({ pickHit: picking.pickBest, tree: adapter, boxOf: boundsOf });\n  const tools = useSceneCanvasTools({\n    props: props as SceneCanvasToolProps, select: picking.selectTool, move: picking.moveOptions,\n    enabled, presetSource: props.presetSource, groupEntry,\n  });\n\n  // The wrapper's `<InputScope>` provides it.\n  const actionsRegistry = useActionsRegistry();\n  const { dispatcher, gestureSource, previewIdsExtra, previewPoseExtra } = useCanvasDispatcher(actionsRegistry);\n  useEffect(() => publishPreviews(scene, dispatcher), [scene, dispatcher]);\n  useMagnificationCheck(scene as Scene<unknown, string, unknown>);\n\n  const frameColor = useChromeColor(internalCanvasRef, ENTERED_FRAME_TOKEN, ENTERED_FRAME_COLOR);\n  const { editor: textEditor, layers } = useCanvasTextEditor(scene as Scene<TData, string, unknown>, internalCanvasRef, props);\n  const layered = useSceneCanvasLayers({\n    layers, presetLayers: enabled.layers, targetScale: deviceProfile.targetScale, scene, adapter, poseDescriptor: descriptor,\n    enteredGroup: picking.enteredGroup, frameColor, alphaFor: props.alphaFor, colorOverrides: props.animator?.colorOverrides, boundsOf, planeOfNode,\n    poseTransition: props.poseTransition, previewIds: previewIdsExtra, dispatcher, snapReadout: props.snap?.readout !== false, snapReadoutStyle: props.snap?.readoutStyle, pathEditState,\n    slops: debug !== undefined && debug !== false && debug.slops === true,\n    boundsIncludeStroke: props.geometry?.boundsIncludeStroke ?? true, selectTool: selectToolOpts,\n  });\n  const redrawOn = useSceneRedrawSources({ props, scene, heldModifiers, departures: layered.departures });\n\n  const chrome = useSceneCanvasChrome({\n    source: {\n      getMode: getActiveMode, getFocused: props.getFocused, getModifiers: heldModifiers.get,\n      resizable: selectToolOpts?.resize?.resizable,\n      editingAnchors: () => pathEditState.getEditingId() !== '', device: deviceProfile,\n      getHiddenChrome: () => hiddenChromeOf(tools.tools),\n    },\n    rules: { enabled, selectable, chromeVisibility: props.chromeVisibility },\n    hover: { canvasApiRef, nodeAtPointRef: getNodeAtPointRef, ...(props.onHover ? { onChange: props.onHover } : {}) },\n    selection: selection.current as readonly NodeId[], viewRef, dispatcher,\n  });\n\n  const { ingest, clipboard: ingestionClipboard, handlers: ingestionHandlers } = useCanvasIngestion(adapter, () => actionsRegistry, props.ingestion);\n  const { views: addedViews, addView, viewAt, aimOf, setAim } = useAddedViews();\n  // The consumer's handle extends the primitive's with `ingest`, which needs the action stack.\n  const { handleRef, ready: canvasReady } = useSceneCanvasHandle({\n    ref, elementRef: internalCanvasRef, apiRef: canvasApiRef, onElement: chrome.trackHoverOn,\n    ingest, viewAnimation, camera, addView, viewAt, aimOf, setAim,\n  });\n  const viewInputs = useSurfaceViewInputs({ picking, selection, resizeHandles: layered.resizeHandles,\n    descriptor: descriptor as PoseDescriptor<unknown>, chromeCaps: chrome.chromeCaps, rotationBadge: layered.rotationBadge,\n  });\n\n  return (\n    <CanvasKitProviders viewInputs={viewInputs}>\n      <Canvas<TPose>\n        ref={handleRef} adapter={adapter} selection={selection} poseDescriptor={descriptor}\n        tools={tools.tools} layers={layered.layers}\n        // The chrome's bounds are the picker's: a node on a parallax plane is\n        // boxed where the plane draws it, and a `geometry.boundsOf` reaches both.\n        boundsOf={boundsOf} boundsOfPose={picking.boundsOfPose}\n        getIsVisible={chrome.getIsVisible}\n        // The gesture surface behind `helpersRef.getGestureBounds()` /\n        // `subscribeGestures()` — Canvas has no dispatcher of its own.\n        gestureSource={gestureSource}\n        previewPoseExtra={previewPoseExtra}\n        {...(debug !== undefined ? { debug: canvasDebug(debug) } : {})}\n        contentVersion={scene.getVersion} layerVisibility={props.layerVisibility} layerOrder={props.layerOrder}\n        viewState={viewState} redrawOn={redrawOn}\n        {...canvasPassThrough(props)}\n      />\n      <DevHuds\n        cursorCoords={props.cursorCoordsHud} pick={props.pickHud} modality={props.modalityHud}\n        canvasRef={internalCanvasRef} canvasApiRef={canvasApiRef}\n        detachedInput={props.paintInto ? props.inputElement ?? null : undefined}\n        viewRef={viewRef} pickEvery={picking.pickEvery} pickBest={picking.pickBest}\n      />\n      <GestureReason dispatcher={dispatcher} canvasRef={internalCanvasRef} viewRef={viewRef} />\n      <SceneCanvasInput\n        props={props as SceneCanvasInputOptions} scene={scene as Scene<unknown, string, unknown>}\n        selection={selection} descriptor={descriptor as PoseDescriptor<unknown>}\n        picking={{ ...picking, adapter: adapter as unknown as BridgeAdapter }} nodeAtPointRef={getNodeAtPointRef}\n        tools={tools} viewOn={enabled.has('view')} camera={{ viewState, viewAnimation }}\n        dispatcher={dispatcher} pathEdit={{ state: pathEditState }}\n        chrome={chrome} overlay={layered} ingestionClipboard={ingestionClipboard} ingestionHandlers={ingestionHandlers} devtools={devtools}\n        canvas={{ elementRef: internalCanvasRef, apiRef: canvasApiRef, ready: canvasReady }} snapSources={enabled.snapSources} snapStore={layered.snapStore}\n      />\n      <SurfaceDeclarations views={props.views} entries={contributionEntries(tools.tools)} added={addedViews} />\n      <DefaultTextEditDep editor={textEditor} onDoubleClick={enabled.has('edit')} />\n      {props.children}\n    </CanvasKitProviders>\n  );\n}\n\nconst SceneCanvasInnerForwardRef = forwardRef(SceneCanvasInner);\n\n// The canvas's input scope sits above `SceneCanvasInner`, whose own hooks\n// (`useTools` among them) must already read this canvas's tool and registries.\n// Its device profile too, so the canvas and everything under it share one.\n/** A scene canvas resolving its `features` through `source`. */\nexport function renderSceneCanvas<TData, TLayer extends string, TPose>(\n  source: PresetSource,\n  { device, ...props }: SceneCanvasProps<TData, TLayer, TPose>,\n  ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  return (\n    <InputScope yoke={props.yoke}>\n      <DeviceProfileProvider value={device}>\n        <ViewRegistryProvider>\n          <SceneCanvasInnerForwardRef {...(props as SceneCanvasProps<unknown, string, unknown>)} presetSource={source} ref={ref} />\n        </ViewRegistryProvider>\n      </DeviceProfileProvider>\n    </InputScope>\n  );\n}\n\nfunction SceneCanvasWrapper<TData, TLayer extends string, TPose>(\n  props: SceneCanvasProps<TData, TLayer, TPose>, ref: React.ForwardedRef<SceneCanvasApi>,\n) {\n  return renderSceneCanvas(CORE_PRESET_SOURCE, props, ref);\n}\n\n// Marked pure so a bundle using only `LeanSceneCanvas` drops it, and core's named presets with it.\n/**\n * The canvas component: renders a `Scene` and wires the interaction stack\n * around it.\n *\n * Mounted bare it renders the scene, keeps a selection no input sets, and\n * runs a gesture dispatcher for whatever bindings the consumer adds. The\n * `features` presets turn the kit's behavior on — `features={['draw']}` is the\n * whole editor: tools, standard actions and their keys, selection chrome,\n * undo. This is the intended entry point; the lower-level primitives it\n * composes are not part of the public surface.\n *\n * Its ref exposes a `SceneCanvasApi` for the imperative operations that do not\n * fit a prop (view control, hit queries, redraw requests).\n */\nexport const SceneCanvas = /* @__PURE__ */ forwardRef(SceneCanvasWrapper) as <\n  TData, TLayer extends string, TPose,\n>(\n  props: SceneCanvasProps<TData, TLayer, TPose> & { ref?: React.Ref<SceneCanvasApi> },\n) => ReturnType<typeof SceneCanvasInner>;\n\nexport { DEFAULT_HANDLE_SIZE, BUILTIN_TOOL_IDS } from './SceneCanvas/props';\nexport {\n  BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, TOOL_GROUP_ORDER,\n  SELECT_TOOLS, ANCHOR_TOOLS, VIEW_TOOLS, SHAPE_TOOLS, DRAW_TOOLS, TYPE_TOOLS, PAGE_TOOLS,\n} from './SceneCanvas/builtinToolSets';\nexport { mergeLayersWithDefaults } from './SceneCanvas/mergeLayers';\nexport type {\n  SceneCanvasProps, SceneCanvasHit, SceneCanvasLayers, SceneCanvasLongPress, BuiltinToolId,\n} from './SceneCanvas/props';\nexport type { CoordTraceEntry } from './SceneCanvas/coordTrace';\n"],"mappings":"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"}

package/dist/canvas/SceneViewCanvas.js

@@ -1,13 +1,13 @@
-import { normalizeView } from "../core/viewport/view.js";
 import { useCanvasSurface } from "./useCanvasSurface.js";
 import { SurfaceCanvas } from "./SurfaceCanvas.js";
 import { useSurfaceSize } from "./useSurfaceSize.js";
 import { sceneViewFrame } from "./sceneViewRender.js";
+import { normalizeView } from "../core/viewport/view.js";
 import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
 import { assignRef } from "@weasel-js/react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/canvas/SceneViewCanvas.tsx
+// src/canvas/SceneViewCanvas.tsx
 /**
 * `<SceneViewCanvas>` — pointer-inert, read-only render of a `Scene` at a
 * given `View` into its own `<canvas>` DOM element.
@@ -76,6 +76,5 @@ function SceneViewCanvasInner(props) {
 */
 var SceneViewCanvas = SceneViewCanvasInner;
 
-//#endregion
 export { SceneViewCanvas };
 //# sourceMappingURL=SceneViewCanvas.js.map

package/dist/canvas/SurfaceCanvas.js

@@ -2,7 +2,7 @@ import { forwardRef, useCallback } from "react";
 import { adoptCssOnce, assignRef } from "@weasel-js/react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/canvas/SurfaceCanvas.tsx
+// src/canvas/SurfaceCanvas.tsx
 /** The CSS size of a canvas the kit renders: its `width` and `height` props,
 *  and its parent's box on an axis given neither. Zero specificity, so a class
 *  the consumer passes resizes the element.
@@ -40,6 +40,5 @@ var SurfaceCanvas = forwardRef(function SurfaceCanvas({ width, height, className
 	});
 });
 
-//#endregion
 export { SURFACE_RULE, SurfaceCanvas, adoptSurfaceRule };
 //# sourceMappingURL=SurfaceCanvas.js.map

package/dist/canvas/ViewMarker.js

@@ -2,7 +2,7 @@ import { useOptionalViewRegistry } from "./viewRegistry.js";
 import { useCallback, useEffect } from "react";
 import { useLatest } from "@weasel-js/react";
 
-//#region src/canvas/ViewMarker.tsx
+// src/canvas/ViewMarker.tsx
 /**
 * `<ViewMarker>` — one view's aim, outlined inside another view's frame: a
 * minimap's indicator, a picture-in-picture's footprint on the main view.
@@ -30,6 +30,5 @@ function ViewMarker(props) {
 	return null;
 }
 
-//#endregion
 export { ViewMarker };
 //# sourceMappingURL=ViewMarker.js.map

package/dist/canvas/accentColor.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 
-//#region src/canvas/accentColor.ts
+// src/canvas/accentColor.ts
 /** The accent canvas chrome paints in when the element sits under no theme. */
 var FALLBACK_ACCENT = "#4c8dff";
 /** Read the color custom property `name` off `el`, where the theme cascade lands on a canvas. */
@@ -43,6 +43,5 @@ function useChromeColor(ref, name, fallback) {
 	]);
 }
 
-//#endregion
 export { FALLBACK_ACCENT, accentColorOf, chromeColorOf, useChromeColor, watchThemeOf };
 //# sourceMappingURL=accentColor.js.map

package/dist/canvas/adapterDerivedPath.js

@@ -1,7 +1,7 @@
-import { createNodeMemoScope } from "../core/scene/nodeMemo.js";
 import { resolveDerivedPath } from "../core/scene/derivedPath.js";
+import { createNodeMemoScope } from "../core/scene/nodeMemo.js";
 
-//#region src/canvas/adapterDerivedPath.ts
+// src/canvas/adapterDerivedPath.ts
 var scopes = /* @__PURE__ */ new WeakMap();
 /**
 * The path the node `id` computes from its dependencies, or `null` when it
@@ -36,6 +36,5 @@ function adapterDerivedPathOf(adapter) {
 	return pathOf;
 }
 
-//#endregion
 export { adapterDerivedPathOf };
 //# sourceMappingURL=adapterDerivedPath.js.map

package/dist/canvas/adapterPickSource.js

@@ -1,6 +1,6 @@
 import { adapterDerivedPathOf } from "./adapterDerivedPath.js";
 
-//#region src/canvas/adapterPickSource.ts
+// src/canvas/adapterPickSource.ts
 /**
 * A source over a bare `SelectAdapter`, for consumers with no `Scene`.
 *
@@ -55,6 +55,5 @@ function adapterPickSource(adapter, gates = {}) {
 	};
 }
 
-//#endregion
 export { adapterPickSource };
 //# sourceMappingURL=adapterPickSource.js.map

package/dist/canvas/affordanceAt.js

@@ -1,10 +1,10 @@
-import { targetSizesPx } from "../core/device/targets.js";
 import { hitAffordanceRegions } from "../affordances/hitAffordanceRegions.js";
 import { createCornerResizeAffordance } from "../affordances/cornerResize.js";
 import { createRotationAffordance } from "../affordances/rotationHandle.js";
 import { createPathAnchorAffordances } from "../affordances/pathAnchors.js";
+import { targetSizesPx } from "../core/device/targets.js";
 
-//#region src/canvas/affordanceAt.ts
+// src/canvas/affordanceAt.ts
 /**
 * The kit's selection chrome as affordances, bottom → top: rotate ring (and
 * badge), resize handles, then anchors and their controls — a corner handle
@@ -123,6 +123,5 @@ function layerAffordance(layerId, claim) {
 	};
 }
 
-//#endregion
 export { anchorStateFrom, buildAffordanceAt, buildClassifyTarget, chromeAffordances, layerAffordance };
 //# sourceMappingURL=affordanceAt.js.map

package/dist/canvas/buildSceneLayer.js

@@ -1,12 +1,12 @@
-import { sceneLayerKey } from "./sceneLayerPaint.js";
-import { wrapNodeOutput } from "./wrapNodeOutput.js";
 import { adapterDerivedPathOf } from "./adapterDerivedPath.js";
 import { buildSceneTree } from "./buildSceneTree.js";
-import { paintMissesView } from "./paintCull.js";
 import { debugSinkFrom } from "./drawEnvelope.js";
+import { paintMissesView } from "./paintCull.js";
+import { sceneLayerKey } from "./sceneLayerPaint.js";
+import { wrapNodeOutput } from "./wrapNodeOutput.js";
 import { cullDrawCommands, viewToMat3 } from "@weasel-js/renderer";
 
-//#region src/canvas/buildSceneLayer.ts
+// src/canvas/buildSceneLayer.ts
 /**
 * `cfg`'s `drawOne` and clip lookup, resolving derived paths off the adapter
 * when nothing scene-aware filled `derivedPathOf` in.
@@ -137,6 +137,5 @@ function buildSceneLayers(cfg, adapter, boundsOfFn, hideIds) {
 	}));
 }
 
-//#endregion
 export { buildSceneLayer, buildSceneLayers };
 //# sourceMappingURL=buildSceneLayer.js.map

package/dist/canvas/buildSceneTree.js

@@ -1,13 +1,13 @@
-import { deriveParallaxView, planeMap } from "../core/viewport/parallax.js";
+import { ownClipOf } from "./ownClip.js";
 import { definesFrame } from "../core/scene/effectivePose.js";
+import { deriveParallaxView, planeMap } from "../core/viewport/parallax.js";
+import { scenePlaneOf } from "./scenePickSource.js";
 import { clipCarrier, planeTransform } from "./planeClips.js";
 import { splitOverChildren } from "./overChildren.js";
-import { ownClipOf } from "./ownClip.js";
 import { hidesSubtree } from "../core/scene/nodeGates.js";
-import { scenePlaneOf } from "./scenePickSource.js";
 import { mat3 } from "@weasel-js/geom";
 
-//#region src/canvas/buildSceneTree.ts
+// src/canvas/buildSceneTree.ts
 /** Wrap `cmds` in one nested group per chain entry, so the renderer intersects
 *  the clips and applies each copy's transform to everything inside it.
 *  Outermost group carries the ancestor-most entry; innermost holds `cmds`. */
@@ -117,6 +117,5 @@ function buildSceneTree(adapter, drawOne, view, forLayer, derivedPathOf, culled)
 	return out;
 }
 
-//#endregion
 export { buildSceneTree };
 //# sourceMappingURL=buildSceneTree.js.map

package/dist/canvas/canvasRenderer.js

@@ -3,7 +3,7 @@ import { WeaselRenderer } from "@weasel-js/renderer";
 import { viewToMat3 as viewToMat3$1 } from "@weasel-js/geom";
 import { createEmitter } from "@weasel-js/registry";
 
-//#region src/canvas/canvasRenderer.ts
+// src/canvas/canvasRenderer.ts
 /**
 * The one renderer lifetime in core. Every on-screen surface holds its
 * `WeaselRenderer` through a `leaseCanvasRenderer` lease.
@@ -189,6 +189,5 @@ function releaseCanvasRenderer(canvas) {
 	lease.release();
 }
 
-//#endregion
 export { leaseCanvasRenderer, paintCanvas, releaseCanvasRenderer, resolveDpr, shaderKeyOf };
 //# sourceMappingURL=canvasRenderer.js.map

package/dist/canvas/colorOverrides.js

@@ -1,4 +1,4 @@
-//#region src/canvas/colorOverrides.ts
+// src/canvas/colorOverrides.ts
 var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
 /**
 * Wrap a `drawOne` so a node with a live color override reaches its painter
@@ -19,6 +19,5 @@ function withColorOverrides(registry, drawOne, now = clock) {
 	};
 }
 
-//#endregion
 export { withColorOverrides };
 //# sourceMappingURL=colorOverrides.js.map

package/dist/canvas/contextAttributes.js

@@ -1,4 +1,4 @@
-//#region src/canvas/contextAttributes.ts
+// src/canvas/contextAttributes.ts
 /**
 * What a canvas's WebGL2 context is opened with. A context keeps the attributes of whoever opened it
 * first, and the renderer refuses one without a stencil buffer, so anything that may open a weasel
@@ -9,6 +9,5 @@ var CANVAS_CONTEXT_ATTRIBUTES = Object.freeze({
 	stencil: true
 });
 
-//#endregion
 export { CANVAS_CONTEXT_ATTRIBUTES };
 //# sourceMappingURL=contextAttributes.js.map

package/dist/canvas/copiesAbove.js

@@ -1,6 +1,6 @@
 import { multiply } from "@weasel-js/geom";
 
-//#region src/canvas/copiesAbove.ts
+// src/canvas/copiesAbove.ts
 /**
 * Every transform content placed in `container` is drawn under besides as
 * authored: the `copiesFromPose` of the container and of each container above
@@ -32,6 +32,5 @@ function copiesAbove(scene, id, poseOf) {
 	return copiesWithin(scene, scene.get(id)?.parent ?? null, poseOf);
 }
 
-//#endregion
 export { copiesAbove, copiesWithin };
 //# sourceMappingURL=copiesAbove.js.map

package/dist/canvas/defaultDrawOne.js

@@ -3,7 +3,7 @@ import { overChildren } from "./overChildren.js";
 import { textCommandFromRuns } from "@weasel-js/renderer";
 import { INHERIT } from "@weasel-js/paint";
 
-//#region src/canvas/defaultDrawOne.ts
+// src/canvas/defaultDrawOne.ts
 function pixelScaleOf(view) {
 	const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
 	return Math.max(Math.abs(view.scale.x), Math.abs(view.scale.y)) * dpr;
@@ -73,6 +73,5 @@ function paintBoundsFor(drawOne) {
 	return drawOne === defaultDrawOne ? defaultPaintBounds : void 0;
 }
 
-//#endregion
 export { defaultDrawOne, defaultPaintBounds, paintBoundsFor };
 //# sourceMappingURL=defaultDrawOne.js.map

package/dist/canvas/deps/areaSelect.js

@@ -2,7 +2,7 @@ import { hitTestArea, regionPickOptions } from "./hitTestArea.js";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/areaSelect.ts
+// src/canvas/deps/areaSelect.ts
 /**
 * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by
 * `areaSelectAction`. The dep exposes:
@@ -14,27 +14,29 @@ import { useDepSource } from "@weasel-js/routing/react";
 * ref internally), so callers can pass fresh selection/scene refs without
 * triggering re-registration.
 */
-function useAreaSelectDepSource(scene, selection, descriptor, alphaOf, reachable) {
+function useAreaSelectDepSource(scene, selection, descriptor, alphaOf, reachable, targetOf) {
 	const sceneRef = useLatest(scene);
 	const selectionRef = useLatest(selection);
 	const descriptorRef = useLatest(descriptor);
 	const alphaOfRef = useLatest(alphaOf);
 	const reachableRef = useLatest(reachable);
+	const targetOfRef = useLatest(targetOf);
 	useDepSource("areaSelect", () => {
 		const sc = sceneRef.current;
 		const s = selectionRef.current;
 		const d = descriptorRef.current;
 		const a = alphaOfRef.current;
 		const r = reachableRef.current;
+		const t = targetOfRef.current;
 		const keep = (ids) => r ? ids.filter((id) => r(id)) : ids;
 		return {
 			hitTestArea: (bounds, view) => keep(hitTestArea(sc, bounds, regionPickOptions(view, a), d)),
+			...t ? { targetOf: t } : {},
 			getSelection: () => s.current,
 			setSelection: (ids) => s.set(ids)
 		};
 	});
 }
 
-//#endregion
 export { useAreaSelectDepSource };
 //# sourceMappingURL=areaSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"areaSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/areaSelect.ts"],"sourcesContent":["/**\n * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by\n * `areaSelectAction`. The dep exposes:\n *   - `hitTestArea(bounds)` — silhouette-aware scan over `scene.renderOrderNodes()`\n *     (rect poses by AABB; polygon poses by the kernel polygon-overlap test).\n *   - `getSelection` / `setSelection` — passthrough to the kit selection api.\n *\n * Built once per render and stabilised by `useDepSource` (which reads via a\n * ref internally), so callers can pass fresh selection/scene refs without\n * triggering re-registration.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { AreaSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, regionPickOptions } from './hitTestArea';\n\nexport function useAreaSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n\n  useDepSource('areaSelect', (): AreaSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,SAAgB,uBACd,OACA,WACA,YAEA,SAEA,WACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CAExC,aAAa,oBAAmC;EAC9C,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAG;EAClC;CACF,CAAC;AACH"}
+{"version":3,"file":"areaSelect.js","names":["hitTestAreaShared"],"sources":["../../../src/canvas/deps/areaSelect.ts"],"sourcesContent":["/**\n * `useAreaSelectDepSource` — wires the `areaSelect` dep consumed by\n * `areaSelectAction`. The dep exposes:\n *   - `hitTestArea(bounds)` — silhouette-aware scan over `scene.renderOrderNodes()`\n *     (rect poses by AABB; polygon poses by the kernel polygon-overlap test).\n *   - `getSelection` / `setSelection` — passthrough to the kit selection api.\n *\n * Built once per render and stabilised by `useDepSource` (which reads via a\n * ref internally), so callers can pass fresh selection/scene refs without\n * triggering re-registration.\n */\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { AreaSelectDep } from 'interactions/actions/depSchema';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { hitTestArea as hitTestAreaShared, regionPickOptions } from './hitTestArea';\n\nexport function useAreaSelectDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  descriptor?: PoseDescriptor<unknown>,\n  /** The painted alpha the surface's layers apply, which every view shares. */\n  alphaOf?: (id: string) => number,\n  /** Whether a node can be reached at all: the canvas's one answer, which picking reads too. */\n  reachable?: (id: string) => boolean,\n  /** The node selecting a hit selects, as a click picks. */\n  targetOf?: (id: string) => string,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const descriptorRef = useLatest(descriptor);\n  const alphaOfRef = useLatest(alphaOf);\n  const reachableRef = useLatest(reachable);\n  const targetOfRef = useLatest(targetOf);\n\n  useDepSource('areaSelect', (): AreaSelectDep => {\n    const sc = sceneRef.current;\n    const s = selectionRef.current;\n    const d = descriptorRef.current;\n    const a = alphaOfRef.current;\n    const r = reachableRef.current;\n    const t = targetOfRef.current;\n    const keep = (ids: NodeId[]): NodeId[] => (r ? ids.filter((id) => r(id)) : ids);\n    return {\n      hitTestArea: (bounds, view) =>\n        keep(hitTestAreaShared(sc, bounds, regionPickOptions(view, a), d)),\n      ...(t ? { targetOf: t } : {}),\n      getSelection: () => s.current as NodeId[],\n      setSelection: (ids) => s.set(ids),\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,SAAgB,uBACd,OACA,WACA,YAEA,SAEA,WAEA,UACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,gBAAgB,UAAU,UAAU;CAC1C,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,cAAc,UAAU,QAAQ;CAEtC,aAAa,oBAAmC;EAC9C,MAAM,KAAK,SAAS;EACpB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,cAAc;EACxB,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,aAAa;EACvB,MAAM,IAAI,YAAY;EACtB,MAAM,QAAQ,QAA6B,IAAI,IAAI,QAAQ,OAAO,EAAE,EAAE,CAAC,IAAI;EAC3E,OAAO;GACL,cAAc,QAAQ,SACpB,KAAKA,YAAkB,IAAI,QAAQ,kBAAkB,MAAM,CAAC,GAAG,CAAC,CAAC;GACnE,GAAI,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC;GAC3B,oBAAoB,EAAE;GACtB,eAAe,QAAQ,EAAE,IAAI,GAAG;EAClC;CACF,CAAC;AACH"}

package/dist/canvas/deps/booleans.js

@@ -1,17 +1,17 @@
-import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
 import { sceneInheritedPaintOf } from "../inheritedPaints.js";
-import { pathPaintOf } from "../nodeShapes/nodePaint.js";
-import { asNodeId } from "../../core/scene/types.js";
+import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
 import { sceneMutators } from "../../core/scene/sceneMutators.js";
+import { asNodeId } from "../../core/scene/types.js";
 import { scenePoseFrame } from "../../interactions/actions/poseFrame.js";
+import { pathPaintOf } from "../nodeShapes/nodePaint.js";
 import { drawnPose, leafPath, storePiece } from "./pathLeaf.js";
 import { pathInWorld } from "@weasel-js/geom";
 import { useMemo } from "react";
 import { useLatest } from "@weasel-js/react";
 import { useDepSource } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/booleans.ts
+// src/canvas/deps/booleans.ts
 /**
 * The kit `booleansAdapter` dep: what the Pathfinder actions, and any tool
 * reading the dep, work on over a canvas's own path leaves.
@@ -100,6 +100,5 @@ function useBooleansAdapterSource(scene, selection, adapter, poseDescriptor) {
 	useDepSource("booleansAdapter", () => booleans);
 }
 
-//#endregion
 export { useBooleansAdapterSource };
 //# sourceMappingURL=booleans.js.map

package/dist/canvas/deps/changes.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useDepRegistry } from "@weasel-js/routing/react";
 
-//#region src/canvas/deps/changes.ts
+// src/canvas/deps/changes.ts
 /**
 * `useDepChangeNotices` — tells the dep registry when the scene, the
 * selection, or the path-edit state changed. Sources are thunks, so nothing else lets chrome showing
@@ -16,6 +16,5 @@ function useDepChangeNotices(scene, selected, pathEdit) {
 	}, [registry, selected]);
 }
 
-//#endregion
 export { useDepChangeNotices };
 //# sourceMappingURL=changes.js.map