@fcannizzaro/streamdeck-react 0.1.10 → 0.1.12

package/dist/render/pipeline.js

@@ -1,62 +1,329 @@
-import { vnodeToElement } from "../reconciler/vnode.js";
-import { fnv1a } from "./cache.js";
+import { isContainerDirty } from "../reconciler/vnode.js";
+import { computeCacheKey, computeTreeHash, fnv1a } from "./cache.js";
+import { getBufferPool } from "./buffer-pool.js";
 import { encodePng } from "./png.js";
-import { createElement } from "react";
-import { fromJsx } from "@takumi-rs/helpers/jsx";
+import { getImageCache, getTouchStripCache } from "./image-cache.js";
+import { metrics } from "./metrics.js";
+import { serializeSvgTree } from "./svg.js";
 //#region src/render/pipeline.ts
+var ROOT_STYLE = {
+	display: "flex",
+	width: "100%",
+	height: "100%"
+};
+/** Warn threshold for consecutive identical renders in debug mode. */
+var DUP_RENDER_WARN_THRESHOLD = 3;
+/** Maximum recommended VNode tree depth. Warn in debug mode when exceeded. */
+var MAX_DEPTH_WARN = 25;
+/** Whether we've already warned about tree depth (avoid log spam). */
+var depthWarned = false;
+var SKIP_PROPS = new Set([
+	"children",
+	"className",
+	"src",
+	"tw"
+]);
+function copyPropsToNode(target, props) {
+	for (const key of Object.keys(props)) if (!SKIP_PROPS.has(key)) target[key] = props[key];
+}
+function vnodeToTakumiNode(node, depth = 0) {
+	if (!depthWarned && depth > MAX_DEPTH_WARN) {
+		depthWarned = true;
+		console.warn(`[@fcannizzaro/streamdeck-react] VNode tree depth ${depth} exceeds recommended limit ${MAX_DEPTH_WARN}. Deep nesting increases render cost.`);
+	}
+	if (node.type === "#text") return {
+		type: "text",
+		text: node.text ?? ""
+	};
+	const props = node.props;
+	const rawTw = typeof props.tw === "string" ? props.tw : void 0;
+	const className = props.className;
+	let tw = rawTw;
+	if (typeof className === "string" && className.length > 0) tw = tw ? tw + " " + className : className;
+	if (node.type === "img" && typeof props.src === "string") {
+		const result = {
+			type: "image",
+			src: props.src
+		};
+		if (tw) result.tw = tw;
+		copyPropsToNode(result, props);
+		return result;
+	}
+	if (node.type === "svg") {
+		const result = {
+			type: "image",
+			src: serializeSvgTree(node),
+			tagName: "svg"
+		};
+		const width = typeof props.width === "number" ? props.width : void 0;
+		const height = typeof props.height === "number" ? props.height : void 0;
+		if (width != null) result.width = width;
+		if (height != null) result.height = height;
+		if (tw) result.tw = tw;
+		if (props.style) result.style = props.style;
+		return result;
+	}
+	const result = { type: "container" };
+	if (tw) result.tw = tw;
+	copyPropsToNode(result, props);
+	if (node.children.length > 0) result.children = node.children.map((child) => vnodeToTakumiNode(child, depth + 1));
+	return result;
+}
+/** Build the root Takumi container wrapping the VNode children. */
+function buildTakumiRoot(container) {
+	return {
+		type: "container",
+		style: ROOT_STYLE,
+		children: container.children.map(vnodeToTakumiNode)
+	};
+}
+function measureTree(nodes) {
+	let maxDepth = 0;
+	let count = 0;
+	function walk(children, depth) {
+		for (const child of children) {
+			count++;
+			if (depth > maxDepth) maxDepth = depth;
+			walk(child.children, depth + 1);
+		}
+	}
+	walk(nodes, 1);
+	return {
+		depth: maxDepth,
+		count
+	};
+}
 function bufferToDataUri(buffer, format) {
 	return `data:image/${format};base64,${(Buffer.isBuffer(buffer) ? buffer : Buffer.from(buffer)).toString("base64")}`;
 }
