@weasel-js/core 1.9.3 → 1.9.4

package/dist/features/patterns/commandPaint.js

@@ -0,0 +1,18 @@
+import { fillInPoseFrame as e } from "../../core/fillInPoseFrame.js";
+import { resolveFillPattern as t } from "./resolveSpec.js";
+//#region src/features/patterns/commandPaint.ts
+function n(n, r) {
+	return t(e(n, r));
+}
+function r(e, t) {
+	if (e.paint == null) return null;
+	let r = n(e.paint, t);
+	return r === null ? null : r === e.paint ? e : {
+		...e,
+		paint: r
+	};
+}
+//#endregion
+export { n as commandFill, r as commandStroke };
+
+//# sourceMappingURL=commandPaint.js.map

package/dist/features/patterns/commandPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandPaint.js","names":["commandFill","resolveFillPattern","fillInPoseFrame","fill","box","commandStroke","stroke","paint"],"sources":["../../../src/features/patterns/commandPaint.ts"],"sourcesContent":["/**\n * A node's paint, resolved into what a draw command takes. One place composes\n * the two resolutions so every painter and layer applies both.\n */\n\nimport type { CommandFill, CommandStroke, FillStyle, Stroke } from '@weasel-js/paint';\nimport { fillInPoseFrame, type FillPoseBox } from '../../core/fillInPoseFrame';\nimport { resolveFillPattern } from './resolveSpec';\n\n/**\n * `fill` as a draw command's fill: `'bounds'` units mapped onto `box`, and a\n * tile spec swapped for its texture. `null` when a spec cannot rasterize.\n */\nexport function commandFill(fill: FillStyle, box: FillPoseBox): CommandFill | null {\n  return resolveFillPattern(fillInPoseFrame(fill, box));\n}\n\n/**\n * `stroke` as a draw command's stroke, its paint resolved as\n * {@link commandFill} resolves a fill. `null` when the stroke carries no\n * paint, or its paint cannot be resolved.\n */\nexport function commandStroke(stroke: Stroke, box: FillPoseBox): CommandStroke | null {\n  if (stroke.paint == null) return null;\n  const paint = commandFill(stroke.paint, box);\n  if (paint === null) return null;\n  // Same object when nothing changed: the renderer's stroke caches key on it.\n  return paint === stroke.paint ? (stroke as CommandStroke) : { ...stroke, paint };\n}\n"],"mappings":";;;AAaA,SAAgBA,EAAY,GAAiB,GAAsC;CACjF,OAAOC,EAAmBC,EAAgBC,GAAMC,CAAG,CAAC;AACtD;AAOA,SAAgBC,EAAc,GAAgB,GAAwC;CACpF,IAAIC,EAAO,SAAS,MAAM,OAAO;CACjC,IAAMC,IAAQP,EAAYM,EAAO,OAAOF,CAAG;CAG3C,OAFIG,MAAU,OAAa,OAEpBA,MAAUD,EAAO,QAASA,IAA2B;EAAE,GAAGA;EAAQ;CAAM;AACjF"}

package/dist/features/patterns/index.js

@@ -1,23 +1,11 @@
 import { registerTexture as e } from "../../renderer/textures/registerTexture.js";
+import { rasterizeTile as t } from "./rasterizeTile.js";
 //#region src/features/patterns/index.ts
-function t(t) {
-	let n;
-	try {
-		n = new OffscreenCanvas(t.size, t.size);
-	} catch {
-		if (typeof document > "u") return null;
-		let e = document.createElement("canvas");
-		e.width = t.size, e.height = t.size, n = e;
-	}
-	let r = n.getContext("2d");
-	if (!r) return null;
-	t.draw(r, t.size);
-	let i;
-	if (typeof n.transferToImageBitmap == "function") i = n.transferToImageBitmap();
-	else return null;
-	return e(i);
+function n(n) {
+	let r = t(n);
+	return r ? e(r) : null;
 }
 //#endregion
-export { t as createTilePattern };
+export { n as createTilePattern };
 
 //# sourceMappingURL=index.js.map

package/dist/features/patterns/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createTilePattern","off","opts","c","oc","bitmap","registerTexture"],"sources":["../../../src/features/patterns/index.ts"],"sourcesContent":["/**\n * Tile-pattern primitive — a small helper for building repeating texture\n * tiles from a draw callback. The result plugs into a `FillStyle` of\n * `{ fill: 'pattern', pattern }` (see `@weasel-js/paint`).\n *\n * GL-backed: the tile is rendered to an `OffscreenCanvas` (with a 2D fallback\n * to a regular `<canvas>` for environments without `OffscreenCanvas`),\n * converted to an `ImageBitmap`, and registered with `registerTexture()`.\n * The returned `TextureHandle` is what `FillStyle.pattern` accepts.\n *\n * For ready-to-use named patterns (hatch, crosshatch, dots, chunks),\n * see the `@weasel-js/core/patterns-builtin` subpath.\n */\n\nimport { registerTexture } from '../../renderer/textures/registerTexture';\nimport type { TextureHandle } from '../../renderer/textures/registerTexture';\n\n/** Options for `createTilePattern`. */\nexport interface TilePatternOpts {\n  /** Edge length (in pixels) of the square offscreen tile. */\n  size: number;\n  /** FillStyle one tile at integer-pixel coordinates `(0, 0) .. (size, size)`. */\n  draw: (oc: CanvasRenderingContext2D, size: number) => void;\n}\n\n/**\n * Render a single tile to an offscreen canvas and register it as a GL\n * texture, returning a `TextureHandle` you can wrap in a `FillStyle` of\n * `{ fill: 'pattern', pattern }`. Returns `null` only when an\n * `OffscreenCanvas`/2D context can't be acquired (very rare; same fallback\n * semantics as the prior `CanvasPattern`-based implementation).\n */\nexport function createTilePattern(opts: TilePatternOpts): TextureHandle | null {\n  // Prefer OffscreenCanvas; fall back to <canvas> for environments without it\n  // (tests in jsdom may need that fallback — try OffscreenCanvas first).\n  let off: OffscreenCanvas | HTMLCanvasElement;\n  try {\n    off = new OffscreenCanvas(opts.size, opts.size);\n  } catch {\n    if (typeof document === 'undefined') return null;\n    const c = document.createElement('canvas');\n    c.width = opts.size;\n    c.height = opts.size;\n    off = c;\n  }\n  const oc = off.getContext('2d') as CanvasRenderingContext2D | null;\n  if (!oc) return null;\n  opts.draw(oc, opts.size);\n\n  // Convert to ImageBitmap so registerTexture can store it.\n  // OffscreenCanvas.transferToImageBitmap() is the fast path; the\n  // synchronous path requires OffscreenCanvas. If we got here without it,\n  // the env doesn't support OffscreenCanvas — fail gracefully.\n  let bitmap: ImageBitmap;\n  if (typeof (off as OffscreenCanvas).transferToImageBitmap === 'function') {\n    bitmap = (off as OffscreenCanvas).transferToImageBitmap();\n  } else {\n    return null;\n  }\n  return registerTexture(bitmap);\n}\n"],"mappings":";;AAgCA,SAAgBA,EAAkB,GAA6C;CAG7E,IAAIC;CACJ,IAAI;EACF,IAAM,IAAI,gBAAgBC,EAAK,MAAMA,EAAK,IAAI;CAChD,QAAQ;EACN,IAAI,OAAO,WAAa,KAAa,OAAO;EAC5C,IAAMC,IAAI,SAAS,cAAc,QAAQ;EAGzC,AAFA,EAAE,QAAQD,EAAK,MACf,EAAE,SAASA,EAAK,MAChB,IAAMC;CACR;CACA,IAAMC,IAAKH,EAAI,WAAW,IAAI;CAC9B,IAAI,CAACG,GAAI,OAAO;CAChB,EAAK,KAAKA,GAAIF,EAAK,IAAI;CAMvB,IAAIG;CACJ,IAAI,OAAQJ,EAAwB,yBAA0B,YAC5D,IAAUA,EAAwB,sBAAsB;MAExD,OAAO;CAET,OAAOK,EAAgBD,CAAM;AAC/B"}
+{"version":3,"file":"index.js","names":["createTilePattern","bitmap","rasterizeTile","opts","registerTexture"],"sources":["../../../src/features/patterns/index.ts"],"sourcesContent":["/**\n * Tile-pattern primitive — a small helper for building repeating texture\n * tiles from a draw callback. The result plugs into a `FillStyle` of\n * `{ fill: 'pattern', pattern }` (see `@weasel-js/paint`).\n *\n * GL-backed: the tile is rendered to an `OffscreenCanvas` (with a 2D fallback\n * to a regular `<canvas>` for environments without `OffscreenCanvas`),\n * converted to an `ImageBitmap`, and registered with `registerTexture()`.\n * The returned `TextureHandle` is what `FillStyle.pattern` accepts.\n *\n * For ready-to-use named patterns (hatch, crosshatch, dots, chunks),\n * see the `@weasel-js/core/patterns-builtin` subpath.\n */\n\nimport { registerTexture } from '../../renderer/textures/registerTexture';\nimport type { TextureHandle } from '../../renderer/textures/registerTexture';\nimport { rasterizeTile } from './rasterizeTile';\n\n/** Options for `createTilePattern`. */\nexport interface TilePatternOpts {\n  /** Edge length (in pixels) of the square offscreen tile. */\n  size: number;\n  /** FillStyle one tile at integer-pixel coordinates `(0, 0) .. (size, size)`. */\n  draw: (oc: CanvasRenderingContext2D, size: number) => void;\n}\n\n/**\n * Render a single tile to an offscreen canvas and register it as a GL\n * texture, returning a `TextureHandle` you can wrap in a `FillStyle` of\n * `{ fill: 'pattern', pattern }`. Returns `null` only when an\n * `OffscreenCanvas`/2D context can't be acquired (very rare; same fallback\n * semantics as the prior `CanvasPattern`-based implementation).\n */\nexport function createTilePattern(opts: TilePatternOpts): TextureHandle | null {\n  const bitmap = rasterizeTile(opts);\n  return bitmap ? registerTexture(bitmap) : null;\n}\n"],"mappings":";;;AAiCA,SAAgBA,EAAkB,GAA6C;CAC7E,IAAMC,IAASC,EAAcC,CAAI;CACjC,OAAOF,IAASG,EAAgBH,CAAM,IAAI;AAC5C"}

package/dist/features/patterns/rasterizeTile.js

@@ -0,0 +1,17 @@
+//#region src/features/patterns/rasterizeTile.ts
+function e(e) {
+	let t;
+	try {
+		t = new OffscreenCanvas(e.size, e.size);
+	} catch {
+		if (typeof document > "u") return null;
+		let n = document.createElement("canvas");
+		n.width = e.size, n.height = e.size, t = n;
+	}
+	let n = t.getContext("2d");
+	return !n || (e.draw(n, e.size), typeof t.transferToImageBitmap != "function") ? null : t.transferToImageBitmap();
+}
+//#endregion
+export { e as rasterizeTile };
+
+//# sourceMappingURL=rasterizeTile.js.map

package/dist/features/patterns/rasterizeTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rasterizeTile.js","names":["rasterizeTile","off","opts","c","oc"],"sources":["../../../src/features/patterns/rasterizeTile.ts"],"sourcesContent":["import type { TilePatternOpts } from '.';\n\n/** Draw one tile and hand back its pixels, or `null` where no\n *  `OffscreenCanvas` 2D context can be had. */\nexport function rasterizeTile(opts: TilePatternOpts): ImageBitmap | null {\n  // Prefer OffscreenCanvas; fall back to <canvas> for environments without it.\n  let off: OffscreenCanvas | HTMLCanvasElement;\n  try {\n    off = new OffscreenCanvas(opts.size, opts.size);\n  } catch {\n    if (typeof document === 'undefined') return null;\n    const c = document.createElement('canvas');\n    c.width = opts.size;\n    c.height = opts.size;\n    off = c;\n  }\n  const oc = off.getContext('2d') as CanvasRenderingContext2D | null;\n  if (!oc) return null;\n  opts.draw(oc, opts.size);\n\n  // Only an OffscreenCanvas can hand over a bitmap synchronously.\n  if (typeof (off as OffscreenCanvas).transferToImageBitmap !== 'function') return null;\n  return (off as OffscreenCanvas).transferToImageBitmap();\n}\n"],"mappings":";AAIA,SAAgBA,EAAc,GAA2C;CAEvE,IAAIC;CACJ,IAAI;EACF,IAAM,IAAI,gBAAgBC,EAAK,MAAMA,EAAK,IAAI;CAChD,QAAQ;EACN,IAAI,OAAO,WAAa,KAAa,OAAO;EAC5C,IAAMC,IAAI,SAAS,cAAc,QAAQ;EAGzC,AAFA,EAAE,QAAQD,EAAK,MACf,EAAE,SAASA,EAAK,MAChB,IAAMC;CACR;CACA,IAAMC,IAAKH,EAAI,WAAW,IAAI;CAM9B,OALI,CAACG,MACLF,EAAK,KAAKE,GAAIF,EAAK,IAAI,GAGnB,OAAQD,EAAwB,yBAA0B,cAAmB,OACzEA,EAAwB,sBAAsB;AACxD"}

package/dist/features/patterns/resolveSpec.js

@@ -1,57 +1,65 @@
-import { chunks as e, crosshatch as t, dots as n, hatch as r } from "./patterns-builtin.js";
+import { ownTextureIds as e, registerTextureAs as t, textureRegistry as n, unregisterTexture as r } from "../../renderer/textures/registerTexture.js";
+import { rasterizeTile as i } from "./rasterizeTile.js";
+import { drawTileShapes as a, tileGeometry as o, tileSize as s } from "./tileGeometry.js";
 //#region src/features/patterns/resolveSpec.ts
-var i = /* @__PURE__ */ new Map();
-function a(e) {
-	let t = Object.keys(e).sort(), n = e;
-	return t.map((e) => `${e}=${String(n[e])}`).join("&");
-}
-function o(e) {
-	let t = a(e), n = i.get(t);
-	if (n !== void 0) return n;
-	let r = s(e);
-	return i.set(t, r), r;
-}
-function s(i) {
-	let { color: a, size: o } = i;
-	switch (i.tile) {
-		case "hatch": return r({
-			color: a,
-			size: o,
-			lineWidth: i.lineWidth
-		});
-		case "crosshatch": return t({
-			color: a,
-			size: o,
-			lineWidth: i.lineWidth
-		});
-		case "dots": return n({
-			color: a,
-			size: o,
-			radius: i.radius
-		});
-		case "chunks": return e({
-			color: a,
-			size: o,
-			bg: i.bg,
-			density: i.density,
-			chunkSize: i.chunkSize,
-			seed: i.seed
-		});
-		default: return null;
+var c = 256, l = "pattern:", u = /* @__PURE__ */ new Map();
+function d(e) {
+	let t = e, n = {};
+	for (let e of Object.keys(t).sort()) n[e] = t[e];
+	return l + JSON.stringify(n);
+}
+function f(e) {
+	let t = d(e), n = u.get(t);
+	return n === void 0 ? m(t, e) : (p(t), n);
+}
+function p(e) {
+	let t = u.get(e);
+	t !== void 0 && (u.delete(e), u.set(e, t));
+}
+function m(e, n) {
+	let r = h.has(n.tile) ? i({
+		size: s(n),
+		draw: (e) => a(e, o(n))
+	}) : null, l = r ? t(e, r) : null;
+	for (u.delete(e), u.set(e, l); u.size > c;) g(u.keys().next().value);
+	return l;
+}
+var h = /* @__PURE__ */ new Set([
+	"hatch",
+	"crosshatch",
+	"dots",
+	"chunks"
+]);
+function g(e) {
+	u.delete(e);
+	let t = n.get(e)?.source;
+	r({ id: e }), t && "close" in t && t.close();
+}
+function _(e) {
+	let t;
+	try {
+		t = JSON.parse(e.slice(8));
+	} catch {
+		return;
 	}
+	typeof t == "object" && t && "tile" in t && m(e, t);
 }
-function c(e) {
+e(l, {
+	revive: _,
+	touched: p
+});
+function v(e) {
 	return "tile" in e;
 }
-function l(e) {
-	if (e.fill !== "pattern" || !c(e.pattern)) return e;
-	let t = o(e.pattern);
+function y(e) {
+	if (e.fill !== "pattern" || !v(e.pattern)) return e;
+	let t = f(e.pattern);
 	return t ? {
 		...e,
 		pattern: t
 	} : null;
 }
 //#endregion
-export { c as isPatternSpec, l as resolveFillPattern, o as resolvePatternSpec };
+export { c as PATTERN_TILE_CACHE_LIMIT, v as isPatternSpec, y as resolveFillPattern, f as resolvePatternSpec };
 
 //# sourceMappingURL=resolveSpec.js.map

package/dist/features/patterns/resolveSpec.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveSpec.js","names":["cache","specKey","keys","spec","bag","k","resolvePatternSpec","key","hit","built","buildTile","hatch","crosshatch","dots","chunks","isPatternSpec","payload","resolveFillPattern","fill","handle"],"sources":["../../../src/features/patterns/resolveSpec.ts"],"sourcesContent":["/**\n * `TilePatternSpec` → `TextureHandle`. The bridge between the serializable\n * half of a pattern paint and the GL texture that paints it.\n *\n * Memoized on the spec's field values, so identical specs across nodes share\n * one texture and a re-render never re-rasterizes. Entries live for the\n * session, matching `registerTexture`'s own lifetime.\n */\n\nimport type { FillStyle, TilePatternSpec } from '@weasel-js/paint';\nimport type { TextureHandle } from '../../renderer/textures/registerTexture';\nimport { hatch, crosshatch, dots, chunks } from './patterns-builtin';\n\nconst cache = new Map<string, TextureHandle | null>();\n\n/** Stable key across key order — specs arriving from JSON have no guaranteed\n *  field order, and two orderings must not rasterize two tiles. */\nfunction specKey(spec: TilePatternSpec): string {\n  const keys = Object.keys(spec).sort();\n  const bag = spec as unknown as Record<string, unknown>;\n  return keys.map((k) => `${k}=${String(bag[k])}`).join('&');\n}\n\n/** @internal Test helper — do not call from product code. */\nexport function _resetPatternSpecCacheForTests(): void {\n  cache.clear();\n}\n\n/**\n * Build (or fetch) the texture for a spec. Returns `null` when the tile\n * can't be rasterized — no `OffscreenCanvas`, same as `createTilePattern`.\n */\nexport function resolvePatternSpec(spec: TilePatternSpec): TextureHandle | null {\n  const key = specKey(spec);\n  const hit = cache.get(key);\n  if (hit !== undefined) return hit;\n\n  const built = buildTile(spec);\n  cache.set(key, built);\n  return built;\n}\n\nfunction buildTile(spec: TilePatternSpec): TextureHandle | null {\n  const { color, size } = spec;\n  switch (spec.tile) {\n    case 'hatch':\n      return hatch({ color, size, lineWidth: spec.lineWidth });\n    case 'crosshatch':\n      return crosshatch({ color, size, lineWidth: spec.lineWidth });\n    case 'dots':\n      return dots({ color, size, radius: spec.radius });\n    case 'chunks':\n      return chunks({\n        color, size, bg: spec.bg,\n        density: spec.density, chunkSize: spec.chunkSize, seed: spec.seed,\n      });\n    default:\n      return null;\n  }\n}\n\n/** Whether a pattern payload is a spec rather than an already-built handle. */\nexport function isPatternSpec(\n  payload: TextureHandle | TilePatternSpec,\n): payload is TilePatternSpec {\n  return 'tile' in payload;\n}\n\n/**\n * Swap a pattern paint's spec payload for the texture that paints it,\n * leaving every other fill untouched. The built-in painters run this\n * alongside `fillInPoseFrame`; a consumer emitting its own draw commands\n * runs it at the same place it runs that one.\n *\n * A spec that can't rasterize drops the fill rather than painting garbage.\n */\nexport function resolveFillPattern(fill: FillStyle): FillStyle | null {\n  if (fill.fill !== 'pattern') return fill;\n  if (!isPatternSpec(fill.pattern)) return fill;\n  const handle = resolvePatternSpec(fill.pattern);\n  return handle ? { ...fill, pattern: handle } : null;\n}\n"],"mappings":";;AAaA,IAAMA,oBAAQ,IAAI,IAAkC;AAIpD,SAASC,EAAQ,GAA+B;CAC9C,IAAMC,IAAO,OAAO,KAAKC,CAAI,CAAC,CAAC,KAAK,GAC9BC,IAAMD;CACZ,OAAOD,EAAK,KAAK,MAAM,GAAGG,EAAE,GAAG,OAAOD,EAAIC,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG;AAC3D;AAWA,SAAgBC,EAAmB,GAA6C;CAC9E,IAAMC,IAAMN,EAAQE,CAAI,GAClBK,IAAMR,EAAM,IAAIO,CAAG;CACzB,IAAIC,MAAQ,KAAA,GAAW,OAAOA;CAE9B,IAAMC,IAAQC,EAAUP,CAAI;CAE5B,OADAH,EAAM,IAAIO,GAAKE,CAAK,GACbA;AACT;AAEA,SAASC,EAAU,GAA6C;CAC9D,IAAM,EAAE,UAAO,YAASP;CACxB,QAAQA,EAAK,MAAb;EACE,KAAK,SACH,OAAOQ,EAAM;GAAE;GAAO;GAAM,WAAWR,EAAK;EAAU,CAAC;EACzD,KAAK,cACH,OAAOS,EAAW;GAAE;GAAO;GAAM,WAAWT,EAAK;EAAU,CAAC;EAC9D,KAAK,QACH,OAAOU,EAAK;GAAE;GAAO;GAAM,QAAQV,EAAK;EAAO,CAAC;EAClD,KAAK,UACH,OAAOW,EAAO;GACZ;GAAO;GAAM,IAAIX,EAAK;GACtB,SAASA,EAAK;GAAS,WAAWA,EAAK;GAAW,MAAMA,EAAK;EAC/D,CAAC;EACH,SACE,OAAO;CACX;AACF;AAGA,SAAgBY,EACd,GAC4B;CAC5B,OAAO,UAAUC;AACnB;AAUA,SAAgBC,EAAmB,GAAmC;CAEpE,IADIC,EAAK,SAAS,aACd,CAACH,EAAcG,EAAK,OAAO,GAAG,OAAOA;CACzC,IAAMC,IAASb,EAAmBY,EAAK,OAAO;CAC9C,OAAOC,IAAS;EAAE,GAAGD;EAAM,SAASC;CAAO,IAAI;AACjD"}
+{"version":3,"file":"resolveSpec.js","names":["PATTERN_TILE_CACHE_LIMIT","ID_PREFIX","cache","specId","bag","spec","sorted","k","resolvePatternSpec","id","hit","build","markUsed","bitmap","TILES","rasterizeTile","tileSize","drawTileShapes","oc","tileGeometry","handle","registerTextureAs","evict","source","textureRegistry","unregisterTexture","revive","ownTextureIds","isPatternSpec","payload","resolveFillPattern","fill"],"sources":["../../../src/features/patterns/resolveSpec.ts"],"sourcesContent":["/**\n * `TilePatternSpec` → `TextureHandle`. The bridge between the serializable\n * half of a pattern paint and the GL texture that paints it.\n *\n * Memoized on the spec's field values, so identical specs across nodes share\n * one texture and a re-render never re-rasterizes. The memo keeps the\n * `PATTERN_TILE_CACHE_LIMIT` tiles most recently resolved or drawn and\n * unregisters the rest. A handle outliving its tile still draws: its id is\n * the spec, and the texture registry asks this module to rebuild it.\n */\n\nimport type { CommandFill, FillStyle, PosedFill, TilePatternSpec } from '@weasel-js/paint';\nimport {\n  ownTextureIds, registerTextureAs, textureRegistry, unregisterTexture,\n  type TextureHandle,\n} from '../../renderer/textures/registerTexture';\nimport { rasterizeTile } from './rasterizeTile';\nimport { drawTileShapes, tileGeometry, tileSize } from './tileGeometry';\n\n/** How many built-in tiles stay rasterized at once. A scene drawing more\n *  distinct specs than this in one frame rebuilds the overflow every frame. */\nexport const PATTERN_TILE_CACHE_LIMIT = 256;\n\nconst ID_PREFIX = 'pattern:';\n\n/** Texture id → handle, least recently used first. */\nconst cache = new Map<string, TextureHandle | null>();\n\n/** Stable across key order — specs arriving from JSON have no guaranteed\n *  field order, and two orderings must not rasterize two tiles. */\nfunction specId(spec: TilePatternSpec): string {\n  const bag = spec as unknown as Record<string, unknown>;\n  const sorted: Record<string, unknown> = {};\n  for (const k of Object.keys(bag).sort()) sorted[k] = bag[k];\n  return ID_PREFIX + JSON.stringify(sorted);\n}\n\n/** @internal Test helper — do not call from product code. */\nexport function _resetPatternSpecCacheForTests(): void {\n  cache.clear();\n}\n\n/**\n * Build (or fetch) the texture for a spec. Returns `null` when the tile\n * can't be rasterized — no `OffscreenCanvas`, same as `createTilePattern`.\n */\nexport function resolvePatternSpec(spec: TilePatternSpec): TextureHandle | null {\n  const id = specId(spec);\n  const hit = cache.get(id);\n  if (hit !== undefined) {\n    markUsed(id);\n    return hit;\n  }\n  return build(id, spec);\n}\n\nfunction markUsed(id: string): void {\n  const hit = cache.get(id);\n  if (hit === undefined) return;\n  cache.delete(id);\n  cache.set(id, hit);\n}\n\nfunction build(id: string, spec: TilePatternSpec): TextureHandle | null {\n  const bitmap = TILES.has(spec.tile)\n    ? rasterizeTile({\n      size: tileSize(spec),\n      draw: (oc) => drawTileShapes(oc, tileGeometry(spec)),\n    })\n    : null;\n  const handle = bitmap ? registerTextureAs(id, bitmap) : null;\n  cache.delete(id);\n  cache.set(id, handle);\n  while (cache.size > PATTERN_TILE_CACHE_LIMIT) evict(cache.keys().next().value!);\n  return handle;\n}\n\nconst TILES: ReadonlySet<string> = new Set<TilePatternSpec['tile']>([\n  'hatch', 'crosshatch', 'dots', 'chunks',\n]);\n\nfunction evict(id: string): void {\n  cache.delete(id);\n  const source = textureRegistry.get(id)?.source;\n  unregisterTexture({ id });\n  if (source && 'close' in source) source.close();\n}\n\nfunction revive(id: string): void {\n  let spec: unknown;\n  try {\n    spec = JSON.parse(id.slice(ID_PREFIX.length));\n  } catch {\n    return;\n  }\n  if (typeof spec !== 'object' || spec === null || !('tile' in spec)) return;\n  build(id, spec as TilePatternSpec);\n}\n\nownTextureIds(ID_PREFIX, { revive, touched: markUsed });\n\n/** Whether a pattern payload is a spec rather than an already-built handle. */\nexport function isPatternSpec(\n  payload: TextureHandle | TilePatternSpec,\n): payload is TilePatternSpec {\n  return 'tile' in payload;\n}\n\n/**\n * Swap a pattern paint's spec payload for the texture that paints it,\n * leaving every other fill untouched. The built-in painters run this\n * alongside `fillInPoseFrame`; a consumer emitting its own draw commands\n * runs it at the same place it runs that one.\n *\n * A spec that can't rasterize drops the fill rather than painting garbage.\n */\nexport function resolveFillPattern(fill: PosedFill): CommandFill | null;\nexport function resolveFillPattern(fill: FillStyle): FillStyle | null;\nexport function resolveFillPattern(fill: FillStyle): FillStyle | null {\n  if (fill.fill !== 'pattern') return fill;\n  if (!isPatternSpec(fill.pattern)) return fill;\n  const handle = resolvePatternSpec(fill.pattern);\n  return handle ? { ...fill, pattern: handle } : null;\n}\n"],"mappings":";;;;AAqBA,IAAaA,IAA2B,KAElCC,IAAY,YAGZC,oBAAQ,IAAI,IAAkC;AAIpD,SAASC,EAAO,GAA+B;CAC7C,IAAMC,IAAMC,GACNC,IAAkC,CAAC;CACzC,KAAK,IAAMC,KAAK,OAAO,KAAKH,CAAG,CAAC,CAAC,KAAK,GAAG,EAAOG,KAAKH,EAAIG;CACzD,OAAON,IAAY,KAAK,UAAUK,CAAM;AAC1C;AAWA,SAAgBE,EAAmB,GAA6C;CAC9E,IAAMC,IAAKN,EAAOE,CAAI,GAChBK,IAAMR,EAAM,IAAIO,CAAE;CAKxB,OAJIC,MAAQ,KAAA,IAILC,EAAMF,GAAIJ,CAAI,KAHnBO,EAASH,CAAE,GACJC;AAGX;AAEA,SAASE,EAAS,GAAkB;CAClC,IAAMF,IAAMR,EAAM,IAAIO,CAAE;CACxB,AAAIC,MAAQ,KAAA,MACZR,EAAM,OAAOO,CAAE,GACfP,EAAM,IAAIO,GAAIC,CAAG;AACnB;AAEA,SAASC,EAAM,GAAY,GAA6C;CACtE,IAAME,IAASC,EAAM,IAAIT,EAAK,IAAI,IAC9BU,EAAc;EACd,MAAMC,EAASX,CAAI;EACnB,OAAO,MAAOY,EAAeC,GAAIC,EAAad,CAAI,CAAC;CACrD,CAAC,IACC,MACEe,IAASP,IAASQ,EAAkBZ,GAAII,CAAM,IAAI;CAGxD,KAFAX,EAAM,OAAOO,CAAE,GACfP,EAAM,IAAIO,GAAIW,CAAM,GACblB,EAAM,OAAOF,IAA0B,EAAME,EAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAM;CAC9E,OAAOkB;AACT;AAEA,IAAMN,oBAA6B,IAAI,IAA6B;CAClE;CAAS;CAAc;CAAQ;AACjC,CAAC;AAED,SAASQ,EAAM,GAAkB;CAC/B,EAAM,OAAOb,CAAE;CACf,IAAMc,IAASC,EAAgB,IAAIf,CAAE,CAAC,EAAE;CAExC,AADAgB,EAAkB,EAAE,MAAG,CAAC,GACpBF,KAAU,WAAWA,KAAQA,EAAO,MAAM;AAChD;AAEA,SAASG,EAAO,GAAkB;CAChC,IAAIrB;CACJ,IAAI;EACF,IAAO,KAAK,MAAMI,EAAG,MAAM,CAAgB,CAAC;CAC9C,QAAQ;EACN;CACF;CACA,AAAI,OAAOJ,KAAS,YAAYA,KAAmB,UAAUA,KAC7DM,EAAMF,GAAIJ,CAAuB;AACnC;AAEAsB,EAAc1B,GAAW;CAAE;CAAQ,SAASW;AAAS,CAAC;AAGtD,SAAgBgB,EACd,GAC4B;CAC5B,OAAO,UAAUC;AACnB;AAYA,SAAgBC,EAAmB,GAAmC;CAEpE,IADIC,EAAK,SAAS,aACd,CAACH,EAAcG,EAAK,OAAO,GAAG,OAAOA;CACzC,IAAMX,IAASZ,EAAmBuB,EAAK,OAAO;CAC9C,OAAOX,IAAS;EAAE,GAAGW;EAAM,SAASX;CAAO,IAAI;AACjD"}

package/dist/features/poseRun/usePoseRun.js

@@ -26,9 +26,14 @@ function l(l) {
 		return t ?? c;
 	}, v = () => {
 		let { previews: e } = d.current, n = u.current.scene, r = 0;
-		e.size > 0 && n.batch(u.current.label ?? "Layout", () => {
-			for (let [t, i] of e) n.get(t) !== void 0 && (n.setPose(t, i), r++);
-		}), t(g()), e.clear(), u.current.onCommit?.(r);
+		try {
+			e.size > 0 && n.batch(u.current.label ?? "Layout", () => {
+				for (let [t, i] of e) n.get(t) === void 0 || n.isLocked(t) || (n.setPose(t, i), r++);
+			});
+		} finally {
+			t(g()), e.clear();
+		}
+		u.current.onCommit?.(r);
 	}, y = () => {
 		f.current = !1, h.cancel();
 	}, b = () => {

package/dist/features/poseRun/usePoseRun.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePoseRun.js","names":["EMPTY","usePoseRun","optsRef","useLatest","opts","state","useRef","running","frame","mounted","loop","useVisibleRaf","syncState","useCallback","pinnedNow","pinned","id","overrides","entry","commit","scene","moved","previews","pose","dropPreviewOverrides","halt","tick","poses","syncPreviewOverrides","done","useEffect","useMemo"],"sources":["../../../src/features/poseRun/usePoseRun.ts"],"sourcesContent":["/**\n * A pose run: poses published per frame, committed once.\n *\n * The frames go to `scene.overrides` — the ephemeral table a drag publishes to,\n * which `effectivePose`, the derived-geometry lookup and the pick source\n * already read. So an edge follows a node the run is moving with nothing added,\n * and the whole run lands as one undo entry when it settles.\n *\n * It knows nothing about layout. Each frame it asks `step` for poses and\n * whether it is finished; a relaxation, an eased transition to a target, and a\n * scrubbed timeline are all the same shape to it.\n *\n * **A node another gesture owns is pinned, not driven.** The run publishes\n * entries it holds by reference, so an override it did not put there belongs to\n * somebody else — a drag, a resize. It never writes that id, never commits it,\n * and hands it to `step` as pinned so the producer can hold its neighbors\n * against it.\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { useVisibleRaf } from '../../scheduling/useVisibleRaf';\nimport {\n  dropPreviewOverrides,\n  syncPreviewOverrides,\n} from '../../interactions/actions/previewOverrides';\nimport type { NodeId, Scene } from '../../core/scene/types';\n\n/** What a producer is told before it is asked for a frame. */\nexport interface PoseRunCtx<TPose> {\n  /** Nodes another gesture is moving, and the pose each is drawn at. The run\n   *  will not write these, so a producer holds them fixed. */\n  pinned: ReadonlyMap<NodeId, TPose>;\n  /** Frames this run has produced, starting at 0. */\n  frame: number;\n}\n\n/** One frame of a run. */\nexport interface PoseRunStep<TPose> {\n  /** Where the nodes it drives are this frame — the whole picture, not a\n   *  delta. An id the frame omits stops being published, which is how a node\n   *  leaves the run's hands: a producer that drops a grabbed box and its rows\n   *  from one frame has released them by the next. */\n  poses: Iterable<readonly [NodeId, TPose]>;\n  /** Whether the run is finished. The frame is published either way, and a\n   *  finished run commits. */\n  done: boolean;\n}\n\n/** Options for `usePoseRun`. Read fresh each frame, so they may change mid-run. */\nexport interface UsePoseRunOptions<TPose> {\n  scene: Scene<unknown, string, TPose>;\n  /** Called once per frame while running, for that frame's poses. */\n  step: (ctx: PoseRunCtx<TPose>) => PoseRunStep<TPose>;\n  /** The undo entry's name. Default `'Layout'`. */\n  label?: string;\n  /** How many nodes the commit wrote. Fires after the ops land. */\n  onCommit?: (moved: number) => void;\n  /** Clock injection, for tests. Defaults to `requestAnimationFrame`. */\n  requestFrame?: (cb: (t: number) => void) => number;\n  cancelFrame?: (handle: number) => void;\n}\n\n/** Controls for a pose run. Stable for the life of the component. */\nexport interface PoseRun {\n  /** Begin a new run, counting frames from 0. Idempotent while running. */\n  start(): void;\n  /** Finish now: commit what is published, then drop the overrides. */\n  stop(): void;\n  /** Abandon: drop the overrides and write nothing, like a canceled drag. */\n  cancel(): void;\n  isRunning(): boolean;\n}\n\nconst EMPTY: ReadonlyMap<NodeId, unknown> = new Map<NodeId, unknown>();\n\n/**\n * Drive node poses frame by frame through `scene.overrides`, committing them as\n * one undo entry when `step` reports done or `stop` is called. Idle until\n * `start`; unmounting abandons the run without writing.\n */\nexport function usePoseRun<TPose>(opts: UsePoseRunOptions<TPose>): PoseRun {\n  const optsRef = useLatest(opts);\n\n  /** This frame's poses, and the entries published for them. Held by\n   *  reference so a frame mutates in place rather than re-notifying per node. */\n  const state = useRef({\n    previews: new Map<NodeId, unknown>(),\n    overrideEntries: new Map<NodeId, { pose: unknown }>(),\n  });\n  const running = useRef(false);\n  const frame = useRef(0);\n  const mounted = useRef(true);\n\n  // The gate defaults an absent clock to `requestAnimationFrame` itself, so\n  // these pass straight through rather than being defaulted twice.\n  const loop = useVisibleRaf(() => { tick(); }, {\n    requestFrame: opts.requestFrame,\n    cancelFrame: opts.cancelFrame,\n  });\n\n  /** The scene as the previous frame left it, for `syncPreviewOverrides`. */\n  const syncState = useCallback((): {\n    scene: Scene<unknown, string, unknown>;\n    previews: Map<NodeId, unknown>;\n    overrideEntries: Map<NodeId, { pose: unknown }>;\n  } => ({\n    scene: optsRef.current.scene,\n    previews: state.current.previews,\n    overrideEntries: state.current.overrideEntries,\n  }), [optsRef]);\n\n  /** Overrides somebody else published, and the pose each carries. */\n  const pinnedNow = (): ReadonlyMap<NodeId, TPose> => {\n    const { overrides } = optsRef.current.scene;\n    let pinned: Map<NodeId, TPose> | undefined;\n    for (const id of overrides.ids()) {\n      const entry = overrides.get(id);\n      if (entry === undefined || entry === state.current.overrideEntries.get(id)) continue;\n      if (entry.pose === undefined) continue;\n      (pinned ??= new Map()).set(id, entry.pose);\n    }\n    return pinned ?? (EMPTY as ReadonlyMap<NodeId, TPose>);\n  };\n\n  const commit = (): void => {\n    const { previews } = state.current;\n    const scene = optsRef.current.scene;\n    let moved = 0;\n    if (previews.size > 0) {\n      scene.batch(optsRef.current.label ?? 'Layout', () => {\n        for (const [id, pose] of previews) {\n          if (scene.get(id) === undefined) continue;\n          scene.setPose(id, pose as TPose);\n          moved++;\n        }\n      });\n    }\n    // After the ops land: dropping first leaves a window in which the scene\n    // answers with the pre-run pose.\n    dropPreviewOverrides(syncState());\n    previews.clear();\n    optsRef.current.onCommit?.(moved);\n  };\n\n  const halt = (): void => {\n    running.current = false;\n    loop.cancel();\n  };\n\n  const tick = (): void => {\n    if (!mounted.current || !running.current) return;\n    const pinned = pinnedNow();\n    const { poses, done } = optsRef.current.step({ pinned, frame: frame.current });\n    frame.current++;\n    // Each frame replaces the last: an id this one omits — a node just\n    // grabbed, or a row under one — stops being published, rather than being\n    // held at a pose from before the press while the gesture carries it\n    // somewhere else.\n    state.current.previews.clear();\n    for (const [id, pose] of poses) {\n      if (pinned.has(id)) continue;\n      state.current.previews.set(id, pose);\n    }\n    syncPreviewOverrides(syncState());\n    if (done) {\n      halt();\n      commit();\n      return;\n    }\n    loop.request();\n  };\n\n  useEffect(() => {\n    mounted.current = true;\n    const { previews } = state.current;\n    return () => {\n      mounted.current = false;\n      loop.cancel();\n      // Teardown is not a decision: an unmounted run abandons its frames\n      // rather than writing them.\n      dropPreviewOverrides(syncState());\n      previews.clear();\n    };\n  }, [loop, syncState]);\n\n  return useMemo<PoseRun>(() => ({\n    start() {\n      if (running.current || !mounted.current) return;\n      running.current = true;\n      frame.current = 0;\n      loop.request();\n    },\n    stop() {\n      if (!running.current) return;\n      halt();\n      commit();\n    },\n    cancel() {\n      halt();\n      dropPreviewOverrides(syncState());\n      state.current.previews.clear();\n    },\n    isRunning: () => running.current,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [loop]);\n}\n"],"mappings":";;;;;AAyEA,IAAMA,oBAAsC,IAAI,IAAqB;AAOrE,SAAgBC,EAAkB,GAAyC;CACzE,IAAMC,IAAUC,EAAUC,CAAI,GAIxBC,IAAQC,EAAO;EACnB,0BAAU,IAAI,IAAqB;EACnC,iCAAiB,IAAI,IAA+B;CACtD,CAAC,GACKC,IAAUD,EAAO,EAAK,GACtBE,IAAQF,EAAO,CAAC,GAChBG,IAAUH,EAAO,EAAI,GAIrBI,IAAOC,QAAoB;EAAE,EAAK;CAAG,GAAG;EAC5C,cAAcP,EAAK;EACnB,aAAaA,EAAK;CACpB,CAAC,GAGKQ,IAAYC,SAIZ;EACJ,OAAOX,EAAQ,QAAQ;EACvB,UAAUG,EAAM,QAAQ;EACxB,iBAAiBA,EAAM,QAAQ;CACjC,IAAI,CAACH,CAAO,CAAC,GAGPY,UAA8C;EAClD,IAAM,EAAE,iBAAcZ,EAAQ,QAAQ,OAClCa;EACJ,KAAK,IAAMC,KAAMC,EAAU,IAAI,GAAG;GAChC,IAAMC,IAAQD,EAAU,IAAID,CAAE;GAC9B,AAAIE,MAAU,KAAA,KAAaA,MAAUb,EAAM,QAAQ,gBAAgB,IAAIW,CAAE,KACrEE,EAAM,SAAS,KAAA,MAClB,sBAAW,IAAI,IAAI,EAAA,CAAG,IAAIF,GAAIE,EAAM,IAAI;EAC3C;EACA,OAAOH,KAAWf;CACpB,GAEMmB,UAAqB;EACzB,IAAM,EAAE,gBAAad,EAAM,SACrBe,IAAQlB,EAAQ,QAAQ,OAC1BmB,IAAQ;EAcZ,AAbIC,EAAS,OAAO,KAClBF,EAAM,MAAMlB,EAAQ,QAAQ,SAAS,gBAAgB;GACnD,KAAK,IAAM,CAACc,GAAIO,MAASD,GACvB,AAAIF,EAAM,IAAIJ,CAAE,MAAM,KAAA,MACtBI,EAAM,QAAQJ,GAAIO,CAAa,GAC/B;EAEJ,CAAC,GAIHC,EAAqBZ,EAAU,CAAC,GAChCU,EAAS,MAAM,GACfpB,EAAQ,QAAQ,WAAWmB,CAAK;CAClC,GAEMI,UAAmB;EAEvB,AADA,EAAQ,UAAU,IAClBf,EAAK,OAAO;CACd,GAEMgB,UAAmB;EACvB,IAAI,CAACjB,EAAQ,WAAW,CAACF,EAAQ,SAAS;EAC1C,IAAMQ,IAASD,EAAU,GACnB,EAAE,UAAO,YAASZ,EAAQ,QAAQ,KAAK;GAAE;GAAQ,OAAOM,EAAM;EAAQ,CAAC;EAM7E,AALA,EAAM,WAKNH,EAAM,QAAQ,SAAS,MAAM;EAC7B,KAAK,IAAM,CAACW,GAAIO,MAASI,GACvB,AAAIZ,EAAO,IAAIC,CAAE,KACjBX,EAAM,QAAQ,SAAS,IAAIW,GAAIO,CAAI;EAGrC,IADAK,EAAqBhB,EAAU,CAAC,GAC5BiB,GAAM;GAER,AADAJ,EAAK,GACLN,EAAO;GACP;EACF;EACA,EAAK,QAAQ;CACf;CAeA,OAbAW,QAAgB;EACd,EAAQ,UAAU;EAClB,IAAM,EAAE,gBAAazB,EAAM;EAC3B,aAAa;GAMX,AALA,EAAQ,UAAU,IAClBK,EAAK,OAAO,GAGZc,EAAqBZ,EAAU,CAAC,GAChCU,EAAS,MAAM;EACjB;CACF,GAAG,CAACZ,GAAME,CAAS,CAAC,GAEbmB,SAAwB;EAC7B,QAAQ;GACN,AAAI,GAAQ,WAAYtB,EAAQ,YAChC,EAAQ,UAAU,IAClB,EAAM,UAAU,GAChBC,EAAK,QAAQ;EACf;EACA,OAAO;GACL,AAAKH,EAAQ,YACbkB,EAAK,GACLN,EAAO;EACT;EACA,SAAS;GAGP,AAFAM,EAAK,GACLD,EAAqBZ,EAAU,CAAC,GAChCP,EAAM,QAAQ,SAAS,MAAM;EAC/B;EACA,iBAAiBE,EAAQ;CAE3B,IAAI,CAACG,CAAI,CAAC;AACZ"}
+{"version":3,"file":"usePoseRun.js","names":["EMPTY","usePoseRun","optsRef","useLatest","opts","state","useRef","running","frame","mounted","loop","useVisibleRaf","syncState","useCallback","pinnedNow","pinned","id","overrides","entry","commit","scene","moved","previews","pose","dropPreviewOverrides","halt","tick","poses","syncPreviewOverrides","done","useEffect","useMemo"],"sources":["../../../src/features/poseRun/usePoseRun.ts"],"sourcesContent":["/**\n * A pose run: poses published per frame, committed once.\n *\n * The frames go to `scene.overrides` — the ephemeral table a drag publishes to,\n * which `effectivePose`, the derived-geometry lookup and the pick source\n * already read. So an edge follows a node the run is moving with nothing added,\n * and the whole run lands as one undo entry when it settles.\n *\n * It knows nothing about layout. Each frame it asks `step` for poses and\n * whether it is finished; a relaxation, an eased transition to a target, and a\n * scrubbed timeline are all the same shape to it.\n *\n * **A node another gesture owns is pinned, not driven.** The run publishes\n * entries it holds by reference, so an override it did not put there belongs to\n * somebody else — a drag, a resize. It never writes that id, never commits it,\n * and hands it to `step` as pinned so the producer can hold its neighbors\n * against it.\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { useVisibleRaf } from '../../scheduling/useVisibleRaf';\nimport {\n  dropPreviewOverrides,\n  syncPreviewOverrides,\n} from '../../interactions/actions/previewOverrides';\nimport type { NodeId, Scene } from '../../core/scene/types';\n\n/** What a producer is told before it is asked for a frame. */\nexport interface PoseRunCtx<TPose> {\n  /** Nodes another gesture is moving, and the pose each is drawn at. The run\n   *  will not write these, so a producer holds them fixed. */\n  pinned: ReadonlyMap<NodeId, TPose>;\n  /** Frames this run has produced, starting at 0. */\n  frame: number;\n}\n\n/** One frame of a run. */\nexport interface PoseRunStep<TPose> {\n  /** Where the nodes it drives are this frame — the whole picture, not a\n   *  delta. An id the frame omits stops being published, which is how a node\n   *  leaves the run's hands: a producer that drops a grabbed box and its rows\n   *  from one frame has released them by the next. */\n  poses: Iterable<readonly [NodeId, TPose]>;\n  /** Whether the run is finished. The frame is published either way, and a\n   *  finished run commits. */\n  done: boolean;\n}\n\n/** Options for `usePoseRun`. Read fresh each frame, so they may change mid-run. */\nexport interface UsePoseRunOptions<TPose> {\n  scene: Scene<unknown, string, TPose>;\n  /** Called once per frame while running, for that frame's poses. */\n  step: (ctx: PoseRunCtx<TPose>) => PoseRunStep<TPose>;\n  /** The undo entry's name. Default `'Layout'`. */\n  label?: string;\n  /** How many nodes the commit wrote. Fires after the ops land. */\n  onCommit?: (moved: number) => void;\n  /** Clock injection, for tests. Defaults to `requestAnimationFrame`. */\n  requestFrame?: (cb: (t: number) => void) => number;\n  cancelFrame?: (handle: number) => void;\n}\n\n/** Controls for a pose run. Stable for the life of the component. */\nexport interface PoseRun {\n  /** Begin a new run, counting frames from 0. Idempotent while running. */\n  start(): void;\n  /** Finish now: commit what is published, then drop the overrides. */\n  stop(): void;\n  /** Abandon: drop the overrides and write nothing, like a canceled drag. */\n  cancel(): void;\n  isRunning(): boolean;\n}\n\nconst EMPTY: ReadonlyMap<NodeId, unknown> = new Map<NodeId, unknown>();\n\n/**\n * Drive node poses frame by frame through `scene.overrides`, committing them as\n * one undo entry when `step` reports done or `stop` is called. Idle until\n * `start`; unmounting abandons the run without writing.\n */\nexport function usePoseRun<TPose>(opts: UsePoseRunOptions<TPose>): PoseRun {\n  const optsRef = useLatest(opts);\n\n  /** This frame's poses, and the entries published for them. Held by\n   *  reference so a frame mutates in place rather than re-notifying per node. */\n  const state = useRef({\n    previews: new Map<NodeId, unknown>(),\n    overrideEntries: new Map<NodeId, { pose: unknown }>(),\n  });\n  const running = useRef(false);\n  const frame = useRef(0);\n  const mounted = useRef(true);\n\n  // The gate defaults an absent clock to `requestAnimationFrame` itself, so\n  // these pass straight through rather than being defaulted twice.\n  const loop = useVisibleRaf(() => { tick(); }, {\n    requestFrame: opts.requestFrame,\n    cancelFrame: opts.cancelFrame,\n  });\n\n  /** The scene as the previous frame left it, for `syncPreviewOverrides`. */\n  const syncState = useCallback((): {\n    scene: Scene<unknown, string, unknown>;\n    previews: Map<NodeId, unknown>;\n    overrideEntries: Map<NodeId, { pose: unknown }>;\n  } => ({\n    scene: optsRef.current.scene,\n    previews: state.current.previews,\n    overrideEntries: state.current.overrideEntries,\n  }), [optsRef]);\n\n  /** Overrides somebody else published, and the pose each carries. */\n  const pinnedNow = (): ReadonlyMap<NodeId, TPose> => {\n    const { overrides } = optsRef.current.scene;\n    let pinned: Map<NodeId, TPose> | undefined;\n    for (const id of overrides.ids()) {\n      const entry = overrides.get(id);\n      if (entry === undefined || entry === state.current.overrideEntries.get(id)) continue;\n      if (entry.pose === undefined) continue;\n      (pinned ??= new Map()).set(id, entry.pose);\n    }\n    return pinned ?? (EMPTY as ReadonlyMap<NodeId, TPose>);\n  };\n\n  const commit = (): void => {\n    const { previews } = state.current;\n    const scene = optsRef.current.scene;\n    let moved = 0;\n    try {\n      if (previews.size > 0) {\n        scene.batch(optsRef.current.label ?? 'Layout', () => {\n          for (const [id, pose] of previews) {\n            if (scene.get(id) === undefined || scene.isLocked(id)) continue;\n            scene.setPose(id, pose as TPose);\n            moved++;\n          }\n        });\n      }\n    } finally {\n      // After the ops land: dropping first leaves a window in which the scene\n      // answers with the pre-run pose.\n      dropPreviewOverrides(syncState());\n      previews.clear();\n    }\n    optsRef.current.onCommit?.(moved);\n  };\n\n  const halt = (): void => {\n    running.current = false;\n    loop.cancel();\n  };\n\n  const tick = (): void => {\n    if (!mounted.current || !running.current) return;\n    const pinned = pinnedNow();\n    const { poses, done } = optsRef.current.step({ pinned, frame: frame.current });\n    frame.current++;\n    // Each frame replaces the last: an id this one omits — a node just\n    // grabbed, or a row under one — stops being published, rather than being\n    // held at a pose from before the press while the gesture carries it\n    // somewhere else.\n    state.current.previews.clear();\n    for (const [id, pose] of poses) {\n      if (pinned.has(id)) continue;\n      state.current.previews.set(id, pose);\n    }\n    syncPreviewOverrides(syncState());\n    if (done) {\n      halt();\n      commit();\n      return;\n    }\n    loop.request();\n  };\n\n  useEffect(() => {\n    mounted.current = true;\n    const { previews } = state.current;\n    return () => {\n      mounted.current = false;\n      loop.cancel();\n      // Teardown is not a decision: an unmounted run abandons its frames\n      // rather than writing them.\n      dropPreviewOverrides(syncState());\n      previews.clear();\n    };\n  }, [loop, syncState]);\n\n  return useMemo<PoseRun>(() => ({\n    start() {\n      if (running.current || !mounted.current) return;\n      running.current = true;\n      frame.current = 0;\n      loop.request();\n    },\n    stop() {\n      if (!running.current) return;\n      halt();\n      commit();\n    },\n    cancel() {\n      halt();\n      dropPreviewOverrides(syncState());\n      state.current.previews.clear();\n    },\n    isRunning: () => running.current,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [loop]);\n}\n"],"mappings":";;;;;AAyEA,IAAMA,oBAAsC,IAAI,IAAqB;AAOrE,SAAgBC,EAAkB,GAAyC;CACzE,IAAMC,IAAUC,EAAUC,CAAI,GAIxBC,IAAQC,EAAO;EACnB,0BAAU,IAAI,IAAqB;EACnC,iCAAiB,IAAI,IAA+B;CACtD,CAAC,GACKC,IAAUD,EAAO,EAAK,GACtBE,IAAQF,EAAO,CAAC,GAChBG,IAAUH,EAAO,EAAI,GAIrBI,IAAOC,QAAoB;EAAE,EAAK;CAAG,GAAG;EAC5C,cAAcP,EAAK;EACnB,aAAaA,EAAK;CACpB,CAAC,GAGKQ,IAAYC,SAIZ;EACJ,OAAOX,EAAQ,QAAQ;EACvB,UAAUG,EAAM,QAAQ;EACxB,iBAAiBA,EAAM,QAAQ;CACjC,IAAI,CAACH,CAAO,CAAC,GAGPY,UAA8C;EAClD,IAAM,EAAE,iBAAcZ,EAAQ,QAAQ,OAClCa;EACJ,KAAK,IAAMC,KAAMC,EAAU,IAAI,GAAG;GAChC,IAAMC,IAAQD,EAAU,IAAID,CAAE;GAC9B,AAAIE,MAAU,KAAA,KAAaA,MAAUb,EAAM,QAAQ,gBAAgB,IAAIW,CAAE,KACrEE,EAAM,SAAS,KAAA,MAClB,sBAAW,IAAI,IAAI,EAAA,CAAG,IAAIF,GAAIE,EAAM,IAAI;EAC3C;EACA,OAAOH,KAAWf;CACpB,GAEMmB,UAAqB;EACzB,IAAM,EAAE,gBAAad,EAAM,SACrBe,IAAQlB,EAAQ,QAAQ,OAC1BmB,IAAQ;EACZ,IAAI;GACF,AAAIC,EAAS,OAAO,KAClBF,EAAM,MAAMlB,EAAQ,QAAQ,SAAS,gBAAgB;IACnD,KAAK,IAAM,CAACc,GAAIO,MAASD,GACvB,AAAIF,EAAM,IAAIJ,CAAE,MAAM,KAAA,KAAaI,EAAM,SAASJ,CAAE,MACpDI,EAAM,QAAQJ,GAAIO,CAAa,GAC/B;GAEJ,CAAC;EAEL,UAAU;GAIR,AADAC,EAAqBZ,EAAU,CAAC,GAChCU,EAAS,MAAM;EACjB;EACA,EAAQ,QAAQ,WAAWD,CAAK;CAClC,GAEMI,UAAmB;EAEvB,AADA,EAAQ,UAAU,IAClBf,EAAK,OAAO;CACd,GAEMgB,UAAmB;EACvB,IAAI,CAACjB,EAAQ,WAAW,CAACF,EAAQ,SAAS;EAC1C,IAAMQ,IAASD,EAAU,GACnB,EAAE,UAAO,YAASZ,EAAQ,QAAQ,KAAK;GAAE;GAAQ,OAAOM,EAAM;EAAQ,CAAC;EAM7E,AALA,EAAM,WAKNH,EAAM,QAAQ,SAAS,MAAM;EAC7B,KAAK,IAAM,CAACW,GAAIO,MAASI,GACvB,AAAIZ,EAAO,IAAIC,CAAE,KACjBX,EAAM,QAAQ,SAAS,IAAIW,GAAIO,CAAI;EAGrC,IADAK,EAAqBhB,EAAU,CAAC,GAC5BiB,GAAM;GAER,AADAJ,EAAK,GACLN,EAAO;GACP;EACF;EACA,EAAK,QAAQ;CACf;CAeA,OAbAW,QAAgB;EACd,EAAQ,UAAU;EAClB,IAAM,EAAE,gBAAazB,EAAM;EAC3B,aAAa;GAMX,AALA,EAAQ,UAAU,IAClBK,EAAK,OAAO,GAGZc,EAAqBZ,EAAU,CAAC,GAChCU,EAAS,MAAM;EACjB;CACF,GAAG,CAACZ,GAAME,CAAS,CAAC,GAEbmB,SAAwB;EAC7B,QAAQ;GACN,AAAI,GAAQ,WAAYtB,EAAQ,YAChC,EAAQ,UAAU,IAClB,EAAM,UAAU,GAChBC,EAAK,QAAQ;EACf;EACA,OAAO;GACL,AAAKH,EAAQ,YACbkB,EAAK,GACLN,EAAO;EACT;EACA,SAAS;GAGP,AAFAM,EAAK,GACLD,EAAqBZ,EAAU,CAAC,GAChCP,EAAM,QAAQ,SAAS,MAAM;EAC/B;EACA,iBAAiBE,EAAQ;CAE3B,IAAI,CAACG,CAAI,CAAC;AACZ"}

package/dist/features/selection/SelectionContext.js

@@ -39,6 +39,11 @@ function m(e, t) {
 		a,
 		o
 	]);
+	let d = s(i), f = s(c);
+	r(() => () => {
+		let e = d.current;
+		e && JSON.stringify([e.selection, e.kinds]) === f.current && e.publishSelection([]);
+	}, [d, f]);
 }
 //#endregion
 export { d as SelectionContextProvider, p as SelectionContextProviderIfRoot, m as usePublishSelection, f as useSelectionContext };

package/dist/features/selection/SelectionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContext.js","names":["_Fragment","SelectionContext","createContext","SelectionContextProvider","state","setState","useState","lastSerializedRef","useRef","publishSelection","useCallback","next","ids","kinds","value","useMemo","useSelectionContext","useContext","SelectionContextProviderIfRoot","Fragment","usePublishSelection","ctx","idsRef","useLatest","kindsRef","serialized","publish"],"sources":["../../../src/features/selection/SelectionContext.tsx"],"sourcesContent":["/**\n * @experimental\n * SelectionContext — a tiny ambient context that publishes \"what's currently\n * selected\" so non-canvas UI (command palette, status bar, breadcrumbs,\n * undo-label generation) can read it without threading a selection prop\n * through the tree.\n *\n * **Single-slot semantics (v1):** the context holds one selection array.\n * Whichever canvas (or other publisher) calls `publishSelection` most\n * recently owns the slot. For single-canvas pages — the typical case —\n * this Just Works. Multi-canvas pages get last-writer-wins, which is\n * approximately \"most recently rendered.\" A v2 could become focus-aware\n * (canvas claims the slot on focus, releases on blur), but that's deferred\n * until a real multi-canvas use case lands.\n *\n * `<SceneCanvas>` calls `publishSelection` automatically when wrapped in a\n * `<SelectionContext>`. Bare-`<Canvas>` consumers opt in by calling\n * `useSelectionContext().publishSelection(ids)` themselves.\n */\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { NodeId } from 'core/scene/types';\n\n/** @experimental */\nexport interface SelectionContextValue {\n  /** The most-recently-published selection. Empty array when no canvas\n   *  has published or when the active canvas's selection is empty. */\n  readonly selection: readonly NodeId[];\n  /** Optional per-id kind label, parallel to `selection`. Publishers that\n   *  know their domain populate it (e.g. `'rectangle'`, `'path'`, `'group'`)\n   *  so consumers can render type-aware copy. Sparse entries (`undefined`)\n   *  are allowed; consumers should treat the kinds array as best-effort.\n   *\n   *  See `docs/TODO.md` (Tier 1.5 → \"Typed scene-object references\") for the\n   *  longer-term direction toward a proper id+kind value type. */\n  readonly kinds?: readonly (string | undefined)[];\n  /** Publish the calling canvas's selection. Idempotent — calling with\n   *  the same array (by content equality) does not trigger a re-render\n   *  of the consumer tree. */\n  publishSelection(ids: readonly NodeId[], kinds?: readonly (string | undefined)[]): void;\n}\n\nconst SelectionContext = createContext<SelectionContextValue | null>(null);\n\n/**\n * @experimental\n * Wrap the part of the React tree that should share a selection context.\n * Usually placed at the demo / app root, alongside `<ActionsProvider>`.\n */\nexport function SelectionContextProvider({ children }: { children: ReactNode }): ReactNode {\n  const [state, setState] = useState<{\n    selection: readonly NodeId[];\n    kinds: readonly (string | undefined)[] | undefined;\n  }>({ selection: [], kinds: undefined });\n  const lastSerializedRef = useRef<string>('');\n\n  const publishSelection = useCallback((\n    ids: readonly NodeId[],\n    kinds?: readonly (string | undefined)[],\n  ): void => {\n    // Cheap content equality via JSON serialization over both ids and kinds.\n    // Selection arrays are typically small (≤ a few dozen entries); the cost\n    // is dwarfed by avoiding a re-render when nothing changed.\n    const next = JSON.stringify([ids, kinds]);\n    if (next === lastSerializedRef.current) return;\n    lastSerializedRef.current = next;\n    setState({ selection: ids, kinds });\n  }, []);\n\n  const value = useMemo<SelectionContextValue>(\n    () => ({\n      selection: state.selection,\n      ...(state.kinds !== undefined ? { kinds: state.kinds } : {}),\n      publishSelection,\n    }),\n    [state, publishSelection],\n  );\n\n  return <SelectionContext.Provider value={value}>{children}</SelectionContext.Provider>;\n}\n\n/**\n * @experimental\n * Read the current selection-context value. Returns `null` when no\n * `<SelectionContextProvider>` is in scope; consumers should fall back\n * gracefully (e.g. command palette hides the \"N selected\" header).\n */\nexport function useSelectionContext(): SelectionContextValue | null {\n  return useContext(SelectionContext);\n}\n\n/**\n * @experimental\n * Conditional `<SelectionContextProvider>` wrapper. Mounts a provider only\n * when no parent provider is in scope — otherwise renders children unwrapped\n * so callers (e.g. `<WeaselProvider>`) defer to the host's existing scope.\n * Mirrors `ActionsProviderIfRoot` / `DepRegistryProviderIfRoot`.\n */\nexport function SelectionContextProviderIfRoot({\n  children,\n}: {\n  children: ReactNode;\n}): ReactNode {\n  const parent = useContext(SelectionContext);\n  if (parent !== null) return <>{children}</>;\n  return <SelectionContextProvider>{children}</SelectionContextProvider>;\n}\n\n/**\n * @experimental\n * Convenience hook for canvas components: publishes the supplied `ids`\n * into the surrounding `<SelectionContextProvider>` whenever the\n * content of `ids` changes. No-op when there's no provider in scope.\n *\n * Used by `<SceneCanvas>` internally to auto-publish; bare-Canvas\n * consumers call `useSelectionContext()` and `publishSelection` directly.\n */\nexport function usePublishSelection(\n  ids: readonly NodeId[],\n  kinds?: readonly (string | undefined)[],\n): void {\n  const ctx = useContext(SelectionContext);\n  // Track latest values via refs so the effect's deps array can use a stable\n  // serialization — avoids re-firing on identity-only changes.\n  const idsRef = useLatest(ids);\n  const kindsRef = useLatest(kinds);\n  const serialized = JSON.stringify([ids, kinds]);\n  // Depend on `publishSelection` rather than `ctx`: the provider mints a new\n  // context value on every publish, so keying on `ctx` refires this effect for\n  // every publisher whenever any one of them publishes.\n  const publish = ctx?.publishSelection;\n  useEffect(() => {\n    if (!publish) return;\n    publish(idsRef.current, kindsRef.current);\n  }, [publish, serialized, idsRef, kindsRef]);\n}\n"],"mappings":";;;;AAmDA,IAAMC,IAAmBC,EAA4C,IAAI;AAOzE,SAAgBC,EAAyB,EAAE,eAAgD;CACzF,IAAM,CAACC,GAAOC,KAAYC,EAGvB;EAAE,WAAW,CAAC;EAAG,OAAO,KAAA;CAAU,CAAC,GAChCC,IAAoBC,EAAe,EAAE,GAErCC,IAAmBC,GACvB,GACA,MACS;EAIT,IAAMC,IAAO,KAAK,UAAU,CAACC,GAAKC,CAAK,CAAC;EACxC,AAAIF,MAASJ,EAAkB,YAC/B,EAAkB,UAAUI,GAC5BN,EAAS;GAAE,WAAWO;GAAK;EAAM,CAAC;CACpC,GAAG,CAAC,CAAC,GAECE,IAAQC,SACL;EACL,WAAWX,EAAM;EACjB,GAAIA,EAAM,UAAU,KAAA,IAAqC,CAAC,IAA1B,EAAE,OAAOA,EAAM,MAAM;EACrD;CACF,IACA,CAACA,GAAOK,CAAgB,CAC1B;CAEA,OAAO,kBAACR,EAAiB,UAAlB;EAAkC;EAAQ;CAAoC,CAAA;AACvF;AAQA,SAAgBe,IAAoD;CAClE,OAAOC,EAAWhB,CAAgB;AACpC;AASA,SAAgBiB,EAA+B,EAC7C,eAGY;CAGZ,OAFeD,EAAWhB,CACtB,MAAW,OACR,kBAACE,GAAD,EAA2B,YAAmC,CAAA,IADzC,kBAAAH,GAAA,EAAG,YAAW,CAAA;AAE5C;AAWA,SAAgBoB,EACd,GACA,GACM;CACN,IAAMC,IAAMJ,EAAWhB,CAAgB,GAGjCqB,IAASC,EAAUX,CAAG,GACtBY,IAAWD,EAAUV,CAAK,GAC1BY,IAAa,KAAK,UAAU,CAACb,GAAKC,CAAK,CAAC,GAIxCa,IAAUL,GAAK;CACrB,QAAgB;EACd,AAAKK,KACLA,EAAQJ,EAAO,SAASE,EAAS,OAAO;CAC1C,GAAG;EAACE;EAASD;EAAYH;EAAQE;CAAQ,CAAC;AAC5C"}
+{"version":3,"file":"SelectionContext.js","names":["_Fragment","SelectionContext","createContext","SelectionContextProvider","state","setState","useState","lastSerializedRef","useRef","publishSelection","useCallback","next","ids","kinds","value","useMemo","useSelectionContext","useContext","SelectionContextProviderIfRoot","Fragment","usePublishSelection","ctx","idsRef","useLatest","kindsRef","serialized","publish","ctxRef","serializedRef","slot"],"sources":["../../../src/features/selection/SelectionContext.tsx"],"sourcesContent":["/**\n * @experimental\n * SelectionContext — a tiny ambient context that publishes \"what's currently\n * selected\" so non-canvas UI (command palette, status bar, breadcrumbs,\n * undo-label generation) can read it without threading a selection prop\n * through the tree.\n *\n * **Single-slot semantics (v1):** the context holds one selection array.\n * Whichever canvas (or other publisher) calls `publishSelection` most\n * recently owns the slot. For single-canvas pages — the typical case —\n * this Just Works. Multi-canvas pages get last-writer-wins, which is\n * approximately \"most recently rendered.\" A v2 could become focus-aware\n * (canvas claims the slot on focus, releases on blur), but that's deferred\n * until a real multi-canvas use case lands.\n *\n * `<SceneCanvas>` calls `publishSelection` automatically when wrapped in a\n * `<SelectionContext>`. Bare-`<Canvas>` consumers opt in by calling\n * `useSelectionContext().publishSelection(ids)` themselves.\n */\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { NodeId } from 'core/scene/types';\n\n/** @experimental */\nexport interface SelectionContextValue {\n  /** The most-recently-published selection. Empty array when no canvas\n   *  has published or when the active canvas's selection is empty. */\n  readonly selection: readonly NodeId[];\n  /** Optional per-id kind label, parallel to `selection`. Publishers that\n   *  know their domain populate it (e.g. `'rectangle'`, `'path'`, `'group'`)\n   *  so consumers can render type-aware copy. Sparse entries (`undefined`)\n   *  are allowed; consumers should treat the kinds array as best-effort.\n   *\n   *  See `docs/TODO.md` (Tier 1.5 → \"Typed scene-object references\") for the\n   *  longer-term direction toward a proper id+kind value type. */\n  readonly kinds?: readonly (string | undefined)[];\n  /** Publish the calling canvas's selection. Idempotent — calling with\n   *  the same array (by content equality) does not trigger a re-render\n   *  of the consumer tree. */\n  publishSelection(ids: readonly NodeId[], kinds?: readonly (string | undefined)[]): void;\n}\n\nconst SelectionContext = createContext<SelectionContextValue | null>(null);\n\n/**\n * @experimental\n * Wrap the part of the React tree that should share a selection context.\n * Usually placed at the demo / app root, alongside `<ActionsProvider>`.\n */\nexport function SelectionContextProvider({ children }: { children: ReactNode }): ReactNode {\n  const [state, setState] = useState<{\n    selection: readonly NodeId[];\n    kinds: readonly (string | undefined)[] | undefined;\n  }>({ selection: [], kinds: undefined });\n  const lastSerializedRef = useRef<string>('');\n\n  const publishSelection = useCallback((\n    ids: readonly NodeId[],\n    kinds?: readonly (string | undefined)[],\n  ): void => {\n    // Cheap content equality via JSON serialization over both ids and kinds.\n    // Selection arrays are typically small (≤ a few dozen entries); the cost\n    // is dwarfed by avoiding a re-render when nothing changed.\n    const next = JSON.stringify([ids, kinds]);\n    if (next === lastSerializedRef.current) return;\n    lastSerializedRef.current = next;\n    setState({ selection: ids, kinds });\n  }, []);\n\n  const value = useMemo<SelectionContextValue>(\n    () => ({\n      selection: state.selection,\n      ...(state.kinds !== undefined ? { kinds: state.kinds } : {}),\n      publishSelection,\n    }),\n    [state, publishSelection],\n  );\n\n  return <SelectionContext.Provider value={value}>{children}</SelectionContext.Provider>;\n}\n\n/**\n * @experimental\n * Read the current selection-context value. Returns `null` when no\n * `<SelectionContextProvider>` is in scope; consumers should fall back\n * gracefully (e.g. command palette hides the \"N selected\" header).\n */\nexport function useSelectionContext(): SelectionContextValue | null {\n  return useContext(SelectionContext);\n}\n\n/**\n * @experimental\n * Conditional `<SelectionContextProvider>` wrapper. Mounts a provider only\n * when no parent provider is in scope — otherwise renders children unwrapped\n * so callers (e.g. `<WeaselProvider>`) defer to the host's existing scope.\n * Mirrors `ActionsProviderIfRoot` / `DepRegistryProviderIfRoot`.\n */\nexport function SelectionContextProviderIfRoot({\n  children,\n}: {\n  children: ReactNode;\n}): ReactNode {\n  const parent = useContext(SelectionContext);\n  if (parent !== null) return <>{children}</>;\n  return <SelectionContextProvider>{children}</SelectionContextProvider>;\n}\n\n/**\n * @experimental\n * Convenience hook for canvas components: publishes the supplied `ids`\n * into the surrounding `<SelectionContextProvider>` whenever the\n * content of `ids` changes. No-op when there's no provider in scope.\n *\n * Used by `<SceneCanvas>` internally to auto-publish; bare-Canvas\n * consumers call `useSelectionContext()` and `publishSelection` directly.\n */\nexport function usePublishSelection(\n  ids: readonly NodeId[],\n  kinds?: readonly (string | undefined)[],\n): void {\n  const ctx = useContext(SelectionContext);\n  // Track latest values via refs so the effect's deps array can use a stable\n  // serialization — avoids re-firing on identity-only changes.\n  const idsRef = useLatest(ids);\n  const kindsRef = useLatest(kinds);\n  const serialized = JSON.stringify([ids, kinds]);\n  // Depend on `publishSelection` rather than `ctx`: the provider mints a new\n  // context value on every publish, so keying on `ctx` refires this effect for\n  // every publisher whenever any one of them publishes.\n  const publish = ctx?.publishSelection;\n  useEffect(() => {\n    if (!publish) return;\n    publish(idsRef.current, kindsRef.current);\n  }, [publish, serialized, idsRef, kindsRef]);\n  // A publisher that goes away takes its selection with it, unless another\n  // has written the slot since.\n  const ctxRef = useLatest(ctx);\n  const serializedRef = useLatest(serialized);\n  useEffect(() => () => {\n    const slot = ctxRef.current;\n    if (slot && JSON.stringify([slot.selection, slot.kinds]) === serializedRef.current) {\n      slot.publishSelection([]);\n    }\n  }, [ctxRef, serializedRef]);\n}\n"],"mappings":";;;;AAmDA,IAAMC,IAAmBC,EAA4C,IAAI;AAOzE,SAAgBC,EAAyB,EAAE,eAAgD;CACzF,IAAM,CAACC,GAAOC,KAAYC,EAGvB;EAAE,WAAW,CAAC;EAAG,OAAO,KAAA;CAAU,CAAC,GAChCC,IAAoBC,EAAe,EAAE,GAErCC,IAAmBC,GACvB,GACA,MACS;EAIT,IAAMC,IAAO,KAAK,UAAU,CAACC,GAAKC,CAAK,CAAC;EACxC,AAAIF,MAASJ,EAAkB,YAC/B,EAAkB,UAAUI,GAC5BN,EAAS;GAAE,WAAWO;GAAK;EAAM,CAAC;CACpC,GAAG,CAAC,CAAC,GAECE,IAAQC,SACL;EACL,WAAWX,EAAM;EACjB,GAAIA,EAAM,UAAU,KAAA,IAAqC,CAAC,IAA1B,EAAE,OAAOA,EAAM,MAAM;EACrD;CACF,IACA,CAACA,GAAOK,CAAgB,CAC1B;CAEA,OAAO,kBAACR,EAAiB,UAAlB;EAAkC;EAAQ;CAAoC,CAAA;AACvF;AAQA,SAAgBe,IAAoD;CAClE,OAAOC,EAAWhB,CAAgB;AACpC;AASA,SAAgBiB,EAA+B,EAC7C,eAGY;CAGZ,OAFeD,EAAWhB,CACtB,MAAW,OACR,kBAACE,GAAD,EAA2B,YAAmC,CAAA,IADzC,kBAAAH,GAAA,EAAG,YAAW,CAAA;AAE5C;AAWA,SAAgBoB,EACd,GACA,GACM;CACN,IAAMC,IAAMJ,EAAWhB,CAAgB,GAGjCqB,IAASC,EAAUX,CAAG,GACtBY,IAAWD,EAAUV,CAAK,GAC1BY,IAAa,KAAK,UAAU,CAACb,GAAKC,CAAK,CAAC,GAIxCa,IAAUL,GAAK;CACrB,QAAgB;EACd,AAAKK,KACLA,EAAQJ,EAAO,SAASE,EAAS,OAAO;CAC1C,GAAG;EAACE;EAASD;EAAYH;EAAQE;CAAQ,CAAC;CAG1C,IAAMG,IAASJ,EAAUF,CAAG,GACtBO,IAAgBL,EAAUE,CAAU;CAC1C,cAAsB;EACpB,IAAMI,IAAOF,EAAO;EACpB,AAAIE,KAAQ,KAAK,UAAU,CAACA,EAAK,WAAWA,EAAK,KAAK,CAAC,MAAMD,EAAc,WACzEC,EAAK,iBAAiB,CAAC,CAAC;CAE5B,GAAG,CAACF,GAAQC,CAAa,CAAC;AAC5B"}

package/dist/features/selection/overlay.js

@@ -8,8 +8,8 @@ import { HANDLE_BASE_PX as o } from "../../core/device/targets.js";
 import { unionAABB as s } from "../../core/geometry/unionBounds.js";
 import { visualBoundsViaDescriptor as c } from "../../core/geometry/poseDescriptor.js";
 import { AUTO_POSE_DESCRIPTOR as l } from "../../interactions/actions/resize/autoPoseDescriptor.js";
-import { rectCorners as u, rotatePoint as d } from "../../interactions/actions/rotate/geometry.js";
-import { MULTI_RESIZE_TARGET_ID as f } from "../../core/selection/selectionTarget.js";
+import { MULTI_RESIZE_TARGET_ID as u } from "../../core/selection/selectionTarget.js";
+import { rectCorners as d, rotatePoint as f } from "../../interactions/actions/rotate/geometry.js";
 import { DEFAULT_ROTATION_HANDLE_DISTANCE as p, rotationHandle as m } from "../../interactions/actions/rotate/handle.js";
 import { alignedStrokeRect as h } from "@weasel-js/paint";
 import { PATH_L as g, PATH_M as _, PATH_Z as v } from "@weasel-js/geom";
@@ -230,15 +230,15 @@ function M(e, n, i, a, o) {
 	return s;
 }
 function N(e, t, r, a) {
-	let o = n(r), s = u(e).map((e) => {
-		let n = d(e.x, e.y, t.cx, t.cy, t.rotation), [r, a] = i(n.x, n.y, o);
+	let o = n(r), s = d(e).map((e) => {
+		let n = f(e.x, e.y, t.cx, t.cy, t.rotation), [r, a] = i(n.x, n.y, o);
 		return {
 			x: r,
 			y: a
 		};
 	});
 	if (a === 0) return s;
-	let [c, l] = i(t.cx, t.cy, o), f = (e, t) => {
+	let [c, l] = i(t.cx, t.cy, o), u = (e, t) => {
 		let n = -(t.y - e.y), r = t.x - e.x, i = Math.hypot(n, r) || 1;
 		n /= i, r /= i;
 		let a = (e.x + t.x) / 2 - c, o = (e.y + t.y) / 2 - l;
@@ -251,7 +251,7 @@ function N(e, t, r, a) {
 		};
 	};
 	return s.map((e, t) => {
-		let n = f(s[(t + 3) % 4], e), r = f(e, s[(t + 1) % 4]), i = a / (1 + n.x * r.x + n.y * r.y);
+		let n = u(s[(t + 3) % 4], e), r = u(e, s[(t + 1) % 4]), i = a / (1 + n.x * r.x + n.y * r.y);
 		return {
 			x: e.x + (n.x + r.x) * i,
 			y: e.y + (n.y + r.y) * i
@@ -259,18 +259,18 @@ function N(e, t, r, a) {
 	});
 }
 function P(e, o, s, c, l) {
-	let u = [], f = s.size / 2, p = s.outline.align ?? "center", m = t(s.outline.width ?? 1, 1);
+	let u = [], d = s.size / 2, p = s.outline.align ?? "center", m = t(s.outline.width ?? 1, 1);
 	for (let t of e) {
 		let e = o(t);
 		if (!e) continue;
 		let g = r(e), _ = n(l), v = g ? a(g.rotation, l.scale) : 0;
 		for (let t of c(e)) {
-			let e = g ? d(t.x, t.y, g.cx, g.cy, g.rotation) : t, [n, r] = i(e.x, e.y, _), a = {
+			let e = g ? f(t.x, t.y, g.cx, g.cy, g.rotation) : t, [n, r] = i(e.x, e.y, _), a = {
 				x: n,
 				y: r
 			}, o = {
-				x: a.x - f,
-				y: a.y - f,
+				x: a.x - d,
+				y: a.y - d,
 				width: s.size,
 				height: s.size
 			}, c = h(o, p, m), l = {
@@ -369,26 +369,26 @@ function F(r, a, o, s) {
 	}];
 }
 function I(e, t) {
-	let { stroke: n, pad: r } = O(e.outline), i = t.handles && e.handles !== !1 ? k(e.handles || void 0) : null, a = e.handlesOf ?? D, o = e.poseDescriptor ?? l, s = e.getPose, c = s ? S(s, o, e.getChildren, e.isContainer) : null, u = t.handles ? L(e)?.distancePx ?? null : null;
+	let { stroke: n, pad: r } = O(e.outline), i = t.handles && e.handles !== !1 ? k(e.handles || void 0) : null, a = e.handlesOf ?? D, o = e.poseDescriptor ?? l, s = e.getPose, c = s ? S(s, o, e.getChildren, e.isContainer) : null, d = t.handles ? L(e)?.distancePx ?? null : null;
 	return {
 		id: t.id,
 		label: t.label,
 		space: "screen",
 		draw: (o, s) => {
-			let l = U(o), d = e.getSelection ? e.getSelection() : H(l);
-			if (d.length === 0) return [];
-			let p = e.getSuppressedIds?.(), m = p && p.size > 0 ? d.filter((e) => !p.has(e)) : d;
+			let l = U(o), f = e.getSelection ? e.getSelection() : H(l);
+			if (f.length === 0) return [];
+			let p = e.getSuppressedIds?.(), m = p && p.size > 0 ? f.filter((e) => !p.has(e)) : f;
 			if (m.length === 0) return [];
-			let h = V(o), g = t.outline && (!h || h("selection.outline")), _ = !h || h("selection.resize-handles"), v = !h || h("selection.rotation-handle"), y = c ?? ((e) => l?.boundsOf(e) ?? null), b = (e) => e === f && l?.unionBounds != null ? l.unionBounds : y(e), x = [];
+			let h = V(o), g = t.outline && (!h || h("selection.outline")), _ = !h || h("selection.resize-handles"), v = !h || h("selection.rotation-handle"), y = c ?? ((e) => l?.boundsOf(e) ?? null), b = (e) => e === u && l?.unionBounds != null ? l.unionBounds : y(e), x = [];
 			if (g) {
 				let t = e.getOutlineIds ? e.getOutlineIds() : e.getSelection ? m : l?.selection ?? m, i = p && p.size > 0 ? t.filter((e) => !p.has(e)) : t;
 				for (let e of M(i, b, n, r, s)) x.push(e);
 			}
 			if (!i) return x;
 			if (_) for (let e of P(m, b, i, a, s)) x.push(e);
-			if (v && u !== null) for (let e of m) {
+			if (v && d !== null) for (let e of m) {
 				let t = b(e);
-				if (t) for (let e of F(t, i, u, s)) x.push(e);
+				if (t) for (let e of F(t, i, d, s)) x.push(e);
 			}
 			return x;
 		}
@@ -430,7 +430,7 @@ function V(e) {
 	return typeof t?.getIsVisible == "function" ? t.getIsVisible() : null;
 }
 function H(e) {
-	return e ? e.multiActive ? [f] : e.selection : [];
+	return e ? e.multiActive ? [u] : e.selection : [];
 }
 function U(e) {
 	let t = e;