@weasel-js/core 1.8.1 → 1.9.0

package/dist/canvas/MinimapCanvas.js

@@ -3,13 +3,13 @@ import { AUTO_POSE_DESCRIPTOR as t } from "../interactions/actions/resize/autoPo
 import { usePointerContext as n, usePointerPosition as r } from "../features/pointer/PointerContext.js";
 import { PointerProviderIfRoot as i } from "./SceneCanvas/PointerProviderIfRoot.js";
 import { accentColorOf as a } from "./accentColor.js";
-import { SceneViewCanvas as ee } from "./SceneViewCanvas.js";
-import { MINIMAP_CENTER as o, MINIMAP_PAN as s, minimapCenterAction as c, minimapPanAction as l } from "../features/minimap/actions.js";
-import { createLinkedCursorLayer as u } from "../features/minimap/layers.js";
-import { computeFitView as d, computeIndicatorCommand as f } from "./minimapMath.js";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useSyncExternalStore as _ } from "react";
-import { useLatest as v } from "@weasel-js/react";
-import { ActionsProvider as y, ActiveToolContextProvider as b, DepRegistryProvider as x, useActionsRegistry as S, useDepSource as C, useGestureDispatcher as te } from "@weasel-js/routing/react";
+import { SceneViewCanvas as o } from "./SceneViewCanvas.js";
+import { MINIMAP_CENTER as s, MINIMAP_PAN as c, minimapCenterAction as l, minimapPanAction as u } from "../features/minimap/actions.js";
+import { createLinkedCursorLayer as d } from "../features/minimap/layers.js";
+import { computeFitView as f, computeIndicatorCommand as p } from "./minimapMath.js";
+import { useCallback as m, useEffect as h, useMemo as g, useRef as ee, useSyncExternalStore as te } from "react";
+import { assignRef as _, useLatest as v } from "@weasel-js/react";
+import { ActionsProvider as y, ActiveToolContextProvider as b, DepRegistryProvider as x, useActionsRegistry as S, useDepSource as C, useGestureDispatcher as ne } from "@weasel-js/routing/react";
 import { jsx as w } from "react/jsx-runtime";
 //#region src/canvas/MinimapCanvas.tsx
 var T = {
@@ -17,10 +17,10 @@ var T = {
 	eligibility: { always: !0 },
 	bindings: [{
 		spec: { kind: "pointerDown" },
-		actionId: o
+		actionId: s
 	}, {
 		spec: { kind: "drag" },
-		actionId: s
+		actionId: c
 	}]
 }, E = /* @__PURE__ */ new Map([[T.id, T]]), D = {
 	wheel: !1,
@@ -29,21 +29,21 @@ var T = {
 	ingest: !1
 };
 function O(i) {
-	let { scene: o, mainView: s, mainViewDims: y, onMainViewChange: b, width: x, height: T, drawOne: O, alphaFor: k, layerVisibility: A, layerOrder: j, animator: ne, fit: M = "scene", poseDescriptor: N, indicatorStyle: P, className: F, canvasRef: I, id: L = "minimap" } = i, R = e(s), z = _(o.subscribe, o.getVersion, o.getVersion), B = N ?? t, V = h(() => d(o, {
+	let { scene: s, mainView: c, mainViewDims: y, onMainViewChange: b, width: x, height: T, drawOne: O, alphaFor: k, layerVisibility: A, layerOrder: j, animator: M, fit: N = "scene", poseDescriptor: re, indicatorStyle: P, className: F, canvasRef: I, id: L = "minimap" } = i, R = e(c), z = te(s.subscribe, s.getVersion, s.getVersion), B = re ?? t, V = g(() => f(s, {
 		width: x,
 		height: T
-	}, M, B), [
-		o,
+	}, N, B), [
+		s,
 		z,
 		x,
 		T,
-		M,
+		N,
 		B
-	]), H = h(() => f(R, y, P), [
+	]), H = g(() => p(R, y, P), [
 		R,
 		y,
 		P
-	]), U = g(null), W = v(R), G = v(y), K = v(b), q = v(V), J = h(() => ({
+	]), U = ee(null), W = v(R), G = v(y), K = v(b), q = v(V), J = g(() => ({
 		get: () => W.current,
 		set: (e) => K.current(e),
 		hostSize: () => G.current
@@ -54,21 +54,21 @@ function O(i) {
 	]);
 	C("rootView", () => J);
 	let Y = S();
-	m(() => {
+	h(() => {
 		if (!Y) return;
-		let e = [Y.register(c()), Y.register(l())];
+		let e = [Y.register(l()), Y.register(u())];
 		return () => {
 			for (let t of e) t();
 		};
 	}, [Y]);
-	let X = p((e, t) => {
+	let X = m((e, t) => {
 		let n = U.current?.getBoundingClientRect(), r = q.current;
 		return {
 			x: r.x + (e - (n?.left ?? 0)) / r.scale.x,
 			y: r.y + (t - (n?.top ?? 0)) / r.scale.y
 		};
 	}, [q]);
-	te({
+	ne({
 		canvasRef: U,
 		actions: Y,
 		entriesById: E,
@@ -77,7 +77,7 @@ function O(i) {
 		channels: D
 	});
 	let Z = n();
-	m(() => {
+	h(() => {
 		let e = U.current;
 		if (!e || !Z) return;
 		let t = (e) => {
@@ -98,11 +98,11 @@ function O(i) {
 		X,
 		L
 	]);
-	let Q = r(), $ = h(() => u({
+	let Q = r(), $ = g(() => d({
 		id: `${L}.cursor`,
 		pointer: () => Q,
 		color: () => a(U.current)
-	}), [L, Q]), re = h(() => [H, ...$.draw({ viewId: L }, V, {
+	}), [L, Q]), ie = g(() => [H, ...$.draw({ viewId: L }, V, {
 		width: x,
 		height: T
 	})], [
@@ -112,22 +112,22 @@ function O(i) {
 		V,
 		x,
 		T
-	]), ie = p((e) => {
-		U.current = e, typeof I == "function" ? I(e) : I && typeof I == "object" && (I.current = e);
+	]), ae = m((e) => {
+		U.current = e, _(I, e);
 	}, [I]);
-	return /* @__PURE__ */ w(ee, {
-		scene: o,
+	return /* @__PURE__ */ w(o, {
+		scene: s,
 		view: V,
 		width: x,
 		height: T,
 		drawOne: O,
-		extraCommands: re,
+		extraCommands: ie,
 		alphaFor: k,
 		layerVisibility: A,
 		layerOrder: j,
-		animator: ne,
+		animator: M,
 		className: F,
-		canvasRef: ie
+		canvasRef: ae
 	});
 }
 function k(e) {

package/dist/canvas/MinimapCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimapCanvas.js","names":["MINIMAP_INPUT","MINIMAP_CENTER","MINIMAP_PAN","TOOLS_BY_ID","CHANNELS","MinimapCanvasInner","mainViewProp","props","mainView","normalizeView","sceneVersion","useSyncExternalStore","scene","descriptor","poseDescriptor","AUTO_POSE_DESCRIPTOR","fitView","useMemo","computeFitView","fit","width","height","indicatorCmd","computeIndicatorCommand","mainViewDims","indicatorStyle","localCanvasRef","useRef","mainViewRef","useLatest","mainViewDimsRef","onMainViewChangeRef","onMainViewChange","fitViewRef","rootView","v","actions","useActionsRegistry","off","minimapCenterAction","minimapPanAction","u","clientToWorld","useCallback","rect","fv","cx","cy","pointerStore","usePointerContext","el","onMove","w","id","onLeave","pointer","usePointerPosition","cursorLayer","createLinkedCursorLayer","accentColorOf","extraCommands","setCanvasRef","canvasRef","SceneViewCanvas","MinimapCanvas","DepRegistryProvider","ActionsProvider","ActiveToolContextProvider","PointerProviderIfRoot"],"sources":["../../src/canvas/MinimapCanvas.tsx"],"sourcesContent":["/**\n * `<MinimapCanvas>` — opinionated minimap on a canvas of its own, built on\n * `<SceneViewCanvas>`.\n *\n * Renders the same `scene` the main canvas is showing, through a derived\n * \"fit\" view, and overlays a dashed visible-window indicator showing where\n * the main canvas is currently looking. Press anywhere in the minimap to\n * recenter the main view on that world point; drag to pan continuously.\n *\n * Input runs on a dispatcher of its own, through the same `minimap.center` /\n * `minimap.pan` actions the in-surface minimap (`createMinimapContribution`)\n * binds. It publishes its pointer into the pointer store in scope, and draws a\n * crosshair wherever that store says the pointer is on another surface — put\n * one `<PointerContextProvider>` around it and the main canvas for linked\n * cursors both ways.\n */\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport type { Ref } from 'react';\nimport {\n  ActionsProvider,\n  ActiveToolContextProvider,\n  DepRegistryProvider,\n  useActionsRegistry,\n  useDepSource,\n  useGestureDispatcher,\n} from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { Tool } from '@weasel-js/routing';\nimport { PointerProviderIfRoot } from './SceneCanvas/PointerProviderIfRoot';\nimport { usePointerContext, usePointerPosition } from 'features/pointer/PointerContext';\nimport {\n  MINIMAP_CENTER, MINIMAP_PAN, minimapCenterAction, minimapPanAction,\n} from 'features/minimap/actions';\nimport { createLinkedCursorLayer } from 'features/minimap/layers';\nimport type { ViewApi } from 'interactions/actions/depSchema';\nimport { SceneViewCanvas } from './SceneViewCanvas';\nimport {\n  computeFitView,\n  computeIndicatorCommand,\n} from './minimapMath';\nimport type { IndicatorStyle, MinimapFit } from './minimapMath';\nimport type { SceneViewDrawOne, SceneViewLayers } from './sceneViewRender';\nimport type { DrawCommand } from '../renderer/DrawCommand';\nimport { normalizeView, type View } from '../core/viewport/view';\nimport type { Scene } from '../core/scene/types';\nimport type { PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport type { Animator } from '../animation/types';\nimport { AUTO_POSE_DESCRIPTOR } from '../interactions/actions/resize/autoPoseDescriptor';\nimport { accentColorOf } from './accentColor';\n\n/** Props for `<MinimapCanvas>`. */\nexport interface MinimapCanvasProps<TData, TLayer extends string, TPose> {\n  /** Same scene the main canvas is rendering. */\n  scene: Scene<TData, TLayer, TPose>;\n  /** Main canvas's view — used to position the visible-window indicator and\n   *  to preserve `scale` when the minimap recenters. */\n  mainView: View;\n  /** Main canvas's CSS-pixel dims. Used to compute the visible-window rect\n   *  and the recenter offset. */\n  mainViewDims: { width: number; height: number };\n  /** Setter called on click (single recenter) and during drag (continuous\n   *  recenter). Receives a `View` with the same `scale` as `mainView` and\n   *  `(x, y)` shifted so the pointer's world point lands at the main\n   *  canvas's center. */\n  onMainViewChange: (next: View) => void;\n  /** Minimap's own CSS-pixel dims. */\n  width: number;\n  height: number;\n  /** Consumer's draw callback. Applied through the derived fit view; same\n   *  signature as `<SceneCanvas>`'s scene-slot `drawOne` so the consumer\n   *  can reuse it (typically simplified — just colored AABBs). */\n  drawOne: SceneViewDrawOne<TData, TLayer, TPose>;\n  /** Fit policy. Defaults to `\"scene\"` (AABB union of leaf poses). See\n   *  `MinimapFit` for the full shape.\n   *\n   *  Framing is derived from **document** poses, not `scene.overrides` — a\n   *  node moved by an override paints where the override puts it, outside the\n   *  frame if it goes there, rather than making the whole minimap rescale on\n   *  every frame of a drag or a settle. */\n  fit?: MinimapFit<TData, TLayer, TPose>;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Optional per-id alpha multiplier, mirroring `<SceneCanvas>`'s scene-slot\n   *  `alphaFor`. Pass the same function the main canvas uses so a\n   *  scoping-dim treatment shows up in the minimap too. */\n  alphaFor?: (id: string) => number;\n  /** Hide scene layers in the minimap, keyed `scene:<layerId>` as on\n   *  `<SceneCanvas>` — pass the main canvas's map so both show the same set. */\n  layerVisibility?: SceneViewLayers['layerVisibility'];\n  /** Paint order for the minimap, keyed as `layerVisibility`. */\n  layerOrder?: SceneViewLayers['layerOrder'];\n  /** Optional animator: the minimap repaints on its ticks and paints its\n   *  `colorOverrides`. Pass the main canvas's animator so both show the same\n   *  colors. */\n  animator?: Animator;\n  /** Visual tuning of the indicator stroke. */\n  indicatorStyle?: IndicatorStyle;\n  /** CSS class for sizing / positioning the canvas. */\n  className?: string;\n  /** Forwarded ref to the underlying `<canvas>`. */\n  canvasRef?: Ref<HTMLCanvasElement>;\n  /** The view id this minimap publishes its pointer under. Default\n   *  `'minimap'`. */\n  id?: string;\n}\n\n/** The minimap's own bindings. Unscoped: this dispatcher routes no views, so\n *  every input on it is the minimap's. */\nconst MINIMAP_INPUT: Tool = {\n  id: 'minimap',\n  eligibility: { always: true },\n  bindings: [\n    { spec: { kind: 'pointerDown' }, actionId: MINIMAP_CENTER },\n    { spec: { kind: 'drag' }, actionId: MINIMAP_PAN },\n  ],\n};\nconst TOOLS_BY_ID: ReadonlyMap<string, Tool> = new Map([[MINIMAP_INPUT.id, MINIMAP_INPUT]]);\nconst CHANNELS = { wheel: false, pinch: false, contextMenu: false, ingest: false } as const;\n\nfunction MinimapCanvasInner<TData, TLayer extends string, TPose>(\n  props: MinimapCanvasProps<TData, TLayer, TPose>,\n) {\n  const {\n    scene,\n    mainView: mainViewProp,\n    mainViewDims,\n    onMainViewChange,\n    width,\n    height,\n    drawOne,\n    alphaFor,\n    layerVisibility,\n    layerOrder,\n    animator,\n    fit = 'scene',\n    poseDescriptor,\n    indicatorStyle,\n    className,\n    canvasRef,\n    id = 'minimap',\n  } = props;\n  const mainView = normalizeView(mainViewProp);\n\n  // Subscribe to scene version so the fit view recomputes when the scene\n  // mutates. `<SceneViewCanvas>` also subscribes, but it owns its own\n  // rendering; we need the version *here* to invalidate the memoized fit.\n  const sceneVersion = useSyncExternalStore(\n    scene.subscribe,\n    scene.getVersion,\n    scene.getVersion,\n  );\n\n  const descriptor = (poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const fitView = useMemo<View>(() => {\n    return computeFitView(scene, { width, height }, fit, descriptor);\n    // `sceneVersion` participates so the memo re-evaluates after scene mutations.\n    // `descriptor` is stable when the prop is omitted.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scene, sceneVersion, width, height, fit, descriptor]);\n\n  const indicatorCmd = useMemo<DrawCommand>(() => {\n    return computeIndicatorCommand(mainView, mainViewDims, indicatorStyle);\n  }, [mainView, mainViewDims, indicatorStyle]);\n\n  // -------------------------------------------------------------------------\n  // Input\n  // -------------------------------------------------------------------------\n  //\n  // The \"latest\" pattern (refs holding the current mainView / dims / setter\n  // / fitView) lets the dep and the listeners read up-to-date values without\n  // re-binding every frame.\n\n  const localCanvasRef = useRef<HTMLCanvasElement | null>(null);\n  const mainViewRef = useLatest(mainView);\n  const mainViewDimsRef = useLatest(mainViewDims);\n  const onMainViewChangeRef = useLatest(onMainViewChange);\n  const fitViewRef = useLatest(fitView);\n\n  // The main canvas's camera, which is what the minimap's actions move.\n  const rootView = useMemo<ViewApi>(() => ({\n    get: () => mainViewRef.current,\n    set: (v) => onMainViewChangeRef.current(v),\n    hostSize: () => mainViewDimsRef.current,\n  }), [mainViewRef, onMainViewChangeRef, mainViewDimsRef]);\n  useDepSource('rootView', () => rootView);\n\n  const actions = useActionsRegistry();\n  useEffect(() => {\n    if (!actions) return;\n    const off = [actions.register(minimapCenterAction()), actions.register(minimapPanAction())];\n    return () => { for (const u of off) u(); };\n  }, [actions]);\n\n  /** Client point → world, through the fit camera. */\n  const clientToWorld = useCallback((cx: number, cy: number) => {\n    const rect = localCanvasRef.current?.getBoundingClientRect();\n    const fv = fitViewRef.current;\n    return {\n      x: fv.x + (cx - (rect?.left ?? 0)) / fv.scale.x,\n      y: fv.y + (cy - (rect?.top ?? 0)) / fv.scale.y,\n    };\n  }, [fitViewRef]);\n\n  useGestureDispatcher({\n    canvasRef: localCanvasRef,\n    actions: actions!,\n    entriesById: TOOLS_BY_ID,\n    clientToWorld,\n    keyboard: false,\n    channels: CHANNELS,\n  });\n\n  // -------------------------------------------------------------------------\n  // Linked cursor\n  // -------------------------------------------------------------------------\n\n  const pointerStore = usePointerContext();\n  useEffect(() => {\n    const el = localCanvasRef.current;\n    if (!el || !pointerStore) return;\n    const onMove = (e: PointerEvent): void => {\n      const w = clientToWorld(e.clientX, e.clientY);\n      pointerStore.set({ worldX: w.x, worldY: w.y, viewId: id });\n    };\n    const onLeave = (e: PointerEvent): void => {\n      if (e.buttons !== 0) return;\n      if (pointerStore.get()?.viewId === id) pointerStore.set(null);\n    };\n    el.addEventListener('pointermove', onMove);\n    el.addEventListener('pointerleave', onLeave);\n    return () => {\n      el.removeEventListener('pointermove', onMove);\n      el.removeEventListener('pointerleave', onLeave);\n    };\n  }, [pointerStore, clientToWorld, id]);\n\n  const pointer = usePointerPosition();\n  const cursorLayer = useMemo(() => createLinkedCursorLayer({\n    id: `${id}.cursor`,\n    pointer: () => pointer,\n    color: () => accentColorOf(localCanvasRef.current),\n  }), [id, pointer]);\n\n  const extraCommands = useMemo<DrawCommand[]>(() => [\n    indicatorCmd,\n    ...cursorLayer.draw({ viewId: id }, fitView, { width, height }),\n  ], [indicatorCmd, cursorLayer, id, fitView, width, height]);\n\n  // `<SceneViewCanvas>` doesn't expose its element except via `canvasRef`, so\n  // we route both our internal ref and the consumer's ref through one setter.\n  const setCanvasRef = useCallback((el: HTMLCanvasElement | null) => {\n    localCanvasRef.current = el;\n    if (typeof canvasRef === 'function') {\n      canvasRef(el);\n    } else if (canvasRef && typeof canvasRef === 'object') {\n      (canvasRef as { current: HTMLCanvasElement | null }).current = el;\n    }\n  }, [canvasRef]);\n\n  return (\n    <SceneViewCanvas\n      scene={scene}\n      view={fitView}\n      width={width}\n      height={height}\n      drawOne={drawOne}\n      extraCommands={extraCommands}\n      alphaFor={alphaFor}\n      layerVisibility={layerVisibility}\n      layerOrder={layerOrder}\n      animator={animator}\n      className={className}\n      canvasRef={setCanvasRef}\n    />\n  );\n}\n\n/**\n * Opinionated minimap. See `MinimapCanvasProps` for the full surface and\n * the module docstring for the rendering / input model.\n *\n * Its dispatcher, actions and deps are its own, so it never competes with\n * the main canvas for input. The pointer store is shared when one is in scope.\n *\n * `forwardRef` is not used because the component is generic over\n * `<TData, TLayer, TPose>` and React's `forwardRef` erases generics. The\n * `canvasRef` prop is the plain-prop equivalent.\n */\nexport function MinimapCanvas<TData, TLayer extends string, TPose>(\n  props: MinimapCanvasProps<TData, TLayer, TPose>,\n) {\n  return (\n    <DepRegistryProvider>\n      <ActionsProvider>\n        <ActiveToolContextProvider>\n          <PointerProviderIfRoot>\n            <MinimapCanvasInner {...props} />\n          </PointerProviderIfRoot>\n        </ActiveToolContextProvider>\n      </ActionsProvider>\n    </DepRegistryProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkHA,IAAMA,IAAsB;CAC1B,IAAI;CACJ,aAAa,EAAE,QAAQ,GAAK;CAC5B,UAAU,CACR;EAAE,MAAM,EAAE,MAAM,cAAc;EAAG,UAAUC;CAAe,GAC1D;EAAE,MAAM,EAAE,MAAM,OAAO;EAAG,UAAUC;CAAY,CAClD;AACF,GACMC,oBAAyC,IAAI,IAAI,CAAC,CAACH,EAAc,IAAIA,CAAa,CAAC,CAAC,GACpFI,IAAW;CAAE,OAAO;CAAO,OAAO;CAAO,aAAa;CAAO,QAAQ;AAAM;AAEjF,SAASC,EACP,GACA;CACA,IAAM,EACJ,UACA,UAAUC,GACV,iBACA,qBACA,UACA,WACA,YACA,aACA,oBACA,eACA,cACA,SAAM,SACN,mBACA,mBACA,cACA,cACA,QAAK,cACHC,GACEC,IAAWC,EAAcH,CAAY,GAKrCI,IAAeC,EACnBC,EAAM,WACNA,EAAM,YACNA,EAAM,UACR,GAEMC,IAAcC,KAAkBC,GAEhCC,IAAUC,QACPC,EAAeN,GAAO;EAAE;EAAO;CAAO,GAAGO,GAAKN,CAAU,GAI9D;EAACD;EAAOF;EAAcU;EAAOC;EAAQF;EAAKN;CAAU,CAAC,GAElDS,IAAeL,QACZM,EAAwBf,GAAUgB,GAAcC,CAAc,GACpE;EAACjB;EAAUgB;EAAcC;CAAc,CAAC,GAUrCC,IAAiBC,EAAiC,IAAI,GACtDC,IAAcC,EAAUrB,CAAQ,GAChCsB,IAAkBD,EAAUL,CAAY,GACxCO,IAAsBF,EAAUG,CAAgB,GAChDC,IAAaJ,EAAUb,CAAO,GAG9BkB,IAAWjB,SAAwB;EACvC,WAAWW,EAAY;EACvB,MAAM,MAAMG,EAAoB,QAAQI,CAAC;EACzC,gBAAgBL,EAAgB;CAClC,IAAI;EAACF;EAAaG;EAAqBD;CAAe,CAAC;CACvD,EAAa,kBAAkBI,CAAQ;CAEvC,IAAME,IAAUC,EAAmB;CACnC,QAAgB;EACd,IAAI,CAACD,GAAS;EACd,IAAME,IAAM,CAACF,EAAQ,SAASG,EAAoB,CAAC,GAAGH,EAAQ,SAASI,EAAiB,CAAC,CAAC;EAC1F,aAAa;GAAE,KAAK,IAAMC,KAAKH,GAAK,EAAE;EAAG;CAC3C,GAAG,CAACF,CAAO,CAAC;CAGZ,IAAMM,IAAgBC,GAAa,GAAY,MAAe;EAC5D,IAAMC,IAAOlB,EAAe,SAAS,sBAAsB,GACrDmB,IAAKZ,EAAW;EACtB,OAAO;GACL,GAAGY,EAAG,KAAKC,KAAMF,GAAM,QAAQ,MAAMC,EAAG,MAAM;GAC9C,GAAGA,EAAG,KAAKE,KAAMH,GAAM,OAAO,MAAMC,EAAG,MAAM;EAC/C;CACF,GAAG,CAACZ,CAAU,CAAC;CAEf,GAAqB;EACnB,WAAWP;EACF;EACT,aAAavB;EACb;EACA,UAAU;EACV,UAAUC;CACZ,CAAC;CAMD,IAAM4C,IAAeC,EAAkB;CACvC,QAAgB;EACd,IAAMC,IAAKxB,EAAe;EAC1B,IAAI,CAACwB,KAAM,CAACF,GAAc;EAC1B,IAAMG,KAAU,MAA0B;GACxC,IAAMC,IAAIV,EAAc,EAAE,SAAS,EAAE,OAAO;GAC5C,EAAa,IAAI;IAAE,QAAQU,EAAE;IAAG,QAAQA,EAAE;IAAG,QAAQC;GAAG,CAAC;EAC3D,GACMC,KAAW,MAA0B;GACzC,AAAI,EAAE,YAAY,KACdN,EAAa,IAAI,CAAC,EAAE,WAAWK,KAAIL,EAAa,IAAI,IAAI;EAC9D;EAGA,OAFAE,EAAG,iBAAiB,eAAeC,CAAM,GACzCD,EAAG,iBAAiB,gBAAgBI,CAAO,SAC9B;GAEX,AADAJ,EAAG,oBAAoB,eAAeC,CAAM,GAC5CD,EAAG,oBAAoB,gBAAgBI,CAAO;EAChD;CACF,GAAG;EAACN;EAAcN;EAAeW;CAAE,CAAC;CAEpC,IAAME,IAAUC,EAAmB,GAC7BC,IAAcxC,QAAcyC,EAAwB;EACxD,IAAI,GAAGL,EAAG;EACV,eAAeE;EACf,aAAaI,EAAcjC,EAAe,OAAO;CACnD,CAAC,GAAG,CAAC2B,GAAIE,CAAO,CAAC,GAEXK,KAAgB3C,QAA6B,CACjDK,GACA,GAAGmC,EAAY,KAAK,EAAE,QAAQJ,EAAG,GAAGrC,GAAS;EAAE;EAAO;CAAO,CAAC,CAChE,GAAG;EAACM;EAAcmC;EAAaJ;EAAIrC;EAASI;EAAOC;CAAM,CAAC,GAIpDwC,KAAelB,GAAa,MAAiC;EAEjE,AADA,EAAe,UAAUO,GACrB,OAAOY,KAAc,aACvBA,EAAUZ,CAAE,IACHY,KAAa,OAAOA,KAAc,aAC3C,EAAqD,UAAUZ;CAEnE,GAAG,CAACY,CAAS,CAAC;CAEd,OACE,kBAACC,IAAD;EACS;EACP,MAAM/C;EACC;EACC;EACC;EACM;EACL;EACO;EACL;EACF;EACC;EACX,WAAW6C;CACZ,CAAA;AAEL;AAaA,SAAgBG,EACd,GACA;CACA,OACE,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,EAAA,UACE,kBAAC/D,GAAD,EAAoB,GAAIE,EAAQ,CAAA,EACX,CAAA,EACE,CAAA,EACZ,CAAA,EACE,CAAA;AAEzB"}
+{"version":3,"file":"MinimapCanvas.js","names":["MINIMAP_INPUT","MINIMAP_CENTER","MINIMAP_PAN","TOOLS_BY_ID","CHANNELS","MinimapCanvasInner","mainViewProp","props","mainView","normalizeView","sceneVersion","useSyncExternalStore","scene","descriptor","poseDescriptor","AUTO_POSE_DESCRIPTOR","fitView","useMemo","computeFitView","fit","width","height","indicatorCmd","computeIndicatorCommand","mainViewDims","indicatorStyle","localCanvasRef","useRef","mainViewRef","useLatest","mainViewDimsRef","onMainViewChangeRef","onMainViewChange","fitViewRef","rootView","v","actions","useActionsRegistry","off","minimapCenterAction","minimapPanAction","u","clientToWorld","useCallback","rect","fv","cx","cy","pointerStore","usePointerContext","el","onMove","w","id","onLeave","pointer","usePointerPosition","cursorLayer","createLinkedCursorLayer","accentColorOf","extraCommands","setCanvasRef","assignRef","canvasRef","SceneViewCanvas","MinimapCanvas","DepRegistryProvider","ActionsProvider","ActiveToolContextProvider","PointerProviderIfRoot"],"sources":["../../src/canvas/MinimapCanvas.tsx"],"sourcesContent":["/**\n * `<MinimapCanvas>` — opinionated minimap on a canvas of its own, built on\n * `<SceneViewCanvas>`.\n *\n * Renders the same `scene` the main canvas is showing, through a derived\n * \"fit\" view, and overlays a dashed visible-window indicator showing where\n * the main canvas is currently looking. Press anywhere in the minimap to\n * recenter the main view on that world point; drag to pan continuously.\n *\n * Input runs on a dispatcher of its own, through the same `minimap.center` /\n * `minimap.pan` actions the in-surface minimap (`createMinimapContribution`)\n * binds. It publishes its pointer into the pointer store in scope, and draws a\n * crosshair wherever that store says the pointer is on another surface — put\n * one `<PointerContextProvider>` around it and the main canvas for linked\n * cursors both ways.\n */\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport type { Ref } from 'react';\nimport {\n  ActionsProvider,\n  ActiveToolContextProvider,\n  DepRegistryProvider,\n  useActionsRegistry,\n  useDepSource,\n  useGestureDispatcher,\n} from '@weasel-js/routing/react';\nimport { assignRef, useLatest } from '@weasel-js/react';\nimport type { Tool } from '@weasel-js/routing';\nimport { PointerProviderIfRoot } from './SceneCanvas/PointerProviderIfRoot';\nimport { usePointerContext, usePointerPosition } from 'features/pointer/PointerContext';\nimport {\n  MINIMAP_CENTER, MINIMAP_PAN, minimapCenterAction, minimapPanAction,\n} from 'features/minimap/actions';\nimport { createLinkedCursorLayer } from 'features/minimap/layers';\nimport type { ViewApi } from 'interactions/actions/depSchema';\nimport { SceneViewCanvas } from './SceneViewCanvas';\nimport {\n  computeFitView,\n  computeIndicatorCommand,\n} from './minimapMath';\nimport type { IndicatorStyle, MinimapFit } from './minimapMath';\nimport type { SceneViewDrawOne, SceneViewLayers } from './sceneViewRender';\nimport type { DrawCommand } from '../renderer/DrawCommand';\nimport { normalizeView, type View } from '../core/viewport/view';\nimport type { Scene } from '../core/scene/types';\nimport type { PoseDescriptor } from '../core/geometry/poseDescriptor';\nimport type { Animator } from '../animation/types';\nimport { AUTO_POSE_DESCRIPTOR } from '../interactions/actions/resize/autoPoseDescriptor';\nimport { accentColorOf } from './accentColor';\n\n/** Props for `<MinimapCanvas>`. */\nexport interface MinimapCanvasProps<TData, TLayer extends string, TPose> {\n  /** Same scene the main canvas is rendering. */\n  scene: Scene<TData, TLayer, TPose>;\n  /** Main canvas's view — used to position the visible-window indicator and\n   *  to preserve `scale` when the minimap recenters. */\n  mainView: View;\n  /** Main canvas's CSS-pixel dims. Used to compute the visible-window rect\n   *  and the recenter offset. */\n  mainViewDims: { width: number; height: number };\n  /** Setter called on click (single recenter) and during drag (continuous\n   *  recenter). Receives a `View` with the same `scale` as `mainView` and\n   *  `(x, y)` shifted so the pointer's world point lands at the main\n   *  canvas's center. */\n  onMainViewChange: (next: View) => void;\n  /** Minimap's own CSS-pixel dims. */\n  width: number;\n  height: number;\n  /** Consumer's draw callback. Applied through the derived fit view; same\n   *  signature as `<SceneCanvas>`'s scene-slot `drawOne` so the consumer\n   *  can reuse it (typically simplified — just colored AABBs). */\n  drawOne: SceneViewDrawOne<TData, TLayer, TPose>;\n  /** Fit policy. Defaults to `\"scene\"` (AABB union of leaf poses). See\n   *  `MinimapFit` for the full shape.\n   *\n   *  Framing is derived from **document** poses, not `scene.overrides` — a\n   *  node moved by an override paints where the override puts it, outside the\n   *  frame if it goes there, rather than making the whole minimap rescale on\n   *  every frame of a drag or a settle. */\n  fit?: MinimapFit<TData, TLayer, TPose>;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Optional per-id alpha multiplier, mirroring `<SceneCanvas>`'s scene-slot\n   *  `alphaFor`. Pass the same function the main canvas uses so a\n   *  scoping-dim treatment shows up in the minimap too. */\n  alphaFor?: (id: string) => number;\n  /** Hide scene layers in the minimap, keyed `scene:<layerId>` as on\n   *  `<SceneCanvas>` — pass the main canvas's map so both show the same set. */\n  layerVisibility?: SceneViewLayers['layerVisibility'];\n  /** Paint order for the minimap, keyed as `layerVisibility`. */\n  layerOrder?: SceneViewLayers['layerOrder'];\n  /** Optional animator: the minimap repaints on its ticks and paints its\n   *  `colorOverrides`. Pass the main canvas's animator so both show the same\n   *  colors. */\n  animator?: Animator;\n  /** Visual tuning of the indicator stroke. */\n  indicatorStyle?: IndicatorStyle;\n  /** CSS class for sizing / positioning the canvas. */\n  className?: string;\n  /** Forwarded ref to the underlying `<canvas>`. */\n  canvasRef?: Ref<HTMLCanvasElement>;\n  /** The view id this minimap publishes its pointer under. Default\n   *  `'minimap'`. */\n  id?: string;\n}\n\n/** The minimap's own bindings. Unscoped: this dispatcher routes no views, so\n *  every input on it is the minimap's. */\nconst MINIMAP_INPUT: Tool = {\n  id: 'minimap',\n  eligibility: { always: true },\n  bindings: [\n    { spec: { kind: 'pointerDown' }, actionId: MINIMAP_CENTER },\n    { spec: { kind: 'drag' }, actionId: MINIMAP_PAN },\n  ],\n};\nconst TOOLS_BY_ID: ReadonlyMap<string, Tool> = new Map([[MINIMAP_INPUT.id, MINIMAP_INPUT]]);\nconst CHANNELS = { wheel: false, pinch: false, contextMenu: false, ingest: false } as const;\n\nfunction MinimapCanvasInner<TData, TLayer extends string, TPose>(\n  props: MinimapCanvasProps<TData, TLayer, TPose>,\n) {\n  const {\n    scene,\n    mainView: mainViewProp,\n    mainViewDims,\n    onMainViewChange,\n    width,\n    height,\n    drawOne,\n    alphaFor,\n    layerVisibility,\n    layerOrder,\n    animator,\n    fit = 'scene',\n    poseDescriptor,\n    indicatorStyle,\n    className,\n    canvasRef,\n    id = 'minimap',\n  } = props;\n  const mainView = normalizeView(mainViewProp);\n\n  // Subscribe to scene version so the fit view recomputes when the scene\n  // mutates. `<SceneViewCanvas>` also subscribes, but it owns its own\n  // rendering; we need the version *here* to invalidate the memoized fit.\n  const sceneVersion = useSyncExternalStore(\n    scene.subscribe,\n    scene.getVersion,\n    scene.getVersion,\n  );\n\n  const descriptor = (poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const fitView = useMemo<View>(() => {\n    return computeFitView(scene, { width, height }, fit, descriptor);\n    // `sceneVersion` participates so the memo re-evaluates after scene mutations.\n    // `descriptor` is stable when the prop is omitted.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scene, sceneVersion, width, height, fit, descriptor]);\n\n  const indicatorCmd = useMemo<DrawCommand>(() => {\n    return computeIndicatorCommand(mainView, mainViewDims, indicatorStyle);\n  }, [mainView, mainViewDims, indicatorStyle]);\n\n  // -------------------------------------------------------------------------\n  // Input\n  // -------------------------------------------------------------------------\n  //\n  // The \"latest\" pattern (refs holding the current mainView / dims / setter\n  // / fitView) lets the dep and the listeners read up-to-date values without\n  // re-binding every frame.\n\n  const localCanvasRef = useRef<HTMLCanvasElement | null>(null);\n  const mainViewRef = useLatest(mainView);\n  const mainViewDimsRef = useLatest(mainViewDims);\n  const onMainViewChangeRef = useLatest(onMainViewChange);\n  const fitViewRef = useLatest(fitView);\n\n  // The main canvas's camera, which is what the minimap's actions move.\n  const rootView = useMemo<ViewApi>(() => ({\n    get: () => mainViewRef.current,\n    set: (v) => onMainViewChangeRef.current(v),\n    hostSize: () => mainViewDimsRef.current,\n  }), [mainViewRef, onMainViewChangeRef, mainViewDimsRef]);\n  useDepSource('rootView', () => rootView);\n\n  const actions = useActionsRegistry();\n  useEffect(() => {\n    if (!actions) return;\n    const off = [actions.register(minimapCenterAction()), actions.register(minimapPanAction())];\n    return () => { for (const u of off) u(); };\n  }, [actions]);\n\n  /** Client point → world, through the fit camera. */\n  const clientToWorld = useCallback((cx: number, cy: number) => {\n    const rect = localCanvasRef.current?.getBoundingClientRect();\n    const fv = fitViewRef.current;\n    return {\n      x: fv.x + (cx - (rect?.left ?? 0)) / fv.scale.x,\n      y: fv.y + (cy - (rect?.top ?? 0)) / fv.scale.y,\n    };\n  }, [fitViewRef]);\n\n  useGestureDispatcher({\n    canvasRef: localCanvasRef,\n    actions: actions!,\n    entriesById: TOOLS_BY_ID,\n    clientToWorld,\n    keyboard: false,\n    channels: CHANNELS,\n  });\n\n  // -------------------------------------------------------------------------\n  // Linked cursor\n  // -------------------------------------------------------------------------\n\n  const pointerStore = usePointerContext();\n  useEffect(() => {\n    const el = localCanvasRef.current;\n    if (!el || !pointerStore) return;\n    const onMove = (e: PointerEvent): void => {\n      const w = clientToWorld(e.clientX, e.clientY);\n      pointerStore.set({ worldX: w.x, worldY: w.y, viewId: id });\n    };\n    const onLeave = (e: PointerEvent): void => {\n      if (e.buttons !== 0) return;\n      if (pointerStore.get()?.viewId === id) pointerStore.set(null);\n    };\n    el.addEventListener('pointermove', onMove);\n    el.addEventListener('pointerleave', onLeave);\n    return () => {\n      el.removeEventListener('pointermove', onMove);\n      el.removeEventListener('pointerleave', onLeave);\n    };\n  }, [pointerStore, clientToWorld, id]);\n\n  const pointer = usePointerPosition();\n  const cursorLayer = useMemo(() => createLinkedCursorLayer({\n    id: `${id}.cursor`,\n    pointer: () => pointer,\n    color: () => accentColorOf(localCanvasRef.current),\n  }), [id, pointer]);\n\n  const extraCommands = useMemo<DrawCommand[]>(() => [\n    indicatorCmd,\n    ...cursorLayer.draw({ viewId: id }, fitView, { width, height }),\n  ], [indicatorCmd, cursorLayer, id, fitView, width, height]);\n\n  // `<SceneViewCanvas>` doesn't expose its element except via `canvasRef`, so\n  // we route both our internal ref and the consumer's ref through one setter.\n  const setCanvasRef = useCallback((el: HTMLCanvasElement | null) => {\n    localCanvasRef.current = el;\n    assignRef(canvasRef, el);\n  }, [canvasRef]);\n\n  return (\n    <SceneViewCanvas\n      scene={scene}\n      view={fitView}\n      width={width}\n      height={height}\n      drawOne={drawOne}\n      extraCommands={extraCommands}\n      alphaFor={alphaFor}\n      layerVisibility={layerVisibility}\n      layerOrder={layerOrder}\n      animator={animator}\n      className={className}\n      canvasRef={setCanvasRef}\n    />\n  );\n}\n\n/**\n * Opinionated minimap. See `MinimapCanvasProps` for the full surface and\n * the module docstring for the rendering / input model.\n *\n * Its dispatcher, actions and deps are its own, so it never competes with\n * the main canvas for input. The pointer store is shared when one is in scope.\n *\n * `forwardRef` is not used because the component is generic over\n * `<TData, TLayer, TPose>` and React's `forwardRef` erases generics. The\n * `canvasRef` prop is the plain-prop equivalent.\n */\nexport function MinimapCanvas<TData, TLayer extends string, TPose>(\n  props: MinimapCanvasProps<TData, TLayer, TPose>,\n) {\n  return (\n    <DepRegistryProvider>\n      <ActionsProvider>\n        <ActiveToolContextProvider>\n          <PointerProviderIfRoot>\n            <MinimapCanvasInner {...props} />\n          </PointerProviderIfRoot>\n        </ActiveToolContextProvider>\n      </ActionsProvider>\n    </DepRegistryProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/canvas/NodeShape.js

@@ -10,10 +10,10 @@ import { DEFAULT_SHAPE_FILL as u } from "../util/paint.js";
 import { fillInPoseFrame as d } from "../core/fillInPoseFrame.js";
 import { resolveFillPattern as f } from "../features/patterns/resolveSpec.js";
 import { textCommandFromPose as p } from "../features/text/textCommand.js";
-import { hasSlop as m, slopForStrokeHit as ee } from "../core/viewport/screenSlop.js";
-import { getImageBitmap as h, imageStatus as g } from "../features/images/imageCache.js";
-import { PATH_L as _, PATH_M as v, PATH_Z as y, boundsOfPath as b, ellipsePath as x, linePath as S, pathContainsPoint as C, regularPolygonPath as w, starPath as T, strokeHitTest as E } from "@weasel-js/geom";
-import { textLineBoxes as D } from "@weasel-js/text";
+import { hasSlop as ee, slopForStrokeHit as m, widenSlop as h } from "../core/viewport/screenSlop.js";
+import { getImageBitmap as g, imageStatus as _ } from "../features/images/imageCache.js";
+import { PATH_L as v, PATH_M as y, PATH_Z as b, boundsOfPath as x, ellipsePath as S, linePath as C, pathContainsPoint as w, regularPolygonPath as T, starPath as E, strokeHitTest as D } from "@weasel-js/geom";
+import { textLineBoxes as te } from "@weasel-js/text";
 //#region src/canvas/NodeShape.ts
 function O(e) {
 	return e === void 0 || s(e);
@@ -57,7 +57,7 @@ function B(e, t, n) {
 }
 function V(e, t, n) {
 	if (!s(e)) return null;
-	let r = t ? i(t, n ?? 1) : 0, a = Math.min(e.x, e.x + e.width), o = Math.min(e.y, e.y + e.height);
+	let r = t ? i(t, n?.scale ?? 1, n?.leastScale) : 0, a = Math.min(e.x, e.x + e.width), o = Math.min(e.y, e.y + e.height);
 	return {
 		x: a - r,
 		y: o - r,
@@ -68,10 +68,10 @@ function V(e, t, n) {
 function H(e, t, n, r, i = {}) {
 	let a = R(e, t, { derivedPath: i.derivedPath });
 	if (a === null) return !0;
-	let o = z(e, t, { scale: i.scale }) ?? k, s = C(a, n, r);
+	let o = z(e, t, { scale: i.scale }) ?? k, s = w(a, n, r);
 	if (o.filled && s) return !0;
-	let { extra: c, opts: l } = ee(i.tolerance), u = (s ? o.inset : o.outset) + c;
-	return (u > 0 || m(i.tolerance)) && E(a, n, r, u, l);
+	let c = h(i.tolerance, (s ? o.insetPx : o.outsetPx) ?? 0, i.scale), { extra: l, opts: u } = m(c), d = (s ? o.inset : o.outset) + l;
+	return (d > 0 || ee(c)) && D(a, n, r, d, u);
 }
 function U() {
 	return [...A.high, ...A.normal];
@@ -90,13 +90,13 @@ function W(e, t) {
 		verticalAlign: e.verticalAlign
 	};
 }
-var G = {
+var ne = {
 	id: "kit:text",
 	matches: (e) => O(e.pose) ? e.data?.text != null : !1,
 	paint: (e, n) => t(e, F, n, () => [p(W(e.data, n))]),
 	silhouette: (e, t) => {
-		let n = D(W(e.data, t));
-		return n.length === 0 ? null : te(n);
+		let n = te(W(e.data, t));
+		return n.length === 0 ? null : G(n);
 	},
 	ink: (e, t, n) => {
 		let r = e.data;
@@ -106,11 +106,11 @@ var G = {
 		};
 	}
 };
-function te(e) {
+function G(e) {
 	let t = new Uint8Array(e.length * 6), n = new Float32Array(e.length * 10), r = 0, i = 0;
 	for (let a of e) {
 		let { x: e, y: o, width: s, height: c } = a;
-		t[i++] = v, n[r++] = e, n[r++] = o, t[i++] = _, n[r++] = e + s, n[r++] = o, t[i++] = _, n[r++] = e + s, n[r++] = o + c, t[i++] = _, n[r++] = e, n[r++] = o + c, t[i++] = _, n[r++] = e, n[r++] = o, t[i++] = y;
+		t[i++] = y, n[r++] = e, n[r++] = o, t[i++] = v, n[r++] = e + s, n[r++] = o, t[i++] = v, n[r++] = e + s, n[r++] = o + c, t[i++] = v, n[r++] = e, n[r++] = o + c, t[i++] = v, n[r++] = e, n[r++] = o, t[i++] = b;
 	}
 	return {
 		kind: "polygon",
@@ -137,21 +137,30 @@ function Y(e, t) {
 		outset: 0,
 		inset: 0
 	};
-	let i = n(e.width ?? 1, t ?? 1), a = r(e, i, t);
-	switch (e.align ?? "center") {
-		case "inner": return {
-			outset: a,
-			inset: i
-		};
-		case "outer": return {
-			outset: i + a,
-			inset: 0
-		};
-		default: return {
-			outset: i / 2 + a,
-			inset: i / 2
-		};
-	}
+	let i = r(e), a = (t, n) => {
+		switch (e.align ?? "center") {
+			case "inner": return {
+				outset: n,
+				inset: t
+			};
+			case "outer": return {
+				outset: t + n,
+				inset: 0
+			};
+			default: return {
+				outset: t / 2 + n,
+				inset: t / 2
+			};
+		}
+	}, o = e.width ?? 1, s = a(typeof o == "object" ? 0 : n(o, t ?? 1), i.world);
+	if (typeof o != "object" && !(i.px > 0)) return s;
+	let c = a(typeof o == "object" ? o.px : 0, i.px);
+	return {
+		outset: s.outset,
+		inset: s.inset,
+		outsetPx: c.outset,
+		insetPx: c.inset
+	};
 }
 function X(e, t) {
 	let n = t?.vertexColors, r = e[0];
@@ -190,16 +199,16 @@ var Z = {
 			...Y(i, n?.scale)
 		};
 	},
-	bounds: (e, t, n) => V(t, q(e.data.stroke), n?.scale)
-}, Q = {
+	bounds: (e, t, n) => V(t, q(e.data.stroke), n)
+}, re = {
 	id: "kit:shape",
 	matches: (e) => {
 		if (!O(e.pose)) return !1;
 		let t = e.data?.shape;
-		return t != null && ne.has(t);
+		return t != null && ie.has(t);
 	},
 	paint: (e, n, r) => X(t(e, F, n, () => {
-		let t = e.data, r = $(t, n), i = K(t.fill, u), a = i && f(d(i, n)), o = q(t.stroke), s = o && J(o, n);
+		let t = e.data, r = Q(t, n), i = K(t.fill, u), a = i && f(d(i, n)), o = q(t.stroke), s = o && J(o, n);
 		return [{
 			kind: "path",
 			path: r,
@@ -209,7 +218,7 @@ var Z = {
 	}), r),
 	silhouette: (e, t) => {
 		let n = e.data;
-		return $(n, t);
+		return Q(n, t);
 	},
 	ink: (e, t, n) => {
 		let r = e.data;
@@ -218,26 +227,26 @@ var Z = {
 			...Y(q(r.stroke), n?.scale)
 		};
 	},
-	bounds: (e, t, n) => V(t, q(e.data.stroke), n?.scale)
-}, ne = /* @__PURE__ */ new Set([
+	bounds: (e, t, n) => V(t, q(e.data.stroke), n)
+}, ie = /* @__PURE__ */ new Set([
 	"rect",
 	"ellipse",
 	"polygon",
 	"star"
 ]);
-function $(e, t) {
+function Q(e, t) {
 	switch (e.shape) {
-		case "ellipse": return x(t);
+		case "ellipse": return S(t);
 		case "polygon": {
 			let n = t.x + t.width / 2, r = t.y + t.height / 2, i = Math.min(t.width, t.height) / 2;
-			return w({
+			return T({
 				x: n,
 				y: r
 			}, i, e.sides ?? 6);
 		}
 		case "star": {
 			let n = t.x + t.width / 2, r = t.y + t.height / 2, i = Math.min(t.width, t.height) / 2;
-			return T({
+			return E({
 				x: n,
 				y: r
 			}, i, e.points ?? 5);
@@ -251,7 +260,7 @@ function $(e, t) {
 		};
 	}
 }
-function re(e, t) {
+function ae(e, t) {
 	return {
 		x: e.x * t.width,
 		y: e.y * t.height,
@@ -259,13 +268,13 @@ function re(e, t) {
 		h: e.height * t.height
 	};
 }
-function ie(e, t, n) {
+function oe(e, t, n) {
 	if (n && n > 0) return {
 		width: Math.abs(e.width) * n / (t?.width || 1),
 		height: Math.abs(e.height) * n / (t?.height || 1)
 	};
 }
-var ae = {
+var $ = {
 	id: "kit:image",
 	matches: (e) => {
 		if (!O(e.pose)) return !1;
@@ -273,7 +282,7 @@ var ae = {
 		return typeof t == "string" && t.length > 0;
 	},
 	paint: (e, t, n) => {
-		let r = e.data, i = t, a = n?.resolveImage ? n.resolveImage(e) : h(r.image.src, ie(i, r.image.source, n?.pixelScale));
+		let r = e.data, i = t, a = n?.resolveImage ? n.resolveImage(e) : g(r.image.src, oe(i, r.image.source, n?.pixelScale));
 		if (a) return [{
 			kind: "image",
 			image: a,
@@ -282,11 +291,11 @@ var ae = {
 			w: i.width,
 			h: i.height,
 			...r.image.opacity === void 0 ? {} : { opacity: r.image.opacity },
-			...r.image.source ? { source: re(r.image.source, a) } : {},
+			...r.image.source ? { source: ae(r.image.source, a) } : {},
 			...r.image.flipX ? { flipX: !0 } : {},
 			...r.image.flipY ? { flipY: !0 } : {}
 		}];
-		let o = !n?.resolveImage && g(r.image.src) === "error", s = o ? "#d08a8a" : "#bbbbbb", c = [{
+		let o = !n?.resolveImage && _(r.image.src) === "error", s = o ? "#d08a8a" : "#bbbbbb", c = [{
 			kind: "path",
 			path: {
 				kind: "rect",
@@ -302,7 +311,7 @@ var ae = {
 		}];
 		return o && c.push({
 			kind: "path",
-			path: S({
+			path: C({
 				x: i.x,
 				y: i.y
 			}, {
@@ -325,17 +334,17 @@ var ae = {
 			height: n.height
 		};
 	},
-	bounds: (e, t, n) => V(t, oe, n?.scale)
-}, oe = {
+	bounds: (e, t, n) => V(t, se, n)
+}, se = {
 	paint: { color: "#000" },
 	width: 1
-}, se = {
+}, ce = {
 	id: "kit:derived",
 	matches: (e) => (e.dependsOn?.length ?? 0) > 0 && e.derivePath !== void 0,
 	paint: (e, t, n) => {
 		let r = n?.derivedPath;
 		if (r == null) return [];
-		let i = b(r), a = e.data, o = q(a?.stroke), s = K(a?.fill, o === null ? u : null), c = s && f(d(s, i)), l = o && J(o, i);
+		let i = x(r), a = e.data, o = q(a?.stroke), s = K(a?.fill, o === null ? u : null), c = s && f(d(s, i)), l = o && J(o, i);
 		return X([{
 			kind: "path",
 			path: r,
@@ -352,7 +361,7 @@ var ae = {
 			...Y(i, n?.scale)
 		};
 	}
-}, ce = {
+}, le = {
 	id: "kit:rect-fallback",
 	matches: (e) => O(e.pose),
 	paint: (e, t) => {
@@ -381,10 +390,10 @@ var ae = {
 	},
 	bounds: (e, t) => V(t, null, void 0)
 };
-function le() {
-	j(G), j(se), j(Z), j(Q), j(ae), j(ce);
+function ue() {
+	j(ne), j(ce), j(Z), j(re), j($), j(le);
 }
-le();
+ue();
 //#endregion
 export { k as DEFAULT_INK, I as findNodeShape, B as findShapeBounds, z as findShapeInk, R as findShapeSilhouette, U as getNodeShapes, j as registerNodeShape, H as shapeCoversPoint };