@weasel-js/core 1.14.2 → 1.15.1

package/dist/animation/rewind.js

@@ -1,6 +1,6 @@
 import { easeOut, resolveEasing } from "@weasel-js/geom";
 
-//#region src/animation/rewind.ts
+// src/animation/rewind.ts
 /** A handle that answers for whichever leg of a move is running. */
 function following(current) {
 	return {
@@ -92,6 +92,5 @@ function rewindingSpring(animator, target, o) {
 	return following(() => current);
 }
 
-//#endregion
 export { rewindingSpring, rewindingTween };
 //# sourceMappingURL=rewind.js.map

package/dist/animation/rig/bindRig.js

@@ -1,10 +1,10 @@
 import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
-import { bindSkins, dataRestPath } from "./skinBinding.js";
 import { createRigSeat } from "./rigSeat.js";
+import { bindSkins, dataRestPath } from "./skinBinding.js";
 import { mat3 } from "@weasel-js/geom";
 import { resolveSkeleton } from "@weasel-js/animator";
 
-//#region src/animation/rig/bindRig.ts
+// src/animation/rig/bindRig.ts
 /**
 * Carries a node rigidly with its joint: the rest pose's center moves by
 * `fromRest`, and its rotation turns with the rest pose's x-axis. Scale in the
@@ -154,6 +154,5 @@ function bindRigOn(options, seat) {
 	};
 }
 
-//#endregion
 export { bindRig, bindRigOn, rigidRigApply };
 //# sourceMappingURL=bindRig.js.map

package/dist/animation/rig/rigNode.js

@@ -4,7 +4,7 @@ import { useSeatedRig } from "./useRig.js";
 import { poseFrameInverseOf, poseFrameOf } from "@weasel-js/geom";
 import { useMemo, useState, useSyncExternalStore } from "react";
 
-//#region src/animation/rig/rigNode.ts
+// src/animation/rig/rigNode.ts
 var through = (m, x, y) => m ? [m[0] * x + m[2] * y + m[4], m[1] * x + m[3] * y + m[5]] : [x, y];
 /**
 * A skeleton as a rig node's data keeps it, moved to where the node's pose puts it: its root
@@ -139,6 +139,5 @@ function useRigNode(options) {
 	}, seat);
 }
 
-//#endregion
 export { placeSkeleton, rigFromNode, unplaceSkeleton, useRigNode };
 //# sourceMappingURL=rigNode.js.map

package/dist/animation/rig/rigSeat.js

@@ -1,6 +1,6 @@
 import { createTarget, skeletonAxes } from "@weasel-js/animator";
 
-//#region src/animation/rig/rigSeat.ts
+// src/animation/rig/rigSeat.ts
 var moving = (seat) => seat.target.active || seat.carried !== null && moving(seat.carried.seat);
 /** How far `carried`'s target has moved since it was taken over from, in the new seat's axes. */
 function travel(carried) {
@@ -74,6 +74,5 @@ function seatBinding(seat, binding) {
 	if (seat.shown) binding.show(seat.target.read());
 }
 
-//#endregion
 export { createRigSeat, seatBinding };
 //# sourceMappingURL=rigSeat.js.map

package/dist/animation/rig/skinBinding.js

@@ -1,7 +1,7 @@
 import { boundsOfPath, pathInWorld, remapPointValues } from "@weasel-js/geom";
 import { skinPath } from "@weasel-js/animator";
 
-//#region src/animation/rig/skinBinding.ts
+// src/animation/rig/skinBinding.ts
 /** The path in a node's `data.path`, carried through its pose as `kit:path` paints it. */
 function dataRestPath(node) {
 	const path = node.data?.path;
@@ -71,6 +71,5 @@ function bindSkins(scene, skins, restPath, descriptor) {
 	};
 }
 
-//#endregion
 export { bindSkins, dataRestPath, remapSkin };
 //# sourceMappingURL=skinBinding.js.map

package/dist/animation/rig/useRig.js

@@ -1,8 +1,8 @@
-import { createRigSeat, seatBinding } from "./rigSeat.js";
 import { bindRigOn } from "./bindRig.js";
+import { createRigSeat, seatBinding } from "./rigSeat.js";
 import { useEffect, useMemo } from "react";
 
-//#region src/animation/rig/useRig.ts
+// src/animation/rig/useRig.ts
 /**
 * A {@link Rig} bound for the component's lifetime, its overrides dropped on
 * unmount. Rebinds — re-reading every node's rest pose — whenever an option's
@@ -47,6 +47,5 @@ function useSeatedRig(options, kept) {
 	return made.rig;
 }
 
-//#endregion
 export { useRig, useSeatedRig };
 //# sourceMappingURL=useRig.js.map

package/dist/animation/wrappers/animateLifecycle.js

@@ -1,7 +1,7 @@
 import { tweenPose } from "../poseHelpers.js";
 import { setPoseInstant } from "./instantPose.js";
 
-//#region src/animation/wrappers/animateLifecycle.ts
+// src/animation/wrappers/animateLifecycle.ts
 /** Wrap an adapter so inserts and removals animate — the scene-graph
 *  equivalent of CSS enter/leave transitions. The result is the adapter it
 *  was given, with `insertNode` and `removeNode` replaced. */
@@ -59,6 +59,5 @@ function animateLifecycle(adapter, animator, opts) {
 	};
 }
 
-//#endregion
 export { animateLifecycle };
 //# sourceMappingURL=animateLifecycle.js.map

package/dist/animation/wrappers/animateOnSetPose.js

@@ -1,7 +1,7 @@
 import { poseKey, springPose, tweenPose } from "../poseHelpers.js";
 import { instantPoseWrite } from "./instantPose.js";
 
-//#region src/animation/wrappers/animateOnSetPose.ts
+// src/animation/wrappers/animateOnSetPose.ts
 /**
 * Wrap an adapter so every `setPose` animates to the new pose instead of
 * jumping to it. The result is the adapter it was given, with that one method
@@ -64,6 +64,5 @@ function animateOnSetPose(adapter, animator, opts = {}) {
 	};
 }
 
-//#endregion
 export { animateOnSetPose };
 //# sourceMappingURL=animateOnSetPose.js.map

package/dist/animation/wrappers/instantPose.js

@@ -1,4 +1,4 @@
-//#region src/animation/wrappers/instantPose.ts
+// src/animation/wrappers/instantPose.ts
 var INSTANT = Symbol("weasel.setPoseInstant");
 /** The member an adapter wrapper that animates `setPose` spreads into what it
 *  returns, so the write that does not animate survives any wrapper above it
@@ -13,6 +13,5 @@ function setPoseInstant(adapter, id, pose) {
 	else adapter.setPose(id, pose);
 }
 
-//#endregion
 export { instantPoseWrite, setPoseInstant };
 //# sourceMappingURL=instantPose.js.map

package/dist/animation/writtenPoseTarget.js

@@ -1,7 +1,7 @@
 import { liveAxes } from "./poseTarget.js";
 import { createTarget } from "@weasel-js/animator";
 
-//#region src/animation/writtenPoseTarget.ts
+// src/animation/writtenPoseTarget.ts
 /**
 * A {@link Target} over a pose whose store holds one value and has no overrides table to show a
 * moving pose through: an array in React state, a plain record. While the node moves, the
@@ -50,6 +50,5 @@ function createWrittenPoseTarget(opts) {
 	return target;
 }
 
-//#endregion
 export { createWrittenPoseTarget };
 //# sourceMappingURL=writtenPoseTarget.js.map

package/dist/barrel/interactions.js

@@ -18,6 +18,7 @@ import { AUTO_ORIGIN_PROJECTION, RECT_ORIGIN_PROJECTION } from "../interactions/
 import { createDepartures } from "../animation/departures.js";
 import { bindPoseTransition, glidesByDefault, usePoseTransition } from "../animation/poseTransition.js";
 import { DEFAULT_ROTATION_HANDLE_DISTANCE, hitRotationHandle, rotationHandle } from "../interactions/actions/rotate/handle.js";
+import { undeclaredMagnifications } from "../interactions/actions/magnification.js";
 import { useDragGesture } from "../interactions/gestures/dragGesture/dragGesture.js";
 import { dragPointOf } from "../interactions/gestures/dragGesture/dragPointOf.js";
 import { useDragRect } from "../interactions/gestures/dragRect/dragRect.js";
@@ -38,4 +39,4 @@ import { placeSkeleton, rigFromNode, unplaceSkeleton, useRigNode } from "../anim
 import { EASINGS, SPRING_PRESETS, cubicBezierEasing, easeIn, easeInBack, easeInBounce, easeInCirc, easeInCubic, easeInElastic, easeInExpo, easeInOut, easeInOutBack, easeInOutBounce, easeInOutCirc, easeInOutCubic, easeInOutElastic, easeInOutExpo, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOut, easeOutBack, easeOutBounce, easeOutCirc, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, hexToOklchDeg, hslToSrgb, interpolateSrgb, lerpColorArray, lerpOklab, lerpOklch, linear, linearSrgbToOklab, linearToSrgb, oklabToLinearSrgb, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, resolveEasing, srgbFloatToOklab, srgbToHsl, srgbToLinear, srgbU8ToOklab } from "../animation/index.js";
 import { CONTROL_SELECTOR, DRAG_THRESHOLD_PX, isInControlWithin, openPointerSession as openPointerSession$1, pastDragThreshold as pastDragThreshold$1, startCarry } from "@weasel-js/routing";
 
-export { AUTO_ORIGIN_PROJECTION, AUTO_POSE_DESCRIPTOR, CONTROL_SELECTOR, DEFAULT_ROTATION_HANDLE_DISTANCE, DRAG_THRESHOLD_PX, EASINGS, MOVE_NODES_REQUIRES, RECT_ORIGIN_PROJECTION, RECT_POSE_DESCRIPTOR, ROTATED_POSE_DESCRIPTOR, SPRING_PRESETS, WEASEL_CLIPBOARD_MIME, WEASEL_CLIPBOARD_MIME_WEB, aabbCenter, alignDeltaFor, alignTargetBounds, animateLifecycle, animateOnSetPose, bindPoseTransition, bindRig, buildWeaselClipboardText, cornerResizeHandles, createDepartures, createPoseTarget, createReflowTransition, createWrittenPoseTarget, cubicBezierEasing, dataRestPath, dragPointOf, easeIn, easeInBack, easeInBounce, easeInCirc, easeInCubic, easeInElastic, easeInExpo, easeInOut, easeInOutBack, easeInOutBounce, easeInOutCirc, easeInOutCubic, easeInOutElastic, easeInOutExpo, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOut, easeOutBack, easeOutBounce, easeOutCirc, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, embedWeaselMetadataInSvg, enumerateAnchors, extractWeaselClipboardFromSvg, fixedCornerOf, forgetTransform, gesturePlaneReader, gestureViewReader, glidesByDefault, hexToOklchDeg, hitAnchor, hitCornerHandle, hitRotationHandle, hslToSrgb, interpolateSrgb, isInControlWithin, isPathLike, isRectPose, lastTransform, lerpColorArray, lerpOklab, lerpOklch, linear, linearSrgbToOklab, linearToSrgb, momentum, moveNodes, moveNodesOps, oklabToLinearSrgb, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, openPointerSession$1 as openPointerSession, parseWeaselClipboardText, pastDragThreshold$1 as pastDragThreshold, placeSkeleton, pointInRotatedRect, poseAxes, poseDescriptorForNode, recordTransform, rectCorners, resolveEasing, resolveSpatialReference, rigFromNode, rigidRigApply, rotatePoint, rotatedRectCorners, rotationHandle, sceneBoxFrames, sceneClipTargets, scenePoseFrame, scenePoseTarget, screenTolerance, sniffWeaselClipboardText, springPose, srgbFloatToOklab, srgbToHsl, srgbToLinear, srgbU8ToOklab, staggerSpringPose, startCarry, translatePoseViaDescriptor, tweenPose, unplaceSkeleton, useAlign, useAnimatedReflow, useClipboardOps, useDistribute, useDragGesture, useDragRadial, useDragRect, usePoseTransition, useRig, useRigNode, visualBoundsViaDescriptor, withCoord };
+export { AUTO_ORIGIN_PROJECTION, AUTO_POSE_DESCRIPTOR, CONTROL_SELECTOR, DEFAULT_ROTATION_HANDLE_DISTANCE, DRAG_THRESHOLD_PX, EASINGS, MOVE_NODES_REQUIRES, RECT_ORIGIN_PROJECTION, RECT_POSE_DESCRIPTOR, ROTATED_POSE_DESCRIPTOR, SPRING_PRESETS, WEASEL_CLIPBOARD_MIME, WEASEL_CLIPBOARD_MIME_WEB, aabbCenter, alignDeltaFor, alignTargetBounds, animateLifecycle, animateOnSetPose, bindPoseTransition, bindRig, buildWeaselClipboardText, cornerResizeHandles, createDepartures, createPoseTarget, createReflowTransition, createWrittenPoseTarget, cubicBezierEasing, dataRestPath, dragPointOf, easeIn, easeInBack, easeInBounce, easeInCirc, easeInCubic, easeInElastic, easeInExpo, easeInOut, easeInOutBack, easeInOutBounce, easeInOutCirc, easeInOutCubic, easeInOutElastic, easeInOutExpo, easeInOutQuad, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInQuad, easeInQuart, easeInQuint, easeInSine, easeOut, easeOutBack, easeOutBounce, easeOutCirc, easeOutCubic, easeOutElastic, easeOutExpo, easeOutQuad, easeOutQuart, easeOutQuint, easeOutSine, embedWeaselMetadataInSvg, enumerateAnchors, extractWeaselClipboardFromSvg, fixedCornerOf, forgetTransform, gesturePlaneReader, gestureViewReader, glidesByDefault, hexToOklchDeg, hitAnchor, hitCornerHandle, hitRotationHandle, hslToSrgb, interpolateSrgb, isInControlWithin, isPathLike, isRectPose, lastTransform, lerpColorArray, lerpOklab, lerpOklch, linear, linearSrgbToOklab, linearToSrgb, momentum, moveNodes, moveNodesOps, oklabToLinearSrgb, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, openPointerSession$1 as openPointerSession, parseWeaselClipboardText, pastDragThreshold$1 as pastDragThreshold, placeSkeleton, pointInRotatedRect, poseAxes, poseDescriptorForNode, recordTransform, rectCorners, resolveEasing, resolveSpatialReference, rigFromNode, rigidRigApply, rotatePoint, rotatedRectCorners, rotationHandle, sceneBoxFrames, sceneClipTargets, scenePoseFrame, scenePoseTarget, screenTolerance, sniffWeaselClipboardText, springPose, srgbFloatToOklab, srgbToHsl, srgbToLinear, srgbU8ToOklab, staggerSpringPose, startCarry, translatePoseViaDescriptor, tweenPose, undeclaredMagnifications, unplaceSkeleton, useAlign, useAnimatedReflow, useClipboardOps, useDistribute, useDragGesture, useDragRadial, useDragRect, usePoseTransition, useRig, useRigNode, visualBoundsViaDescriptor, withCoord };

package/dist/barrel/paths.js

@@ -3,6 +3,7 @@ import { derivedPartsOf, pathFromParts, resolvePartPaint } from "../core/scene/d
 import { sourcesOf } from "../core/scene/dependents.js";
 import { pathPoseDescriptor } from "../core/geometry/pathPoseDescriptor.js";
 import { commitOps } from "../interactions/actions/defaultCommitAdapter.js";
+import { SHAPE_COUNT_RANGE, STAR_RATIO_RANGE, clampShapeGenerator, isShapeGenerator, regenerateShape, settleShapeGenerator, shapeGeneratorOf, shapeGeneratorPath, withoutShapeGenerator } from "../domains/paths/shapeGenerator.js";
 import { HANDLE_LOCK_ROLES, locksInForce } from "../interactions/actions/edit-anchors/handleDrag.js";
 import { classifyPathStorage, hasEditablePath, pathEditPathOf, resolveEditablePathOf, storeEditablePath } from "../domains/paths/editablePath.js";
 import { finishPathEditFrame, pathEditPreview } from "../interactions/actions/edit-anchors/preview.js";
@@ -18,7 +19,6 @@ import { segmentUnder } from "../interactions/actions/defaults/segmentUnder.js";
 import { applyBooleanOp, previewBooleanOp } from "../interactions/actions/booleans/booleans.js";
 import { PATHFINDER_STROKES } from "../interactions/actions/booleans/action.js";
 import { makeBooleanGroup } from "../interactions/actions/booleans/booleanGroupAction.js";
-import { SHAPE_COUNT_RANGE, STAR_RATIO_RANGE, clampShapeGenerator, isShapeGenerator, regenerateShape, settleShapeGenerator, shapeGeneratorOf, shapeGeneratorPath, withoutShapeGenerator } from "../domains/paths/shapeGenerator.js";
 import { GEOMETRY_BOUND_DATA, withoutGeometryBoundData } from "../domains/paths/pathEditExtension.js";
 import { deleteNode, insertAt, pathCopy, pathNodesOf, reshapeOps, reshapeTo, selectedPathNodes, slotOf, withPath } from "../interactions/actions/pathCommands/pathNodes.js";
 import { livePathEdit } from "../interactions/actions/pathCommands/livePathEdit.js";

package/dist/barrel/renderer.js

@@ -5,7 +5,7 @@ import { alignPreset, arrangePreset, distributePreset, flipPreset, reorderPreset
 import { clipboardPreset, contextMenuPreset, deletePreset, duplicatePreset, editPreset, escapePreset, groupPreset, nudgePreset, selectAllPreset, stylePreset } from "../canvas/SceneCanvas/presets/edit.js";
 import { ingestPreset } from "../canvas/SceneCanvas/presets/ingest.js";
 import { anchorKeysPreset, outlinesPreset, pathCommandsPreset, pathEditPreset, pathfinderPreset, pathsPreset } from "../canvas/SceneCanvas/presets/paths.js";
-import { BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, DRAW_TOOLS, PAGE_TOOLS, SELECT_TOOLS, SHAPE_TOOLS, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS } from "../canvas/SceneCanvas/builtinToolSets.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 "../canvas/SceneCanvas/builtinToolSets.js";
 import { drawToolsPreset, pageToolsPreset, selectToolsPreset, shapeToolsPreset, typeToolsPreset, viewToolsPreset } from "../canvas/SceneCanvas/presets/tools.js";
 import { selectPreset } from "../canvas/SceneCanvas/presets/select.js";
 import { movePreset, outlinePreset, resizePreset, rotatePreset } from "../canvas/SceneCanvas/presets/transform.js";
@@ -27,4 +27,4 @@ import { canQueryLocalFonts, cssFamilyName, cssFontFamily, cssFontFamilyLoading,
 import { bindingSpec, held, key, keySpecRoute, unbound } from "@weasel-js/gestures";
 import { CURSOR_ANGLE_STEPS, CURSOR_MAX_CSS_PX, bakeCursor, createCursorSink as createCursorSink$1, createPaintedCursorState as createPaintedCursorState$1, cursorFor as cursorFor$1, resolveCursor, resolveCursorTier as resolveCursorTier$1 } from "@weasel-js/cursor";
 
-export { BASELINE_ACTIONS, BASELINE_ACTION_IDS, BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, CURSOR_ANGLE_STEPS, CURSOR_MAX_CSS_PX, DRAW_TOOLS, FEATURE_ACTION_IDS, FEATURE_PRESETS, KEYMAP_HOLD, KIT_SHAPE_KINDS, KIT_VERSIONS, PAGE_TOOLS, PAINTED_CURSOR_LAYER_ID, SCENE_CANVAS_FEATURES, SELECT_TOOLS, SHAPE_KINDS, SHAPE_TOOLS, SPRITE_STRIDE, TOOL_DRIVEN_ACTION_IDS, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS, alignPreset, anchorKeysPreset, arrangePreset, assembleEntries, bakeCursor, bindingSpec, blur, canQueryLocalFonts, captureGesture, captureKey, checkRequirements, clipboardPreset, contextMenuPreset, createCursorSink$1 as createCursorSink, createKeymapStack, createPaintedCursorLayer, createPaintedCursorState$1 as createPaintedCursorState, createReflectable$1 as createReflectable, cssFamilyName, cssFontFamily, cssFontFamilyLoading, cullDrawCommands$1 as cullDrawCommands, cursorFor$1 as cursorFor, deletePreset, describeKeymap, describePresets, distributePreset, drawPreset, drawToolsPreset, duplicatePreset, editPreset, enableLocalFontOutlines, escapePreset, flipPreset, fontOutlineRegistry, fontRegistry, frameRect, groupPreset, hasFontOutlines, held, holdPreview$1 as holdPreview, holdPreviewId$1 as holdPreviewId, ingestPreset, isAtom, isCanvasFont, key, keySpecRoute, keymapContribution$1 as keymapContribution, keymapLeaderBindingId, keymapLeaderId, keymapShortcuts, listFontOutlines, liveScope, loadFontOutlines, mat3$1 as mat3, mergeContributions$1 as mergeContributions, modeShortcutSpec, modeShortcuts, movePreset, nudgePreset, outlinePreset, outlineStatus, outlinesPreset, pageToolsPreset, paletteInsertPaint, pathCommandsPreset, pathEditPreset, pathfinderPreset, pathsPreset, pickPreset, refreshCanvasFont, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, reorderPreset, resizePreset, resolveCursor, resolveCursorTier$1 as resolveCursorTier, rotateAroundAABBCenter, rotatePreset, satisfiesRange, scopeBindings, selectAllPreset, selectPreset, selectToolsPreset, shapeToolsPreset, stylePreset, subscribeGlyphReady$1 as subscribeGlyphReady, textBoxOf, transformPreset, typeToolsPreset, unbound, unregisterCanvasFont, unregisterFontOutlines, useTransformFollower, viewPreset, viewToMat3$1 as viewToMat3, viewToolsPreset, vignette, warmFonts$1 as warmFonts };
+export { ANCHOR_TOOLS, BASELINE_ACTIONS, BASELINE_ACTION_IDS, BUILTIN_TOOLS, BUILTIN_TOOL_GROUPS, BUILTIN_TOOL_IDS, CURSOR_ANGLE_STEPS, CURSOR_MAX_CSS_PX, DRAW_TOOLS, FEATURE_ACTION_IDS, FEATURE_PRESETS, KEYMAP_HOLD, KIT_SHAPE_KINDS, KIT_VERSIONS, PAGE_TOOLS, PAINTED_CURSOR_LAYER_ID, SCENE_CANVAS_FEATURES, SELECT_TOOLS, SHAPE_KINDS, SHAPE_TOOLS, SPRITE_STRIDE, TOOL_DRIVEN_ACTION_IDS, TOOL_GROUP_ORDER, TYPE_TOOLS, VIEW_TOOLS, alignPreset, anchorKeysPreset, arrangePreset, assembleEntries, bakeCursor, bindingSpec, blur, canQueryLocalFonts, captureGesture, captureKey, checkRequirements, clipboardPreset, contextMenuPreset, createCursorSink$1 as createCursorSink, createKeymapStack, createPaintedCursorLayer, createPaintedCursorState$1 as createPaintedCursorState, createReflectable$1 as createReflectable, cssFamilyName, cssFontFamily, cssFontFamilyLoading, cullDrawCommands$1 as cullDrawCommands, cursorFor$1 as cursorFor, deletePreset, describeKeymap, describePresets, distributePreset, drawPreset, drawToolsPreset, duplicatePreset, editPreset, enableLocalFontOutlines, escapePreset, flipPreset, fontOutlineRegistry, fontRegistry, frameRect, groupPreset, hasFontOutlines, held, holdPreview$1 as holdPreview, holdPreviewId$1 as holdPreviewId, ingestPreset, isAtom, isCanvasFont, key, keySpecRoute, keymapContribution$1 as keymapContribution, keymapLeaderBindingId, keymapLeaderId, keymapShortcuts, listFontOutlines, liveScope, loadFontOutlines, mat3$1 as mat3, mergeContributions$1 as mergeContributions, modeShortcutSpec, modeShortcuts, movePreset, nudgePreset, outlinePreset, outlineStatus, outlinesPreset, pageToolsPreset, paletteInsertPaint, pathCommandsPreset, pathEditPreset, pathfinderPreset, pathsPreset, pickPreset, refreshCanvasFont, registerCanvasFont, registerEffect, registerFont, registerFontOutlines, reorderPreset, resizePreset, resolveCursor, resolveCursorTier$1 as resolveCursorTier, rotateAroundAABBCenter, rotatePreset, satisfiesRange, scopeBindings, selectAllPreset, selectPreset, selectToolsPreset, shapeToolsPreset, stylePreset, subscribeGlyphReady$1 as subscribeGlyphReady, textBoxOf, transformPreset, typeToolsPreset, unbound, unregisterCanvasFont, unregisterFontOutlines, useTransformFollower, viewPreset, viewToMat3$1 as viewToMat3, viewToolsPreset, vignette, warmFonts$1 as warmFonts };

package/dist/barrel/routing.js

@@ -9,11 +9,11 @@ import { flipAction } from "../interactions/actions/flip/action.js";
 import { createResizeAction, resizeAction } from "../interactions/actions/resize/action.js";
 import { rotateAction } from "../interactions/actions/rotate/action.js";
 import { areaSelectAction } from "../interactions/actions/defaults/areaSelect.js";
+import { POLYGON_INSERT_PARAMS, STAR_INSERT_PARAMS, insertParams } from "../interactions/actions/insert/params.js";
 import { insertAction } from "../interactions/actions/insert/action.js";
 import { placeAction } from "../interactions/actions/insert/placeAction.js";
 import { INSERT_REPOSITION_BINDING, insertRepositionAction } from "../interactions/actions/insert/repositionAction.js";
 import { clearSelectionAction } from "../interactions/actions/defaults/clearSelection.js";
-import { exitPathEditToolAction, pathEditToolAction, pathEditToolActive } from "../interactions/actions/defaults/pathEditTools.js";
 import { cloneAction } from "../interactions/actions/clone/action.js";
 import { viewportDragPanAction } from "../interactions/actions/defaults/viewportDragPan.js";
 import { makeViewportZoomAction, viewportZoomAction } from "../interactions/actions/defaults/viewportZoom.js";
@@ -36,12 +36,14 @@ import { computeSliceOps } from "../interactions/actions/defaults/sliceOps.js";
 import { useSliceDep, useSliceDepSource } from "../canvas/deps/slice.js";
 import { useBooleansAdapterSource } from "../canvas/deps/booleans.js";
 import { defineTool, useTools as useTools$1 } from "../tools/overlayBinding.js";
+import { useToolOptionTunings, useToolOptionValues } from "../tools/toolOptions.js";
 import { useKeybindings } from "../tools/useKeybindings.js";
 import { pickTopMostHit } from "../tools/builtin/pickTopMostHit.js";
 import { GROUP_ENTRY_ID, createGroupEntryContribution, useGroupEntryContribution } from "../tools/builtin/select/groupEntry.js";
 import { useSelectTool } from "../tools/builtin/select/useSelectTool.js";
 import { useHandTool } from "../tools/builtin/hand/useHandTool.js";
 import { DRAG_PAN_ID, dragPanContribution } from "../tools/builtin/hand/dragPanContribution.js";
+import { ANCHORS_TOOL_ID, anchorsTool } from "../tools/builtin/anchors/anchorsTool.js";
 import { useTextTool } from "../tools/builtin/text/useTextTool.js";
 import { STICKY_DEFAULTS, stickyData, stickyNodeFactory } from "../tools/builtin/sticky/stickyNode.js";
 import { useStickyTool } from "../tools/builtin/sticky/useStickyTool.js";
@@ -58,10 +60,10 @@ import { useStarTool } from "../tools/builtin/star/useStarTool.js";
 import { usePencilTool } from "../tools/builtin/pencil/usePencilTool.js";
 import { useSliceTool } from "../tools/builtin/slice/useSliceTool.js";
 import { useMeasureTool } from "../tools/builtin/measure/useMeasureTool.js";
-import { isToolSet, toolIdsOf as toolIdsOf$1, toolSet as toolSet$1, toolSetHas, withoutTools } from "../tools/index.js";
+import { createToolOptionValues, isToolSet, steppedOption, toolIdsOf as toolIdsOf$1, toolOptionParams as toolOptionParams$1, toolOptionSteps, toolSet as toolSet$1, toolSetHas, withoutTools } from "../tools/index.js";
 import { useLatest as useLatest$1 } from "@weasel-js/react";
 import { ActionDisabledReason as ActionDisabledReason$1, actionBindings as actionBindings$1, actionCursor, actionItemTitle, actionItems, actionSettingsParams, actionShortcuts, actionsTagged, bindingId, buildDepsFromRequires as buildDepsFromRequires$1, createDepRegistry, createDispatcher as createDispatcher$1, deleteScratch, evaluateActive as evaluateActive$1, evaluateEnabled as evaluateEnabled$1, getScratch as getScratch$1, heldKeySpec as heldKeySpec$1, keySpecShortcut, keysHeld, matchActionItem, modifierStateOf, overlaysOf as overlaysOf$1, readActionSettings, resolveBindingOverrides, resolveParams as resolveParams$1, resolveSchemaMenu, roleReader as roleReader$1, scratchKey as scratchKey$1, setScratch as setScratch$1, specificity, taggedActionItems, tuneAction } from "@weasel-js/routing";
 import { bodyPredicate, hitPredicate as hitPredicate$1 } from "@weasel-js/gestures";
-import { ActionsProvider as ActionsProvider$1, ActiveToolContextProvider as ActiveToolContextProvider$1, ActiveToolContextProviderIfRoot as ActiveToolContextProviderIfRoot$1, DepRegistryProvider as DepRegistryProvider$1, InputScope as InputScope$1, Yoke, useAction, useActionsRegistry as useActionsRegistry$1, useActiveToolContext, useCommand, useDepRegistry as useDepRegistry$1, useDepSource as useDepSource$1, useGestureDispatcher as useGestureDispatcher$1, useMenuHost as useMenuHost$1, useMenus, useOngoingAction, useOpenKeymap, useOptionalActiveToolContext as useOptionalActiveToolContext$1, useOptionalDepRegistry as useOptionalDepRegistry$1, useYoke } from "@weasel-js/routing/react";
+import { ActionsProvider as ActionsProvider$1, ActiveToolContextProvider as ActiveToolContextProvider$1, ActiveToolContextProviderIfRoot as ActiveToolContextProviderIfRoot$1, DepRegistryProvider as DepRegistryProvider$1, InputScope as InputScope$1, Yoke, lastOperationOf, useAction, useActionsRegistry as useActionsRegistry$1, useActiveToolContext, useCommand, useDepRegistry as useDepRegistry$1, useDepSource as useDepSource$1, useGestureDispatcher as useGestureDispatcher$1, useLastOperation, useLastOperationStore, useMenuHost as useMenuHost$1, useMenus, useOngoingAction, useOpenKeymap, useOptionalActiveToolContext as useOptionalActiveToolContext$1, useOptionalDepRegistry as useOptionalDepRegistry$1, useYoke } from "@weasel-js/routing/react";
 
-export { AREA_SELECT_ID, ActionDisabledReason$1 as ActionDisabledReason, ActionsProvider$1 as ActionsProvider, ActiveToolContextProvider$1 as ActiveToolContextProvider, ActiveToolContextProviderIfRoot$1 as ActiveToolContextProviderIfRoot, CORNER_ANCHORS, DRAG_PAN_ID, DepRegistryProvider$1 as DepRegistryProvider, EDGE_HANDLE_MIN_RADII, GROUP_ENTRY_ID, INSERT_REPOSITION_BINDING, InputScope$1 as InputScope, KIT_STANDARD_ACTION_IDS, PATH_GESTURE_TAGS, RESIZE_HANDLE_ANCHORS, SELECTION_MOVE_ID, SELECTION_RESIZE_ID, SELECTION_ROTATE_ID, SELECTION_TRANSFORM_ID, STICKY_DEFAULTS, Yoke, actionBindings$1 as actionBindings, actionCursor, actionItemTitle, actionItems, actionSettingsParams, actionShortcuts, actionsTagged, areaSelectAction, areaSelectContribution, bindingId, bodyPredicate, buildDepsFromRequires$1 as buildDepsFromRequires, clearSelectionAction, clipboardCopyAction, clipboardCutAction, clipboardPasteAction, clipboardPasteEventAction, cloneAction, commitDeleteToScene, computeSliceOps, containerScrollAction, contextMenuAction, cornerPoint, createDeleteAction, createDepRegistry, createDispatcher$1 as createDispatcher, createGroupEntryContribution, createPointerFollower, createResizeAction, defaultCommitAdapter, defineTool, deleteAction, deleteAnchorsAction, deleteScratch, dragPanContribution, editAnchorsAction, editingLayer, enterTextEditAction, evaluateActive$1 as evaluateActive, evaluateEnabled$1 as evaluateEnabled, exitPathEditToolAction, flipAction, getScratch$1 as getScratch, handlePoint, heldKeySpec$1 as heldKeySpec, hiddenSourceDeleteOps, hitPredicate$1 as hitPredicate, inPlane, insertAction, insertLayer, insertRepositionAction, isCornerHandle, isToolSet, keySpecShortcut, keysHeld, lassoSelectAction, makePinchZoomAction, makeViewportWheelPanAction, makeViewportZoomAction, matchActionItem, modifierStateOf, moveAction, nudgeAnchorsDownAction, nudgeAnchorsLeftAction, nudgeAnchorsRightAction, nudgeAnchorsUpAction, onEmptyCanvas, openContextMenu, overlaysOf$1 as overlaysOf, pathEditToolAction, pathEditToolActive, pathOperationTags, pickTopMostHit, pinchZoomAction, placeAction, readActionSettings, refusalOf, resizeAction, resizeHandlesFor, resolveBindingOverrides, resolveParams$1 as resolveParams, resolveSchemaMenu, roleReader$1 as roleReader, rotateAction, scratchKey$1 as scratchKey, scrollRange, scrollableAt, selectAnchorAction, selectFromLasso, selectionLayer, selectionMoveBindings, selectionMoveContribution, selectionResizeBindings, selectionResizeContribution, selectionRotateBindings, selectionRotateContribution, selectionTransformBindings, selectionTransformContribution, setScratch$1 as setScratch, sliceAction, specificity, stickyData, stickyNodeFactory, taggedActionItems, toolIdsOf$1 as toolIdsOf, toolSet$1 as toolSet, toolSetHas, tuneAction, useAction, useActionsRegistry$1 as useActionsRegistry, useActiveToolContext, useBooleansAdapterSource, useCommand, useDepRegistry$1 as useDepRegistry, useDepSource$1 as useDepSource, useEllipseTool, useEyedropperTool, useGestureDispatcher$1 as useGestureDispatcher, useGroupEntryContribution, useHandTool, useImageTool, useKeybindings, useLassoTool, useLatest$1 as useLatest, useLineTool, useMeasureTool, useMenuHost$1 as useMenuHost, useMenus, useOngoingAction, useOpenKeymap, useOptionalActiveToolContext$1 as useOptionalActiveToolContext, useOptionalDepRegistry$1 as useOptionalDepRegistry, usePenTool, usePencilTool, usePolygonTool, usePoseDescriptorDepSource, useRectTool, useResizePolicy, useSelectTool, useSliceDep, useSliceDepSource, useSliceTool, useStandardActions, useStarTool, useStickyTool, useTextTool, useTools$1 as useTools, useYoke, viewportDragPanAction, viewportWheelPanAction, viewportZoomAction, withoutTools };
+export { ANCHORS_TOOL_ID, AREA_SELECT_ID, ActionDisabledReason$1 as ActionDisabledReason, ActionsProvider$1 as ActionsProvider, ActiveToolContextProvider$1 as ActiveToolContextProvider, ActiveToolContextProviderIfRoot$1 as ActiveToolContextProviderIfRoot, CORNER_ANCHORS, DRAG_PAN_ID, DepRegistryProvider$1 as DepRegistryProvider, EDGE_HANDLE_MIN_RADII, GROUP_ENTRY_ID, INSERT_REPOSITION_BINDING, InputScope$1 as InputScope, KIT_STANDARD_ACTION_IDS, PATH_GESTURE_TAGS, POLYGON_INSERT_PARAMS, RESIZE_HANDLE_ANCHORS, SELECTION_MOVE_ID, SELECTION_RESIZE_ID, SELECTION_ROTATE_ID, SELECTION_TRANSFORM_ID, STAR_INSERT_PARAMS, STICKY_DEFAULTS, Yoke, actionBindings$1 as actionBindings, actionCursor, actionItemTitle, actionItems, actionSettingsParams, actionShortcuts, actionsTagged, anchorsTool, areaSelectAction, areaSelectContribution, bindingId, bodyPredicate, buildDepsFromRequires$1 as buildDepsFromRequires, clearSelectionAction, clipboardCopyAction, clipboardCutAction, clipboardPasteAction, clipboardPasteEventAction, cloneAction, commitDeleteToScene, computeSliceOps, containerScrollAction, contextMenuAction, cornerPoint, createDeleteAction, createDepRegistry, createDispatcher$1 as createDispatcher, createGroupEntryContribution, createPointerFollower, createResizeAction, createToolOptionValues, defaultCommitAdapter, defineTool, deleteAction, deleteAnchorsAction, deleteScratch, dragPanContribution, editAnchorsAction, editingLayer, enterTextEditAction, evaluateActive$1 as evaluateActive, evaluateEnabled$1 as evaluateEnabled, flipAction, getScratch$1 as getScratch, handlePoint, heldKeySpec$1 as heldKeySpec, hiddenSourceDeleteOps, hitPredicate$1 as hitPredicate, inPlane, insertAction, insertLayer, insertParams, insertRepositionAction, isCornerHandle, isToolSet, keySpecShortcut, keysHeld, lassoSelectAction, lastOperationOf, makePinchZoomAction, makeViewportWheelPanAction, makeViewportZoomAction, matchActionItem, modifierStateOf, moveAction, nudgeAnchorsDownAction, nudgeAnchorsLeftAction, nudgeAnchorsRightAction, nudgeAnchorsUpAction, onEmptyCanvas, openContextMenu, overlaysOf$1 as overlaysOf, pathOperationTags, pickTopMostHit, pinchZoomAction, placeAction, readActionSettings, refusalOf, resizeAction, resizeHandlesFor, resolveBindingOverrides, resolveParams$1 as resolveParams, resolveSchemaMenu, roleReader$1 as roleReader, rotateAction, scratchKey$1 as scratchKey, scrollRange, scrollableAt, selectAnchorAction, selectFromLasso, selectionLayer, selectionMoveBindings, selectionMoveContribution, selectionResizeBindings, selectionResizeContribution, selectionRotateBindings, selectionRotateContribution, selectionTransformBindings, selectionTransformContribution, setScratch$1 as setScratch, sliceAction, specificity, steppedOption, stickyData, stickyNodeFactory, taggedActionItems, toolIdsOf$1 as toolIdsOf, toolOptionParams$1 as toolOptionParams, toolOptionSteps, toolSet$1 as toolSet, toolSetHas, tuneAction, useAction, useActionsRegistry$1 as useActionsRegistry, useActiveToolContext, useBooleansAdapterSource, useCommand, useDepRegistry$1 as useDepRegistry, useDepSource$1 as useDepSource, useEllipseTool, useEyedropperTool, useGestureDispatcher$1 as useGestureDispatcher, useGroupEntryContribution, useHandTool, useImageTool, useKeybindings, useLassoTool, useLastOperation, useLastOperationStore, useLatest$1 as useLatest, useLineTool, useMeasureTool, useMenuHost$1 as useMenuHost, useMenus, useOngoingAction, useOpenKeymap, useOptionalActiveToolContext$1 as useOptionalActiveToolContext, useOptionalDepRegistry$1 as useOptionalDepRegistry, usePenTool, usePencilTool, usePolygonTool, usePoseDescriptorDepSource, useRectTool, useResizePolicy, useSelectTool, useSliceDep, useSliceDepSource, useSliceTool, useStandardActions, useStarTool, useStickyTool, useTextTool, useToolOptionTunings, useToolOptionValues, useTools$1 as useTools, useYoke, viewportDragPanAction, viewportWheelPanAction, viewportZoomAction, withoutTools };

package/dist/barrel/scene.js

@@ -42,6 +42,7 @@ import { sceneSelectionStore } from "../core/scene/sceneSelection.js";
 import { localizeInScene, localizeWorldPoses, worldPosesOf } from "../core/scene/worldSave.js";
 import { isSerializedScene, nodeKindOf, specsFromSerialized } from "../core/scene/serialization.js";
 import { createScene, sceneFromJSON } from "../core/scene/scene.js";
+import { sceneDeclaredScopes, sceneMagnification, sceneSharedUnitScopes, sceneUnitScopes } from "../core/scene/unitScopes.js";
 import { createSetTextOp } from "../core/ops/setText.js";
 import { createSetDependsOnOp } from "../core/ops/setDependsOn.js";
 import { createSetHiddenOp, createSetLockedOp } from "../core/ops/nodeFlags.js";
@@ -51,11 +52,10 @@ import { nestedHitTester } from "../core/scene/nestedHit.js";
 import { unionOfChildrenVia } from "../core/scene/unionOfChildren.js";
 import { useScene } from "../core/scene/useScene.js";
 import { reconcileSpecs } from "../core/scene/reconcileSpecs.js";
-import { sceneSharedUnitScopes, sceneUnitScopes } from "../core/scene/unitScopes.js";
 import { createPoseFeed } from "../core/scene/poseFeed.js";
 import { MEASURE_AFFORDANCE_KIND, MEASURE_LAYER_ID } from "../domains/measure/measureLayer.js";
 import { measurementsContribution } from "../domains/measure/measureContribution.js";
 import { MIXED } from "@weasel-js/registry";
 import { swapOp } from "@weasel-js/history";
 
-export { BOOLEAN_OF_CHILDREN, CLIP_NOTHING, IDENTITY_POSE_COMPOSITION, MEASURE_ACTION_IDS, MEASURE_AFFORDANCE_KIND, MEASURE_LAYER_ID, MIXED, RECT_POSE_COMPOSITION, RIGID_POSE_COMPOSITION, SCENE_HISTORY_FORM, SceneArrivalRefused, UNION_OF_CHILDREN, annotationLayerIds, applyOpsTo, asNodeId, axisAlignedBounds, booleanGroupFields, booleanOfChildren, booleanOpOf, canBringForward, canSendBackward, carriedDescendants, childFrameAt, clipNothing, composeChildFrame, composeRectPose, composeRigidPose, composeWorldPose, composesFrames, createArrangeOp, createDeleteOp, createHistory$1 as createHistory, createInsertOp, createMeasurements, createMoveToIndexOp, createPoseFeed, createPoseOverrides, createReorderOp, createReparentOp, createScene, createScrollOffsets, createSetChildOrderOp, createSetDataOp, createSetDependsOnOp, createSetHiddenOp, createSetLayerOp, createSetLayoutOp, createSetLockedOp, createSetPathOp, createSetSelectionOp, createSetTextOp, createTransformOp, currentMeasureId, decomposeRectPose, decomposeRigidPose, definesFrame, derivedDepOf, derivedPose, dispatchApplyBatch, documentDepOf, documentOf, documentPose, effectivePose, hasChildren, heldInFrame, hidesSubtree, isAnnotationLayer, isAnnotationNode, isLeaf, isNodeHidden, isNodeLocked, isSerializedScene, localizeInScene, localizeWorldPoses, measureAt, measureBetween, measureEndSource, measureEndsOf, measureIds, measureNode, measurePose, measurementOf, measurementsContribution, nestedHitTester, nodeAsShown, nodeGates, nodeKindOf, opFactoryRegistry, rebaseLocalPose, rebuildOp, reconcileSpecs, registerOpFactory, registeredOpNames, sceneCarrySource, sceneFromJSON, scenePoseAdapter, sceneSelectionStore, sceneSharedUnitScopes, sceneUnitScopes, sceneViewPoseAdapter, scrollRectPose, scrollRigidPose, scrolledFrames, specsFromSerialized, statedFields, swapOp, translateRectPose, unionAABB, unionBounds, unionOfChildren, unionOfChildrenVia, useScene, viewPoseAdapter, worldPoseLookup, worldPosesOf, writtenBy };
+export { BOOLEAN_OF_CHILDREN, CLIP_NOTHING, IDENTITY_POSE_COMPOSITION, MEASURE_ACTION_IDS, MEASURE_AFFORDANCE_KIND, MEASURE_LAYER_ID, MIXED, RECT_POSE_COMPOSITION, RIGID_POSE_COMPOSITION, SCENE_HISTORY_FORM, SceneArrivalRefused, UNION_OF_CHILDREN, annotationLayerIds, applyOpsTo, asNodeId, axisAlignedBounds, booleanGroupFields, booleanOfChildren, booleanOpOf, canBringForward, canSendBackward, carriedDescendants, childFrameAt, clipNothing, composeChildFrame, composeRectPose, composeRigidPose, composeWorldPose, composesFrames, createArrangeOp, createDeleteOp, createHistory$1 as createHistory, createInsertOp, createMeasurements, createMoveToIndexOp, createPoseFeed, createPoseOverrides, createReorderOp, createReparentOp, createScene, createScrollOffsets, createSetChildOrderOp, createSetDataOp, createSetDependsOnOp, createSetHiddenOp, createSetLayerOp, createSetLayoutOp, createSetLockedOp, createSetPathOp, createSetSelectionOp, createSetTextOp, createTransformOp, currentMeasureId, decomposeRectPose, decomposeRigidPose, definesFrame, derivedDepOf, derivedPose, dispatchApplyBatch, documentDepOf, documentOf, documentPose, effectivePose, hasChildren, heldInFrame, hidesSubtree, isAnnotationLayer, isAnnotationNode, isLeaf, isNodeHidden, isNodeLocked, isSerializedScene, localizeInScene, localizeWorldPoses, measureAt, measureBetween, measureEndSource, measureEndsOf, measureIds, measureNode, measurePose, measurementOf, measurementsContribution, nestedHitTester, nodeAsShown, nodeGates, nodeKindOf, opFactoryRegistry, rebaseLocalPose, rebuildOp, reconcileSpecs, registerOpFactory, registeredOpNames, sceneCarrySource, sceneDeclaredScopes, sceneFromJSON, sceneMagnification, scenePoseAdapter, sceneSelectionStore, sceneSharedUnitScopes, sceneUnitScopes, sceneViewPoseAdapter, scrollRectPose, scrollRigidPose, scrolledFrames, specsFromSerialized, statedFields, swapOp, translateRectPose, unionAABB, unionBounds, unionOfChildren, unionOfChildrenVia, useScene, viewPoseAdapter, worldPoseLookup, worldPosesOf, writtenBy };

package/dist/barrel/text.js

@@ -1,10 +1,12 @@
 import { strokeRegion } from "../interactions/actions/outlines/strokeRegion.js";
+import { warnTextOutlines, warnUser } from "../interactions/actions/notices.js";
 import { applyCreateOutlines } from "../interactions/actions/outlines/createOutlines.js";
 import { applyOutlineStroke } from "../interactions/actions/outlines/outlineStroke.js";
 import { useSceneTextEdit } from "../domains/text/useSceneTextEdit.js";
 import { createTextLayer } from "../domains/text/textLayer.js";
-import { TEXT_EDIT_FONT_HOLD, TextOutlinesError as TextOutlinesError$1, charOffsetToDomPosition, domPositionToCharOffset, domToRuns, loadTextOutlines as loadTextOutlines$1, runsToDom, textCommand, textCommandFromPose, textCommandFromRuns, textToPath as textToPath$1, textToPathsByPaint as textToPathsByPaint$1, useTextEdit } from "../domains/text/index.js";
+import { TEXT_EDIT_FONT_HOLD, TextOutlinesError as TextOutlinesError$1, charOffsetToDomPosition, domPositionToCharOffset, domToRuns, loadTextOutlines as loadTextOutlines$1, runsToDom, textCommand, textCommandFromPose, textCommandFromRuns, textCommandFromRunsInto, textToPath as textToPath$1, textToPathsByPaint as textToPathsByPaint$1, useTextEdit } from "../domains/text/index.js";
 import { useCreateOutlinesAdapter } from "../interactions/actions/outlines/useCreateOutlinesAdapter.js";
-import { DEFAULT_DECORATION_METRICS, DEFAULT_TEXT_FILL as DEFAULT_TEXT_FILL$1, DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, QUAD_STRIDE, SCRIPT_METRICS, SMALL_CAPS_SCALE, applyStyleToRange, cachedLayoutRuns, cachedPaintRuns, caretIndexAt as caretIndexAt$1, createMarkdownRenderer, decorationMetrics, defaultLabelTextRenderer, dropRuns, effectiveRangeStyle, fitTextPose, fontString, halfLeadingFor, isBoldWeight, isSmallCapsLetter, isTextData as isTextData$1, layoutMarkdown, layoutRuns, layoutTextPose, markdownToRuns, measureText, measureTextBounds as measureTextBounds$1, measuredWidth, nodeHasFlag, numericWeight, paintRuns, paragraphDirection, patchRangeStyle, pointInTextPose as pointInTextPose$1, rangeWeight, registerBidi, registerShaper, renderLabel, resolveAlign, resolveRunFace, resolveRuns, resolveTextStyle, runsToMarkdown, runsToPlainText as runsToPlainText$1, scriptMetrics, scriptMetricsFor, setFlagOverRange, smallCapsScale, smallCapsScaleFor, smallCapsText, styleAtRange, textLineBoxes as textLineBoxes$1, textPoseLayoutInput, toRuns, transformRunTexts, unboldPatch, verticalAlignOffset } from "@weasel-js/text";
+import { useNotices } from "../interactions/actions/useNotices.js";
+import { DEFAULT_DECORATION_METRICS, DEFAULT_TEXT_FILL as DEFAULT_TEXT_FILL$1, DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, QUAD_STRIDE, SCRIPT_METRICS, SMALL_CAPS_SCALE, applyStyleToRange, cachedLayoutRuns, cachedPaintRuns, caretIndexAt as caretIndexAt$1, clearRuns, createMarkdownRenderer, decorationMetrics, defaultLabelTextRenderer, dropRuns, effectiveRangeStyle, fitTextPose, fontString, halfLeadingFor, isBoldWeight, isSmallCapsLetter, isTextData as isTextData$1, layoutMarkdown, layoutRuns, layoutTextPose, markdownToRuns, measureText, measureTextBounds as measureTextBounds$1, measuredWidth, nodeHasFlag, numericWeight, paintRuns, paragraphDirection, patchRangeStyle, pointInTextPose as pointInTextPose$1, rangeWeight, registerBidi, registerShaper, renderLabel, resolveAlign, resolveRunFace, resolveRuns, resolveRunsInto, resolveTextStyle, runsToMarkdown, runsToPlainText as runsToPlainText$1, scriptMetrics, scriptMetricsFor, setFlagOverRange, smallCapsScale, smallCapsScaleFor, smallCapsText, styleAtRange, textLineBoxes as textLineBoxes$1, textPoseLayoutInput, toRuns, transformRunTexts, unboldPatch, verticalAlignOffset } from "@weasel-js/text";
 
-export { DEFAULT_DECORATION_METRICS, DEFAULT_TEXT_FILL$1 as DEFAULT_TEXT_FILL, DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, QUAD_STRIDE, SCRIPT_METRICS, SMALL_CAPS_SCALE, TEXT_EDIT_FONT_HOLD, TextOutlinesError$1 as TextOutlinesError, applyCreateOutlines, applyOutlineStroke, applyStyleToRange, cachedLayoutRuns, cachedPaintRuns, caretIndexAt$1 as caretIndexAt, charOffsetToDomPosition, createMarkdownRenderer, createTextLayer, decorationMetrics, defaultLabelTextRenderer, domPositionToCharOffset, domToRuns, dropRuns, effectiveRangeStyle, fitTextPose, fontString, halfLeadingFor, isBoldWeight, isSmallCapsLetter, isTextData$1 as isTextData, layoutMarkdown, layoutRuns, layoutTextPose, loadTextOutlines$1 as loadTextOutlines, markdownToRuns, measureText, measureTextBounds$1 as measureTextBounds, measuredWidth, nodeHasFlag, numericWeight, paintRuns, paragraphDirection, patchRangeStyle, pointInTextPose$1 as pointInTextPose, rangeWeight, registerBidi, registerShaper, renderLabel, resolveAlign, resolveRunFace, resolveRuns, resolveTextStyle, runsToDom, runsToMarkdown, runsToPlainText$1 as runsToPlainText, scriptMetrics, scriptMetricsFor, setFlagOverRange, smallCapsScale, smallCapsScaleFor, smallCapsText, strokeRegion, styleAtRange, textCommand, textCommandFromPose, textCommandFromRuns, textLineBoxes$1 as textLineBoxes, textPoseLayoutInput, textToPath$1 as textToPath, textToPathsByPaint$1 as textToPathsByPaint, toRuns, transformRunTexts, unboldPatch, useCreateOutlinesAdapter, useSceneTextEdit, useTextEdit, verticalAlignOffset };
+export { DEFAULT_DECORATION_METRICS, DEFAULT_TEXT_FILL$1 as DEFAULT_TEXT_FILL, DEFAULT_TEXT_STYLE, MARKDOWN_RUN_GRAMMAR, QUAD_STRIDE, SCRIPT_METRICS, SMALL_CAPS_SCALE, TEXT_EDIT_FONT_HOLD, TextOutlinesError$1 as TextOutlinesError, applyCreateOutlines, applyOutlineStroke, applyStyleToRange, cachedLayoutRuns, cachedPaintRuns, caretIndexAt$1 as caretIndexAt, charOffsetToDomPosition, clearRuns, createMarkdownRenderer, createTextLayer, decorationMetrics, defaultLabelTextRenderer, domPositionToCharOffset, domToRuns, dropRuns, effectiveRangeStyle, fitTextPose, fontString, halfLeadingFor, isBoldWeight, isSmallCapsLetter, isTextData$1 as isTextData, layoutMarkdown, layoutRuns, layoutTextPose, loadTextOutlines$1 as loadTextOutlines, markdownToRuns, measureText, measureTextBounds$1 as measureTextBounds, measuredWidth, nodeHasFlag, numericWeight, paintRuns, paragraphDirection, patchRangeStyle, pointInTextPose$1 as pointInTextPose, rangeWeight, registerBidi, registerShaper, renderLabel, resolveAlign, resolveRunFace, resolveRuns, resolveRunsInto, resolveTextStyle, runsToDom, runsToMarkdown, runsToPlainText$1 as runsToPlainText, scriptMetrics, scriptMetricsFor, setFlagOverRange, smallCapsScale, smallCapsScaleFor, smallCapsText, strokeRegion, styleAtRange, textCommand, textCommandFromPose, textCommandFromRuns, textCommandFromRunsInto, textLineBoxes$1 as textLineBoxes, textPoseLayoutInput, textToPath$1 as textToPath, textToPathsByPaint$1 as textToPathsByPaint, toRuns, transformRunTexts, unboldPatch, useCreateOutlinesAdapter, useNotices, useSceneTextEdit, useTextEdit, verticalAlignOffset, warnTextOutlines, warnUser };

package/dist/canvas/Canvas.js

@@ -1,12 +1,12 @@
-import { AUTO_POSE_DESCRIPTOR } from "../core/geometry/autoPoseDescriptor.js";
+import { registerMountedCanvas } from "./mountedCanvases.js";
 import { useViewHelpers } from "./useViewHelpers.js";
+import { useViewLayerGate } from "./useViewLayerGate.js";
+import { useSurfaceInput } from "./useSurfaceInput.js";
 import { useOptionalViewRegistry } from "./viewRegistry.js";
 import { useCanvasSurface } from "./useCanvasSurface.js";
 import { SurfaceCanvas } from "./SurfaceCanvas.js";
 import { useSurfaceSize } from "./useSurfaceSize.js";
-import { registerMountedCanvas } from "./mountedCanvases.js";
-import { useViewLayerGate } from "./useViewLayerGate.js";
-import { useSurfaceInput } from "./useSurfaceInput.js";
+import { AUTO_POSE_DESCRIPTOR } from "../core/geometry/autoPoseDescriptor.js";
 import { useDebugSink } from "../debug/useDebugSink.js";
 import { useToolCursor } from "./useToolCursor.js";
 import { useCanvasElements } from "./useCanvasElements.js";
@@ -22,7 +22,7 @@ import { forwardRef, useCallback, useEffect, useInsertionEffect, useLayoutEffect
 import { useLatest } from "@weasel-js/react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/canvas/Canvas.tsx
+// src/canvas/Canvas.tsx
 /**
 * Low-level WebGL surface + viewport primitive. Composes layers into a single GL render pass,
 * applies a view transform, and delivers hover to the layers that ask for it. It routes no
@@ -62,7 +62,11 @@ function CanvasInner(props, ref) {
 		dpr: props.dpr,
 		redrawOn: props.redrawOn,
 		shaders: props.shaders,
-		onCommit: "redraw"
+		onCommit: "redraw",
+		size: {
+			width,
+			height
+		}
 	});
 	const { getPaintedVersion, markPainted } = usePaintedVersion(props.contentVersion);
 	const { extrasRef, extrasVersion, registerLayer, hitTestExtrasIn } = useExtraLayers(gateRef);
@@ -199,6 +203,5 @@ function CanvasInner(props, ref) {
 *  `adapter` prop. */
 var Canvas = forwardRef(CanvasInner);
 
-//#endregion
 export { Canvas };
 //# sourceMappingURL=Canvas.js.map

package/dist/canvas/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","names":[],"sources":["../../src/canvas/Canvas.tsx"],"sourcesContent":["/**\n * Low-level WebGL surface + viewport primitive. Composes layers into a single GL render pass,\n * applies a view transform, and delivers hover to the layers that ask for it. It routes no\n * gesture: `<SceneCanvas>` mounts the gesture dispatcher on this same element. Canvas owns NO\n * scene-shaped state — selection, picking, kind registry, scene-aware overlays all live in\n * `<SceneCanvas>`, which wraps it.\n *\n * The `layers` prop is a map keyed by slot name, every slot already a layer. Standard slots\n * render at a canonical position; custom entries (any other key, value carrying `.layer`) insert\n * at `after`/`before` an existing slot, defaulting to the top.\n *\n * @internal\n * @deprecated Bare `<Canvas>` is not a supported consumer surface.\n *   Use `<SceneCanvas>` instead.\n */\n\nimport { forwardRef, useCallback, useEffect, useInsertionEffect, useLayoutEffect, useRef } from 'react';\nimport type React from 'react';\nimport type { CanvasExtensionApi } from './canvasExtension';\nimport { registerMountedCanvas } from './mountedCanvases';\nimport { useViewHelpers } from './useViewHelpers';\nimport { useViewLayerGate } from './useViewLayerGate';\nimport { useSurfaceInput } from './useSurfaceInput';\nimport { useOptionalViewRegistry } from './viewRegistry';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport type { CanvasHelpers } from './useViewHelpers';\nimport type { CanvasProps } from './canvasProps';\nimport { useLatest } from '@weasel-js/react';\nimport { SurfaceCanvas } from './SurfaceCanvas';\nimport { useSurfaceSize } from './useSurfaceSize';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { useDebugSink } from '../debug/useDebugSink';\nimport { useToolCursor } from './useToolCursor';\nimport { useCanvasElements } from './useCanvasElements';\nimport { alwaysVisible, useExtraLayers } from './useExtraLayers';\nimport { usePaintedCursor } from './usePaintedCursor';\nimport { useCanvasHandle } from './useCanvasHandle';\nimport { useComposedLayers, useSlotLayers } from './useLayerStack';\nimport { useViewRegistrySurface } from './useViewRegistrySurface';\nimport { useCanvasPaint, usePaintedVersion } from './useCanvasPaint';\nimport { layerHover } from './layerHover';\nimport { useClientToWorld } from './useClientToWorld';\n\nexport type { CanvasProps, CanvasRetainOptions } from './canvasProps';\n\nconst NO_SELECTION: SelectionApi['current'] = [];\n\nfunction CanvasInner<TPose>(\n  props: CanvasProps<TPose>,\n  ref: React.ForwardedRef<CanvasExtensionApi>,\n) {\n  const {\n    paintInto, inputElement, tools, viewState, style, getIsVisible, layerVisibility, layerOrder,\n    helpersRef, debugSinkRef,\n    poseDescriptor: geometry = AUTO_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>,\n  } = props;\n\n  const { sink: debugSink, overlay: debugOverlay, frameStats, getDebug } = useDebugSink(props.debug);\n  const elements = useCanvasElements(paintInto, inputElement);\n  const { canvasRef, ownCanvasRef, detached } = elements;\n  const { width, height } = useSurfaceSize(props, ownCanvasRef);\n\n  // Read by `hitTestExtras`, which is built once and must see live values.\n  const helpersForLayersRef = useRef<CanvasHelpers<TPose> | null>(null);\n  const dimsRef = useLatest({ width, height });\n  // Which layers reach the screen, and which chrome within them: asked by the\n  // paint and by every hit-test.\n  const gateRef = useLatest({ getIsVisible, layerVisibility, layerOrder });\n\n  // The frame loop paints; a committed render only marks the surface dirty, so\n  // no prop can reach the paint without repainting it. The thunk defers to\n  // `useCanvasPaint` below, which needs inputs this render has not computed yet.\n  const paintRef = useRef<() => boolean>(() => false);\n  const { lease, requestRedraw, subscribeFrame, subscribeBeforePaint, subscribeResume } = useCanvasSurface(\n    useCallback(() => paintRef.current(), []),\n    { syncPaint: props.syncPaint ?? false, target: canvasRef, dpr: props.dpr, redrawOn: props.redrawOn, shaders: props.shaders, onCommit: 'redraw' },\n  );\n  const { getPaintedVersion, markPainted } = usePaintedVersion(props.contentVersion);\n  const { extrasRef, extrasVersion, registerLayer, hitTestExtrasIn } = useExtraLayers(gateRef);\n\n  const {\n    viewRef, setView, getView, subscribeView,\n    adoptControlled, announceControlled, clearSubscribers,\n  } = viewState;\n\n  const toWorld = useClientToWorld(canvasRef, props.clientToWorld, viewRef);\n\n  useLayoutEffect(() => {\n    const element = canvasRef.current;\n    if (!element) return;\n    return registerMountedCanvas({ element, getView });\n  }, [canvasRef, detached, inputElement, getView]);\n\n  const { paintedCursor, paintedCursorLayer, cursorSink } = usePaintedCursor(canvasRef, requestRedraw);\n\n  const frame = { viewRef, dimsRef, helpersRef: helpersForLayersRef };\n  useCanvasHandle(ref, { ...elements, inputElement, paintCanvas: paintInto?.canvas }, frame, {\n    hitTestExtrasIn, clientToWorld: toWorld, requestRedraw, subscribeFrame, subscribeBeforePaint,\n    subscribeResume, registerLayer, getView, setView, subscribeView,\n    getPaintedVersion, paintedCursor, cursorSink, getDebug,\n  });\n\n  const viewRegistry = useOptionalViewRegistry();\n\n  // One view's overlay-aware state. A hook, so N views are N components each\n  // calling it once — not a loop in this body.\n  const layers = useSlotLayers(props.layers, tools, props.backgroundFill, props.decorationLayer);\n  const { helpers: viewHelpers } = useViewHelpers<TPose>({\n    adapter: props.adapter, geometry, boundsOf: props.boundsOf, boundsOfPose: props.boundsOfPose,\n    nodes: props.nodes, gestureSource: props.gestureSource, previewPoseExtra: props.previewPoseExtra,\n    getScale: () => viewRef.current.scale,\n    selection: () => props.selection?.current ?? NO_SELECTION,\n    getIsVisible: () => gateRef.current.getIsVisible?.() ?? alwaysVisible,\n    layerIsPainted: useViewLayerGate(layerVisibility, layerOrder, () => layers),\n  });\n  const helpersForLayers: CanvasHelpers<TPose> = { ...viewHelpers, getDebug: () => debugSink, viewId: null };\n\n  useViewRegistrySurface(viewRegistry, layers, frame, { requestRedraw, hitTestExtrasIn, clientToWorld: toWorld, setView: viewState.setViewFromInput });\n  const layersWithDebug = useComposedLayers(layers, {\n    viewRegistry, debugOverlay, extrasRef, extrasVersion, cursorLayer: paintedCursorLayer,\n  }, requestRedraw);\n\n  // Everything the paint, hit-testing and the view registry read that a React\n  // render owns. `useLatest` and the insertion effect below publish committed\n  // renders only, ahead of every layout effect in the commit, any of which may\n  // ask for a sync paint.\n  const paintInputsRef = useLatest({\n    layers: layersWithDebug, width, height, debugSink, frameStats,\n    dpr: props.dpr, layerGroups: props.layerGroups, shaders: props.shaders,\n    flattenTolerance: props.flattenTolerance, retain: props.retain, imageMinification: props.imageMinification,\n  });\n  useInsertionEffect(() => {\n    adoptControlled();\n    helpersForLayersRef.current = helpersForLayers;\n    if (helpersRef) helpersRef.current = helpersForLayers;\n    if (debugSinkRef) debugSinkRef.current = debugSink;\n  });\n  useLayoutEffect(() => {\n    announceControlled();\n  });\n\n  useCanvasPaint(paintRef, lease, elements, { ...frame, inputsRef: paintInputsRef, gateRef }, markPainted, requestRedraw);\n  useEffect(() => clearSubscribers, [clearSubscribers]);\n\n  useToolCursor(cursorSink, tools, detached ? inputElement : null, style?.cursor);\n\n  useSurfaceInput(canvasRef, {\n    focusOnPress: props.autoFocusOnPointerDown ?? true,\n    onFocus: props.onFocus,\n    onBlur: props.onBlur,\n    ...layerHover(layersWithDebug, {\n      viewRef, toWorld, layerVisibility, layerOrder, dims: { width, height },\n    }),\n  });\n\n  if (detached) return null;\n\n  return (\n    <SurfaceCanvas\n      ref={elements.setOwnCanvas}\n      width={props.width}\n      height={props.height}\n      tabIndex={props.tabIndex ?? 0} aria-label={props['aria-label']}\n      className={props.className} style={style}\n    />\n  );\n}\n\n/** Forward-ref'd `<canvas>` wrapper. Generic over the pose type, inferred from the\n *  `adapter` prop. */\nexport const Canvas = forwardRef(CanvasInner) as <TPose = unknown>(\n  props: CanvasProps<TPose> & { ref?: React.ForwardedRef<CanvasExtensionApi> },\n) => ReturnType<typeof CanvasInner>;\n\n"],"mappings":"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"}
+{"version":3,"file":"Canvas.js","names":[],"sources":["../../src/canvas/Canvas.tsx"],"sourcesContent":["/**\n * Low-level WebGL surface + viewport primitive. Composes layers into a single GL render pass,\n * applies a view transform, and delivers hover to the layers that ask for it. It routes no\n * gesture: `<SceneCanvas>` mounts the gesture dispatcher on this same element. Canvas owns NO\n * scene-shaped state — selection, picking, kind registry, scene-aware overlays all live in\n * `<SceneCanvas>`, which wraps it.\n *\n * The `layers` prop is a map keyed by slot name, every slot already a layer. Standard slots\n * render at a canonical position; custom entries (any other key, value carrying `.layer`) insert\n * at `after`/`before` an existing slot, defaulting to the top.\n *\n * @internal\n * @deprecated Bare `<Canvas>` is not a supported consumer surface.\n *   Use `<SceneCanvas>` instead.\n */\n\nimport { forwardRef, useCallback, useEffect, useInsertionEffect, useLayoutEffect, useRef } from 'react';\nimport type React from 'react';\nimport type { CanvasExtensionApi } from './canvasExtension';\nimport { registerMountedCanvas } from './mountedCanvases';\nimport { useViewHelpers } from './useViewHelpers';\nimport { useViewLayerGate } from './useViewLayerGate';\nimport { useSurfaceInput } from './useSurfaceInput';\nimport { useOptionalViewRegistry } from './viewRegistry';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport type { CanvasHelpers } from './useViewHelpers';\nimport type { CanvasProps } from './canvasProps';\nimport { useLatest } from '@weasel-js/react';\nimport { SurfaceCanvas } from './SurfaceCanvas';\nimport { useSurfaceSize } from './useSurfaceSize';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport { useDebugSink } from '../debug/useDebugSink';\nimport { useToolCursor } from './useToolCursor';\nimport { useCanvasElements } from './useCanvasElements';\nimport { alwaysVisible, useExtraLayers } from './useExtraLayers';\nimport { usePaintedCursor } from './usePaintedCursor';\nimport { useCanvasHandle } from './useCanvasHandle';\nimport { useComposedLayers, useSlotLayers } from './useLayerStack';\nimport { useViewRegistrySurface } from './useViewRegistrySurface';\nimport { useCanvasPaint, usePaintedVersion } from './useCanvasPaint';\nimport { layerHover } from './layerHover';\nimport { useClientToWorld } from './useClientToWorld';\n\nexport type { CanvasProps, CanvasRetainOptions } from './canvasProps';\n\nconst NO_SELECTION: SelectionApi['current'] = [];\n\nfunction CanvasInner<TPose>(\n  props: CanvasProps<TPose>,\n  ref: React.ForwardedRef<CanvasExtensionApi>,\n) {\n  const {\n    paintInto, inputElement, tools, viewState, style, getIsVisible, layerVisibility, layerOrder,\n    helpersRef, debugSinkRef,\n    poseDescriptor: geometry = AUTO_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>,\n  } = props;\n\n  const { sink: debugSink, overlay: debugOverlay, frameStats, getDebug } = useDebugSink(props.debug);\n  const elements = useCanvasElements(paintInto, inputElement);\n  const { canvasRef, ownCanvasRef, detached } = elements;\n  const { width, height } = useSurfaceSize(props, ownCanvasRef);\n\n  // Read by `hitTestExtras`, which is built once and must see live values.\n  const helpersForLayersRef = useRef<CanvasHelpers<TPose> | null>(null);\n  const dimsRef = useLatest({ width, height });\n  // Which layers reach the screen, and which chrome within them: asked by the\n  // paint and by every hit-test.\n  const gateRef = useLatest({ getIsVisible, layerVisibility, layerOrder });\n\n  // The frame loop paints; a committed render only marks the surface dirty, so\n  // no prop can reach the paint without repainting it. The thunk defers to\n  // `useCanvasPaint` below, which needs inputs this render has not computed yet.\n  const paintRef = useRef<() => boolean>(() => false);\n  const { lease, requestRedraw, subscribeFrame, subscribeBeforePaint, subscribeResume } = useCanvasSurface(\n    useCallback(() => paintRef.current(), []),\n    { syncPaint: props.syncPaint ?? false, target: canvasRef, dpr: props.dpr, redrawOn: props.redrawOn, shaders: props.shaders, onCommit: 'redraw', size: { width, height } },\n  );\n  const { getPaintedVersion, markPainted } = usePaintedVersion(props.contentVersion);\n  const { extrasRef, extrasVersion, registerLayer, hitTestExtrasIn } = useExtraLayers(gateRef);\n\n  const {\n    viewRef, setView, getView, subscribeView,\n    adoptControlled, announceControlled, clearSubscribers,\n  } = viewState;\n\n  const toWorld = useClientToWorld(canvasRef, props.clientToWorld, viewRef);\n\n  useLayoutEffect(() => {\n    const element = canvasRef.current;\n    if (!element) return;\n    return registerMountedCanvas({ element, getView });\n  }, [canvasRef, detached, inputElement, getView]);\n\n  const { paintedCursor, paintedCursorLayer, cursorSink } = usePaintedCursor(canvasRef, requestRedraw);\n\n  const frame = { viewRef, dimsRef, helpersRef: helpersForLayersRef };\n  useCanvasHandle(ref, { ...elements, inputElement, paintCanvas: paintInto?.canvas }, frame, {\n    hitTestExtrasIn, clientToWorld: toWorld, requestRedraw, subscribeFrame, subscribeBeforePaint,\n    subscribeResume, registerLayer, getView, setView, subscribeView,\n    getPaintedVersion, paintedCursor, cursorSink, getDebug,\n  });\n\n  const viewRegistry = useOptionalViewRegistry();\n\n  // One view's overlay-aware state. A hook, so N views are N components each\n  // calling it once — not a loop in this body.\n  const layers = useSlotLayers(props.layers, tools, props.backgroundFill, props.decorationLayer);\n  const { helpers: viewHelpers } = useViewHelpers<TPose>({\n    adapter: props.adapter, geometry, boundsOf: props.boundsOf, boundsOfPose: props.boundsOfPose,\n    nodes: props.nodes, gestureSource: props.gestureSource, previewPoseExtra: props.previewPoseExtra,\n    getScale: () => viewRef.current.scale,\n    selection: () => props.selection?.current ?? NO_SELECTION,\n    getIsVisible: () => gateRef.current.getIsVisible?.() ?? alwaysVisible,\n    layerIsPainted: useViewLayerGate(layerVisibility, layerOrder, () => layers),\n  });\n  const helpersForLayers: CanvasHelpers<TPose> = { ...viewHelpers, getDebug: () => debugSink, viewId: null };\n\n  useViewRegistrySurface(viewRegistry, layers, frame, { requestRedraw, hitTestExtrasIn, clientToWorld: toWorld, setView: viewState.setViewFromInput });\n  const layersWithDebug = useComposedLayers(layers, {\n    viewRegistry, debugOverlay, extrasRef, extrasVersion, cursorLayer: paintedCursorLayer,\n  }, requestRedraw);\n\n  // Everything the paint, hit-testing and the view registry read that a React\n  // render owns. `useLatest` and the insertion effect below publish committed\n  // renders only, ahead of every layout effect in the commit, any of which may\n  // ask for a sync paint.\n  const paintInputsRef = useLatest({\n    layers: layersWithDebug, width, height, debugSink, frameStats,\n    dpr: props.dpr, layerGroups: props.layerGroups, shaders: props.shaders,\n    flattenTolerance: props.flattenTolerance, retain: props.retain, imageMinification: props.imageMinification,\n  });\n  useInsertionEffect(() => {\n    adoptControlled();\n    helpersForLayersRef.current = helpersForLayers;\n    if (helpersRef) helpersRef.current = helpersForLayers;\n    if (debugSinkRef) debugSinkRef.current = debugSink;\n  });\n  useLayoutEffect(() => {\n    announceControlled();\n  });\n\n  useCanvasPaint(paintRef, lease, elements, { ...frame, inputsRef: paintInputsRef, gateRef }, markPainted, requestRedraw);\n  useEffect(() => clearSubscribers, [clearSubscribers]);\n\n  useToolCursor(cursorSink, tools, detached ? inputElement : null, style?.cursor);\n\n  useSurfaceInput(canvasRef, {\n    focusOnPress: props.autoFocusOnPointerDown ?? true,\n    onFocus: props.onFocus,\n    onBlur: props.onBlur,\n    ...layerHover(layersWithDebug, {\n      viewRef, toWorld, layerVisibility, layerOrder, dims: { width, height },\n    }),\n  });\n\n  if (detached) return null;\n\n  return (\n    <SurfaceCanvas\n      ref={elements.setOwnCanvas}\n      width={props.width}\n      height={props.height}\n      tabIndex={props.tabIndex ?? 0} aria-label={props['aria-label']}\n      className={props.className} style={style}\n    />\n  );\n}\n\n/** Forward-ref'd `<canvas>` wrapper. Generic over the pose type, inferred from the\n *  `adapter` prop. */\nexport const Canvas = forwardRef(CanvasInner) as <TPose = unknown>(\n  props: CanvasProps<TPose> & { ref?: React.ForwardedRef<CanvasExtensionApi> },\n) => ReturnType<typeof CanvasInner>;\n\n"],"mappings":"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"}

package/dist/canvas/CanvasView.js

@@ -1,24 +1,24 @@
+import { clientToWorld } from "../core/viewport/clientToWorld.js";
 import { createViewportLayer } from "../domains/viewports/viewportLayer.js";
-import { useDeviceProfile } from "../core/device/useDeviceProfile.js";
 import { viewportWorldRect } from "../core/viewport/viewportWorldRect.js";
-import { clientToWorld } from "../core/viewport/clientToWorld.js";
 import { useSelection } from "../core/selection/useSelection.js";
 import { AUTO_POSE_DESCRIPTOR } from "../core/geometry/autoPoseDescriptor.js";
 import { useViewHelpers } from "./useViewHelpers.js";
-import { NO_RECT, sizeOf, useViewNesting } from "./useViewNesting.js";
-import { anchorStateFrom, buildAffordanceAt, buildClassifyTarget, layerAffordance } from "./affordanceAt.js";
-import { IDENTITY_VIEW, UNMEASURED_DIMS, surfaceLocal, useOptionalViewRegistry } from "./viewRegistry.js";
 import { useViewAim } from "./useViewAim.js";
 import { hitAtOf } from "./deps/dispatchSources.js";
+import { anchorStateFrom, buildAffordanceAt, buildClassifyTarget, layerAffordance } from "./affordanceAt.js";
 import { pathFromPlane } from "./planeClips.js";
+import { useDeviceProfile } from "../core/device/useDeviceProfile.js";
 import { createDispatcherPreviewSources, createGestureSource } from "./SceneCanvas/dispatcherGestureBounds.js";
 import { useOptionalViewInputs } from "./viewInputs.js";
+import { NO_RECT, sizeOf, useViewNesting } from "./useViewNesting.js";
+import { IDENTITY_VIEW, UNMEASURED_DIMS, surfaceLocal, useOptionalViewRegistry } from "./viewRegistry.js";
 import { useCallback, useEffect, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { useLatest } from "@weasel-js/react";
 import { createDispatcher } from "@weasel-js/routing";
 import { useOptionalDepRegistry } from "@weasel-js/routing/react";
 
-//#region src/canvas/CanvasView.tsx
+// src/canvas/CanvasView.tsx
 /**
 * `<CanvasView>` — a second view on an existing canvas: its own camera over a
 * rect of the surface, with input routed to it.
@@ -296,6 +296,5 @@ function CanvasView(props) {
 	return null;
 }
 
-//#endregion
 export { CanvasView };
 //# sourceMappingURL=CanvasView.js.map

package/dist/canvas/CursorCoordsHud.js

@@ -1,12 +1,12 @@
-import { clientToWorld } from "../core/viewport/clientToWorld.js";
 import hud_module_default from "./hud.module.js";
 import { useHostAnchor } from "./useHostAnchor.js";
+import { clientToWorld } from "../core/viewport/clientToWorld.js";
 import { useEffect, useRef, useState } from "react";
 import { useLatest, useVisibleRaf } from "@weasel-js/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { decimal, qty } from "@weasel-js/quantity";
 
-//#region src/canvas/CursorCoordsHud.tsx
+// src/canvas/CursorCoordsHud.tsx
 /**
 * Fixed-position dev HUD that shows the cursor's current viewport
 * (client) coords next to the equivalent canvas (world) coords. Pins to the
@@ -140,6 +140,5 @@ function point({ x, y }, places) {
 	return `(${qty(x, at).text}, ${qty(y, at).text})`;
 }
 
-//#endregion
 export { CursorCoordsHud };
 //# sourceMappingURL=CursorCoordsHud.js.map

package/dist/canvas/DrawCanvas.js

@@ -1,14 +1,14 @@
-import { backgroundFillCommands } from "../core/layers/backgroundFill.js";
-import { normalizeView } from "../core/viewport/view.js";
 import { useCanvasSurface } from "./useCanvasSurface.js";
 import { SurfaceCanvas } from "./SurfaceCanvas.js";
 import { useSurfaceSize } from "./useSurfaceSize.js";
+import { backgroundFillCommands } from "../core/layers/backgroundFill.js";
+import { normalizeView } from "../core/viewport/view.js";
 import { viewToMat3 } from "@weasel-js/geom";
 import { useCallback, useRef } from "react";
 import { assignRef } from "@weasel-js/react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/canvas/DrawCanvas.tsx
+// src/canvas/DrawCanvas.tsx
 /**
 * `<DrawCanvas>` — a sized, DPR-correct WebGL2 surface that paints a list of
 * draw commands, with no scene, tools or dispatcher behind it.
@@ -68,7 +68,11 @@ function DrawCanvas(props) {
 		target: canvasElRef,
 		dpr,
 		redrawOn,
-		onCommit: "paint"
+		onCommit: "paint",
+		size: {
+			width,
+			height
+		}
 	});
 	return /* @__PURE__ */ jsx(SurfaceCanvas, {
 		ref: setRefs,
@@ -78,6 +82,5 @@ function DrawCanvas(props) {
 	});
 }
 
-//#endregion
 export { DrawCanvas };
 //# sourceMappingURL=DrawCanvas.js.map

package/dist/canvas/DrawCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawCanvas.js","names":[],"sources":["../../src/canvas/DrawCanvas.tsx"],"sourcesContent":["/**\n * `<DrawCanvas>` — a sized, DPR-correct WebGL2 surface that paints a list of\n * draw commands, with no scene, tools or dispatcher behind it.\n *\n * It paints through the same surface hook as `<SceneViewCanvas>`\n * (`useCanvasSurface`), whose frame loop stops while the canvas is off screen\n * or the tab is hidden. Like `<SceneViewCanvas>` it attaches no event\n * listeners. Its size is `width` × `height` unless a `className` rule sizes\n * the element; the drawing buffer stays `width` × `height` either way. Given\n * neither, it fills its parent.\n */\nimport { useCallback, useRef } from 'react';\nimport type { Ref } from 'react';\nimport { assignRef } from '@weasel-js/react';\nimport type { Paint } from '@weasel-js/paint';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport { SurfaceCanvas } from './SurfaceCanvas';\nimport { useSurfaceSize, type SurfaceSizeProps } from './useSurfaceSize';\nimport type { CanvasRendererLease } from './canvasRenderer';\nimport { viewToMat3 } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RedrawSource } from '../core/layers/render';\nimport { backgroundFillCommands } from '../core/layers/backgroundFill';\nimport { normalizeView, type View } from '../core/viewport/view';\n\n/** What a `<DrawCanvas>` paints: a command list, or a function returning one\n *  that is called on every paint with the surface's CSS-pixel size. */\nexport type DrawCanvasDraw =\n  | readonly DrawCommand[]\n  | ((size: { width: number; height: number }) => readonly DrawCommand[]);\n\n/** Props for `<DrawCanvas>`. */\nexport interface DrawCanvasProps extends SurfaceSizeProps {\n  /** The commands to paint, in the coordinate space `view` maps to the\n   *  screen — CSS pixels when `view` is omitted. A new array repaints on the\n   *  next frame. A function is read at paint time, so state it reads outside\n   *  React repaints when one of `redrawOn`'s sources notifies. */\n  draw: DrawCanvasDraw;\n  /** Camera over `draw`'s commands. Defaults to the identity view. */\n  view?: View;\n  /** Fills the whole surface beneath `draw`, in screen space. The canvas is\n   *  transparent without it. */\n  background?: Paint;\n  /** External state a `draw` function reads. Each source is subscribed while\n   *  mounted and repaints the canvas when it notifies. */\n  redrawOn?: readonly RedrawSource[];\n  /** Device-pixel ratio. Defaults to `window.devicePixelRatio`, read per\n   *  paint. */\n  dpr?: number;\n  /** CSS class for the `<canvas>` element. */\n  className?: string;\n  /** Receives the underlying `<canvas>`, for pointer listeners or `toBlob`. */\n  canvasRef?: Ref<HTMLCanvasElement>;\n}\n\nconst IDENTITY_VIEW: View = { x: 0, y: 0, scale: { x: 1, y: 1 } };\n\n/**\n * Paint draw commands onto a canvas of its own. For a surface that only draws —\n * a package demo, a swatch, a preview — where a `<SceneCanvas>` would bring a\n * scene, tools and an input dispatcher that nothing uses.\n */\nexport function DrawCanvas(props: DrawCanvasProps) {\n  const { draw, background, redrawOn, dpr, className, canvasRef } = props;\n  const view = props.view ? normalizeView(props.view) : IDENTITY_VIEW;\n\n  const canvasElRef = useRef<HTMLCanvasElement | null>(null);\n  const setRefs = useCallback((el: HTMLCanvasElement | null) => {\n    canvasElRef.current = el;\n    assignRef(canvasRef, el);\n  }, [canvasRef]);\n  const { width, height } = useSurfaceSize(props, canvasElRef);\n\n  const paint = (lease: CanvasRendererLease): boolean => {\n    const el = canvasElRef.current;\n    if (!el || width === 0 || height === 0) return false;\n    const content = typeof draw === 'function' ? draw({ width, height }) : draw;\n    const commands: DrawCommand[] = background ? backgroundFillCommands(background, { width, height }) : [];\n    commands.push({ kind: 'group', transform: viewToMat3(view), children: [...content] });\n    return lease.paint(el, commands, view, { width, height, dpr });\n  };\n  useCanvasSurface(paint, { target: canvasElRef, dpr, redrawOn, onCommit: 'paint' });\n\n  return <SurfaceCanvas ref={setRefs} width={props.width} height={props.height} className={className} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuDA,IAAM,gBAAsB;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;EAAE,GAAG;EAAG,GAAG;CAAE;AAAE;;;;;;AAOhE,SAAgB,WAAW,OAAwB;CACjD,MAAM,EAAE,MAAM,YAAY,UAAU,KAAK,WAAW,cAAc;CAClE,MAAM,OAAO,MAAM,OAAO,cAAc,MAAM,IAAI,IAAI;CAEtD,MAAM,cAAc,OAAiC,IAAI;CACzD,MAAM,UAAU,aAAa,OAAiC;EAC5D,YAAY,UAAU;EACtB,UAAU,WAAW,EAAE;CACzB,GAAG,CAAC,SAAS,CAAC;CACd,MAAM,EAAE,OAAO,WAAW,eAAe,OAAO,WAAW;CAE3D,MAAM,SAAS,UAAwC;EACrD,MAAM,KAAK,YAAY;EACvB,IAAI,CAAC,MAAM,UAAU,KAAK,WAAW,GAAG,OAAO;EAC/C,MAAM,UAAU,OAAO,SAAS,aAAa,KAAK;GAAE;GAAO;EAAO,CAAC,IAAI;EACvE,MAAM,WAA0B,aAAa,uBAAuB,YAAY;GAAE;GAAO;EAAO,CAAC,IAAI,CAAC;EACtG,SAAS,KAAK;GAAE,MAAM;GAAS,WAAW,WAAW,IAAI;GAAG,UAAU,CAAC,GAAG,OAAO;EAAE,CAAC;EACpF,OAAO,MAAM,MAAM,IAAI,UAAU,MAAM;GAAE;GAAO;GAAQ;EAAI,CAAC;CAC/D;CACA,iBAAiB,OAAO;EAAE,QAAQ;EAAa;EAAK;EAAU,UAAU;CAAQ,CAAC;CAEjF,OAAO,oBAAC,eAAD;EAAe,KAAK;EAAS,OAAO,MAAM;EAAO,QAAQ,MAAM;EAAmB;CAAY,CAAA;AACvG"}
+{"version":3,"file":"DrawCanvas.js","names":[],"sources":["../../src/canvas/DrawCanvas.tsx"],"sourcesContent":["/**\n * `<DrawCanvas>` — a sized, DPR-correct WebGL2 surface that paints a list of\n * draw commands, with no scene, tools or dispatcher behind it.\n *\n * It paints through the same surface hook as `<SceneViewCanvas>`\n * (`useCanvasSurface`), whose frame loop stops while the canvas is off screen\n * or the tab is hidden. Like `<SceneViewCanvas>` it attaches no event\n * listeners. Its size is `width` × `height` unless a `className` rule sizes\n * the element; the drawing buffer stays `width` × `height` either way. Given\n * neither, it fills its parent.\n */\nimport { useCallback, useRef } from 'react';\nimport type { Ref } from 'react';\nimport { assignRef } from '@weasel-js/react';\nimport type { Paint } from '@weasel-js/paint';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport { SurfaceCanvas } from './SurfaceCanvas';\nimport { useSurfaceSize, type SurfaceSizeProps } from './useSurfaceSize';\nimport type { CanvasRendererLease } from './canvasRenderer';\nimport { viewToMat3 } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RedrawSource } from '../core/layers/render';\nimport { backgroundFillCommands } from '../core/layers/backgroundFill';\nimport { normalizeView, type View } from '../core/viewport/view';\n\n/** What a `<DrawCanvas>` paints: a command list, or a function returning one\n *  that is called on every paint with the surface's CSS-pixel size. */\nexport type DrawCanvasDraw =\n  | readonly DrawCommand[]\n  | ((size: { width: number; height: number }) => readonly DrawCommand[]);\n\n/** Props for `<DrawCanvas>`. */\nexport interface DrawCanvasProps extends SurfaceSizeProps {\n  /** The commands to paint, in the coordinate space `view` maps to the\n   *  screen — CSS pixels when `view` is omitted. A new array repaints on the\n   *  next frame. A function is read at paint time, so state it reads outside\n   *  React repaints when one of `redrawOn`'s sources notifies. */\n  draw: DrawCanvasDraw;\n  /** Camera over `draw`'s commands. Defaults to the identity view. */\n  view?: View;\n  /** Fills the whole surface beneath `draw`, in screen space. The canvas is\n   *  transparent without it. */\n  background?: Paint;\n  /** External state a `draw` function reads. Each source is subscribed while\n   *  mounted and repaints the canvas when it notifies. */\n  redrawOn?: readonly RedrawSource[];\n  /** Device-pixel ratio. Defaults to `window.devicePixelRatio`, read per\n   *  paint. */\n  dpr?: number;\n  /** CSS class for the `<canvas>` element. */\n  className?: string;\n  /** Receives the underlying `<canvas>`, for pointer listeners or `toBlob`. */\n  canvasRef?: Ref<HTMLCanvasElement>;\n}\n\nconst IDENTITY_VIEW: View = { x: 0, y: 0, scale: { x: 1, y: 1 } };\n\n/**\n * Paint draw commands onto a canvas of its own. For a surface that only draws —\n * a package demo, a swatch, a preview — where a `<SceneCanvas>` would bring a\n * scene, tools and an input dispatcher that nothing uses.\n */\nexport function DrawCanvas(props: DrawCanvasProps) {\n  const { draw, background, redrawOn, dpr, className, canvasRef } = props;\n  const view = props.view ? normalizeView(props.view) : IDENTITY_VIEW;\n\n  const canvasElRef = useRef<HTMLCanvasElement | null>(null);\n  const setRefs = useCallback((el: HTMLCanvasElement | null) => {\n    canvasElRef.current = el;\n    assignRef(canvasRef, el);\n  }, [canvasRef]);\n  const { width, height } = useSurfaceSize(props, canvasElRef);\n\n  const paint = (lease: CanvasRendererLease): boolean => {\n    const el = canvasElRef.current;\n    if (!el || width === 0 || height === 0) return false;\n    const content = typeof draw === 'function' ? draw({ width, height }) : draw;\n    const commands: DrawCommand[] = background ? backgroundFillCommands(background, { width, height }) : [];\n    commands.push({ kind: 'group', transform: viewToMat3(view), children: [...content] });\n    return lease.paint(el, commands, view, { width, height, dpr });\n  };\n  useCanvasSurface(paint, { target: canvasElRef, dpr, redrawOn, onCommit: 'paint', size: { width, height } });\n\n  return <SurfaceCanvas ref={setRefs} width={props.width} height={props.height} className={className} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuDA,IAAM,gBAAsB;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;EAAE,GAAG;EAAG,GAAG;CAAE;AAAE;;;;;;AAOhE,SAAgB,WAAW,OAAwB;CACjD,MAAM,EAAE,MAAM,YAAY,UAAU,KAAK,WAAW,cAAc;CAClE,MAAM,OAAO,MAAM,OAAO,cAAc,MAAM,IAAI,IAAI;CAEtD,MAAM,cAAc,OAAiC,IAAI;CACzD,MAAM,UAAU,aAAa,OAAiC;EAC5D,YAAY,UAAU;EACtB,UAAU,WAAW,EAAE;CACzB,GAAG,CAAC,SAAS,CAAC;CACd,MAAM,EAAE,OAAO,WAAW,eAAe,OAAO,WAAW;CAE3D,MAAM,SAAS,UAAwC;EACrD,MAAM,KAAK,YAAY;EACvB,IAAI,CAAC,MAAM,UAAU,KAAK,WAAW,GAAG,OAAO;EAC/C,MAAM,UAAU,OAAO,SAAS,aAAa,KAAK;GAAE;GAAO;EAAO,CAAC,IAAI;EACvE,MAAM,WAA0B,aAAa,uBAAuB,YAAY;GAAE;GAAO;EAAO,CAAC,IAAI,CAAC;EACtG,SAAS,KAAK;GAAE,MAAM;GAAS,WAAW,WAAW,IAAI;GAAG,UAAU,CAAC,GAAG,OAAO;EAAE,CAAC;EACpF,OAAO,MAAM,MAAM,IAAI,UAAU,MAAM;GAAE;GAAO;GAAQ;EAAI,CAAC;CAC/D;CACA,iBAAiB,OAAO;EAAE,QAAQ;EAAa;EAAK;EAAU,UAAU;EAAS,MAAM;GAAE;GAAO;EAAO;CAAE,CAAC;CAE1G,OAAO,oBAAC,eAAD;EAAe,KAAK;EAAS,OAAO,MAAM;EAAO,QAAQ,MAAM;EAAmB;CAAY,CAAA;AACvG"}

package/dist/canvas/GestureReason.js

@@ -6,7 +6,7 @@ import { useEffect, useState } from "react";
 import { overlaysOf } from "@weasel-js/routing";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/canvas/GestureReason.tsx
+// src/canvas/GestureReason.tsx
 /**
 * The reason an in-flight gesture cannot land where it is, beside the pointer:
 * the DOM half of the `reason` overlay, which the canvas layers cannot paint
@@ -59,6 +59,5 @@ function GestureReason({ dispatcher, canvasRef, viewRef }) {
 	});
 }
 
-//#endregion
 export { GestureReason };
 //# sourceMappingURL=GestureReason.js.map