@weasel-js/core 1.10.1 → 1.11.1

package/dist/canvas/layerOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"layerOrder.js","names":["STANDARD_SLOT_SET","STANDARD_SLOTS","composeOrderedLayers","afterByParent","beforeByParent","tail","allCustomKeys","key","value","layersMap","isCustomEntry","arr","emitted","out","background","emitChild","child","emitBefore","emitAfter","parentKey","slot","sceneLayers","sl","layer","standardLayers","t","anchorOf","inCycle","at","hops","ref","placeToolOverlays","before","overlays","after","selectionOverlay","ordered"],"sources":["../../src/canvas/layerOrder.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport { STANDARD_SLOTS, isCustomEntry } from './layerSlots';\nimport type { OverlayPosition } from '@weasel-js/routing';\n\nconst STANDARD_SLOT_SET = new Set<string>(STANDARD_SLOTS);\n\n/**\n * Compose the final ordered layer list from a layersMap and the resolved\n * standard-slot layers.\n *\n * - Standard slots are emitted in `STANDARD_SLOTS` order.\n * - `after: 'X'` / `before: 'X'` accept standard slot names OR other\n *   custom-layer keys, and chains may mix the two.\n * - Customs with neither `after` nor `before` are emitted after all standard\n *   slots.\n * - Dangling references and cycles go to the tail with a `console.warn`.\n * - An entry with both `after` and `before` is placed by `after`.\n */\nexport function composeOrderedLayers(\n  layersMap: Record<string, unknown>,\n  standardLayers: Partial<Record<(typeof STANDARD_SLOTS)[number], RenderLayer<unknown>>>,\n  /** The `scene` slot split into per-scene-layer canvas layers (keyed\n   *  `scene:<layerId>`), in render order. Each key becomes an anchor point;\n   *  `before/after: 'scene'` brackets the whole group. When omitted, the\n   *  `scene` slot uses `standardLayers.scene`. */\n  sceneLayers?: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>,\n  /** Drawn beneath everything else, grid and customs anchored before the\n   *  scene included — a fill that must never cover what is laid over it. */\n  background?: RenderLayer<unknown>,\n): RenderLayer<unknown>[] {\n  // Map<parent key, [{ key, layer }, ...]> — children grouped by their declared anchor.\n  const afterByParent = new Map<string, Array<{ key: string; layer: RenderLayer<unknown> }>>();\n  const beforeByParent = new Map<string, Array<{ key: string; layer: RenderLayer<unknown> }>>();\n  const tail: Array<{ key: string; layer: RenderLayer<unknown> }> = [];\n  const allCustomKeys = new Set<string>();\n\n  for (const [key, value] of Object.entries(layersMap)) {\n    if (STANDARD_SLOT_SET.has(key)) continue;\n    if (!isCustomEntry(value)) continue;\n    allCustomKeys.add(key);\n    if (value.after) {\n      const arr = afterByParent.get(value.after) ?? [];\n      arr.push({ key, layer: value.layer });\n      afterByParent.set(value.after, arr);\n    } else if (value.before) {\n      const arr = beforeByParent.get(value.before) ?? [];\n      arr.push({ key, layer: value.layer });\n      beforeByParent.set(value.before, arr);\n    } else {\n      tail.push({ key, layer: value.layer });\n    }\n  }\n\n  const emitted = new Set<string>();\n  const out: RenderLayer<unknown>[] = background ? [background] : [];\n\n  function emitChild(child: { key: string; layer: RenderLayer<unknown> }) {\n    // A custom has one anchor, so it is reached twice only when `sceneLayers`\n    // repeats a key.\n    if (emitted.has(child.key)) return;\n    emitted.add(child.key);\n    emitBefore(child.key);\n    out.push(child.layer);\n    emitAfter(child.key);\n  }\n\n  function emitAfter(parentKey: string) {\n    for (const child of afterByParent.get(parentKey) ?? []) emitChild(child);\n  }\n\n  function emitBefore(parentKey: string) {\n    for (const child of beforeByParent.get(parentKey) ?? []) emitChild(child);\n  }\n\n  for (const slot of STANDARD_SLOTS) {\n    if (slot === 'scene' && sceneLayers) {\n      emitBefore('scene');\n      for (const sl of sceneLayers) {\n        emitBefore(sl.key);\n        out.push(sl.layer);\n        emitAfter(sl.key);\n      }\n      emitAfter('scene');\n      continue;\n    }\n    emitBefore(slot);\n    const layer = standardLayers[slot];\n    if (layer) out.push(layer);\n    emitAfter(slot);\n  }\n\n  for (const t of tail) {\n    if (emitted.has(t.key)) continue;\n    emitted.add(t.key);\n    out.push(t.layer);\n  }\n\n  const anchorOf = (key: string): string | undefined => {\n    const value = layersMap[key];\n    return isCustomEntry(value) ? value.after ?? value.before : undefined;\n  };\n  const inCycle = (key: string): boolean => {\n    let at = anchorOf(key);\n    for (let hops = 0; at !== undefined && hops < allCustomKeys.size; hops++) {\n      if (at === key) return true;\n      at = anchorOf(at);\n    }\n    return false;\n  };\n\n  // Orphans: customs that declared an `after`/`before` but never got emitted,\n  // because the chain of anchors loops or ends on a key nothing defines.\n  for (const key of allCustomKeys) {\n    if (emitted.has(key)) continue;\n    const value = layersMap[key];\n    if (!isCustomEntry(value)) continue;\n    const ref = value.after ?? value.before;\n    console.warn(inCycle(key)\n      ? `composeOrderedLayers: cycle detected involving custom layer \"${key}\" — falling back to tail`\n      : `composeOrderedLayers: dangling reference \"${ref}\" from custom layer \"${key}\" — falling back to tail`);\n    emitted.add(key);\n    out.push(value.layer);\n  }\n\n  return out;\n}\n\n/**\n * Splice a tool's positioned overlays into an already-composed layer list.\n * With no selection chrome present the anchored overlays fall back to the\n * tail, keeping their relative order. Mutates and returns `ordered`.\n */\nexport function placeToolOverlays(\n  ordered: RenderLayer<unknown>[],\n  selectionOverlay: RenderLayer<unknown> | undefined,\n  overlays: (position: OverlayPosition) => RenderLayer<unknown>[],\n): RenderLayer<unknown>[] {\n  const before = overlays('before-selection');\n  const after = overlays('after-selection');\n  const at = selectionOverlay ? ordered.indexOf(selectionOverlay) : -1;\n  if (at >= 0) {\n    ordered.splice(at + 1, 0, ...after);\n    ordered.splice(at, 0, ...before);\n  } else {\n    ordered.push(...before, ...after);\n  }\n  ordered.push(...overlays('top'));\n  return ordered;\n}\n"],"mappings":"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"}
+{"version":3,"file":"layerOrder.js","names":[],"sources":["../../src/canvas/layerOrder.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport { STANDARD_SLOTS, isCustomEntry } from './layerSlots';\nimport type { OverlayPosition } from '@weasel-js/routing';\n\nconst STANDARD_SLOT_SET = new Set<string>(STANDARD_SLOTS);\n\n/**\n * Compose the final ordered layer list from a layersMap and the resolved\n * standard-slot layers.\n *\n * - Standard slots are emitted in `STANDARD_SLOTS` order.\n * - `after: 'X'` / `before: 'X'` accept standard slot names OR other\n *   custom-layer keys, and chains may mix the two.\n * - Customs with neither `after` nor `before` are emitted after all standard\n *   slots.\n * - Dangling references and cycles go to the tail with a `console.warn`.\n * - An entry with both `after` and `before` is placed by `after`.\n */\nexport function composeOrderedLayers(\n  layersMap: Record<string, unknown>,\n  standardLayers: Partial<Record<(typeof STANDARD_SLOTS)[number], RenderLayer<unknown>>>,\n  /** The `scene` slot split into per-scene-layer canvas layers (keyed\n   *  `scene:<layerId>`), in render order. Each key becomes an anchor point;\n   *  `before/after: 'scene'` brackets the whole group. When omitted, the\n   *  `scene` slot uses `standardLayers.scene`. */\n  sceneLayers?: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>,\n  /** Drawn beneath everything else, grid and customs anchored before the\n   *  scene included — a fill that must never cover what is laid over it. */\n  background?: RenderLayer<unknown>,\n): RenderLayer<unknown>[] {\n  // Map<parent key, [{ key, layer }, ...]> — children grouped by their declared anchor.\n  const afterByParent = new Map<string, Array<{ key: string; layer: RenderLayer<unknown> }>>();\n  const beforeByParent = new Map<string, Array<{ key: string; layer: RenderLayer<unknown> }>>();\n  const tail: Array<{ key: string; layer: RenderLayer<unknown> }> = [];\n  const allCustomKeys = new Set<string>();\n\n  for (const [key, value] of Object.entries(layersMap)) {\n    if (STANDARD_SLOT_SET.has(key)) continue;\n    if (!isCustomEntry(value)) continue;\n    allCustomKeys.add(key);\n    if (value.after) {\n      const arr = afterByParent.get(value.after) ?? [];\n      arr.push({ key, layer: value.layer });\n      afterByParent.set(value.after, arr);\n    } else if (value.before) {\n      const arr = beforeByParent.get(value.before) ?? [];\n      arr.push({ key, layer: value.layer });\n      beforeByParent.set(value.before, arr);\n    } else {\n      tail.push({ key, layer: value.layer });\n    }\n  }\n\n  const emitted = new Set<string>();\n  const out: RenderLayer<unknown>[] = background ? [background] : [];\n\n  function emitChild(child: { key: string; layer: RenderLayer<unknown> }) {\n    // A custom has one anchor, so it is reached twice only when `sceneLayers`\n    // repeats a key.\n    if (emitted.has(child.key)) return;\n    emitted.add(child.key);\n    emitBefore(child.key);\n    out.push(child.layer);\n    emitAfter(child.key);\n  }\n\n  function emitAfter(parentKey: string) {\n    for (const child of afterByParent.get(parentKey) ?? []) emitChild(child);\n  }\n\n  function emitBefore(parentKey: string) {\n    for (const child of beforeByParent.get(parentKey) ?? []) emitChild(child);\n  }\n\n  for (const slot of STANDARD_SLOTS) {\n    if (slot === 'scene' && sceneLayers) {\n      emitBefore('scene');\n      for (const sl of sceneLayers) {\n        emitBefore(sl.key);\n        out.push(sl.layer);\n        emitAfter(sl.key);\n      }\n      emitAfter('scene');\n      continue;\n    }\n    emitBefore(slot);\n    const layer = standardLayers[slot];\n    if (layer) out.push(layer);\n    emitAfter(slot);\n  }\n\n  for (const t of tail) {\n    if (emitted.has(t.key)) continue;\n    emitted.add(t.key);\n    out.push(t.layer);\n  }\n\n  const anchorOf = (key: string): string | undefined => {\n    const value = layersMap[key];\n    return isCustomEntry(value) ? value.after ?? value.before : undefined;\n  };\n  const inCycle = (key: string): boolean => {\n    let at = anchorOf(key);\n    for (let hops = 0; at !== undefined && hops < allCustomKeys.size; hops++) {\n      if (at === key) return true;\n      at = anchorOf(at);\n    }\n    return false;\n  };\n\n  // Orphans: customs that declared an `after`/`before` but never got emitted,\n  // because the chain of anchors loops or ends on a key nothing defines.\n  for (const key of allCustomKeys) {\n    if (emitted.has(key)) continue;\n    const value = layersMap[key];\n    if (!isCustomEntry(value)) continue;\n    const ref = value.after ?? value.before;\n    console.warn(inCycle(key)\n      ? `composeOrderedLayers: cycle detected involving custom layer \"${key}\" — falling back to tail`\n      : `composeOrderedLayers: dangling reference \"${ref}\" from custom layer \"${key}\" — falling back to tail`);\n    emitted.add(key);\n    out.push(value.layer);\n  }\n\n  return out;\n}\n\n/**\n * Splice a tool's positioned overlays into an already-composed layer list.\n * With no selection chrome present the anchored overlays fall back to the\n * tail, keeping their relative order. Mutates and returns `ordered`.\n */\nexport function placeToolOverlays(\n  ordered: RenderLayer<unknown>[],\n  selectionOverlay: RenderLayer<unknown> | undefined,\n  overlays: (position: OverlayPosition) => RenderLayer<unknown>[],\n): RenderLayer<unknown>[] {\n  const before = overlays('before-selection');\n  const after = overlays('after-selection');\n  const at = selectionOverlay ? ordered.indexOf(selectionOverlay) : -1;\n  if (at >= 0) {\n    ordered.splice(at + 1, 0, ...after);\n    ordered.splice(at, 0, ...before);\n  } else {\n    ordered.push(...before, ...after);\n  }\n  ordered.push(...overlays('top'));\n  return ordered;\n}\n"],"mappings":"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"}

