@weasel-js/core 1.11.0 → 1.12.0

package/dist/canvas/SurfaceCanvas.js

@@ -1,5 +1,5 @@
 import { forwardRef, useCallback } from "react";
-import { assignRef } from "@weasel-js/react";
+import { adoptCssOnce, assignRef } from "@weasel-js/react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/canvas/SurfaceCanvas.tsx
@@ -12,31 +12,13 @@ import { jsx } from "react/jsx-runtime";
 *  takes the buffer's aspect ratio for an auto height, so a near-flat ratio
 *  replaces it. */
 var SURFACE_RULE = ":where([data-wzl-surface]) { width: var(--wzl-surface-width, 100%); height: var(--wzl-surface-height, 100%); } :where([data-wzl-surface='fill']) { display: block; contain: size; aspect-ratio: 1000000 / 1; }";
-var adopted = /* @__PURE__ */ new WeakSet();
-/**
-* Hold {@link SURFACE_RULE} in the root `el`'s styles come from: its shadow
-* root, else its document. Once per root, and never taken back out.
-*/
+/** Hold {@link SURFACE_RULE} in the root `el`'s styles come from, once per root. */
 function adoptSurfaceRule(el) {
-	const doc = el.ownerDocument;
-	const node = el.getRootNode();
-	const root = "host" in node ? node : doc;
-	if (adopted.has(root)) return;
-	adopted.add(root);
-	const Sheet = doc.defaultView?.CSSStyleSheet;
-	if (Sheet && "replaceSync" in Sheet.prototype && Array.isArray(root.adoptedStyleSheets)) {
-		const sheet = new Sheet();
-		sheet.replaceSync(SURFACE_RULE);
-		root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
-		return;
-	}
-	const style = doc.createElement("style");
-	style.textContent = SURFACE_RULE;
-	("host" in root ? root : root.head).appendChild(style);
+	adoptCssOnce(el, SURFACE_RULE);
 }
 /** The `<canvas>` a kit component paints into, `width` × `height` CSS pixels,
 *  or its parent's size on an axis given neither. */
