@glissade/cli 0.53.0 → 0.54.0-pre.0

package/dist/export.js

@@ -18,11 +18,13 @@ async function exportCommand(opts) {
 	const height = opts.height ?? scene.size.h;
 	const warnings = [];
 	const measurer = await buildSceneMeasurer(mod, opts.input);
+	const encodePng = await buildPngEncoder();
 	const doc = exportLottie(mod, {
 		width,
 		height,
 		...opts.fps !== void 0 ? { fps: opts.fps } : {},
 		measurer,
+		encodePng,
 		onWarn: (w) => warnings.push(w)
 	});
 	const outAbs = resolve(opts.out);
@@ -48,5 +50,20 @@ async function buildSceneMeasurer(mod, input) {
 	for (const face of fontRegistry.faces()) fonts[face.family] = resolveAssetPath(face.url, input);
 	return createMeasurer({ fonts });
 }
+/**
+* A deterministic PNG encoder over @napi-rs/canvas (SkiaBackend.putPixels →
+* encodePng), handed to `exportLottie` so a mesh fill can be rasterized and
+* embedded as a base64 ty:2 image. A fresh backend per encode sizes to the
+* raster's own w×h. backend-skia stays a lottie DEV-dep — the CLI (which already
+* depends on it) does the encoding and threads the closure in.
+*/
+async function buildPngEncoder() {
+	const { SkiaBackend } = await import("@glissade/backend-skia");
+	return (rgba, w, h) => {
+		const backend = new SkiaBackend(w, h);
+		backend.putPixels(rgba);
+		return backend.encodePng().toString("base64");
+	};
+}
 //#endregion
 export { export_exports as n, exportCommand as t };

package/dist/parity.js

@@ -215,11 +215,17 @@ async function lottieSource(mod, w, h, fps, modulePath) {
 		backend: measurer,
 		modulePath
 	});
+	const encodePng = (rgba, rw, rh) => {
+		const b = new SkiaBackend(rw, rh);
+		b.putPixels(rgba);
+		return b.encodePng().toString("base64");
+	};
 	return skiaSource(importLottie(exportLottie(mod, {
 		width: w,
 		height: h,
 		fps,
-		measurer
+		measurer,
+		encodePng
 	})).toSceneModule(), w, h, modulePath);
 }
 function makeSource(backend, mod, w, h, fps, modulePath) {

package/dist/render.js

@@ -429,9 +429,16 @@ async function prepareSkiaRenderEnv(o) {
 	});
 	for (const [assetId, ref] of Object.entries(doc.assets ?? {})) if (ref.kind === "font") {} else if (ref.kind === "image") {
 		const { loadImage } = await import("@napi-rs/canvas");
-		const imgPath = resolveAsset(ref.url, modulePath);
-		assetDigests.set(`image:${assetId}`, digestBytes(await readFile(imgPath)));
-		backend.setImageAsset(assetId, await loadImage(imgPath));
+		if (ref.url.startsWith("data:")) {
+			const b64 = ref.url.slice(ref.url.indexOf(",") + 1);
+			const buf = Buffer.from(b64, "base64");
+			assetDigests.set(`image:${assetId}`, digestBytes(buf));
+			backend.setImageAsset(assetId, await loadImage(buf));
+		} else {
+			const imgPath = resolveAsset(ref.url, modulePath);
+			assetDigests.set(`image:${assetId}`, digestBytes(await readFile(imgPath)));
+			backend.setImageAsset(assetId, await loadImage(imgPath));
+		}
 	} else if (ref.kind === "video") {
 		if (!ffmpegAvailable()) throw new Error(`video asset '${assetId}' needs FFmpeg on PATH for frame extraction (§5.4)`);
 		const { FfmpegVideoFrameSource } = await import("./videoSource.js").then((n) => n.i);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/cli",
-  "version": "0.53.0",
+  "version": "0.54.0-pre.0",
   "description": "glissade CLI: headless rendering via backend-skia (+ FFmpeg mux).",
   "license": "Apache-2.0",
   "engines": {
@@ -28,15 +28,15 @@
     "@napi-rs/canvas": "^0.1.65",
     "esbuild": "0.28.0",
     "jiti": "^2.4.2",
-    "@glissade/backend-skia": "0.53.0",
-    "@glissade/core": "0.53.0",
-    "@glissade/interact": "0.53.0",
-    "@glissade/lottie": "0.53.0",
-    "@glissade/narrate": "0.53.0",
-    "@glissade/player": "0.53.0",
-    "@glissade/scene": "0.53.0",
-    "@glissade/sfx": "0.53.0",
-    "@glissade/svg": "0.53.0"
+    "@glissade/backend-skia": "0.54.0-pre.0",
+    "@glissade/core": "0.54.0-pre.0",
+    "@glissade/interact": "0.54.0-pre.0",
+    "@glissade/lottie": "0.54.0-pre.0",
+    "@glissade/narrate": "0.54.0-pre.0",
+    "@glissade/player": "0.54.0-pre.0",
+    "@glissade/scene": "0.54.0-pre.0",
+    "@glissade/sfx": "0.54.0-pre.0",
+    "@glissade/svg": "0.54.0-pre.0"
   },
   "repository": {
     "type": "git",