@weasel-js/core 1.10.0 → 1.10.1

package/dist/barrel/routing.js

@@ -7,51 +7,52 @@ import { resizeAction as u } from "../interactions/actions/resize/action.js";
 import { rotateAction as d } from "../interactions/actions/rotate/action.js";
 import { areaSelectAction as f } from "../interactions/actions/defaults/areaSelect.js";
 import { insertAction as p } from "../interactions/actions/insert/action.js";
-import { clearSelectionAction as m } from "../interactions/actions/defaults/clearSelection.js";
-import { cloneAction as h } from "../interactions/actions/clone/action.js";
-import { viewportDragPanAction as g } from "../interactions/actions/defaults/viewportDragPan.js";
-import { makeViewportZoomAction as _, viewportZoomAction as v } from "../interactions/actions/defaults/viewportZoom.js";
-import { makeViewportWheelPanAction as y, viewportWheelPanAction as b } from "../interactions/actions/defaults/viewportWheelPan.js";
-import { editAnchorsAction as x } from "../interactions/actions/edit-anchors/action.js";
-import { selectFromLasso as S } from "../interactions/actions/lasso-select/behaviors/selectFromLasso.js";
-import { lassoSelectAction as C } from "../interactions/actions/lasso-select/action.js";
-import { sliceAction as w } from "../interactions/actions/defaults/slice.js";
-import { makePinchZoomAction as T, pinchZoomAction as E } from "../interactions/actions/defaults/pinchZoom.js";
-import { clipboardCopyAction as D, clipboardCutAction as O, clipboardPasteAction as k, clipboardPasteEventAction as A } from "../interactions/actions/clipboard/action.js";
-import { enterTextEditAction as j } from "../interactions/actions/defaults/enterTextEdit.js";
-import { KIT_STANDARD_ACTION_IDS as M, useStandardActions as N } from "../interactions/actions/useStandardActions.js";
-import { useResizePolicy as P } from "../canvas/deps/resizePolicy.js";
-import { usePoseDescriptorDepSource as F } from "../canvas/deps/poseDescriptor.js";
-import { computeSliceOps as I } from "../interactions/actions/defaults/sliceOps.js";
-import { useSliceDep as L, useSliceDepSource as R } from "../canvas/deps/slice.js";
-import { defineTool as z, useTools as B } from "../tools/overlayBinding.js";
-import { useKeybindings as V } from "../tools/useKeybindings.js";
-import { pickTopMostHit as H } from "../tools/builtin/pickTopMostHit.js";
-import { AREA_SELECT_ID as U, SELECTION_MOVE_ID as W, SELECTION_RESIZE_ID as G, SELECTION_ROTATE_ID as K, SELECTION_TRANSFORM_ID as q, areaSelectContribution as J, onEmptyCanvas as Y, selectionMoveBindings as X, selectionMoveContribution as Z, selectionResizeBindings as Q, selectionResizeContribution as $, selectionRotateBindings as ee, selectionRotateContribution as te, selectionTransformBindings as ne, selectionTransformContribution as re } from "../tools/builtin/select/selectionContributions.js";
-import { useSelectTool as ie } from "../tools/builtin/select/useSelectTool.js";
-import { useHandTool as ae } from "../tools/builtin/hand/useHandTool.js";
-import { DRAG_PAN_ID as oe, dragPanContribution as se } from "../tools/builtin/hand/dragPanContribution.js";
-import { useTextTool as ce } from "../tools/builtin/text/useTextTool.js";
-import { placedRig as le } from "../tools/builtin/bone/placedRig.js";
-import { createBoneOverlay as ue } from "../tools/builtin/bone/boneOverlay.js";
-import { createRigEditState as de } from "../tools/builtin/bone/rigEditState.js";
-import { useBoneTool as fe } from "../tools/builtin/bone/useBoneTool.js";
-import { weighedPaths as pe } from "../tools/builtin/weight/weightActions.js";
-import { createWeightOverlay as me } from "../tools/builtin/weight/weightOverlay.js";
-import { useWeightTool as he } from "../tools/builtin/weight/useWeightTool.js";
-import { usePenTool as ge } from "../tools/builtin/pen/usePenTool.js";
-import { useRectTool as _e } from "../tools/builtin/rect/useRectTool.js";
-import { useEllipseTool as ve } from "../tools/builtin/ellipse/useEllipseTool.js";
-import { useImageTool as ye } from "../tools/builtin/image/useImageTool.js";
-import { useEyedropperTool as be } from "../tools/builtin/eyedropper/useEyedropperTool.js";
-import { useLineTool as xe } from "../tools/builtin/line/useLineTool.js";
-import { useLassoTool as Se } from "../tools/builtin/lasso/useLassoTool.js";
-import { usePolygonTool as Ce } from "../tools/builtin/polygon/usePolygonTool.js";
-import { useStarTool as we } from "../tools/builtin/star/useStarTool.js";
-import { usePencilTool as Te } from "../tools/builtin/pencil/usePencilTool.js";
-import { useSliceTool as Ee } from "../tools/builtin/slice/useSliceTool.js";
-import { useLatest as De } from "@weasel-js/react";
-import { ActionDisabledReason as Oe, actionBindings as ke, actionItems as Ae, buildDepsFromRequires as je, createDepRegistry as Me, createDispatcher as Ne, deleteScratch as Pe, evaluateActive as Fe, evaluateEnabled as Ie, getScratch as Le, heldKeySpec as Re, resolveParams as ze, scratchKey as Be, setScratch as Ve, specificity as He } from "@weasel-js/routing";
-import { bodyPredicate as Ue, hitPredicate as We } from "@weasel-js/gestures";
-import { ActionsProvider as Ge, ActiveToolContextProvider as Ke, ActiveToolContextProviderIfRoot as qe, DepRegistryProvider as Je, InputScope as Ye, Yoke as Xe, useAction as Ze, useActionsRegistry as Qe, useActiveToolContext as $e, useDepRegistry as et, useDepSource as tt, useGestureDispatcher as nt, useOngoingAction as rt, useOptionalActiveToolContext as it, useOptionalDepRegistry as at, useYoke as ot } from "@weasel-js/routing/react";
-export { U as AREA_SELECT_ID, Oe as ActionDisabledReason, Ge as ActionsProvider, Ke as ActiveToolContextProvider, qe as ActiveToolContextProviderIfRoot, e as CORNER_ANCHORS, oe as DRAG_PAN_ID, Je as DepRegistryProvider, Ye as InputScope, M as KIT_STANDARD_ACTION_IDS, W as SELECTION_MOVE_ID, G as SELECTION_RESIZE_ID, K as SELECTION_ROTATE_ID, q as SELECTION_TRANSFORM_ID, Xe as Yoke, ke as actionBindings, Ae as actionItems, n as actionShortcuts, f as areaSelectAction, J as areaSelectContribution, Ue as bodyPredicate, je as buildDepsFromRequires, m as clearSelectionAction, D as clipboardCopyAction, O as clipboardCutAction, k as clipboardPasteAction, A as clipboardPasteEventAction, h as cloneAction, I as computeSliceOps, t as cornerPoint, ue as createBoneOverlay, Me as createDepRegistry, Ne as createDispatcher, de as createRigEditState, me as createWeightOverlay, c as defaultCommitAdapter, z as defineTool, Pe as deleteScratch, se as dragPanContribution, x as editAnchorsAction, i as editingLayer, j as enterTextEditAction, Fe as evaluateActive, Ie as evaluateEnabled, Le as getScratch, Re as heldKeySpec, We as hitPredicate, a as inPlane, p as insertAction, o as insertLayer, r as keySpecShortcut, C as lassoSelectAction, T as makePinchZoomAction, y as makeViewportWheelPanAction, _ as makeViewportZoomAction, l as moveAction, Y as onEmptyCanvas, H as pickTopMostHit, E as pinchZoomAction, le as placedRig, u as resizeAction, ze as resolveParams, d as rotateAction, Be as scratchKey, S as selectFromLasso, s as selectionLayer, X as selectionMoveBindings, Z as selectionMoveContribution, Q as selectionResizeBindings, $ as selectionResizeContribution, ee as selectionRotateBindings, te as selectionRotateContribution, ne as selectionTransformBindings, re as selectionTransformContribution, Ve as setScratch, w as sliceAction, He as specificity, Ze as useAction, Qe as useActionsRegistry, $e as useActiveToolContext, fe as useBoneTool, et as useDepRegistry, tt as useDepSource, ve as useEllipseTool, be as useEyedropperTool, nt as useGestureDispatcher, ae as useHandTool, ye as useImageTool, V as useKeybindings, Se as useLassoTool, De as useLatest, xe as useLineTool, rt as useOngoingAction, it as useOptionalActiveToolContext, at as useOptionalDepRegistry, ge as usePenTool, Te as usePencilTool, Ce as usePolygonTool, F as usePoseDescriptorDepSource, _e as useRectTool, P as useResizePolicy, ie as useSelectTool, L as useSliceDep, R as useSliceDepSource, Ee as useSliceTool, N as useStandardActions, we as useStarTool, ce as useTextTool, B as useTools, he as useWeightTool, ot as useYoke, g as viewportDragPanAction, b as viewportWheelPanAction, v as viewportZoomAction, pe as weighedPaths };
+import { INSERT_REPOSITION_BINDING as m, insertRepositionAction as h } from "../interactions/actions/insert/repositionAction.js";
+import { clearSelectionAction as g } from "../interactions/actions/defaults/clearSelection.js";
+import { cloneAction as _ } from "../interactions/actions/clone/action.js";
+import { viewportDragPanAction as v } from "../interactions/actions/defaults/viewportDragPan.js";
+import { makeViewportZoomAction as y, viewportZoomAction as b } from "../interactions/actions/defaults/viewportZoom.js";
+import { makeViewportWheelPanAction as x, viewportWheelPanAction as S } from "../interactions/actions/defaults/viewportWheelPan.js";
+import { editAnchorsAction as C } from "../interactions/actions/edit-anchors/action.js";
+import { selectFromLasso as w } from "../interactions/actions/lasso-select/behaviors/selectFromLasso.js";
+import { lassoSelectAction as T } from "../interactions/actions/lasso-select/action.js";
+import { sliceAction as E } from "../interactions/actions/defaults/slice.js";
+import { makePinchZoomAction as D, pinchZoomAction as O } from "../interactions/actions/defaults/pinchZoom.js";
+import { clipboardCopyAction as k, clipboardCutAction as A, clipboardPasteAction as j, clipboardPasteEventAction as M } from "../interactions/actions/clipboard/action.js";
+import { enterTextEditAction as N } from "../interactions/actions/defaults/enterTextEdit.js";
+import { KIT_STANDARD_ACTION_IDS as P, useStandardActions as F } from "../interactions/actions/useStandardActions.js";
+import { useResizePolicy as I } from "../canvas/deps/resizePolicy.js";
+import { usePoseDescriptorDepSource as L } from "../canvas/deps/poseDescriptor.js";
+import { computeSliceOps as R } from "../interactions/actions/defaults/sliceOps.js";
+import { useSliceDep as z, useSliceDepSource as B } from "../canvas/deps/slice.js";
+import { defineTool as V, useTools as H } from "../tools/overlayBinding.js";
+import { useKeybindings as U } from "../tools/useKeybindings.js";
+import { pickTopMostHit as W } from "../tools/builtin/pickTopMostHit.js";
+import { AREA_SELECT_ID as G, SELECTION_MOVE_ID as K, SELECTION_RESIZE_ID as q, SELECTION_ROTATE_ID as J, SELECTION_TRANSFORM_ID as Y, areaSelectContribution as X, onEmptyCanvas as Z, selectionMoveBindings as Q, selectionMoveContribution as $, selectionResizeBindings as ee, selectionResizeContribution as te, selectionRotateBindings as ne, selectionRotateContribution as re, selectionTransformBindings as ie, selectionTransformContribution as ae } from "../tools/builtin/select/selectionContributions.js";
+import { useSelectTool as oe } from "../tools/builtin/select/useSelectTool.js";
+import { useHandTool as se } from "../tools/builtin/hand/useHandTool.js";
+import { DRAG_PAN_ID as ce, dragPanContribution as le } from "../tools/builtin/hand/dragPanContribution.js";
+import { useTextTool as ue } from "../tools/builtin/text/useTextTool.js";
+import { placedRig as de } from "../tools/builtin/bone/placedRig.js";
+import { createBoneOverlay as fe } from "../tools/builtin/bone/boneOverlay.js";
+import { createRigEditState as pe } from "../tools/builtin/bone/rigEditState.js";
+import { useBoneTool as me } from "../tools/builtin/bone/useBoneTool.js";
+import { weighedPaths as he } from "../tools/builtin/weight/weightActions.js";
+import { createWeightOverlay as ge } from "../tools/builtin/weight/weightOverlay.js";
+import { useWeightTool as _e } from "../tools/builtin/weight/useWeightTool.js";
+import { usePenTool as ve } from "../tools/builtin/pen/usePenTool.js";
+import { useRectTool as ye } from "../tools/builtin/rect/useRectTool.js";
+import { useEllipseTool as be } from "../tools/builtin/ellipse/useEllipseTool.js";
+import { useImageTool as xe } from "../tools/builtin/image/useImageTool.js";
+import { useEyedropperTool as Se } from "../tools/builtin/eyedropper/useEyedropperTool.js";
+import { useLineTool as Ce } from "../tools/builtin/line/useLineTool.js";
+import { useLassoTool as we } from "../tools/builtin/lasso/useLassoTool.js";
+import { usePolygonTool as Te } from "../tools/builtin/polygon/usePolygonTool.js";
+import { useStarTool as Ee } from "../tools/builtin/star/useStarTool.js";
+import { usePencilTool as De } from "../tools/builtin/pencil/usePencilTool.js";
+import { useSliceTool as Oe } from "../tools/builtin/slice/useSliceTool.js";
+import { useLatest as ke } from "@weasel-js/react";
+import { ActionDisabledReason as Ae, actionBindings as je, actionItems as Me, buildDepsFromRequires as Ne, createDepRegistry as Pe, createDispatcher as Fe, deleteScratch as Ie, evaluateActive as Le, evaluateEnabled as Re, getScratch as ze, heldKeySpec as Be, resolveParams as Ve, scratchKey as He, setScratch as Ue, specificity as We, tuneAction as Ge } from "@weasel-js/routing";
+import { bodyPredicate as Ke, hitPredicate as qe } from "@weasel-js/gestures";
+import { ActionsProvider as Je, ActiveToolContextProvider as Ye, ActiveToolContextProviderIfRoot as Xe, DepRegistryProvider as Ze, InputScope as Qe, Yoke as $e, useAction as et, useActionsRegistry as tt, useActiveToolContext as nt, useDepRegistry as rt, useDepSource as it, useGestureDispatcher as at, useOngoingAction as ot, useOptionalActiveToolContext as st, useOptionalDepRegistry as ct, useYoke as lt } from "@weasel-js/routing/react";
+export { G as AREA_SELECT_ID, Ae as ActionDisabledReason, Je as ActionsProvider, Ye as ActiveToolContextProvider, Xe as ActiveToolContextProviderIfRoot, e as CORNER_ANCHORS, ce as DRAG_PAN_ID, Ze as DepRegistryProvider, m as INSERT_REPOSITION_BINDING, Qe as InputScope, P as KIT_STANDARD_ACTION_IDS, K as SELECTION_MOVE_ID, q as SELECTION_RESIZE_ID, J as SELECTION_ROTATE_ID, Y as SELECTION_TRANSFORM_ID, $e as Yoke, je as actionBindings, Me as actionItems, n as actionShortcuts, f as areaSelectAction, X as areaSelectContribution, Ke as bodyPredicate, Ne as buildDepsFromRequires, g as clearSelectionAction, k as clipboardCopyAction, A as clipboardCutAction, j as clipboardPasteAction, M as clipboardPasteEventAction, _ as cloneAction, R as computeSliceOps, t as cornerPoint, fe as createBoneOverlay, Pe as createDepRegistry, Fe as createDispatcher, pe as createRigEditState, ge as createWeightOverlay, c as defaultCommitAdapter, V as defineTool, Ie as deleteScratch, le as dragPanContribution, C as editAnchorsAction, i as editingLayer, N as enterTextEditAction, Le as evaluateActive, Re as evaluateEnabled, ze as getScratch, Be as heldKeySpec, qe as hitPredicate, a as inPlane, p as insertAction, o as insertLayer, h as insertRepositionAction, r as keySpecShortcut, T as lassoSelectAction, D as makePinchZoomAction, x as makeViewportWheelPanAction, y as makeViewportZoomAction, l as moveAction, Z as onEmptyCanvas, W as pickTopMostHit, O as pinchZoomAction, de as placedRig, u as resizeAction, Ve as resolveParams, d as rotateAction, He as scratchKey, w as selectFromLasso, s as selectionLayer, Q as selectionMoveBindings, $ as selectionMoveContribution, ee as selectionResizeBindings, te as selectionResizeContribution, ne as selectionRotateBindings, re as selectionRotateContribution, ie as selectionTransformBindings, ae as selectionTransformContribution, Ue as setScratch, E as sliceAction, We as specificity, Ge as tuneAction, et as useAction, tt as useActionsRegistry, nt as useActiveToolContext, me as useBoneTool, rt as useDepRegistry, it as useDepSource, be as useEllipseTool, Se as useEyedropperTool, at as useGestureDispatcher, se as useHandTool, xe as useImageTool, U as useKeybindings, we as useLassoTool, ke as useLatest, Ce as useLineTool, ot as useOngoingAction, st as useOptionalActiveToolContext, ct as useOptionalDepRegistry, ve as usePenTool, De as usePencilTool, Te as usePolygonTool, L as usePoseDescriptorDepSource, ye as useRectTool, I as useResizePolicy, oe as useSelectTool, z as useSliceDep, B as useSliceDepSource, Oe as useSliceTool, F as useStandardActions, Ee as useStarTool, ue as useTextTool, H as useTools, _e as useWeightTool, lt as useYoke, v as viewportDragPanAction, S as viewportWheelPanAction, b as viewportZoomAction, he as weighedPaths };