package/dist/canvas/layerSlots.js

@@ -1,19 +1,26 @@
 //#region src/canvas/layerSlots.ts
-var e = [
+/** Standard slot names — render in this canonical order.
+*  `cellHighlight` is not an anchor for custom layers: it sits between the
+*  grid and the scene, so anchor to one of those. */
+/** @internal */
+var STANDARD_SLOTS = [
 	"grid",
 	"cellHighlight",
 	"scene",
 	"selectionOverlay"
 ];
-function t(e) {
-	return !!e && typeof e == "object" && "layer" in e;
+function isCustomEntry(v) {
+	return !!v && typeof v === "object" && "layer" in v;
 }
-function n(e) {
-	let n = {};
-	for (let [r, i] of Object.entries(e)) (i === null || t(i)) && (n[r] = i);
-	return n;
+/** The layers of `map` that are already built, in its key order: each
+*  `{ layer }` entry and each `null`. A slot config is left out, for whoever
+*  builds it to put back. */
+function builtLayersOf(map) {
+	const out = {};
+	for (const [key, value] of Object.entries(map)) if (value === null || isCustomEntry(value)) out[key] = value;
+	return out;
 }
-//#endregion
-export { e as STANDARD_SLOTS, n as builtLayersOf, t as isCustomEntry };
 
+//#endregion
+export { STANDARD_SLOTS, builtLayersOf, isCustomEntry };
 //# sourceMappingURL=layerSlots.js.map

package/dist/canvas/layerSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"layerSlots.js","names":["STANDARD_SLOTS","isCustomEntry","v","builtLayersOf","out","key","value","map"],"sources":["../../src/canvas/layerSlots.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport type { SelectionOverlayLayerOpts } from 'features/selection/overlay';\nimport type { SceneSlotConfig } from './buildSceneLayer';\n\n/** Standard slot names — render in this canonical order.\n *  `cellHighlight` is not an anchor for custom layers: it sits between the\n *  grid and the scene, so anchor to one of those. */\n/** @internal */\nexport const STANDARD_SLOTS = [\n  'grid',\n  'cellHighlight',\n  'scene',\n  'selectionOverlay',\n] as const;\n\n/** Names of the slots `<Canvas>` supports out of the box (excluding the implicit cell-highlight overlay). */\nexport type StandardSlotName = Exclude<(typeof STANDARD_SLOTS)[number], 'cellHighlight'>;\n\n/** Custom layer entry — any key not in `STANDARD_SLOTS`. The presence of\n *  `.layer` discriminates this from a slot config. */\nexport interface CustomLayerEntry {\n  layer: RenderLayer<unknown>;\n  /** Insert immediately after the named standard slot or another custom-layer key. */\n  after?: StandardSlotName | (string & {});\n  /** Insert immediately before the named standard slot or another custom-layer key. */\n  before?: StandardSlotName | (string & {});\n}\n\nexport function isCustomEntry(v: unknown): v is CustomLayerEntry {\n  return !!v && typeof v === 'object' && 'layer' in (v as Record<string, unknown>);\n}\n\n/** Selection-overlay slot config — passed through to `createSelectionOverlayLayer`,\n *  minus the `getSelection`/`getPose` the canvas wires automatically. */\nexport type SelectionOverlaySlotConfig<TPose> = Omit<\n  SelectionOverlayLayerOpts<TPose>,\n  'getSelection' | 'getPose'\n> & {\n  /** Override the auto-wired pose lookup (overlay-aware → adapter fallback). */\n  poseById?: (id: string) => TPose | null;\n};\n\n/** Per-slot config union. The key narrows it in practice. */\nexport type StandardSlotConfig<TNode extends { id: string }, TPose> =\n  | SceneSlotConfig<TNode, TPose>\n  | SelectionOverlaySlotConfig<TPose>;\n\n/** What may fill one of the canvas's named layer slots: a config the canvas\n *  builds the layer from, a pre-built layer, or `null` to leave the slot\n *  empty. */\nexport type LayerSlotValue<TNode extends { id: string }, TPose> =\n  | StandardSlotConfig<TNode, TPose>\n  | CustomLayerEntry\n  | null;\n\n/** The canvas's render stack, as named slots. The standard slots (grid,\n *  scene, selection overlay, cell highlight) fix where a layer sits in the\n *  stack; scene and selection overlay can be configured, and every one can be\n *  given a layer of your own or switched off. Further keys add custom layers.\n *  `TSceneSlot` is what the scene slot accepts: `<SceneCanvas>` takes a\n *  partial config and fills the rest from its defaults. */\nexport type LayersMap<\n  TNode extends { id: string },\n  TPose,\n  TSceneSlot = SceneSlotConfig<TNode, TPose>,\n> = {\n  /** Grid slot, beneath the scene. Takes a pre-built layer (`{ layer }`) —\n   *  e.g. `createGridLayer` from `@weasel-js/guides` — or `null`. */\n  grid?: CustomLayerEntry | null;\n  /** Scene slot: the config `<SceneCanvas>` builds its layers from, a\n   *  pre-built layer that paints the scene in their place, or `null`. A\n   *  pre-built layer gets no ghost of a node in flight, which needs `drawOne`. */\n  scene?: TSceneSlot | CustomLayerEntry | null;\n  /** Selection-overlay slot: the config `<SceneCanvas>` builds the layer\n   *  from, a pre-built layer that paints in its place, or `null` for no\n   *  selection chrome. */\n  selectionOverlay?: SelectionOverlaySlotConfig<TPose> | CustomLayerEntry | null;\n  /** Cell-highlight overlay slot, drawn immediately after the grid. Takes a\n   *  pre-built layer (`{ layer }`) — e.g. `createCellHighlightLayer` from\n   *  `@weasel-js/guides` — or `null`. */\n  cellHighlight?: CustomLayerEntry | null;\n} & {\n  [customKey: string]: LayerSlotValue<TNode, TPose> | TSceneSlot | undefined;\n};\n\n/** The scene slot once built: its canvas layers, bottom first. Each `key` is\n *  an anchor a custom layer can name (`scene`, or `scene:<layerId>`). */\nexport interface SceneSlotLayers {\n  layers: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>;\n}\n\n/** What `<Canvas>` composes: a {@link LayersMap} with every slot already a\n *  layer. `<SceneCanvas>` builds one from its `layers` prop. */\nexport type CanvasLayers = {\n  grid?: CustomLayerEntry | null;\n  cellHighlight?: CustomLayerEntry | null;\n  scene?: SceneSlotLayers | null;\n  selectionOverlay?: CustomLayerEntry | null;\n} & {\n  [customKey: string]: CustomLayerEntry | SceneSlotLayers | null | undefined;\n};\n\n/** The layers of `map` that are already built, in its key order: each\n *  `{ layer }` entry and each `null`. A slot config is left out, for whoever\n *  builds it to put back. */\nexport function builtLayersOf(map: Record<string, unknown>): Record<string, CustomLayerEntry | null> {\n  const out: Record<string, CustomLayerEntry | null> = {};\n  for (const [key, value] of Object.entries(map)) {\n    if (value === null || isCustomEntry(value)) out[key] = value;\n  }\n  return out;\n}\n"],"mappings":";AAQA,IAAaA,IAAiB;CAC5B;CACA;CACA;CACA;AACF;AAeA,SAAgBC,EAAc,GAAmC;CAC/D,OAAO,CAAC,CAACC,KAAK,OAAOA,KAAM,YAAY,WAAYA;AACrD;AA2EA,SAAgBC,EAAc,GAAuE;CACnG,IAAMC,IAA+C,CAAC;CACtD,KAAK,IAAM,CAACC,GAAKC,MAAU,OAAO,QAAQC,CAAG,GAC3C,CAAID,MAAU,QAAQL,EAAcK,CAAK,OAAG,EAAID,KAAOC;CAEzD,OAAOF;AACT"}
+{"version":3,"file":"layerSlots.js","names":[],"sources":["../../src/canvas/layerSlots.ts"],"sourcesContent":["import type { RenderLayer } from '../core/layers/render';\nimport type { SelectionOverlayLayerOpts } from 'features/selection/overlay';\nimport type { SceneSlotConfig } from './buildSceneLayer';\nimport type { PathEditingOverlayStyle } from 'features/paths/pathEditingOverlayLayer';\n\n/** Standard slot names — render in this canonical order.\n *  `cellHighlight` is not an anchor for custom layers: it sits between the\n *  grid and the scene, so anchor to one of those. */\n/** @internal */\nexport const STANDARD_SLOTS = [\n  'grid',\n  'cellHighlight',\n  'scene',\n  'selectionOverlay',\n] as const;\n\n/** Names of the slots `<Canvas>` supports out of the box (excluding the implicit cell-highlight overlay). */\nexport type StandardSlotName = Exclude<(typeof STANDARD_SLOTS)[number], 'cellHighlight'>;\n\n/** Custom layer entry — any key not in `STANDARD_SLOTS`. The presence of\n *  `.layer` discriminates this from a slot config. */\nexport interface CustomLayerEntry {\n  layer: RenderLayer<unknown>;\n  /** Insert immediately after the named standard slot or another custom-layer key. */\n  after?: StandardSlotName | (string & {});\n  /** Insert immediately before the named standard slot or another custom-layer key. */\n  before?: StandardSlotName | (string & {});\n}\n\nexport function isCustomEntry(v: unknown): v is CustomLayerEntry {\n  return !!v && typeof v === 'object' && 'layer' in (v as Record<string, unknown>);\n}\n\n/** Selection-overlay slot config — passed through to `createSelectionOverlayLayer`,\n *  minus the `getSelection`/`getPose` the canvas wires automatically and the\n *  `resizeHandles` it takes from the hit-test, so the two cannot disagree. */\nexport type SelectionOverlaySlotConfig<TPose> = Omit<\n  SelectionOverlayLayerOpts<TPose>,\n  'getSelection' | 'getPose' | 'resizeHandles'\n> & {\n  /** Override the auto-wired pose lookup (overlay-aware → adapter fallback). */\n  poseById?: (id: string) => TPose | null;\n};\n\n/** Path-edit overlay slot config: how `<SceneCanvas>` draws the chrome of the\n *  path whose anchors are being edited. */\nexport interface PathEditingOverlaySlotConfig {\n  /** Anchor and handle marker overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\n/** Per-slot config union. The key narrows it in practice. */\nexport type StandardSlotConfig<TNode extends { id: string }, TPose> =\n  | SceneSlotConfig<TNode, TPose>\n  | SelectionOverlaySlotConfig<TPose>\n  | PathEditingOverlaySlotConfig;\n\n/** What may fill one of the canvas's named layer slots: a config the canvas\n *  builds the layer from, a pre-built layer, or `null` to leave the slot\n *  empty. */\nexport type LayerSlotValue<TNode extends { id: string }, TPose> =\n  | StandardSlotConfig<TNode, TPose>\n  | CustomLayerEntry\n  | null;\n\n/** The canvas's render stack, as named slots. The standard slots (grid,\n *  scene, selection overlay, cell highlight) fix where a layer sits in the\n *  stack; scene and selection overlay can be configured, and every one can be\n *  given a layer of your own or switched off. Further keys add custom layers.\n *  `TSceneSlot` is what the scene slot accepts: `<SceneCanvas>` takes a\n *  partial config and fills the rest from its defaults. */\nexport type LayersMap<\n  TNode extends { id: string },\n  TPose,\n  TSceneSlot = SceneSlotConfig<TNode, TPose>,\n> = {\n  /** Grid slot, beneath the scene. Takes a pre-built layer (`{ layer }`) —\n   *  e.g. `createGridLayer` from `@weasel-js/guides` — or `null`. */\n  grid?: CustomLayerEntry | null;\n  /** Scene slot: the config `<SceneCanvas>` builds its layers from, a\n   *  pre-built layer that paints the scene in their place, or `null`. A\n   *  pre-built layer gets no ghost of a node in flight, which needs `drawOne`. */\n  scene?: TSceneSlot | CustomLayerEntry | null;\n  /** Selection-overlay slot: the config `<SceneCanvas>` builds the layer\n   *  from, a pre-built layer that paints in its place, or `null` for no\n   *  selection chrome. */\n  selectionOverlay?: SelectionOverlaySlotConfig<TPose> | CustomLayerEntry | null;\n  /** Cell-highlight overlay slot, drawn immediately after the grid. Takes a\n   *  pre-built layer (`{ layer }`) — e.g. `createCellHighlightLayer` from\n   *  `@weasel-js/guides` — or `null`. */\n  cellHighlight?: CustomLayerEntry | null;\n  /** `<SceneCanvas>`'s anchor-editing overlay, above the selection overlay:\n   *  the config it builds the layer from, a pre-built layer, or `null`. */\n  pathEditingOverlay?: PathEditingOverlaySlotConfig | CustomLayerEntry | null;\n} & {\n  [customKey: string]: LayerSlotValue<TNode, TPose> | TSceneSlot | undefined;\n};\n\n/** The scene slot once built: its canvas layers, bottom first. Each `key` is\n *  an anchor a custom layer can name (`scene`, or `scene:<layerId>`). */\nexport interface SceneSlotLayers {\n  layers: ReadonlyArray<{ key: string; layer: RenderLayer<unknown> }>;\n}\n\n/** What `<Canvas>` composes: a {@link LayersMap} with every slot already a\n *  layer. `<SceneCanvas>` builds one from its `layers` prop. */\nexport type CanvasLayers = {\n  grid?: CustomLayerEntry | null;\n  cellHighlight?: CustomLayerEntry | null;\n  scene?: SceneSlotLayers | null;\n  selectionOverlay?: CustomLayerEntry | null;\n} & {\n  [customKey: string]: CustomLayerEntry | SceneSlotLayers | null | undefined;\n};\n\n/** The layers of `map` that are already built, in its key order: each\n *  `{ layer }` entry and each `null`. A slot config is left out, for whoever\n *  builds it to put back. */\nexport function builtLayersOf(map: Record<string, unknown>): Record<string, CustomLayerEntry | null> {\n  const out: Record<string, CustomLayerEntry | null> = {};\n  for (const [key, value] of Object.entries(map)) {\n    if (value === null || isCustomEntry(value)) out[key] = value;\n  }\n  return out;\n}\n"],"mappings":";;;;;AASA,IAAa,iBAAiB;CAC5B;CACA;CACA;CACA;AACF;AAeA,SAAgB,cAAc,GAAmC;CAC/D,OAAO,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,WAAY;AACrD;;;;AAuFA,SAAgB,cAAc,KAAuE;CACnG,MAAM,MAA+C,CAAC;CACtD,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,GAAG,GAC3C,IAAI,UAAU,QAAQ,cAAc,KAAK,GAAG,IAAI,OAAO;CAEzD,OAAO;AACT"}

package/dist/canvas/mountedCanvases.js

@@ -1,20 +1,30 @@
 //#region src/canvas/mountedCanvases.ts
-var e = /* @__PURE__ */ new Map();
-function t(t) {
-	return e.set(t.element, t), () => {
-		e.get(t.element) === t && e.delete(t.element);
+var mounted = /* @__PURE__ */ new Map();
+/** Register `entry` until the returned disposer runs. */
+function registerMountedCanvas(entry) {
+	mounted.set(entry.element, entry);
+	return () => {
+		if (mounted.get(entry.element) === entry) mounted.delete(entry.element);
 	};
 }
-function n(t, n) {
-	if (n instanceof Node) for (let r = n; r && t.contains(r); r = r.parentNode) {
-		let t = e.get(r);
-		if (t) return t;
+/**
+* The kit canvas at or inside `root`. When `hint` is given, the canvas that
+* contains it wins — the one a click actually landed on. Otherwise the first
+* in document order.
+*/
+function findMountedCanvas(root, hint) {
+	if (hint instanceof Node) for (let n = hint; n && root.contains(n); n = n.parentNode) {
+		const hit = mounted.get(n);
+		if (hit) return hit;
 	}
-	let r = null;
-	for (let n of e.values()) t.contains(n.element) && (!r || r.element.compareDocumentPosition(n.element) & Node.DOCUMENT_POSITION_PRECEDING) && (r = n);
-	return r;
+	let first = null;
+	for (const entry of mounted.values()) {
+		if (!root.contains(entry.element)) continue;
+		if (!first || first.element.compareDocumentPosition(entry.element) & Node.DOCUMENT_POSITION_PRECEDING) first = entry;
+	}
+	return first;
 }
-//#endregion
-export { n as findMountedCanvas, t as registerMountedCanvas };
 
+//#endregion
+export { findMountedCanvas, registerMountedCanvas };
 //# sourceMappingURL=mountedCanvases.js.map

package/dist/canvas/mountedCanvases.js.map

@@ -1 +1 @@
-{"version":3,"file":"mountedCanvases.js","names":["mounted","registerMountedCanvas","entry","findMountedCanvas","hint","n","root","hit","first"],"sources":["../../src/canvas/mountedCanvases.ts"],"sourcesContent":["/**\n * Every mounted kit canvas, keyed by the element its input and its\n * client→world conversions measure. DOM chrome that is handed only an element\n * — a text-edit container — finds the camera beneath it here instead of making\n * the consumer thread the view through by hand.\n */\nimport type { View } from 'core/viewport/view';\n\nexport interface MountedCanvas {\n  readonly element: HTMLElement;\n  getView(): View;\n}\n\nconst mounted = new Map<HTMLElement, MountedCanvas>();\n\n/** Register `entry` until the returned disposer runs. */\nexport function registerMountedCanvas(entry: MountedCanvas): () => void {\n  mounted.set(entry.element, entry);\n  return () => {\n    if (mounted.get(entry.element) === entry) mounted.delete(entry.element);\n  };\n}\n\n/**\n * The kit canvas at or inside `root`. When `hint` is given, the canvas that\n * contains it wins — the one a click actually landed on. Otherwise the first\n * in document order.\n */\nexport function findMountedCanvas(root: Element, hint?: EventTarget | null): MountedCanvas | null {\n  if (hint instanceof Node) {\n    for (let n: Node | null = hint; n && root.contains(n); n = n.parentNode) {\n      const hit = mounted.get(n as HTMLElement);\n      if (hit) return hit;\n    }\n  }\n  let first: MountedCanvas | null = null;\n  for (const entry of mounted.values()) {\n    if (!root.contains(entry.element)) continue;\n    if (\n      !first\n      || first.element.compareDocumentPosition(entry.element) & Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      first = entry;\n    }\n  }\n  return first;\n}\n"],"mappings":";AAaA,IAAMA,oBAAU,IAAI,IAAgC;AAGpD,SAAgBC,EAAsB,GAAkC;CAEtE,OADAD,EAAQ,IAAIE,EAAM,SAASA,CAAK,SACnB;EACX,AAAIF,EAAQ,IAAIE,EAAM,OAAO,MAAMA,KAAOF,EAAQ,OAAOE,EAAM,OAAO;CACxE;AACF;AAOA,SAAgBC,EAAkB,GAAe,GAAiD;CAChG,IAAIC,aAAgB,MAClB,KAAK,IAAIC,IAAiBD,GAAMC,KAAKC,EAAK,SAASD,CAAC,GAAG,IAAIA,EAAE,YAAY;EACvE,IAAME,IAAMP,EAAQ,IAAIK,CAAgB;EACxC,IAAIE,GAAK,OAAOA;CAClB;CAEF,IAAIC,IAA8B;CAClC,KAAK,IAAMN,KAASF,EAAQ,OAAO,GACjC,AAAKM,EAAK,SAASJ,EAAM,OAAO,MAE9B,CAACM,KACEA,EAAM,QAAQ,wBAAwBN,EAAM,OAAO,IAAI,KAAK,iCAE/D,IAAQA;CAGZ,OAAOM;AACT"}
+{"version":3,"file":"mountedCanvases.js","names":[],"sources":["../../src/canvas/mountedCanvases.ts"],"sourcesContent":["/**\n * Every mounted kit canvas, keyed by the element its input and its\n * client→world conversions measure. DOM chrome that is handed only an element\n * — a text-edit container — finds the camera beneath it here instead of making\n * the consumer thread the view through by hand.\n */\nimport type { View } from 'core/viewport/view';\n\nexport interface MountedCanvas {\n  readonly element: HTMLElement;\n  getView(): View;\n}\n\nconst mounted = new Map<HTMLElement, MountedCanvas>();\n\n/** Register `entry` until the returned disposer runs. */\nexport function registerMountedCanvas(entry: MountedCanvas): () => void {\n  mounted.set(entry.element, entry);\n  return () => {\n    if (mounted.get(entry.element) === entry) mounted.delete(entry.element);\n  };\n}\n\n/**\n * The kit canvas at or inside `root`. When `hint` is given, the canvas that\n * contains it wins — the one a click actually landed on. Otherwise the first\n * in document order.\n */\nexport function findMountedCanvas(root: Element, hint?: EventTarget | null): MountedCanvas | null {\n  if (hint instanceof Node) {\n    for (let n: Node | null = hint; n && root.contains(n); n = n.parentNode) {\n      const hit = mounted.get(n as HTMLElement);\n      if (hit) return hit;\n    }\n  }\n  let first: MountedCanvas | null = null;\n  for (const entry of mounted.values()) {\n    if (!root.contains(entry.element)) continue;\n    if (\n      !first\n      || first.element.compareDocumentPosition(entry.element) & Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      first = entry;\n    }\n  }\n  return first;\n}\n"],"mappings":";AAaA,IAAM,0BAAU,IAAI,IAAgC;;AAGpD,SAAgB,sBAAsB,OAAkC;CACtE,QAAQ,IAAI,MAAM,SAAS,KAAK;CAChC,aAAa;EACX,IAAI,QAAQ,IAAI,MAAM,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO;CACxE;AACF;;;;;;AAOA,SAAgB,kBAAkB,MAAe,MAAiD;CAChG,IAAI,gBAAgB,MAClB,KAAK,IAAI,IAAiB,MAAM,KAAK,KAAK,SAAS,CAAC,GAAG,IAAI,EAAE,YAAY;EACvE,MAAM,MAAM,QAAQ,IAAI,CAAgB;EACxC,IAAI,KAAK,OAAO;CAClB;CAEF,IAAI,QAA8B;CAClC,KAAK,MAAM,SAAS,QAAQ,OAAO,GAAG;EACpC,IAAI,CAAC,KAAK,SAAS,MAAM,OAAO,GAAG;EACnC,IACE,CAAC,SACE,MAAM,QAAQ,wBAAwB,MAAM,OAAO,IAAI,KAAK,6BAE/D,QAAQ;CAEZ;CACA,OAAO;AACT"}

package/dist/canvas/nodeShapes/derivedPainter.js

@@ -1,34 +1,82 @@
-import { DEFAULT_SHAPE_FILL as e } from "../../util/paint.js";
-import { derivesPath as t } from "./memo.js";
-import { inkReach as n, resolveNodeFill as r, resolveNodeStroke as i, withAnimatedVertexColors as a } from "./nodePaint.js";
-import { commandFill as o, commandStroke as s } from "@weasel-js/renderer";
-import { boundsOfPath as c } from "@weasel-js/geom";
+import { derivedPartsOf } from "../../core/scene/derivedParts.js";
+import { DEFAULT_SHAPE_FILL } from "../../util/paint.js";
+import { derivesPath } from "./memo.js";
+import { inkReach, resolveNodeFill, resolveNodeStroke, withAnimatedVertexColors } from "./nodePaint.js";
+import { strokedBounds } from "./strokedBounds.js";
+import { commandFill, commandStroke } from "@weasel-js/renderer";
+import { boundsOfPath } from "@weasel-js/geom";
+
 //#region src/canvas/nodeShapes/derivedPainter.ts
-var l = {
+function pathCommand(path, declared, strokeSpec, vertexColors) {
+	const box = boundsOfPath(path);
+	const fill = declared && commandFill(declared, box);
+	const stroke = strokeSpec && commandStroke(strokeSpec, box);
+	return {
+		kind: "path",
+		path,
+		...fill ? { fill } : {},
+		...fill && vertexColors ? { vertexColors } : {},
+		...stroke ? { stroke } : {}
+	};
+}
+/** The stroked box of the path on `ctx`, or `null` with no path or no stroke. */
+function derivedDrawnBounds(node, ctx) {
+	const path = ctx?.derivedPath;
+	const stroke = resolveNodeStroke(node.data?.stroke);
+	return path == null || stroke === null ? null : strokedBounds(path, stroke, ctx?.scale ?? 1, ctx?.screen);
+}
+/** One part's command: its own paint where it names one, else the node's. */
+function partCommand(part, d) {
+	const strokeSpec = resolveNodeStroke(part.stroke === void 0 ? d?.stroke : part.stroke);
+	const declared = resolveNodeFill(part.fill === void 0 ? d?.fill : part.fill, strokeSpec === null ? DEFAULT_SHAPE_FILL : null);
+	return pathCommand(part.path, declared, strokeSpec, void 0);
+}
+/**
+* Built-in painter for nodes whose geometry is computed from other nodes'
+* poses. The path itself arrives on the paint context — see
+* {@link NodePaintCtx.derivedPath}.
+*
+* Fill and stroke resolve as `kit:path`'s do, but against the **derived path's
+* own bounds**, not the pose. `kit:path` projects its path into the pose frame
+* first, so there the two boxes are the same one; here the path is already
+* absolute and the pose is typically a zero-sized placeholder, which would
+* collapse a box-relative gradient onto a point.
+*
+* Not memoized on {@link PAINT_SLOT} on purpose: that key is `(node, pose,
+* data)` and cannot see `ctx.derivedPath`, so it would serve one caller's
+* commands to a caller that passed a different path.
+*
+* Rotation still comes from the pose — `wrapNodeOutput` turns the output about
+* the pose AABB's center, which for a zero-sized pose is its origin.
+*
+* A path made by `pathFromParts` paints one command per part, each with the
+* part's own fill and stroke where it names them.
+*/
+var DERIVED_PAINTER = {
 	id: "kit:derived",
-	matches: t,
-	paint: (t, n, l) => {
-		let u = l?.derivedPath;
-		if (u == null) return [];
-		let d = c(u), f = t.data, p = i(f?.stroke), m = r(f?.fill, p === null ? e : null), h = m && o(m, d), g = p && s(p, d), _ = {
-			kind: "path",
-			path: u,
-			...h ? { fill: h } : {},
-			...h && f?.vertexColors ? { vertexColors: f.vertexColors } : {},
-			...g ? { stroke: g } : {}
-		};
-		return a([_], l);
+	matches: derivesPath,
+	paint: (node, _pose, ctx) => {
+		const path = ctx?.derivedPath;
+		if (path == null) return [];
+		const d = node.data;
+		const parts = derivedPartsOf(path);
+		if (parts !== void 0) return parts.map((part) => partCommand(part, d));
+		const strokeSpec = resolveNodeStroke(d?.stroke);
+		const declared = resolveNodeFill(d?.fill, strokeSpec === null ? DEFAULT_SHAPE_FILL : null);
+		return withAnimatedVertexColors([pathCommand(path, declared, strokeSpec, d?.vertexColors)], ctx);
 	},
-	silhouette: (e, t, n) => n?.derivedPath ?? null,
-	ink: (t, a, o) => {
-		let s = t.data, c = i(s?.stroke);
+	silhouette: (_node, _pose, ctx) => ctx?.derivedPath ?? null,
+	drawnBounds: (node, _pose, ctx) => derivedDrawnBounds(node, ctx),
+	ink: (node, _pose, ctx) => {
+		const d = node.data;
+		const stroke = resolveNodeStroke(d?.stroke);
 		return {
-			filled: r(s?.fill, c === null ? e : null) !== null,
-			...n(c, o?.scale)
+			filled: resolveNodeFill(d?.fill, stroke === null ? DEFAULT_SHAPE_FILL : null) !== null,
+			...inkReach(stroke, ctx?.scale)
 		};
 	}
 };
-//#endregion
-export { l as DERIVED_PAINTER };
 
+//#endregion
+export { DERIVED_PAINTER, derivedDrawnBounds };
 //# sourceMappingURL=derivedPainter.js.map

package/dist/canvas/nodeShapes/derivedPainter.js.map

@@ -1 +1 @@
-{"version":3,"file":"derivedPainter.js","names":["DERIVED_PAINTER","derivesPath","path","ctx","box","boundsOfPath","d","node","strokeSpec","resolveNodeStroke","declared","resolveNodeFill","DEFAULT_SHAPE_FILL","fill","commandFill","stroke","commandStroke","cmd","withAnimatedVertexColors","inkReach"],"sources":["../../../src/canvas/nodeShapes/derivedPainter.ts"],"sourcesContent":["import {\n  boundsOfPath\n} from '@weasel-js/geom';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport { commandFill, commandStroke } from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { DEFAULT_SHAPE_FILL } from '../../util/paint';\nimport { derivesPath } from './memo';\nimport { inkReach, withAnimatedVertexColors, resolveNodeFill, resolveNodeStroke } from './nodePaint';\n\n/**\n * Built-in painter for nodes whose geometry is computed from other nodes'\n * poses. The path itself arrives on the paint context — see\n * {@link NodePaintCtx.derivedPath}.\n *\n * Fill and stroke resolve as `kit:path`'s do, but against the **derived path's\n * own bounds**, not the pose. `kit:path` projects its path into the pose frame\n * first, so there the two boxes are the same one; here the path is already\n * absolute and the pose is typically a zero-sized placeholder, which would\n * collapse a box-relative gradient onto a point.\n *\n * Not memoized on {@link PAINT_SLOT} on purpose: that key is `(node, pose,\n * data)` and cannot see `ctx.derivedPath`, so it would serve one caller's\n * commands to a caller that passed a different path.\n *\n * Rotation still comes from the pose — `wrapNodeOutput` turns the output about\n * the pose AABB's center, which for a zero-sized pose is its origin.\n */\nexport const DERIVED_PAINTER: NodeShapeEntry = {\n  id: 'kit:derived',\n  // `dependsOn` alone is not enough: the two fields are independent optionals,\n  // and `kit:add` restores a node with its `dependsOn` intact when its\n  // `derivePath` key is missing from the registry. Claiming that node would paint\n  // nothing where the authored appearance is what the warning promises.\n  matches: derivesPath,\n  paint: (node, _pose, ctx) => {\n    const path = ctx?.derivedPath;\n    if (path == null) return [];\n    const box = boundsOfPath(path);\n    const d = node.data as { fill?: Fill | null; stroke?: Stroke | null; vertexColors?: number[] } | null;\n    const strokeSpec = resolveNodeStroke(d?.stroke);\n    const declared = resolveNodeFill(d?.fill, strokeSpec === null ? DEFAULT_SHAPE_FILL : null);\n    const fill = declared && commandFill(declared, box);\n    const stroke = strokeSpec && commandStroke(strokeSpec, box);\n    const cmd: DrawCommand = {\n      kind: 'path',\n      path,\n      ...(fill ? { fill } : {}),\n      ...(fill && d?.vertexColors ? { vertexColors: d.vertexColors } : {}),\n      ...(stroke ? { stroke } : {}),\n    };\n    return withAnimatedVertexColors([cmd], ctx);\n  },\n  // The derived path *is* the silhouette, and it is already absolute — the\n  // pose is a placeholder, so nothing here can be recovered from it. Without\n  // a `ctx` this reports null, which `shapeCoversPoint` reads as \"no\n  // opinion\": picking then falls back to that zero-sized pose.\n  silhouette: (_node, _pose, ctx) => ctx?.derivedPath ?? null,\n  ink: (node, _pose, ctx) => {\n    const d = node.data as { fill?: Fill | null; stroke?: Stroke | null } | null;\n    const stroke = resolveNodeStroke(d?.stroke);\n    return {\n      filled: resolveNodeFill(d?.fill, stroke === null ? DEFAULT_SHAPE_FILL : null) !== null,\n      ...inkReach(stroke, ctx?.scale),\n    };\n  },\n};\n"],"mappings":";;;;;;AA6BA,IAAaA,IAAkC;CAC7C,IAAI;CAKJ,SAASC;CACT,QAAQ,GAAM,GAAO,MAAQ;EAC3B,IAAMC,IAAOC,GAAK;EAClB,IAAID,KAAQ,MAAM,OAAO,CAAC;EAC1B,IAAME,IAAMC,EAAaH,CAAI,GACvBI,IAAIC,EAAK,MACTC,IAAaC,EAAkBH,GAAG,MAAM,GACxCI,IAAWC,EAAgBL,GAAG,MAAME,MAAe,OAAOI,IAAqB,IAAI,GACnFC,IAAOH,KAAYI,EAAYJ,GAAUN,CAAG,GAC5CW,IAASP,KAAcQ,EAAcR,GAAYJ,CAAG,GACpDa,IAAmB;GACvB,MAAM;GACN;GACA,GAAIJ,IAAO,EAAE,QAAK,IAAI,CAAC;GACvB,GAAIA,KAAQP,GAAG,eAAe,EAAE,cAAcA,EAAE,aAAa,IAAI,CAAC;GAClE,GAAIS,IAAS,EAAE,UAAO,IAAI,CAAC;EAC7B;EACA,OAAOG,EAAyB,CAACD,CAAG,GAAGd,CAAG;CAC5C;CAKA,aAAa,GAAO,GAAO,MAAQA,GAAK,eAAe;CACvD,MAAM,GAAM,GAAO,MAAQ;EACzB,IAAMG,IAAIC,EAAK,MACTQ,IAASN,EAAkBH,GAAG,MAAM;EAC1C,OAAO;GACL,QAAQK,EAAgBL,GAAG,MAAMS,MAAW,OAAOH,IAAqB,IAAI,MAAM;GAClF,GAAGO,EAASJ,GAAQZ,GAAK,KAAK;EAChC;CACF;AACF"}
+{"version":3,"file":"derivedPainter.js","names":[],"sources":["../../../src/canvas/nodeShapes/derivedPainter.ts"],"sourcesContent":["import { boundsOfPath, type Path } from '@weasel-js/geom';\nimport type { Stroke, Fill } from '@weasel-js/paint';\nimport type { NodeInkCtx, NodeShapeEntry } from 'canvas/NodeShape';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { commandFill, commandStroke } from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { DEFAULT_SHAPE_FILL } from '../../util/paint';\nimport { derivedPartsOf, type DerivedPart } from 'core/scene/derivedParts';\nimport { derivesPath } from './memo';\nimport { strokedBounds } from './strokedBounds';\nimport {\n  inkReach, withAnimatedVertexColors, resolveNodeFill, resolveNodeStroke, type PaintedFill, type PaintedStroke,\n} from './nodePaint';\n\ntype PaintData = { fill?: Fill | null; stroke?: Stroke | null; vertexColors?: number[] };\n\nfunction pathCommand(\n  path: Path,\n  declared: PaintedFill | null,\n  strokeSpec: PaintedStroke | null,\n  vertexColors: number[] | undefined,\n): DrawCommand {\n  const box = boundsOfPath(path);\n  const fill = declared && commandFill(declared, box);\n  const stroke = strokeSpec && commandStroke(strokeSpec, box);\n  return {\n    kind: 'path',\n    path,\n    ...(fill ? { fill } : {}),\n    ...(fill && vertexColors ? { vertexColors } : {}),\n    ...(stroke ? { stroke } : {}),\n  };\n}\n\n/** The stroked box of the path on `ctx`, or `null` with no path or no stroke. */\nexport function derivedDrawnBounds(node: { data?: unknown }, ctx: NodeInkCtx | undefined): Bounds | null {\n  const path = ctx?.derivedPath;\n  const stroke = resolveNodeStroke((node.data as PaintData | null)?.stroke);\n  return path == null || stroke === null ? null : strokedBounds(path, stroke, ctx?.scale ?? 1, ctx?.screen);\n}\n\n/** One part's command: its own paint where it names one, else the node's. */\nfunction partCommand(part: DerivedPart, d: PaintData | null): DrawCommand {\n  const strokeSpec = resolveNodeStroke(part.stroke === undefined ? d?.stroke : part.stroke);\n  const declared = resolveNodeFill(\n    part.fill === undefined ? d?.fill : part.fill,\n    strokeSpec === null ? DEFAULT_SHAPE_FILL : null,\n  );\n  return pathCommand(part.path, declared, strokeSpec, undefined);\n}\n\n/**\n * Built-in painter for nodes whose geometry is computed from other nodes'\n * poses. The path itself arrives on the paint context — see\n * {@link NodePaintCtx.derivedPath}.\n *\n * Fill and stroke resolve as `kit:path`'s do, but against the **derived path's\n * own bounds**, not the pose. `kit:path` projects its path into the pose frame\n * first, so there the two boxes are the same one; here the path is already\n * absolute and the pose is typically a zero-sized placeholder, which would\n * collapse a box-relative gradient onto a point.\n *\n * Not memoized on {@link PAINT_SLOT} on purpose: that key is `(node, pose,\n * data)` and cannot see `ctx.derivedPath`, so it would serve one caller's\n * commands to a caller that passed a different path.\n *\n * Rotation still comes from the pose — `wrapNodeOutput` turns the output about\n * the pose AABB's center, which for a zero-sized pose is its origin.\n *\n * A path made by `pathFromParts` paints one command per part, each with the\n * part's own fill and stroke where it names them.\n */\nexport const DERIVED_PAINTER: NodeShapeEntry = {\n  id: 'kit:derived',\n  // `dependsOn` alone is not enough: the two fields are independent optionals,\n  // and `kit:add` restores a node with its `dependsOn` intact when its\n  // `derivePath` key is missing from the registry. Claiming that node would paint\n  // nothing where the authored appearance is what the warning promises.\n  matches: derivesPath,\n  paint: (node, _pose, ctx) => {\n    const path = ctx?.derivedPath;\n    if (path == null) return [];\n    const d = node.data as PaintData | null;\n    const parts = derivedPartsOf(path);\n    if (parts !== undefined) return parts.map((part) => partCommand(part, d));\n    const strokeSpec = resolveNodeStroke(d?.stroke);\n    const declared = resolveNodeFill(d?.fill, strokeSpec === null ? DEFAULT_SHAPE_FILL : null);\n    return withAnimatedVertexColors([pathCommand(path, declared, strokeSpec, d?.vertexColors)], ctx);\n  },\n  // The derived path *is* the silhouette, and it is already absolute — the\n  // pose is a placeholder, so nothing here can be recovered from it. Without\n  // a `ctx` this reports null, which `shapeCoversPoint` reads as \"no\n  // opinion\": picking then falls back to that zero-sized pose.\n  silhouette: (_node, _pose, ctx) => ctx?.derivedPath ?? null,\n  drawnBounds: (node, _pose, ctx) => derivedDrawnBounds(node, ctx),\n  ink: (node, _pose, ctx) => {\n    const d = node.data as { fill?: Fill | null; stroke?: Stroke | null } | null;\n    const stroke = resolveNodeStroke(d?.stroke);\n    return {\n      filled: resolveNodeFill(d?.fill, stroke === null ? DEFAULT_SHAPE_FILL : null) !== null,\n      ...inkReach(stroke, ctx?.scale),\n    };\n  },\n};\n"],"mappings":";;;;;;;;;AAgBA,SAAS,YACP,MACA,UACA,YACA,cACa;CACb,MAAM,MAAM,aAAa,IAAI;CAC7B,MAAM,OAAO,YAAY,YAAY,UAAU,GAAG;CAClD,MAAM,SAAS,cAAc,cAAc,YAAY,GAAG;CAC1D,OAAO;EACL,MAAM;EACN;EACA,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;EACvB,GAAI,QAAQ,eAAe,EAAE,aAAa,IAAI,CAAC;EAC/C,GAAI,SAAS,EAAE,OAAO,IAAI,CAAC;CAC7B;AACF;;AAGA,SAAgB,mBAAmB,MAA0B,KAA4C;CACvG,MAAM,OAAO,KAAK;CAClB,MAAM,SAAS,kBAAmB,KAAK,MAA2B,MAAM;CACxE,OAAO,QAAQ,QAAQ,WAAW,OAAO,OAAO,cAAc,MAAM,QAAQ,KAAK,SAAS,GAAG,KAAK,MAAM;AAC1G;;AAGA,SAAS,YAAY,MAAmB,GAAkC;CACxE,MAAM,aAAa,kBAAkB,KAAK,WAAW,SAAY,GAAG,SAAS,KAAK,MAAM;CACxF,MAAM,WAAW,gBACf,KAAK,SAAS,SAAY,GAAG,OAAO,KAAK,MACzC,eAAe,OAAO,qBAAqB,IAC7C;CACA,OAAO,YAAY,KAAK,MAAM,UAAU,YAAY,MAAS;AAC/D;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,kBAAkC;CAC7C,IAAI;CAKJ,SAAS;CACT,QAAQ,MAAM,OAAO,QAAQ;EAC3B,MAAM,OAAO,KAAK;EAClB,IAAI,QAAQ,MAAM,OAAO,CAAC;EAC1B,MAAM,IAAI,KAAK;EACf,MAAM,QAAQ,eAAe,IAAI;EACjC,IAAI,UAAU,QAAW,OAAO,MAAM,KAAK,SAAS,YAAY,MAAM,CAAC,CAAC;EACxE,MAAM,aAAa,kBAAkB,GAAG,MAAM;EAC9C,MAAM,WAAW,gBAAgB,GAAG,MAAM,eAAe,OAAO,qBAAqB,IAAI;EACzF,OAAO,yBAAyB,CAAC,YAAY,MAAM,UAAU,YAAY,GAAG,YAAY,CAAC,GAAG,GAAG;CACjG;CAKA,aAAa,OAAO,OAAO,QAAQ,KAAK,eAAe;CACvD,cAAc,MAAM,OAAO,QAAQ,mBAAmB,MAAM,GAAG;CAC/D,MAAM,MAAM,OAAO,QAAQ;EACzB,MAAM,IAAI,KAAK;EACf,MAAM,SAAS,kBAAkB,GAAG,MAAM;EAC1C,OAAO;GACL,QAAQ,gBAAgB,GAAG,MAAM,WAAW,OAAO,qBAAqB,IAAI,MAAM;GAClF,GAAG,SAAS,QAAQ,KAAK,KAAK;EAChC;CACF;AACF"}

package/dist/canvas/nodeShapes/imagePainter.js

@@ -1,87 +1,103 @@
-import { paintsPose as e, poseBoxBounds as t } from "./poseBox.js";
-import { getImageBitmap as n, imageStatus as r } from "@weasel-js/renderer";
-import { linePath as i } from "@weasel-js/geom";
+import { paintsPose, poseBoxBounds } from "./poseBox.js";
+import { getImageBitmap, imageStatus } from "@weasel-js/renderer";
+import { linePath } from "@weasel-js/geom";
+
 //#region src/canvas/nodeShapes/imagePainter.ts
-function a(e, t) {
+function sourceInPixels(s, bmp) {
 	return {
-		x: e.x * t.width,
-		y: e.y * t.height,
-		w: e.width * t.width,
-		h: e.height * t.height
+		x: s.x * bmp.width,
+		y: s.y * bmp.height,
+		w: s.width * bmp.width,
+		h: s.height * bmp.height
 	};
 }
-function o(e, t, n) {
-	if (n && n > 0) return {
-		width: Math.abs(e.width) * n / (t?.width || 1),
-		height: Math.abs(e.height) * n / (t?.height || 1)
+/** The whole bitmap's size in device pixels when `source` of it fills `pose`. */
+function drawnSize(pose, source, pixelScale) {
+	if (!(pixelScale && pixelScale > 0)) return void 0;
+	return {
+		width: Math.abs(pose.width) * pixelScale / (source?.width || 1),
+		height: Math.abs(pose.height) * pixelScale / (source?.height || 1)
 	};
 }
-var s = {
+/** Raster-image painter. Renders `data.image.src` (URL / blob: / data-URI)
+*  via an `ImageDrawCommand` once the bitmap has decoded; until then it paints
+*  a faint placeholder outline so the node stays visible + selectable (a
+*  reddish outline + slash marks a failed load). The decoded bitmap is owned
+*  by `imageCache`, keyed on `src`; the node holds only the serializable `src`.
+*  Registered before `kit:rect-fallback` so image nodes don't fall through. */
+var IMAGE_PAINTER = {
 	id: "kit:image",
-	matches: (t) => {
-		if (!e(t.pose)) return !1;
-		let n = t.data?.image?.src;
-		return typeof n == "string" && n.length > 0;
+	snapsToBox: true,
+	matches: (node) => {
+		if (!paintsPose(node.pose)) return false;
+		const src = node.data?.image?.src;
+		return typeof src === "string" && src.length > 0;
 	},
-	paint: (e, t, s) => {
-		let c = e.data, l = t, u = s?.resolveImage ? s.resolveImage(e) : n(c.image.src, o(l, c.image.source, s?.pixelScale));
-		if (u) return [{
+	paint: (node, pose, ctx) => {
+		const d = node.data;
+		const p = pose;
+		const bmp = ctx?.resolveImage ? ctx.resolveImage(node) : getImageBitmap(d.image.src, drawnSize(p, d.image.source, ctx?.pixelScale));
+		if (bmp) return [{
 			kind: "image",
-			image: u,
-			x: l.x,
-			y: l.y,
-			w: l.width,
-			h: l.height,
-			...c.image.opacity === void 0 ? {} : { opacity: c.image.opacity },
-			...c.image.source ? { source: a(c.image.source, u) } : {},
-			...c.image.flipX ? { flipX: !0 } : {},
-			...c.image.flipY ? { flipY: !0 } : {}
+			image: bmp,
+			x: p.x,
+			y: p.y,
+			w: p.width,
+			h: p.height,
+			...d.image.opacity !== void 0 ? { opacity: d.image.opacity } : {},
+			...d.image.source ? { source: sourceInPixels(d.image.source, bmp) } : {},
+			...d.image.flipX ? { flipX: true } : {},
+			...d.image.flipY ? { flipY: true } : {}
 		}];
-		let d = !s?.resolveImage && r(c.image.src) === "error", f = d ? "#d08a8a" : "#bbbbbb", p = [{
+		const error = ctx?.resolveImage ? false : imageStatus(d.image.src) === "error";
+		const color = error ? "#d08a8a" : "#bbbbbb";
+		const cmds = [{
 			kind: "path",
 			path: {
 				kind: "rect",
-				x: l.x,
-				y: l.y,
-				width: l.width,
-				height: l.height
+				x: p.x,
+				y: p.y,
+				width: p.width,
+				height: p.height
 			},
 			stroke: {
-				paint: { color: f },
+				paint: { color },
 				width: 1
 			}
 		}];
-		return d && p.push({
+		if (error) cmds.push({
 			kind: "path",
-			path: i({
-				x: l.x,
-				y: l.y
+			path: linePath({
+				x: p.x,
+				y: p.y
 			}, {
-				x: l.x + l.width,
-				y: l.y + l.height
+				x: p.x + p.width,
+				y: p.y + p.height
 			}),
 			stroke: {
-				paint: { color: f },
+				paint: { color },
 				width: 1
 			}
-		}), p;
+		});
+		return cmds;
 	},
-	silhouette: (e, t) => {
-		let n = t;
+	silhouette: (_node, pose) => {
+		const p = pose;
 		return {
 			kind: "rect",
-			x: n.x,
-			y: n.y,
-			width: n.width,
-			height: n.height
+			x: p.x,
+			y: p.y,
+			width: p.width,
+			height: p.height
 		};
 	},
-	bounds: (e, n, r) => t(n, c, r)
-}, c = {
+	bounds: (_node, pose, ctx) => poseBoxBounds(pose, IMAGE_PLACEHOLDER_STROKE, ctx)
+};
+var IMAGE_PLACEHOLDER_STROKE = {
 	paint: { color: "#000" },
 	width: 1
 };
-//#endregion
-export { s as IMAGE_PAINTER, c as IMAGE_PLACEHOLDER_STROKE, o as drawnSize, a as sourceInPixels };
 
+//#endregion
+export { IMAGE_PAINTER, IMAGE_PLACEHOLDER_STROKE, drawnSize, sourceInPixels };
 //# sourceMappingURL=imagePainter.js.map

package/dist/canvas/nodeShapes/imagePainter.js.map

@@ -1 +1 @@
-{"version":3,"file":"imagePainter.js","names":["sourceInPixels","s","bmp","drawnSize","pixelScale","pose","source","IMAGE_PAINTER","paintsPose","node","src","d","p","ctx","getImageBitmap","error","imageStatus","color","cmds","linePath","poseBoxBounds","IMAGE_PLACEHOLDER_STROKE"],"sources":["../../../src/canvas/nodeShapes/imagePainter.ts"],"sourcesContent":["import {\n  linePath\n} from '@weasel-js/geom';\nimport type { Stroke } from '@weasel-js/paint';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport type { Node, RectPose } from 'core/scene/types';\nimport {\n  getImageBitmap, imageStatus, type ImageNodeData, type ImageRasterSize,\n} from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { paintsPose, poseBoxBounds } from './poseBox';\n\n// ─── Built-in painters ─────────────────────────────────────────────────\n\nexport function sourceInPixels(\n  s: NonNullable<ImageNodeData['image']['source']>,\n  bmp: ImageBitmap,\n): { x: number; y: number; w: number; h: number } {\n  return {\n    x: s.x * bmp.width, y: s.y * bmp.height, w: s.width * bmp.width, h: s.height * bmp.height,\n  };\n}\n\n/** The whole bitmap's size in device pixels when `source` of it fills `pose`. */\nexport function drawnSize(\n  pose: RectPose,\n  source: ImageNodeData['image']['source'],\n  pixelScale: number | undefined,\n): ImageRasterSize | undefined {\n  if (!(pixelScale && pixelScale > 0)) return undefined;\n  return {\n    width: Math.abs(pose.width) * pixelScale / (source?.width || 1),\n    height: Math.abs(pose.height) * pixelScale / (source?.height || 1),\n  };\n}\n\n/** Raster-image painter. Renders `data.image.src` (URL / blob: / data-URI)\n *  via an `ImageDrawCommand` once the bitmap has decoded; until then it paints\n *  a faint placeholder outline so the node stays visible + selectable (a\n *  reddish outline + slash marks a failed load). The decoded bitmap is owned\n *  by `imageCache`, keyed on `src`; the node holds only the serializable `src`.\n *  Registered before `kit:rect-fallback` so image nodes don't fall through. */\nexport const IMAGE_PAINTER: NodeShapeEntry<unknown, RectPose> = {\n  id: 'kit:image',\n  matches: (node) => {\n    if (!paintsPose(node.pose)) return false;\n    const src = (node.data as { image?: { src?: unknown } } | null)?.image?.src;\n    return typeof src === 'string' && src.length > 0;\n  },\n  paint: (node, pose, ctx) => {\n    const d = node.data as ImageNodeData;\n    const p = pose;\n    const bmp = ctx?.resolveImage\n      ? ctx.resolveImage(node as unknown as Node<unknown, string, unknown>)\n      : getImageBitmap(d.image.src, drawnSize(p, d.image.source, ctx?.pixelScale));\n    if (bmp) {\n      return [{\n        kind: 'image',\n        image: bmp,\n        x: p.x, y: p.y, w: p.width, h: p.height,\n        ...(d.image.opacity !== undefined ? { opacity: d.image.opacity } : {}),\n        ...(d.image.source ? { source: sourceInPixels(d.image.source, bmp) } : {}),\n        ...(d.image.flipX ? { flipX: true } : {}),\n        ...(d.image.flipY ? { flipY: true } : {}),\n      }];\n    }\n    // Not ready — faint placeholder (grey while loading, reddish + slash on\n    // error). With a caller-supplied resolver the fallback is deterministic:\n    // always the plain grey outline, no ambient load-status read.\n    const error = ctx?.resolveImage ? false : imageStatus(d.image.src) === 'error';\n    const color = error ? '#d08a8a' : '#bbbbbb';\n    const cmds: DrawCommand[] = [{\n      kind: 'path',\n      path: { kind: 'rect', x: p.x, y: p.y, width: p.width, height: p.height },\n      stroke: { paint: { color }, width: 1 },\n    }];\n    if (error) {\n      cmds.push({\n        kind: 'path',\n        path: linePath({ x: p.x, y: p.y }, { x: p.x + p.width, y: p.y + p.height }),\n        stroke: { paint: { color }, width: 1 },\n      });\n    }\n    return cmds;\n  },\n  silhouette: (_node, pose) => {\n    const p = pose;\n    return { kind: 'rect', x: p.x, y: p.y, width: p.width, height: p.height };\n  },\n  // The placeholder's 1-unit outline is the only thing that leaves the box.\n  bounds: (_node, pose, ctx) => poseBoxBounds(pose, IMAGE_PLACEHOLDER_STROKE, ctx),\n};\n\nexport const IMAGE_PLACEHOLDER_STROKE: Stroke = { paint: { color: '#000' }, width: 1 };\n"],"mappings":";;;;AAcA,SAAgBA,EACd,GACA,GACgD;CAChD,OAAO;EACL,GAAGC,EAAE,IAAIC,EAAI;EAAO,GAAGD,EAAE,IAAIC,EAAI;EAAQ,GAAGD,EAAE,QAAQC,EAAI;EAAO,GAAGD,EAAE,SAASC,EAAI;CACrF;AACF;AAGA,SAAgBC,EACd,GACA,GACA,GAC6B;CAC7B,IAAMC,KAAcA,IAAa,GACjC,OAAO;EACL,OAAO,KAAK,IAAIC,EAAK,KAAK,IAAID,KAAcE,GAAQ,SAAS;EAC7D,QAAQ,KAAK,IAAID,EAAK,MAAM,IAAID,KAAcE,GAAQ,UAAU;CAClE;AACF;AAQA,IAAaC,IAAmD;CAC9D,IAAI;CACJ,UAAU,MAAS;EACjB,IAAI,CAACC,EAAWC,EAAK,IAAI,GAAG,OAAO;EACnC,IAAMC,IAAOD,EAAK,MAA+C,OAAO;EACxE,OAAO,OAAOC,KAAQ,YAAYA,EAAI,SAAS;CACjD;CACA,QAAQ,GAAM,GAAM,MAAQ;EAC1B,IAAMC,IAAIF,EAAK,MACTG,IAAIP,GACJH,IAAMW,GAAK,eACbA,EAAI,aAAaJ,CAAiD,IAClEK,EAAeH,EAAE,MAAM,KAAKR,EAAUS,GAAGD,EAAE,MAAM,QAAQE,GAAK,UAAU,CAAC;EAC7E,IAAIX,GACF,OAAO,CAAC;GACN,MAAM;GACN,OAAOA;GACP,GAAGU,EAAE;GAAG,GAAGA,EAAE;GAAG,GAAGA,EAAE;GAAO,GAAGA,EAAE;GACjC,GAAID,EAAE,MAAM,YAAY,KAAA,IAA2C,CAAC,IAAhC,EAAE,SAASA,EAAE,MAAM,QAAQ;GAC/D,GAAIA,EAAE,MAAM,SAAS,EAAE,QAAQX,EAAeW,EAAE,MAAM,QAAQT,CAAG,EAAE,IAAI,CAAC;GACxE,GAAIS,EAAE,MAAM,QAAQ,EAAE,OAAO,GAAK,IAAI,CAAC;GACvC,GAAIA,EAAE,MAAM,QAAQ,EAAE,OAAO,GAAK,IAAI,CAAC;EACzC,CAAC;EAKH,IAAMI,IAAQ,IAAK,gBAAuBC,EAAYL,EAAE,MAAM,GAAG,MAAM,SACjEM,IAAQF,IAAQ,YAAY,WAC5BG,IAAsB,CAAC;GAC3B,MAAM;GACN,MAAM;IAAE,MAAM;IAAQ,GAAGN,EAAE;IAAG,GAAGA,EAAE;IAAG,OAAOA,EAAE;IAAO,QAAQA,EAAE;GAAO;GACvE,QAAQ;IAAE,OAAO,EAAE,SAAM;IAAG,OAAO;GAAE;EACvC,CAAC;EAQD,OAPIG,KACFG,EAAK,KAAK;GACR,MAAM;GACN,MAAMC,EAAS;IAAE,GAAGP,EAAE;IAAG,GAAGA,EAAE;GAAE,GAAG;IAAE,GAAGA,EAAE,IAAIA,EAAE;IAAO,GAAGA,EAAE,IAAIA,EAAE;GAAO,CAAC;GAC1E,QAAQ;IAAE,OAAO,EAAE,SAAM;IAAG,OAAO;GAAE;EACvC,CAAC,GAEIM;CACT;CACA,aAAa,GAAO,MAAS;EAC3B,IAAMN,IAAIP;EACV,OAAO;GAAE,MAAM;GAAQ,GAAGO,EAAE;GAAG,GAAGA,EAAE;GAAG,OAAOA,EAAE;GAAO,QAAQA,EAAE;EAAO;CAC1E;CAEA,SAAS,GAAO,GAAM,MAAQQ,EAAcf,GAAMgB,GAA0BR,CAAG;AACjF,GAEaQ,IAAmC;CAAE,OAAO,EAAE,OAAO,OAAO;CAAG,OAAO;AAAE"}
+{"version":3,"file":"imagePainter.js","names":[],"sources":["../../../src/canvas/nodeShapes/imagePainter.ts"],"sourcesContent":["import {\n  linePath\n} from '@weasel-js/geom';\nimport type { Stroke } from '@weasel-js/paint';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport type { Node, RectPose } from 'core/scene/types';\nimport {\n  getImageBitmap, imageStatus, type ImageNodeData, type ImageRasterSize,\n} from '@weasel-js/renderer';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { paintsPose, poseBoxBounds } from './poseBox';\n\n// ─── Built-in painters ─────────────────────────────────────────────────\n\nexport function sourceInPixels(\n  s: NonNullable<ImageNodeData['image']['source']>,\n  bmp: ImageBitmap,\n): { x: number; y: number; w: number; h: number } {\n  return {\n    x: s.x * bmp.width, y: s.y * bmp.height, w: s.width * bmp.width, h: s.height * bmp.height,\n  };\n}\n\n/** The whole bitmap's size in device pixels when `source` of it fills `pose`. */\nexport function drawnSize(\n  pose: RectPose,\n  source: ImageNodeData['image']['source'],\n  pixelScale: number | undefined,\n): ImageRasterSize | undefined {\n  if (!(pixelScale && pixelScale > 0)) return undefined;\n  return {\n    width: Math.abs(pose.width) * pixelScale / (source?.width || 1),\n    height: Math.abs(pose.height) * pixelScale / (source?.height || 1),\n  };\n}\n\n/** Raster-image painter. Renders `data.image.src` (URL / blob: / data-URI)\n *  via an `ImageDrawCommand` once the bitmap has decoded; until then it paints\n *  a faint placeholder outline so the node stays visible + selectable (a\n *  reddish outline + slash marks a failed load). The decoded bitmap is owned\n *  by `imageCache`, keyed on `src`; the node holds only the serializable `src`.\n *  Registered before `kit:rect-fallback` so image nodes don't fall through. */\nexport const IMAGE_PAINTER: NodeShapeEntry<unknown, RectPose> = {\n  id: 'kit:image',\n  snapsToBox: true,\n  matches: (node) => {\n    if (!paintsPose(node.pose)) return false;\n    const src = (node.data as { image?: { src?: unknown } } | null)?.image?.src;\n    return typeof src === 'string' && src.length > 0;\n  },\n  paint: (node, pose, ctx) => {\n    const d = node.data as ImageNodeData;\n    const p = pose;\n    const bmp = ctx?.resolveImage\n      ? ctx.resolveImage(node as unknown as Node<unknown, string, unknown>)\n      : getImageBitmap(d.image.src, drawnSize(p, d.image.source, ctx?.pixelScale));\n    if (bmp) {\n      return [{\n        kind: 'image',\n        image: bmp,\n        x: p.x, y: p.y, w: p.width, h: p.height,\n        ...(d.image.opacity !== undefined ? { opacity: d.image.opacity } : {}),\n        ...(d.image.source ? { source: sourceInPixels(d.image.source, bmp) } : {}),\n        ...(d.image.flipX ? { flipX: true } : {}),\n        ...(d.image.flipY ? { flipY: true } : {}),\n      }];\n    }\n    // Not ready — faint placeholder (grey while loading, reddish + slash on\n    // error). With a caller-supplied resolver the fallback is deterministic:\n    // always the plain grey outline, no ambient load-status read.\n    const error = ctx?.resolveImage ? false : imageStatus(d.image.src) === 'error';\n    const color = error ? '#d08a8a' : '#bbbbbb';\n    const cmds: DrawCommand[] = [{\n      kind: 'path',\n      path: { kind: 'rect', x: p.x, y: p.y, width: p.width, height: p.height },\n      stroke: { paint: { color }, width: 1 },\n    }];\n    if (error) {\n      cmds.push({\n        kind: 'path',\n        path: linePath({ x: p.x, y: p.y }, { x: p.x + p.width, y: p.y + p.height }),\n        stroke: { paint: { color }, width: 1 },\n      });\n    }\n    return cmds;\n  },\n  silhouette: (_node, pose) => {\n    const p = pose;\n    return { kind: 'rect', x: p.x, y: p.y, width: p.width, height: p.height };\n  },\n  // The placeholder's 1-unit outline is the only thing that leaves the box.\n  bounds: (_node, pose, ctx) => poseBoxBounds(pose, IMAGE_PLACEHOLDER_STROKE, ctx),\n};\n\nexport const IMAGE_PLACEHOLDER_STROKE: Stroke = { paint: { color: '#000' }, width: 1 };\n"],"mappings":";;;;;AAcA,SAAgB,eACd,GACA,KACgD;CAChD,OAAO;EACL,GAAG,EAAE,IAAI,IAAI;EAAO,GAAG,EAAE,IAAI,IAAI;EAAQ,GAAG,EAAE,QAAQ,IAAI;EAAO,GAAG,EAAE,SAAS,IAAI;CACrF;AACF;;AAGA,SAAgB,UACd,MACA,QACA,YAC6B;CAC7B,IAAI,EAAE,cAAc,aAAa,IAAI,OAAO;CAC5C,OAAO;EACL,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,cAAc,QAAQ,SAAS;EAC7D,QAAQ,KAAK,IAAI,KAAK,MAAM,IAAI,cAAc,QAAQ,UAAU;CAClE;AACF;;;;;;;AAQA,IAAa,gBAAmD;CAC9D,IAAI;CACJ,YAAY;CACZ,UAAU,SAAS;EACjB,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,OAAO;EACnC,MAAM,MAAO,KAAK,MAA+C,OAAO;EACxE,OAAO,OAAO,QAAQ,YAAY,IAAI,SAAS;CACjD;CACA,QAAQ,MAAM,MAAM,QAAQ;EAC1B,MAAM,IAAI,KAAK;EACf,MAAM,IAAI;EACV,MAAM,MAAM,KAAK,eACb,IAAI,aAAa,IAAiD,IAClE,eAAe,EAAE,MAAM,KAAK,UAAU,GAAG,EAAE,MAAM,QAAQ,KAAK,UAAU,CAAC;EAC7E,IAAI,KACF,OAAO,CAAC;GACN,MAAM;GACN,OAAO;GACP,GAAG,EAAE;GAAG,GAAG,EAAE;GAAG,GAAG,EAAE;GAAO,GAAG,EAAE;GACjC,GAAI,EAAE,MAAM,YAAY,SAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,IAAI,CAAC;GACpE,GAAI,EAAE,MAAM,SAAS,EAAE,QAAQ,eAAe,EAAE,MAAM,QAAQ,GAAG,EAAE,IAAI,CAAC;GACxE,GAAI,EAAE,MAAM,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;GACvC,GAAI,EAAE,MAAM,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;EACzC,CAAC;EAKH,MAAM,QAAQ,KAAK,eAAe,QAAQ,YAAY,EAAE,MAAM,GAAG,MAAM;EACvE,MAAM,QAAQ,QAAQ,YAAY;EAClC,MAAM,OAAsB,CAAC;GAC3B,MAAM;GACN,MAAM;IAAE,MAAM;IAAQ,GAAG,EAAE;IAAG,GAAG,EAAE;IAAG,OAAO,EAAE;IAAO,QAAQ,EAAE;GAAO;GACvE,QAAQ;IAAE,OAAO,EAAE,MAAM;IAAG,OAAO;GAAE;EACvC,CAAC;EACD,IAAI,OACF,KAAK,KAAK;GACR,MAAM;GACN,MAAM,SAAS;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE,GAAG;IAAE,GAAG,EAAE,IAAI,EAAE;IAAO,GAAG,EAAE,IAAI,EAAE;GAAO,CAAC;GAC1E,QAAQ;IAAE,OAAO,EAAE,MAAM;IAAG,OAAO;GAAE;EACvC,CAAC;EAEH,OAAO;CACT;CACA,aAAa,OAAO,SAAS;EAC3B,MAAM,IAAI;EACV,OAAO;GAAE,MAAM;GAAQ,GAAG,EAAE;GAAG,GAAG,EAAE;GAAG,OAAO,EAAE;GAAO,QAAQ,EAAE;EAAO;CAC1E;CAEA,SAAS,OAAO,MAAM,QAAQ,cAAc,MAAM,0BAA0B,GAAG;AACjF;AAEA,IAAa,2BAAmC;CAAE,OAAO,EAAE,OAAO,OAAO;CAAG,OAAO;AAAE"}

package/dist/canvas/nodeShapes/measurePainter.js

@@ -0,0 +1,58 @@
+import { paintsPose } from "./poseBox.js";
+import { OVERLAY_ROLE_STROKES } from "../overlayRoleStrokes.js";
+import { measureEndsOf } from "../../features/measure/measurement.js";
+import { polylineFromPoints } from "@weasel-js/geom";
+
+//#region src/canvas/nodeShapes/measurePainter.ts
+/** Screen-px half-length of the tick across each end of a measurement. */
+var MEASURE_TICK_PX = 5;
+/**
+* A measurement's line and a tick across each end, as the measure painter
+* and the measurements layer draw it. `perPx` is world units per screen pixel, so the
+* line and its ticks keep their screen size at any zoom.
+*/
+function measureCommands(start, end, perPx) {
+	const stroke = {
+		...OVERLAY_ROLE_STROKES["measure"],
+		width: { px: 1 }
+	};
+	const len = Math.hypot(end.x - start.x, end.y - start.y);
+	const nx = len > 0 ? -(end.y - start.y) / len : 0;
+	const ny = len > 0 ? (end.x - start.x) / len : 1;
+	const half = MEASURE_TICK_PX * perPx;
+	const tick = (p) => ({
+		kind: "path",
+		path: polylineFromPoints([{
+			x: p.x - nx * half,
+			y: p.y - ny * half
+		}, {
+			x: p.x + nx * half,
+			y: p.y + ny * half
+		}]),
+		stroke
+	});
+	const out = [tick(start), tick(end)];
+	if (len > 0) out.unshift({
+		kind: "path",
+		path: polylineFromPoints([start, end]),
+		stroke
+	});
+	return out;
+}
+/** Paints a measurement node — `data.measure`, in world units — in the
+*  canvas's measure color. It has no silhouette: a measurement is not content
+*  to pick. */
+var MEASURE_PAINTER = {
+	id: "kit:measure",
+	matches: (node) => paintsPose(node.pose) && measureEndsOf(node) !== null,
+	paint: (node, _pose, ctx) => {
+		const ends = measureEndsOf(node);
+		if (!ends) return [];
+		const dpr = globalThis.devicePixelRatio || 1;
+		return measureCommands(ends.start, ends.end, dpr / (ctx?.pixelScale ?? dpr));
+	}
+};
+
+//#endregion
+export { MEASURE_PAINTER, MEASURE_TICK_PX, measureCommands };
+//# sourceMappingURL=measurePainter.js.map

package/dist/canvas/nodeShapes/measurePainter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measurePainter.js","names":[],"sources":["../../../src/canvas/nodeShapes/measurePainter.ts"],"sourcesContent":["import { polylineFromPoints } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { NodeShapeEntry } from 'canvas/NodeShape';\nimport { OVERLAY_ROLE_STROKES } from 'canvas/overlayRoleStrokes';\nimport { measureEndsOf, type MeasurePoint } from 'features/measure/measurement';\nimport { paintsPose } from './poseBox';\n\n/** Screen-px half-length of the tick across each end of a measurement. */\nexport const MEASURE_TICK_PX = 5;\n\n/**\n * A measurement's line and a tick across each end, as the measure painter\n * and the measurements layer draw it. `perPx` is world units per screen pixel, so the\n * line and its ticks keep their screen size at any zoom.\n */\nexport function measureCommands(start: MeasurePoint, end: MeasurePoint, perPx: number): DrawCommand[] {\n  const stroke = { ...OVERLAY_ROLE_STROKES['measure'], width: { px: 1 } };\n  const len = Math.hypot(end.x - start.x, end.y - start.y);\n  // The ticks run across the line; with no length yet they stand upright.\n  const nx = len > 0 ? -(end.y - start.y) / len : 0;\n  const ny = len > 0 ? (end.x - start.x) / len : 1;\n  const half = MEASURE_TICK_PX * perPx;\n  const tick = (p: MeasurePoint): DrawCommand => ({\n    kind: 'path',\n    path: polylineFromPoints([{ x: p.x - nx * half, y: p.y - ny * half }, { x: p.x + nx * half, y: p.y + ny * half }]),\n    stroke,\n  });\n  const out: DrawCommand[] = [tick(start), tick(end)];\n  if (len > 0) out.unshift({ kind: 'path', path: polylineFromPoints([start, end]), stroke });\n  return out;\n}\n\n/** Paints a measurement node — `data.measure`, in world units — in the\n *  canvas's measure color. It has no silhouette: a measurement is not content\n *  to pick. */\nexport const MEASURE_PAINTER: NodeShapeEntry = {\n  id: 'kit:measure',\n  matches: (node) => paintsPose(node.pose) && measureEndsOf(node) !== null,\n  paint: (node, _pose, ctx) => {\n    const ends = measureEndsOf(node);\n    if (!ends) return [];\n    const dpr = globalThis.devicePixelRatio || 1;\n    return measureCommands(ends.start, ends.end, dpr / (ctx?.pixelScale ?? dpr));\n  },\n};\n"],"mappings":";;;;;;;AAQA,IAAa,kBAAkB;;;;;;AAO/B,SAAgB,gBAAgB,OAAqB,KAAmB,OAA8B;CACpG,MAAM,SAAS;EAAE,GAAG,qBAAqB;EAAY,OAAO,EAAE,IAAI,EAAE;CAAE;CACtE,MAAM,MAAM,KAAK,MAAM,IAAI,IAAI,MAAM,GAAG,IAAI,IAAI,MAAM,CAAC;CAEvD,MAAM,KAAK,MAAM,IAAI,EAAE,IAAI,IAAI,MAAM,KAAK,MAAM;CAChD,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,MAAM;CAC/C,MAAM,OAAO,kBAAkB;CAC/B,MAAM,QAAQ,OAAkC;EAC9C,MAAM;EACN,MAAM,mBAAmB,CAAC;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,GAAG;GAAE,GAAG,EAAE,IAAI,KAAK;GAAM,GAAG,EAAE,IAAI,KAAK;EAAK,CAAC,CAAC;EACjH;CACF;CACA,MAAM,MAAqB,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,CAAC;CAClD,IAAI,MAAM,GAAG,IAAI,QAAQ;EAAE,MAAM;EAAQ,MAAM,mBAAmB,CAAC,OAAO,GAAG,CAAC;EAAG;CAAO,CAAC;CACzF,OAAO;AACT;;;;AAKA,IAAa,kBAAkC;CAC7C,IAAI;CACJ,UAAU,SAAS,WAAW,KAAK,IAAI,KAAK,cAAc,IAAI,MAAM;CACpE,QAAQ,MAAM,OAAO,QAAQ;EAC3B,MAAM,OAAO,cAAc,IAAI;EAC/B,IAAI,CAAC,MAAM,OAAO,CAAC;EACnB,MAAM,MAAM,WAAW,oBAAoB;EAC3C,OAAO,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,KAAK,cAAc,IAAI;CAC7E;AACF"}