@weasel-js/core 1.10.1 → 1.11.0

package/dist/canvas/planeClips.js.map

@@ -1 +1 @@
-{"version":3,"file":"planeClips.js","names":["clipCarrier","planeOf","clip","mapOf","layer","cache","to","toLayer","m","planeToPlane","fromLayer","byTarget","out","transformPath","planeMatrix","planeTransform","from","mat3","pathFromPlane","p","path","back"],"sources":["../../src/canvas/planeClips.ts"],"sourcesContent":["import { type Path, transformPath, mat3, type GlMat3 } from '@weasel-js/geom';\nimport { planeMatrix, planeToPlane, type PlaneMap } from 'core/viewport/parallax';\n\n/**\n * Carries a container's clip into the world a descendant is drawn or picked\n * in. A clip is built from the container's pose, so it is in the container's\n * plane; a child on another plane reads it in its own. Null `planeOf` means no\n * layer is a plane, and every clip passes through untouched.\n *\n * Memoized per clip path and target plane, so a container with many children\n * on one other plane maps its clip once.\n */\nexport function clipCarrier(\n  planeOf: ((layer: string) => PlaneMap | null) | null,\n): (clip: Path, fromLayer: string | undefined, toLayer: string | undefined) => Path {\n  if (planeOf === null) return (clip) => clip;\n  const mapOf = (layer: string | undefined) => (layer === undefined ? null : planeOf(layer));\n  const cache = new WeakMap<Path, Map<PlaneMap | null, Path>>();\n  return (clip, fromLayer, toLayer) => {\n    const to = mapOf(toLayer);\n    const m = planeToPlane(mapOf(fromLayer), to);\n    if (m === null) return clip;\n    let byTarget = cache.get(clip);\n    if (byTarget === undefined) cache.set(clip, byTarget = new Map());\n    let out = byTarget.get(to);\n    if (out === undefined) byTarget.set(to, out = transformPath(clip, planeMatrix(m)));\n    return out;\n  };\n}\n\n/** The group transform that draws `from`'s world inside `to`'s, where `null`\n *  is the camera's. Undefined when they are the same world. */\nexport function planeTransform(from: PlaneMap | null, to: PlaneMap | null): GlMat3 | undefined {\n  const m = planeToPlane(from, to);\n  return m === null ? undefined : mat3.fromAffine(planeMatrix(m));\n}\n\n/** A path in a plane's world, in the camera's. Anything that is not a path\n *  passes through. */\nexport function pathFromPlane<T>(path: T, m: PlaneMap | null): T {\n  const p = path as { kind?: string } | null;\n  if (m === null || !p || (p.kind !== 'polygon' && p.kind !== 'rect')) return path;\n  const back = planeToPlane(m, null);\n  return back === null ? path : transformPath(path as unknown as Path, planeMatrix(back)) as unknown as T;\n}\n"],"mappings":";;;AAYA,SAAgBA,EACd,GACkF;CAClF,IAAIC,MAAY,MAAM,QAAQ,MAASC;CACvC,IAAMC,KAAS,MAA+BC,MAAU,KAAA,IAAY,OAAOH,EAAQG,CAAK,GAClFC,oBAAQ,IAAI,QAA0C;CAC5D,QAAQ,GAAM,GAAW,MAAY;EACnC,IAAMC,IAAKH,EAAMI,CAAO,GAClBC,IAAIC,EAAaN,EAAMO,CAAS,GAAGJ,CAAE;EAC3C,IAAIE,MAAM,MAAM,OAAON;EACvB,IAAIS,IAAWN,EAAM,IAAIH,CAAI;EAC7B,AAAIS,MAAa,KAAA,KAAWN,EAAM,IAAIH,GAAM,oBAAW,IAAI,IAAI,CAAC;EAChE,IAAIU,IAAMD,EAAS,IAAIL,CAAE;EAEzB,OADIM,MAAQ,KAAA,KAAWD,EAAS,IAAIL,GAAI,IAAMO,EAAcX,GAAMY,EAAYN,CAAC,CAAC,CAAC,GAC1EI;CACT;AACF;AAIA,SAAgBG,EAAe,GAAuB,GAAyC;CAC7F,IAAMP,IAAIC,EAAaO,GAAMV,CAAE;CAC/B,OAAOE,MAAM,OAAO,KAAA,IAAYS,EAAK,WAAWH,EAAYN,CAAC,CAAC;AAChE;AAIA,SAAgBU,EAAiB,GAAS,GAAuB;CAC/D,IAAMC,IAAIC;CACV,IAAIZ,MAAM,QAAQ,CAACW,KAAMA,EAAE,SAAS,aAAaA,EAAE,SAAS,QAAS,OAAOC;CAC5E,IAAMC,IAAOZ,EAAaD,GAAG,IAAI;CACjC,OAAOa,MAAS,OAAOD,IAAOP,EAAcO,GAAyBN,EAAYO,CAAI,CAAC;AACxF"}
+{"version":3,"file":"planeClips.js","names":[],"sources":["../../src/canvas/planeClips.ts"],"sourcesContent":["import { type Path, transformPath, mat3, type GlMat3 } from '@weasel-js/geom';\nimport { planeMatrix, planeToPlane, type PlaneMap } from 'core/viewport/parallax';\n\n/**\n * Carries a container's clip into the world a descendant is drawn or picked\n * in. A clip is built from the container's pose, so it is in the container's\n * plane; a child on another plane reads it in its own. Null `planeOf` means no\n * layer is a plane, and every clip passes through untouched.\n *\n * Memoized per clip path and target plane, so a container with many children\n * on one other plane maps its clip once.\n */\nexport function clipCarrier(\n  planeOf: ((layer: string) => PlaneMap | null) | null,\n): (clip: Path, fromLayer: string | undefined, toLayer: string | undefined) => Path {\n  if (planeOf === null) return (clip) => clip;\n  const mapOf = (layer: string | undefined) => (layer === undefined ? null : planeOf(layer));\n  const cache = new WeakMap<Path, Map<PlaneMap | null, Path>>();\n  return (clip, fromLayer, toLayer) => {\n    const to = mapOf(toLayer);\n    const m = planeToPlane(mapOf(fromLayer), to);\n    if (m === null) return clip;\n    let byTarget = cache.get(clip);\n    if (byTarget === undefined) cache.set(clip, byTarget = new Map());\n    let out = byTarget.get(to);\n    if (out === undefined) byTarget.set(to, out = transformPath(clip, planeMatrix(m)));\n    return out;\n  };\n}\n\n/** The group transform that draws `from`'s world inside `to`'s, where `null`\n *  is the camera's. Undefined when they are the same world. */\nexport function planeTransform(from: PlaneMap | null, to: PlaneMap | null): GlMat3 | undefined {\n  const m = planeToPlane(from, to);\n  return m === null ? undefined : mat3.fromAffine(planeMatrix(m));\n}\n\n/** A path in a plane's world, in the camera's. Anything that is not a path\n *  passes through. */\nexport function pathFromPlane<T>(path: T, m: PlaneMap | null): T {\n  const p = path as { kind?: string } | null;\n  if (m === null || !p || (p.kind !== 'polygon' && p.kind !== 'rect')) return path;\n  const back = planeToPlane(m, null);\n  return back === null ? path : transformPath(path as unknown as Path, planeMatrix(back)) as unknown as T;\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,YACd,SACkF;CAClF,IAAI,YAAY,MAAM,QAAQ,SAAS;CACvC,MAAM,SAAS,UAA+B,UAAU,SAAY,OAAO,QAAQ,KAAK;CACxF,MAAM,wBAAQ,IAAI,QAA0C;CAC5D,QAAQ,MAAM,WAAW,YAAY;EACnC,MAAM,KAAK,MAAM,OAAO;EACxB,MAAM,IAAI,aAAa,MAAM,SAAS,GAAG,EAAE;EAC3C,IAAI,MAAM,MAAM,OAAO;EACvB,IAAI,WAAW,MAAM,IAAI,IAAI;EAC7B,IAAI,aAAa,QAAW,MAAM,IAAI,MAAM,2BAAW,IAAI,IAAI,CAAC;EAChE,IAAI,MAAM,SAAS,IAAI,EAAE;EACzB,IAAI,QAAQ,QAAW,SAAS,IAAI,IAAI,MAAM,cAAc,MAAM,YAAY,CAAC,CAAC,CAAC;EACjF,OAAO;CACT;AACF;;;AAIA,SAAgB,eAAe,MAAuB,IAAyC;CAC7F,MAAM,IAAI,aAAa,MAAM,EAAE;CAC/B,OAAO,MAAM,OAAO,SAAY,KAAK,WAAW,YAAY,CAAC,CAAC;AAChE;;;AAIA,SAAgB,cAAiB,MAAS,GAAuB;CAC/D,MAAM,IAAI;CACV,IAAI,MAAM,QAAQ,CAAC,KAAM,EAAE,SAAS,aAAa,EAAE,SAAS,QAAS,OAAO;CAC5E,MAAM,OAAO,aAAa,GAAG,IAAI;CACjC,OAAO,SAAS,OAAO,OAAO,cAAc,MAAyB,YAAY,IAAI,CAAC;AACxF"}

package/dist/canvas/poseCascade.js

@@ -1,41 +1,65 @@
-import { poseDescriptorForNode as e, translatePoseViaDescriptor as t } from "../core/geometry/poseDescriptor.js";
+import { poseDescriptorForNode, translatePoseViaDescriptor } from "../core/geometry/poseDescriptor.js";
+
 //#region src/canvas/poseCascade.ts
-function n(e, t) {
-	let n = [], r = (t) => {
-		for (let i of e.childrenOf(t)) n.push(i), r(i);
+/** Every node under `id`, each after its parent. */
+function descendantsOf(scene, id) {
+	const out = [];
+	const collect = (root) => {
+		for (const child of scene.childrenOf(root)) {
+			out.push(child);
+			collect(child);
+		}
 	};
-	return r(t), n;
+	collect(id);
+	return out;
 }
-function r(r, i, a, o) {
+/**
+* How container `id`'s pose target carries its descendants where each holds a pose of its own
+* in the same space: `write` commits a pose and moves them, and while the container shows
+* somewhere else each is shown moved by as much.
+*/
+function containerCascade(scene, id, d, write) {
 	return {
-		write: o,
-		*beside(o) {
-			let s = r.get(i);
-			if (!s) return;
-			let c = e(a, s), l = c.getBounds(s.pose), u = c.getBounds(o);
-			for (let o of n(r, i)) {
-				let n = r.get(o);
-				n && (yield [o, t(n.pose, u.x - l.x, u.y - l.y, e(a, n))]);
+		write,
+		*beside(pose) {
+			const node = scene.get(id);
+			if (!node) return;
+			const g = poseDescriptorForNode(d, node);
+			const from = g.getBounds(node.pose);
+			const to = g.getBounds(pose);
+			for (const child of descendantsOf(scene, id)) {
+				const n = scene.get(child);
+				if (!n) continue;
+				yield [child, translatePoseViaDescriptor(n.pose, to.x - from.x, to.y - from.y, poseDescriptorForNode(d, n))];
 			}
 		}
 	};
 }
-function i(r, i) {
-	return (a, o) => {
-		let s = r.get(a);
-		if (!s || s.kind !== "container") return r.setPose(a, o);
-		let c = e(i, s), l = c.getBounds(s.pose), u = c.getBounds(o), d = u.x - l.x, f = u.y - l.y;
-		if (d === 0 && f === 0) return r.setPose(a, o);
-		r.batch("move container", () => {
-			r.setPose(a, o);
-			for (let o of n(r, a)) {
-				let n = r.get(o);
-				n && r.setPose(o, t(n.pose, d, f, e(i, n)));
+/**
+* `setPose` for a scene of absolute poses: posing a container moves every
+* descendant by as much, in one undo step.
+*/
+function cascadingSetPose(scene, d) {
+	return (id, pose) => {
+		const node = scene.get(id);
+		if (!node || node.kind !== "container") return scene.setPose(id, pose);
+		const g = poseDescriptorForNode(d, node);
+		const from = g.getBounds(node.pose);
+		const to = g.getBounds(pose);
+		const dx = to.x - from.x;
+		const dy = to.y - from.y;
+		if (dx === 0 && dy === 0) return scene.setPose(id, pose);
+		scene.batch("move container", () => {
+			scene.setPose(id, pose);
+			for (const child of descendantsOf(scene, id)) {
+				const n = scene.get(child);
+				if (!n) continue;
+				scene.setPose(child, translatePoseViaDescriptor(n.pose, dx, dy, poseDescriptorForNode(d, n)));
 			}
 		});
 	};
 }
-//#endregion
-export { i as cascadingSetPose, r as containerCascade, n as descendantsOf };
 
+//#endregion
+export { cascadingSetPose, containerCascade, descendantsOf };
 //# sourceMappingURL=poseCascade.js.map

package/dist/canvas/poseCascade.js.map

@@ -1 +1 @@
-{"version":3,"file":"poseCascade.js","names":["descendantsOf","out","collect","child","scene","root","id","containerCascade","node","g","poseDescriptorForNode","d","from","to","pose","translatePoseViaDescriptor","cascadingSetPose","dx","dy"],"sources":["../../src/canvas/poseCascade.ts"],"sourcesContent":["import { poseDescriptorForNode, translatePoseViaDescriptor, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport type { NodeId } from 'core/scene/types';\nimport type { PoseCascade } from '../animation/poseTarget';\n\n/** The part of a scene a container's cascade reads. */\ninterface CascadeScene<TPose> {\n  get(id: NodeId): { pose: TPose; kind?: 'leaf' | 'container' } | undefined;\n  childrenOf(id: NodeId): readonly NodeId[];\n}\n\n/** The part of a scene a cascading `setPose` writes. */\ninterface CascadeTarget<TPose> extends CascadeScene<TPose> {\n  setPose(id: NodeId, pose: TPose): void;\n  batch<T>(label: string, fn: () => T): T;\n}\n\n/** Every node under `id`, each after its parent. */\nexport function descendantsOf(scene: Pick<CascadeScene<unknown>, 'childrenOf'>, id: NodeId): NodeId[] {\n  const out: NodeId[] = [];\n  const collect = (root: NodeId): void => {\n    for (const child of scene.childrenOf(root)) {\n      out.push(child);\n      collect(child);\n    }\n  };\n  collect(id);\n  return out;\n}\n\n/**\n * How container `id`'s pose target carries its descendants where each holds a pose of its own\n * in the same space: `write` commits a pose and moves them, and while the container shows\n * somewhere else each is shown moved by as much.\n */\nexport function containerCascade<TPose>(\n  scene: CascadeScene<TPose>,\n  id: NodeId,\n  d: PoseDescriptor<TPose>,\n  write: (pose: TPose) => void,\n): PoseCascade<TPose> {\n  return {\n    write,\n    *beside(pose) {\n      const node = scene.get(id);\n      if (!node) return;\n      const g = poseDescriptorForNode(d, node);\n      const from = g.getBounds(node.pose);\n      const to = g.getBounds(pose);\n      for (const child of descendantsOf(scene, id)) {\n        const n = scene.get(child);\n        if (!n) continue;\n        yield [child, translatePoseViaDescriptor(n.pose, to.x - from.x, to.y - from.y, poseDescriptorForNode(d, n))];\n      }\n    },\n  };\n}\n\n/**\n * `setPose` for a scene of absolute poses: posing a container moves every\n * descendant by as much, in one undo step.\n */\nexport function cascadingSetPose<TPose>(\n  scene: CascadeTarget<TPose>,\n  d: PoseDescriptor<TPose>,\n): (id: NodeId, pose: TPose) => void {\n  return (id, pose) => {\n    const node = scene.get(id);\n    if (!node || node.kind !== 'container') return scene.setPose(id, pose);\n    const g = poseDescriptorForNode(d, node);\n    const from = g.getBounds(node.pose);\n    const to = g.getBounds(pose);\n    const dx = to.x - from.x;\n    const dy = to.y - from.y;\n    if (dx === 0 && dy === 0) return scene.setPose(id, pose);\n    scene.batch('move container', () => {\n      scene.setPose(id, pose);\n      for (const child of descendantsOf(scene, id)) {\n        const n = scene.get(child);\n        if (!n) continue;\n        scene.setPose(child, translatePoseViaDescriptor(n.pose, dx, dy, poseDescriptorForNode(d, n)));\n      }\n    });\n  };\n}\n"],"mappings":";;AAiBA,SAAgBA,EAAc,GAAkD,GAAsB;CACpG,IAAMC,IAAgB,CAAC,GACjBC,KAAW,MAAuB;EACtC,KAAK,IAAMC,KAASC,EAAM,WAAWC,CAAI,GAEvC,AADAJ,EAAI,KAAKE,CAAK,GACdD,EAAQC,CAAK;CAEjB;CAEA,OADAD,EAAQI,CAAE,GACHL;AACT;AAOA,SAAgBM,EACd,GACA,GACA,GACA,GACoB;CACpB,OAAO;EACL;EACA,CAAC,OAAO,GAAM;GACZ,IAAMC,IAAOJ,EAAM,IAAIE,CAAE;GACzB,IAAI,CAACE,GAAM;GACX,IAAMC,IAAIC,EAAsBC,GAAGH,CAAI,GACjCI,IAAOH,EAAE,UAAUD,EAAK,IAAI,GAC5BK,IAAKJ,EAAE,UAAUK,CAAI;GAC3B,KAAK,IAAMX,KAASH,EAAcI,GAAOE,CAAE,GAAG;IAC5C,IAAM,IAAIF,EAAM,IAAID,CAAK;IACzB,AAAK,MACL,MAAM,CAACA,GAAOY,EAA2B,EAAE,MAAMF,EAAG,IAAID,EAAK,GAAGC,EAAG,IAAID,EAAK,GAAGF,EAAsBC,GAAG,CAAC,CAAC,CAAC;GAC7G;EACF;CACF;AACF;AAMA,SAAgBK,EACd,GACA,GACmC;CACnC,QAAQ,GAAI,MAAS;EACnB,IAAMR,IAAOJ,EAAM,IAAIE,CAAE;EACzB,IAAI,CAACE,KAAQA,EAAK,SAAS,aAAa,OAAOJ,EAAM,QAAQE,GAAIQ,CAAI;EACrE,IAAML,IAAIC,EAAsBC,GAAGH,CAAI,GACjCI,IAAOH,EAAE,UAAUD,EAAK,IAAI,GAC5BK,IAAKJ,EAAE,UAAUK,CAAI,GACrBG,IAAKJ,EAAG,IAAID,EAAK,GACjBM,IAAKL,EAAG,IAAID,EAAK;EACvB,IAAIK,MAAO,KAAKC,MAAO,GAAG,OAAOd,EAAM,QAAQE,GAAIQ,CAAI;EACvD,EAAM,MAAM,wBAAwB;GAClC,EAAM,QAAQR,GAAIQ,CAAI;GACtB,KAAK,IAAMX,KAASH,EAAcI,GAAOE,CAAE,GAAG;IAC5C,IAAM,IAAIF,EAAM,IAAID,CAAK;IACzB,AAAK,KACLC,EAAM,QAAQD,GAAOY,EAA2B,EAAE,MAAME,GAAIC,GAAIR,EAAsBC,GAAG,CAAC,CAAC,CAAC;GAC9F;EACF,CAAC;CACH;AACF"}
+{"version":3,"file":"poseCascade.js","names":[],"sources":["../../src/canvas/poseCascade.ts"],"sourcesContent":["import { poseDescriptorForNode, translatePoseViaDescriptor, type PoseDescriptor } from 'core/geometry/poseDescriptor';\nimport type { NodeId } from 'core/scene/types';\nimport type { PoseCascade } from '../animation/poseTarget';\n\n/** The part of a scene a container's cascade reads. */\ninterface CascadeScene<TPose> {\n  get(id: NodeId): { pose: TPose; kind?: 'leaf' | 'container' } | undefined;\n  childrenOf(id: NodeId): readonly NodeId[];\n}\n\n/** The part of a scene a cascading `setPose` writes. */\ninterface CascadeTarget<TPose> extends CascadeScene<TPose> {\n  setPose(id: NodeId, pose: TPose): void;\n  batch<T>(label: string, fn: () => T): T;\n}\n\n/** Every node under `id`, each after its parent. */\nexport function descendantsOf(scene: Pick<CascadeScene<unknown>, 'childrenOf'>, id: NodeId): NodeId[] {\n  const out: NodeId[] = [];\n  const collect = (root: NodeId): void => {\n    for (const child of scene.childrenOf(root)) {\n      out.push(child);\n      collect(child);\n    }\n  };\n  collect(id);\n  return out;\n}\n\n/**\n * How container `id`'s pose target carries its descendants where each holds a pose of its own\n * in the same space: `write` commits a pose and moves them, and while the container shows\n * somewhere else each is shown moved by as much.\n */\nexport function containerCascade<TPose>(\n  scene: CascadeScene<TPose>,\n  id: NodeId,\n  d: PoseDescriptor<TPose>,\n  write: (pose: TPose) => void,\n): PoseCascade<TPose> {\n  return {\n    write,\n    *beside(pose) {\n      const node = scene.get(id);\n      if (!node) return;\n      const g = poseDescriptorForNode(d, node);\n      const from = g.getBounds(node.pose);\n      const to = g.getBounds(pose);\n      for (const child of descendantsOf(scene, id)) {\n        const n = scene.get(child);\n        if (!n) continue;\n        yield [child, translatePoseViaDescriptor(n.pose, to.x - from.x, to.y - from.y, poseDescriptorForNode(d, n))];\n      }\n    },\n  };\n}\n\n/**\n * `setPose` for a scene of absolute poses: posing a container moves every\n * descendant by as much, in one undo step.\n */\nexport function cascadingSetPose<TPose>(\n  scene: CascadeTarget<TPose>,\n  d: PoseDescriptor<TPose>,\n): (id: NodeId, pose: TPose) => void {\n  return (id, pose) => {\n    const node = scene.get(id);\n    if (!node || node.kind !== 'container') return scene.setPose(id, pose);\n    const g = poseDescriptorForNode(d, node);\n    const from = g.getBounds(node.pose);\n    const to = g.getBounds(pose);\n    const dx = to.x - from.x;\n    const dy = to.y - from.y;\n    if (dx === 0 && dy === 0) return scene.setPose(id, pose);\n    scene.batch('move container', () => {\n      scene.setPose(id, pose);\n      for (const child of descendantsOf(scene, id)) {\n        const n = scene.get(child);\n        if (!n) continue;\n        scene.setPose(child, translatePoseViaDescriptor(n.pose, dx, dy, poseDescriptorForNode(d, n)));\n      }\n    });\n  };\n}\n"],"mappings":";;;;AAiBA,SAAgB,cAAc,OAAkD,IAAsB;CACpG,MAAM,MAAgB,CAAC;CACvB,MAAM,WAAW,SAAuB;EACtC,KAAK,MAAM,SAAS,MAAM,WAAW,IAAI,GAAG;GAC1C,IAAI,KAAK,KAAK;GACd,QAAQ,KAAK;EACf;CACF;CACA,QAAQ,EAAE;CACV,OAAO;AACT;;;;;;AAOA,SAAgB,iBACd,OACA,IACA,GACA,OACoB;CACpB,OAAO;EACL;EACA,CAAC,OAAO,MAAM;GACZ,MAAM,OAAO,MAAM,IAAI,EAAE;GACzB,IAAI,CAAC,MAAM;GACX,MAAM,IAAI,sBAAsB,GAAG,IAAI;GACvC,MAAM,OAAO,EAAE,UAAU,KAAK,IAAI;GAClC,MAAM,KAAK,EAAE,UAAU,IAAI;GAC3B,KAAK,MAAM,SAAS,cAAc,OAAO,EAAE,GAAG;IAC5C,MAAM,IAAI,MAAM,IAAI,KAAK;IACzB,IAAI,CAAC,GAAG;IACR,MAAM,CAAC,OAAO,2BAA2B,EAAE,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,sBAAsB,GAAG,CAAC,CAAC,CAAC;GAC7G;EACF;CACF;AACF;;;;;AAMA,SAAgB,iBACd,OACA,GACmC;CACnC,QAAQ,IAAI,SAAS;EACnB,MAAM,OAAO,MAAM,IAAI,EAAE;EACzB,IAAI,CAAC,QAAQ,KAAK,SAAS,aAAa,OAAO,MAAM,QAAQ,IAAI,IAAI;EACrE,MAAM,IAAI,sBAAsB,GAAG,IAAI;EACvC,MAAM,OAAO,EAAE,UAAU,KAAK,IAAI;EAClC,MAAM,KAAK,EAAE,UAAU,IAAI;EAC3B,MAAM,KAAK,GAAG,IAAI,KAAK;EACvB,MAAM,KAAK,GAAG,IAAI,KAAK;EACvB,IAAI,OAAO,KAAK,OAAO,GAAG,OAAO,MAAM,QAAQ,IAAI,IAAI;EACvD,MAAM,MAAM,wBAAwB;GAClC,MAAM,QAAQ,IAAI,IAAI;GACtB,KAAK,MAAM,SAAS,cAAc,OAAO,EAAE,GAAG;IAC5C,MAAM,IAAI,MAAM,IAAI,KAAK;IACzB,IAAI,CAAC,GAAG;IACR,MAAM,QAAQ,OAAO,2BAA2B,EAAE,MAAM,IAAI,IAAI,sBAAsB,GAAG,CAAC,CAAC,CAAC;GAC9F;EACF,CAAC;CACH;AACF"}

package/dist/canvas/poseRotation.js

@@ -1,21 +1,31 @@
-import { mat3 as e, poseFrameOf as t, rotateAboutPoint as n } from "@weasel-js/geom";
+import { mat3, poseFrameOf, rotateAboutPoint } from "@weasel-js/geom";
+
 //#region src/canvas/poseRotation.ts
-function r(t, r, i) {
-	return e.fromAffine(n(t, r, i));
+/** Rotation by `rotation` about `(cx, cy)` as the render-tree's column-major
+*  3×3 affine. */
+function rotationMatrixAbout(cx, cy, rotation) {
+	return mat3.fromAffine(rotateAboutPoint(cx, cy, rotation));
 }
-function i(e, t, n, i, a) {
-	return r(e + n / 2, t + i / 2, a);
+/** Rotation matrix about the AABB center of `(x, y, width, height)`. The pivot
+*  matches `poseRotationOf` (the shared rotation convention). */
+function rotateAroundAABBCenter(x, y, width, height, rotation) {
+	return rotationMatrixAbout(x + width / 2, y + height / 2, rotation);
 }
-function a(n, r) {
-	if (n.length === 0) return n;
-	let i = t(r);
-	return i ? [{
+/** Wrap a per-node draw-command list in a group carrying the pose's frame
+*  (`poseFrameOf`): its `rotation`, its `transform`, or both, about the AABB
+*  center. No-ops when `cmds` is empty, when the pose has neither field, or
+*  when any of the AABB fields are missing. */
+function wrapWithPoseRotation(cmds, pose) {
+	if (cmds.length === 0) return cmds;
+	const frame = poseFrameOf(pose);
+	if (!frame) return cmds;
+	return [{
 		kind: "group",
-		transform: e.fromAffine(i),
-		children: n
-	}] : n;
+		transform: mat3.fromAffine(frame),
+		children: cmds
+	}];
 }
-//#endregion
-export { i as rotateAroundAABBCenter, r as rotationMatrixAbout, a as wrapWithPoseRotation };
 
+//#endregion
+export { rotateAroundAABBCenter, rotationMatrixAbout, wrapWithPoseRotation };
 //# sourceMappingURL=poseRotation.js.map

package/dist/canvas/poseRotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"poseRotation.js","names":["rotationMatrixAbout","mat3","rotateAboutPoint","cx","cy","rotation","rotateAroundAABBCenter","x","width","y","height","wrapWithPoseRotation","cmds","frame","poseFrameOf","pose"],"sources":["../../src/canvas/poseRotation.ts"],"sourcesContent":["/**\n * Pose rotation helpers. The kit applies the rotation wrap around EVERY\n * per-node `drawOne` (consumer-supplied or default), so a custom painter's\n * output turns with its selection chrome.\n */\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { poseFrameOf } from '@weasel-js/geom';\nimport { rotateAboutPoint, mat3, type GlMat3 } from '@weasel-js/geom';\n\n/** Rotation by `rotation` about `(cx, cy)` as the render-tree's column-major\n *  3×3 affine. */\nexport function rotationMatrixAbout(cx: number, cy: number, rotation: number): GlMat3 {\n  return mat3.fromAffine(rotateAboutPoint(cx, cy, rotation));\n}\n\n/** Rotation matrix about the AABB center of `(x, y, width, height)`. The pivot\n *  matches `poseRotationOf` (the shared rotation convention). */\nexport function rotateAroundAABBCenter(\n  x: number, y: number, width: number, height: number, rotation: number,\n): GlMat3 {\n  return rotationMatrixAbout(x + width / 2, y + height / 2, rotation);\n}\n\n/** Wrap a per-node draw-command list in a group carrying the pose's frame\n *  (`poseFrameOf`): its `rotation`, its `transform`, or both, about the AABB\n *  center. No-ops when `cmds` is empty, when the pose has neither field, or\n *  when any of the AABB fields are missing. */\nexport function wrapWithPoseRotation(\n  cmds: DrawCommand[],\n  pose: unknown,\n): DrawCommand[] {\n  if (cmds.length === 0) return cmds;\n  const frame = poseFrameOf(pose);\n  if (!frame) return cmds;\n  return [{ kind: 'group', transform: mat3.fromAffine(frame), children: cmds }];\n}\n"],"mappings":";;AAWA,SAAgBA,EAAoB,GAAY,GAAY,GAA0B;CACpF,OAAOC,EAAK,WAAWC,EAAiBC,GAAIC,GAAIC,CAAQ,CAAC;AAC3D;AAIA,SAAgBC,EACd,GAAW,GAAW,GAAe,GAAgB,GAC7C;CACR,OAAON,EAAoBO,IAAIC,IAAQ,GAAGC,IAAIC,IAAS,GAAGL,CAAQ;AACpE;AAMA,SAAgBM,EACd,GACA,GACe;CACf,IAAIC,EAAK,WAAW,GAAG,OAAOA;CAC9B,IAAMC,IAAQC,EAAYC,CAAI;CAE9B,OADKF,IACE,CAAC;EAAE,MAAM;EAAS,WAAWZ,EAAK,WAAWY,CAAK;EAAG,UAAUD;CAAK,CAAC,IADzDA;AAErB"}
+{"version":3,"file":"poseRotation.js","names":[],"sources":["../../src/canvas/poseRotation.ts"],"sourcesContent":["/**\n * Pose rotation helpers. The kit applies the rotation wrap around EVERY\n * per-node `drawOne` (consumer-supplied or default), so a custom painter's\n * output turns with its selection chrome.\n */\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { poseFrameOf } from '@weasel-js/geom';\nimport { rotateAboutPoint, mat3, type GlMat3 } from '@weasel-js/geom';\n\n/** Rotation by `rotation` about `(cx, cy)` as the render-tree's column-major\n *  3×3 affine. */\nexport function rotationMatrixAbout(cx: number, cy: number, rotation: number): GlMat3 {\n  return mat3.fromAffine(rotateAboutPoint(cx, cy, rotation));\n}\n\n/** Rotation matrix about the AABB center of `(x, y, width, height)`. The pivot\n *  matches `poseRotationOf` (the shared rotation convention). */\nexport function rotateAroundAABBCenter(\n  x: number, y: number, width: number, height: number, rotation: number,\n): GlMat3 {\n  return rotationMatrixAbout(x + width / 2, y + height / 2, rotation);\n}\n\n/** Wrap a per-node draw-command list in a group carrying the pose's frame\n *  (`poseFrameOf`): its `rotation`, its `transform`, or both, about the AABB\n *  center. No-ops when `cmds` is empty, when the pose has neither field, or\n *  when any of the AABB fields are missing. */\nexport function wrapWithPoseRotation(\n  cmds: DrawCommand[],\n  pose: unknown,\n): DrawCommand[] {\n  if (cmds.length === 0) return cmds;\n  const frame = poseFrameOf(pose);\n  if (!frame) return cmds;\n  return [{ kind: 'group', transform: mat3.fromAffine(frame), children: cmds }];\n}\n"],"mappings":";;;;;AAWA,SAAgB,oBAAoB,IAAY,IAAY,UAA0B;CACpF,OAAO,KAAK,WAAW,iBAAiB,IAAI,IAAI,QAAQ,CAAC;AAC3D;;;AAIA,SAAgB,uBACd,GAAW,GAAW,OAAe,QAAgB,UAC7C;CACR,OAAO,oBAAoB,IAAI,QAAQ,GAAG,IAAI,SAAS,GAAG,QAAQ;AACpE;;;;;AAMA,SAAgB,qBACd,MACA,MACe;CACf,IAAI,KAAK,WAAW,GAAG,OAAO;CAC9B,MAAM,QAAQ,YAAY,IAAI;CAC9B,IAAI,CAAC,OAAO,OAAO;CACnB,OAAO,CAAC;EAAE,MAAM;EAAS,WAAW,KAAK,WAAW,KAAK;EAAG,UAAU;CAAK,CAAC;AAC9E"}

package/dist/canvas/rasterReadback.js

@@ -1,22 +1,30 @@
 //#region src/canvas/rasterReadback.ts
-function e(e, r, i) {
-	let a = t(e, r, i);
-	return n(a), a;
+/** A GL readback (bottom-up, premultiplied RGBA) as image bytes: top-down
+*  rows of straight RGBA. */
+function straightTopDown(raw, width, height) {
+	const data = flipRows(raw, width, height);
+	unpremultiply(data);
+	return data;
 }
-function t(e, t, n) {
-	let r = t * 4, i = new Uint8ClampedArray(e.length);
-	for (let t = 0; t < n; t++) i.set(e.subarray((n - 1 - t) * r, (n - t) * r), t * r);
-	return i;
+/** Flip GL's bottom-up readback rows into top-down image order. */
+function flipRows(raw, width, height) {
+	const rowBytes = width * 4;
+	const out = new Uint8ClampedArray(raw.length);
+	for (let y = 0; y < height; y++) out.set(raw.subarray((height - 1 - y) * rowBytes, (height - y) * rowBytes), y * rowBytes);
+	return out;
 }
-function n(e) {
-	for (let t = 0; t < e.length; t += 4) {
-		let n = e[t + 3];
-		if (n === 0 || n === 255) continue;
-		let r = 255 / n;
-		e[t] = e[t] * r, e[t + 1] = e[t + 1] * r, e[t + 2] = e[t + 2] * r;
+/** Convert premultiplied RGBA to straight RGBA in place. */
+function unpremultiply(data) {
+	for (let i = 0; i < data.length; i += 4) {
+		const a = data[i + 3];
+		if (a === 0 || a === 255) continue;
+		const inv = 255 / a;
+		data[i] = data[i] * inv;
+		data[i + 1] = data[i + 1] * inv;
+		data[i + 2] = data[i + 2] * inv;
 	}
 }
-//#endregion
-export { e as straightTopDown };
 
+//#endregion
+export { straightTopDown };
 //# sourceMappingURL=rasterReadback.js.map

package/dist/canvas/rasterReadback.js.map

@@ -1 +1 @@
-{"version":3,"file":"rasterReadback.js","names":["straightTopDown","data","flipRows","raw","width","height","unpremultiply","rowBytes","out","y","i","a","inv"],"sources":["../../src/canvas/rasterReadback.ts"],"sourcesContent":["/** A GL readback (bottom-up, premultiplied RGBA) as image bytes: top-down\n *  rows of straight RGBA. */\nexport function straightTopDown(raw: Uint8Array, width: number, height: number): Uint8ClampedArray {\n  const data = flipRows(raw, width, height);\n  unpremultiply(data);\n  return data;\n}\n\n/** Flip GL's bottom-up readback rows into top-down image order. */\nfunction flipRows(raw: Uint8Array, width: number, height: number): Uint8ClampedArray {\n  const rowBytes = width * 4;\n  const out = new Uint8ClampedArray(raw.length);\n  for (let y = 0; y < height; y++) {\n    out.set(raw.subarray((height - 1 - y) * rowBytes, (height - y) * rowBytes), y * rowBytes);\n  }\n  return out;\n}\n\n/** Convert premultiplied RGBA to straight RGBA in place. */\nfunction unpremultiply(data: Uint8ClampedArray): void {\n  for (let i = 0; i < data.length; i += 4) {\n    const a = data[i + 3];\n    if (a === 0 || a === 255) continue;\n    const inv = 255 / a;\n    data[i] = data[i] * inv;\n    data[i + 1] = data[i + 1] * inv;\n    data[i + 2] = data[i + 2] * inv;\n  }\n}\n"],"mappings":";AAEA,SAAgBA,EAAgB,GAAiB,GAAe,GAAmC;CACjG,IAAMC,IAAOC,EAASC,GAAKC,GAAOC,CAAM;CAExC,OADAC,EAAcL,CAAI,GACXA;AACT;AAGA,SAASC,EAAS,GAAiB,GAAe,GAAmC;CACnF,IAAMK,IAAWH,IAAQ,GACnBI,IAAM,IAAI,kBAAkBL,EAAI,MAAM;CAC5C,KAAK,IAAIM,IAAI,GAAGA,IAAIJ,GAAQ,KAC1B,EAAI,IAAIF,EAAI,UAAUE,IAAS,IAAII,KAAKF,IAAWF,IAASI,KAAKF,CAAQ,GAAGE,IAAIF,CAAQ;CAE1F,OAAOC;AACT;AAGA,SAASF,EAAc,GAA+B;CACpD,KAAK,IAAII,IAAI,GAAGA,IAAIT,EAAK,QAAQ,KAAK,GAAG;EACvC,IAAMU,IAAIV,EAAKS,IAAI;EACnB,IAAIC,MAAM,KAAKA,MAAM,KAAK;EAC1B,IAAMC,IAAM,MAAMD;EAGlB,AAFA,EAAKD,KAAKT,EAAKS,KAAKE,GACpB,EAAKF,IAAI,KAAKT,EAAKS,IAAI,KAAKE,GAC5B,EAAKF,IAAI,KAAKT,EAAKS,IAAI,KAAKE;CAC9B;AACF"}
+{"version":3,"file":"rasterReadback.js","names":[],"sources":["../../src/canvas/rasterReadback.ts"],"sourcesContent":["/** A GL readback (bottom-up, premultiplied RGBA) as image bytes: top-down\n *  rows of straight RGBA. */\nexport function straightTopDown(raw: Uint8Array, width: number, height: number): Uint8ClampedArray {\n  const data = flipRows(raw, width, height);\n  unpremultiply(data);\n  return data;\n}\n\n/** Flip GL's bottom-up readback rows into top-down image order. */\nfunction flipRows(raw: Uint8Array, width: number, height: number): Uint8ClampedArray {\n  const rowBytes = width * 4;\n  const out = new Uint8ClampedArray(raw.length);\n  for (let y = 0; y < height; y++) {\n    out.set(raw.subarray((height - 1 - y) * rowBytes, (height - y) * rowBytes), y * rowBytes);\n  }\n  return out;\n}\n\n/** Convert premultiplied RGBA to straight RGBA in place. */\nfunction unpremultiply(data: Uint8ClampedArray): void {\n  for (let i = 0; i < data.length; i += 4) {\n    const a = data[i + 3];\n    if (a === 0 || a === 255) continue;\n    const inv = 255 / a;\n    data[i] = data[i] * inv;\n    data[i + 1] = data[i + 1] * inv;\n    data[i + 2] = data[i + 2] * inv;\n  }\n}\n"],"mappings":";;;AAEA,SAAgB,gBAAgB,KAAiB,OAAe,QAAmC;CACjG,MAAM,OAAO,SAAS,KAAK,OAAO,MAAM;CACxC,cAAc,IAAI;CAClB,OAAO;AACT;;AAGA,SAAS,SAAS,KAAiB,OAAe,QAAmC;CACnF,MAAM,WAAW,QAAQ;CACzB,MAAM,MAAM,IAAI,kBAAkB,IAAI,MAAM;CAC5C,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAC1B,IAAI,IAAI,IAAI,UAAU,SAAS,IAAI,KAAK,WAAW,SAAS,KAAK,QAAQ,GAAG,IAAI,QAAQ;CAE1F,OAAO;AACT;;AAGA,SAAS,cAAc,MAA+B;CACpD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;EACvC,MAAM,IAAI,KAAK,IAAI;EACnB,IAAI,MAAM,KAAK,MAAM,KAAK;EAC1B,MAAM,MAAM,MAAM;EAClB,KAAK,KAAK,KAAK,KAAK;EACpB,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK;EAC5B,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK;CAC9B;AACF"}

package/dist/canvas/rasterToPng.js

@@ -1,21 +1,27 @@
 //#region src/canvas/rasterToPng.ts
-async function e(e) {
-	let t = new ImageData(new Uint8ClampedArray(e.data), e.width, e.height);
-	if (typeof OffscreenCanvas < "u") {
-		let n = new OffscreenCanvas(e.width, e.height), r = n.getContext("2d");
-		if (!r) throw Error("rasterToPng: no 2D context");
-		return r.putImageData(t, 0, 0), n.convertToBlob({ type: "image/png" });
+/** Encode a raster as a PNG `Blob` — for download, upload, or the clipboard.
+*  Needs a 2D canvas: `OffscreenCanvas` where there is one, else the DOM's. */
+async function rasterToPng(image) {
+	const pixels = new ImageData(new Uint8ClampedArray(image.data), image.width, image.height);
+	if (typeof OffscreenCanvas !== "undefined") {
+		const canvas = new OffscreenCanvas(image.width, image.height);
+		const ctx = canvas.getContext("2d");
+		if (!ctx) throw new Error("rasterToPng: no 2D context");
+		ctx.putImageData(pixels, 0, 0);
+		return canvas.convertToBlob({ type: "image/png" });
 	}
-	if (typeof document > "u") throw Error("rasterToPng: no canvas in this environment");
-	let n = document.createElement("canvas");
-	n.width = e.width, n.height = e.height;
-	let r = n.getContext("2d");
-	if (!r) throw Error("rasterToPng: no 2D context");
-	return r.putImageData(t, 0, 0), new Promise((e, t) => {
-		n.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("rasterToPng: encoding failed")), "image/png");
+	if (typeof document === "undefined") throw new Error("rasterToPng: no canvas in this environment");
+	const canvas = document.createElement("canvas");
+	canvas.width = image.width;
+	canvas.height = image.height;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) throw new Error("rasterToPng: no 2D context");
+	ctx.putImageData(pixels, 0, 0);
+	return new Promise((resolve, reject) => {
+		canvas.toBlob((b) => b ? resolve(b) : reject(/* @__PURE__ */ new Error("rasterToPng: encoding failed")), "image/png");
 	});
 }
-//#endregion
-export { e as rasterToPng };
 
+//#endregion
+export { rasterToPng };
 //# sourceMappingURL=rasterToPng.js.map

package/dist/canvas/rasterToPng.js.map

@@ -1 +1 @@
-{"version":3,"file":"rasterToPng.js","names":["rasterToPng","pixels","image","canvas","ctx","b","resolve","reject"],"sources":["../../src/canvas/rasterToPng.ts"],"sourcesContent":["import type { RasterImage } from './renderSceneToPixels';\n\n/** Encode a raster as a PNG `Blob` — for download, upload, or the clipboard.\n *  Needs a 2D canvas: `OffscreenCanvas` where there is one, else the DOM's. */\nexport async function rasterToPng(image: RasterImage): Promise<Blob> {\n  const pixels = new ImageData(new Uint8ClampedArray(image.data), image.width, image.height);\n  if (typeof OffscreenCanvas !== 'undefined') {\n    const canvas = new OffscreenCanvas(image.width, image.height);\n    const ctx = canvas.getContext('2d');\n    if (!ctx) throw new Error('rasterToPng: no 2D context');\n    ctx.putImageData(pixels, 0, 0);\n    return canvas.convertToBlob({ type: 'image/png' });\n  }\n  if (typeof document === 'undefined') throw new Error('rasterToPng: no canvas in this environment');\n  const canvas = document.createElement('canvas');\n  canvas.width = image.width;\n  canvas.height = image.height;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) throw new Error('rasterToPng: no 2D context');\n  ctx.putImageData(pixels, 0, 0);\n  return new Promise((resolve, reject) => {\n    canvas.toBlob((b) => (b ? resolve(b) : reject(new Error('rasterToPng: encoding failed'))), 'image/png');\n  });\n}\n"],"mappings":";AAIA,eAAsBA,EAAY,GAAmC;CACnE,IAAMC,IAAS,IAAI,UAAU,IAAI,kBAAkBC,EAAM,IAAI,GAAGA,EAAM,OAAOA,EAAM,MAAM;CACzF,IAAI,OAAO,kBAAoB,KAAa;EAC1C,IAAMC,IAAS,IAAI,gBAAgBD,EAAM,OAAOA,EAAM,MAAM,GACtDE,IAAMD,EAAO,WAAW,IAAI;EAClC,IAAI,CAACC,GAAK,MAAU,MAAM,4BAA4B;EAEtD,OADAA,EAAI,aAAaH,GAAQ,GAAG,CAAC,GACtBE,EAAO,cAAc,EAAE,MAAM,YAAY,CAAC;CACnD;CACA,IAAI,OAAO,WAAa,KAAa,MAAU,MAAM,4CAA4C;CACjG,IAAMA,IAAS,SAAS,cAAc,QAAQ;CAE9C,AADA,EAAO,QAAQD,EAAM,OACrB,EAAO,SAASA,EAAM;CACtB,IAAME,IAAMD,EAAO,WAAW,IAAI;CAClC,IAAI,CAACC,GAAK,MAAU,MAAM,4BAA4B;CAEtD,OADAA,EAAI,aAAaH,GAAQ,GAAG,CAAC,GACtB,IAAI,SAAS,GAAS,MAAW;EACtC,EAAO,QAAQ,MAAOI,IAAIC,EAAQD,CAAC,IAAIE,EAAO,gBAAI,MAAM,8BAA8B,CAAC,GAAI,WAAW;CACxG,CAAC;AACH"}
+{"version":3,"file":"rasterToPng.js","names":[],"sources":["../../src/canvas/rasterToPng.ts"],"sourcesContent":["import type { RasterImage } from './renderSceneToPixels';\n\n/** Encode a raster as a PNG `Blob` — for download, upload, or the clipboard.\n *  Needs a 2D canvas: `OffscreenCanvas` where there is one, else the DOM's. */\nexport async function rasterToPng(image: RasterImage): Promise<Blob> {\n  const pixels = new ImageData(new Uint8ClampedArray(image.data), image.width, image.height);\n  if (typeof OffscreenCanvas !== 'undefined') {\n    const canvas = new OffscreenCanvas(image.width, image.height);\n    const ctx = canvas.getContext('2d');\n    if (!ctx) throw new Error('rasterToPng: no 2D context');\n    ctx.putImageData(pixels, 0, 0);\n    return canvas.convertToBlob({ type: 'image/png' });\n  }\n  if (typeof document === 'undefined') throw new Error('rasterToPng: no canvas in this environment');\n  const canvas = document.createElement('canvas');\n  canvas.width = image.width;\n  canvas.height = image.height;\n  const ctx = canvas.getContext('2d');\n  if (!ctx) throw new Error('rasterToPng: no 2D context');\n  ctx.putImageData(pixels, 0, 0);\n  return new Promise((resolve, reject) => {\n    canvas.toBlob((b) => (b ? resolve(b) : reject(new Error('rasterToPng: encoding failed'))), 'image/png');\n  });\n}\n"],"mappings":";;;AAIA,eAAsB,YAAY,OAAmC;CACnE,MAAM,SAAS,IAAI,UAAU,IAAI,kBAAkB,MAAM,IAAI,GAAG,MAAM,OAAO,MAAM,MAAM;CACzF,IAAI,OAAO,oBAAoB,aAAa;EAC1C,MAAM,SAAS,IAAI,gBAAgB,MAAM,OAAO,MAAM,MAAM;EAC5D,MAAM,MAAM,OAAO,WAAW,IAAI;EAClC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,4BAA4B;EACtD,IAAI,aAAa,QAAQ,GAAG,CAAC;EAC7B,OAAO,OAAO,cAAc,EAAE,MAAM,YAAY,CAAC;CACnD;CACA,IAAI,OAAO,aAAa,aAAa,MAAM,IAAI,MAAM,4CAA4C;CACjG,MAAM,SAAS,SAAS,cAAc,QAAQ;CAC9C,OAAO,QAAQ,MAAM;CACrB,OAAO,SAAS,MAAM;CACtB,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,4BAA4B;CACtD,IAAI,aAAa,QAAQ,GAAG,CAAC;CAC7B,OAAO,IAAI,SAAS,SAAS,WAAW;EACtC,OAAO,QAAQ,MAAO,IAAI,QAAQ,CAAC,IAAI,uBAAO,IAAI,MAAM,8BAA8B,CAAC,GAAI,WAAW;CACxG,CAAC;AACH"}

package/dist/canvas/renderDebugSnapshot.js

@@ -1,32 +1,49 @@
-import { renderSceneToPixels as e } from "./renderSceneToPixels.js";
-import { buildDebugOverlayCommands as t } from "../debug/createDebugOverlayLayer.js";
-import { mat3 as n } from "@weasel-js/geom";
+import { renderSceneToPixels } from "./renderSceneToPixels.js";
+import { buildDebugOverlayCommands } from "../debug/createDebugOverlayLayer.js";
+import { mat3 } from "@weasel-js/geom";
+
 //#region src/canvas/renderDebugSnapshot.ts
-function r(t) {
-	return e(i(t));
+/**
+* `renderDebugSnapshot` — the canvas as its debug overlay showed it, scene and
+* overlay in one raster, for attaching to a bug report.
+*/
+/**
+* Rasterize the scene through `view` at `size` and paint the debug overlay
+* over it, the way the canvas composed them. Built on `renderSceneToPixels`,
+* so the scene pixels are the screen's pixels at that resolution, and
+* synchronous like it: `await warmRender({ render: debugSnapshotArgs(args) })`
+* first. Encode the result with `rasterToPng` to attach it somewhere.
+*/
+function renderDebugSnapshot(args) {
+	return renderSceneToPixels(debugSnapshotArgs(args));
 }
-function i(e) {
-	let { view: r, size: i, debug: a, config: o, pixelRatio: s = 1, ...c } = e, l = t(a, o, r, i), u = i.width / Math.abs(r.scale.x), d = i.height / Math.abs(r.scale.y);
+/** What {@link renderDebugSnapshot} hands `renderSceneToPixels`: the source
+*  rect and scale that reproduce the canvas, with the overlay composed on top. */
+function debugSnapshotArgs(args) {
+	const { view, size, debug, config, pixelRatio = 1, ...rest } = args;
+	const overlay = buildDebugOverlayCommands(debug, config, view, size);
+	const width = size.width / Math.abs(view.scale.x);
+	const height = size.height / Math.abs(view.scale.y);
 	return {
-		...c,
+		...rest,
 		sourceRect: {
-			x: r.scale.x < 0 ? r.x - u : r.x,
-			y: r.scale.y < 0 ? r.y - d : r.y,
-			width: u,
-			height: d
+			x: view.scale.x < 0 ? view.x - width : view.x,
+			y: view.scale.y < 0 ? view.y - height : view.y,
+			width,
+			height
 		},
 		scale: {
-			x: r.scale.x * s,
-			y: r.scale.y * s
+			x: view.scale.x * pixelRatio,
+			y: view.scale.y * pixelRatio
 		},
-		overlay: s === 1 ? l : [{
+		overlay: pixelRatio === 1 ? overlay : [{
 			kind: "group",
-			transform: n.scaled(n.identity(), s, s),
-			children: l
+			transform: mat3.scaled(mat3.identity(), pixelRatio, pixelRatio),
+			children: overlay
 		}]
 	};
 }
-//#endregion
-export { i as debugSnapshotArgs, r as renderDebugSnapshot };
 
+//#endregion
+export { debugSnapshotArgs, renderDebugSnapshot };
 //# sourceMappingURL=renderDebugSnapshot.js.map

package/dist/canvas/renderDebugSnapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderDebugSnapshot.js","names":["renderDebugSnapshot","renderSceneToPixels","debugSnapshotArgs","args","rest","overlay","buildDebugOverlayCommands","debug","config","view","size","width","height","pixelRatio","mat3"],"sources":["../../src/canvas/renderDebugSnapshot.ts"],"sourcesContent":["/**\n * `renderDebugSnapshot` — the canvas as its debug overlay showed it, scene and\n * overlay in one raster, for attaching to a bug report.\n */\nimport { renderSceneToPixels, type RasterImage, type RenderSceneToPixelsArgs } from './renderSceneToPixels';\nimport { buildDebugOverlayCommands } from '../debug/createDebugOverlayLayer';\nimport type { DebugConfig, DebugSnapshot } from '../debug/types';\nimport type { View } from '../core/viewport/view';\nimport { mat3 } from '@weasel-js/geom';\n\n/** The canvas to reproduce — its camera, its size, and what its debug overlay\n *  had recorded — plus how to rasterize the scene under it. */\nexport interface RenderDebugSnapshotArgs<TData, TLayer extends string, TPose>\n  extends Omit<RenderSceneToPixelsArgs<TData, TLayer, TPose>, 'sourceRect' | 'scale' | 'overlay'> {\n  /** The camera the canvas was looking through. */\n  view: View;\n  /** The canvas's size in CSS pixels. */\n  size: { width: number; height: number };\n  /** Output pixels per CSS pixel. Default 1; pass `devicePixelRatio` for what\n   *  the screen showed. */\n  pixelRatio?: number;\n  /** What the overlay draws — a canvas's `getDebug()?.snapshot()`. */\n  debug: DebugSnapshot;\n  /** Which overlay features to draw, as on `<Canvas debug>`. The frame panel\n   *  shows the recorded paint cost but no rate: a still image has no frames. */\n  config: DebugConfig;\n}\n\n/**\n * Rasterize the scene through `view` at `size` and paint the debug overlay\n * over it, the way the canvas composed them. Built on `renderSceneToPixels`,\n * so the scene pixels are the screen's pixels at that resolution, and\n * synchronous like it: `await warmRender({ render: debugSnapshotArgs(args) })`\n * first. Encode the result with `rasterToPng` to attach it somewhere.\n */\nexport function renderDebugSnapshot<TData, TLayer extends string, TPose>(\n  args: RenderDebugSnapshotArgs<TData, TLayer, TPose>,\n): RasterImage {\n  return renderSceneToPixels(debugSnapshotArgs(args));\n}\n\n/** What {@link renderDebugSnapshot} hands `renderSceneToPixels`: the source\n *  rect and scale that reproduce the canvas, with the overlay composed on top. */\nexport function debugSnapshotArgs<TData, TLayer extends string, TPose>(\n  args: RenderDebugSnapshotArgs<TData, TLayer, TPose>,\n): RenderSceneToPixelsArgs<TData, TLayer, TPose> {\n  const { view, size, debug, config, pixelRatio = 1, ...rest } = args;\n  const overlay = buildDebugOverlayCommands(debug, config, view, size);\n  const width = size.width / Math.abs(view.scale.x);\n  const height = size.height / Math.abs(view.scale.y);\n  return {\n    ...rest,\n    sourceRect: {\n      x: view.scale.x < 0 ? view.x - width : view.x,\n      y: view.scale.y < 0 ? view.y - height : view.y,\n      width,\n      height,\n    },\n    scale: { x: view.scale.x * pixelRatio, y: view.scale.y * pixelRatio },\n    overlay: pixelRatio === 1\n      ? overlay\n      : [{ kind: 'group', transform: mat3.scaled(mat3.identity(), pixelRatio, pixelRatio), children: overlay }],\n  };\n}\n"],"mappings":";;;;AAmCA,SAAgBA,EACd,GACa;CACb,OAAOC,EAAoBC,EAAkBC,CAAI,CAAC;AACpD;AAIA,SAAgBD,EACd,GAC+C;CAC/C,IAAM,EAAE,SAAM,SAAM,UAAO,WAAQ,gBAAa,GAAG,GAAGE,MAASD,GACzDE,IAAUC,EAA0BC,GAAOC,GAAQC,GAAMC,CAAI,GAC7DC,IAAQD,EAAK,QAAQ,KAAK,IAAID,EAAK,MAAM,CAAC,GAC1CG,IAASF,EAAK,SAAS,KAAK,IAAID,EAAK,MAAM,CAAC;CAClD,OAAO;EACL,GAAGL;EACH,YAAY;GACV,GAAGK,EAAK,MAAM,IAAI,IAAIA,EAAK,IAAIE,IAAQF,EAAK;GAC5C,GAAGA,EAAK,MAAM,IAAI,IAAIA,EAAK,IAAIG,IAASH,EAAK;GAC7C;GACA;EACF;EACA,OAAO;GAAE,GAAGA,EAAK,MAAM,IAAII;GAAY,GAAGJ,EAAK,MAAM,IAAII;EAAW;EACpE,SAASA,MAAe,IACpBR,IACA,CAAC;GAAE,MAAM;GAAS,WAAWS,EAAK,OAAOA,EAAK,SAAS,GAAGD,GAAYA,CAAU;GAAG,UAAUR;EAAQ,CAAC;CAC5G;AACF"}
+{"version":3,"file":"renderDebugSnapshot.js","names":[],"sources":["../../src/canvas/renderDebugSnapshot.ts"],"sourcesContent":["/**\n * `renderDebugSnapshot` — the canvas as its debug overlay showed it, scene and\n * overlay in one raster, for attaching to a bug report.\n */\nimport { renderSceneToPixels, type RasterImage, type RenderSceneToPixelsArgs } from './renderSceneToPixels';\nimport { buildDebugOverlayCommands } from '../debug/createDebugOverlayLayer';\nimport type { DebugConfig, DebugSnapshot } from '../debug/types';\nimport type { View } from '../core/viewport/view';\nimport { mat3 } from '@weasel-js/geom';\n\n/** The canvas to reproduce — its camera, its size, and what its debug overlay\n *  had recorded — plus how to rasterize the scene under it. */\nexport interface RenderDebugSnapshotArgs<TData, TLayer extends string, TPose>\n  extends Omit<RenderSceneToPixelsArgs<TData, TLayer, TPose>, 'sourceRect' | 'scale' | 'overlay'> {\n  /** The camera the canvas was looking through. */\n  view: View;\n  /** The canvas's size in CSS pixels. */\n  size: { width: number; height: number };\n  /** Output pixels per CSS pixel. Default 1; pass `devicePixelRatio` for what\n   *  the screen showed. */\n  pixelRatio?: number;\n  /** What the overlay draws — a canvas's `getDebug()?.snapshot()`. */\n  debug: DebugSnapshot;\n  /** Which overlay features to draw, as on `<Canvas debug>`. The frame panel\n   *  shows the recorded paint cost but no rate: a still image has no frames. */\n  config: DebugConfig;\n}\n\n/**\n * Rasterize the scene through `view` at `size` and paint the debug overlay\n * over it, the way the canvas composed them. Built on `renderSceneToPixels`,\n * so the scene pixels are the screen's pixels at that resolution, and\n * synchronous like it: `await warmRender({ render: debugSnapshotArgs(args) })`\n * first. Encode the result with `rasterToPng` to attach it somewhere.\n */\nexport function renderDebugSnapshot<TData, TLayer extends string, TPose>(\n  args: RenderDebugSnapshotArgs<TData, TLayer, TPose>,\n): RasterImage {\n  return renderSceneToPixels(debugSnapshotArgs(args));\n}\n\n/** What {@link renderDebugSnapshot} hands `renderSceneToPixels`: the source\n *  rect and scale that reproduce the canvas, with the overlay composed on top. */\nexport function debugSnapshotArgs<TData, TLayer extends string, TPose>(\n  args: RenderDebugSnapshotArgs<TData, TLayer, TPose>,\n): RenderSceneToPixelsArgs<TData, TLayer, TPose> {\n  const { view, size, debug, config, pixelRatio = 1, ...rest } = args;\n  const overlay = buildDebugOverlayCommands(debug, config, view, size);\n  const width = size.width / Math.abs(view.scale.x);\n  const height = size.height / Math.abs(view.scale.y);\n  return {\n    ...rest,\n    sourceRect: {\n      x: view.scale.x < 0 ? view.x - width : view.x,\n      y: view.scale.y < 0 ? view.y - height : view.y,\n      width,\n      height,\n    },\n    scale: { x: view.scale.x * pixelRatio, y: view.scale.y * pixelRatio },\n    overlay: pixelRatio === 1\n      ? overlay\n      : [{ kind: 'group', transform: mat3.scaled(mat3.identity(), pixelRatio, pixelRatio), children: overlay }],\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmCA,SAAgB,oBACd,MACa;CACb,OAAO,oBAAoB,kBAAkB,IAAI,CAAC;AACpD;;;AAIA,SAAgB,kBACd,MAC+C;CAC/C,MAAM,EAAE,MAAM,MAAM,OAAO,QAAQ,aAAa,GAAG,GAAG,SAAS;CAC/D,MAAM,UAAU,0BAA0B,OAAO,QAAQ,MAAM,IAAI;CACnE,MAAM,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,MAAM,CAAC;CAChD,MAAM,SAAS,KAAK,SAAS,KAAK,IAAI,KAAK,MAAM,CAAC;CAClD,OAAO;EACL,GAAG;EACH,YAAY;GACV,GAAG,KAAK,MAAM,IAAI,IAAI,KAAK,IAAI,QAAQ,KAAK;GAC5C,GAAG,KAAK,MAAM,IAAI,IAAI,KAAK,IAAI,SAAS,KAAK;GAC7C;GACA;EACF;EACA,OAAO;GAAE,GAAG,KAAK,MAAM,IAAI;GAAY,GAAG,KAAK,MAAM,IAAI;EAAW;EACpE,SAAS,eAAe,IACpB,UACA,CAAC;GAAE,MAAM;GAAS,WAAW,KAAK,OAAO,KAAK,SAAS,GAAG,YAAY,UAAU;GAAG,UAAU;EAAQ,CAAC;CAC5G;AACF"}

package/dist/canvas/renderNeeds.js

@@ -1,25 +1,40 @@
 //#region src/canvas/renderNeeds.ts
-function e(e) {
-	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (e) => {
-		e && n.add(e.kind ?? "solid");
-	}, i = (e) => {
-		for (let n of e) if (n.kind === "group") i(n.children);
-		else if (n.kind === "path") r(n.fill?.paint), r(n.stroke?.paint);
-		else if (n.kind === "text") for (let e of n.runs) {
-			let n = `${e.fontFamily}|${e.fontWeight}|${e.fontStyle}`;
-			t.has(n) || t.set(n, {
-				family: e.fontFamily,
-				weight: e.fontWeight,
-				style: e.fontStyle
-			}), r(e.fill?.paint), r(e.stroke?.paint);
+/**
+* The fonts and paint kinds `commands` draw with, read off the commands
+* themselves: text runs, path fills and strokes, run fills and strokes, and
+* everything under a group. What `warmRender({ render })` loads, and nothing
+* more. Images, sprites and shaders load nothing on demand, so they add
+* nothing.
+*/
+function renderNeeds(commands) {
+	const fonts = /* @__PURE__ */ new Map();
+	const kinds = /* @__PURE__ */ new Set();
+	const paint = (p) => {
+		if (p) kinds.add(p.kind ?? "solid");
+	};
+	const walk = (list) => {
+		for (const c of list) if (c.kind === "group") walk(c.children);
+		else if (c.kind === "path") {
+			paint(c.fill?.paint);
+			paint(c.stroke?.paint);
+		} else if (c.kind === "text") for (const r of c.runs) {
+			const key = `${r.fontFamily}|${r.fontWeight}|${r.fontStyle}`;
+			if (!fonts.has(key)) fonts.set(key, {
+				family: r.fontFamily,
+				weight: r.fontWeight,
+				style: r.fontStyle
+			});
+			paint(r.fill?.paint);
+			paint(r.stroke?.paint);
 		}
 	};
-	return i(e), {
-		fonts: [...t.values()],
-		paintKinds: [...n]
+	walk(commands);
+	return {
+		fonts: [...fonts.values()],
+		paintKinds: [...kinds]
 	};
 }
-//#endregion
-export { e as renderNeeds };
 
+//#endregion
+export { renderNeeds };
 //# sourceMappingURL=renderNeeds.js.map

package/dist/canvas/renderNeeds.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderNeeds.js","names":["renderNeeds","fonts","kinds","paint","p","walk","c","list","r","key","commands"],"sources":["../../src/canvas/renderNeeds.ts"],"sourcesContent":["import type { Paint } from '@weasel-js/paint';\nimport type { FontRequest } from '@weasel-js/font';\nimport type { DrawCommand } from '@weasel-js/renderer';\n\n/** What drawing a command list loads on demand: the faces its text is set in\n *  and the paint kinds its fills and strokes name. */\nexport interface RenderNeeds {\n  /** Each `(family, weight, style)` a text run is set in, once, in the order\n   *  met. */\n  fonts: FontRequest[];\n  /** Each paint kind a fill or stroke names, once, in the order met —\n   *  registered ones included. */\n  paintKinds: string[];\n}\n\n/**\n * The fonts and paint kinds `commands` draw with, read off the commands\n * themselves: text runs, path fills and strokes, run fills and strokes, and\n * everything under a group. What `warmRender({ render })` loads, and nothing\n * more. Images, sprites and shaders load nothing on demand, so they add\n * nothing.\n */\nexport function renderNeeds(commands: readonly DrawCommand[]): RenderNeeds {\n  const fonts = new Map<string, FontRequest>();\n  const kinds = new Set<string>();\n  const paint = (p: Paint | null | undefined) => {\n    if (p) kinds.add(p.kind ?? 'solid');\n  };\n  const walk = (list: readonly DrawCommand[]) => {\n    for (const c of list) {\n      if (c.kind === 'group') walk(c.children);\n      else if (c.kind === 'path') {\n        paint(c.fill?.paint);\n        paint(c.stroke?.paint);\n      } else if (c.kind === 'text') {\n        for (const r of c.runs) {\n          const key = `${r.fontFamily}|${r.fontWeight}|${r.fontStyle}`;\n          if (!fonts.has(key)) fonts.set(key, { family: r.fontFamily, weight: r.fontWeight, style: r.fontStyle });\n          paint(r.fill?.paint);\n          paint(r.stroke?.paint);\n        }\n      }\n    }\n  };\n  walk(commands);\n  return { fonts: [...fonts.values()], paintKinds: [...kinds] };\n}\n"],"mappings":";AAsBA,SAAgBA,EAAY,GAA+C;CACzE,IAAMC,oBAAQ,IAAI,IAAyB,GACrCC,oBAAQ,IAAI,IAAY,GACxBC,KAAS,MAAgC;EAC7C,AAAIC,KAAGF,EAAM,IAAIE,EAAE,QAAQ,OAAO;CACpC,GACMC,KAAQ,MAAiC;EAC7C,KAAK,IAAMC,KAAKC,GACd,IAAID,EAAE,SAAS,SAAS,EAAKA,EAAE,QAAQ;OAClC,IAAIA,EAAE,SAAS,QAElB,AADAH,EAAMG,EAAE,MAAM,KAAK,GACnBH,EAAMG,EAAE,QAAQ,KAAK;OAChB,IAAIA,EAAE,SAAS,QACpB,KAAK,IAAME,KAAKF,EAAE,MAAM;GACtB,IAAMG,IAAM,GAAGD,EAAE,WAAW,GAAGA,EAAE,WAAW,GAAGA,EAAE;GAGjD,AAFKP,EAAM,IAAIQ,CAAG,KAAGR,EAAM,IAAIQ,GAAK;IAAE,QAAQD,EAAE;IAAY,QAAQA,EAAE;IAAY,OAAOA,EAAE;GAAU,CAAC,GACtGL,EAAMK,EAAE,MAAM,KAAK,GACnBL,EAAMK,EAAE,QAAQ,KAAK;EACvB;CAGN;CAEA,OADAH,EAAKK,CAAQ,GACN;EAAE,OAAO,CAAC,GAAGT,EAAM,OAAO,CAAC;EAAG,YAAY,CAAC,GAAGC,CAAK;CAAE;AAC9D"}
+{"version":3,"file":"renderNeeds.js","names":[],"sources":["../../src/canvas/renderNeeds.ts"],"sourcesContent":["import type { Paint } from '@weasel-js/paint';\nimport type { FontRequest } from '@weasel-js/font';\nimport type { DrawCommand } from '@weasel-js/renderer';\n\n/** What drawing a command list loads on demand: the faces its text is set in\n *  and the paint kinds its fills and strokes name. */\nexport interface RenderNeeds {\n  /** Each `(family, weight, style)` a text run is set in, once, in the order\n   *  met. */\n  fonts: FontRequest[];\n  /** Each paint kind a fill or stroke names, once, in the order met —\n   *  registered ones included. */\n  paintKinds: string[];\n}\n\n/**\n * The fonts and paint kinds `commands` draw with, read off the commands\n * themselves: text runs, path fills and strokes, run fills and strokes, and\n * everything under a group. What `warmRender({ render })` loads, and nothing\n * more. Images, sprites and shaders load nothing on demand, so they add\n * nothing.\n */\nexport function renderNeeds(commands: readonly DrawCommand[]): RenderNeeds {\n  const fonts = new Map<string, FontRequest>();\n  const kinds = new Set<string>();\n  const paint = (p: Paint | null | undefined) => {\n    if (p) kinds.add(p.kind ?? 'solid');\n  };\n  const walk = (list: readonly DrawCommand[]) => {\n    for (const c of list) {\n      if (c.kind === 'group') walk(c.children);\n      else if (c.kind === 'path') {\n        paint(c.fill?.paint);\n        paint(c.stroke?.paint);\n      } else if (c.kind === 'text') {\n        for (const r of c.runs) {\n          const key = `${r.fontFamily}|${r.fontWeight}|${r.fontStyle}`;\n          if (!fonts.has(key)) fonts.set(key, { family: r.fontFamily, weight: r.fontWeight, style: r.fontStyle });\n          paint(r.fill?.paint);\n          paint(r.stroke?.paint);\n        }\n      }\n    }\n  };\n  walk(commands);\n  return { fonts: [...fonts.values()], paintKinds: [...kinds] };\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,YAAY,UAA+C;CACzE,MAAM,wBAAQ,IAAI,IAAyB;CAC3C,MAAM,wBAAQ,IAAI,IAAY;CAC9B,MAAM,SAAS,MAAgC;EAC7C,IAAI,GAAG,MAAM,IAAI,EAAE,QAAQ,OAAO;CACpC;CACA,MAAM,QAAQ,SAAiC;EAC7C,KAAK,MAAM,KAAK,MACd,IAAI,EAAE,SAAS,SAAS,KAAK,EAAE,QAAQ;OAClC,IAAI,EAAE,SAAS,QAAQ;GAC1B,MAAM,EAAE,MAAM,KAAK;GACnB,MAAM,EAAE,QAAQ,KAAK;EACvB,OAAO,IAAI,EAAE,SAAS,QACpB,KAAK,MAAM,KAAK,EAAE,MAAM;GACtB,MAAM,MAAM,GAAG,EAAE,WAAW,GAAG,EAAE,WAAW,GAAG,EAAE;GACjD,IAAI,CAAC,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,KAAK;IAAE,QAAQ,EAAE;IAAY,QAAQ,EAAE;IAAY,OAAO,EAAE;GAAU,CAAC;GACtG,MAAM,EAAE,MAAM,KAAK;GACnB,MAAM,EAAE,QAAQ,KAAK;EACvB;CAGN;CACA,KAAK,QAAQ;CACb,OAAO;EAAE,OAAO,CAAC,GAAG,MAAM,OAAO,CAAC;EAAG,YAAY,CAAC,GAAG,KAAK;CAAE;AAC9D"}