package/dist/barrel/scene.js

@@ -3,15 +3,15 @@ import { RECT_POSE_COMPOSITION as i, RIGID_POSE_COMPOSITION as a, composeRectPos
 import { definesFrame as f, derivedDepOf as p, derivedPose as m, documentPose as h, effectivePose as g } from "../core/scene/effectivePose.js";
 import { axisAlignedBounds as _, unionAABB as v, unionBounds as y } from "../core/geometry/unionBounds.js";
 import { asNodeId as b } from "../core/scene/types.js";
-import { SceneArrivalRefused as x } from "../core/scene/arrivals.js";
-import { opFactoryRegistry as S, rebuildOp as C, registerOpFactory as w, registeredOpNames as T } from "../core/ops/registry.js";
-import { createReparentOp as E } from "../core/ops/reparent.js";
-import { createTransformOp as D } from "../core/ops/transform.js";
-import { createSetDataOp as O } from "../core/ops/setData.js";
-import { createSetLayerOp as k } from "../core/ops/setLayer.js";
-import { createDeleteOp as A } from "../core/ops/delete.js";
-import { createInsertOp as j } from "../core/ops/create.js";
-import { applyOpsTo as M, dispatchApplyBatch as N } from "../core/applyOps.js";
+import { applyOpsTo as x, dispatchApplyBatch as S } from "../core/applyOps.js";
+import { SceneArrivalRefused as C } from "../core/scene/arrivals.js";
+import { opFactoryRegistry as w, rebuildOp as T, registerOpFactory as E, registeredOpNames as D } from "../core/ops/registry.js";
+import { createReparentOp as O } from "../core/ops/reparent.js";
+import { createTransformOp as k } from "../core/ops/transform.js";
+import { createSetDataOp as A } from "../core/ops/setData.js";
+import { createSetLayerOp as j } from "../core/ops/setLayer.js";
+import { createDeleteOp as M } from "../core/ops/delete.js";
+import { createInsertOp as N } from "../core/ops/create.js";
 import { createSetSelectionOp as P } from "../core/ops/select.js";
 import { UNION_OF_CHILDREN as F, unionOfChildren as I } from "../core/scene/kitRegistry.js";
 import { canBringForward as L, canSendBackward as R } from "../core/ops/reorder/algorithms.js";
@@ -34,4 +34,4 @@ import { sceneUnitScopes as ne } from "../core/scene/unitScopes.js";
 import { createPoseFeed as re } from "../core/scene/poseFeed.js";
 import { MIXED as ie } from "@weasel-js/registry";
 import { swapOp as ae } from "@weasel-js/history";
-export { e as IDENTITY_POSE_COMPOSITION, ie as MIXED, i as RECT_POSE_COMPOSITION, a as RIGID_POSE_COMPOSITION, G as SCENE_HISTORY_FORM, x as SceneArrivalRefused, F as UNION_OF_CHILDREN, M as applyOpsTo, b as asNodeId, _ as axisAlignedBounds, L as canBringForward, R as canSendBackward, o as composeRectPose, s as composeRigidPose, t as composeWorldPose, n as composesFrames, U as createArrangeOp, A as createDeleteOp, W as createHistory, j as createInsertOp, B as createMoveToIndexOp, re as createPoseFeed, H as createPoseOverrides, V as createReorderOp, E as createReparentOp, q as createScene, z as createSetChildOrderOp, O as createSetDataOp, k as createSetLayerOp, X as createSetLayoutOp, Z as createSetPathOp, P as createSetSelectionOp, Y as createSetTextOp, D as createTransformOp, c as decomposeRectPose, l as decomposeRigidPose, f as definesFrame, p as derivedDepOf, m as derivedPose, N as dispatchApplyBatch, h as documentPose, g as effectivePose, Q as nestedHitTester, S as opFactoryRegistry, r as rebaseLocalPose, C as rebuildOp, te as reconcileSpecs, w as registerOpFactory, T as registeredOpNames, J as sceneFromJSON, K as sceneSelectionStore, ne as sceneUnitScopes, ae as swapOp, u as translateRectPose, v as unionAABB, y as unionBounds, I as unionOfChildren, $ as unionOfChildrenVia, ee as useScene, d as worldPoseLookup };
+export { e as IDENTITY_POSE_COMPOSITION, ie as MIXED, i as RECT_POSE_COMPOSITION, a as RIGID_POSE_COMPOSITION, G as SCENE_HISTORY_FORM, C as SceneArrivalRefused, F as UNION_OF_CHILDREN, x as applyOpsTo, b as asNodeId, _ as axisAlignedBounds, L as canBringForward, R as canSendBackward, o as composeRectPose, s as composeRigidPose, t as composeWorldPose, n as composesFrames, U as createArrangeOp, M as createDeleteOp, W as createHistory, N as createInsertOp, B as createMoveToIndexOp, re as createPoseFeed, H as createPoseOverrides, V as createReorderOp, O as createReparentOp, q as createScene, z as createSetChildOrderOp, A as createSetDataOp, j as createSetLayerOp, X as createSetLayoutOp, Z as createSetPathOp, P as createSetSelectionOp, Y as createSetTextOp, k as createTransformOp, c as decomposeRectPose, l as decomposeRigidPose, f as definesFrame, p as derivedDepOf, m as derivedPose, S as dispatchApplyBatch, h as documentPose, g as effectivePose, Q as nestedHitTester, w as opFactoryRegistry, r as rebaseLocalPose, T as rebuildOp, te as reconcileSpecs, E as registerOpFactory, D as registeredOpNames, J as sceneFromJSON, K as sceneSelectionStore, ne as sceneUnitScopes, ae as swapOp, u as translateRectPose, v as unionAABB, y as unionBounds, I as unionOfChildren, $ as unionOfChildrenVia, ee as useScene, d as worldPoseLookup };

package/dist/barrel/viewport.js

@@ -19,24 +19,27 @@ import { ANCHOR_HIT_BASE_PX as M, HANDLE_BASE_PX as N, ROTATION_HANDLE_BASE_PX a
 import { COARSE_TARGET_SCALE as F, DEFAULT_DEVICE_PROFILE as I, resolveDeviceProfile as L } from "../core/device/index.js";
 import { fitToBounds as R, fitZoom as z } from "../core/viewport/fitToBounds.js";
 import { fitViewToBounds as B } from "../core/viewport/fitViewToBounds.js";
-import { zoomAt as V } from "../core/viewport/zoomAt.js";
-import { clampView as H } from "../core/viewport/clampView.js";
-import { sceneNodeClientRect as U } from "../core/viewport/sceneNodeClientRect.js";
-import { computeFitViewport as W, useAutoCenter as G } from "../core/viewport/useAutoCenter.js";
-import { WHEEL_ZOOM_STEP as K, computeWheelAction as q, wheelPan as J, wheelZoom as Y, wheelZoomFactor as X } from "../core/viewport/wheelHandler.js";
-import { createVelocityTracker as Z } from "../core/viewport/createVelocityTracker.js";
-import { useVelocityTracker as Q } from "../core/viewport/useVelocityTracker.js";
-import { useDecayLoop as $ } from "../core/viewport/useDecayLoop.js";
-import { interpolateView as ee } from "../core/viewport/interpolateView.js";
-import { VIEW_ANIMATION_KEY as te, useViewAnimation as ne, useViewAnimationOn as re, viewAxes as ie } from "../core/viewport/useViewAnimation.js";
-import { CanvasView as ae } from "../canvas/CanvasView.js";
-import { SceneViewCanvas as oe } from "../canvas/SceneViewCanvas.js";
-import { DrawCanvas as se } from "../canvas/DrawCanvas.js";
-import { FALLBACK_ACCENT as ce, accentColorOf as le } from "../canvas/accentColor.js";
-import { gateLayer as ue } from "../core/layers/gateLayer.js";
-import { meanScale as de, pxExtent as fe, scaleDelta as pe, screenAngleOf as me, standoff as he, withinPxBox as ge, withinPxRadius as _e } from "@weasel-js/geom";
-import { DEFAULT_ALPHA_DECAY as ve, DEFAULT_ALPHA_MIN as ye, DEFAULT_VELOCITY_DECAY as be, createSimulation as xe } from "@weasel-js/simulation";
-import { useSimulation as Se } from "@weasel-js/simulation/react";
-import { useCanvasFocus as Ce, useFrameClock as we, useVisibleRaf as Te } from "@weasel-js/react";
-import { clientToCanvas as Ee } from "@weasel-js/routing";
-export { M as ANCHOR_HIT_BASE_PX, F as COARSE_TARGET_SCALE, ae as CanvasView, ve as DEFAULT_ALPHA_DECAY, ye as DEFAULT_ALPHA_MIN, I as DEFAULT_DEVICE_PROFILE, t as DEFAULT_MAX_ZOOM, n as DEFAULT_MIN_ZOOM, be as DEFAULT_VELOCITY_DECAY, b as DeviceProfileProvider, se as DrawCanvas, ce as FALLBACK_ACCENT, N as HANDLE_BASE_PX, P as ROTATION_HANDLE_BASE_PX, oe as SceneViewCanvas, e as VERSION, te as VIEW_ANIMATION_KEY, K as WHEEL_ZOOM_STEP, r as ZOOM_FLOOR, le as accentColorOf, H as clampView, Ee as clientToCanvas, W as computeFitViewport, q as computeWheelAction, xe as createSimulation, Z as createVelocityTracker, l as createViewResolver, c as createViewportLayer, u as deriveParallaxView, R as fitToBounds, B as fitViewToBounds, z as fitZoom, d as fromPlane, ue as gateLayer, ee as interpolateView, C as isPlainObject, de as meanScale, a as normalizeView, i as normalizeZoom, f as planeMap, p as planeMatrix, m as planeToPlane, fe as pxExtent, h as rectFromPlane, g as rectToPlane, L as resolveDeviceProfile, pe as scaleDelta, U as sceneNodeClientRect, me as screenAngleOf, T as screenToWorld, D as stableStringify, he as standoff, j as startThresholdDrag, _ as toPlane, G as useAutoCenter, Ce as useCanvasFocus, S as useCanvasSize, $ as useDecayLoop, x as useDeviceProfile, k as useDragHandle, A as useDropZone, we as useFrameClock, O as useHandleDrag, w as useNodeOverlayFrame, v as usePoseRun, Se as useSimulation, Q as useVelocityTracker, ne as useViewAnimation, re as useViewAnimationOn, Te as useVisibleRaf, ie as viewAxes, o as viewToTransform, s as viewZoom, y as watchDevicePixelRatio, J as wheelPan, Y as wheelZoom, X as wheelZoomFactor, ge as withinPxBox, _e as withinPxRadius, E as worldToScreen, V as zoomAt };
+import { adjacentPage as V, layoutPages as H, pageAt as U, pageOfBounds as W, pagesBounds as G } from "../core/pages/pages.js";
+import { pagesLayer as K } from "../core/pages/pagesLayer.js";
+import { fitViewToPage as q } from "../core/pages/fitViewToPage.js";
+import { axisZoomFactor as J, zoomAt as Y } from "../core/viewport/zoomAt.js";
+import { clampView as X } from "../core/viewport/clampView.js";
+import { sceneNodeClientRect as Z } from "../core/viewport/sceneNodeClientRect.js";
+import { computeFitViewport as Q, useAutoCenter as $ } from "../core/viewport/useAutoCenter.js";
+import { WHEEL_ZOOM_STEP as ee, computeWheelAction as te, wheelPan as ne, wheelZoom as re, wheelZoomFactor as ie } from "../core/viewport/wheelHandler.js";
+import { createVelocityTracker as ae } from "../core/viewport/createVelocityTracker.js";
+import { useVelocityTracker as oe } from "../core/viewport/useVelocityTracker.js";
+import { useDecayLoop as se } from "../core/viewport/useDecayLoop.js";
+import { interpolateView as ce } from "../core/viewport/interpolateView.js";
+import { VIEW_ANIMATION_KEY as le, useViewAnimation as ue, useViewAnimationOn as de, viewAxes as fe } from "../core/viewport/useViewAnimation.js";
+import { CanvasView as pe } from "../canvas/CanvasView.js";
+import { SceneViewCanvas as me } from "../canvas/SceneViewCanvas.js";
+import { DrawCanvas as he } from "../canvas/DrawCanvas.js";
+import { FALLBACK_ACCENT as ge, accentColorOf as _e } from "../canvas/accentColor.js";
+import { gateLayer as ve } from "../core/layers/gateLayer.js";
+import { meanScale as ye, pxExtent as be, scaleDelta as xe, screenAngleOf as Se, standoff as Ce, withinPxBox as we, withinPxRadius as Te } from "@weasel-js/geom";
+import { DEFAULT_ALPHA_DECAY as Ee, DEFAULT_ALPHA_MIN as De, DEFAULT_VELOCITY_DECAY as Oe, createSimulation as ke } from "@weasel-js/simulation";
+import { useSimulation as Ae } from "@weasel-js/simulation/react";
+import { useCanvasFocus as je, useFrameClock as Me, useVisibleRaf as Ne } from "@weasel-js/react";
+import { clientToCanvas as Pe } from "@weasel-js/routing";
+export { M as ANCHOR_HIT_BASE_PX, F as COARSE_TARGET_SCALE, pe as CanvasView, Ee as DEFAULT_ALPHA_DECAY, De as DEFAULT_ALPHA_MIN, I as DEFAULT_DEVICE_PROFILE, t as DEFAULT_MAX_ZOOM, n as DEFAULT_MIN_ZOOM, Oe as DEFAULT_VELOCITY_DECAY, b as DeviceProfileProvider, he as DrawCanvas, ge as FALLBACK_ACCENT, N as HANDLE_BASE_PX, P as ROTATION_HANDLE_BASE_PX, me as SceneViewCanvas, e as VERSION, le as VIEW_ANIMATION_KEY, ee as WHEEL_ZOOM_STEP, r as ZOOM_FLOOR, _e as accentColorOf, V as adjacentPage, J as axisZoomFactor, X as clampView, Pe as clientToCanvas, Q as computeFitViewport, te as computeWheelAction, ke as createSimulation, ae as createVelocityTracker, l as createViewResolver, c as createViewportLayer, u as deriveParallaxView, R as fitToBounds, B as fitViewToBounds, q as fitViewToPage, z as fitZoom, d as fromPlane, ve as gateLayer, ce as interpolateView, C as isPlainObject, H as layoutPages, ye as meanScale, a as normalizeView, i as normalizeZoom, U as pageAt, W as pageOfBounds, G as pagesBounds, K as pagesLayer, f as planeMap, p as planeMatrix, m as planeToPlane, be as pxExtent, h as rectFromPlane, g as rectToPlane, L as resolveDeviceProfile, xe as scaleDelta, Z as sceneNodeClientRect, Se as screenAngleOf, T as screenToWorld, D as stableStringify, Ce as standoff, j as startThresholdDrag, _ as toPlane, $ as useAutoCenter, je as useCanvasFocus, S as useCanvasSize, se as useDecayLoop, x as useDeviceProfile, k as useDragHandle, A as useDropZone, Me as useFrameClock, O as useHandleDrag, w as useNodeOverlayFrame, v as usePoseRun, Ae as useSimulation, oe as useVelocityTracker, ue as useViewAnimation, de as useViewAnimationOn, Ne as useVisibleRaf, fe as viewAxes, o as viewToTransform, s as viewZoom, y as watchDevicePixelRatio, ne as wheelPan, re as wheelZoom, ie as wheelZoomFactor, we as withinPxBox, Te as withinPxRadius, E as worldToScreen, Y as zoomAt };

package/dist/canvas/Canvas.js

@@ -6,7 +6,7 @@ import { useViewHelpers as a } from "./useViewHelpers.js";
 import { useOptionalViewRegistry as o } from "./viewRegistry.js";
 import { shaderKeyOf as s } from "./canvasRenderer.js";
 import { useCanvasSurface as c } from "./useCanvasSurface.js";
-import { surfaceBox as ee } from "./surfaceBox.js";
+import { SurfaceCanvas as ee } from "./SurfaceCanvas.js";
 import { isCustomEntry as l } from "./layerSlots.js";
 import { composeOrderedLayers as u, placeToolOverlays as d } from "./layerOrder.js";
 import { registerMountedCanvas as f } from "./mountedCanvases.js";
@@ -169,18 +169,6 @@ function he(m, he) {
 		j
 	]), bt = ce(h((e) => Z?.subscribe(e) ?? (() => {}), [Z]), () => Z?.getVersion() ?? 0, () => 0), xt = x(Q);
 	g(() => Z?.attachSurface({
-		origin: () => {
-			let e = I.current;
-			if (!e) return {
-				left: 0,
-				top: 0
-			};
-			let t = e.getBoundingClientRect();
-			return {
-				left: t.left,
-				top: t.top
-			};
-		},
 		view: () => K.current,
 		dims: () => V.current,
 		layers: () => xt.current,
@@ -189,8 +177,8 @@ function he(m, he) {
 		hitTestExtras: G,
 		clientToWorld: Y,
 		claimsAbove: (e, t) => {
-			let n = I.current?.getBoundingClientRect(), [r, i] = Y(e + (n?.left ?? 0), t + (n?.top ?? 0));
-			return G(r, i, K.current, V.current, B.current) !== null;
+			let n = K.current, r = e / n.scale.x + n.x, i = t / n.scale.y + n.y;
+			return G(r, i, n, V.current, B.current) !== null;
 		}
 	}), [
 		Z,
@@ -314,12 +302,13 @@ function he(m, he) {
 		onLeave: () => {
 			for (let e of $) e.onUncapturedLeave?.();
 		}
-	}), R ? null : /* @__PURE__ */ le("canvas", {
+	}), R ? null : /* @__PURE__ */ le(ee, {
 		ref: He,
 		width: S,
 		height: C,
 		tabIndex: Oe,
-		...ee(S, C, Ee, De)
+		className: Ee,
+		style: De
 	});
 }
 var S = m(he);

package/dist/canvas/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","names":["clientToWorld","clientToWorldHelper","alwaysVisible","NO_SELECTION","NO_LAYER_VISIBILITY","CanvasInner","dprProp","layersMap","clientToWorld$1","geometry","AUTO_POSE_DESCRIPTOR","debugProp","props","debugSink","debugOverlay","useDebugSink","canvasRef","useRef","ownCanvasRef","setOwnCanvas","useCallback","el","detached","paintInto","inputElement","paintTarget","paintTargetRef","useLatest","paintRect","paintRectRef","helpersForLayersRef","dimsRef","gateRef","paintRef","useCanvasSurface","contentVersionRef","contentVersion","paintedVersionRef","getPaintedVersion","extrasVersion","setExtrasVersion","useState","extrasRef","registerLayer","layer","n","hitTestExtrasIn","layers","gate","isVisible","visibility","order","only","isLayerPainted","hit","worldX","worldY","data","view","dims","controlledView","viewState","hitTestExtras","frame","viewRef","clientToWorldRef","toWorld","clientX","clientY","override","clientToWorld","element","registerMountedCanvas","getView","paintedCursor","useMemo","createPaintedCursorState","paintedCursorLayer","createPaintedCursorLayer","requestRedraw","cursorSink","createCursorSink","getSurfaceRect","origin","w","h","ref","subscribeFrame","subscribeBeforePaint","subscribeResume","setView","subscribeView","getDebug","layerCacheRef","viewRegistry","useOptionalViewRegistry","selectedIdsForWiring","selection","viewHelpers","viewChromeState","useViewHelpers","surfaceHelpers","helpersForLayers","backgroundLayer","backgroundFill","createBackgroundFillLayer","standardLayers","slot","entry","isCustomEntry","out","composeOrderedLayers","decorationLayer","tools","placeToolOverlays","viewRegistryVersion","useSyncExternalStore","cb","surfaceLayersRef","c","r","corner","x","y","layersWithDebug","withViews","redraw","offs","off","shaderIdKey","shaderKeyOf","shaders","paintInputsRef","useInsertionEffect","adoptControlled","helpersRef","debugSinkRef","useLayoutEffect","paint","rect","paintLayers","sink","timed","dprIn","paintFlattenTolerance","groups","paintShaders","debugFrame","beginDebugFrame","renderer","lease","vis","spans","commands","drawLayers","viewToMat3","width","height","flattenTolerance","layerVisibility","layerOrder","layerGroups","syncPaint","getIsVisible","useEffect","layerCache","clearSubscribers","useToolCursor","style","useSurfaceInput","autoFocusOnPointerDown","e","surfaceBox","className","Canvas","forwardRef"],"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, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\nimport type React from 'react';\nimport type { Paint } from '@weasel-js/paint';\nimport { composeOrderedLayers, placeToolOverlays } from './layerOrder';\nimport { STANDARD_SLOTS, isCustomEntry, type CanvasLayers } from './layerSlots';\nimport type { CanvasExtensionApi } from './canvasExtension';\nimport { registerMountedCanvas } from './mountedCanvases';\nimport type { GestureSource } from './gestureBounds';\nimport { useViewHelpers } from './useViewHelpers';\nimport { useSurfaceInput } from './useSurfaceInput';\nimport type { CanvasViewState } from './useCanvasView';\nimport { useOptionalViewRegistry } from './viewRegistry';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport type { CanvasHelpers, CanvasSurfaceHelpers, ViewPoseAdapter } from './useViewHelpers';\n\nimport { useLatest } from '@weasel-js/react';\nimport type { View } from 'core/viewport/view';\nimport { clientToWorld as clientToWorldHelper } from 'core/viewport/clientToWorld';\nimport {\n  drawLayers, isLayerPainted,\n  type Dims, type LayerCommandCache, type LayerGroup, type RedrawSource, type RenderLayer,\n} from 'core/layers/render';\nimport { viewToMat3, type ShaderProgramHandle } from '@weasel-js/renderer';\nimport { createBackgroundFillLayer } from 'core/layers/backgroundFill';\nimport { shaderKeyOf } from './canvasRenderer';\nimport { surfaceBox } from './surfaceBox';\nimport {\n  type SelectionApi,\n} from 'core/selection/useSelection';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type { CanvasDebugSink, DebugConfig } from '../debug/types';\nimport { beginDebugFrame, useDebugSink } from '../debug/useDebugSink';\n\nconst alwaysVisible = (_id: string): boolean => true;\nimport { createCursorSink, createPaintedCursorState } from '@weasel-js/cursor';\nimport type { PaintedCursorState } from '@weasel-js/cursor';\nimport { useToolCursor } from './useToolCursor';\nimport { createPaintedCursorLayer } from './paintedCursorLayer';\n\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\n\n/**\n * Props for `<Canvas>`. Canvas is scene-agnostic: it owns the GL surface, view state, hover\n * delivery, and slot composition, and not gesture dispatch, selection state, picking logic,\n * kind registries, or scene-aware overlays.\n */\nexport interface CanvasProps<TPose = unknown> {\n  /** CSS-pixel width. */\n  width: number;\n  /** CSS-pixel height. */\n  height: number;\n\n  /** Drawing-buffer density (device pixels per CSS pixel). When omitted the\n   *  canvas reads `window.devicePixelRatio` per paint. */\n  dpr?: number;\n\n  /** Flatness tolerance for curve tessellation, in world units. Forwarded to\n   *  `WeaselRendererOptions.flattenTolerance`. Leave unset for the cached\n   *  default (`DEFAULT_FLATTEN_TOLERANCE`, 0.5); a scene whose world unit is\n   *  not a pixel — feet, inches, millimetres — needs a value scaled to its\n   *  unit or sub-unit curves flatten to a handful of vertices. */\n  flattenTolerance?: number;\n\n  /** The version of whatever content this canvas draws, sampled at paint time\n   *  and reported by {@link CanvasExtensionApi.getPaintedVersion}.\n   *  `<SceneCanvas>` wires this to `scene.getVersion`. Chrome that must not\n   *  show DOM ahead of pixels compares the two and defers a frame. */\n  contentVersion?: () => number;\n\n  /** Paint inside the React commit rather than on the next animation frame.\n   *  Costs a synchronous paint per commit and per redraw request; buys\n   *  single-commit consistency between React-rendered DOM and canvas pixels.\n   *  For consumers with DOM chrome pinned to canvas content that cannot\n   *  tolerate a frame of skew. Live: toggling it switches modes from the next\n   *  redraw on. A redraw requested from inside a layer's `draw`, or from a\n   *  `subscribeFrame` callback, still waits for a frame — painting it in place\n   *  would recurse. */\n  syncPaint?: boolean;\n\n  /** External state the paint reads that no layer declares — typically what\n   *  an `alphaFor` consults. Each source is subscribed while mounted and\n   *  repaints the canvas when it notifies. A layer that reads outside state\n   *  declares it on `RenderLayer.subscribe` instead. */\n  redrawOn?: readonly RedrawSource[];\n\n  /** Adapter the pose and bounds lookups on `helpersRef` read. */\n  adapter?: ViewPoseAdapter<TPose>;\n\n  /** Layer map. See module docstring for slot semantics. */\n  layers: CanvasLayers;\n\n  /**\n   * Current selection state; Canvas owns none of its own and never writes it. When absent,\n   * Canvas behaves as if nothing is selected: no selection chrome.\n   */\n  selection?: SelectionApi;\n\n\n  /**\n   * How to read and rewrite a pose. Drives the default `boundsOf` fallback and the\n   * selection-overlay bounds. Defaults to the rect identity (`AUTO_POSE_DESCRIPTOR`); supply\n   * one for a non-rect pose type.\n   */\n  poseDescriptor?: PoseDescriptor<TPose>;\n\n  /**\n   * Override for committed bounds lookup, taking precedence over the `poseDescriptor`-derived\n   * fallback. Used by the selection overlay, the multi-select union AABB, and\n   * `helpersRef.getEffectiveBounds`.\n   */\n  boundsOf?: (id: string) => Bounds | null;\n  /** Bounds of `id` drawn at an in-flight pose — how chrome boxes a preview.\n   *  Defaults to the `poseDescriptor`'s box of that pose. */\n  boundsOfPose?: (id: string, pose: TPose) => Bounds | null;\n  /**\n   * Custom pointer-to-world coordinate transform, overriding the default canvas-rect\n   * calculation. Useful for consumers that apply an additional CSS transform to the canvas\n   * element.\n   */\n  clientToWorld?: (canvas: HTMLElement, cx: number, cy: number) => [number, number];\n\n  /**\n   * Paint into a caller-owned canvas at a rect on it, instead of an element\n   * this component creates. `x`/`y` are the rect's top-left in that canvas's\n   * CSS pixels; the rect's size is the existing `width`/`height` props.\n   *\n   * Requires `inputElement`: with no element of its own there is nowhere for\n   * pointer input, focus or the cursor to live, and nothing renders.\n   *\n   * N canvases can then share one GL context and one buffer.\n   */\n  paintInto?: { canvas: HTMLCanvasElement | null; x: number; y: number };\n  /**\n   * The element pointer input, focus and the cursor come from, and the element\n   * every client→world conversion measures. Only read alongside `paintInto`;\n   * an attached canvas uses the one it renders.\n   */\n  inputElement?: HTMLElement | null;\n\n  /** Class for the `<canvas>` this component renders. Under `paintInto` it\n   *  renders none, and the input element is the caller's to style. */\n  className?: string;\n  /** Inline style for the `<canvas>` this component renders; a tool's cursor\n   *  is merged over it. Not applied under `paintInto`, where only that cursor\n   *  is written, onto the input element. */\n  style?: React.CSSProperties;\n  /** Tab order of the `<canvas>` this component renders. Default 0, so the\n   *  canvas is focusable. Not applied under `paintInto`: whether the input\n   *  element can take focus is the caller's to decide. */\n  tabIndex?: number;\n  /** Fired when the element input comes from gains focus: the canvas, or\n   *  under `paintInto` the `inputElement`. Called with the DOM event. */\n  onFocus?: (event: FocusEvent) => void;\n  /** Fired when that element loses focus. */\n  onBlur?: (event: FocusEvent) => void;\n  /**\n   * When `true` (default), the canvas element receives focus on `pointerdown` so keyboard\n   * events are captured without a separate click-to-focus step. Set to `false` where\n   * auto-focus would steal focus from sibling inputs.\n   */\n  autoFocusOnPointerDown?: boolean;\n\n  /** The tool set. Canvas reads the active tool's cursor and its overlays;\n   *  it dispatches nothing to a tool. */\n  tools?: import('../tools/overlayBinding').ToolsApi;\n\n  /** The camera this surface looks through, from `useCanvasView`. Whoever\n   *  made it holds the view props; the surface adopts and announces a\n   *  controlled view among its own effects, and repaints when one moves. */\n  viewState: CanvasViewState;\n  /**\n   * Mutable ref Canvas writes overlay-aware pose/bounds lookups to on every render. Custom\n   * layers can read it from inside their `draw` closure to reflect in-flight gestures\n   * (move/resize/rotate) instead of the committed scene; an id outside the active overlay\n   * falls back to the adapter.\n   */\n  helpersRef?: React.MutableRefObject<CanvasHelpers<TPose> | null>;\n\n  /**\n   * Debug overlay configuration.\n   *  - `undefined` (default): read `?debug=…` from the URL.\n   *  - `false`: force off, ignore URL.\n   *  - `DebugConfig` object: force on with that config, ignore URL.\n   *\n   * When enabled, the Canvas appends a screen-space `debug-overlay` layer and builds the\n   * sink it paints: each paint records into it, and the layer helpers and the ref handle's\n   * `getDebug` hand it to whatever else records.\n   */\n  debug?: DebugConfig | false;\n\n  /** Test-only escape hatch: writes the live debug sink to this ref so tests\n   *  can call `snapshot()` after a render. No effect when debug is off. */\n  debugSinkRef?: React.MutableRefObject<CanvasDebugSink | null>;\n\n  /**\n   * Shader programs to compile before the frame that first draws them; one\n   * not named here compiles on that frame. Each handle comes from a\n   * module-level `registerProgram()`. The array is read at each paint and\n   * registered again when its ids change, so a handle added after mount is\n   * picked up. Re-registering one of these ids with new source repaints the\n   * canvas, and the renderer recompiles it for that frame.\n   */\n  shaders?: ShaderProgramHandle[];\n\n  /**\n   * Preview-pose lookup, so selection chrome tracks the ghost during dispatcher-driven\n   * drags. Returns `null` / `undefined` when no preview is in flight.\n   */\n  previewPoseExtra?: (id: string) => unknown;\n\n  /**\n   * In-flight gesture state `<Canvas>` can't see for itself. Backs the `getGestureBounds` /\n   * `subscribeGestures` / `getGestureVersion` trio on `helpersRef`. Unwired, those three\n   * report \"no gesture in flight\" and never fire.\n   */\n  gestureSource?: GestureSource;\n\n  /**\n   * Fill for the full canvas surface, drawn as a screen-space layer beneath every other\n   * layer, the grid and anything anchored before it included — independent of pan / zoom.\n   */\n  backgroundFill?: Paint;\n\n  /**\n   * Mode-owned decoration layer (e.g. path-edit anchor dots). Composed as a `decorationLayer`\n   * entry in `layers` with no anchor, which this prop replaces: it paints above every slot\n   * and every other custom layer, and beneath a tool's `'top'` overlays. A tool's\n   * selection-anchored overlays sit beneath it too while there is selection chrome to anchor\n   * them; with that slot empty they fall to the tail and paint above it.\n   */\n  decorationLayer?: RenderLayer<unknown>;\n\n  /**\n   * Chrome-caps visibility resolver. Exposed on `helpersForLayers.getIsVisible` so custom\n   * layers (notably `composeAffordanceLayer`) can gate paint by chrome id, and threaded into\n   * hit-testing so the same gate applies there. Called fresh per draw / per hitTest. Omit to\n   * leave every chrome element visible.\n   */\n  getIsVisible?: () => (id: string) => boolean;\n\n  /**\n   * Show or hide whole render layers by id. An id absent from the map falls\n   * back to the layer's own `defaultVisible`, and a layer marked `alwaysOn`\n   * ignores the map entirely.\n   *\n   * Hiding a layer also stops it claiming pointer events through\n   * `hitTestExtras` — a layer nobody can see must not swallow a click.\n   *\n   * This is `getIsVisible`'s coarser sibling: that one gates individual\n   * chrome elements *within* a layer, this one gates the layer.\n   */\n  layerVisibility?: Record<string, boolean>;\n\n  /**\n   * Draw order, by layer id, bottom first. Omit for the order the layers\n   * arrive in.\n   *\n   * **A listed order is the whole list:** any layer whose id is missing from\n   * it is not drawn. Reordering two layers means naming all of them.\n   */\n  layerOrder?: string[];\n\n  /**\n   * Runs of consecutive layers that composite as one — the surface for blurring the world\n   * while the chrome above it stays sharp. Members are named by layer id. See\n   * {@link LayerGroup}.\n   */\n  layerGroups?: readonly LayerGroup[];\n}\n\n\nconst NO_SELECTION: SelectionApi['current'] = [];\n\nconst NO_LAYER_VISIBILITY: Record<string, boolean> = {};\n\nfunction CanvasInner<TPose>(\n  props: CanvasProps<TPose>,\n  ref: React.ForwardedRef<CanvasExtensionApi>,\n) {\n  const {\n    width,\n    height,\n    dpr: dprProp,\n    flattenTolerance,\n    contentVersion,\n    syncPaint = false,\n    redrawOn,\n    adapter,\n    layers: layersMap,\n    selection,\n    boundsOf,\n    boundsOfPose,\n    clientToWorld,\n    paintInto,\n    inputElement,\n    poseDescriptor: geometry = AUTO_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>,\n    className,\n    style,\n    tabIndex = 0,\n    onFocus,\n    onBlur,\n    autoFocusOnPointerDown = true,\n    helpersRef,\n    tools,\n    viewState,\n    debug: debugProp,\n    debugSinkRef,\n    shaders,\n    previewPoseExtra,\n    gestureSource,\n    backgroundFill,\n    decorationLayer,\n    getIsVisible,\n    layerVisibility,\n    layerOrder,\n    layerGroups,\n  } = props;\n\n  const { sink: debugSink, overlay: debugOverlay, frameStats, getDebug } = useDebugSink(debugProp);\n\n  // The element input comes from and every client→world conversion measures: the `<canvas>`\n  // this component renders, or under `paintInto` the caller's `inputElement`.\n  const canvasRef = useRef<HTMLElement | null>(null);\n  // The `<canvas>` this component rendered, if it rendered one. `paint` is the\n  // only thing that needs a real canvas, for `getContext`.\n  const ownCanvasRef = useRef<HTMLCanvasElement | null>(null);\n  // Stable, so a commit does not detach the element: an inline ref is nulled\n  // until the layout phase reaches it, and a sync paint asked for before that\n  // finds no canvas.\n  const setOwnCanvas = useCallback((el: HTMLCanvasElement | null) => {\n    ownCanvasRef.current = el;\n    canvasRef.current = el;\n  }, []);\n  const detached = !!paintInto;\n  // The detached input element reaches `canvasRef` at commit; the own canvas\n  // arrives through `setOwnCanvas`, React's ref callback.\n  useInsertionEffect(() => {\n    if (detached) canvasRef.current = inputElement ?? null;\n  });\n  // Where pixels go. Split from `canvasRef` only when detached.\n  const paintTarget = detached ? (paintInto.canvas ?? null) : null;\n  const paintTargetRef = useLatest(paintTarget);\n  const paintRect = detached ? { x: paintInto.x, y: paintInto.y } : null;\n  const paintRectRef = useLatest(paintRect);\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  // React does not drive the paint; the frame loop does. The thunk defers to\n  // `paint` 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, target: canvasRef, dpr: dprProp, redrawOn, shaders },\n  );\n\n  const contentVersionRef = useLatest(contentVersion);\n  const paintedVersionRef = useRef(0);\n  const getPaintedVersion = useCallback(() => paintedVersionRef.current, []);\n\n  // The `layersWithDebug` memo reads `extrasRef.current`, so registration has\n  // to bump state to re-run it. Rare (a HUD attaching, a loupe mounting).\n  const [extrasVersion, setExtrasVersion] = useState(0);\n  const extrasRef = useRef<Set<RenderLayer<unknown>>>(new Set());\n  const registerLayer = useCallback((layer: RenderLayer<unknown>) => {\n    extrasRef.current.add(layer);\n    setExtrasVersion(n => n + 1);\n    return () => {\n      extrasRef.current.delete(layer);\n      setExtrasVersion(n => n + 1);\n    };\n  }, []);\n\n  // Hit-test registered layers topmost-first: registration order is draw order, so the\n  // last-registered layer gets first refusal. `<SceneCanvas>` folds this into its\n  // `affordanceAt` thunk; Canvas has the layers but not the dispatcher.\n  const hitTestExtrasIn = useCallback((\n    worldX: number,\n    worldY: number,\n    view: View,\n    dims: Dims,\n    data: unknown,\n    only?: readonly RenderLayer<unknown>[],\n  ) => {\n    const layers = [...extrasRef.current].reverse();\n    const gate = gateRef.current;\n    const isVisible = gate.getIsVisible?.() ?? alwaysVisible;\n    const visibility = gate.layerVisibility ?? NO_LAYER_VISIBILITY;\n    const order = gate.layerOrder;\n    for (const layer of layers) {\n      if (!layer.hitTest) continue;\n      if (only && !only.includes(layer)) continue;\n      if (!isLayerPainted(layer, visibility, order)) continue;\n      const hit = layer.hitTest(worldX, worldY, data, view, dims, isVisible);\n      if (hit) return { layerId: layer.id, hit };\n    }\n    return null;\n  }, [gateRef]);\n\n  const {\n    viewRef, controlled: controlledView, setView, getView, subscribeView,\n    adoptControlled, announceControlled, clearSubscribers,\n  } = viewState;\n\n  const hitTestExtras = useCallback((\n    worldX: number,\n    worldY: number,\n    frame?: { view: View; dims: Dims },\n  ) => hitTestExtrasIn(\n    worldX,\n    worldY,\n    frame?.view ?? viewRef.current,\n    frame?.dims ?? dimsRef.current,\n    helpersForLayersRef.current,\n  ), [hitTestExtrasIn, dimsRef, viewRef]);\n\n  // The one client→world conversion: hover, the view registry and both\n  // handles answer with it, so a `clientToWorld` override reaches all of them\n  // or none.\n  const clientToWorldRef = useLatest(clientToWorld);\n  const toWorld = useCallback((clientX: number, clientY: number): [number, number] => {\n    const el = canvasRef.current;\n    if (!el) return [clientX, clientY];\n    const override = clientToWorldRef.current;\n    if (override) return override(el, clientX, clientY);\n    return clientToWorldHelper(clientX, clientY, el.getBoundingClientRect(), viewRef.current);\n  }, [clientToWorldRef, viewRef]);\n\n  useLayoutEffect(() => {\n    const element = canvasRef.current;\n    if (!element) return;\n    return registerMountedCanvas({ element, getView });\n  }, [detached, inputElement, getView]);\n\n  // The painted tier's channel. `<Canvas>` owns it because it owns both ends:\n  // the tool cursor that feeds it and the frame loop that has to repaint when\n  // it changes. The hover pump reaches it through the ref handle below.\n  const paintedCursor = useMemo<PaintedCursorState>(() => createPaintedCursorState(), []);\n  const paintedCursorLayer = useMemo(\n    () => createPaintedCursorLayer(paintedCursor),\n    [paintedCursor],\n  );\n  // An idle pointermove repaints nothing on its own, so a cursor the compositor\n  // is not drawing needs its own pump. The store stays quiet unless something\n  // painted is actually on screen.\n  useEffect(() => paintedCursor.subscribe(() => { requestRedraw(); }), [paintedCursor, requestRedraw]);\n  // The one writer of the input element's `cursor` style: the tool's cursor\n  // from here, a hover cursor from the pump, which reaches it through the handle.\n  const cursorSink = useMemo(\n    () => createCursorSink({ element: () => canvasRef.current, painted: () => paintedCursor }),\n    [paintedCursor],\n  );\n\n  const getSurfaceRect = useCallback(() => {\n    const origin = paintRectRef.current;\n    const { width: w, height: h } = dimsRef.current;\n    return { x: origin?.x ?? 0, y: origin?.y ?? 0, width: w, height: h };\n  }, [dimsRef, paintRectRef]);\n\n  useImperativeHandle(ref, () => ({\n    // Named rather than read off `canvasRef` so the handle rebuilds when a\n    // detached surface's input element arrives, which is a render later.\n    element: detached ? inputElement ?? null : canvasRef.current,\n    surface: detached ? paintInto?.canvas ?? null : ownCanvasRef.current,\n    getSurfaceRect,\n    clientToWorld: toWorld,\n    requestRedraw,\n    subscribeFrame,\n    subscribeBeforePaint,\n    subscribeResume,\n    registerLayer,\n    hitTestExtras,\n    getView,\n    setView,\n    subscribeView,\n    getPaintedVersion,\n    paintedCursor,\n    cursorSink,\n    getDebug,\n  }), [canvasRef, ownCanvasRef, detached, inputElement, paintInto?.canvas,\n       getSurfaceRect, toWorld, requestRedraw, subscribeFrame, subscribeBeforePaint, subscribeResume,\n       registerLayer,\n       hitTestExtras, getView, setView, subscribeView, getPaintedVersion,\n       paintedCursor, cursorSink, getDebug]);\n\n  const layerCacheRef = useRef<LayerCommandCache>(new Map());\n\n  // Views registered on this surface — declared as `views` descriptors or\n  // mounted as `<CanvasView>` children. Null outside a surface that mounts a\n  // registry, which is the single-view case.\n  const viewRegistry = useOptionalViewRegistry();\n\n  const selectedIdsForWiring = selection?.current ?? NO_SELECTION;\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 { helpers: viewHelpers, chromeState: viewChromeState } = useViewHelpers<TPose>({\n    adapter,\n    geometry,\n    boundsOf,\n    boundsOfPose,\n    selection: selectedIdsForWiring,\n    gestureSource,\n    previewPoseExtra,\n    getIsVisible: () => gateRef.current.getIsVisible?.() ?? alwaysVisible,\n  });\n\n  const surfaceHelpers: CanvasSurfaceHelpers = {\n    getDebug: () => debugSink,\n  };\n  const helpersForLayers: CanvasHelpers<TPose> = { ...viewHelpers, ...surfaceHelpers, viewId: null };\n\n  const backgroundLayer = useMemo(\n    () => (backgroundFill ? createBackgroundFillLayer(backgroundFill) : undefined),\n    [backgroundFill],\n  );\n\n  const layers = useMemo<RenderLayer<unknown>[]>(() => {\n    const standardLayers: Partial<\n      Record<(typeof STANDARD_SLOTS)[number], RenderLayer<unknown>>\n    > = {};\n    for (const slot of ['grid', 'cellHighlight', 'selectionOverlay'] as const) {\n      const entry = layersMap[slot];\n      if (isCustomEntry(entry)) standardLayers[slot] = entry.layer;\n    }\n    const out: RenderLayer<unknown>[] = composeOrderedLayers(\n      decorationLayer ? { ...layersMap, decorationLayer: { layer: decorationLayer } } : layersMap,\n      standardLayers, layersMap.scene?.layers, backgroundLayer,\n    );\n    if (tools) {\n      placeToolOverlays(out, standardLayers.selectionOverlay, tools.getActiveOverlays);\n    }\n    return out;\n  }, [layersMap, tools, backgroundLayer, decorationLayer]);\n\n  const viewRegistryVersion = useSyncExternalStore(\n    useCallback((cb: () => void) => viewRegistry?.subscribe(cb) ?? (() => {}), [viewRegistry]),\n    () => viewRegistry?.getVersion() ?? 0,\n    () => 0,\n  );\n\n  // The stack a view paints through its own camera is this canvas's, before\n  // the views themselves are folded in — otherwise a view would contain\n  // itself. Published by reference and read at draw time.\n  const surfaceLayersRef = useLatest<readonly RenderLayer<unknown>[]>(layers);\n  useEffect(() => {\n    return viewRegistry?.attachSurface({\n      origin: () => {\n        const c = canvasRef.current;\n        if (!c) return { left: 0, top: 0 };\n        const r = c.getBoundingClientRect();\n        return { left: r.left, top: r.top };\n      },\n      view: () => viewRef.current,\n      dims: () => dimsRef.current,\n      layers: () => surfaceLayersRef.current,\n      requestRedraw,\n      chromeState: () => helpersForLayersRef.current!.getChromeState(),\n      hitTestExtras: hitTestExtrasIn,\n      clientToWorld: toWorld,\n      claimsAbove: (x, y) => {\n        const corner = canvasRef.current?.getBoundingClientRect();\n        const [worldX, worldY] = toWorld(x + (corner?.left ?? 0), y + (corner?.top ?? 0));\n        return hitTestExtrasIn(worldX, worldY, viewRef.current, dimsRef.current, helpersForLayersRef.current) !== null;\n      },\n    });\n  }, [viewRegistry, canvasRef, requestRedraw, hitTestExtrasIn, dimsRef, surfaceLayersRef, viewRef, toWorld]);\n\n  const layersWithDebug = useMemo(() => {\n    // Views paint through the surface's own stack, so they sit above it and\n    // below both the debug overlay and externally-registered layers.\n    const withViews = viewRegistry\n      ? [...layers, ...viewRegistry.list().filter((r) => r.paint).map((r) => r.layer as RenderLayer<unknown>)]\n      : layers;\n    const base = debugOverlay ? [...withViews, debugOverlay] : withViews;\n    // The cursor goes last: it is the one thing that is always in front of\n    // everything, including a consumer's own registered layers.\n    return [...base, ...extrasRef.current, paintedCursorLayer];\n    // extrasVersion drives re-reads of extrasRef when layers are registered/detached;\n    // viewRegistryVersion does the same for registered views.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [layers, debugOverlay, extrasVersion, viewRegistry, viewRegistryVersion,\n      paintedCursorLayer]);\n\n  useEffect(() => {\n    const redraw = (): void => { requestRedraw(); };\n    const offs: (() => void)[] = [];\n    for (const layer of layersWithDebug) if (layer.subscribe) offs.push(layer.subscribe(redraw));\n    return () => { for (const off of offs) off(); };\n  }, [layersWithDebug, requestRedraw]);\n\n  const shaderIdKey = shaderKeyOf(shaders);\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 paintInputs = {\n    layers: layersWithDebug, width, height, debugSink, frameStats,\n    dpr: dprProp, layerGroups, shaders,\n    flattenTolerance,\n  };\n  const paintInputsRef = useLatest(paintInputs);\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  const paint = useCallback((): boolean => {\n    const c = paintTargetRef.current ?? ownCanvasRef.current;\n    if (!c) return false;\n    const rect = paintRectRef.current;\n    const {\n      layers: paintLayers, width: w, height: h, debugSink: sink, frameStats: timed,\n      dpr: dprIn,\n      flattenTolerance: paintFlattenTolerance,\n      layerGroups: groups, shaders: paintShaders,\n    } = paintInputsRef.current;\n\n    const debugFrame = beginDebugFrame(sink, timed, paintLayers);\n\n    const renderer = lease.bind(c, { width: w, height: h, dpr: dprIn }, {\n      tile: rect,\n      flattenTolerance: paintFlattenTolerance,\n      shaders: paintShaders,\n    });\n    // No WebGL2 (jsdom), or a context that is lost for now: nothing to paint.\n    if (!renderer) return false;\n\n    const view = viewRef.current;\n    const { layerVisibility: vis, layerOrder: order } = gateRef.current;\n    const spans = debugFrame?.time();\n    const commands = drawLayers(\n      paintLayers,\n      helpersForLayersRef.current,\n      vis ?? NO_LAYER_VISIBILITY,\n      order,\n      view,\n      { width: w, height: h },\n      layerCacheRef.current,\n      undefined,\n      groups,\n      spans,\n    );\n    renderer.render(commands, viewToMat3(view), spans ? { spans } : undefined);\n    debugFrame?.end(renderer.lastFrameStats());\n    paintedVersionRef.current = contentVersionRef.current?.() ?? 0;\n    return true;\n  }, [contentVersionRef, gateRef, lease, paintInputsRef, paintRectRef, paintTargetRef, viewRef]);\n  useInsertionEffect(() => {\n    paintRef.current = paint;\n  });\n\n  // A tripwire, not a list of values this effect uses: every paint input that\n  // arrives on a render must appear here, or changing it paints stale.\n  // `viewChromeState` stands in for the whole overlay-aware set the layer\n  // helpers expose — it re-memoizes on exactly the selection, bounds and\n  // preview inputs they read. What moves between renders instead (a scene\n  // write, a gesture pump, a late image decode) pushes its own redraw.\n  // Layout, not passive, so a `syncPaint` surface lands its pixels in the same\n  // commit as the DOM.\n  useLayoutEffect(() => {\n    requestRedraw();\n  }, [layersWithDebug, width, height, debugSink, dprProp, flattenTolerance,\n      controlledView?.x, controlledView?.y, controlledView?.scale.x, controlledView?.scale.y,\n      layerVisibility, layerOrder, layerGroups, shaderIdKey, syncPaint,\n      viewChromeState, getIsVisible, paintTarget, paintRect?.x, paintRect?.y, requestRedraw]);\n\n  useEffect(() => {\n    const layerCache = layerCacheRef.current;\n    return () => {\n      layerCache.clear();\n      clearSubscribers();\n    };\n  }, [clearSubscribers]);\n\n  useToolCursor(cursorSink, tools, detached ? inputElement : null, style?.cursor);\n\n  useSurfaceInput(canvasRef, {\n    focusOnPress: autoFocusOnPointerDown,\n    onFocus,\n    onBlur,\n    onHover: (_el, e) => {\n      const view = viewRef.current;\n      const [worldX, worldY] = toWorld(e.clientX, e.clientY);\n      const visibility = layerVisibility ?? NO_LAYER_VISIBILITY;\n      // Same gate as `hitTestExtrasIn`: a layer nobody can see takes no input.\n      for (const layer of layersWithDebug) {\n        if (!layer.onUncapturedMove || !isLayerPainted(layer, visibility, layerOrder)) continue;\n        layer.onUncapturedMove(worldX, worldY, e, view, { width, height });\n      }\n    },\n    onLeave: () => {\n      for (const layer of layersWithDebug) layer.onUncapturedLeave?.();\n    },\n  });\n\n  if (detached) return null;\n\n  return (\n    <canvas\n      ref={setOwnCanvas}\n      width={width}\n      height={height}\n      tabIndex={tabIndex}\n      {...surfaceBox(width, height, className, 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":["clientToWorld","clientToWorldHelper","alwaysVisible","NO_SELECTION","NO_LAYER_VISIBILITY","CanvasInner","dprProp","layersMap","clientToWorld$1","geometry","AUTO_POSE_DESCRIPTOR","debugProp","props","debugSink","debugOverlay","useDebugSink","canvasRef","useRef","ownCanvasRef","setOwnCanvas","useCallback","el","detached","paintInto","inputElement","paintTarget","paintTargetRef","useLatest","paintRect","paintRectRef","helpersForLayersRef","dimsRef","gateRef","paintRef","useCanvasSurface","contentVersionRef","contentVersion","paintedVersionRef","getPaintedVersion","extrasVersion","setExtrasVersion","useState","extrasRef","registerLayer","layer","n","hitTestExtrasIn","layers","gate","isVisible","visibility","order","only","isLayerPainted","hit","worldX","worldY","data","view","dims","controlledView","viewState","hitTestExtras","frame","viewRef","clientToWorldRef","toWorld","clientX","clientY","override","clientToWorld","element","registerMountedCanvas","getView","paintedCursor","useMemo","createPaintedCursorState","paintedCursorLayer","createPaintedCursorLayer","requestRedraw","cursorSink","createCursorSink","getSurfaceRect","origin","w","h","ref","subscribeFrame","subscribeBeforePaint","subscribeResume","setView","subscribeView","getDebug","layerCacheRef","viewRegistry","useOptionalViewRegistry","selectedIdsForWiring","selection","viewHelpers","viewChromeState","useViewHelpers","surfaceHelpers","helpersForLayers","backgroundLayer","backgroundFill","createBackgroundFillLayer","standardLayers","slot","entry","isCustomEntry","out","composeOrderedLayers","decorationLayer","tools","placeToolOverlays","viewRegistryVersion","useSyncExternalStore","cb","surfaceLayersRef","x","y","layersWithDebug","withViews","r","redraw","offs","off","shaderIdKey","shaderKeyOf","shaders","paintInputsRef","useInsertionEffect","adoptControlled","helpersRef","debugSinkRef","useLayoutEffect","paint","c","rect","paintLayers","sink","timed","dprIn","paintFlattenTolerance","groups","paintShaders","debugFrame","beginDebugFrame","renderer","lease","vis","spans","commands","drawLayers","viewToMat3","width","height","flattenTolerance","layerVisibility","layerOrder","layerGroups","syncPaint","getIsVisible","useEffect","layerCache","clearSubscribers","useToolCursor","style","useSurfaceInput","autoFocusOnPointerDown","e","SurfaceCanvas","Canvas","forwardRef"],"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, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\nimport type React from 'react';\nimport type { Paint } from '@weasel-js/paint';\nimport { composeOrderedLayers, placeToolOverlays } from './layerOrder';\nimport { STANDARD_SLOTS, isCustomEntry, type CanvasLayers } from './layerSlots';\nimport type { CanvasExtensionApi } from './canvasExtension';\nimport { registerMountedCanvas } from './mountedCanvases';\nimport type { GestureSource } from './gestureBounds';\nimport { useViewHelpers } from './useViewHelpers';\nimport { useSurfaceInput } from './useSurfaceInput';\nimport type { CanvasViewState } from './useCanvasView';\nimport { useOptionalViewRegistry } from './viewRegistry';\nimport { useCanvasSurface } from './useCanvasSurface';\nimport type { CanvasHelpers, CanvasSurfaceHelpers, ViewPoseAdapter } from './useViewHelpers';\n\nimport { useLatest } from '@weasel-js/react';\nimport type { View } from 'core/viewport/view';\nimport { clientToWorld as clientToWorldHelper } from 'core/viewport/clientToWorld';\nimport {\n  drawLayers, isLayerPainted,\n  type Dims, type LayerCommandCache, type LayerGroup, type RedrawSource, type RenderLayer,\n} from 'core/layers/render';\nimport { viewToMat3, type ShaderProgramHandle } from '@weasel-js/renderer';\nimport { createBackgroundFillLayer } from 'core/layers/backgroundFill';\nimport { shaderKeyOf } from './canvasRenderer';\nimport { SurfaceCanvas } from './SurfaceCanvas';\nimport {\n  type SelectionApi,\n} from 'core/selection/useSelection';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type { CanvasDebugSink, DebugConfig } from '../debug/types';\nimport { beginDebugFrame, useDebugSink } from '../debug/useDebugSink';\n\nconst alwaysVisible = (_id: string): boolean => true;\nimport { createCursorSink, createPaintedCursorState } from '@weasel-js/cursor';\nimport type { PaintedCursorState } from '@weasel-js/cursor';\nimport { useToolCursor } from './useToolCursor';\nimport { createPaintedCursorLayer } from './paintedCursorLayer';\n\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\n\n/**\n * Props for `<Canvas>`. Canvas is scene-agnostic: it owns the GL surface, view state, hover\n * delivery, and slot composition, and not gesture dispatch, selection state, picking logic,\n * kind registries, or scene-aware overlays.\n */\nexport interface CanvasProps<TPose = unknown> {\n  /** CSS-pixel width. */\n  width: number;\n  /** CSS-pixel height. */\n  height: number;\n\n  /** Drawing-buffer density (device pixels per CSS pixel). When omitted the\n   *  canvas reads `window.devicePixelRatio` per paint. */\n  dpr?: number;\n\n  /** Flatness tolerance for curve tessellation, in world units. Forwarded to\n   *  `WeaselRendererOptions.flattenTolerance`. Leave unset for the cached\n   *  default (`DEFAULT_FLATTEN_TOLERANCE`, 0.5); a scene whose world unit is\n   *  not a pixel — feet, inches, millimetres — needs a value scaled to its\n   *  unit or sub-unit curves flatten to a handful of vertices. */\n  flattenTolerance?: number;\n\n  /** The version of whatever content this canvas draws, sampled at paint time\n   *  and reported by {@link CanvasExtensionApi.getPaintedVersion}.\n   *  `<SceneCanvas>` wires this to `scene.getVersion`. Chrome that must not\n   *  show DOM ahead of pixels compares the two and defers a frame. */\n  contentVersion?: () => number;\n\n  /** Paint inside the React commit rather than on the next animation frame.\n   *  Costs a synchronous paint per commit and per redraw request; buys\n   *  single-commit consistency between React-rendered DOM and canvas pixels.\n   *  For consumers with DOM chrome pinned to canvas content that cannot\n   *  tolerate a frame of skew. Live: toggling it switches modes from the next\n   *  redraw on. A redraw requested from inside a layer's `draw`, or from a\n   *  `subscribeFrame` callback, still waits for a frame — painting it in place\n   *  would recurse. */\n  syncPaint?: boolean;\n\n  /** External state the paint reads that no layer declares — typically what\n   *  an `alphaFor` consults. Each source is subscribed while mounted and\n   *  repaints the canvas when it notifies. A layer that reads outside state\n   *  declares it on `RenderLayer.subscribe` instead. */\n  redrawOn?: readonly RedrawSource[];\n\n  /** Adapter the pose and bounds lookups on `helpersRef` read. */\n  adapter?: ViewPoseAdapter<TPose>;\n\n  /** Layer map. See module docstring for slot semantics. */\n  layers: CanvasLayers;\n\n  /**\n   * Current selection state; Canvas owns none of its own and never writes it. When absent,\n   * Canvas behaves as if nothing is selected: no selection chrome.\n   */\n  selection?: SelectionApi;\n\n\n  /**\n   * How to read and rewrite a pose. Drives the default `boundsOf` fallback and the\n   * selection-overlay bounds. Defaults to the rect identity (`AUTO_POSE_DESCRIPTOR`); supply\n   * one for a non-rect pose type.\n   */\n  poseDescriptor?: PoseDescriptor<TPose>;\n\n  /**\n   * Override for committed bounds lookup, taking precedence over the `poseDescriptor`-derived\n   * fallback. Used by the selection overlay, the multi-select union AABB, and\n   * `helpersRef.getEffectiveBounds`.\n   */\n  boundsOf?: (id: string) => Bounds | null;\n  /** Bounds of `id` drawn at an in-flight pose — how chrome boxes a preview.\n   *  Defaults to the `poseDescriptor`'s box of that pose. */\n  boundsOfPose?: (id: string, pose: TPose) => Bounds | null;\n  /**\n   * Custom pointer-to-world coordinate transform, overriding the default canvas-rect\n   * calculation. Useful for consumers that apply an additional CSS transform to the canvas\n   * element.\n   */\n  clientToWorld?: (canvas: HTMLElement, cx: number, cy: number) => [number, number];\n\n  /**\n   * Paint into a caller-owned canvas at a rect on it, instead of an element\n   * this component creates. `x`/`y` are the rect's top-left in that canvas's\n   * CSS pixels; the rect's size is the existing `width`/`height` props.\n   *\n   * Requires `inputElement`: with no element of its own there is nowhere for\n   * pointer input, focus or the cursor to live, and nothing renders.\n   *\n   * N canvases can then share one GL context and one buffer.\n   */\n  paintInto?: { canvas: HTMLCanvasElement | null; x: number; y: number };\n  /**\n   * The element pointer input, focus and the cursor come from, and the element\n   * every client→world conversion measures. Only read alongside `paintInto`;\n   * an attached canvas uses the one it renders.\n   */\n  inputElement?: HTMLElement | null;\n\n  /** Class for the `<canvas>` this component renders. Under `paintInto` it\n   *  renders none, and the input element is the caller's to style. */\n  className?: string;\n  /** Inline style for the `<canvas>` this component renders; a tool's cursor\n   *  is merged over it. Not applied under `paintInto`, where only that cursor\n   *  is written, onto the input element. */\n  style?: React.CSSProperties;\n  /** Tab order of the `<canvas>` this component renders. Default 0, so the\n   *  canvas is focusable. Not applied under `paintInto`: whether the input\n   *  element can take focus is the caller's to decide. */\n  tabIndex?: number;\n  /** Fired when the element input comes from gains focus: the canvas, or\n   *  under `paintInto` the `inputElement`. Called with the DOM event. */\n  onFocus?: (event: FocusEvent) => void;\n  /** Fired when that element loses focus. */\n  onBlur?: (event: FocusEvent) => void;\n  /**\n   * When `true` (default), the canvas element receives focus on `pointerdown` so keyboard\n   * events are captured without a separate click-to-focus step. Set to `false` where\n   * auto-focus would steal focus from sibling inputs.\n   */\n  autoFocusOnPointerDown?: boolean;\n\n  /** The tool set. Canvas reads the active tool's cursor and its overlays;\n   *  it dispatches nothing to a tool. */\n  tools?: import('../tools/overlayBinding').ToolsApi;\n\n  /** The camera this surface looks through, from `useCanvasView`. Whoever\n   *  made it holds the view props; the surface adopts and announces a\n   *  controlled view among its own effects, and repaints when one moves. */\n  viewState: CanvasViewState;\n  /**\n   * Mutable ref Canvas writes overlay-aware pose/bounds lookups to on every render. Custom\n   * layers can read it from inside their `draw` closure to reflect in-flight gestures\n   * (move/resize/rotate) instead of the committed scene; an id outside the active overlay\n   * falls back to the adapter.\n   */\n  helpersRef?: React.MutableRefObject<CanvasHelpers<TPose> | null>;\n\n  /**\n   * Debug overlay configuration.\n   *  - `undefined` (default): read `?debug=…` from the URL.\n   *  - `false`: force off, ignore URL.\n   *  - `DebugConfig` object: force on with that config, ignore URL.\n   *\n   * When enabled, the Canvas appends a screen-space `debug-overlay` layer and builds the\n   * sink it paints: each paint records into it, and the layer helpers and the ref handle's\n   * `getDebug` hand it to whatever else records.\n   */\n  debug?: DebugConfig | false;\n\n  /** Test-only escape hatch: writes the live debug sink to this ref so tests\n   *  can call `snapshot()` after a render. No effect when debug is off. */\n  debugSinkRef?: React.MutableRefObject<CanvasDebugSink | null>;\n\n  /**\n   * Shader programs to compile before the frame that first draws them; one\n   * not named here compiles on that frame. Each handle comes from a\n   * module-level `registerProgram()`. The array is read at each paint and\n   * registered again when its ids change, so a handle added after mount is\n   * picked up. Re-registering one of these ids with new source repaints the\n   * canvas, and the renderer recompiles it for that frame.\n   */\n  shaders?: ShaderProgramHandle[];\n\n  /**\n   * Preview-pose lookup, so selection chrome tracks the ghost during dispatcher-driven\n   * drags. Returns `null` / `undefined` when no preview is in flight.\n   */\n  previewPoseExtra?: (id: string) => unknown;\n\n  /**\n   * In-flight gesture state `<Canvas>` can't see for itself. Backs the `getGestureBounds` /\n   * `subscribeGestures` / `getGestureVersion` trio on `helpersRef`. Unwired, those three\n   * report \"no gesture in flight\" and never fire.\n   */\n  gestureSource?: GestureSource;\n\n  /**\n   * Fill for the full canvas surface, drawn as a screen-space layer beneath every other\n   * layer, the grid and anything anchored before it included — independent of pan / zoom.\n   */\n  backgroundFill?: Paint;\n\n  /**\n   * Mode-owned decoration layer (e.g. path-edit anchor dots). Composed as a `decorationLayer`\n   * entry in `layers` with no anchor, which this prop replaces: it paints above every slot\n   * and every other custom layer, and beneath a tool's `'top'` overlays. A tool's\n   * selection-anchored overlays sit beneath it too while there is selection chrome to anchor\n   * them; with that slot empty they fall to the tail and paint above it.\n   */\n  decorationLayer?: RenderLayer<unknown>;\n\n  /**\n   * Chrome-caps visibility resolver. Exposed on `helpersForLayers.getIsVisible` so custom\n   * layers (notably `composeAffordanceLayer`) can gate paint by chrome id, and threaded into\n   * hit-testing so the same gate applies there. Called fresh per draw / per hitTest. Omit to\n   * leave every chrome element visible.\n   */\n  getIsVisible?: () => (id: string) => boolean;\n\n  /**\n   * Show or hide whole render layers by id. An id absent from the map falls\n   * back to the layer's own `defaultVisible`, and a layer marked `alwaysOn`\n   * ignores the map entirely.\n   *\n   * Hiding a layer also stops it claiming pointer events through\n   * `hitTestExtras` — a layer nobody can see must not swallow a click.\n   *\n   * This is `getIsVisible`'s coarser sibling: that one gates individual\n   * chrome elements *within* a layer, this one gates the layer.\n   */\n  layerVisibility?: Record<string, boolean>;\n\n  /**\n   * Draw order, by layer id, bottom first. Omit for the order the layers\n   * arrive in.\n   *\n   * **A listed order is the whole list:** any layer whose id is missing from\n   * it is not drawn. Reordering two layers means naming all of them.\n   */\n  layerOrder?: string[];\n\n  /**\n   * Runs of consecutive layers that composite as one — the surface for blurring the world\n   * while the chrome above it stays sharp. Members are named by layer id. See\n   * {@link LayerGroup}.\n   */\n  layerGroups?: readonly LayerGroup[];\n}\n\n\nconst NO_SELECTION: SelectionApi['current'] = [];\n\nconst NO_LAYER_VISIBILITY: Record<string, boolean> = {};\n\nfunction CanvasInner<TPose>(\n  props: CanvasProps<TPose>,\n  ref: React.ForwardedRef<CanvasExtensionApi>,\n) {\n  const {\n    width,\n    height,\n    dpr: dprProp,\n    flattenTolerance,\n    contentVersion,\n    syncPaint = false,\n    redrawOn,\n    adapter,\n    layers: layersMap,\n    selection,\n    boundsOf,\n    boundsOfPose,\n    clientToWorld,\n    paintInto,\n    inputElement,\n    poseDescriptor: geometry = AUTO_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>,\n    className,\n    style,\n    tabIndex = 0,\n    onFocus,\n    onBlur,\n    autoFocusOnPointerDown = true,\n    helpersRef,\n    tools,\n    viewState,\n    debug: debugProp,\n    debugSinkRef,\n    shaders,\n    previewPoseExtra,\n    gestureSource,\n    backgroundFill,\n    decorationLayer,\n    getIsVisible,\n    layerVisibility,\n    layerOrder,\n    layerGroups,\n  } = props;\n\n  const { sink: debugSink, overlay: debugOverlay, frameStats, getDebug } = useDebugSink(debugProp);\n\n  // The element input comes from and every client→world conversion measures: the `<canvas>`\n  // this component renders, or under `paintInto` the caller's `inputElement`.\n  const canvasRef = useRef<HTMLElement | null>(null);\n  // The `<canvas>` this component rendered, if it rendered one. `paint` is the\n  // only thing that needs a real canvas, for `getContext`.\n  const ownCanvasRef = useRef<HTMLCanvasElement | null>(null);\n  // Stable, so a commit does not detach the element: an inline ref is nulled\n  // until the layout phase reaches it, and a sync paint asked for before that\n  // finds no canvas.\n  const setOwnCanvas = useCallback((el: HTMLCanvasElement | null) => {\n    ownCanvasRef.current = el;\n    canvasRef.current = el;\n  }, []);\n  const detached = !!paintInto;\n  // The detached input element reaches `canvasRef` at commit; the own canvas\n  // arrives through `setOwnCanvas`, React's ref callback.\n  useInsertionEffect(() => {\n    if (detached) canvasRef.current = inputElement ?? null;\n  });\n  // Where pixels go. Split from `canvasRef` only when detached.\n  const paintTarget = detached ? (paintInto.canvas ?? null) : null;\n  const paintTargetRef = useLatest(paintTarget);\n  const paintRect = detached ? { x: paintInto.x, y: paintInto.y } : null;\n  const paintRectRef = useLatest(paintRect);\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  // React does not drive the paint; the frame loop does. The thunk defers to\n  // `paint` 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, target: canvasRef, dpr: dprProp, redrawOn, shaders },\n  );\n\n  const contentVersionRef = useLatest(contentVersion);\n  const paintedVersionRef = useRef(0);\n  const getPaintedVersion = useCallback(() => paintedVersionRef.current, []);\n\n  // The `layersWithDebug` memo reads `extrasRef.current`, so registration has\n  // to bump state to re-run it. Rare (a HUD attaching, a loupe mounting).\n  const [extrasVersion, setExtrasVersion] = useState(0);\n  const extrasRef = useRef<Set<RenderLayer<unknown>>>(new Set());\n  const registerLayer = useCallback((layer: RenderLayer<unknown>) => {\n    extrasRef.current.add(layer);\n    setExtrasVersion(n => n + 1);\n    return () => {\n      extrasRef.current.delete(layer);\n      setExtrasVersion(n => n + 1);\n    };\n  }, []);\n\n  // Hit-test registered layers topmost-first: registration order is draw order, so the\n  // last-registered layer gets first refusal. `<SceneCanvas>` folds this into its\n  // `affordanceAt` thunk; Canvas has the layers but not the dispatcher.\n  const hitTestExtrasIn = useCallback((\n    worldX: number,\n    worldY: number,\n    view: View,\n    dims: Dims,\n    data: unknown,\n    only?: readonly RenderLayer<unknown>[],\n  ) => {\n    const layers = [...extrasRef.current].reverse();\n    const gate = gateRef.current;\n    const isVisible = gate.getIsVisible?.() ?? alwaysVisible;\n    const visibility = gate.layerVisibility ?? NO_LAYER_VISIBILITY;\n    const order = gate.layerOrder;\n    for (const layer of layers) {\n      if (!layer.hitTest) continue;\n      if (only && !only.includes(layer)) continue;\n      if (!isLayerPainted(layer, visibility, order)) continue;\n      const hit = layer.hitTest(worldX, worldY, data, view, dims, isVisible);\n      if (hit) return { layerId: layer.id, hit };\n    }\n    return null;\n  }, [gateRef]);\n\n  const {\n    viewRef, controlled: controlledView, setView, getView, subscribeView,\n    adoptControlled, announceControlled, clearSubscribers,\n  } = viewState;\n\n  const hitTestExtras = useCallback((\n    worldX: number,\n    worldY: number,\n    frame?: { view: View; dims: Dims },\n  ) => hitTestExtrasIn(\n    worldX,\n    worldY,\n    frame?.view ?? viewRef.current,\n    frame?.dims ?? dimsRef.current,\n    helpersForLayersRef.current,\n  ), [hitTestExtrasIn, dimsRef, viewRef]);\n\n  // The one client→world conversion: hover, the view registry and both\n  // handles answer with it, so a `clientToWorld` override reaches all of them\n  // or none.\n  const clientToWorldRef = useLatest(clientToWorld);\n  const toWorld = useCallback((clientX: number, clientY: number): [number, number] => {\n    const el = canvasRef.current;\n    if (!el) return [clientX, clientY];\n    const override = clientToWorldRef.current;\n    if (override) return override(el, clientX, clientY);\n    return clientToWorldHelper(clientX, clientY, el.getBoundingClientRect(), viewRef.current);\n  }, [clientToWorldRef, viewRef]);\n\n  useLayoutEffect(() => {\n    const element = canvasRef.current;\n    if (!element) return;\n    return registerMountedCanvas({ element, getView });\n  }, [detached, inputElement, getView]);\n\n  // The painted tier's channel. `<Canvas>` owns it because it owns both ends:\n  // the tool cursor that feeds it and the frame loop that has to repaint when\n  // it changes. The hover pump reaches it through the ref handle below.\n  const paintedCursor = useMemo<PaintedCursorState>(() => createPaintedCursorState(), []);\n  const paintedCursorLayer = useMemo(\n    () => createPaintedCursorLayer(paintedCursor),\n    [paintedCursor],\n  );\n  // An idle pointermove repaints nothing on its own, so a cursor the compositor\n  // is not drawing needs its own pump. The store stays quiet unless something\n  // painted is actually on screen.\n  useEffect(() => paintedCursor.subscribe(() => { requestRedraw(); }), [paintedCursor, requestRedraw]);\n  // The one writer of the input element's `cursor` style: the tool's cursor\n  // from here, a hover cursor from the pump, which reaches it through the handle.\n  const cursorSink = useMemo(\n    () => createCursorSink({ element: () => canvasRef.current, painted: () => paintedCursor }),\n    [paintedCursor],\n  );\n\n  const getSurfaceRect = useCallback(() => {\n    const origin = paintRectRef.current;\n    const { width: w, height: h } = dimsRef.current;\n    return { x: origin?.x ?? 0, y: origin?.y ?? 0, width: w, height: h };\n  }, [dimsRef, paintRectRef]);\n\n  useImperativeHandle(ref, () => ({\n    // Named rather than read off `canvasRef` so the handle rebuilds when a\n    // detached surface's input element arrives, which is a render later.\n    element: detached ? inputElement ?? null : canvasRef.current,\n    surface: detached ? paintInto?.canvas ?? null : ownCanvasRef.current,\n    getSurfaceRect,\n    clientToWorld: toWorld,\n    requestRedraw,\n    subscribeFrame,\n    subscribeBeforePaint,\n    subscribeResume,\n    registerLayer,\n    hitTestExtras,\n    getView,\n    setView,\n    subscribeView,\n    getPaintedVersion,\n    paintedCursor,\n    cursorSink,\n    getDebug,\n  }), [canvasRef, ownCanvasRef, detached, inputElement, paintInto?.canvas,\n       getSurfaceRect, toWorld, requestRedraw, subscribeFrame, subscribeBeforePaint, subscribeResume,\n       registerLayer,\n       hitTestExtras, getView, setView, subscribeView, getPaintedVersion,\n       paintedCursor, cursorSink, getDebug]);\n\n  const layerCacheRef = useRef<LayerCommandCache>(new Map());\n\n  // Views registered on this surface — declared as `views` descriptors or\n  // mounted as `<CanvasView>` children. Null outside a surface that mounts a\n  // registry, which is the single-view case.\n  const viewRegistry = useOptionalViewRegistry();\n\n  const selectedIdsForWiring = selection?.current ?? NO_SELECTION;\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 { helpers: viewHelpers, chromeState: viewChromeState } = useViewHelpers<TPose>({\n    adapter,\n    geometry,\n    boundsOf,\n    boundsOfPose,\n    selection: selectedIdsForWiring,\n    gestureSource,\n    previewPoseExtra,\n    getIsVisible: () => gateRef.current.getIsVisible?.() ?? alwaysVisible,\n  });\n\n  const surfaceHelpers: CanvasSurfaceHelpers = {\n    getDebug: () => debugSink,\n  };\n  const helpersForLayers: CanvasHelpers<TPose> = { ...viewHelpers, ...surfaceHelpers, viewId: null };\n\n  const backgroundLayer = useMemo(\n    () => (backgroundFill ? createBackgroundFillLayer(backgroundFill) : undefined),\n    [backgroundFill],\n  );\n\n  const layers = useMemo<RenderLayer<unknown>[]>(() => {\n    const standardLayers: Partial<\n      Record<(typeof STANDARD_SLOTS)[number], RenderLayer<unknown>>\n    > = {};\n    for (const slot of ['grid', 'cellHighlight', 'selectionOverlay'] as const) {\n      const entry = layersMap[slot];\n      if (isCustomEntry(entry)) standardLayers[slot] = entry.layer;\n    }\n    const out: RenderLayer<unknown>[] = composeOrderedLayers(\n      decorationLayer ? { ...layersMap, decorationLayer: { layer: decorationLayer } } : layersMap,\n      standardLayers, layersMap.scene?.layers, backgroundLayer,\n    );\n    if (tools) {\n      placeToolOverlays(out, standardLayers.selectionOverlay, tools.getActiveOverlays);\n    }\n    return out;\n  }, [layersMap, tools, backgroundLayer, decorationLayer]);\n\n  const viewRegistryVersion = useSyncExternalStore(\n    useCallback((cb: () => void) => viewRegistry?.subscribe(cb) ?? (() => {}), [viewRegistry]),\n    () => viewRegistry?.getVersion() ?? 0,\n    () => 0,\n  );\n\n  // The stack a view paints through its own camera is this canvas's, before\n  // the views themselves are folded in — otherwise a view would contain\n  // itself. Published by reference and read at draw time.\n  const surfaceLayersRef = useLatest<readonly RenderLayer<unknown>[]>(layers);\n  useEffect(() => {\n    return viewRegistry?.attachSurface({\n      view: () => viewRef.current,\n      dims: () => dimsRef.current,\n      layers: () => surfaceLayersRef.current,\n      requestRedraw,\n      chromeState: () => helpersForLayersRef.current!.getChromeState(),\n      hitTestExtras: hitTestExtrasIn,\n      clientToWorld: toWorld,\n      claimsAbove: (x, y) => {\n        const view = viewRef.current;\n        const worldX = x / view.scale.x + view.x;\n        const worldY = y / view.scale.y + view.y;\n        return hitTestExtrasIn(worldX, worldY, view, dimsRef.current, helpersForLayersRef.current) !== null;\n      },\n    });\n  }, [viewRegistry, canvasRef, requestRedraw, hitTestExtrasIn, dimsRef, surfaceLayersRef, viewRef, toWorld]);\n\n  const layersWithDebug = useMemo(() => {\n    // Views paint through the surface's own stack, so they sit above it and\n    // below both the debug overlay and externally-registered layers.\n    const withViews = viewRegistry\n      ? [...layers, ...viewRegistry.list().filter((r) => r.paint).map((r) => r.layer as RenderLayer<unknown>)]\n      : layers;\n    const base = debugOverlay ? [...withViews, debugOverlay] : withViews;\n    // The cursor goes last: it is the one thing that is always in front of\n    // everything, including a consumer's own registered layers.\n    return [...base, ...extrasRef.current, paintedCursorLayer];\n    // extrasVersion drives re-reads of extrasRef when layers are registered/detached;\n    // viewRegistryVersion does the same for registered views.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [layers, debugOverlay, extrasVersion, viewRegistry, viewRegistryVersion,\n      paintedCursorLayer]);\n\n  useEffect(() => {\n    const redraw = (): void => { requestRedraw(); };\n    const offs: (() => void)[] = [];\n    for (const layer of layersWithDebug) if (layer.subscribe) offs.push(layer.subscribe(redraw));\n    return () => { for (const off of offs) off(); };\n  }, [layersWithDebug, requestRedraw]);\n\n  const shaderIdKey = shaderKeyOf(shaders);\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 paintInputs = {\n    layers: layersWithDebug, width, height, debugSink, frameStats,\n    dpr: dprProp, layerGroups, shaders,\n    flattenTolerance,\n  };\n  const paintInputsRef = useLatest(paintInputs);\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  const paint = useCallback((): boolean => {\n    const c = paintTargetRef.current ?? ownCanvasRef.current;\n    if (!c) return false;\n    const rect = paintRectRef.current;\n    const {\n      layers: paintLayers, width: w, height: h, debugSink: sink, frameStats: timed,\n      dpr: dprIn,\n      flattenTolerance: paintFlattenTolerance,\n      layerGroups: groups, shaders: paintShaders,\n    } = paintInputsRef.current;\n\n    const debugFrame = beginDebugFrame(sink, timed, paintLayers);\n\n    const renderer = lease.bind(c, { width: w, height: h, dpr: dprIn }, {\n      tile: rect,\n      flattenTolerance: paintFlattenTolerance,\n      shaders: paintShaders,\n    });\n    // No WebGL2 (jsdom), or a context that is lost for now: nothing to paint.\n    if (!renderer) return false;\n\n    const view = viewRef.current;\n    const { layerVisibility: vis, layerOrder: order } = gateRef.current;\n    const spans = debugFrame?.time();\n    const commands = drawLayers(\n      paintLayers,\n      helpersForLayersRef.current,\n      vis ?? NO_LAYER_VISIBILITY,\n      order,\n      view,\n      { width: w, height: h },\n      layerCacheRef.current,\n      undefined,\n      groups,\n      spans,\n    );\n    renderer.render(commands, viewToMat3(view), spans ? { spans } : undefined);\n    debugFrame?.end(renderer.lastFrameStats());\n    paintedVersionRef.current = contentVersionRef.current?.() ?? 0;\n    return true;\n  }, [contentVersionRef, gateRef, lease, paintInputsRef, paintRectRef, paintTargetRef, viewRef]);\n  useInsertionEffect(() => {\n    paintRef.current = paint;\n  });\n\n  // A tripwire, not a list of values this effect uses: every paint input that\n  // arrives on a render must appear here, or changing it paints stale.\n  // `viewChromeState` stands in for the whole overlay-aware set the layer\n  // helpers expose — it re-memoizes on exactly the selection, bounds and\n  // preview inputs they read. What moves between renders instead (a scene\n  // write, a gesture pump, a late image decode) pushes its own redraw.\n  // Layout, not passive, so a `syncPaint` surface lands its pixels in the same\n  // commit as the DOM.\n  useLayoutEffect(() => {\n    requestRedraw();\n  }, [layersWithDebug, width, height, debugSink, dprProp, flattenTolerance,\n      controlledView?.x, controlledView?.y, controlledView?.scale.x, controlledView?.scale.y,\n      layerVisibility, layerOrder, layerGroups, shaderIdKey, syncPaint,\n      viewChromeState, getIsVisible, paintTarget, paintRect?.x, paintRect?.y, requestRedraw]);\n\n  useEffect(() => {\n    const layerCache = layerCacheRef.current;\n    return () => {\n      layerCache.clear();\n      clearSubscribers();\n    };\n  }, [clearSubscribers]);\n\n  useToolCursor(cursorSink, tools, detached ? inputElement : null, style?.cursor);\n\n  useSurfaceInput(canvasRef, {\n    focusOnPress: autoFocusOnPointerDown,\n    onFocus,\n    onBlur,\n    onHover: (_el, e) => {\n      const view = viewRef.current;\n      const [worldX, worldY] = toWorld(e.clientX, e.clientY);\n      const visibility = layerVisibility ?? NO_LAYER_VISIBILITY;\n      // Same gate as `hitTestExtrasIn`: a layer nobody can see takes no input.\n      for (const layer of layersWithDebug) {\n        if (!layer.onUncapturedMove || !isLayerPainted(layer, visibility, layerOrder)) continue;\n        layer.onUncapturedMove(worldX, worldY, e, view, { width, height });\n      }\n    },\n    onLeave: () => {\n      for (const layer of layersWithDebug) layer.onUncapturedLeave?.();\n    },\n  });\n\n  if (detached) return null;\n\n  return (\n    <SurfaceCanvas\n      ref={setOwnCanvas}\n      width={width}\n      height={height}\n      tabIndex={tabIndex}\n      className={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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"}