-var SurfaceCanvas = forwardRef(function SurfaceCanvas({ width, height, className, style, tabIndex }, ref) {
+var SurfaceCanvas = forwardRef(function SurfaceCanvas({ width, height, className, style, tabIndex, "aria-label": ariaLabel }, ref) {
 	const setRef = useCallback((el) => {
 		if (el) adoptSurfaceRule(el);
 		assignRef(ref, el);
@@ -51,6 +33,7 @@ var SurfaceCanvas = forwardRef(function SurfaceCanvas({ width, height, className
 		width,
 		height,
 		tabIndex,
+		"aria-label": ariaLabel,
 		className,
 		style: sized,
 		"data-wzl-surface": width === void 0 || height === void 0 ? "fill" : ""

package/dist/canvas/SurfaceCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"SurfaceCanvas.js","names":[],"sources":["../../src/canvas/SurfaceCanvas.tsx"],"sourcesContent":["import { forwardRef, useCallback, type CSSProperties } from 'react';\nimport { assignRef } from '@weasel-js/react';\n\n/** Where an element's styles come from. */\ntype StyleRoot = Document | ShadowRoot;\n\n/** The CSS size of a canvas the kit renders: its `width` and `height` props,\n *  and its parent's box on an axis given neither. Zero specificity, so a class\n *  the consumer passes resizes the element.\n *\n *  A filling canvas must give its parent no size back, or the parent could\n *  never shrink. `contain: size` drops its buffer's size, but Chrome still\n *  takes the buffer's aspect ratio for an auto height, so a near-flat ratio\n *  replaces it. */\nexport const SURFACE_RULE =\n  ':where([data-wzl-surface]) { width: var(--wzl-surface-width, 100%); height: var(--wzl-surface-height, 100%); }'\n  + \" :where([data-wzl-surface='fill']) { display: block; contain: size; aspect-ratio: 1000000 / 1; }\";\n\nlet adopted = new WeakSet<StyleRoot>();\n\n/**\n * Hold {@link SURFACE_RULE} in the root `el`'s styles come from: its shadow\n * root, else its document. Once per root, and never taken back out.\n */\nexport function adoptSurfaceRule(el: Element): void {\n  const doc = el.ownerDocument;\n  const node = el.getRootNode();\n  const root: StyleRoot = 'host' in node ? (node as ShadowRoot) : doc;\n  if (adopted.has(root)) return;\n  adopted.add(root);\n  const Sheet = doc.defaultView?.CSSStyleSheet;\n  if (Sheet && 'replaceSync' in Sheet.prototype && Array.isArray(root.adoptedStyleSheets)) {\n    // From the root's own window: a constructed sheet cannot be adopted across documents.\n    const sheet = new Sheet();\n    sheet.replaceSync(SURFACE_RULE);\n    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];\n    return;\n  }\n  const style = doc.createElement('style');\n  style.textContent = SURFACE_RULE;\n  ('host' in root ? root : root.head).appendChild(style);\n}\n\n/** Test seam: forgets which roots hold the rule. */\nexport function __resetSurfaceRule(): void {\n  adopted = new WeakSet();\n}\n\nexport interface SurfaceCanvasProps {\n  /** CSS pixels. The renderer sizes only the drawing buffer, so without the\n   *  rule this element holds it is as large as its buffer: `dpr` times too big.\n   *  Omitted, the element fills its parent on that axis. */\n  width?: number;\n  height?: number;\n  className?: string;\n  style?: CSSProperties;\n  tabIndex?: number;\n}\n\n/** The `<canvas>` a kit component paints into, `width` × `height` CSS pixels,\n *  or its parent's size on an axis given neither. */\nexport const SurfaceCanvas = forwardRef<HTMLCanvasElement, SurfaceCanvasProps>(\n  function SurfaceCanvas({ width, height, className, style, tabIndex }, ref) {\n    // Stable while `ref` is, so a commit does not detach the element.\n    const setRef = useCallback((el: HTMLCanvasElement | null) => {\n      if (el) adoptSurfaceRule(el);\n      assignRef(ref, el);\n    }, [ref]);\n    const sized = {\n      ...style,\n      ...(width !== undefined ? { '--wzl-surface-width': `${width}px` } : {}),\n      ...(height !== undefined ? { '--wzl-surface-height': `${height}px` } : {}),\n    };\n    const fills = width === undefined || height === undefined;\n    return (\n      <canvas\n        ref={setRef}\n        width={width}\n        height={height}\n        tabIndex={tabIndex}\n        className={className}\n        style={sized as CSSProperties}\n        data-wzl-surface={fills ? 'fill' : ''}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,eACX;AAGF,IAAI,0BAAU,IAAI,QAAmB;;;;;AAMrC,SAAgB,iBAAiB,IAAmB;CAClD,MAAM,MAAM,GAAG;CACf,MAAM,OAAO,GAAG,YAAY;CAC5B,MAAM,OAAkB,UAAU,OAAQ,OAAsB;CAChE,IAAI,QAAQ,IAAI,IAAI,GAAG;CACvB,QAAQ,IAAI,IAAI;CAChB,MAAM,QAAQ,IAAI,aAAa;CAC/B,IAAI,SAAS,iBAAiB,MAAM,aAAa,MAAM,QAAQ,KAAK,kBAAkB,GAAG;EAEvF,MAAM,QAAQ,IAAI,MAAM;EACxB,MAAM,YAAY,YAAY;EAC9B,KAAK,qBAAqB,CAAC,GAAG,KAAK,oBAAoB,KAAK;EAC5D;CACF;CACA,MAAM,QAAQ,IAAI,cAAc,OAAO;CACvC,MAAM,cAAc;CACpB,CAAC,UAAU,OAAO,OAAO,KAAK,KAAA,CAAM,YAAY,KAAK;AACvD;;;AAoBA,IAAa,gBAAgB,WAC3B,SAAS,cAAc,EAAE,OAAO,QAAQ,WAAW,OAAO,YAAY,KAAK;CAEzE,MAAM,SAAS,aAAa,OAAiC;EAC3D,IAAI,IAAI,iBAAiB,EAAE;EAC3B,UAAU,KAAK,EAAE;CACnB,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,QAAQ;EACZ,GAAG;EACH,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,MAAM,IAAI,IAAI,CAAC;EACrE,GAAI,WAAW,SAAY,EAAE,wBAAwB,GAAG,OAAO,IAAI,IAAI,CAAC;CAC1E;CAEA,OACE,oBAAC,UAAD;EACE,KAAK;EACE;EACC;EACE;EACC;EACX,OAAO;EACP,oBATU,UAAU,UAAa,WAAW,SASlB,SAAS;CACpC,CAAA;AAEL,CACF"}
+{"version":3,"file":"SurfaceCanvas.js","names":[],"sources":["../../src/canvas/SurfaceCanvas.tsx"],"sourcesContent":["import { forwardRef, useCallback, type CSSProperties } from 'react';\nimport { adoptCssOnce, assignRef } from '@weasel-js/react';\n\n/** The CSS size of a canvas the kit renders: its `width` and `height` props,\n *  and its parent's box on an axis given neither. Zero specificity, so a class\n *  the consumer passes resizes the element.\n *\n *  A filling canvas must give its parent no size back, or the parent could\n *  never shrink. `contain: size` drops its buffer's size, but Chrome still\n *  takes the buffer's aspect ratio for an auto height, so a near-flat ratio\n *  replaces it. */\nexport const SURFACE_RULE =\n  ':where([data-wzl-surface]) { width: var(--wzl-surface-width, 100%); height: var(--wzl-surface-height, 100%); }'\n  + \" :where([data-wzl-surface='fill']) { display: block; contain: size; aspect-ratio: 1000000 / 1; }\";\n\n/** Hold {@link SURFACE_RULE} in the root `el`'s styles come from, once per root. */\nexport function adoptSurfaceRule(el: Element): void {\n  adoptCssOnce(el, SURFACE_RULE);\n}\n\nexport interface SurfaceCanvasProps {\n  /** CSS pixels. The renderer sizes only the drawing buffer, so without the\n   *  rule this element holds it is as large as its buffer: `dpr` times too big.\n   *  Omitted, the element fills its parent on that axis. */\n  width?: number;\n  height?: number;\n  className?: string;\n  style?: CSSProperties;\n  tabIndex?: number;\n  'aria-label'?: string;\n}\n\n/** The `<canvas>` a kit component paints into, `width` × `height` CSS pixels,\n *  or its parent's size on an axis given neither. */\nexport const SurfaceCanvas = forwardRef<HTMLCanvasElement, SurfaceCanvasProps>(\n  function SurfaceCanvas({ width, height, className, style, tabIndex, 'aria-label': ariaLabel }, ref) {\n    // Stable while `ref` is, so a commit does not detach the element.\n    const setRef = useCallback((el: HTMLCanvasElement | null) => {\n      if (el) adoptSurfaceRule(el);\n      assignRef(ref, el);\n    }, [ref]);\n    const sized = {\n      ...style,\n      ...(width !== undefined ? { '--wzl-surface-width': `${width}px` } : {}),\n      ...(height !== undefined ? { '--wzl-surface-height': `${height}px` } : {}),\n    };\n    const fills = width === undefined || height === undefined;\n    return (\n      <canvas\n        ref={setRef}\n        width={width}\n        height={height}\n        tabIndex={tabIndex}\n        aria-label={ariaLabel}\n        className={className}\n        style={sized as CSSProperties}\n        data-wzl-surface={fills ? 'fill' : ''}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAa,eACX;;AAIF,SAAgB,iBAAiB,IAAmB;CAClD,aAAa,IAAI,YAAY;AAC/B;;;AAgBA,IAAa,gBAAgB,WAC3B,SAAS,cAAc,EAAE,OAAO,QAAQ,WAAW,OAAO,UAAU,cAAc,aAAa,KAAK;CAElG,MAAM,SAAS,aAAa,OAAiC;EAC3D,IAAI,IAAI,iBAAiB,EAAE;EAC3B,UAAU,KAAK,EAAE;CACnB,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,QAAQ;EACZ,GAAG;EACH,GAAI,UAAU,SAAY,EAAE,uBAAuB,GAAG,MAAM,IAAI,IAAI,CAAC;EACrE,GAAI,WAAW,SAAY,EAAE,wBAAwB,GAAG,OAAO,IAAI,IAAI,CAAC;CAC1E;CAEA,OACE,oBAAC,UAAD;EACE,KAAK;EACE;EACC;EACE;EACV,cAAY;EACD;EACX,OAAO;EACP,oBAVU,UAAU,UAAa,WAAW,SAUlB,SAAS;CACpC,CAAA;AAEL,CACF"}

package/dist/canvas/ViewMarker.js

@@ -0,0 +1,35 @@
+import { useOptionalViewRegistry } from "./viewRegistry.js";
+import { useCallback, useEffect } from "react";
+import { useLatest } from "@weasel-js/react";
+
+//#region src/canvas/ViewMarker.tsx
+/**
+* `<ViewMarker>` — one view's aim, outlined inside another view's frame: a
+* minimap's indicator, a picture-in-picture's footprint on the main view.
+*/
+/**
+* Draws one view's aim inside another's frame, after that view's own layers.
+*
+* Renders nothing; outside a surface it is inert. Either view may mount after
+* the marker does: until both are there it draws nothing.
+*/
+function ViewMarker(props) {
+	const registry = useOptionalViewRegistry();
+	const live = useLatest(props);
+	const read = useCallback(() => live.current, [live]);
+	const { id, target } = props;
+	useEffect(() => registry?.registerMarker(read), [
+		registry,
+		read,
+		id,
+		target
+	]);
+	useEffect(() => {
+		registry?.surface()?.requestRedraw();
+	});
+	return null;
+}
+
+//#endregion
+export { ViewMarker };
+//# sourceMappingURL=ViewMarker.js.map

package/dist/canvas/ViewMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewMarker.js","names":[],"sources":["../../src/canvas/ViewMarker.tsx"],"sourcesContent":["/**\n * `<ViewMarker>` — one view's aim, outlined inside another view's frame: a\n * minimap's indicator, a picture-in-picture's footprint on the main view.\n */\nimport { useCallback, useEffect } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { ViewMarkerProps } from 'features/viewports/viewMarker';\nimport { useOptionalViewRegistry } from './viewRegistry';\n\n/**\n * Draws one view's aim inside another's frame, after that view's own layers.\n *\n * Renders nothing; outside a surface it is inert. Either view may mount after\n * the marker does: until both are there it draws nothing.\n */\nexport function ViewMarker(props: ViewMarkerProps): null {\n  const registry = useOptionalViewRegistry();\n  const live = useLatest(props);\n  const read = useCallback(() => live.current, [live]);\n  const { id, target } = props;\n\n  // Which stack the marker is listed in, and its layer's id, are fixed at\n  // registration; everything else is read off `live` at draw time.\n  useEffect(() => registry?.registerMarker(read), [registry, read, id, target]);\n\n  useEffect(() => {\n    registry?.surface()?.requestRedraw();\n  });\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,SAAgB,WAAW,OAA8B;CACvD,MAAM,WAAW,wBAAwB;CACzC,MAAM,OAAO,UAAU,KAAK;CAC5B,MAAM,OAAO,kBAAkB,KAAK,SAAS,CAAC,IAAI,CAAC;CACnD,MAAM,EAAE,IAAI,WAAW;CAIvB,gBAAgB,UAAU,eAAe,IAAI,GAAG;EAAC;EAAU;EAAM;EAAI;CAAM,CAAC;CAE5E,gBAAgB;EACd,UAAU,QAAQ,CAAC,EAAE,cAAc;CACrC,CAAC;CAED,OAAO;AACT"}

package/dist/canvas/canvasRenderer.js

@@ -1,3 +1,4 @@
+import { CANVAS_CONTEXT_ATTRIBUTES } from "./contextAttributes.js";
 import { WeaselRenderer } from "@weasel-js/renderer";
 import { viewToMat3 as viewToMat3$1 } from "@weasel-js/geom";
 import { createEmitter } from "@weasel-js/registry";
@@ -50,10 +51,7 @@ function leaseCanvasRenderer() {
 		}
 		if (!held) {
 			if (REFUSED.has(canvas)) return null;
-			const gl = canvas.getContext("webgl2", {
-				preserveDrawingBuffer: true,
-				stencil: true
-			});
+			const gl = canvas.getContext("webgl2", CANVAS_CONTEXT_ATTRIBUTES);
 			if (!gl || typeof gl.enable !== "function") return null;
 			let renderer;
 			try {
@@ -64,7 +62,8 @@ function leaseCanvasRenderer() {
 					height,
 					dpr,
 					flattenTolerance: options.flattenTolerance,
-					retainBudget: options.retainBudget
+					retainBudget: options.retainBudget,
+					imageMinification: options.imageMinification
 				});
 			} catch (e) {
 				if (!gl.isContextLost?.()) {
@@ -84,6 +83,7 @@ function leaseCanvasRenderer() {
 				tileY: null,
 				flattenTolerance: options.flattenTolerance,
 				retainBudget: options.retainBudget,
+				imageMinification: options.imageMinification,
 				shaderKey: "",
 				lost: false,
 				onLost: () => {
@@ -121,6 +121,10 @@ function leaseCanvasRenderer() {
 				held.renderer.setRetainBudget(options.retainBudget);
 				held.retainBudget = options.retainBudget;
 			}
+			if (held.imageMinification !== options.imageMinification) {
+				held.renderer.setImageMinification(options.imageMinification);
+				held.imageMinification = options.imageMinification;
+			}
 		}
 		if (held.lost) return null;
 		const { renderer } = held;

package/dist/canvas/canvasRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvasRenderer.js","names":["viewToMat3"],"sources":["../../src/canvas/canvasRenderer.ts"],"sourcesContent":["/**\n * The one renderer lifetime in core. Every on-screen surface holds its\n * `WeaselRenderer` through a `leaseCanvasRenderer` lease.\n *\n * A lease holds its own renderer, so several can share one element: each\n * tenant painting a `tile` of a shared buffer gets a renderer of its own on\n * the element's one context. Release frees only what that renderer created;\n * the context itself is never lost.\n */\nimport { WeaselRenderer, type FlattenTolerance, type RenderOptions } from '@weasel-js/renderer';\nimport { viewToMat3 } from '@weasel-js/geom';\nimport type { ShaderProgramHandle } from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { View } from '../core/viewport/view';\nimport { createEmitter } from '@weasel-js/registry';\n\n/** The live renderers painting into each element, across every lease. */\nconst TENANTS: WeakMap<HTMLCanvasElement, Set<WeaselRenderer>> = new WeakMap();\n\n/** Canvases whose context the renderer refused, so a redraw does not rebuild\n *  and fail again, and the reason is reported once. */\nconst REFUSED: WeakSet<HTMLCanvasElement> = new WeakSet();\n\n/** A renderer painting into the canvas, if any lease holds one. Test seam. */\nexport function cachedCanvasRenderer(canvas: HTMLCanvasElement): WeaselRenderer | undefined {\n  const set = TENANTS.get(canvas);\n  return set ? set.values().next().value : undefined;\n}\n\n/** The size and density to paint a canvas at. `dpr` defaults to\n *  `window.devicePixelRatio`, read per paint. */\nexport interface CanvasPaintSize {\n  width: number;\n  height: number;\n  dpr?: number;\n}\n\n/** How one paint reaches the canvas, beyond its size. */\nexport interface CanvasPaintOptions {\n  /** Paint a `width × height` tile of a buffer other surfaces share, at this\n   *  origin in CSS pixels. The buffer is then the caller's to size: the\n   *  renderer never resizes the element, which would have every co-tenant\n   *  resize it to its own pane. Omit to own the whole element. */\n  tile?: { x: number; y: number } | null;\n  /** `WeaselRendererOptions.flattenTolerance`, applied from this paint on. */\n  flattenTolerance?: FlattenTolerance;\n  /** `WeaselRendererOptions.retainBudget`, applied from this paint on. */\n  retainBudget?: number;\n  /** Custom programs to compile on the renderer. Compiled when the renderer\n   *  is created, and again when the set of ids changes. */\n  shaders?: readonly ShaderProgramHandle[];\n}\n\n/** A paint's options, plus what `paint` hands `WeaselRenderer.render`. */\nexport interface CanvasRenderOptions extends CanvasPaintOptions {\n  render?: RenderOptions;\n}\n\n/** A canvas renderer held for a surface's lifetime. */\nexport interface CanvasRendererLease {\n  /** Draw `commands` into `canvas` — screen-space, one unit per CSS pixel,\n   *  with `view` passed on as the frame's world→screen transform. `bind`,\n   *  then render. Returns `false` without painting where `bind` finds no\n   *  renderer. */\n  paint(\n    canvas: HTMLCanvasElement,\n    commands: DrawCommand[],\n    view: View,\n    size: CanvasPaintSize,\n    options?: CanvasRenderOptions,\n  ): boolean;\n  /** The renderer that paints `canvas` at `size`, ready to render: created on\n   *  first use, resized, and given this paint's tile, tolerance, retain\n   *  budget, and shaders.\n   *  Frees the previous renderer first if the surface moved to another\n   *  element, or between owning it whole and painting a tile of it. `null`\n   *  where no WebGL2 context is available (jsdom, a failed context creation,\n   *  or a context that is lost for now). */\n  bind(canvas: HTMLCanvasElement, size: CanvasPaintSize, options?: CanvasPaintOptions): WeaselRenderer | null;\n  /** Run `fn` when the canvas gets a lost context back, after the renderer\n   *  has rebuilt itself on it. Nothing repaints a restored buffer on its own.\n   *  Returns an unsubscribe. */\n  subscribeRestored(fn: () => void): () => void;\n  /** Free the held renderer and every GL object it owns. A later `paint`\n   *  creates a fresh one. */\n  release(): void;\n}\n\ninterface Held {\n  canvas: HTMLCanvasElement;\n  renderer: WeaselRenderer;\n  shared: boolean;\n  lost: boolean;\n  onLost: () => void;\n  onRestored: () => void;\n  width: number;\n  height: number;\n  dpr: number;\n  tileX: number | null;\n  tileY: number | null;\n  flattenTolerance: FlattenTolerance | undefined;\n  retainBudget: number | undefined;\n  shaderKey: string;\n}\n\n/** Identifies a set of custom programs by their ids, in order. */\nexport const shaderKeyOf = (shaders: readonly ShaderProgramHandle[] | undefined): string =>\n  shaders?.map((h) => h.id).join('|') ?? '';\n\nfunction registerShaders(renderer: WeaselRenderer, shaders: readonly ShaderProgramHandle[] | undefined): void {\n  if (!shaders) return;\n  for (const handle of shaders) {\n    try {\n      renderer.registerProgram(handle);\n    } catch (e) {\n      console.warn(`weasel: failed to register shader \"${handle.id}\":`, e);\n    }\n  }\n}\n\nfunction free(held: Held): void {\n  const set = TENANTS.get(held.canvas);\n  set?.delete(held.renderer);\n  held.canvas.removeEventListener('webglcontextlost', held.onLost);\n  held.canvas.removeEventListener('webglcontextrestored', held.onRestored);\n  if (set && set.size === 0) TENANTS.delete(held.canvas);\n  held.renderer.dispose();\n}\n\n/** Hold the renderer of the canvas a surface paints into, until released. */\nexport function leaseCanvasRenderer(): CanvasRendererLease {\n  let held: Held | null = null;\n  const restored = createEmitter();\n  const bind = (canvas: HTMLCanvasElement, size: CanvasPaintSize, options: CanvasPaintOptions = {}): WeaselRenderer | null => {\n    const { width, height } = size;\n    const dpr = size.dpr ?? (typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1);\n    const tile = options.tile ?? null;\n    const shared = tile !== null;\n\n    if (held && (held.canvas !== canvas || held.shared !== shared)) {\n      free(held);\n      held = null;\n    }\n    if (!held) {\n      if (REFUSED.has(canvas)) return null;\n      const gl = canvas.getContext('webgl2', { preserveDrawingBuffer: true, stencil: true });\n      if (!gl || typeof (gl as Partial<WebGL2RenderingContext>).enable !== 'function') return null;\n      let renderer: WeaselRenderer;\n      try {\n        renderer = new WeaselRenderer({\n          gl: gl as WebGL2RenderingContext,\n          ...(shared ? {} : { canvas }),\n          width, height, dpr,\n          flattenTolerance: options.flattenTolerance,\n          retainBudget: options.retainBudget,\n        });\n      } catch (e) {\n        // A lost context fails to compile and may yet come back; anything\n        // else fails the same way next time.\n        if (!(gl as Partial<WebGL2RenderingContext>).isContextLost?.()) {\n          REFUSED.add(canvas);\n          console.warn('weasel: this canvas cannot be painted:', e);\n        }\n        return null;\n      }\n      // Added after the renderer's own listeners, so a subscriber runs against\n      // a renderer that has already recompiled.\n      const mine: Held = held = {\n        canvas, renderer, shared, width, height, dpr, tileX: null, tileY: null,\n        flattenTolerance: options.flattenTolerance, retainBudget: options.retainBudget, shaderKey: '',\n        lost: false,\n        onLost: () => { mine.lost = true; },\n        onRestored: () => {\n          mine.lost = false;\n          restored.emit();\n        },\n      };\n      canvas.addEventListener('webglcontextlost', held.onLost);\n      canvas.addEventListener('webglcontextrestored', held.onRestored);\n      let set = TENANTS.get(canvas);\n      if (!set) { set = new Set(); TENANTS.set(canvas, set); }\n      set.add(renderer);\n    } else {\n      // React writes the element's `width` and `height` attributes in CSS\n      // pixels on every size change, so a size that went away and came back\n      // matches the record while the buffer does not.\n      const stale = !shared\n        && (canvas.width !== Math.round(width * dpr) || canvas.height !== Math.round(height * dpr));\n      if (stale || held.width !== width || held.height !== height || held.dpr !== dpr) {\n        held.renderer.resize({ width, height, dpr });\n        held.width = width;\n        held.height = height;\n        held.dpr = dpr;\n      }\n      if (held.flattenTolerance !== options.flattenTolerance) {\n        held.renderer.setFlattenTolerance(options.flattenTolerance);\n        held.flattenTolerance = options.flattenTolerance;\n      }\n      if (held.retainBudget !== options.retainBudget) {\n        held.renderer.setRetainBudget(options.retainBudget);\n        held.retainBudget = options.retainBudget;\n      }\n    }\n\n    if (held.lost) return null;\n    const { renderer } = held;\n    const shaderKey = shaderKeyOf(options.shaders);\n    if (shaderKey !== held.shaderKey) {\n      registerShaders(renderer, options.shaders);\n      held.shaderKey = shaderKey;\n    }\n    const tileX = tile?.x ?? null;\n    const tileY = tile?.y ?? null;\n    if (tileX !== held.tileX || tileY !== held.tileY) {\n      renderer.setTarget(tile ? { origin: { x: tile.x, y: tile.y } } : null);\n      held.tileX = tileX;\n      held.tileY = tileY;\n    }\n    return renderer;\n  };\n  return {\n    bind,\n    paint(canvas, commands, view, size, options) {\n      const renderer = bind(canvas, size, options);\n      if (!renderer) return false;\n      renderer.render(commands, viewToMat3(view), options?.render);\n      return true;\n    },\n    subscribeRestored: restored.subscribe,\n    release() {\n      if (held) free(held);\n      held = null;\n    },\n  };\n}\n\n/** Leases held on a canvas's behalf by `paintCanvas`, one per element. */\nconst CANVAS_LEASES: WeakMap<HTMLCanvasElement, CanvasRendererLease> = new WeakMap();\n\n/**\n * Paint `canvas` through a lease held for the element itself, for callers\n * with no component lifetime of their own. The renderer lives until\n * `releaseCanvasRenderer(canvas)`.\n */\nexport function paintCanvas(\n  canvas: HTMLCanvasElement,\n  commands: DrawCommand[],\n  view: View,\n  size: CanvasPaintSize,\n): boolean {\n  let lease = CANVAS_LEASES.get(canvas);\n  if (!lease) {\n    lease = leaseCanvasRenderer();\n    CANVAS_LEASES.set(canvas, lease);\n  }\n  return lease.paint(canvas, commands, view, size);\n}\n\n/** Free the renderer `paintCanvas` holds for the canvas, and every GL object\n *  it owns. The next paint creates a fresh one. Renderers a surface component\n *  holds are that component's to free, on unmount. */\nexport function releaseCanvasRenderer(canvas: HTMLCanvasElement): void {\n  const lease = CANVAS_LEASES.get(canvas);\n  if (!lease) return;\n  CANVAS_LEASES.delete(canvas);\n  lease.release();\n}\n"],"mappings":"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"}
+{"version":3,"file":"canvasRenderer.js","names":["viewToMat3"],"sources":["../../src/canvas/canvasRenderer.ts"],"sourcesContent":["/**\n * The one renderer lifetime in core. Every on-screen surface holds its\n * `WeaselRenderer` through a `leaseCanvasRenderer` lease.\n *\n * A lease holds its own renderer, so several can share one element: each\n * tenant painting a `tile` of a shared buffer gets a renderer of its own on\n * the element's one context. Release frees only what that renderer created;\n * the context itself is never lost.\n */\nimport { WeaselRenderer, type FlattenTolerance, type ImageMinification, type RenderOptions } from '@weasel-js/renderer';\nimport { viewToMat3 } from '@weasel-js/geom';\nimport type { ShaderProgramHandle } from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { View } from '../core/viewport/view';\nimport { createEmitter } from '@weasel-js/registry';\nimport { CANVAS_CONTEXT_ATTRIBUTES } from './contextAttributes';\n\n/** The live renderers painting into each element, across every lease. */\nconst TENANTS: WeakMap<HTMLCanvasElement, Set<WeaselRenderer>> = new WeakMap();\n\n/** Canvases whose context the renderer refused, so a redraw does not rebuild\n *  and fail again, and the reason is reported once. */\nconst REFUSED: WeakSet<HTMLCanvasElement> = new WeakSet();\n\n/** A renderer painting into the canvas, if any lease holds one. Test seam. */\nexport function cachedCanvasRenderer(canvas: HTMLCanvasElement): WeaselRenderer | undefined {\n  const set = TENANTS.get(canvas);\n  return set ? set.values().next().value : undefined;\n}\n\n/** The size and density to paint a canvas at. `dpr` defaults to\n *  `window.devicePixelRatio`, read per paint. */\nexport interface CanvasPaintSize {\n  width: number;\n  height: number;\n  dpr?: number;\n}\n\n/** How one paint reaches the canvas, beyond its size. */\nexport interface CanvasPaintOptions {\n  /** Paint a `width × height` tile of a buffer other surfaces share, at this\n   *  origin in CSS pixels. The buffer is then the caller's to size: the\n   *  renderer never resizes the element, which would have every co-tenant\n   *  resize it to its own pane. Omit to own the whole element. */\n  tile?: { x: number; y: number } | null;\n  /** `WeaselRendererOptions.flattenTolerance`, applied from this paint on. */\n  flattenTolerance?: FlattenTolerance;\n  /** `WeaselRendererOptions.retainBudget`, applied from this paint on. */\n  retainBudget?: number;\n  /** `WeaselRendererOptions.imageMinification`, applied from this paint on. */\n  imageMinification?: ImageMinification;\n  /** Custom programs to compile on the renderer. Compiled when the renderer\n   *  is created, and again when the set of ids changes. */\n  shaders?: readonly ShaderProgramHandle[];\n}\n\n/** A paint's options, plus what `paint` hands `WeaselRenderer.render`. */\nexport interface CanvasRenderOptions extends CanvasPaintOptions {\n  render?: RenderOptions;\n}\n\n/** A canvas renderer held for a surface's lifetime. */\nexport interface CanvasRendererLease {\n  /** Draw `commands` into `canvas` — screen-space, one unit per CSS pixel,\n   *  with `view` passed on as the frame's world→screen transform. `bind`,\n   *  then render. Returns `false` without painting where `bind` finds no\n   *  renderer. */\n  paint(\n    canvas: HTMLCanvasElement,\n    commands: DrawCommand[],\n    view: View,\n    size: CanvasPaintSize,\n    options?: CanvasRenderOptions,\n  ): boolean;\n  /** The renderer that paints `canvas` at `size`, ready to render: created on\n   *  first use, resized, and given this paint's tile, tolerance, retain\n   *  budget, and shaders.\n   *  Frees the previous renderer first if the surface moved to another\n   *  element, or between owning it whole and painting a tile of it. `null`\n   *  where no WebGL2 context is available (jsdom, a failed context creation,\n   *  or a context that is lost for now). */\n  bind(canvas: HTMLCanvasElement, size: CanvasPaintSize, options?: CanvasPaintOptions): WeaselRenderer | null;\n  /** Run `fn` when the canvas gets a lost context back, after the renderer\n   *  has rebuilt itself on it. Nothing repaints a restored buffer on its own.\n   *  Returns an unsubscribe. */\n  subscribeRestored(fn: () => void): () => void;\n  /** Free the held renderer and every GL object it owns. A later `paint`\n   *  creates a fresh one. */\n  release(): void;\n}\n\ninterface Held {\n  canvas: HTMLCanvasElement;\n  renderer: WeaselRenderer;\n  shared: boolean;\n  lost: boolean;\n  onLost: () => void;\n  onRestored: () => void;\n  width: number;\n  height: number;\n  dpr: number;\n  tileX: number | null;\n  tileY: number | null;\n  flattenTolerance: FlattenTolerance | undefined;\n  retainBudget: number | undefined;\n  imageMinification: ImageMinification | undefined;\n  shaderKey: string;\n}\n\n/** Identifies a set of custom programs by their ids, in order. */\nexport const shaderKeyOf = (shaders: readonly ShaderProgramHandle[] | undefined): string =>\n  shaders?.map((h) => h.id).join('|') ?? '';\n\nfunction registerShaders(renderer: WeaselRenderer, shaders: readonly ShaderProgramHandle[] | undefined): void {\n  if (!shaders) return;\n  for (const handle of shaders) {\n    try {\n      renderer.registerProgram(handle);\n    } catch (e) {\n      console.warn(`weasel: failed to register shader \"${handle.id}\":`, e);\n    }\n  }\n}\n\nfunction free(held: Held): void {\n  const set = TENANTS.get(held.canvas);\n  set?.delete(held.renderer);\n  held.canvas.removeEventListener('webglcontextlost', held.onLost);\n  held.canvas.removeEventListener('webglcontextrestored', held.onRestored);\n  if (set && set.size === 0) TENANTS.delete(held.canvas);\n  held.renderer.dispose();\n}\n\n/** Hold the renderer of the canvas a surface paints into, until released. */\nexport function leaseCanvasRenderer(): CanvasRendererLease {\n  let held: Held | null = null;\n  const restored = createEmitter();\n  const bind = (canvas: HTMLCanvasElement, size: CanvasPaintSize, options: CanvasPaintOptions = {}): WeaselRenderer | null => {\n    const { width, height } = size;\n    const dpr = size.dpr ?? (typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1);\n    const tile = options.tile ?? null;\n    const shared = tile !== null;\n\n    if (held && (held.canvas !== canvas || held.shared !== shared)) {\n      free(held);\n      held = null;\n    }\n    if (!held) {\n      if (REFUSED.has(canvas)) return null;\n      const gl = canvas.getContext('webgl2', CANVAS_CONTEXT_ATTRIBUTES);\n      if (!gl || typeof (gl as Partial<WebGL2RenderingContext>).enable !== 'function') return null;\n      let renderer: WeaselRenderer;\n      try {\n        renderer = new WeaselRenderer({\n          gl: gl as WebGL2RenderingContext,\n          ...(shared ? {} : { canvas }),\n          width, height, dpr,\n          flattenTolerance: options.flattenTolerance,\n          retainBudget: options.retainBudget,\n          imageMinification: options.imageMinification,\n        });\n      } catch (e) {\n        // A lost context fails to compile and may yet come back; anything\n        // else fails the same way next time.\n        if (!(gl as Partial<WebGL2RenderingContext>).isContextLost?.()) {\n          REFUSED.add(canvas);\n          console.warn('weasel: this canvas cannot be painted:', e);\n        }\n        return null;\n      }\n      // Added after the renderer's own listeners, so a subscriber runs against\n      // a renderer that has already recompiled.\n      const mine: Held = held = {\n        canvas, renderer, shared, width, height, dpr, tileX: null, tileY: null,\n        flattenTolerance: options.flattenTolerance, retainBudget: options.retainBudget,\n        imageMinification: options.imageMinification, shaderKey: '',\n        lost: false,\n        onLost: () => { mine.lost = true; },\n        onRestored: () => {\n          mine.lost = false;\n          restored.emit();\n        },\n      };\n      canvas.addEventListener('webglcontextlost', held.onLost);\n      canvas.addEventListener('webglcontextrestored', held.onRestored);\n      let set = TENANTS.get(canvas);\n      if (!set) { set = new Set(); TENANTS.set(canvas, set); }\n      set.add(renderer);\n    } else {\n      // React writes the element's `width` and `height` attributes in CSS\n      // pixels on every size change, so a size that went away and came back\n      // matches the record while the buffer does not.\n      const stale = !shared\n        && (canvas.width !== Math.round(width * dpr) || canvas.height !== Math.round(height * dpr));\n      if (stale || held.width !== width || held.height !== height || held.dpr !== dpr) {\n        held.renderer.resize({ width, height, dpr });\n        held.width = width;\n        held.height = height;\n        held.dpr = dpr;\n      }\n      if (held.flattenTolerance !== options.flattenTolerance) {\n        held.renderer.setFlattenTolerance(options.flattenTolerance);\n        held.flattenTolerance = options.flattenTolerance;\n      }\n      if (held.retainBudget !== options.retainBudget) {\n        held.renderer.setRetainBudget(options.retainBudget);\n        held.retainBudget = options.retainBudget;\n      }\n      if (held.imageMinification !== options.imageMinification) {\n        held.renderer.setImageMinification(options.imageMinification);\n        held.imageMinification = options.imageMinification;\n      }\n    }\n\n    if (held.lost) return null;\n    const { renderer } = held;\n    const shaderKey = shaderKeyOf(options.shaders);\n    if (shaderKey !== held.shaderKey) {\n      registerShaders(renderer, options.shaders);\n      held.shaderKey = shaderKey;\n    }\n    const tileX = tile?.x ?? null;\n    const tileY = tile?.y ?? null;\n    if (tileX !== held.tileX || tileY !== held.tileY) {\n      renderer.setTarget(tile ? { origin: { x: tile.x, y: tile.y } } : null);\n      held.tileX = tileX;\n      held.tileY = tileY;\n    }\n    return renderer;\n  };\n  return {\n    bind,\n    paint(canvas, commands, view, size, options) {\n      const renderer = bind(canvas, size, options);\n      if (!renderer) return false;\n      renderer.render(commands, viewToMat3(view), options?.render);\n      return true;\n    },\n    subscribeRestored: restored.subscribe,\n    release() {\n      if (held) free(held);\n      held = null;\n    },\n  };\n}\n\n/** Leases held on a canvas's behalf by `paintCanvas`, one per element. */\nconst CANVAS_LEASES: WeakMap<HTMLCanvasElement, CanvasRendererLease> = new WeakMap();\n\n/**\n * Paint `canvas` through a lease held for the element itself, for callers\n * with no component lifetime of their own. The renderer lives until\n * `releaseCanvasRenderer(canvas)`.\n */\nexport function paintCanvas(\n  canvas: HTMLCanvasElement,\n  commands: DrawCommand[],\n  view: View,\n  size: CanvasPaintSize,\n): boolean {\n  let lease = CANVAS_LEASES.get(canvas);\n  if (!lease) {\n    lease = leaseCanvasRenderer();\n    CANVAS_LEASES.set(canvas, lease);\n  }\n  return lease.paint(canvas, commands, view, size);\n}\n\n/** Free the renderer `paintCanvas` holds for the canvas, and every GL object\n *  it owns. The next paint creates a fresh one. Renderers a surface component\n *  holds are that component's to free, on unmount. */\nexport function releaseCanvasRenderer(canvas: HTMLCanvasElement): void {\n  const lease = CANVAS_LEASES.get(canvas);\n  if (!lease) return;\n  CANVAS_LEASES.delete(canvas);\n  lease.release();\n}\n"],"mappings":"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"}

package/dist/canvas/contextAttributes.js

@@ -0,0 +1,14 @@
+//#region src/canvas/contextAttributes.ts
+/**
+* What a canvas's WebGL2 context is opened with. A context keeps the attributes of whoever opened it
+* first, and the renderer refuses one without a stencil buffer, so anything that may open a weasel
+* canvas before its first paint (a pixel reader in a test, a tenant sharing the buffer) asks for these.
+*/
+var CANVAS_CONTEXT_ATTRIBUTES = Object.freeze({
+	preserveDrawingBuffer: true,
+	stencil: true
+});
+
+//#endregion
+export { CANVAS_CONTEXT_ATTRIBUTES };
+//# sourceMappingURL=contextAttributes.js.map

package/dist/canvas/contextAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextAttributes.js","names":[],"sources":["../../src/canvas/contextAttributes.ts"],"sourcesContent":["/**\n * What a canvas's WebGL2 context is opened with. A context keeps the attributes of whoever opened it\n * first, and the renderer refuses one without a stencil buffer, so anything that may open a weasel\n * canvas before its first paint (a pixel reader in a test, a tenant sharing the buffer) asks for these.\n */\nexport const CANVAS_CONTEXT_ATTRIBUTES: Readonly<WebGLContextAttributes> = Object.freeze({\n  preserveDrawingBuffer: true,\n  stencil: true,\n});\n"],"mappings":";;;;;;AAKA,IAAa,4BAA8D,OAAO,OAAO;CACvF,uBAAuB;CACvB,SAAS;AACX,CAAC"}

package/dist/canvas/defaultDrawOne.js

@@ -1,6 +1,7 @@
 import { findNodeShape, findShapeBounds } from "./NodeShape.js";
 import { overChildren } from "./overChildren.js";
 import { textCommandFromRuns } from "@weasel-js/renderer";
+import { INHERIT } from "@weasel-js/paint";
 
 //#region src/canvas/defaultDrawOne.ts
 function pixelScaleOf(view) {
@@ -53,6 +54,7 @@ function defaultDrawOne(node, pose, view, ctx) {
 function defaultPaintBounds(node, pose, view) {
 	const data = node.data;
 	if (data?.label && data.text == null) return null;
+	if (data?.stroke === INHERIT) return null;
 	const sx = Math.abs(view.scale.x), sy = Math.abs(view.scale.y);
 	return findShapeBounds(node, pose, {
 		scale: Math.sqrt(sx * sy),

package/dist/canvas/defaultDrawOne.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultDrawOne.js","names":[],"sources":["../../src/canvas/defaultDrawOne.ts"],"sourcesContent":["/**\n * The kit's default per-node draw function, kept apart from `SceneCanvas.tsx` so non-React\n * callers (headless rasterization via `renderSceneToPixels`) can use it without importing the\n * React component tree.\n *\n * To teach the kit about a new kind of shape, register a painter (`registerNodeShape`) — do not\n * override `drawOne`. Override `drawOne` only for cross-cutting decoration.\n */\nimport type { Node } from 'core/scene/types';\nimport type { View } from 'core/viewport/view';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { textCommandFromRuns } from '@weasel-js/renderer';\nimport { findNodeShape, findShapeBounds, type NodePaintCtx } from './NodeShape';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { overChildren } from './overChildren';\n\nfunction pixelScaleOf(view: View): number {\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  return Math.max(Math.abs(view.scale.x), Math.abs(view.scale.y)) * dpr;\n}\n\n// Shared across a frame's nodes, which all arrive with the same view.\nlet lastView: View | undefined;\nlet lastViewCtx: NodePaintCtx = {};\nfunction viewOnlyCtx(view: View): NodePaintCtx {\n  const pixelScale = pixelScaleOf(view);\n  if (view !== lastView || lastViewCtx.pixelScale !== pixelScale) {\n    lastView = view;\n    lastViewCtx = { pixelScale };\n  }\n  return lastViewCtx;\n}\n\n/** Paint one node the way the kit does by default: dispatch to the first\n *  registered node-shape painter that matches, then draw its `data.label` on\n *  top when it has one: on top of a container's children too. Consumers replace or wrap this via `drawOne`. */\nexport function defaultDrawOne<TData, TLayer extends string, TPose>(\n  node: Node<TData, TLayer, TPose>,\n  pose: TPose,\n  view?: View,\n  ctx?: NodePaintCtx,\n): DrawCommand[] {\n  const painter = findNodeShape(node);\n  const paintCtx = !view || ctx?.pixelScale !== undefined\n    ? ctx\n    : ctx ? { ...ctx, pixelScale: pixelScaleOf(view) } : viewOnlyCtx(view);\n  const primary = painter ? painter.paint(node, pose, paintCtx) : [];\n\n  // Label overlay — skipped for text nodes (their content is the label).\n  const data = node.data as { label?: string; text?: string } | null;\n  if (data?.label && data.text == null) {\n    const p = pose as unknown as { x: number; y: number };\n    // Copy rather than `push`. A painter's return value is not ours to grow:\n    // one that memoizes its command list — which is the point of caching\n    // `paint` — would gain another label command on every frame, forever.\n    const label = textCommandFromRuns(\n      p.x + 6,\n      p.y + 14,\n      [{ text: data.label, fill: { paint: { kind: 'solid', color: 'rgba(0,0,0,0.7)' } } }],\n      { fontFamily: 'sans-serif', fontSize: 11 },\n    );\n    // A container's children would cover a label drawn with the container.\n    return [...primary, node.kind === 'container' ? overChildren([label]) : label];\n  }\n\n  // Rotation and per-node alpha are applied OUTSIDE this function, by `wrapNodeOutput` in\n  // the scene walks and the preview-ghost layer, so that consumer-supplied painters get\n  // them too.\n  return primary;\n}\n\n/**\n * The box {@link defaultDrawOne}'s output for `node` fits in — the matched\n * painter's `bounds` — or `null` when it has none, or when a `data.label`\n * overlay adds text nothing bounds cheaply. The scene slot's `cull` reads it\n * to skip painting nodes the view cannot see.\n */\nexport function defaultPaintBounds<TData, TLayer extends string, TPose>(\n  node: Node<TData, TLayer, TPose>,\n  pose: TPose,\n  view: View,\n): Bounds | null {\n  const data = node.data as { label?: string; text?: string } | null;\n  if (data?.label && data.text == null) return null;\n  const sx = Math.abs(view.scale.x), sy = Math.abs(view.scale.y);\n  return findShapeBounds(node, pose, { scale: Math.sqrt(sx * sy), leastScale: Math.min(sx, sy) });\n}\n\n/**\n * `defaultPaintBounds` when `drawOne` is `defaultDrawOne`, and nothing\n * otherwise: a painter's box says nothing about what a replacement\n * `drawOne` paints.\n */\nexport function paintBoundsFor<TData, TLayer extends string, TPose>(\n  drawOne: unknown,\n): typeof defaultPaintBounds<TData, TLayer, TPose> | undefined {\n  return drawOne === defaultDrawOne ? defaultPaintBounds : undefined;\n}\n"],"mappings":";;;;;AAgBA,SAAS,aAAa,MAAoB;CACxC,MAAM,MAAO,OAAO,WAAW,eAAe,OAAO,oBAAqB;CAC1E,OAAO,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,CAAC,GAAG,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC,IAAI;AACpE;AAGA,IAAI;AACJ,IAAI,cAA4B,CAAC;AACjC,SAAS,YAAY,MAA0B;CAC7C,MAAM,aAAa,aAAa,IAAI;CACpC,IAAI,SAAS,YAAY,YAAY,eAAe,YAAY;EAC9D,WAAW;EACX,cAAc,EAAE,WAAW;CAC7B;CACA,OAAO;AACT;;;;AAKA,SAAgB,eACd,MACA,MACA,MACA,KACe;CACf,MAAM,UAAU,cAAc,IAAI;CAClC,MAAM,WAAW,CAAC,QAAQ,KAAK,eAAe,SAC1C,MACA,MAAM;EAAE,GAAG;EAAK,YAAY,aAAa,IAAI;CAAE,IAAI,YAAY,IAAI;CACvE,MAAM,UAAU,UAAU,QAAQ,MAAM,MAAM,MAAM,QAAQ,IAAI,CAAC;CAGjE,MAAM,OAAO,KAAK;CAClB,IAAI,MAAM,SAAS,KAAK,QAAQ,MAAM;EACpC,MAAM,IAAI;EAIV,MAAM,QAAQ,oBACZ,EAAE,IAAI,GACN,EAAE,IAAI,IACN,CAAC;GAAE,MAAM,KAAK;GAAO,MAAM,EAAE,OAAO;IAAE,MAAM;IAAS,OAAO;GAAkB,EAAE;EAAE,CAAC,GACnF;GAAE,YAAY;GAAc,UAAU;EAAG,CAC3C;EAEA,OAAO,CAAC,GAAG,SAAS,KAAK,SAAS,cAAc,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK;CAC/E;CAKA,OAAO;AACT;;;;;;;AAQA,SAAgB,mBACd,MACA,MACA,MACe;CACf,MAAM,OAAO,KAAK;CAClB,IAAI,MAAM,SAAS,KAAK,QAAQ,MAAM,OAAO;CAC7C,MAAM,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;CAC7D,OAAO,gBAAgB,MAAM,MAAM;EAAE,OAAO,KAAK,KAAK,KAAK,EAAE;EAAG,YAAY,KAAK,IAAI,IAAI,EAAE;CAAE,CAAC;AAChG;;;;;;AAOA,SAAgB,eACd,SAC6D;CAC7D,OAAO,YAAY,iBAAiB,qBAAqB;AAC3D"}
+{"version":3,"file":"defaultDrawOne.js","names":[],"sources":["../../src/canvas/defaultDrawOne.ts"],"sourcesContent":["/**\n * The kit's default per-node draw function, kept apart from `SceneCanvas.tsx` so non-React\n * callers (headless rasterization via `renderSceneToPixels`) can use it without importing the\n * React component tree.\n *\n * To teach the kit about a new kind of shape, register a painter (`registerNodeShape`) — do not\n * override `drawOne`. Override `drawOne` only for cross-cutting decoration.\n */\nimport type { Node } from 'core/scene/types';\nimport type { View } from 'core/viewport/view';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { textCommandFromRuns } from '@weasel-js/renderer';\nimport { findNodeShape, findShapeBounds, type NodePaintCtx } from './NodeShape';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { overChildren } from './overChildren';\nimport { INHERIT } from '@weasel-js/paint';\n\nfunction pixelScaleOf(view: View): number {\n  const dpr = (typeof window !== 'undefined' && window.devicePixelRatio) || 1;\n  return Math.max(Math.abs(view.scale.x), Math.abs(view.scale.y)) * dpr;\n}\n\n// Shared across a frame's nodes, which all arrive with the same view.\nlet lastView: View | undefined;\nlet lastViewCtx: NodePaintCtx = {};\nfunction viewOnlyCtx(view: View): NodePaintCtx {\n  const pixelScale = pixelScaleOf(view);\n  if (view !== lastView || lastViewCtx.pixelScale !== pixelScale) {\n    lastView = view;\n    lastViewCtx = { pixelScale };\n  }\n  return lastViewCtx;\n}\n\n/** Paint one node the way the kit does by default: dispatch to the first\n *  registered node-shape painter that matches, then draw its `data.label` on\n *  top when it has one: on top of a container's children too. Consumers replace or wrap this via `drawOne`. */\nexport function defaultDrawOne<TData, TLayer extends string, TPose>(\n  node: Node<TData, TLayer, TPose>,\n  pose: TPose,\n  view?: View,\n  ctx?: NodePaintCtx,\n): DrawCommand[] {\n  const painter = findNodeShape(node);\n  const paintCtx = !view || ctx?.pixelScale !== undefined\n    ? ctx\n    : ctx ? { ...ctx, pixelScale: pixelScaleOf(view) } : viewOnlyCtx(view);\n  const primary = painter ? painter.paint(node, pose, paintCtx) : [];\n\n  // Label overlay — skipped for text nodes (their content is the label).\n  const data = node.data as { label?: string; text?: string } | null;\n  if (data?.label && data.text == null) {\n    const p = pose as unknown as { x: number; y: number };\n    // Copy rather than `push`. A painter's return value is not ours to grow:\n    // one that memoizes its command list — which is the point of caching\n    // `paint` — would gain another label command on every frame, forever.\n    const label = textCommandFromRuns(\n      p.x + 6,\n      p.y + 14,\n      [{ text: data.label, fill: { paint: { kind: 'solid', color: 'rgba(0,0,0,0.7)' } } }],\n      { fontFamily: 'sans-serif', fontSize: 11 },\n    );\n    // A container's children would cover a label drawn with the container.\n    return [...primary, node.kind === 'container' ? overChildren([label]) : label];\n  }\n\n  // Rotation and per-node alpha are applied OUTSIDE this function, by `wrapNodeOutput` in\n  // the scene walks and the preview-ghost layer, so that consumer-supplied painters get\n  // them too.\n  return primary;\n}\n\n/**\n * The box {@link defaultDrawOne}'s output for `node` fits in — the matched\n * painter's `bounds` — or `null` when it has none, or when a `data.label`\n * overlay adds text nothing bounds cheaply. The scene slot's `cull` reads it\n * to skip painting nodes the view cannot see.\n */\nexport function defaultPaintBounds<TData, TLayer extends string, TPose>(\n  node: Node<TData, TLayer, TPose>,\n  pose: TPose,\n  view: View,\n): Bounds | null {\n  const data = node.data as { label?: string; text?: string; stroke?: unknown } | null;\n  if (data?.label && data.text == null) return null;\n  // No scene here to say what an inherited stroke reaches.\n  if (data?.stroke === INHERIT) return null;\n  const sx = Math.abs(view.scale.x), sy = Math.abs(view.scale.y);\n  return findShapeBounds(node, pose, { scale: Math.sqrt(sx * sy), leastScale: Math.min(sx, sy) });\n}\n\n/**\n * `defaultPaintBounds` when `drawOne` is `defaultDrawOne`, and nothing\n * otherwise: a painter's box says nothing about what a replacement\n * `drawOne` paints.\n */\nexport function paintBoundsFor<TData, TLayer extends string, TPose>(\n  drawOne: unknown,\n): typeof defaultPaintBounds<TData, TLayer, TPose> | undefined {\n  return drawOne === defaultDrawOne ? defaultPaintBounds : undefined;\n}\n"],"mappings":";;;;;;AAiBA,SAAS,aAAa,MAAoB;CACxC,MAAM,MAAO,OAAO,WAAW,eAAe,OAAO,oBAAqB;CAC1E,OAAO,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,CAAC,GAAG,KAAK,IAAI,KAAK,MAAM,CAAC,CAAC,IAAI;AACpE;AAGA,IAAI;AACJ,IAAI,cAA4B,CAAC;AACjC,SAAS,YAAY,MAA0B;CAC7C,MAAM,aAAa,aAAa,IAAI;CACpC,IAAI,SAAS,YAAY,YAAY,eAAe,YAAY;EAC9D,WAAW;EACX,cAAc,EAAE,WAAW;CAC7B;CACA,OAAO;AACT;;;;AAKA,SAAgB,eACd,MACA,MACA,MACA,KACe;CACf,MAAM,UAAU,cAAc,IAAI;CAClC,MAAM,WAAW,CAAC,QAAQ,KAAK,eAAe,SAC1C,MACA,MAAM;EAAE,GAAG;EAAK,YAAY,aAAa,IAAI;CAAE,IAAI,YAAY,IAAI;CACvE,MAAM,UAAU,UAAU,QAAQ,MAAM,MAAM,MAAM,QAAQ,IAAI,CAAC;CAGjE,MAAM,OAAO,KAAK;CAClB,IAAI,MAAM,SAAS,KAAK,QAAQ,MAAM;EACpC,MAAM,IAAI;EAIV,MAAM,QAAQ,oBACZ,EAAE,IAAI,GACN,EAAE,IAAI,IACN,CAAC;GAAE,MAAM,KAAK;GAAO,MAAM,EAAE,OAAO;IAAE,MAAM;IAAS,OAAO;GAAkB,EAAE;EAAE,CAAC,GACnF;GAAE,YAAY;GAAc,UAAU;EAAG,CAC3C;EAEA,OAAO,CAAC,GAAG,SAAS,KAAK,SAAS,cAAc,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK;CAC/E;CAKA,OAAO;AACT;;;;;;;AAQA,SAAgB,mBACd,MACA,MACA,MACe;CACf,MAAM,OAAO,KAAK;CAClB,IAAI,MAAM,SAAS,KAAK,QAAQ,MAAM,OAAO;CAE7C,IAAI,MAAM,WAAW,SAAS,OAAO;CACrC,MAAM,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;CAC7D,OAAO,gBAAgB,MAAM,MAAM;EAAE,OAAO,KAAK,KAAK,KAAK,EAAE;EAAG,YAAY,KAAK,IAAI,IAAI,EAAE;CAAE,CAAC;AAChG;;;;;;AAOA,SAAgB,eACd,SAC6D;CAC7D,OAAO,YAAY,iBAAiB,qBAAqB;AAC3D"}

package/dist/canvas/deps/booleans.js

@@ -1,5 +1,6 @@
 import { poseDescriptorForNode } from "../../core/geometry/poseDescriptor.js";
 import { AUTO_POSE_DESCRIPTOR } from "../../core/geometry/autoPoseDescriptor.js";
+import { sceneInheritedPaintOf } from "../inheritedPaints.js";
 import { pathPaintOf } from "../nodeShapes/nodePaint.js";
 import { asNodeId } from "../../core/scene/types.js";
 import { sceneMutators } from "../../core/scene/sceneMutators.js";
@@ -60,7 +61,7 @@ function useBooleansAdapterSource(scene, selection, adapter, poseDescriptor) {
 			},
 			getPaint: (id) => {
 				const leaf = leafOf(id);
-				return leaf ? pathPaintOf(leaf.node.data) : void 0;
+				return leaf ? pathPaintOf(leaf.node.data, sceneInheritedPaintOf(sceneRef.current)(leaf.node)) : void 0;
 			},
 			compareZ: (a, b) => {
 				const order = [...sceneRef.current.renderOrder()];

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

@@ -1 +1 @@
-{"version":3,"file":"booleans.js","names":[],"sources":["../../../src/canvas/deps/booleans.ts"],"sourcesContent":["/**\n * The kit `booleansAdapter` dep: what the Pathfinder actions, and any tool\n * reading the dep, work on over a canvas's own path leaves.\n *\n * `<SceneCanvas>` publishes it over its own scene. A consumer replaces it with\n * `useBooleansAdapter` from under the canvas — for text operands, say, which\n * this one does not read; the newest registration wins, and a canvas child\n * registers after the canvas's own.\n */\nimport { useMemo } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport { pathInWorld } from '@weasel-js/geom';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { poseDescriptorForNode, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport { sceneMutators } from 'core/scene/sceneMutators';\nimport { asNodeId, type Scene } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport { scenePoseFrame } from 'interactions/actions/poseFrame';\nimport type { BooleansAdapter } from 'interactions/actions/booleans/booleans';\nimport { pathPaintOf, type PathPaint } from '../nodeShapes/nodePaint';\nimport { drawnPose, leafPath, storePiece } from './pathLeaf';\nimport type { OpsApplier } from './slice';\n\n/**\n * Publish a `booleansAdapter` over `scene`'s path leaves (`data.path` drawn\n * through the pose's box). A result is minted from the source it stands in\n * for: its layer, parent, frame, and data, with the result's path, and the\n * result's paint in place of the source's when the operation gives one.\n */\nexport function useBooleansAdapterSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  poseDescriptor?: PoseDescriptor<unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n  const descriptorRef = useLatest(poseDescriptor);\n\n  const booleans = useMemo<BooleansAdapter>(() => {\n    const leafOf = (id: string) => {\n      const sc = sceneRef.current;\n      const node = sc.get(asNodeId(id));\n      const path = node ? leafPath(sc, node) : null;\n      if (!node || !path) return null;\n      const frame = scenePoseFrame(sc);\n      const g = poseDescriptorForNode(descriptorRef.current ?? AUTO_POSE_DESCRIPTOR, node);\n      const drawn = drawnPose(g, frame.world(node.id));\n      return drawn ? { node, path, drawn, frame } : null;\n    };\n    const tree = () => sceneMutators(sceneRef.current);\n    return {\n      getNode: (id) => tree().getNode(id),\n      getParent: (id) => tree().getParent(id),\n      getChildren: (parentId) => tree().getChildren(parentId),\n      setChildOrder: (parentId, ids) => tree().setChildOrder(parentId, ids),\n      getSelection: () => selectionRef.current.get(),\n      getWorldPath: (id) => {\n        const leaf = leafOf(id);\n        return leaf ? pathInWorld(leaf.path, leaf.drawn.box) : undefined;\n      },\n      getPaint: (id) => {\n        const leaf = leafOf(id);\n        return leaf ? pathPaintOf(leaf.node.data as Parameters<typeof pathPaintOf>[0]) : undefined;\n      },\n      compareZ: (a, b) => {\n        const order = [...sceneRef.current.renderOrder()];\n        return order.indexOf(asNodeId(a)) - order.indexOf(asNodeId(b));\n      },\n      createPathNode: (path, _op, sourceId, paint?: PathPaint) => {\n        const leaf = leafOf(sourceId);\n        if (!leaf) throw new Error(`[booleansAdapter] no path leaf behind source ${sourceId}`);\n        const stored = storePiece(leaf.drawn, path);\n        const { fill: _fill, stroke: _stroke, ...rest } = (leaf.node.data ?? {}) as Record<string, unknown>;\n        const data = paint ? { ...rest, ...paint, path: stored.path } : { ...(leaf.node.data as object), path: stored.path };\n        return {\n          id: sceneRef.current.mintId(),\n          kind: 'leaf',\n          layer: leaf.node.layer,\n          parent: leaf.node.parent ?? null,\n          pose: leaf.frame.local(sourceId, stored.pose),\n          data,\n        };\n      },\n      applyOps: (ops, label) => adapterRef.current.applyOps(ops, label),\n    };\n  }, [sceneRef, selectionRef, adapterRef, descriptorRef]);\n\n  useDepSource('booleansAdapter', () => booleans);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,yBACd,OACA,WACA,SACA,gBACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,gBAAgB,UAAU,cAAc;CAE9C,MAAM,WAAW,cAA+B;EAC9C,MAAM,UAAU,OAAe;GAC7B,MAAM,KAAK,SAAS;GACpB,MAAM,OAAO,GAAG,IAAI,SAAS,EAAE,CAAC;GAChC,MAAM,OAAO,OAAO,SAAS,IAAI,IAAI,IAAI;GACzC,IAAI,CAAC,QAAQ,CAAC,MAAM,OAAO;GAC3B,MAAM,QAAQ,eAAe,EAAE;GAC/B,MAAM,IAAI,sBAAsB,cAAc,WAAW,sBAAsB,IAAI;GACnF,MAAM,QAAQ,UAAU,GAAG,MAAM,MAAM,KAAK,EAAE,CAAC;GAC/C,OAAO,QAAQ;IAAE;IAAM;IAAM;IAAO;GAAM,IAAI;EAChD;EACA,MAAM,aAAa,cAAc,SAAS,OAAO;EACjD,OAAO;GACL,UAAU,OAAO,KAAK,CAAC,CAAC,QAAQ,EAAE;GAClC,YAAY,OAAO,KAAK,CAAC,CAAC,UAAU,EAAE;GACtC,cAAc,aAAa,KAAK,CAAC,CAAC,YAAY,QAAQ;GACtD,gBAAgB,UAAU,QAAQ,KAAK,CAAC,CAAC,cAAc,UAAU,GAAG;GACpE,oBAAoB,aAAa,QAAQ,IAAI;GAC7C,eAAe,OAAO;IACpB,MAAM,OAAO,OAAO,EAAE;IACtB,OAAO,OAAO,YAAY,KAAK,MAAM,KAAK,MAAM,GAAG,IAAI;GACzD;GACA,WAAW,OAAO;IAChB,MAAM,OAAO,OAAO,EAAE;IACtB,OAAO,OAAO,YAAY,KAAK,KAAK,IAAyC,IAAI;GACnF;GACA,WAAW,GAAG,MAAM;IAClB,MAAM,QAAQ,CAAC,GAAG,SAAS,QAAQ,YAAY,CAAC;IAChD,OAAO,MAAM,QAAQ,SAAS,CAAC,CAAC,IAAI,MAAM,QAAQ,SAAS,CAAC,CAAC;GAC/D;GACA,iBAAiB,MAAM,KAAK,UAAU,UAAsB;IAC1D,MAAM,OAAO,OAAO,QAAQ;IAC5B,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,gDAAgD,UAAU;IACrF,MAAM,SAAS,WAAW,KAAK,OAAO,IAAI;IAC1C,MAAM,EAAE,MAAM,OAAO,QAAQ,SAAS,GAAG,SAAU,KAAK,KAAK,QAAQ,CAAC;IACtE,MAAM,OAAO,QAAQ;KAAE,GAAG;KAAM,GAAG;KAAO,MAAM,OAAO;IAAK,IAAI;KAAE,GAAI,KAAK,KAAK;KAAiB,MAAM,OAAO;IAAK;IACnH,OAAO;KACL,IAAI,SAAS,QAAQ,OAAO;KAC5B,MAAM;KACN,OAAO,KAAK,KAAK;KACjB,QAAQ,KAAK,KAAK,UAAU;KAC5B,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,IAAI;KAC5C;IACF;GACF;GACA,WAAW,KAAK,UAAU,WAAW,QAAQ,SAAS,KAAK,KAAK;EAClE;CACF,GAAG;EAAC;EAAU;EAAc;EAAY;CAAa,CAAC;CAEtD,aAAa,yBAAyB,QAAQ;AAChD"}
+{"version":3,"file":"booleans.js","names":[],"sources":["../../../src/canvas/deps/booleans.ts"],"sourcesContent":["/**\n * The kit `booleansAdapter` dep: what the Pathfinder actions, and any tool\n * reading the dep, work on over a canvas's own path leaves.\n *\n * `<SceneCanvas>` publishes it over its own scene. A consumer replaces it with\n * `useBooleansAdapter` from under the canvas — for text operands, say, which\n * this one does not read; the newest registration wins, and a canvas child\n * registers after the canvas's own.\n */\nimport { sceneInheritedPaintOf } from 'canvas/inheritedPaints';\nimport { useMemo } from 'react';\nimport { useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport { pathInWorld } from '@weasel-js/geom';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { poseDescriptorForNode, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport { sceneMutators } from 'core/scene/sceneMutators';\nimport { asNodeId, type Scene } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport { scenePoseFrame } from 'interactions/actions/poseFrame';\nimport type { BooleansAdapter } from 'interactions/actions/booleans/booleans';\nimport { pathPaintOf, type PathPaint } from '../nodeShapes/nodePaint';\nimport { drawnPose, leafPath, storePiece } from './pathLeaf';\nimport type { OpsApplier } from './slice';\n\n/**\n * Publish a `booleansAdapter` over `scene`'s path leaves (`data.path` drawn\n * through the pose's box). A result is minted from the source it stands in\n * for: its layer, parent, frame, and data, with the result's path, and the\n * result's paint in place of the source's when the operation gives one.\n */\nexport function useBooleansAdapterSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  poseDescriptor?: PoseDescriptor<unknown>,\n): void {\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n  const descriptorRef = useLatest(poseDescriptor);\n\n  const booleans = useMemo<BooleansAdapter>(() => {\n    const leafOf = (id: string) => {\n      const sc = sceneRef.current;\n      const node = sc.get(asNodeId(id));\n      const path = node ? leafPath(sc, node) : null;\n      if (!node || !path) return null;\n      const frame = scenePoseFrame(sc);\n      const g = poseDescriptorForNode(descriptorRef.current ?? AUTO_POSE_DESCRIPTOR, node);\n      const drawn = drawnPose(g, frame.world(node.id));\n      return drawn ? { node, path, drawn, frame } : null;\n    };\n    const tree = () => sceneMutators(sceneRef.current);\n    return {\n      getNode: (id) => tree().getNode(id),\n      getParent: (id) => tree().getParent(id),\n      getChildren: (parentId) => tree().getChildren(parentId),\n      setChildOrder: (parentId, ids) => tree().setChildOrder(parentId, ids),\n      getSelection: () => selectionRef.current.get(),\n      getWorldPath: (id) => {\n        const leaf = leafOf(id);\n        return leaf ? pathInWorld(leaf.path, leaf.drawn.box) : undefined;\n      },\n      getPaint: (id) => {\n        const leaf = leafOf(id);\n        return leaf\n          ? pathPaintOf(leaf.node.data as Parameters<typeof pathPaintOf>[0], sceneInheritedPaintOf(sceneRef.current)(leaf.node))\n          : undefined;\n      },\n      compareZ: (a, b) => {\n        const order = [...sceneRef.current.renderOrder()];\n        return order.indexOf(asNodeId(a)) - order.indexOf(asNodeId(b));\n      },\n      createPathNode: (path, _op, sourceId, paint?: PathPaint) => {\n        const leaf = leafOf(sourceId);\n        if (!leaf) throw new Error(`[booleansAdapter] no path leaf behind source ${sourceId}`);\n        const stored = storePiece(leaf.drawn, path);\n        const { fill: _fill, stroke: _stroke, ...rest } = (leaf.node.data ?? {}) as Record<string, unknown>;\n        const data = paint ? { ...rest, ...paint, path: stored.path } : { ...(leaf.node.data as object), path: stored.path };\n        return {\n          id: sceneRef.current.mintId(),\n          kind: 'leaf',\n          layer: leaf.node.layer,\n          parent: leaf.node.parent ?? null,\n          pose: leaf.frame.local(sourceId, stored.pose),\n          data,\n        };\n      },\n      applyOps: (ops, label) => adapterRef.current.applyOps(ops, label),\n    };\n  }, [sceneRef, selectionRef, adapterRef, descriptorRef]);\n\n  useDepSource('booleansAdapter', () => booleans);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,yBACd,OACA,WACA,SACA,gBACM;CACN,MAAM,WAAW,UAAU,KAAK;CAChC,MAAM,eAAe,UAAU,SAAS;CACxC,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,gBAAgB,UAAU,cAAc;CAE9C,MAAM,WAAW,cAA+B;EAC9C,MAAM,UAAU,OAAe;GAC7B,MAAM,KAAK,SAAS;GACpB,MAAM,OAAO,GAAG,IAAI,SAAS,EAAE,CAAC;GAChC,MAAM,OAAO,OAAO,SAAS,IAAI,IAAI,IAAI;GACzC,IAAI,CAAC,QAAQ,CAAC,MAAM,OAAO;GAC3B,MAAM,QAAQ,eAAe,EAAE;GAC/B,MAAM,IAAI,sBAAsB,cAAc,WAAW,sBAAsB,IAAI;GACnF,MAAM,QAAQ,UAAU,GAAG,MAAM,MAAM,KAAK,EAAE,CAAC;GAC/C,OAAO,QAAQ;IAAE;IAAM;IAAM;IAAO;GAAM,IAAI;EAChD;EACA,MAAM,aAAa,cAAc,SAAS,OAAO;EACjD,OAAO;GACL,UAAU,OAAO,KAAK,CAAC,CAAC,QAAQ,EAAE;GAClC,YAAY,OAAO,KAAK,CAAC,CAAC,UAAU,EAAE;GACtC,cAAc,aAAa,KAAK,CAAC,CAAC,YAAY,QAAQ;GACtD,gBAAgB,UAAU,QAAQ,KAAK,CAAC,CAAC,cAAc,UAAU,GAAG;GACpE,oBAAoB,aAAa,QAAQ,IAAI;GAC7C,eAAe,OAAO;IACpB,MAAM,OAAO,OAAO,EAAE;IACtB,OAAO,OAAO,YAAY,KAAK,MAAM,KAAK,MAAM,GAAG,IAAI;GACzD;GACA,WAAW,OAAO;IAChB,MAAM,OAAO,OAAO,EAAE;IACtB,OAAO,OACH,YAAY,KAAK,KAAK,MAA2C,sBAAsB,SAAS,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC,IACnH;GACN;GACA,WAAW,GAAG,MAAM;IAClB,MAAM,QAAQ,CAAC,GAAG,SAAS,QAAQ,YAAY,CAAC;IAChD,OAAO,MAAM,QAAQ,SAAS,CAAC,CAAC,IAAI,MAAM,QAAQ,SAAS,CAAC,CAAC;GAC/D;GACA,iBAAiB,MAAM,KAAK,UAAU,UAAsB;IAC1D,MAAM,OAAO,OAAO,QAAQ;IAC5B,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,gDAAgD,UAAU;IACrF,MAAM,SAAS,WAAW,KAAK,OAAO,IAAI;IAC1C,MAAM,EAAE,MAAM,OAAO,QAAQ,SAAS,GAAG,SAAU,KAAK,KAAK,QAAQ,CAAC;IACtE,MAAM,OAAO,QAAQ;KAAE,GAAG;KAAM,GAAG;KAAO,MAAM,OAAO;IAAK,IAAI;KAAE,GAAI,KAAK,KAAK;KAAiB,MAAM,OAAO;IAAK;IACnH,OAAO;KACL,IAAI,SAAS,QAAQ,OAAO;KAC5B,MAAM;KACN,OAAO,KAAK,KAAK;KACjB,QAAQ,KAAK,KAAK,UAAU;KAC5B,MAAM,KAAK,MAAM,MAAM,UAAU,OAAO,IAAI;KAC5C;IACF;GACF;GACA,WAAW,KAAK,UAAU,WAAW,QAAQ,SAAS,KAAK,KAAK;EAClE;CACF,GAAG;EAAC;EAAU;EAAc;EAAY;CAAa,CAAC;CAEtD,aAAa,yBAAyB,QAAQ;AAChD"}

package/dist/canvas/deps/editAnchors.js

@@ -1,16 +1,13 @@
-import { createTransformOp } from "../../core/ops/transform.js";
-import { createSetDataOp } from "../../core/ops/setData.js";
-import { createDeleteOp } from "../../core/ops/delete.js";
 import { locksOf } from "../../interactions/actions/edit-anchors/params.js";
 import { representationOf } from "../../features/paths/pathRepresentation.js";
-import { classifyPathStorage, pathEditPathOf, resolveEditablePathOf, storeEditablePath } from "../../features/paths/editablePath.js";
-import { withoutShapeGenerator } from "../../features/paths/shapeGenerator.js";
-import { withoutGeometryBoundData } from "../../features/paths/pathEditExtension.js";
+import { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from "../../features/paths/editablePath.js";
 import { anchorDataPatch } from "../../features/paths/anchorData.js";
+import { finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps } from "./pathEditCommits.js";
+import { useTransformFollower } from "./transformFollowers.js";
 import { createPathEditState, isSelectedNode } from "../../features/paths/pathEditState.js";
 import { useState } from "react";
 import { useLatest } from "@weasel-js/react";
-import { recordModeSwitch, resolveParams } from "@weasel-js/routing";
+import { resolveParams } from "@weasel-js/routing";
 import { useDepRegistry, useDepSource } from "@weasel-js/routing/react";
 
 //#region src/canvas/deps/editAnchors.ts
@@ -56,7 +53,7 @@ function useEditAnchorsDepSource(scene, selection, adapter, externalState, tune)
 			setEditingId(id) {
 				const next = id ?? "";
 				if (effectiveId !== next) {
-					recordModeSwitch("editAnchors.editingId", effectiveId || null, next || null, next ? "enter" : "exit");
+					registry.get("dispatchTrace")?.recordModeSwitch("editAnchors.editingId", effectiveId || null, next || null, next ? "enter" : "exit");
 					state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);
 					state.setSelectedMark(null);
 					state.setMarquee(null);
@@ -95,96 +92,21 @@ function useEditAnchorsDepSource(scene, selection, adapter, externalState, tune)
 			...pathAccess(sc, ad, state.getExtensions())
 		};
 	});
-}
-/** The scene as an extension's `finishEdit` reads it. */
-function finishCtx(sc, id, extensions) {
-	return {
-		id,
-		node(nid) {
-			const node = sc.get(nid);
-			return node ? {
-				pose: node.pose,
-				data: node.data,
-				dependsOn: node.dependsOn
-			} : null;
-		},
-		path(nid) {
-			return pathEditPathOf(sc.get(nid), extensions);
-		},
-		dependents(nid) {
-			if (!sc.get(nid)) return [];
-			return sc.removalClosure([nid]).filter((d) => d !== nid && !sc.ancestorsOf(d).includes(nid));
-		}
-	};
-}
-/** `worldPath` finished by each of `extensions` in turn, the data they set
-*  beside it, and the other nodes they change; null when one cannot finish it. */
-function finish(extensions, node, worldPath, origins, ctx) {
-	let path = worldPath;
-	let data = null;
-	const others = /* @__PURE__ */ new Map();
-	for (const ext of extensions) {
-		if (!ext.finishEdit) continue;
-		const done = ext.finishEdit(node, path, origins, ctx);
-		if (!done) return null;
-		path = done.path;
-		if (done.data) data = {
-			...data ?? {},
-			...done.data
-		};
-		for (const o of done.others ?? []) {
-			const had = others.get(o.id);
-			others.set(o.id, {
-				id: o.id,
-				path: o.path ?? had?.path,
-				data: o.data || had?.data ? {
-					...had?.data,
-					...o.data
-				} : void 0,
-				remove: o.remove || had?.remove
-			});
-		}
-	}
-	return {
-		path,
-		data,
-		others
-	};
-}
-/** The ops that commit the other nodes `done` changes. */
-function otherOps(sc, done, label, extensions) {
-	return [...done.others.values()].flatMap((o) => {
-		const node = sc.get(o.id);
-		if (!node) return [];
-		if (o.remove) return [createDeleteOp({
-			node: sc.get(o.id),
-			label
-		})];
-		if (o.path) return reshapeOps(o.id, node, o.path, label, o.data ?? null, extensions);
-		return o.data ? [createSetDataOp({
-			id: o.id,
-			from: node.data,
-			to: {
-				...node.data,
-				...o.data
-			},
-			label
-		})] : [];
-	});
+	useTransformFollower(() => pathEditFollower(sceneRef.current, stateRef.current.getExtensions()));
 }
 /** The members of the dep that read the scene and commit to it. */
 function pathAccess(sc, ad, extensions) {
 	const editOps = (id, worldPath, label, origins) => {
 		const node = sc.get(id);
 		if (!node) return [];
-		const done = finish(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
+		const done = finishEdit(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
 		if (!done) return [];
 		const before = origins && !representationOf(extensions, node.data) ? resolveEditablePathOf(node) : null;
 		const patch = {
 			...before && origins ? anchorDataPatch(node.data, before, done.path, origins) : {},
 			...done.data
 		};
-		return [...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions), ...otherOps(sc, done, label, extensions)];
+		return [...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions), ...otherOps(sc, done.others, label, extensions)];
 	};
 	return {
 		getEditablePath(id) {
@@ -217,7 +139,7 @@ function pathAccess(sc, ad, extensions) {
 				path: worldPath,
 				others: []
 			};
-			const done = finish(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
+			const done = finishEdit(extensions, node, worldPath, origins, finishCtx(sc, id, extensions));
 			if (!done) return null;
 			const others = [...done.others.values()].flatMap((o) => o.path && !o.remove ? [{
 				id: o.id,
@@ -235,32 +157,6 @@ function pathAccess(sc, ad, extensions) {
 		}
 	};
 }
-/** The ops that store `worldPath` where `node` keeps its polygon, with `patch` laid over its data. */
-function reshapeOps(id, node, worldPath, label, patch, extensions) {
-	const next = storeEditablePath(node, worldPath, extensions);
-	if (!next) return [];
-	const reshape = createTransformOp({
-		id,
-		from: node.pose,
-		to: next.pose,
-		label
-	});
-	const data = withoutGeometryBoundData(next.data === node.data ? node.data : withoutShapeGenerator(next.data), [
-		"skin",
-		"constraints",
-		"representation"
-	]);
-	if (data === node.data && !patch) return [reshape];
-	return [reshape, createSetDataOp({
-		id,
-		from: node.data,
-		to: {
-			...data,
-			...patch
-		},
-		label
-	})];
-}
 
 //#endregion
 export { resolveEditablePathOf, useEditAnchorsDepSource };

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

@@ -1 +1 @@
-{"version":3,"file":"editAnchors.js","names":[],"sources":["../../../src/canvas/deps/editAnchors.ts"],"sourcesContent":["/**\n * `useEditAnchorsDepSource` — wires the `editAnchors` dep.\n *\n * A node's editable polygon lives in one of two places: the pose itself\n * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.\n * `getEditablePath` returns it in **world coords** either way, and `applyEdit` commits in the\n * correct storage shape as one undoable batch, preserving the render invariant\n * `pathInWorld(stored, pose) === world`. What the node keeps per anchor — a `data.skin`, vertex\n * colors — is renumbered in that batch when the caller says where the points came from, and each path-edit extension finishes\n * the edit first (`PathEditExtension.finishEdit`). Live previews ride the standard\n * `OngoingHandle.previewIds/Pose/Data` triple — this dep doesn't own preview state.\n */\nimport { useState } from 'react';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { EditAnchorsDep } from 'interactions/actions/depSchema';\nimport { locksOf, type EditAnchorsParams } from 'interactions/actions/edit-anchors/params';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PointOrigin, PolygonPath } from '@weasel-js/geom';\nimport { anchorDataPatch } from 'features/paths/anchorData';\nimport { classifyPathStorage, pathEditPathOf, resolveEditablePathOf, storeEditablePath } from 'features/paths/editablePath';\nimport { representationOf } from 'features/paths/pathRepresentation';\nimport { withoutShapeGenerator } from 'features/paths/shapeGenerator';\nimport {\n  withoutGeometryBoundData, type PathEditExtension, type PathEditFinishCtx, type PathEditOther,\n} from 'features/paths/pathEditExtension';\nimport { createPathEditState, isSelectedNode, type PathEditState } from 'features/paths/pathEditState';\nimport { recordModeSwitch, resolveParams, type ActionTunings } from '@weasel-js/routing';\nimport type { Op } from 'core/ops/types';\nimport { createTransformOp } from 'core/ops/transform';\nimport { createSetDataOp } from 'core/ops/setData';\nimport { createDeleteOp } from 'core/ops/delete';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/** The part of a `PathEditState` the dep reads and writes. */\nexport type EditAnchorsStateRef = Omit<PathEditState, 'subscribe' | 'getEditingIds' | 'setExtensions'>;\n/** The same, with the change notice chrome reading the dep waits on. */\nexport type EditAnchorsStateSource = EditAnchorsStateRef & Partial<Pick<PathEditState, 'subscribe'>>;\n\nexport { resolveEditablePathOf };\n\nfunction tunedHandleLock(tune: ActionTunings | undefined): EditAnchorsParams['handleLock'] {\n  const params = resolveParams(tune?.editAnchors?.params as Parameters<typeof resolveParams>[0]);\n  return (params as EditAnchorsParams | undefined)?.handleLock;\n}\n\nconst EMPTY_ANCHOR_SELECTION: ReadonlySet<number> = new Set<number>();\n\n/**\n * Publish the `editAnchors` dep for `scene`: its path access and commits\n * through `adapter`, and the edit state of `externalState` (or one of its\n * own), with the extensions that state holds finishing every edit.\n */\nexport function useEditAnchorsDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  externalState?: EditAnchorsStateRef,\n  /** `<SceneCanvas tune>`: the handle locks start from its `editAnchors`\n   *  `handleLock` param until a toggle sets them. */\n  tune?: ActionTunings,\n): void {\n  const registry = useDepRegistry();\n  const tuneRef = useLatest(tune);\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n\n  // A caller that shares the state with nothing else gets one of its own.\n  const [ownState] = useState(() => createPathEditState({\n    isSelectedNode: (id) => isSelectedNode(sceneRef.current, selectionRef.current, id),\n  }));\n  const stateRef = useLatest(externalState ?? ownState);\n\n  useDepSource('editAnchors', (): EditAnchorsDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n    const state = stateRef.current;\n    const effectiveId = state.getEditingId();\n    // Anchor selection and the marquee belong to one specific edited node, so never\n    // hand them out alongside an empty id.\n    const selectedAnchors = effectiveId ? state.getSelectedAnchors() : EMPTY_ANCHOR_SELECTION;\n    const marquee = effectiveId ? state.getMarquee() : null;\n    const tool = effectiveId ? state.getTool() : null;\n    return {\n      editingId: effectiveId,\n      setEditingId(id: string | null) {\n        const next = id ?? '';\n        if (effectiveId !== next) {\n          recordModeSwitch(\n            'editAnchors.editingId',\n            effectiveId || null,\n            next || null,\n            next ? 'enter' : 'exit',\n          );\n          // Anchor indices only mean something relative to one path.\n          state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n          state.setSelectedMark(null);\n          state.setMarquee(null);\n        }\n        stateRef.current.setEditingId(id);\n      },\n      selectedAnchors,\n      setSelectedAnchors(next: Iterable<number>) {\n        if (!effectiveId) return;\n        const set = new Set(next);\n        if (set.size > 0) state.setSelectedMark(null);\n        state.setSelectedAnchors(set);\n      },\n      selectedMark: effectiveId ? state.getSelectedMark() : null,\n      setSelectedMark(mark) {\n        if (!effectiveId) return;\n        if (mark !== null) state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n        state.setSelectedMark(mark);\n      },\n      extensions: state.getExtensions(),\n      marquee,\n      setMarquee(rect) {\n        if (!effectiveId) return;\n        state.setMarquee(rect);\n      },\n      handleLocks: state.getHandleLocks() ?? locksOf(tunedHandleLock(tuneRef.current)),\n      setHandleLocks(next) {\n        state.setHandleLocks(next);\n        registry.changed?.();\n      },\n      tool,\n      setTool(id) {\n        if (!effectiveId) return;\n        state.setTool(id);\n      },\n      ...pathAccess(sc, ad, state.getExtensions()),\n    };\n  });\n}\n\n/** What {@link finish} answers: the edited path, the data set beside it, and the other nodes it changes, by id. */\ninterface Finished {\n  path: PolygonPath;\n  data: Record<string, unknown> | null;\n  others: Map<string, PathEditOther>;\n}\n\n/** The scene as an extension's `finishEdit` reads it. */\nfunction finishCtx(\n  sc: Scene<unknown, string, unknown>,\n  id: string,\n  extensions: readonly PathEditExtension[],\n): PathEditFinishCtx {\n  return {\n    id,\n    node(nid) {\n      const node = sc.get(nid as NodeId);\n      return node ? { pose: node.pose, data: node.data, dependsOn: node.dependsOn } : null;\n    },\n    path(nid) {\n      return pathEditPathOf(sc.get(nid as NodeId) as EditableNode | undefined, extensions);\n    },\n    dependents(nid) {\n      if (!sc.get(nid as NodeId)) return [];\n      return sc.removalClosure([nid as NodeId]).filter((d) => d !== nid && !sc.ancestorsOf(d).includes(nid as NodeId));\n    },\n  };\n}\n\n/** `worldPath` finished by each of `extensions` in turn, the data they set\n *  beside it, and the other nodes they change; null when one cannot finish it. */\nfunction finish(\n  extensions: readonly PathEditExtension[],\n  node: EditableNode,\n  worldPath: PolygonPath,\n  origins: readonly (PointOrigin | null)[] | undefined,\n  ctx: PathEditFinishCtx,\n): Finished | null {\n  let path = worldPath;\n  let data: Record<string, unknown> | null = null;\n  const others = new Map<string, PathEditOther>();\n  for (const ext of extensions) {\n    if (!ext.finishEdit) continue;\n    const done = ext.finishEdit(node, path, origins, ctx);\n    if (!done) return null;\n    path = done.path;\n    if (done.data) data = { ...(data ?? {}), ...done.data };\n    for (const o of done.others ?? []) {\n      const had = others.get(o.id);\n      others.set(o.id, {\n        id: o.id,\n        path: o.path ?? had?.path,\n        data: o.data || had?.data ? { ...had?.data, ...o.data } : undefined,\n        remove: o.remove || had?.remove,\n      });\n    }\n  }\n  return { path, data, others };\n}\n\n/** The ops that commit the other nodes `done` changes. */\nfunction otherOps(\n  sc: Scene<unknown, string, unknown>,\n  done: Finished,\n  label: string,\n  extensions: readonly PathEditExtension[],\n): Op[] {\n  return [...done.others.values()].flatMap((o) => {\n    const node = sc.get(o.id as NodeId) as EditableNode | undefined;\n    if (!node) return [];\n    if (o.remove) return [createDeleteOp({ node: sc.get(o.id as NodeId)!, label })];\n    if (o.path) return reshapeOps(o.id, node, o.path, label, o.data ?? null, extensions);\n    return o.data ? [createSetDataOp({ id: o.id, from: node.data, to: { ...(node.data as object), ...o.data }, label })] : [];\n  });\n}\n\n/** The members of the dep that read the scene and commit to it. */\nfunction pathAccess(\n  sc: Scene<unknown, string, unknown>,\n  ad: OpsApplier,\n  extensions: readonly PathEditExtension[],\n): Pick<\n  EditAnchorsDep,\n  'getEditablePath' | 'getOutlinePath' | 'getStorageKind' | 'getNodeShape' | 'applyEdit' | 'editOps' | 'finishEdit' | 'store'\n> {\n  const editOps = (id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]): Op[] => {\n    const node = sc.get(id as NodeId) as EditableNode | undefined;\n    if (!node) return [];\n    const done = finish(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n    if (!done) return [];\n    // A form's origins number the anchors of its edit path, not data.path's.\n    const before = origins && !representationOf(extensions, node.data) ? resolveEditablePathOf(node) : null;\n    const patch = { ...(before && origins ? anchorDataPatch(node.data, before, done.path, origins) : {}), ...done.data };\n    return [\n      ...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions),\n      ...otherOps(sc, done, label, extensions),\n    ];\n  };\n  return {\n    getEditablePath(id: string): PolygonPath | null {\n      const node = sc.get(id as NodeId);\n      return pathEditPathOf(node as { pose: unknown; data: unknown }, extensions);\n    },\n    getOutlinePath(id: string): PolygonPath | null {\n      return resolveEditablePathOf(sc.get(id as NodeId) as { pose: unknown; data: unknown });\n    },\n    getStorageKind(id: string): 'pose' | 'data' | null {\n      const node = sc.get(id as NodeId);\n      const storage = classifyPathStorage(node as { pose: unknown; data: unknown });\n      return storage?.kind ?? null;\n    },\n    getNodeShape(id: string): { pose: unknown; data: unknown } | null {\n      const node = sc.get(id as NodeId);\n      if (!node) return null;\n      return { pose: node.pose, data: node.data };\n    },\n    applyEdit(id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]) {\n      const ops = editOps(id, worldPath, label, origins);\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n    editOps,\n    finishEdit(id: string, worldPath: unknown, origins?: readonly (PointOrigin | null)[]) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      if (!node) return { path: worldPath, others: [] };\n      const done = finish(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n      if (!done) return null;\n      const others = [...done.others.values()].flatMap((o) => (o.path && !o.remove ? [{ id: o.id, path: o.path }] : []));\n      return { path: done.path, others };\n    },\n    store(id, worldPath, label, data) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      const ops = node ? reshapeOps(id, node, worldPath, label, data ?? null, extensions) : [];\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n  };\n}\n\ntype EditableNode = { pose: unknown; data: unknown };\n\n/** The ops that store `worldPath` where `node` keeps its polygon, with `patch` laid over its data. */\nfunction reshapeOps(\n  id: string,\n  node: EditableNode,\n  worldPath: PolygonPath,\n  label: string,\n  patch: Record<string, unknown> | null,\n  extensions: readonly PathEditExtension[],\n): Op[] {\n  const next = storeEditablePath(node, worldPath, extensions);\n  if (!next) return [];\n  const reshape = createTransformOp({ id, from: node.pose, to: next.pose, label });\n  // A path edited by hand is no longer what its generator or warp makes: it becomes plain geometry.\n  // Its skin and constraints stay, renumbered by the caller's patch where it has one, and the\n  // form it was drawn from as storing it left it.\n  const data = withoutGeometryBoundData(\n    next.data === node.data ? node.data : withoutShapeGenerator(next.data), ['skin', 'constraints', 'representation'],\n  );\n  if (data === node.data && !patch) return [reshape];\n  return [reshape, createSetDataOp({ id, from: node.data, to: { ...(data as object), ...patch }, label })];\n}\n"],"mappings":"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"}
+{"version":3,"file":"editAnchors.js","names":[],"sources":["../../../src/canvas/deps/editAnchors.ts"],"sourcesContent":["/**\n * `useEditAnchorsDepSource` — wires the `editAnchors` dep.\n *\n * A node's editable polygon lives in one of two places: the pose itself\n * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.\n * `getEditablePath` returns it in **world coords** either way, and `applyEdit` commits in the\n * correct storage shape as one undoable batch, preserving the render invariant\n * `pathInWorld(stored, pose) === world`. What the node keeps per anchor — a `data.skin`, vertex\n * colors — is renumbered in that batch when the caller says where the points came from, and each path-edit extension finishes\n * the edit first (`PathEditExtension.finishEdit`). Live previews ride the standard\n * `OngoingHandle.previewIds/Pose/Data` triple — this dep doesn't own preview state.\n */\nimport { useState } from 'react';\nimport { useDepRegistry, useDepSource } from '@weasel-js/routing/react';\nimport { useLatest } from '@weasel-js/react';\nimport type { EditAnchorsDep } from 'interactions/actions/depSchema';\nimport { locksOf, type EditAnchorsParams } from 'interactions/actions/edit-anchors/params';\nimport type { Scene, NodeId } from 'core/scene/types';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { PointOrigin, PolygonPath } from '@weasel-js/geom';\nimport { anchorDataPatch } from 'features/paths/anchorData';\nimport { classifyPathStorage, pathEditPathOf, resolveEditablePathOf } from 'features/paths/editablePath';\nimport { representationOf } from 'features/paths/pathRepresentation';\nimport type { PathEditExtension } from 'features/paths/pathEditExtension';\nimport {\n  finishCtx, finishEdit, otherOps, pathEditFollower, reshapeOps, type EditableNode,\n} from './pathEditCommits';\nimport { useTransformFollower } from './transformFollowers';\nimport { createPathEditState, isSelectedNode, type PathEditState } from 'features/paths/pathEditState';\nimport { resolveParams, type ActionTunings } from '@weasel-js/routing';\nimport type { Op } from 'core/ops/types';\n\ninterface OpsApplier {\n  applyOps(ops: Op[], label?: string): void;\n}\n\n/** The part of a `PathEditState` the dep reads and writes. */\nexport type EditAnchorsStateRef = Omit<PathEditState, 'subscribe' | 'getEditingIds' | 'setExtensions'>;\n/** The same, with the change notice chrome reading the dep waits on. */\nexport type EditAnchorsStateSource = EditAnchorsStateRef & Partial<Pick<PathEditState, 'subscribe'>>;\n\nexport { resolveEditablePathOf };\n\nfunction tunedHandleLock(tune: ActionTunings | undefined): EditAnchorsParams['handleLock'] {\n  const params = resolveParams(tune?.editAnchors?.params as Parameters<typeof resolveParams>[0]);\n  return (params as EditAnchorsParams | undefined)?.handleLock;\n}\n\nconst EMPTY_ANCHOR_SELECTION: ReadonlySet<number> = new Set<number>();\n\n/**\n * Publish the `editAnchors` dep for `scene`: its path access and commits\n * through `adapter`, and the edit state of `externalState` (or one of its\n * own), with the extensions that state holds finishing every edit.\n */\nexport function useEditAnchorsDepSource(\n  scene: Scene<unknown, string, unknown>,\n  selection: SelectionApi,\n  adapter: OpsApplier,\n  externalState?: EditAnchorsStateRef,\n  /** `<SceneCanvas tune>`: the handle locks start from its `editAnchors`\n   *  `handleLock` param until a toggle sets them. */\n  tune?: ActionTunings,\n): void {\n  const registry = useDepRegistry();\n  const tuneRef = useLatest(tune);\n  const sceneRef = useLatest(scene);\n  const selectionRef = useLatest(selection);\n  const adapterRef = useLatest(adapter);\n\n  // A caller that shares the state with nothing else gets one of its own.\n  const [ownState] = useState(() => createPathEditState({\n    isSelectedNode: (id) => isSelectedNode(sceneRef.current, selectionRef.current, id),\n  }));\n  const stateRef = useLatest(externalState ?? ownState);\n\n  useDepSource('editAnchors', (): EditAnchorsDep => {\n    const sc = sceneRef.current;\n    const ad = adapterRef.current;\n    const state = stateRef.current;\n    const effectiveId = state.getEditingId();\n    // Anchor selection and the marquee belong to one specific edited node, so never\n    // hand them out alongside an empty id.\n    const selectedAnchors = effectiveId ? state.getSelectedAnchors() : EMPTY_ANCHOR_SELECTION;\n    const marquee = effectiveId ? state.getMarquee() : null;\n    const tool = effectiveId ? state.getTool() : null;\n    return {\n      editingId: effectiveId,\n      setEditingId(id: string | null) {\n        const next = id ?? '';\n        if (effectiveId !== next) {\n          registry.get('dispatchTrace')?.recordModeSwitch(\n            'editAnchors.editingId',\n            effectiveId || null,\n            next || null,\n            next ? 'enter' : 'exit',\n          );\n          // Anchor indices only mean something relative to one path.\n          state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n          state.setSelectedMark(null);\n          state.setMarquee(null);\n        }\n        stateRef.current.setEditingId(id);\n      },\n      selectedAnchors,\n      setSelectedAnchors(next: Iterable<number>) {\n        if (!effectiveId) return;\n        const set = new Set(next);\n        if (set.size > 0) state.setSelectedMark(null);\n        state.setSelectedAnchors(set);\n      },\n      selectedMark: effectiveId ? state.getSelectedMark() : null,\n      setSelectedMark(mark) {\n        if (!effectiveId) return;\n        if (mark !== null) state.setSelectedAnchors(EMPTY_ANCHOR_SELECTION);\n        state.setSelectedMark(mark);\n      },\n      extensions: state.getExtensions(),\n      marquee,\n      setMarquee(rect) {\n        if (!effectiveId) return;\n        state.setMarquee(rect);\n      },\n      handleLocks: state.getHandleLocks() ?? locksOf(tunedHandleLock(tuneRef.current)),\n      setHandleLocks(next) {\n        state.setHandleLocks(next);\n        registry.changed?.();\n      },\n      tool,\n      setTool(id) {\n        if (!effectiveId) return;\n        state.setTool(id);\n      },\n      ...pathAccess(sc, ad, state.getExtensions()),\n    };\n  });\n  useTransformFollower(() => pathEditFollower(sceneRef.current, stateRef.current.getExtensions()));\n}\n\n/** The members of the dep that read the scene and commit to it. */\nfunction pathAccess(\n  sc: Scene<unknown, string, unknown>,\n  ad: OpsApplier,\n  extensions: readonly PathEditExtension[],\n): Pick<\n  EditAnchorsDep,\n  | 'getEditablePath' | 'getOutlinePath' | 'getStorageKind' | 'getNodeShape' | 'applyEdit' | 'editOps' | 'finishEdit'\n  | 'store'\n> {\n  const editOps = (id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]): Op[] => {\n    const node = sc.get(id as NodeId) as EditableNode | undefined;\n    if (!node) return [];\n    const done = finishEdit(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n    if (!done) return [];\n    // A form's origins number the anchors of its edit path, not data.path's.\n    const before = origins && !representationOf(extensions, node.data) ? resolveEditablePathOf(node) : null;\n    const patch = { ...(before && origins ? anchorDataPatch(node.data, before, done.path, origins) : {}), ...done.data };\n    return [\n      ...reshapeOps(id, node, done.path, label, Object.keys(patch).length > 0 ? patch : null, extensions),\n      ...otherOps(sc, done.others, label, extensions),\n    ];\n  };\n  return {\n    getEditablePath(id: string): PolygonPath | null {\n      const node = sc.get(id as NodeId);\n      return pathEditPathOf(node as { pose: unknown; data: unknown }, extensions);\n    },\n    getOutlinePath(id: string): PolygonPath | null {\n      return resolveEditablePathOf(sc.get(id as NodeId) as { pose: unknown; data: unknown });\n    },\n    getStorageKind(id: string): 'pose' | 'data' | null {\n      const node = sc.get(id as NodeId);\n      const storage = classifyPathStorage(node as { pose: unknown; data: unknown });\n      return storage?.kind ?? null;\n    },\n    getNodeShape(id: string): { pose: unknown; data: unknown } | null {\n      const node = sc.get(id as NodeId);\n      if (!node) return null;\n      return { pose: node.pose, data: node.data };\n    },\n    applyEdit(id: string, worldPath: unknown, label: string, origins?: readonly (PointOrigin | null)[]) {\n      const ops = editOps(id, worldPath, label, origins);\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n    editOps,\n    finishEdit(id: string, worldPath: unknown, origins?: readonly (PointOrigin | null)[]) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      if (!node) return { path: worldPath, others: [] };\n      const done = finishEdit(extensions, node, worldPath as PolygonPath, origins, finishCtx(sc, id, extensions));\n      if (!done) return null;\n      const others = [...done.others.values()].flatMap((o) => (o.path && !o.remove ? [{ id: o.id, path: o.path }] : []));\n      return { path: done.path, others };\n    },\n    store(id, worldPath, label, data) {\n      const node = sc.get(id as NodeId) as EditableNode | undefined;\n      const ops = node ? reshapeOps(id, node, worldPath, label, data ?? null, extensions) : [];\n      if (ops.length > 0) ad.applyOps(ops, label);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/canvas/deps/hitTestArea.js

@@ -47,11 +47,11 @@ function walkArea(scene, region, mode, opts, descriptor, query) {
 			const g = poseDescriptorForNode(descriptor, node);
 			return pathIntersectsRect(clip, visualBoundsViaDescriptor(pose, g)) && pathIntersectsRect(clip, r.bounds);
 		},
-		hits: (node, pose) => {
+		hits: (node, pose, _derived, inherited) => {
 			const g = poseDescriptorForNode(descriptor, node);
 			const b = regionBoundsOf(node, pose, g);
 			let ink;
-			const filled = () => ink ??= findShapeInk(node, pose)?.filled !== false;
+			const filled = () => ink ??= findShapeInk(node, pose, { inherited })?.filled !== false;
 			return regionTakes(r, mode, asInked(filled, pose), b, () => asInked(filled, findShapeSilhouette(node, pose) ?? poseOutline(pose, b)), filled);
 		},
 		inPlane: (m) => regionQuery(regionInPlane(r, m)),