@weasel-js/core 1.9.3 → 1.9.4

package/dist/canvas/SceneCanvas/PointerProviderIfRoot.js

@@ -1,20 +1,20 @@
 import { clientToWorld as e } from "../../core/viewport/clientToWorld.js";
-import { PointerContextProvider as t, usePointerContext as n } from "../../features/pointer/PointerContext.js";
-import { useOptionalViewRegistry as r } from "../viewRegistry.js";
+import { useOptionalViewRegistry as t } from "../viewRegistry.js";
+import { PointerContextProvider as n, usePointerContext as r } from "../../features/pointer/PointerContext.js";
 import { useEffect as i } from "react";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region src/canvas/SceneCanvas/PointerProviderIfRoot.tsx
 function s({ children: e }) {
-	return n() ? /* @__PURE__ */ o(a, { children: e }) : /* @__PURE__ */ o(t, { children: e });
+	return r() ? /* @__PURE__ */ o(a, { children: e }) : /* @__PURE__ */ o(n, { children: e });
 }
-function c({ canvasRef: t }) {
-	let a = n(), o = r();
+function c({ canvasRef: n }) {
+	let a = r(), o = t();
 	return i(() => {
 		if (!a) return;
-		let n = t.current;
-		if (!n) return;
-		let r = (t, r, i) => {
-			let s = o?.resolver.at(t, r, i), c = n.getBoundingClientRect(), [l, u] = e(r, i, s?.origin ?? c, s?.view ?? {
+		let t = n.current;
+		if (!t) return;
+		let r = (n, r, i) => {
+			let s = o?.resolver.at(n, r, i), c = t.getBoundingClientRect(), [l, u] = e(r, i, s?.origin ?? c, s?.view ?? {
 				x: 0,
 				y: 0,
 				scale: {
@@ -34,14 +34,14 @@ function c({ canvasRef: t }) {
 			}
 			a.set(null);
 		}, c = (e) => {
-			e.target !== n && e.buttons !== 0 && r(e.pointerId, e.clientX, e.clientY);
+			e.target !== t && e.buttons !== 0 && r(e.pointerId, e.clientX, e.clientY);
 		};
-		return n.addEventListener("pointermove", i), n.addEventListener("pointerleave", s), document.addEventListener("pointermove", c), () => {
-			n.removeEventListener("pointermove", i), n.removeEventListener("pointerleave", s), document.removeEventListener("pointermove", c);
+		return t.addEventListener("pointermove", i), t.addEventListener("pointerleave", s), document.addEventListener("pointermove", c), () => {
+			t.removeEventListener("pointermove", i), t.removeEventListener("pointerleave", s), document.removeEventListener("pointermove", c);
 		};
 	}, [
 		a,
-		t,
+		n,
 		o
 	]), null;
 }

package/dist/canvas/SceneCanvas/StandardActionsRegistrar.js

@@ -0,0 +1,67 @@
+import { useDecayLoop as e } from "../../core/viewport/useDecayLoop.js";
+import { usePointerContext as t } from "../../features/pointer/PointerContext.js";
+import { useStandardActions as n } from "../../interactions/actions/useStandardActions.js";
+import { usePoseDescriptorDepSource as r } from "../deps/poseDescriptor.js";
+import { usePoseCompositionDepSource as i } from "../deps/poseComposition.js";
+import { useSliceDepSource as a } from "../deps/slice.js";
+import { useLayoutArrivals as o } from "../../layout/arrivals.js";
+import { useViewDepSource as s } from "../deps/view.js";
+import { useAreaSelectDepSource as c } from "../deps/areaSelect.js";
+import { useNodeAtPointDepSource as l } from "../deps/nodeAtPoint.js";
+import { useLassoSelectDepSource as u } from "../deps/lassoSelect.js";
+import { useTextEditDepSource as d } from "../deps/textEdit.js";
+import { useEditAnchorsDepSource as f } from "../deps/editAnchors.js";
+import { useInsertDepSource as p } from "../deps/insert.js";
+import { useSnapDepSource as m } from "../deps/snap.js";
+import { useDebugDepSource as h } from "../deps/debug.js";
+import { useDepChangeNotices as g } from "../deps/changes.js";
+import { useDispatcherDepSource as _ } from "../deps/dispatcher.js";
+import { useLayoutDepSource as ee } from "../deps/layout.js";
+import { useIngestionDepSource as te } from "../deps/ingestion.js";
+import { GeometryProjectionRegistrar as ne, ResizePolicyRegistrar as re } from "./poseRegistrars.js";
+import { useActionsPropResolver as ie } from "./useActionsPropResolver.js";
+import { useViewportActions as v } from "./useViewportActions.js";
+import { useEffect as y } from "react";
+import { useActionsRegistry as b, useDepSource as x } from "@weasel-js/routing/react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/canvas/SceneCanvas/StandardActionsRegistrar.tsx
+function T({ selection: T, scene: E, adapter: D, actions: O, excludeActions: k, currentViewRef: A, onViewChange: j, resizeOptions: M, poseDescriptor: N, geometryProjection: P, dispatcher: F, getActionRef: I, pickEvery: L, layerIsPainted: ae, alphaOf: R, viewportPanEnabled: z, viewportZoom: B, viewportPinchZoom: V, viewportRecenter: H, viewAnimation: U, editAnchorsExternalState: W, anchorEditingAllowed: G, poseComposition: K, layouts: q, layoutDropTarget: J, reflowTransition: oe, insertNodeFactories: se, insertPaint: ce, snapPoint: le, canvasRef: Y, canvasApiRef: X, ingestionResolveSrc: ue, ingestionSvg: de, ingestionClipboard: fe, actionsRegistryRef: Z }) {
+	let Q = b();
+	y(() => (Z.current = Q, () => {
+		Z.current = null;
+	}), [Q, Z]), y(() => {
+		if (Q) return Q.setDispatcher(F);
+	}, [Q, F]), y(() => {
+		if (Q) return I.current = (e) => Q.list().find((t) => t.id === e), () => {
+			I.current = null;
+		};
+	}, [Q, I]);
+	let pe = e(), $ = s(A, j, H, () => {
+		let e = Y.current;
+		return e ? {
+			width: e.clientWidth,
+			height: e.clientHeight
+		} : null;
+	}, U, pe, ae);
+	n({
+		selection: T,
+		scene: E,
+		view: $,
+		history: E.history,
+		exclude: k
+	}), x("rootView", () => $);
+	let me = t();
+	return x("pointer", () => me ?? void 0), v({
+		pan: z,
+		zoom: B,
+		pinchZoom: V
+	}), c(E, T, N, K, R), l(L), ee(E, q, J, oe), o(E, {
+		layouts: q,
+		poseDescriptor: N,
+		poseComposition: K
+	}), p(E, D, se, ce), a(E, T, D, K, N), m(le), h(X), g(E, T.current), te(Y, () => A.current, ue, de, fe), u(E, T, N, K, R), d(E), f(E, T, D, W, { anchorEditingAllowed: G }), _(F), r(N), i(K), ie(O, k.join("|")), /* @__PURE__ */ w(S, { children: [M ? /* @__PURE__ */ C(re, { options: M }) : null, P ? /* @__PURE__ */ C(ne, { projection: P }) : null] });
+}
+//#endregion
+export { T as StandardActionsRegistrar };
+
+//# sourceMappingURL=StandardActionsRegistrar.js.map

package/dist/canvas/SceneCanvas/StandardActionsRegistrar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardActionsRegistrar.js","names":["_Fragment","StandardActionsRegistrar","registry","useActionsRegistry","useEffect","actionsRegistryRef","dispatcher","a","id","getActionRef","decayLoop","useDecayLoop","view","useViewDepSource","currentViewRef","onViewChange","viewportRecenter","el","canvasRef","viewAnimation","layerIsPainted","useStandardActions","scene","excludeActions","useDepSource","pointer","usePointerContext","useViewportActions","viewportPanEnabled","viewportZoom","viewportPinchZoom","useAreaSelectDepSource","selection","poseDescriptor","poseComposition","alphaOf","useNodeAtPointDepSource","pickEvery","useLayoutDepSource","layouts","layoutDropTarget","reflowTransition","useLayoutArrivals","useInsertDepSource","adapter","insertNodeFactories","insertPaint","useSliceDepSource","useSnapDepSource","snapPoint","useDebugDepSource","canvasApiRef","useDepChangeNotices","useIngestionDepSource","ingestionResolveSrc","ingestionSvg","ingestionClipboard","useLassoSelectDepSource","useTextEditDepSource","useEditAnchorsDepSource","editAnchorsExternalState","useDispatcherDepSource","usePoseDescriptorDepSource","usePoseCompositionDepSource","useActionsPropResolver","actions","Fragment","resizeOptions","ResizePolicyRegistrar","geometryProjection","GeometryProjectionRegistrar"],"sources":["../../../src/canvas/SceneCanvas/StandardActionsRegistrar.tsx"],"sourcesContent":["import type { Action, ActionsProp, ActionsRegistry } from '@weasel-js/routing';\nimport type { Dispatcher } from '@weasel-js/routing';\nimport { useActionsRegistry, useDepSource } from '@weasel-js/routing/react';\nimport type { Scene } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport { useDecayLoop } from 'core/viewport/useDecayLoop';\nimport type { ViewAnimationApi } from 'core/viewport/useViewAnimation';\nimport type { View } from 'core/viewport/view';\nimport { usePointerContext } from 'features/pointer/PointerContext';\nimport type { PinchZoomOptions } from 'interactions/actions/defaults/pinchZoom';\nimport type { WheelPanOptions } from 'interactions/actions/defaults/viewportWheelPan';\nimport type { ViewportZoomOptions } from 'interactions/actions/defaults/viewportZoom';\nimport type { ClipboardIngestCtx, SvgIngestOptions } from 'interactions/actions/depSchema';\nimport type { GeometryProjection } from 'interactions/actions/geometryProjection';\nimport type { PoseDescriptor } from 'interactions/actions/resize/geometry';\nimport type { UseResizeOptions } from 'interactions/actions/resize/options';\nimport { useStandardActions } from 'interactions/actions/useStandardActions';\nimport type React from 'react';\nimport { useEffect } from 'react';\nimport { useLayoutArrivals } from '../../layout/arrivals';\nimport type { LayoutDropTargetMode, ReflowTransition } from '../../layout/types';\nimport type { CanvasExtensionApi } from '../canvasExtension';\nimport {\n  useAreaSelectDepSource,\n  useDebugDepSource,\n  useDepChangeNotices,\n  useDispatcherDepSource,\n  useEditAnchorsDepSource,\n  useIngestionDepSource,\n  useInsertDepSource,\n  useLassoSelectDepSource,\n  useLayoutDepSource,\n  useNodeAtPointDepSource,\n  usePoseCompositionDepSource,\n  usePoseDescriptorDepSource,\n  useSliceDepSource,\n  useSnapDepSource,\n  useTextEditDepSource,\n  useViewDepSource,\n  type InsertNodeFactory,\n  type InsertPaint\n} from '../deps';\nimport { GeometryProjectionRegistrar, ResizePolicyRegistrar } from './poseRegistrars';\nimport type { BridgeAdapter, SceneCanvasProps } from './props';\nimport { useActionsPropResolver } from './useActionsPropResolver';\nimport { useViewportActions } from './useViewportActions';\n\n/**\n * Registers the kit's default action set into this canvas's input scope.\n *\n * For `delete`, `duplicate`, `group`, and `ungroup` the descriptor's\n * invoker is a stub (those deps aren't in `DepSchema` yet — Phase 4 T8\n * TODO). This component registers legacy bridge overrides for them so the\n * consumer-facing `run` path is functional. The overrides land after the\n * descriptor registrations (last-writer-wins) and use the same id, so the\n * dispatcher and keybinding system see a real `run` body.\n */\nexport function StandardActionsRegistrar({\n  selection,\n  scene,\n  adapter,\n  actions,\n  excludeActions,\n  currentViewRef,\n  onViewChange,\n  resizeOptions,\n  poseDescriptor,\n  geometryProjection,\n  dispatcher,\n  getActionRef,\n  pickEvery,\n  layerIsPainted,\n  alphaOf,\n  viewportPanEnabled,\n  viewportZoom,\n  viewportPinchZoom,\n  viewportRecenter,\n  viewAnimation,\n  editAnchorsExternalState,\n  anchorEditingAllowed,\n  poseComposition,\n  layouts,\n  layoutDropTarget,\n  reflowTransition,\n  insertNodeFactories,\n  insertPaint,\n  snapPoint,\n  canvasRef,\n  canvasApiRef,\n  ingestionResolveSrc,\n  ingestionSvg,\n  ingestionClipboard,\n  actionsRegistryRef,\n}: {\n  selection: SelectionApi;\n  scene: Scene<unknown, string, unknown>;\n  adapter: BridgeAdapter;\n  actionDefaults?: SceneCanvasProps<unknown, string, unknown>['actionDefaults'];\n  actions?: ActionsProp;\n  /** Kit-standard action ids this canvas's presets and tools leave out. */\n  excludeActions: readonly string[];\n  currentViewRef: React.RefObject<View>;\n  onViewChange: (v: View) => void;\n  /** Forwarded from `selectTool.resize` — wires the `resizePolicy` dep\n   *  consumed by the dispatcher-path `resizeAction`. The legacy\n   *  `useResizeTool` consumes the same options separately (both paths run\n   *  in parallel during the dispatcher migration). */\n  resizeOptions?: UseResizeOptions<unknown>;\n  /** Forwarded from `SceneCanvasProps.poseDescriptor` — wires the\n   *  `poseDescriptor` dep every built-in pose-touching action reads. */\n  poseDescriptor: PoseDescriptor<unknown>;\n  /** Forwarded from `SceneCanvasProps.geometryProjection` — wires the\n   *  `geometryProjection` dep consumed by pose-transform actions (move,\n   *  resize, nudge, flip). Conditionally mounted so absent → dep undefined. */\n  geometryProjection?: GeometryProjection;\n  /** Forwarded so `cancelGestureAction` and other actions that need to\n   *  abort in-flight handles can read the dispatcher's control surface. */\n  dispatcher: Dispatcher;\n  /** Ref populated with a live action-lookup function so the dispatcher's\n   *  `getAction` closure can resolve action ids after the registry is\n   *  mounted. Set on first render; cleared on unmount. */\n  getActionRef: React.MutableRefObject<((id: string) => Action | undefined) | null>;\n  /** World-space picker forwarded so the `nodeAtPoint` dep source can\n   *  reuse the same hit-test plumbing the tool dispatcher uses. */\n  pickEvery: (worldX: number, worldY: number) => string[];\n  /** This canvas's own view gate for scene layers, published on the `view`\n   *  dep and read by the selecting actions. Absent when it hides nothing. */\n  layerIsPainted?: (layerId: string) => boolean;\n  /** The composed paint alpha, when the consumer fades anything, so a region\n   *  select passes over what is painted at zero. */\n  alphaOf?: (id: string) => number;\n  /** Resolved `viewport.pan` flag — default true, false to disable. */\n  viewportPanEnabled: boolean | WheelPanOptions;\n  /** Resolved `viewport.zoom` setting — `true` (default Cmd+wheel zoom),\n   *  `false` (disabled), or a {@link ViewportZoomOptions} config. */\n  viewportZoom: boolean | ViewportZoomOptions;\n  /** Resolved `viewport.pinchZoom` setting — `true` (default two-finger pinch),\n   *  `false` (disabled), or a {@link PinchZoomOptions} scale clamp. */\n  viewportPinchZoom: boolean | PinchZoomOptions;\n  /** Optional recenter callback. When supplied, wires through to the\n   *  `view` dep so `viewport.zoom` reset (Cmd-0) calls it instead of\n   *  snapping to identity. A returned `View` is a target the kit may\n   *  animate to; `void` means the callback dispatched it itself. */\n  viewportRecenter?: () => View | void;\n  /** The canvas's camera runner, published on the `view` dep so\n   *  `viewport.zoom`'s discrete branches can animate. */\n  viewAnimation: ViewAnimationApi;\n  /** Lifted edit-mode state so the `pathEditingOverlay` chrome (rendered\n   *  outside this subtree) can read the same `editingId` the dep does. */\n  editAnchorsExternalState: import('../deps/editAnchors').EditAnchorsStateRef;\n  /** Present only when a mode registry is wired (`modes`); see\n   *  `EditAnchorsDepOptions.anchorEditingAllowed` for why absence — not a\n   *  predicate over an empty capability set — is the safe default. */\n  anchorEditingAllowed?: () => boolean;\n  /** Forwarded from `SceneCanvasProps` so the `layout` dep source can wire\n   *  the per-container layout strategy lookup consumed by `moveAction`. */\n  layouts?: SceneCanvasProps<unknown, string, unknown>['layouts'];\n  layoutDropTarget?: LayoutDropTargetMode;\n  reflowTransition?: ReflowTransition<unknown> | null;\n  /** Forwarded from `SceneCanvasProps` so the marquee and lasso dep sources\n   *  test where a node is drawn rather than where its pose is stored. */\n  poseComposition?: SceneCanvasProps<unknown, string, unknown>['poseComposition'];\n  /** Forwarded from `SceneCanvasProps` so `useInsertDepSource` can wire the\n   *  consumer's per-kind node factories into the `insert` dep. */\n  insertNodeFactories?: Record<string, InsertNodeFactory>;\n  insertPaint?: InsertPaint;\n  /** Forwarded from `SceneCanvasProps.toolOptions.snapPoint` so the `snap`\n   *  dep source can expose grid snapping to `insertAction`. */\n  snapPoint?: (p: { x: number; y: number }) => { x: number; y: number };\n  /** The canvas element ref, so `useIngestionDepSource` can compute the\n   *  visible world rect from the client rect + current view. */\n  canvasRef: React.RefObject<HTMLElement | null>;\n  /** The canvas handle, whose debug sink backs the `debug` dep. */\n  canvasApiRef: React.RefObject<CanvasExtensionApi | null>;\n  /** Forwarded from `SceneCanvasProps.ingestion.resolveSrc` — consumer\n   *  file→src override for the kit image handler. */\n  ingestionResolveSrc?: (file: File) => Promise<string>;\n  /** Forwarded from `SceneCanvasProps.ingestion.svg` — kit SVG-handler\n   *  options (`unpack`). */\n  ingestionSvg?: SvgIngestOptions;\n  /** Clipboard-paste ctx (this canvas's adapter + the consumer's reviver)\n   *  for the kit weasel-JSON handler — built in SceneCanvasInner where the\n   *  typed adapter is in scope; absent when disabled. */\n  ingestionClipboard?: ClipboardIngestCtx;\n  /** Populated with the live registry so `CanvasExtensionApi.ingest`\n   *  (assembled in SceneCanvasInner, OUTSIDE the actions provider) can call\n   *  `registry.trigger('ingest', …)`. Cleared on unmount. */\n  actionsRegistryRef: React.MutableRefObject<ActionsRegistry | null>;\n}) {\n  const registry = useActionsRegistry();\n\n  // Stash the registry for SceneCanvasInner's imperative `ingest` handle.\n  useEffect(() => {\n    actionsRegistryRef.current = registry;\n    return () => { actionsRegistryRef.current = null; };\n  }, [registry, actionsRegistryRef]);\n\n  // Wire the dispatcher into the registry so registry.begin() can delegate\n  // to dispatcher.beginUiOngoing() for UI-driven ongoing actions (color,\n  // opacity).\n  useEffect(() => {\n    if (!registry) return;\n    return registry.setDispatcher(dispatcher);\n  }, [registry, dispatcher]);\n\n  // Populate the action-lookup ref so the dispatcher's getAction closure\n  // can resolve action ids once the registry is in scope.\n  useEffect(() => {\n    if (!registry) return;\n    getActionRef.current = (id: string) => registry.list().find((a) => a.id === id);\n    return () => { getActionRef.current = null; };\n  }, [registry, getActionRef]);\n\n  // Momentum for `viewport.dragPan`. The loop must be a hook (it owns a\n  // `useVisibleRaf`), so it is built here and republished on the view dep.\n  const decayLoop = useDecayLoop();\n\n  // Build the ViewApi (stable identity, refreshed closures) and hand it to\n  // useStandardActions (which publishes the `view` dep along with selection,\n  // scene, history, pointer, activeTool). `hostSize` reads the live canvas\n  // element so keyboard zoom (Cmd+=/-) can anchor at the visible center.\n  const view = useViewDepSource(\n    currentViewRef,\n    onViewChange,\n    viewportRecenter,\n    () => {\n      const el = canvasRef.current;\n      return el ? { width: el.clientWidth, height: el.clientHeight } : null;\n    },\n    viewAnimation,\n    decayLoop,\n    layerIsPainted,\n  );\n  useStandardActions({ selection, scene, view, history: scene.history, exclude: excludeActions });\n  // A view overlays `view` with its own camera; this name it leaves alone.\n  useDepSource('rootView', () => view);\n  const pointer = usePointerContext();\n  useDepSource('pointer', () => pointer ?? undefined);\n\n  // viewport.pan / viewport.zoom are SceneCanvas-coupled (need the `view` dep\n  // published just above), so they're registered here rather than in\n  // KIT_STANDARD_DESCRIPTORS. Both default ON; consumer opts out via\n  // `viewport={{ pan: false }}` / `viewport={{ zoom: false }}`.\n  useViewportActions({ pan: viewportPanEnabled, zoom: viewportZoom, pinchZoom: viewportPinchZoom });\n\n  // Per-dep wiring modules under `src/canvas/deps/`. See each file for the\n  // dep's contract and trade-offs.\n  useAreaSelectDepSource(scene, selection, poseDescriptor, poseComposition, alphaOf);\n  useNodeAtPointDepSource(pickEvery);\n  useLayoutDepSource(scene, layouts, layoutDropTarget, reflowTransition);\n  useLayoutArrivals(scene, { layouts, poseDescriptor, poseComposition });\n  useInsertDepSource(scene, adapter, insertNodeFactories, insertPaint);\n  useSliceDepSource(scene, selection, adapter, poseComposition, poseDescriptor);\n  useSnapDepSource(snapPoint);\n  useDebugDepSource(canvasApiRef);\n  useDepChangeNotices(scene, selection.current);\n  useIngestionDepSource(canvasRef, () => currentViewRef.current, ingestionResolveSrc, ingestionSvg, ingestionClipboard);\n  useLassoSelectDepSource(scene, selection, poseDescriptor, poseComposition, alphaOf);\n  useTextEditDepSource(scene);\n  useEditAnchorsDepSource(scene, selection, adapter, editAnchorsExternalState, {\n    anchorEditingAllowed,\n  });\n  useDispatcherDepSource(dispatcher);\n  usePoseDescriptorDepSource(poseDescriptor);\n  usePoseCompositionDepSource(poseComposition);\n\n  // Keyed on the exclusion too: a re-registration of the standard set would\n  // otherwise land over the overrides applied on top of it.\n  useActionsPropResolver(actions, excludeActions.join('|'));\n\n  // Gate the `resizePolicy` dep registration on the consumer having\n  // passed `selectTool.resize`. When absent, consumers wire it via a child\n  // component (see PointSnapDemo / GroupsDemo). Registering empty defaults\n  // here would race with child-component registrations — React runs child\n  // effects before parent effects, so the parent's empty default would\n  // overwrite the child's real value. The conditional mount avoids that.\n  //\n  // Same pattern for `geometryProjection`: only mount when the consumer\n  // passed the prop so absent → dep undefined → actions stay pose-only.\n  return (\n    <>\n      {resizeOptions ? <ResizePolicyRegistrar options={resizeOptions} /> : null}\n      {geometryProjection ? <GeometryProjectionRegistrar projection={geometryProjection} /> : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgBC,EAAyB,EACvC,cACA,UACA,YACA,YACA,mBACA,mBACA,iBACA,kBACA,mBACA,uBACA,eACA,iBACA,cACA,oBACA,YACA,uBACA,iBACA,sBACA,qBACA,kBACA,6BACA,yBACA,oBACA,YACA,qBACA,sBACA,yBACA,iBACA,eACA,cACA,iBACA,yBACA,kBACA,wBACA,yBAgGC;CACD,IAAMC,IAAWC,EAAmB;CAkBpC,AAfAC,SACE,EAAmB,UAAUF,SAChB;EAAE,EAAmB,UAAU;CAAM,IACjD,CAACA,GAAUG,CAAkB,CAAC,GAKjCD,QAAgB;EACd,IAAKF,GACL,OAAOA,EAAS,cAAcI,CAAU;CAC1C,GAAG,CAACJ,GAAUI,CAAU,CAAC,GAIzBF,QAAgB;EACd,IAAKF,GAEL,OADA,EAAa,WAAW,MAAeA,EAAS,KAAK,CAAC,CAAC,MAAM,MAAMK,EAAE,OAAOC,CAAE,SACjE;GAAE,EAAa,UAAU;EAAM;CAC9C,GAAG,CAACN,GAAUO,CAAY,CAAC;CAI3B,IAAMC,KAAYC,EAAa,GAMzBC,IAAOC,EACXC,GACAC,GACAC,SACM;EACJ,IAAMC,IAAKC,EAAU;EACrB,OAAOD,IAAK;GAAE,OAAOA,EAAG;GAAa,QAAQA,EAAG;EAAa,IAAI;CACnE,GACAE,GACAT,IACAU,EACF;CAGA,AAFAC,EAAmB;EAAE;EAAW;EAAO;EAAM,SAASC,EAAM;EAAS,SAASC;CAAe,CAAC,GAE9FC,EAAa,kBAAkBZ,CAAI;CACnC,IAAMa,KAAUC,EAAkB;CA2ClC,OA1CAF,EAAa,iBAAiBC,MAAW,KAAA,CAAS,GAMlDE,EAAmB;EAAE,KAAKC;EAAoB,MAAMC;EAAc,WAAWC;CAAkB,CAAC,GAIhGC,EAAuBT,GAAOU,GAAWC,GAAgBC,GAAiBC,CAAO,GACjFC,EAAwBC,CAAS,GACjCC,GAAmBhB,GAAOiB,GAASC,GAAkBC,EAAgB,GACrEC,EAAkBpB,GAAO;EAAE;EAAS;EAAgB;CAAgB,CAAC,GACrEqB,EAAmBrB,GAAOsB,GAASC,IAAqBC,EAAW,GACnEC,EAAkBzB,GAAOU,GAAWY,GAASV,GAAiBD,CAAc,GAC5Ee,EAAiBC,EAAS,GAC1BC,EAAkBC,CAAY,GAC9BC,EAAoB9B,GAAOU,EAAU,OAAO,GAC5CqB,GAAsBnC,SAAiBJ,EAAe,SAASwC,IAAqBC,IAAcC,EAAkB,GACpHC,EAAwBnC,GAAOU,GAAWC,GAAgBC,GAAiBC,CAAO,GAClFuB,EAAqBpC,CAAK,GAC1BqC,EAAwBrC,GAAOU,GAAWY,GAASgB,GAA0B,EAC3E,wBACF,CAAC,GACDC,EAAuBvD,CAAU,GACjCwD,EAA2B7B,CAAc,GACzC8B,EAA4B7B,CAAe,GAI3C8B,GAAuBC,GAAS1C,EAAe,KAAK,GAAG,CAAC,GAYtD,kBAAAvB,GAAA,EAAA,UAAA,CACGmE,IAAgB,kBAACC,IAAD,EAAuB,SAASD,EAAgB,CAAA,IAAI,MACpEE,IAAqB,kBAACC,IAAD,EAA6B,YAAYD,EAAqB,CAAA,IAAI,IACxF,EAAA,CAAA;AAEN"}

package/dist/canvas/SceneCanvas/ToolKeybindingsMounter.js

@@ -0,0 +1,16 @@
+import { useKeybindings as e } from "../../tools/useKeybindings.js";
+import { useContributionRoles as t } from "./useContributionRoles.js";
+//#region src/canvas/SceneCanvas/ToolKeybindingsMounter.tsx
+function n({ internalTools: n, toolsTakeover: r, enableKeybindings: i, isToolEligible: a, canvasApi: o, versionCheck: s }) {
+	return e(n, {
+		disable: !!r || !i,
+		isToolEligible: a
+	}), e(r ?? n, {
+		disable: !r || !i,
+		isToolEligible: a
+	}), t(r ?? n, o, s), null;
+}
+//#endregion
+export { n as ToolKeybindingsMounter };
+
+//# sourceMappingURL=ToolKeybindingsMounter.js.map

package/dist/canvas/SceneCanvas/ToolKeybindingsMounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolKeybindingsMounter.js","names":["ToolKeybindingsMounter","useKeybindings","internalTools","toolsTakeover","enableKeybindings","useContributionRoles","canvasApi","versionCheck"],"sources":["../../../src/canvas/SceneCanvas/ToolKeybindingsMounter.tsx"],"sourcesContent":["import { useKeybindings } from 'tools/useKeybindings';\nimport type { ToolsApi } from '../../tools/overlayBinding';\nimport type { CanvasExtensionApi } from '../canvasExtension';\nimport { useContributionRoles, type VersionCheck } from './useContributionRoles';\n\n/**\n * Mounts the gesture dispatcher on this canvas's input scope.\n *\n * Accepts `selectionRef`, `boundsOf`, `pickEvery`, and `viewRef` so\n * it can wire `affordanceAt` + `classifyTarget` thunks into the dispatcher.\n * These thunks convert client coords → world coords via the canvas rect + view,\n * then classify the pointer position against affordances and scene bodies.\n */\n/**\n * Mounts `useKeybindings`, whose `tool.activate` / `tool.offhand` /\n * `tool.resetToDefault` registrations land in this canvas's scope.\n *\n * Two calls, mirroring the pair that used to live in `SceneCanvasInner`: the\n * hook snapshots the initial active tool for Escape-returns-to-default, so\n * the internal and consumer-supplied `ToolsApi` each need their own instance\n * and the hook count has to stay stable across the takeover branch.\n */\nexport function ToolKeybindingsMounter({\n  internalTools,\n  toolsTakeover,\n  enableKeybindings,\n  isToolEligible,\n  canvasApi,\n  versionCheck,\n}: {\n  internalTools: ToolsApi;\n  toolsTakeover?: ToolsApi;\n  enableKeybindings: boolean;\n  isToolEligible: (toolId: string) => boolean;\n  canvasApi: CanvasExtensionApi | null;\n  versionCheck?: VersionCheck;\n}) {\n  useKeybindings(internalTools, {\n    disable: !!toolsTakeover || !enableKeybindings,\n    isToolEligible,\n  });\n  useKeybindings(toolsTakeover ?? internalTools, {\n    disable: !toolsTakeover || !enableKeybindings,\n    isToolEligible,\n  });\n  // Entry-owned roles: actions (polygon.adjustSides, …), deps and `attach`.\n  // Same reason this lives here and not in the tool hooks: the hooks run above\n  // the provider. Not gated on `enableKeybindings` — these back wheel and\n  // pointer bindings too, not just keys.\n  useContributionRoles(toolsTakeover ?? internalTools, canvasApi, versionCheck);\n  return null;\n}\n"],"mappings":";;;AAsBA,SAAgBA,EAAuB,EACrC,kBACA,kBACA,sBACA,mBACA,cACA,mBAQC;CAcD,OAbAC,EAAeC,GAAe;EAC5B,SAAS,CAAC,CAACC,KAAiB,CAACC;EAC7B;CACF,CAAC,GACDH,EAAeE,KAAiBD,GAAe;EAC7C,SAAS,CAACC,KAAiB,CAACC;EAC5B;CACF,CAAC,GAKDC,EAAqBF,KAAiBD,GAAeI,GAAWC,CAAY,GACrE;AACT"}

package/dist/canvas/SceneCanvas/coordTrace.js

@@ -0,0 +1,10 @@
+import { IS_DEV as e } from "./isDev.js";
+//#region src/canvas/SceneCanvas/coordTrace.ts
+var t = 200, n = [], r = e;
+function i(e) {
+	r && (n.push(e), n.length > t && n.shift());
+}
+//#endregion
+export { r as COORD_DEV, t as COORD_TRACE_LIMIT, n as coordTrace, i as recordCoordTrace };
+
+//# sourceMappingURL=coordTrace.js.map

package/dist/canvas/SceneCanvas/coordTrace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordTrace.js","names":["COORD_TRACE_LIMIT","coordTrace","COORD_DEV","IS_DEV","recordCoordTrace","entry"],"sources":["../../../src/canvas/SceneCanvas/coordTrace.ts"],"sourcesContent":["import { IS_DEV } from './isDev';\n\n// ---------------------------------------------------------------------------\n// Dev-only coord trace\n// ---------------------------------------------------------------------------\n\n/** Records every `clientToWorld` call so dev tools (and agents) can\n *  reconcile cursor coords with computed world coords. Mirrors the\n *  dispatcher's trace log. Exposed on `window.__weaselCoordLog__`. */\nexport interface CoordTraceEntry {\n  ts: number;\n  clientX: number;\n  clientY: number;\n  rect: { left: number; top: number; width: number; height: number } | null;\n  view: { x: number; y: number; scaleX: number; scaleY: number } | null;\n  world: { x: number; y: number };\n  /** True when canvas/view weren't available and we returned identity. */\n  fallback: boolean;\n}\n\nexport const COORD_TRACE_LIMIT = 200;\n\nexport const coordTrace: CoordTraceEntry[] = [];\n\nexport const COORD_DEV: boolean = IS_DEV;\n\nexport function recordCoordTrace(entry: CoordTraceEntry): void {\n  if (!COORD_DEV) return;\n  coordTrace.push(entry);\n  if (coordTrace.length > COORD_TRACE_LIMIT) coordTrace.shift();\n}\n"],"mappings":";;AAoBA,IAAaA,IAAoB,KAEpBC,IAAgC,CAAC,GAEjCC,IAAqBC;AAElC,SAAgBC,EAAiB,GAA8B;CAC7D,AAAKF,MACLD,EAAW,KAAKI,CAAK,GACjBJ,EAAW,SAASD,KAAmBC,EAAW,MAAM;AAC9D"}

package/dist/canvas/SceneCanvas/defaultNodeProperties.js

@@ -1,49 +1,68 @@
-import { listMarkers as e } from "../../core/strokeMarkers.js";
-import { KIT_SHAPE_KINDS as t } from "../../core/shapeKinds.js";
-import { prefUnit as n } from "../../tools/prefs.js";
+import { listMarkers as e, markerGeneration as t } from "../../core/strokeMarkers.js";
+import { KIT_SHAPE_KINDS as n } from "../../core/shapeKinds.js";
 import { inferredNodeRouting as r } from "./defaultNodeRouting.js";
 import { dashForStrokeStyle as i, strokeDashStyleOf as a } from "@weasel-js/paint";
 import { resolveAlign as o } from "@weasel-js/text";
 import { ANGLE_RADIANS as s } from "@weasel-js/quantity";
+import { prefUnit as c } from "@weasel-js/prefs";
 //#region src/canvas/SceneCanvas/defaultNodeProperties.ts
-var c = n(s, "deg", {
+var l = c(s, "deg", {
 	precision: 1,
 	suffix: "°"
 });
-function l(e) {
+function u(e) {
 	let t = e?.width;
 	if (typeof t == "number" || typeof t == "object" && t && typeof t.px == "number") return t;
 }
-var u = {
-	read: (e, t) => t === void 0 ? void 0 : a(Array.isArray(e) ? e : void 0, l(t)),
-	write: (e, t) => e === "dashed" || e === "dotted" ? i(e, l(t)) : e === "solid" ? void 0 : t?.dash
-}, d = {
+var d = {
+	read: (e, t) => t === void 0 ? void 0 : a(Array.isArray(e) ? e : void 0, u(t)),
+	write: (e, t) => e === "dashed" || e === "dotted" ? i(e, u(t)) : e === "solid" ? void 0 : t?.dash
+}, f = {
 	read: (e) => typeof e == "string" ? e : e && typeof e == "object" && "key" in e ? String(e.key) : "",
 	write: (e) => e === "" ? void 0 : e
-}, f = {
+}, p = {
 	read: (e) => e === "italic",
 	write: (e) => e ? "italic" : void 0
-}, p = {
+}, m = {
 	read: (e, t) => {
 		if (e === void 0 || e === "justify") return e;
 		let n = t?.direction === "rtl" ? "rtl" : "ltr";
 		return o(e, n);
 	},
 	write: (e) => e
-}, m = () => [{
-	value: "",
-	label: "None"
-}, ...e().map((e) => ({
-	value: e.id,
-	label: e.id
-}))];
-function h(e = {}) {
+}, h;
+function g() {
+	let n = t();
+	return h?.generation !== n && (h = {
+		generation: n,
+		options: [{
+			value: "",
+			label: "None"
+		}, ...e().map((e) => ({
+			value: e.id,
+			label: e.id
+		}))]
+	}), h.options;
+}
+function _(e) {
+	return {
+		kind: "enum",
+		default: "",
+		control: "select",
+		encoding: f,
+		...e,
+		get options() {
+			return g();
+		}
+	};
+}
+function v(e = {}) {
 	return {
 		name: "Properties",
-		children: {
+		members: {
 			layout: {
 				name: "Layout",
-				children: {
+				members: {
 					"pose.x": {
 						kind: "number",
 						name: "X",
@@ -84,23 +103,25 @@ function h(e = {}) {
 						description: "Rotation about the box center.",
 						default: 0,
 						step: 1,
-						unit: c
+						unit: l,
+						absentIsDefault: !0
 					}
 				}
 			},
 			...e.text ? { content: {
 				name: "Content",
-				children: { "data.text": {
+				members: { "data.text": {
 					kind: "string",
 					name: "Text",
 					description: "Text content.",
+					absentIsDefault: !0,
 					default: "",
 					block: !0
 				} }
 			} } : {},
 			appearance: {
 				name: "",
-				children: {
+				members: {
 					"data.fill": {
 						kind: "paint",
 						name: "Fill",
@@ -129,6 +150,7 @@ function h(e = {}) {
 								kind: "number",
 								name: "Width",
 								description: "Stroke width, world units.",
+								absentIsDefault: !0,
 								default: 1,
 								min: 0,
 								max: 20,
@@ -152,6 +174,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Cap",
 								description: "How an open end is drawn.",
+								absentIsDefault: !0,
 								default: "butt",
 								control: "toggle",
 								block: !0,
@@ -181,6 +204,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Join",
 								description: "How a corner is drawn.",
+								absentIsDefault: !0,
 								default: "miter",
 								control: "toggle",
 								block: !0,
@@ -206,6 +230,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Align",
 								description: "Where the ribbon sits relative to the edge.",
+								absentIsDefault: !0,
 								default: "center",
 								control: "toggle",
 								block: !0,
@@ -234,7 +259,7 @@ function h(e = {}) {
 								default: "solid",
 								control: "toggle",
 								block: !0,
-								encoding: u,
+								encoding: d,
 								options: [
 									{
 										value: "solid",
@@ -259,67 +284,55 @@ function h(e = {}) {
 									}
 								]
 							},
-							markerStart: {
-								kind: "enum",
+							markerStart: _({
 								name: "Start",
 								description: "Marker at the first vertex of each open subpath.",
-								default: "",
-								control: "select",
 								block: !0,
 								pair: {
 									with: ["data.stroke.markerMid", "data.stroke.markerEnd"],
 									label: "Markers"
-								},
-								encoding: d,
-								options: m()
-							},
-							markerMid: {
-								kind: "enum",
+								}
+							}),
+							markerMid: _({
 								name: "Mid",
 								description: "Marker at every interior authored vertex.",
-								default: "",
-								control: "select",
-								block: !0,
-								encoding: d,
-								options: m()
-							},
-							markerEnd: {
-								kind: "enum",
+								block: !0
+							}),
+							markerEnd: _({
 								name: "End",
 								description: "Marker at the last vertex of each open subpath.",
-								default: "",
-								control: "select",
-								block: !0,
-								encoding: d,
-								options: m()
-							}
+								block: !0
+							})
 						}
 					}
 				}
 			},
 			...e.text ? { text: {
 				name: "",
-				children: {
+				members: {
 					"data.style": {
 						kind: "object",
 						name: "Style",
 						description: "Typography for the whole node. Its color is the node's own `data.fill`, in Appearance.",
 						default: {},
+						absentIsDefault: !0,
 						block: !0,
 						children: {
 							character: {
 								name: "Character",
-								children: {
+								members: {
 									fontFamily: {
 										kind: "font-family",
 										name: "Font",
 										description: "Registered font family.",
+										absentIsDefault: !0,
 										default: "sans-serif"
 									},
 									fontSize: {
 										kind: "number",
 										name: "Size",
 										description: "Font size, world units.",
+										absentIsDefault: !0,
 										default: 16,
 										min: 1,
 										step: 1,
@@ -332,6 +345,7 @@ function h(e = {}) {
 										kind: "font-weight",
 										name: "Weight",
 										description: "Font weight, from the faces the family has.",
+										absentIsDefault: !0,
 										default: 400
 									},
 									fontStyle: {
@@ -351,12 +365,13 @@ function h(e = {}) {
 											],
 											label: "Style"
 										},
-										encoding: f
+										encoding: p
 									},
 									underline: {
 										kind: "boolean",
 										name: "Underline",
 										description: "Underline the text.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "underline",
@@ -366,6 +381,7 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Strikethrough",
 										description: "Strike through the text.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "strikethrough",
@@ -375,6 +391,7 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Overline",
 										description: "Rule the text above its ascent.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "overline",
@@ -401,6 +418,7 @@ function h(e = {}) {
 										kind: "number",
 										name: "Tracking",
 										description: "Extra advance per glyph, world units.",
+										absentIsDefault: !0,
 										default: 0,
 										step: .1
 									},
@@ -408,6 +426,7 @@ function h(e = {}) {
 										kind: "enum",
 										name: "Case",
 										description: "Draw the text in capitals, lowercase or title case. The text itself is unchanged.",
+										absentIsDefault: !0,
 										default: "none",
 										control: "toggle",
 										options: [
@@ -437,6 +456,7 @@ function h(e = {}) {
 										kind: "enum",
 										name: "Small caps",
 										description: "Draw lowercase letters as smaller capitals. The text itself is unchanged.",
+										absentIsDefault: !0,
 										default: "normal",
 										control: "toggle",
 										options: [{
@@ -453,11 +473,12 @@ function h(e = {}) {
 							},
 							paragraph: {
 								name: "Paragraph",
-								children: {
+								members: {
 									lineHeight: {
 										kind: "number",
 										name: "Leading",
 										description: "Line height as a multiple of font size.",
+										absentIsDefault: !0,
 										default: 1.2,
 										min: .5,
 										step: .1
@@ -466,32 +487,52 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Wrap",
 										description: "Break lines between words at the box width.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "switch"
 									},
+									tabSize: {
+										kind: "number",
+										name: "Tab size",
+										description: "Distance between tab stops, in spaces.",
+										absentIsDefault: !0,
+										default: 8,
+										min: 1,
+										step: 1
+									},
 									direction: {
 										kind: "enum",
 										name: "Direction",
-										description: "Reading direction.",
-										default: "ltr",
+										description: "Reading direction. Auto takes each paragraph's from its first strong character.",
+										absentIsDefault: !0,
+										default: "auto",
 										control: "toggle",
-										options: [{
-											value: "ltr",
-											label: "Left to right",
-											short: ["LTR"]
-										}, {
-											value: "rtl",
-											label: "Right to left",
-											short: ["RTL"]
-										}]
+										options: [
+											{
+												value: "auto",
+												label: "Auto",
+												short: ["Auto"]
+											},
+											{
+												value: "ltr",
+												label: "Left to right",
+												short: ["LTR"]
+											},
+											{
+												value: "rtl",
+												label: "Right to left",
+												short: ["RTL"]
+											}
+										]
 									},
 									align: {
 										kind: "enum",
 										name: "Align",
 										description: "Horizontal alignment.",
+										absentIsDefault: !0,
 										default: "left",
 										control: "toggle",
-										encoding: p,
+										encoding: m,
 										options: [
 											{
 												value: "left",
@@ -523,6 +564,7 @@ function h(e = {}) {
 						kind: "enum",
 						name: "Vertical",
 						description: "Where the lines sit in the box's height.",
+						absentIsDefault: !0,
 						default: "top",
 						control: "toggle",
 						options: [
@@ -548,14 +590,14 @@ function h(e = {}) {
 		}
 	};
 }
-var g = t.map((e) => ({
+var y = n.map((e) => ({
 	name: e,
-	schema: h({ text: e === "text" })
-})), _ = r.map((e) => ({
+	schema: v({ text: e === "text" })
+})), b = r.map((e) => ({
 	name: e.name,
-	schema: h({ text: e.name === "text" })
+	schema: v({ text: e.name === "text" })
 }));
 //#endregion
-export { g as defaultNodeProperties, _ as inferredNodeProperties, c as rotationDegreesUnit };
+export { y as defaultNodeProperties, b as inferredNodeProperties, l as rotationDegreesUnit };
 
 //# sourceMappingURL=defaultNodeProperties.js.map