@weasel-js/core 1.10.1 → 1.11.1

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,50 @@
-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,
+		annotations: true,
+		...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  /** Draw the scene's annotation layers. Default `true`, as the canvas did. */\n  annotations?: boolean;\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    annotations: true,\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":";;;;;;;;;;;;;;;;AAqCA,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,aAAa;EACb,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"}