+function emitProfile(config, times, opts) {
+	const stats = measureTree(opts.container.children);
+	const cache = config.imageCacheMaxBytes > 0 ? getImageCache(config.imageCacheMaxBytes) : null;
+	config.onProfile({
+		vnodeConversionMs: times.t1 - times.t0,
+		takumiRenderMs: times.t2 - times.t1,
+		hashMs: times.t3 - times.t2,
+		base64Ms: 0,
+		totalMs: times.t3 - times.t0,
+		skipped: opts.skipped,
+		cacheHit: opts.cacheHit,
+		treeDepth: stats.depth,
+		nodeCount: stats.count,
+		cacheStats: cache?.stats ?? null
+	});
+}
 async function renderToDataUri(container, width, height, config) {
 	if (container.children.length === 0) return null;
-	const { node, stylesheets } = await fromJsx(createElement("div", { style: {
-		display: "flex",
-		width: "100%",
-		height: "100%"
-	} }, ...container.children.map(vnodeToElement)));
-	const buffer = await config.renderer.render(node, {
-		width,
-		height,
-		format: config.imageFormat,
-		stylesheets,
-		devicePixelRatio: config.devicePixelRatio
-	});
+	metrics.recordFlush();
+	if (config.caching && !isContainerDirty(container)) {
+		metrics.recordDirtySkip();
+		return null;
+	}
+	const profiling = config.onProfile != null;
+	const t0 = profiling ? performance.now() : 0;
+	let t1 = t0;
+	let t2 = t0;
+	let treeHash;
+	let cacheKey;
+	if (config.caching && config.imageCacheMaxBytes > 0) {
+		treeHash = computeTreeHash(container);
+		cacheKey = computeCacheKey(treeHash, width, height, config.devicePixelRatio, config.imageFormat);
+		const cached = getImageCache(config.imageCacheMaxBytes).get(cacheKey);
+		if (cached !== void 0) {
+			metrics.recordCacheHit();
+			if (profiling) {
+				const tNow = performance.now();
+				emitProfile(config, {
+					t0,
+					t1: tNow,
+					t2: tNow,
+					t3: tNow
+				}, {
+					skipped: false,
+					cacheHit: true,
+					container
+				});
+			}
+			container._dupCount = 0;
+			config.onRender?.(container, cached);
+			return cached;
+		}
+	}
+	let buffer;
+	if (config.renderPool?.isAvailable) {
+		buffer = await config.renderPool.render(container.children, width, height, config.imageFormat, config.devicePixelRatio);
+		t2 = profiling ? performance.now() : 0;
+		t1 = t0;
+	} else {
+		const rootNode = buildTakumiRoot(container);
+		t1 = profiling ? performance.now() : 0;
+		buffer = await config.renderer.render(rootNode, {
+			width,
+			height,
+			format: config.imageFormat,
+			devicePixelRatio: config.devicePixelRatio
+		});
+		t2 = profiling ? performance.now() : 0;
+	}
 	if (config.caching) {
 		const hash = fnv1a(buffer);
-		if (hash === container.lastSvgHash) return null;
+		if (hash === container.lastSvgHash) {
+			metrics.recordHashDedup();
+			if (config.debug) {
+				container._dupCount++;
+				if (container._dupCount > DUP_RENDER_WARN_THRESHOLD) console.warn(`[@fcannizzaro/streamdeck-react] ${container._dupCount} consecutive identical renders — component likely re-rendering without visual change`);
+			}
+			if (profiling) {
+				const tEnd = performance.now();
+				emitProfile(config, {
+					t0,
+					t1,
+					t2,
+					t3: tEnd
+				}, {
+					skipped: true,
+					cacheHit: false,
+					container
+				});
+			}
+			return null;
+		}
 		container.lastSvgHash = hash;
+		container._dupCount = 0;
 	}
 	const dataUri = bufferToDataUri(buffer, config.imageFormat);
+	if (config.caching && config.imageCacheMaxBytes > 0) {
+		if (treeHash === void 0 || cacheKey === void 0) {
+			treeHash = computeTreeHash(container);
+			cacheKey = computeCacheKey(treeHash, width, height, config.devicePixelRatio, config.imageFormat);
+		}
+		getImageCache(config.imageCacheMaxBytes).set(cacheKey, dataUri, dataUri.length * 2 + 64);
+	}
+	metrics.recordRender(t2 - t0);
+	if (profiling) {
+		const tEnd = performance.now();
+		emitProfile(config, {
+			t0,
+			t1,
+			t2,
+			t3: tEnd
+		}, {
+			skipped: false,
+			cacheHit: false,
+			container
+		});
+	}
 	config.onRender?.(container, dataUri);
 	return dataUri;
 }
 async function renderToRaw(container, width, height, config) {
 	if (container.children.length === 0) return null;
-	const { node, stylesheets } = await fromJsx(createElement("div", { style: {
-		display: "flex",
-		width: "100%",
-		height: "100%"
-	} }, ...container.children.map(vnodeToElement)));
-	const buffer = await config.renderer.render(node, {
-		width,
-		height,
-		format: "raw",
-		stylesheets,
-		devicePixelRatio: config.devicePixelRatio
-	});
+	metrics.recordFlush();
+	if (config.caching && !isContainerDirty(container)) {
+		metrics.recordDirtySkip();
+		return null;
+	}
+	const profiling = config.onProfile != null;
+	const t0 = profiling ? performance.now() : 0;
+	let t1 = t0;
+	let t2 = t0;
+	let treeHash;
+	let cacheKey;
+	if (config.caching && config.touchStripCacheMaxBytes > 0) {
+		treeHash = computeTreeHash(container);
+		cacheKey = computeCacheKey(treeHash, width, height, config.devicePixelRatio, "raw");
+		const cached = getTouchStripCache(config.touchStripCacheMaxBytes).get(cacheKey);
+		if (cached !== void 0) {
+			metrics.recordCacheHit();
+			if (profiling) {
+				const tNow = performance.now();
+				emitProfile(config, {
+					t0,
+					t1: tNow,
+					t2: tNow,
+					t3: tNow
+				}, {
+					skipped: false,
+					cacheHit: true,
+					container
+				});
+			}
+			return {
+				buffer: cached,
+				width,
+				height
+			};
+		}
+	}
+	let buffer;
+	if (config.renderPool?.isAvailable) {
+		buffer = await config.renderPool.render(container.children, width, height, "raw", config.devicePixelRatio);
+		t2 = profiling ? performance.now() : 0;
+		t1 = t0;
+	} else {
+		const rootNode = buildTakumiRoot(container);
+		t1 = profiling ? performance.now() : 0;
+		buffer = await config.renderer.render(rootNode, {
+			width,
+			height,
+			format: "raw",
+			devicePixelRatio: config.devicePixelRatio
+		});
+		t2 = profiling ? performance.now() : 0;
+	}
 	if (config.caching) {
 		const hash = fnv1a(buffer);
-		if (hash === container.lastSvgHash) return null;
+		if (hash === container.lastSvgHash) {
+			metrics.recordHashDedup();
+			if (profiling) {
+				const tEnd = performance.now();
+				emitProfile(config, {
+					t0,
+					t1,
+					t2,
+					t3: tEnd
+				}, {
+					skipped: true,
+					cacheHit: false,
+					container
+				});
+			}
+			return null;
+		}
 		container.lastSvgHash = hash;
 	}
+	const buf = Buffer.isBuffer(buffer) ? buffer : Buffer.from(buffer);
+	if (config.caching && config.touchStripCacheMaxBytes > 0) {
+		if (treeHash === void 0 || cacheKey === void 0) {
+			treeHash = computeTreeHash(container);
+			cacheKey = computeCacheKey(treeHash, width, height, config.devicePixelRatio, "raw");
+		}
+		getTouchStripCache(config.touchStripCacheMaxBytes).set(cacheKey, buf, buf.byteLength + 64);
+	}
+	metrics.recordRender(t2 - t0);
+	if (profiling) {
+		const tEnd = performance.now();
+		emitProfile(config, {
+			t0,
+			t1,
+			t2,
+			t3: tEnd
+		}, {
+			skipped: false,
+			cacheHit: false,
+			container
+		});
+	}
 	return {
-		buffer: Buffer.isBuffer(buffer) ? buffer : Buffer.from(buffer),
+		buffer: buf,
 		width,
 		height
 	};
 }
 function cropSlice(raw, fullWidth, column, segmentWidth, segmentHeight) {
-	const slice = Buffer.alloc(segmentWidth * segmentHeight * 4);
+	const pool = getBufferPool();
+	const sliceSize = segmentWidth * segmentHeight * 4;
+	const slice = pool.acquire(sliceSize);
 	const srcRowBytes = fullWidth * 4;
 	const dstRowBytes = segmentWidth * 4;
 	const xOffset = column * segmentWidth * 4;
@@ -68,7 +335,10 @@ function cropSlice(raw, fullWidth, column, segmentWidth, segmentHeight) {
 	return slice;
 }
 function sliceToDataUri(raw, fullWidth, fullHeight, column, segmentWidth, segmentHeight) {
-	return bufferToDataUri(encodePng(segmentWidth, segmentHeight, cropSlice(raw, fullWidth, column, segmentWidth, segmentHeight)), "png");
+	const cropped = cropSlice(raw, fullWidth, column, segmentWidth, segmentHeight);
+	const png = encodePng(segmentWidth, segmentHeight, cropped);
+	getBufferPool().release(cropped);
+	return bufferToDataUri(png, "png");
 }
 //#endregion
-export { bufferToDataUri, renderToDataUri, renderToRaw, sliceToDataUri };
+export { bufferToDataUri, buildTakumiRoot, measureTree, renderToDataUri, renderToRaw, sliceToDataUri };

package/dist/render/png.d.ts

@@ -1,5 +1,5 @@
 /**
- * Encode raw RGBA pixels into a PNG buffer.
+ * Encode raw RGBA pixels into a PNG buffer (synchronous).
  *
  * @param width  Image width in pixels.
  * @param height Image height in pixels.

package/dist/render/png.js

@@ -1,3 +1,4 @@
+import { getBufferPool } from "./buffer-pool.js";
 import { deflateSync } from "node:zlib";
 //#region src/render/png.ts
 var crcTable = new Uint32Array(256);
@@ -35,14 +36,7 @@ var PNG_SIGNATURE = Buffer.from([
 	26,
 	10
 ]);
-/**
-* Encode raw RGBA pixels into a PNG buffer.
-*
-* @param width  Image width in pixels.
-* @param height Image height in pixels.
-* @param rgba   Raw RGBA pixel data (width × height × 4 bytes, row-major).
-*/
-function encodePng(width, height, rgba) {
+function buildIhdr(width, height) {
 	const ihdr = Buffer.alloc(13);
 	ihdr.writeUInt32BE(width, 0);
 	ihdr.writeUInt32BE(height, 4);
@@ -51,15 +45,22 @@ function encodePng(width, height, rgba) {
 	ihdr[10] = 0;
 	ihdr[11] = 0;
 	ihdr[12] = 0;
+	return ihdr;
+}
+function buildFilteredScanlines(width, height, rgba) {
 	const rowBytes = width * 4;
-	const filtered = Buffer.alloc(height * (1 + rowBytes));
+	const filteredSize = height * (1 + rowBytes);
+	const filtered = getBufferPool().acquire(filteredSize);
 	for (let y = 0; y < height; y++) {
 		const dstOff = y * (1 + rowBytes);
 		filtered[dstOff] = 0;
 		const srcOff = y * rowBytes;
-		for (let i = 0; i < rowBytes; i++) filtered[dstOff + 1 + i] = rgba[srcOff + i];
+		if (Buffer.isBuffer(rgba)) rgba.copy(filtered, dstOff + 1, srcOff, srcOff + rowBytes);
+		else filtered.set(rgba.subarray(srcOff, srcOff + rowBytes), dstOff + 1);
 	}
-	const compressed = deflateSync(filtered);
+	return filtered;
+}
+function assemblePng(ihdr, compressed) {
 	return Buffer.concat([
 		PNG_SIGNATURE,
 		pngChunk("IHDR", ihdr),
@@ -67,5 +68,19 @@ function encodePng(width, height, rgba) {
 		pngChunk("IEND", Buffer.alloc(0))
 	]);
 }
+/**
+* Encode raw RGBA pixels into a PNG buffer (synchronous).
+*
+* @param width  Image width in pixels.
+* @param height Image height in pixels.
+* @param rgba   Raw RGBA pixel data (width × height × 4 bytes, row-major).
+*/
+function encodePng(width, height, rgba) {
+	const ihdr = buildIhdr(width, height);
+	const filtered = buildFilteredScanlines(width, height, rgba);
+	const compressed = deflateSync(filtered);
+	getBufferPool().release(filtered);
+	return assemblePng(ihdr, compressed);
+}
 //#endregion
 export { encodePng };

package/dist/render/render-pool.d.ts

@@ -0,0 +1,24 @@
+import { FontConfig } from '../types';
+import { VNode } from '../reconciler/vnode';
+export declare class RenderPool {
+    private worker;
+    private ready;
+    private failed;
+    private nextId;
+    private pending;
+    private initPromise;
+    private fonts;
+    constructor(fonts: FontConfig[]);
+    /** Start the worker. Call once during plugin initialization. */
+    initialize(): Promise<boolean>;
+    private doInitialize;
+    /** Whether the worker is available for offloaded rendering. */
+    get isAvailable(): boolean;
+    /**
+     * Render VNode children in the worker thread.
+     * Returns the raw raster buffer.
+     */
+    render(vnodes: VNode[], width: number, height: number, format: string, dpr: number): Promise<Buffer>;
+    private handleResponse;
+    private handleWorkerDeath;
+}

package/dist/render/render-pool.js

@@ -0,0 +1,130 @@
+import { Worker } from "node:worker_threads";
+//#region src/render/render-pool.ts
+/** Strip internal fields and function props from a VNode tree for worker transfer. */
+function serializeVNode(node) {
+	const cleanProps = {};
+	for (const [key, value] of Object.entries(node.props)) if (typeof value !== "function" && typeof value !== "symbol") cleanProps[key] = value;
+	return {
+		type: node.type,
+		props: cleanProps,
+		children: node.children.map(serializeVNode),
+		text: node.text
+	};
+}
+var RenderPool = class {
+	worker = null;
+	ready = false;
+	failed = false;
+	nextId = 0;
+	pending = /* @__PURE__ */ new Map();
+	initPromise = null;
+	fonts;
+	constructor(fonts) {
+		this.fonts = fonts;
+	}
+	/** Start the worker. Call once during plugin initialization. */
+	async initialize() {
+		if (this.ready) return true;
+		if (this.failed) return false;
+		if (this.initPromise != null) {
+			await this.initPromise;
+			return this.ready;
+		}
+		this.initPromise = this.doInitialize();
+		await this.initPromise;
+		return this.ready;
+	}
+	async doInitialize() {
+		try {
+			this.worker = new Worker(new URL("data:video/mp2t;base64,Ly8g4pSA4pSAIFJlbmRlciBXb3JrZXIg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSACi8vCi8vIFJ1bnMgaW4gYSBzZXBhcmF0ZSB0aHJlYWQgdmlhIE5vZGUuanMgd29ya2VyX3RocmVhZHMuICBIYW5kbGVzIHRoZQovLyBmdWxsIHJlbmRlciBwaXBlbGluZTogc2VyaWFsaXplZCBWTm9kZSBkYXRhIOKGkiBUYWt1bWkgbm9kZXMg4oaSIHJhc3Rlci4KLy8KLy8gVXNlcyB0aGUgZGlyZWN0IFZOb2RlIOKGkiBUYWt1bWkgbm9kZSBieXBhc3MgKHNhbWUgYXMgbWFpbiB0aHJlYWQncwovLyB2bm9kZVRvVGFrdW1pTm9kZSBpbiBwaXBlbGluZS50cyksIHNraXBwaW5nIHZub2RlVG9FbGVtZW50KCkgYW5kCi8vIGZyb21Kc3goKSBlbnRpcmVseS4KLy8KLy8gVGhpcyB1bmJsb2NrcyB0aGUgbWFpbiB0aHJlYWQgZHVyaW5nIHRoZSBleHBlbnNpdmUgVGFrdW1pCi8vIHJhc3Rlcml6YXRpb24gc3RlcCAofjXigJMzMG1zIHBlciBmcmFtZSkuCi8vCi8vIFdoeSBjb2RlIGlzIGR1cGxpY2F0ZWQgKGlubGluZWQpOgovLyAgIFdvcmtlciB0aHJlYWRzIGNhbid0IGltcG9ydCBmcm9tIHRoZSBtYWluIGJ1bmRsZSDigJQgdGhleSBsb2FkCi8vICAgdGhlIGNvbXBpbGVkIHdvcmtlci5qcyBmaWxlIGluZGVwZW5kZW50bHkuICBTVkcgc2VyaWFsaXphdGlvbgovLyAgIGFuZCBWTm9kZeKGklRha3VtaSBjb252ZXJzaW9uIG11c3QgYmUgc2VsZi1jb250YWluZWQgaGVyZS4KLy8gICBCb3RoIG1pcnJvciB0aGUgbG9naWMgaW4gc3ZnLnRzIGFuZCBwaXBlbGluZS50cyByZXNwZWN0aXZlbHkuCi8vCi8vIFplcm8tY29weSByZXR1cm46Ci8vICAgVGhlIHJlbmRlcmVkIGJ1ZmZlciBpcyB0cmFuc2ZlcnJlZCAobm90IGNvcGllZCkgYmFjayB0byB0aGUgbWFpbgovLyAgIHRocmVhZCB2aWEgcG9zdE1lc3NhZ2UncyB0cmFuc2ZlciBsaXN0LiAgVGhpcyBhdm9pZHMgY29weWluZwovLyAgIHBvdGVudGlhbGx5IGxhcmdlIHJhc3RlciBidWZmZXJzIChlLmcuIDgwMMOXMTAww5c0ID0gMzIwS0IgZm9yCi8vICAgVG91Y2hTdHJpcCkgYWNyb3NzIHRoZSB0aHJlYWQgYm91bmRhcnkuCgppbXBvcnQgeyBwYXJlbnRQb3J0LCB3b3JrZXJEYXRhIH0gZnJvbSAibm9kZTp3b3JrZXJfdGhyZWFkcyI7CgovLyDilIDilIAgVHlwZXMg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSACgppbnRlcmZhY2UgU2VyaWFsaXplZFZOb2RlIHsKICB0eXBlOiBzdHJpbmc7CiAgcHJvcHM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+OwogIGNoaWxkcmVuOiBTZXJpYWxpemVkVk5vZGVbXTsKICB0ZXh0Pzogc3RyaW5nOwp9CgovKiogTWF0Y2hlcyBAdGFrdW1pLXJzL2hlbHBlcnMgTm9kZSB1bmlvbi4gUGxhaW4gb2JqZWN0IGFjY2VwdGVkIGJ5IFJlbmRlcmVyLnJlbmRlcigpLiAqLwppbnRlcmZhY2UgVGFrdW1pTm9kZSB7CiAgdHlwZTogc3RyaW5nOwogIFtrZXk6IHN0cmluZ106IHVua25vd247Cn0KCmludGVyZmFjZSBJbml0TWVzc2FnZSB7CiAgdHlwZTogImluaXQiOwogIGZvbnRzOiBBcnJheTx7CiAgICBuYW1lOiBzdHJpbmc7CiAgICBkYXRhOiBBcnJheUJ1ZmZlciB8IEJ1ZmZlcjsKICAgIHdlaWdodDogbnVtYmVyOwogICAgc3R5bGU6IHN0cmluZzsKICB9PjsKfQoKaW50ZXJmYWNlIFJlbmRlck1lc3NhZ2UgewogIHR5cGU6ICJyZW5kZXIiOwogIGlkOiBudW1iZXI7CiAgdm5vZGVzOiBTZXJpYWxpemVkVk5vZGVbXTsKICB3aWR0aDogbnVtYmVyOwogIGhlaWdodDogbnVtYmVyOwogIGZvcm1hdDogc3RyaW5nOwogIGRwcjogbnVtYmVyOwp9CgppbnRlcmZhY2UgU2h1dGRvd25NZXNzYWdlIHsKICB0eXBlOiAic2h1dGRvd24iOwp9Cgp0eXBlIFdvcmtlck1lc3NhZ2UgPSBJbml0TWVzc2FnZSB8IFJlbmRlck1lc3NhZ2UgfCBTaHV0ZG93bk1lc3NhZ2U7CgovLyDilIDilIAgU1ZHIFNlcmlhbGl6YXRpb24gKGlubGluZWQgZm9yIHdvcmtlciBjb250ZXh0KSDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIAKLy8gTWlycm9ycyB0aGUgc2VyaWFsaXplU3ZnVHJlZSgpIGZyb20gc3ZnLnRzLiBJbmxpbmVkIHRvIGF2b2lkCi8vIGNyb3NzLW1vZHVsZSBpbXBvcnQgaXNzdWVzIGluIHRoZSB3b3JrZXIgdGhyZWFkLgoKY29uc3QgU1ZHX0NBTUVMX0FUVFJTOiBSZWFkb25seVNldDxzdHJpbmc+ID0gbmV3IFNldChbCiAgImFjY2VudEhlaWdodCIsCiAgImFsaWdubWVudEJhc2VsaW5lIiwKICAiYXJhYmljRm9ybSIsCiAgImJhc2VsaW5lU2hpZnQiLAogICJjYXBIZWlnaHQiLAogICJjbGlwUGF0aCIsCiAgImNsaXBQYXRoVW5pdHMiLAogICJjbGlwUnVsZSIsCiAgImNvbG9ySW50ZXJwb2xhdGlvbiIsCiAgImNvbG9ySW50ZXJwb2xhdGlvbkZpbHRlcnMiLAogICJjb2xvclByb2ZpbGUiLAogICJjb2xvclJlbmRlcmluZyIsCiAgImVuYWJsZUJhY2tncm91bmQiLAogICJmaWxsT3BhY2l0eSIsCiAgImZpbGxSdWxlIiwKICAiZmxvb2RDb2xvciIsCiAgImZsb29kT3BhY2l0eSIsCiAgImZvbnRGYW1pbHkiLAogICJmb250U2l6ZSIsCiAgImZvbnRTaXplQWRqdXN0IiwKICAiZm9udFN0cmV0Y2giLAogICJmb250U3R5bGUiLAogICJmb250VmFyaWFudCIsCiAgImZvbnRXZWlnaHQiLAogICJnbHlwaE5hbWUiLAogICJnbHlwaE9yaWVudGF0aW9uSG9yaXpvbnRhbCIsCiAgImdseXBoT3JpZW50YXRpb25WZXJ0aWNhbCIsCiAgImhvcml6QWR2WCIsCiAgImhvcml6T3JpZ2luWCIsCiAgImltYWdlUmVuZGVyaW5nIiwKICAibGV0dGVyU3BhY2luZyIsCiAgImxpZ2h0aW5nQ29sb3IiLAogICJtYXJrZXJFbmQiLAogICJtYXJrZXJNaWQiLAogICJtYXJrZXJTdGFydCIsCiAgIm92ZXJsaW5lUG9zaXRpb24iLAogICJvdmVybGluZVRoaWNrbmVzcyIsCiAgInBhaW50T3JkZXIiLAogICJwb2ludGVyRXZlbnRzIiwKICAicHJlc2VydmVBc3BlY3RSYXRpbyIsCiAgInNoYXBlUmVuZGVyaW5nIiwKICAic3RvcENvbG9yIiwKICAic3RvcE9wYWNpdHkiLAogICJzdHJva2VEYXNoYXJyYXkiLAogICJzdHJva2VEYXNob2Zmc2V0IiwKICAic3Ryb2tlTGluZWNhcCIsCiAgInN0cm9rZUxpbmVqb2luIiwKICAic3Ryb2tlTWl0ZXJsaW1pdCIsCiAgInN0cm9rZU9wYWNpdHkiLAogICJzdHJva2VXaWR0aCIsCiAgInRleHRBbmNob3IiLAogICJ0ZXh0RGVjb3JhdGlvbiIsCiAgInRleHRSZW5kZXJpbmciLAogICJ0cmFuc2Zvcm1PcmlnaW4iLAogICJ1bmRlcmxpbmVQb3NpdGlvbiIsCiAgInVuZGVybGluZVRoaWNrbmVzcyIsCiAgInVuaWNvZGVCaWRpIiwKICAidW5pY29kZVJhbmdlIiwKICAidW5pdHNQZXJFbSIsCiAgInZBbHBoYWJldGljIiwKICAidkhhbmdpbmciLAogICJ2SWRlb2dyYXBoaWMiLAogICJ2TWF0aGVtYXRpY2FsIiwKICAidmVjdG9yRWZmZWN0IiwKICAidmVydEFkdlkiLAogICJ2ZXJ0T3JpZ2luWCIsCiAgInZlcnRPcmlnaW5ZIiwKICAid29yZFNwYWNpbmciLAogICJ3cml0aW5nTW9kZSIsCl0pOwoKY29uc3QgU1ZHX1NLSVBfUFJPUFM6IFJlYWRvbmx5U2V0PHN0cmluZz4gPSBuZXcgU2V0KFsKICAiY2hpbGRyZW4iLAogICJrZXkiLAogICJyZWYiLAogICJfX3NlbGYiLAogICJfX3NvdXJjZSIsCl0pOwoKZnVuY3Rpb24gY2FtZWxUb0tlYmFiKHN0cjogc3RyaW5nKTogc3RyaW5nIHsKICByZXR1cm4gc3RyLnJlcGxhY2UoL1tBLVpdL2csIChjaCkgPT4gYC0ke2NoLnRvTG93ZXJDYXNlKCl9YCk7Cn0KCmZ1bmN0aW9uIGVzY2FwZUF0dHIodmFsdWU6IHN0cmluZyk6IHN0cmluZyB7CiAgcmV0dXJuIHZhbHVlCiAgICAucmVwbGFjZSgvJi9nLCAiJmFtcDsiKQogICAgLnJlcGxhY2UoLyIvZywgIiZxdW90OyIpCiAgICAucmVwbGFjZSgvPC9nLCAiJmx0OyIpCiAgICAucmVwbGFjZSgvPi9nLCAiJmd0OyIpOwp9CgpmdW5jdGlvbiBzZXJpYWxpemVTdmdTdHlsZShzdHlsZTogUmVjb3JkPHN0cmluZywgdW5rbm93bj4pOiBzdHJpbmcgewogIGNvbnN0IHBhcnRzOiBzdHJpbmdbXSA9IFtdOwogIGZvciAoY29uc3Qga2V5IG9mIE9iamVjdC5rZXlzKHN0eWxlKSkgewogICAgY29uc3QgdmFsdWUgPSBzdHlsZVtrZXldOwogICAgaWYgKHZhbHVlID09IG51bGwpIGNvbnRpbnVlOwogICAgcGFydHMucHVzaChgJHtjYW1lbFRvS2ViYWIoa2V5KX06JHtTdHJpbmcodmFsdWUpLnRyaW0oKX1gKTsKICB9CiAgcmV0dXJuIHBhcnRzLmpvaW4oIjsiKTsKfQoKZnVuY3Rpb24gc2VyaWFsaXplU3ZnQXR0cihrZXk6IHN0cmluZywgdmFsdWU6IHVua25vd24pOiBzdHJpbmcgfCBudWxsIHsKICBpZiAoU1ZHX1NLSVBfUFJPUFMuaGFzKGtleSkgfHwgdmFsdWUgPT0gbnVsbCkgcmV0dXJuIG51bGw7CiAgbGV0IGF0dHJOYW1lOiBzdHJpbmc7CiAgaWYgKGtleSA9PT0gImNsYXNzTmFtZSIpIGF0dHJOYW1lID0gImNsYXNzIjsKICBlbHNlIGlmIChTVkdfQ0FNRUxfQVRUUlMuaGFzKGtleSkpIGF0dHJOYW1lID0gY2FtZWxUb0tlYmFiKGtleSk7CiAgZWxzZSBhdHRyTmFtZSA9IGtleTsKICBpZiAoa2V5ID09PSAic3R5bGUiICYmIHR5cGVvZiB2YWx1ZSA9PT0gIm9iamVjdCIpIHsKICAgIGNvbnN0IGNzcyA9IHNlcmlhbGl6ZVN2Z1N0eWxlKHZhbHVlIGFzIFJlY29yZDxzdHJpbmcsIHVua25vd24+KTsKICAgIGlmICghY3NzKSByZXR1cm4gbnVsbDsKICAgIHJldHVybiBgJHthdHRyTmFtZX09IiR7ZXNjYXBlQXR0cihjc3MpfSJgOwogIH0KICBpZiAodHlwZW9mIHZhbHVlID09PSAiYm9vbGVhbiIpIHJldHVybiBgJHthdHRyTmFtZX09IiR7U3RyaW5nKHZhbHVlKX0iYDsKICByZXR1cm4gYCR7YXR0ck5hbWV9PSIke2VzY2FwZUF0dHIoU3RyaW5nKHZhbHVlKSl9ImA7Cn0KCmZ1bmN0aW9uIHNlcmlhbGl6ZVN2Z1ZOb2RlKG5vZGU6IFNlcmlhbGl6ZWRWTm9kZSk6IHN0cmluZyB7CiAgaWYgKG5vZGUudHlwZSA9PT0gIiN0ZXh0IikgcmV0dXJuIG5vZGUudGV4dCA/PyAiIjsKICBjb25zdCBhdHRyczogc3RyaW5nW10gPSBbXTsKICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBPYmplY3QuZW50cmllcyhub2RlLnByb3BzKSkgewogICAgY29uc3QgYXR0ciA9IHNlcmlhbGl6ZVN2Z0F0dHIoa2V5LCB2YWx1ZSk7CiAgICBpZiAoYXR0ciAhPSBudWxsKSBhdHRycy5wdXNoKGF0dHIpOwogIH0KICBjb25zdCBjaGlsZE1hcmt1cCA9IG5vZGUuY2hpbGRyZW4ubWFwKHNlcmlhbGl6ZVN2Z1ZOb2RlKS5qb2luKCIiKTsKICBjb25zdCBhdHRyU3RyID0gYXR0cnMubGVuZ3RoID4gMCA/IGAgJHthdHRycy5qb2luKCIgIil9YCA6ICIiOwogIHJldHVybiBgPCR7bm9kZS50eXBlfSR7YXR0clN0cn0+JHtjaGlsZE1hcmt1cH08LyR7bm9kZS50eXBlfT5gOwp9CgpmdW5jdGlvbiBzZXJpYWxpemVTdmdUcmVlKHN2Z05vZGU6IFNlcmlhbGl6ZWRWTm9kZSk6IHN0cmluZyB7CiAgaWYgKCEoInhtbG5zIiBpbiBzdmdOb2RlLnByb3BzKSkgewogICAgY29uc3QgYXVnbWVudGVkID0gewogICAgICAuLi5zdmdOb2RlLAogICAgICBwcm9wczogeyAuLi5zdmdOb2RlLnByb3BzLCB4bWxuczogImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB9LAogICAgfTsKICAgIHJldHVybiBzZXJpYWxpemVTdmdWTm9kZShhdWdtZW50ZWQpOwogIH0KICByZXR1cm4gc2VyaWFsaXplU3ZnVk5vZGUoc3ZnTm9kZSk7Cn0KCi8vIOKUgOKUgCBEaXJlY3QgVk5vZGUg4oaSIFRha3VtaSBOb2RlIENvbnZlcnNpb24g4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSACi8vIE1pcnJvcnMgdGhlIG1haW4tdGhyZWFkIHZub2RlVG9UYWt1bWlOb2RlKCkgZnJvbSBwaXBlbGluZS50cy4KLy8gSW5saW5lZCB0byBhdm9pZCBjcm9zcy1tb2R1bGUgaW1wb3J0IGlzc3VlcyBpbiB3b3JrZXIgY29udGV4dC4KCmZ1bmN0aW9uIHZub2RlVG9UYWt1bWlOb2RlKG5vZGU6IFNlcmlhbGl6ZWRWTm9kZSk6IFRha3VtaU5vZGUgewogIC8vIFRleHQgbm9kZXMg4oaSIFRha3VtaSBUZXh0Tm9kZQogIGlmIChub2RlLnR5cGUgPT09ICIjdGV4dCIpIHsKICAgIHJldHVybiB7IHR5cGU6ICJ0ZXh0IiwgdGV4dDogbm9kZS50ZXh0ID8/ICIiIH07CiAgfQoKICBjb25zdCB7IGNoaWxkcmVuOiBfY2hpbGRyZW4sIGNsYXNzTmFtZSwgc3JjLCAuLi5yZXN0UHJvcHMgfSA9IG5vZGUucHJvcHM7CgogIC8vIE1hcCBjbGFzc05hbWUg4oaSIHR3IChzYW1lIGxvZ2ljIGFzIG1haW4gdGhyZWFkKQogIGxldCB0dzogc3RyaW5nIHwgdW5kZWZpbmVkID0gdHlwZW9mIHJlc3RQcm9wcy50dyA9PT0gInN0cmluZyIgPyByZXN0UHJvcHMudHcgOiB1bmRlZmluZWQ7CiAgaWYgKHR5cGVvZiBjbGFzc05hbWUgPT09ICJzdHJpbmciICYmIGNsYXNzTmFtZS5sZW5ndGggPiAwKSB7CiAgICB0dyA9IHR3ID8gdHcgKyAiICIgKyBjbGFzc05hbWUgOiBjbGFzc05hbWU7CiAgfQoKICAvLyBJbWFnZSBub2RlcyDihpIgVGFrdW1pIEltYWdlTm9kZQogIGlmIChub2RlLnR5cGUgPT09ICJpbWciICYmIHR5cGVvZiBzcmMgPT09ICJzdHJpbmciKSB7CiAgICByZXR1cm4gewogICAgICB0eXBlOiAiaW1hZ2UiLAogICAgICBzcmM6IHNyYyBhcyBzdHJpbmcsCiAgICAgIC4uLih0dyA/IHsgdHcgfSA6IHt9KSwKICAgICAgLi4ucmVzdFByb3BzLAogICAgfTsKICB9CgogIC8vIFNWRyBub2RlcyDihpIgVGFrdW1pIEltYWdlTm9kZSAoc2VyaWFsaXplIHN1YnRyZWUgdG8gU1ZHIG1hcmt1cCkKICBpZiAobm9kZS50eXBlID09PSAic3ZnIikgewogICAgY29uc3Qgc3ZnTWFya3VwID0gc2VyaWFsaXplU3ZnVHJlZShub2RlKTsKICAgIGNvbnN0IHdpZHRoID0gdHlwZW9mIG5vZGUucHJvcHMud2lkdGggPT09ICJudW1iZXIiID8gbm9kZS5wcm9wcy53aWR0aCA6IHVuZGVmaW5lZDsKICAgIGNvbnN0IGhlaWdodCA9IHR5cGVvZiBub2RlLnByb3BzLmhlaWdodCA9PT0gIm51bWJlciIgPyBub2RlLnByb3BzLmhlaWdodCA6IHVuZGVmaW5lZDsKICAgIHJldHVybiB7CiAgICAgIHR5cGU6ICJpbWFnZSIsCiAgICAgIHNyYzogc3ZnTWFya3VwLAogICAgICAuLi4od2lkdGggIT0gbnVsbCA/IHsgd2lkdGggfSA6IHt9KSwKICAgICAgLi4uKGhlaWdodCAhPSBudWxsID8geyBoZWlnaHQgfSA6IHt9KSwKICAgICAgLi4uKHR3ID8geyB0dyB9IDoge30pLAogICAgICAuLi4obm9kZS5wcm9wcy5zdHlsZSA/IHsgc3R5bGU6IG5vZGUucHJvcHMuc3R5bGUgfSA6IHt9KSwKICAgICAgdGFnTmFtZTogInN2ZyIsCiAgICB9OwogIH0KCiAgLy8gQWxsIG90aGVyIG5vZGVzIOKGkiBUYWt1bWkgQ29udGFpbmVyTm9kZQogIGNvbnN0IHRha3VtaUNoaWxkcmVuID0KICAgIG5vZGUuY2hpbGRyZW4ubGVuZ3RoID4gMCA/IG5vZGUuY2hpbGRyZW4ubWFwKHZub2RlVG9UYWt1bWlOb2RlKSA6IHVuZGVmaW5lZDsKCiAgcmV0dXJuIHsKICAgIHR5cGU6ICJjb250YWluZXIiLAogICAgLi4uKHR3ID8geyB0dyB9IDoge30pLAogICAgLi4ucmVzdFByb3BzLAogICAgLi4uKHRha3VtaUNoaWxkcmVuID8geyBjaGlsZHJlbjogdGFrdW1pQ2hpbGRyZW4gfSA6IHt9KSwKICB9Owp9CgovLyDilIDilIAgUm9vdCBzdHlsZSBjb25zdGFudCDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIAKCmNvbnN0IFJPT1RfU1RZTEUgPSB7IGRpc3BsYXk6ICJmbGV4Iiwgd2lkdGg6ICIxMDAlIiwgaGVpZ2h0OiAiMTAwJSIgfSBhcyBjb25zdDsKCi8vIOKUgOKUgCBXb3JrZXIgU3RhdGUg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSACgpsZXQgcmVuZGVyZXI6IGltcG9ydCgiQHRha3VtaS1ycy9jb3JlIikuUmVuZGVyZXIgfCBudWxsID0gbnVsbDsKCi8vIOKUgOKUgCBNZXNzYWdlIEhhbmRsZXIg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSACgphc3luYyBmdW5jdGlvbiBoYW5kbGVNZXNzYWdlKG1zZzogV29ya2VyTWVzc2FnZSk6IFByb21pc2U8dm9pZD4gewogIHN3aXRjaCAobXNnLnR5cGUpIHsKICAgIGNhc2UgImluaXQiOiB7CiAgICAgIHRyeSB7CiAgICAgICAgLy8gRHluYW1pYyBpbXBvcnQg4oCUIG1heSBmYWlsIGlmIHRoZSBuYXRpdmUgYWRkb24gY2FuJ3QgbG9hZCBpbiBhIHdvcmtlcgogICAgICAgIGNvbnN0IGNvcmUgPSBhd2FpdCBpbXBvcnQoIkB0YWt1bWktcnMvY29yZSIpOwoKICAgICAgICByZW5kZXJlciA9IG5ldyBjb3JlLlJlbmRlcmVyKHsKICAgICAgICAgIGZvbnRzOiBtc2cuZm9udHMubWFwKChmKSA9PiAoewogICAgICAgICAgICBuYW1lOiBmLm5hbWUsCiAgICAgICAgICAgIGRhdGE6IGYuZGF0YSwKICAgICAgICAgICAgd2VpZ2h0OiBmLndlaWdodCBhcyAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgfCA3MDAgfCA4MDAgfCA5MDAsCiAgICAgICAgICAgIHN0eWxlOiBmLnN0eWxlIGFzICJub3JtYWwiIHwgIml0YWxpYyIsCiAgICAgICAgICB9KSksCiAgICAgICAgfSk7CgogICAgICAgIHBhcmVudFBvcnQhLnBvc3RNZXNzYWdlKHsgdHlwZTogInJlYWR5IiB9KTsKICAgICAgfSBjYXRjaCAoZXJyKSB7CiAgICAgICAgcGFyZW50UG9ydCEucG9zdE1lc3NhZ2UoewogICAgICAgICAgdHlwZTogImVycm9yIiwKICAgICAgICAgIGlkOiAtMSwKICAgICAgICAgIGVycm9yOiBgV29ya2VyIGluaXQgZmFpbGVkOiAke2VyciBpbnN0YW5jZW9mIEVycm9yID8gZXJyLm1lc3NhZ2UgOiBTdHJpbmcoZXJyKX1gLAogICAgICAgIH0pOwogICAgICB9CiAgICAgIGJyZWFrOwogICAgfQoKICAgIGNhc2UgInJlbmRlciI6IHsKICAgICAgaWYgKHJlbmRlcmVyID09IG51bGwpIHsKICAgICAgICBwYXJlbnRQb3J0IS5wb3N0TWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAiZXJyb3IiLAogICAgICAgICAgaWQ6IG1zZy5pZCwKICAgICAgICAgIGVycm9yOiAiV29ya2VyIG5vdCBpbml0aWFsaXplZCIsCiAgICAgICAgfSk7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0cnkgewogICAgICAgIC8vIDEuIENvbnZlcnQgc2VyaWFsaXplZCBWTm9kZSBkYXRhIOKGkiBUYWt1bWkgbm9kZXMgZGlyZWN0bHkgKGJ5cGFzcyBmcm9tSnN4KQogICAgICAgIGNvbnN0IGNoaWxkcmVuID0gbXNnLnZub2Rlcy5tYXAodm5vZGVUb1Rha3VtaU5vZGUpOwogICAgICAgIGNvbnN0IHJvb3ROb2RlOiBUYWt1bWlOb2RlID0gewogICAgICAgICAgdHlwZTogImNvbnRhaW5lciIsCiAgICAgICAgICBzdHlsZTogUk9PVF9TVFlMRSwKICAgICAgICAgIGNoaWxkcmVuLAogICAgICAgIH07CgogICAgICAgIC8vIDIuIFJlbmRlciB0byByYXN0ZXIgaW1hZ2UKICAgICAgICBjb25zdCBidWZmZXIgPSBhd2FpdCByZW5kZXJlci5yZW5kZXIocm9vdE5vZGUsIHsKICAgICAgICAgIHdpZHRoOiBtc2cud2lkdGgsCiAgICAgICAgICBoZWlnaHQ6IG1zZy5oZWlnaHQsCiAgICAgICAgICBmb3JtYXQ6IG1zZy5mb3JtYXQgYXMgaW1wb3J0KCJAdGFrdW1pLXJzL2NvcmUiKS5PdXRwdXRGb3JtYXQsCiAgICAgICAgICBkZXZpY2VQaXhlbFJhdGlvOiBtc2cuZHByLAogICAgICAgIH0pOwoKICAgICAgICAvLyBUcmFuc2ZlciB0aGUgYnVmZmVyICh6ZXJvLWNvcHkpIGJhY2sgdG8gdGhlIG1haW4gdGhyZWFkCiAgICAgICAgY29uc3QgYWIgPQogICAgICAgICAgYnVmZmVyIGluc3RhbmNlb2YgQXJyYXlCdWZmZXIKICAgICAgICAgICAgPyBidWZmZXIKICAgICAgICAgICAgOiBidWZmZXIuYnVmZmVyLnNsaWNlKGJ1ZmZlci5ieXRlT2Zmc2V0LCBidWZmZXIuYnl0ZU9mZnNldCArIGJ1ZmZlci5ieXRlTGVuZ3RoKTsKCiAgICAgICAgcGFyZW50UG9ydCEucG9zdE1lc3NhZ2UoCiAgICAgICAgICB7IHR5cGU6ICJyZXN1bHQiLCBpZDogbXNnLmlkLCBidWZmZXI6IGFiIH0sCiAgICAgICAgICB7IHRyYW5zZmVyOiBbYWIgYXMgQXJyYXlCdWZmZXJdIH0sCiAgICAgICAgKTsKICAgICAgfSBjYXRjaCAoZXJyKSB7CiAgICAgICAgcGFyZW50UG9ydCEucG9zdE1lc3NhZ2UoewogICAgICAgICAgdHlwZTogImVycm9yIiwKICAgICAgICAgIGlkOiBtc2cuaWQsCiAgICAgICAgICBlcnJvcjogZXJyIGluc3RhbmNlb2YgRXJyb3IgPyBlcnIubWVzc2FnZSA6IFN0cmluZyhlcnIpLAogICAgICAgIH0pOwogICAgICB9CiAgICAgIGJyZWFrOwogICAgfQoKICAgIGNhc2UgInNodXRkb3duIjogewogICAgICBwcm9jZXNzLmV4aXQoMCk7CiAgICB9CiAgfQp9CgovLyDilIDilIAgQXV0by1pbml0IGlmIGZvbnRzIHByb3ZpZGVkIHZpYSB3b3JrZXJEYXRhIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgAoKaWYgKHdvcmtlckRhdGE/LmZvbnRzKSB7CiAgaGFuZGxlTWVzc2FnZSh7IHR5cGU6ICJpbml0IiwgZm9udHM6IHdvcmtlckRhdGEuZm9udHMgfSk7Cn0KCnBhcmVudFBvcnQhLm9uKCJtZXNzYWdlIiwgKG1zZzogV29ya2VyTWVzc2FnZSkgPT4gewogIGhhbmRsZU1lc3NhZ2UobXNnKTsKfSk7Cg==", "" + import.meta.url), { workerData: { fonts: this.fonts.map((f) => ({
+				name: f.name,
+				data: f.data,
+				weight: f.weight,
+				style: f.style
+			})) } });
+			await new Promise((resolve, reject) => {
+				const timeout = setTimeout(() => {
+					reject(/* @__PURE__ */ new Error("Worker initialization timed out (5s)"));
+				}, 5e3);
+				const onMessage = (msg) => {
+					if (msg.type === "ready") {
+						clearTimeout(timeout);
+						this.worker.off("message", onMessage);
+						this.worker.off("error", onError);
+						resolve();
+					} else if (msg.type === "error" && msg.id === -1) {
+						clearTimeout(timeout);
+						this.worker.off("message", onMessage);
+						this.worker.off("error", onError);
+						reject(new Error(msg.error ?? "Unknown worker init error"));
+					}
+				};
+				const onError = (err) => {
+					clearTimeout(timeout);
+					reject(err);
+				};
+				this.worker.on("message", onMessage);
+				this.worker.on("error", onError);
+			});
+			this.worker.on("message", this.handleResponse.bind(this));
+			this.worker.on("exit", (code) => {
+				if (code !== 0) console.warn(`[@fcannizzaro/streamdeck-react] Render worker exited with code ${code}`);
+				this.handleWorkerDeath();
+			});
+			this.worker.on("error", (err) => {
+				console.error("[@fcannizzaro/streamdeck-react] Render worker error:", err);
+				this.handleWorkerDeath();
+			});
+			this.ready = true;
+		} catch (err) {
+			console.warn("[@fcannizzaro/streamdeck-react] Worker initialization failed, falling back to main-thread rendering:", err instanceof Error ? err.message : err);
+			this.failed = true;
+			this.worker?.terminate().catch(() => {});
+			this.worker = null;
+		}
+	}
+	/** Whether the worker is available for offloaded rendering. */
+	get isAvailable() {
+		return this.ready && this.worker != null;
+	}
+	/**
+	* Render VNode children in the worker thread.
+	* Returns the raw raster buffer.
+	*/
+	async render(vnodes, width, height, format, dpr) {
+		if (!this.isAvailable) throw new Error("Worker not available");
+		const id = this.nextId++;
+		const serialized = vnodes.map(serializeVNode);
+		return new Promise((resolve, reject) => {
+			this.pending.set(id, {
+				resolve,
+				reject
+			});
+			this.worker.postMessage({
+				type: "render",
+				id,
+				vnodes: serialized,
+				width,
+				height,
+				format,
+				dpr
+			});
+		});
+	}
+	handleResponse(msg) {
+		if (msg.type === "ready") return;
+		const req = this.pending.get(msg.id);
+		if (req == null) return;
+		this.pending.delete(msg.id);
+		if (msg.type === "result" && msg.buffer != null) req.resolve(Buffer.from(msg.buffer));
+		else if (msg.type === "error") req.reject(new Error(msg.error ?? "Unknown worker render error"));
+	}
+	handleWorkerDeath() {
+		this.ready = false;
+		this.worker = null;
+		for (const [_, req] of this.pending) req.reject(/* @__PURE__ */ new Error("Worker died unexpectedly"));
+		this.pending.clear();
+	}
+};
+//#endregion
+export { RenderPool };

package/dist/render/svg.d.ts

@@ -0,0 +1,7 @@
+import { VNode } from '../reconciler/vnode';
+/**
+ * Serialize an `<svg>` VNode (and its entire subtree) to an SVG markup string.
+ * Auto-injects `xmlns="http://www.w3.org/2000/svg"` if not present.
+ * The returned string can be used as the `src` of a Takumi ImageNode.
+ */
+export declare function serializeSvgTree(svgNode: VNode): string;