react-pebble 0.1.0

package/dist/lib/index.js

@@ -0,0 +1,585 @@
+import { PLATFORMS as e, SCREEN as t, _setPlatform as n } from "./platform.js";
+import { ButtonRegistry as r, PebbleAppContext as i, useApp as a, useButton as o, useFormattedTime as s, useInterval as c, useListNavigation as l, useLongButton as u, useTime as d } from "./hooks.js";
+import { ActionBar as f, Badge as p, Card as m, Circle as h, Group as g, Image as _, Line as v, Rect as y, StatusBar as b, Text as x, Window as S } from "./components.js";
+import { render as C } from "preact";
+//#region src/pebble-dom.ts
+var w = new Set([
+	"pbl-root",
+	"pbl-rect",
+	"pbl-circle",
+	"pbl-text",
+	"pbl-line",
+	"pbl-image",
+	"pbl-group",
+	"pbl-statusbar",
+	"pbl-actionbar"
+]), T = 1;
+function E(e) {
+	return {
+		id: T++,
+		type: e,
+		props: {},
+		children: [],
+		parent: null,
+		onRender: null,
+		onComputeLayout: null,
+		_dirty: !0
+	};
+}
+function D(e) {
+	return {
+		id: T++,
+		type: "#text",
+		value: e,
+		parent: null
+	};
+}
+function O(e, t) {
+	t.parent && A(t.parent, t), t.parent = e, e.children.push(t);
+}
+function k(e, t, n) {
+	t.parent && A(t.parent, t), t.parent = e;
+	let r = e.children.indexOf(n);
+	r >= 0 ? e.children.splice(r, 0, t) : e.children.push(t);
+}
+function A(e, t) {
+	e.children = e.children.filter((e) => e !== t), t.parent = null;
+}
+function j(e, t, n) {
+	n === void 0 ? delete e.props[t] : e.props[t] = n;
+}
+function M(e, t) {
+	e.value = t;
+}
+function N(e) {
+	return e.type === "#text" ? e.value : e.children.map(N).join("");
+}
+function P(e, t, n = 0) {
+	if (t(e, n), e.type !== "#text") for (let r of e.children) P(r, t, n + 1);
+}
+function F(e) {
+	let t = e;
+	for (; t.parent;) t = t.parent;
+	return t;
+}
+//#endregion
+//#region src/pebble-output.ts
+var I = {
+	black: {
+		r: 0,
+		g: 0,
+		b: 0
+	},
+	white: {
+		r: 255,
+		g: 255,
+		b: 255
+	},
+	red: {
+		r: 255,
+		g: 0,
+		b: 0
+	},
+	green: {
+		r: 0,
+		g: 255,
+		b: 0
+	},
+	blue: {
+		r: 0,
+		g: 0,
+		b: 255
+	},
+	yellow: {
+		r: 255,
+		g: 255,
+		b: 0
+	},
+	orange: {
+		r: 255,
+		g: 128,
+		b: 0
+	},
+	cyan: {
+		r: 0,
+		g: 255,
+		b: 255
+	},
+	magenta: {
+		r: 255,
+		g: 0,
+		b: 255
+	},
+	clear: {
+		r: 0,
+		g: 0,
+		b: 0
+	},
+	lightGray: {
+		r: 192,
+		g: 192,
+		b: 192
+	},
+	darkGray: {
+		r: 64,
+		g: 64,
+		b: 64
+	}
+}, L = {
+	gothic14: {
+		family: "Bitham-Black",
+		size: 14
+	},
+	gothic14Bold: {
+		family: "Bitham-Black",
+		size: 14
+	},
+	gothic18: {
+		family: "Bitham-Black",
+		size: 18
+	},
+	gothic18Bold: {
+		family: "Bitham-Black",
+		size: 18
+	},
+	gothic24: {
+		family: "Bitham-Black",
+		size: 24
+	},
+	gothic24Bold: {
+		family: "Bitham-Black",
+		size: 24
+	},
+	gothic28: {
+		family: "Bitham-Black",
+		size: 28
+	},
+	gothic28Bold: {
+		family: "Bitham-Black",
+		size: 28
+	},
+	bitham30Black: {
+		family: "Bitham-Black",
+		size: 30
+	},
+	bitham42Bold: {
+		family: "Bitham-Black",
+		size: 42
+	},
+	bitham42Light: {
+		family: "Bitham-Black",
+		size: 42
+	},
+	bitham34MediumNumbers: {
+		family: "Bitham-Black",
+		size: 34
+	},
+	bitham42MediumNumbers: {
+		family: "Bitham-Black",
+		size: 42
+	}
+}, R = "gothic18";
+function z(e, t) {
+	let n = e[t];
+	return typeof n == "number" ? n : 0;
+}
+function B(e, t) {
+	let n = e[t];
+	return typeof n == "string" ? n : void 0;
+}
+var V = class {
+	poco;
+	colorCache = /* @__PURE__ */ new Map();
+	fontCache = /* @__PURE__ */ new Map();
+	constructor(e) {
+		this.poco = e;
+	}
+	render(e, t = {}) {
+		let { poco: n } = this, r = t.dirty;
+		r ? n.begin(r.x, r.y, r.w, r.h) : n.begin();
+		let i = this.getColor(t.backgroundColor ?? "black");
+		n.fillRectangle(i, 0, 0, n.width, n.height), this.renderChildren(e, 0, 0), n.end();
+	}
+	getColor(e) {
+		let t = e ?? "black", n = this.colorCache.get(t);
+		if (n !== void 0) return n;
+		let r = I[t] ?? I.white, i = this.poco.makeColor(r.r, r.g, r.b);
+		return this.colorCache.set(t, i), i;
+	}
+	getFont(e) {
+		let t = e ?? R, n = this.fontCache.get(t);
+		if (n !== void 0) return n;
+		let r = L[t] ?? L[R], i = this.poco.Font, a = new i(r.family, r.size);
+		return this.fontCache.set(t, a), a;
+	}
+	renderChildren(e, t, n) {
+		for (let r of e.children) r.type !== "#text" && this.renderNode(r, t, n);
+	}
+	renderNode(e, t, n) {
+		let r = e.props;
+		if (r._hidden) return;
+		let i = z(r, "x") + t, a = z(r, "y") + n;
+		switch (e.type) {
+			case "pbl-rect": {
+				let t = z(r, "w") || z(r, "width"), n = z(r, "h") || z(r, "height"), o = B(r, "fill"), s = B(r, "stroke");
+				if (o && this.poco.fillRectangle(this.getColor(o), i, a, t, n), s) {
+					let e = z(r, "strokeWidth") || 1, o = this.getColor(s);
+					this.poco.fillRectangle(o, i, a, t, e), this.poco.fillRectangle(o, i, a + n - e, t, e), this.poco.fillRectangle(o, i, a, e, n), this.poco.fillRectangle(o, i + t - e, a, e, n);
+				}
+				this.renderChildren(e, i, a);
+				break;
+			}
+			case "pbl-text": {
+				let t = N(e);
+				if (!t) break;
+				let n = z(r, "w") || z(r, "width") || this.poco.width - i, o = this.getFont(B(r, "font")), s = this.getColor(B(r, "color") ?? "white"), c = B(r, "align") ?? "left", l = i;
+				if (c === "center" || c === "right") {
+					let e = this.poco.getTextWidth(t, o);
+					l = c === "center" ? i + Math.floor((n - e) / 2) : i + n - e;
+				}
+				this.poco.drawText(t, o, s, l, a);
+				break;
+			}
+			case "pbl-line": {
+				let e = z(r, "x2") + t, o = z(r, "y2") + n, s = this.getColor(B(r, "color") ?? B(r, "stroke") ?? "white"), c = z(r, "strokeWidth") || 1;
+				if (i === e) {
+					let e = Math.min(a, o), t = Math.abs(o - a) || 1;
+					this.poco.fillRectangle(s, i, e, c, t);
+				} else if (a === o) {
+					let t = Math.min(i, e), n = Math.abs(e - i) || 1;
+					this.poco.fillRectangle(s, t, a, n, c);
+				}
+				break;
+			}
+			case "pbl-circle": break;
+			case "pbl-image": {
+				let e = r.bitmap;
+				e && this.poco.drawBitmap(e, i, a);
+				break;
+			}
+			case "pbl-group":
+				this.renderChildren(e, i, a);
+				break;
+			case "pbl-statusbar":
+			case "pbl-actionbar": break;
+			case "pbl-root":
+				this.renderChildren(e, t, n);
+				break;
+		}
+	}
+};
+function H(e) {
+	return e && e in I ? e : "black";
+}
+function U(e) {
+	return e && e in L ? e : R;
+}
+//#endregion
+//#region src/pebble-dom-shim.ts
+function W(e) {
+	let t = e.childNodes;
+	e.firstChild = t[0] ?? null;
+	for (let n = 0; n < t.length; n++) {
+		let r = t[n];
+		r.parentNode = e, r.nextSibling = t[n + 1] ?? null;
+	}
+}
+function G(e) {
+	let t = e;
+	if (!w.has(t)) throw Error(`react-pebble: unknown element tag "${e}"`);
+	let n = E(t);
+	return {
+		nodeType: 1,
+		nodeName: e.toUpperCase(),
+		localName: e,
+		tagName: e.toUpperCase(),
+		_pbl: n,
+		attributes: {},
+		parentNode: null,
+		childNodes: [],
+		firstChild: null,
+		nextSibling: null,
+		appendChild(e) {
+			return e.parentNode && e.parentNode.removeChild(e), this.childNodes.push(e), O(n, e._pbl), W(this), e;
+		},
+		insertBefore(e, t) {
+			if (e.parentNode && e.parentNode.removeChild(e), t === null) return this.appendChild(e);
+			let r = this.childNodes.indexOf(t);
+			return r < 0 ? this.appendChild(e) : (this.childNodes.splice(r, 0, e), k(n, e._pbl, t._pbl), W(this), e);
+		},
+		removeChild(e) {
+			let t = this.childNodes.indexOf(e);
+			return t >= 0 && this.childNodes.splice(t, 1), A(n, e._pbl), e.parentNode = null, e.nextSibling = null, W(this), e;
+		},
+		remove() {
+			this.parentNode && this.parentNode.removeChild(this);
+		},
+		setAttribute(e, t) {
+			this.attributes[e] = t, j(n, e, t);
+		},
+		removeAttribute(e) {
+			delete this.attributes[e], j(n, e, void 0);
+		},
+		getAttribute(e) {
+			return this.attributes[e];
+		},
+		addEventListener(e, t) {
+			let r = `on${e[0]?.toUpperCase()}${e.slice(1)}`;
+			this.attributes[r] = t, j(n, r, t);
+		},
+		removeEventListener(e, t) {
+			let r = `on${e[0]?.toUpperCase()}${e.slice(1)}`;
+			delete this.attributes[r], j(n, r, void 0);
+		}
+	};
+}
+function K(e) {
+	let t = D(e), n = {
+		nodeType: 3,
+		nodeName: "#text",
+		_pbl: t,
+		data: e,
+		nodeValue: e,
+		textContent: e,
+		parentNode: null,
+		childNodes: [],
+		firstChild: null,
+		nextSibling: null
+	};
+	return Object.defineProperty(n, "data", {
+		get() {
+			return t.value;
+		},
+		set(e) {
+			M(t, e);
+		}
+	}), Object.defineProperty(n, "nodeValue", {
+		get() {
+			return t.value;
+		},
+		set(e) {
+			M(t, e);
+		}
+	}), Object.defineProperty(n, "textContent", {
+		get() {
+			return t.value;
+		},
+		set(e) {
+			M(t, e);
+		}
+	}), n;
+}
+var q = {
+	createElement: G,
+	createElementNS: (e, t) => G(t),
+	createTextNode: K
+};
+function J() {
+	let e = G("pbl-root");
+	return e.ownerDocument = q, e;
+}
+//#endregion
+//#region src/pebble-reconciler.ts
+typeof document > "u" && (globalThis.document = q);
+function Y() {
+	let e = J();
+	return {
+		shimRoot: e,
+		pblRoot: e._pbl
+	};
+}
+function X(e, t) {
+	C(e, t.shimRoot);
+}
+function Z(e) {
+	C(null, e.shimRoot);
+}
+var Q = {
+	createContainer: Y,
+	updateContainer: X,
+	unmountContainer: Z
+}, $ = class {
+	width;
+	height;
+	Font;
+	constructor(e, t, n) {
+		this.log = n, this.width = e, this.height = t, this.Font = class {
+			name;
+			size;
+			height;
+			constructor(e, t) {
+				this.name = e, this.size = t, this.height = t;
+			}
+		};
+	}
+	begin(e, t, n, r) {
+		this.log.push({
+			op: "begin",
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		});
+	}
+	end() {
+		this.log.push({ op: "end" });
+	}
+	continue(e, t, n, r) {
+		this.log.push({
+			op: "continue",
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		});
+	}
+	clip(e, t, n, r) {
+		this.log.push({
+			op: "clip",
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		});
+	}
+	origin(e, t) {
+		this.log.push({
+			op: "origin",
+			x: e,
+			y: t
+		});
+	}
+	makeColor(e, t, n) {
+		return (e & 255) << 16 | (t & 255) << 8 | n & 255;
+	}
+	fillRectangle(e, t, n, r, i) {
+		this.log.push({
+			op: "fillRectangle",
+			color: e,
+			x: t,
+			y: n,
+			width: r,
+			height: i
+		});
+	}
+	blendRectangle(e, t, n, r, i, a) {
+		this.log.push({
+			op: "blendRectangle",
+			color: e,
+			blend: t,
+			x: n,
+			y: r,
+			width: i,
+			height: a
+		});
+	}
+	drawPixel(e, t, n) {
+		this.log.push({
+			op: "drawPixel",
+			color: e,
+			x: t,
+			y: n
+		});
+	}
+	drawBitmap(e, t, n) {
+		this.log.push({
+			op: "drawBitmap",
+			x: t,
+			y: n
+		});
+	}
+	drawMonochrome(e, t, n, r, i) {
+		this.log.push({
+			op: "drawMonochrome",
+			fore: t,
+			back: n,
+			x: r,
+			y: i
+		});
+	}
+	drawText(e, t, n, r, i) {
+		this.log.push({
+			op: "drawText",
+			text: e,
+			font: t,
+			color: n,
+			x: r,
+			y: i
+		});
+	}
+	getTextWidth(e, t) {
+		let n = t.size ?? 14;
+		return Math.round(e.length * n * .6);
+	}
+};
+function ee(e, t) {
+	return typeof screen < "u" && screen && t ? {
+		poco: new t(screen),
+		info: {
+			isReal: !0,
+			platform: "alloy",
+			screenWidth: screen.width,
+			screenHeight: screen.height
+		}
+	} : {
+		poco: new $(200, 228, e),
+		info: {
+			isReal: !1,
+			platform: "mock",
+			screenWidth: 200,
+			screenHeight: 228
+		}
+	};
+}
+function te() {
+	if (typeof watch > "u" || !watch) return () => void 0;
+	let e = (e) => {
+		if (typeof e != "string") return;
+		let t = e.toLowerCase();
+		if (t === "up" || t === "down" || t === "select" || t === "back") return t;
+	}, t = (t) => {
+		let n = e(t?.button);
+		n && r.emit(n);
+	}, n = (t) => {
+		let n = e(t?.button);
+		n && r.emit(`long_${n}`);
+	};
+	return watch.addEventListener("button", t), watch.addEventListener("buttonClick", t), watch.addEventListener("longClick", n), () => {
+		typeof watch > "u" || !watch || (watch.removeEventListener("button", t), watch.removeEventListener("buttonClick", t), watch.removeEventListener("longClick", n));
+	};
+}
+function ne(e) {
+	typeof Promise < "u" ? Promise.resolve().then(e) : setTimeout(e, 0);
+}
+function re(e, t = {}) {
+	let n = [], r = Y(), { poco: i, info: a } = ee(n, t.poco), o = new V(i), s = !1, c = () => {
+		s = !1, n.length = 0, o.render(r.pblRoot, { backgroundColor: t.backgroundColor });
+	}, l = () => {
+		s || (s = !0, ne(c));
+	}, u = t, d = u._commit ?? u.__c, f = (e, t) => {
+		d && d(e, t), l();
+	};
+	u._commit = f, u.__c = f, X(e, r), c();
+	let p = te();
+	return {
+		update(e) {
+			X(e, r), l();
+		},
+		unmount() {
+			Z(r), u._commit = d, u.__c = d, p();
+		},
+		get platform() {
+			return a;
+		},
+		get drawLog() {
+			return n;
+		},
+		get _root() {
+			return r.pblRoot;
+		}
+	};
+}
+//#endregion
+export { f as ActionBar, p as Badge, r as ButtonRegistry, I as COLOR_PALETTE, m as Card, h as Circle, w as ELEMENT_TYPES, L as FONT_PALETTE, g as Group, _ as Image, v as Line, e as PLATFORMS, i as PebbleAppContext, V as PocoRenderer, y as Rect, t as SCREEN, b as StatusBar, x as Text, S as Window, n as _setPlatform, O as appendChildNode, E as createNode, D as createTextNode, F as findRoot, N as getTextContent, k as insertBeforeNode, Q as reconciler, A as removeChildNode, re as render, H as resolveColorName, U as resolveFontName, j as setAttribute, M as setTextNodeValue, a as useApp, o as useButton, s as useFormattedTime, c as useInterval, l as useListNavigation, u as useLongButton, d as useTime, P as walkTree };
+
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/pebble-dom.ts","../../src/pebble-output.ts","../../src/pebble-dom-shim.ts","../../src/pebble-reconciler.ts","../../src/pebble-render.ts"],"sourcesContent":["/**\n * pebble-dom.ts — Virtual DOM layer for React Pebble\n *\n * Modeled after Ink's dom.ts but stripped of Yoga layout.\n * Pebble uses absolute positioning (x, y, w, h) rather than flexbox,\n * so nodes are just plain JS objects with type, props, and children.\n *\n * Each node type maps to a Pebble drawing primitive:\n *   pbl-root     → Container root (the Window)\n *   pbl-rect     → fillRect / drawRect\n *   pbl-circle   → fillCircle / drawCircle\n *   pbl-text     → drawText\n *   pbl-line     → drawLine\n *   pbl-image    → drawImage (bitmap)\n *   pbl-group    → Logical grouping with offset (no draw call)\n *   #text        → Raw text content (only valid inside pbl-text)\n */\n\n// ---------------------------------------------------------------------------\n// Element types\n// ---------------------------------------------------------------------------\n\nexport type ElementType =\n  | 'pbl-root'\n  | 'pbl-rect'\n  | 'pbl-circle'\n  | 'pbl-text'\n  | 'pbl-line'\n  | 'pbl-image'\n  | 'pbl-group'\n  | 'pbl-statusbar'\n  | 'pbl-actionbar';\n\nexport const ELEMENT_TYPES: ReadonlySet<ElementType> = new Set<ElementType>([\n  'pbl-root',\n  'pbl-rect',\n  'pbl-circle',\n  'pbl-text',\n  'pbl-line',\n  'pbl-image',\n  'pbl-group',\n  'pbl-statusbar',\n  'pbl-actionbar',\n]);\n\n// ---------------------------------------------------------------------------\n// Node shapes\n// ---------------------------------------------------------------------------\n\n/**\n * Loose prop bag — element-specific shapes are documented on each component\n * wrapper, but the reconciler treats them uniformly.\n */\nexport type NodeProps = Record<string, unknown> & {\n  _hidden?: boolean;\n};\n\nexport interface DOMElement {\n  id: number;\n  type: ElementType;\n  props: NodeProps;\n  children: Array<DOMElement | TextNode>;\n  parent: DOMElement | null;\n  /** Called by the reconciler after each commit; wired up by `render()`. */\n  onRender: (() => void) | null;\n  /** Optional layout pass; we currently don't use this. */\n  onComputeLayout: (() => void) | null;\n  /** Internal dirty flag (currently informational only). */\n  _dirty: boolean;\n}\n\nexport interface TextNode {\n  id: number;\n  type: '#text';\n  value: string;\n  parent: DOMElement | null;\n  /** Saved value while the node is hidden by Suspense. */\n  _hiddenValue?: string;\n}\n\nexport type AnyNode = DOMElement | TextNode;\n\n// ---------------------------------------------------------------------------\n// Node creation\n// ---------------------------------------------------------------------------\n\nlet nextNodeId = 1;\n\nexport function createNode(type: ElementType): DOMElement {\n  return {\n    id: nextNodeId++,\n    type,\n    props: {},\n    children: [],\n    parent: null,\n    onRender: null,\n    onComputeLayout: null,\n    _dirty: true,\n  };\n}\n\nexport function createTextNode(text: string): TextNode {\n  return {\n    id: nextNodeId++,\n    type: '#text',\n    value: text,\n    parent: null,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Tree manipulation\n// ---------------------------------------------------------------------------\n\nexport function appendChildNode(parent: DOMElement, child: AnyNode): void {\n  if (child.parent) {\n    removeChildNode(child.parent, child);\n  }\n  child.parent = parent;\n  parent.children.push(child);\n}\n\nexport function insertBeforeNode(\n  parent: DOMElement,\n  child: AnyNode,\n  beforeChild: AnyNode,\n): void {\n  if (child.parent) {\n    removeChildNode(child.parent, child);\n  }\n  child.parent = parent;\n  const idx = parent.children.indexOf(beforeChild);\n  if (idx >= 0) {\n    parent.children.splice(idx, 0, child);\n  } else {\n    parent.children.push(child);\n  }\n}\n\nexport function removeChildNode(parent: DOMElement, child: AnyNode): void {\n  parent.children = parent.children.filter((c) => c !== child);\n  child.parent = null;\n}\n\n// ---------------------------------------------------------------------------\n// Property / attribute helpers\n// ---------------------------------------------------------------------------\n\nexport function setAttribute(node: DOMElement, key: string, value: unknown): void {\n  if (value === undefined) {\n    delete node.props[key];\n  } else {\n    node.props[key] = value;\n  }\n}\n\nexport function setTextNodeValue(node: TextNode, text: string): void {\n  node.value = text;\n}\n\n// ---------------------------------------------------------------------------\n// Tree traversal helpers\n// ---------------------------------------------------------------------------\n\nexport function getTextContent(node: AnyNode): string {\n  if (node.type === '#text') {\n    return node.value;\n  }\n  return node.children.map(getTextContent).join('');\n}\n\nexport type Visitor = (node: AnyNode, depth: number) => void;\n\nexport function walkTree(root: AnyNode, visitor: Visitor, depth = 0): void {\n  visitor(root, depth);\n  if (root.type !== '#text') {\n    for (const child of root.children) {\n      walkTree(child, visitor, depth + 1);\n    }\n  }\n}\n\nexport function findRoot(node: AnyNode): DOMElement {\n  let current: AnyNode = node;\n  while (current.parent) {\n    current = current.parent;\n  }\n  // The root is always a DOMElement (created via createNode).\n  return current as DOMElement;\n}\n","/**\n * pebble-output.ts — Poco output layer for react-pebble on Pebble Alloy.\n *\n * Walks the virtual DOM tree (pebble-dom) and issues draw calls against\n * a `commodetto/Poco` renderer, which writes into the watch framebuffer.\n *\n * Key differences from a canvas-style API:\n *\n * - **No stateful color or font.** Every draw call takes the color (an int\n *   produced by `poco.makeColor(r, g, b)`) and font (a `new poco.Font(...)`\n *   object) as arguments. We maintain per-Poco caches so we resolve each\n *   named color / font exactly once.\n * - **No native line, circle, or stroked rectangle.** Poco only has\n *   `fillRectangle`, `drawText`, and bitmap draws. Outlines (stroke) are\n *   emulated as four thin fillRectangles. Axis-aligned lines likewise.\n *   Circles and diagonal lines would need the `commodetto/outline` extension\n *   — they're currently stubbed (TODO for a later pass).\n * - **Text alignment is manual.** `drawText(text, font, color, x, y)` only\n *   draws at a point. For center/right alignment we measure with\n *   `getTextWidth` and compute the origin ourselves.\n */\n\nimport type Poco from 'commodetto/Poco';\nimport type { PocoColor, PocoFont } from 'commodetto/Poco';\nimport type { DOMElement, NodeProps } from './pebble-dom.js';\nimport { getTextContent } from './pebble-dom.js';\n\n// ---------------------------------------------------------------------------\n// Named palette — mapped to RGB, then resolved to PocoColor via a cache.\n// ---------------------------------------------------------------------------\n\nexport interface RGB {\n  r: number;\n  g: number;\n  b: number;\n}\n\nexport const COLOR_PALETTE: Readonly<Record<string, RGB>> = {\n  black: { r: 0, g: 0, b: 0 },\n  white: { r: 255, g: 255, b: 255 },\n  red: { r: 255, g: 0, b: 0 },\n  green: { r: 0, g: 255, b: 0 },\n  blue: { r: 0, g: 0, b: 255 },\n  yellow: { r: 255, g: 255, b: 0 },\n  orange: { r: 255, g: 128, b: 0 },\n  cyan: { r: 0, g: 255, b: 255 },\n  magenta: { r: 255, g: 0, b: 255 },\n  clear: { r: 0, g: 0, b: 0 },\n  lightGray: { r: 192, g: 192, b: 192 },\n  darkGray: { r: 64, g: 64, b: 64 },\n};\n\n// ---------------------------------------------------------------------------\n// Named font shortcuts — mapped to (family, size) pairs.\n//\n// The family names here need to match fonts available in the Moddable\n// manifest. The Alloy scaffold ships \"Bitham-Black\" as a default — we use\n// it for every logical font for now. Revisit once we add custom font\n// resources to the library manifest.\n// ---------------------------------------------------------------------------\n\nexport interface FontSpec {\n  family: string;\n  size: number;\n}\n\nexport const FONT_PALETTE: Readonly<Record<string, FontSpec>> = {\n  gothic14: { family: 'Bitham-Black', size: 14 },\n  gothic14Bold: { family: 'Bitham-Black', size: 14 },\n  gothic18: { family: 'Bitham-Black', size: 18 },\n  gothic18Bold: { family: 'Bitham-Black', size: 18 },\n  gothic24: { family: 'Bitham-Black', size: 24 },\n  gothic24Bold: { family: 'Bitham-Black', size: 24 },\n  gothic28: { family: 'Bitham-Black', size: 28 },\n  gothic28Bold: { family: 'Bitham-Black', size: 28 },\n  bitham30Black: { family: 'Bitham-Black', size: 30 },\n  bitham42Bold: { family: 'Bitham-Black', size: 42 },\n  bitham42Light: { family: 'Bitham-Black', size: 42 },\n  bitham34MediumNumbers: { family: 'Bitham-Black', size: 34 },\n  bitham42MediumNumbers: { family: 'Bitham-Black', size: 42 },\n};\n\nconst DEFAULT_FONT_KEY = 'gothic18';\n\n// ---------------------------------------------------------------------------\n// Prop accessors — the DOM is loosely typed so we coerce here.\n// ---------------------------------------------------------------------------\n\nfunction num(p: NodeProps, key: string): number {\n  const v = p[key];\n  return typeof v === 'number' ? v : 0;\n}\n\nfunction str(p: NodeProps, key: string): string | undefined {\n  const v = p[key];\n  return typeof v === 'string' ? v : undefined;\n}\n\n// ---------------------------------------------------------------------------\n// Renderer options\n// ---------------------------------------------------------------------------\n\nexport interface RenderOptions {\n  backgroundColor?: string;\n  /**\n   * Incremental update region. If provided, `poco.begin(x, y, w, h)` is used\n   * to clip drawing to just that region. Otherwise the full frame is redrawn.\n   */\n  dirty?: { x: number; y: number; w: number; h: number };\n}\n\n// ---------------------------------------------------------------------------\n// PocoRenderer — owns a Poco instance plus color/font caches\n// ---------------------------------------------------------------------------\n\nexport class PocoRenderer {\n  readonly poco: Poco;\n  private readonly colorCache = new Map<string, PocoColor>();\n  private readonly fontCache = new Map<string, PocoFont>();\n\n  constructor(poco: Poco) {\n    this.poco = poco;\n  }\n\n  /**\n   * Render the full tree into a fresh frame.\n   */\n  render(rootNode: DOMElement, options: RenderOptions = {}): void {\n    const { poco } = this;\n    const dirty = options.dirty;\n\n    if (dirty) {\n      poco.begin(dirty.x, dirty.y, dirty.w, dirty.h);\n    } else {\n      poco.begin();\n    }\n\n    // Clear to background\n    const bg = this.getColor(options.backgroundColor ?? 'black');\n    poco.fillRectangle(bg, 0, 0, poco.width, poco.height);\n\n    // Walk the tree\n    this.renderChildren(rootNode, 0, 0);\n\n    poco.end();\n  }\n\n  /** Resolve a color name (or pass-through int) to a PocoColor. */\n  getColor(name: string | undefined): PocoColor {\n    const key = name ?? 'black';\n    const cached = this.colorCache.get(key);\n    if (cached !== undefined) return cached;\n\n    const rgb = COLOR_PALETTE[key] ?? COLOR_PALETTE.white!;\n    const color = this.poco.makeColor(rgb.r, rgb.g, rgb.b);\n    this.colorCache.set(key, color);\n    return color;\n  }\n\n  /** Resolve a font name to a PocoFont (cached). */\n  getFont(name: string | undefined): PocoFont {\n    const key = name ?? DEFAULT_FONT_KEY;\n    const cached = this.fontCache.get(key);\n    if (cached !== undefined) return cached;\n\n    const spec = FONT_PALETTE[key] ?? FONT_PALETTE[DEFAULT_FONT_KEY]!;\n    // `poco.Font` is a constructor hanging off the Poco instance.\n    const FontCtor = this.poco.Font;\n    const font = new FontCtor(spec.family, spec.size);\n    this.fontCache.set(key, font);\n    return font;\n  }\n\n  // -------------------------------------------------------------------------\n  // Private: node renderers\n  // -------------------------------------------------------------------------\n\n  private renderChildren(node: DOMElement, ox: number, oy: number): void {\n    for (const child of node.children) {\n      if (child.type === '#text') continue;\n      this.renderNode(child, ox, oy);\n    }\n  }\n\n  private renderNode(node: DOMElement, ox: number, oy: number): void {\n    const p = node.props;\n    if (p._hidden) return;\n\n    const x = num(p, 'x') + ox;\n    const y = num(p, 'y') + oy;\n\n    switch (node.type) {\n      case 'pbl-rect': {\n        const w = num(p, 'w') || num(p, 'width');\n        const h = num(p, 'h') || num(p, 'height');\n        const fill = str(p, 'fill');\n        const stroke = str(p, 'stroke');\n\n        if (fill) {\n          this.poco.fillRectangle(this.getColor(fill), x, y, w, h);\n        }\n        if (stroke) {\n          // Emulate outline with four thin fill rects.\n          const sw = num(p, 'strokeWidth') || 1;\n          const c = this.getColor(stroke);\n          this.poco.fillRectangle(c, x, y, w, sw); // top\n          this.poco.fillRectangle(c, x, y + h - sw, w, sw); // bottom\n          this.poco.fillRectangle(c, x, y, sw, h); // left\n          this.poco.fillRectangle(c, x + w - sw, y, sw, h); // right\n        }\n\n        this.renderChildren(node, x, y);\n        break;\n      }\n\n      case 'pbl-text': {\n        const text = getTextContent(node);\n        if (!text) break;\n\n        const boxW = num(p, 'w') || num(p, 'width') || this.poco.width - x;\n        const font = this.getFont(str(p, 'font'));\n        const color = this.getColor(str(p, 'color') ?? 'white');\n        const align = str(p, 'align') ?? 'left';\n\n        let tx = x;\n        if (align === 'center' || align === 'right') {\n          const tw = this.poco.getTextWidth(text, font);\n          if (align === 'center') {\n            tx = x + Math.floor((boxW - tw) / 2);\n          } else {\n            tx = x + boxW - tw;\n          }\n        }\n\n        this.poco.drawText(text, font, color, tx, y);\n        break;\n      }\n\n      case 'pbl-line': {\n        // Only axis-aligned lines are supported natively. Diagonals would\n        // need the commodetto/outline extension — TODO.\n        const x2 = num(p, 'x2') + ox;\n        const y2 = num(p, 'y2') + oy;\n        const c = this.getColor(str(p, 'color') ?? str(p, 'stroke') ?? 'white');\n        const sw = num(p, 'strokeWidth') || 1;\n\n        if (x === x2) {\n          // Vertical\n          const top = Math.min(y, y2);\n          const h = Math.abs(y2 - y) || 1;\n          this.poco.fillRectangle(c, x, top, sw, h);\n        } else if (y === y2) {\n          // Horizontal\n          const left = Math.min(x, x2);\n          const w = Math.abs(x2 - x) || 1;\n          this.poco.fillRectangle(c, left, y, w, sw);\n        }\n        // else: diagonal line — silently skipped for now\n        break;\n      }\n\n      case 'pbl-circle': {\n        // TODO: implement via commodetto/outline extension (blendOutline)\n        // or a Bresenham-style approximation. Stubbed for now.\n        break;\n      }\n\n      case 'pbl-image': {\n        const bitmap = p.bitmap;\n        if (bitmap) {\n          this.poco.drawBitmap(bitmap as never, x, y);\n        }\n        break;\n      }\n\n      case 'pbl-group': {\n        this.renderChildren(node, x, y);\n        break;\n      }\n\n      case 'pbl-statusbar':\n      case 'pbl-actionbar': {\n        // Alloy has no built-in status/action bar UI; these are no-ops for now.\n        // An app that wants a status bar should draw its own.\n        break;\n      }\n\n      case 'pbl-root': {\n        this.renderChildren(node, ox, oy);\n        break;\n      }\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Compatibility shims — still useful for mock-mode tests that want to\n// resolve a color name without constructing a Poco. These return *names*\n// rather than native handles.\n// ---------------------------------------------------------------------------\n\nexport function resolveColorName(color: string | undefined): string {\n  if (!color) return 'black';\n  return color in COLOR_PALETTE ? color : 'black';\n}\n\nexport function resolveFontName(font: string | undefined): string {\n  if (!font) return DEFAULT_FONT_KEY;\n  return font in FONT_PALETTE ? font : DEFAULT_FONT_KEY;\n}\n","/**\n * pebble-dom-shim.ts — A minimal DOM-like adapter over `pebble-dom` so\n * Preact's `render(vnode, parentDom)` can drive it.\n *\n * Preact's diff loop mutates a tree of DOM-shaped nodes by calling:\n *   - document.createElement(tag)\n *   - document.createTextNode(text)\n *   - parent.appendChild(child), .insertBefore(child, ref), .removeChild(child)\n *   - element.setAttribute(name, value), .removeAttribute(name)\n *   - element.addEventListener(name, handler), .removeEventListener(...)\n *   - element.nodeType, .nodeName, .parentNode, .childNodes, .firstChild,\n *     .nextSibling\n *\n * This file implements the minimum surface Preact actually touches when\n * rendering into a headless tree. Each \"element\" carries a reference to the\n * underlying pebble-dom node so the renderer can walk both views\n * interchangeably.\n *\n * The shim is deliberately NOT a full undom — it only does what Preact 10\n * needs. If we trip on a missing method, add it here rather than including\n * undom (which would push the bundle back up).\n */\n\nimport type { AnyNode, DOMElement, ElementType, TextNode } from './pebble-dom.js';\nimport {\n  ELEMENT_TYPES,\n  appendChildNode,\n  createNode,\n  createTextNode,\n  insertBeforeNode,\n  removeChildNode,\n  setAttribute,\n  setTextNodeValue,\n} from './pebble-dom.js';\n\n// ---------------------------------------------------------------------------\n// DOM node interfaces the shim exposes to Preact\n// ---------------------------------------------------------------------------\n\ninterface ShimNodeBase {\n  readonly nodeType: number;\n  nodeName: string;\n  parentNode: ShimElement | null;\n  childNodes: ShimNode[];\n  firstChild: ShimNode | null;\n  nextSibling: ShimNode | null;\n  /** The backing pebble-dom node. */\n  readonly _pbl: AnyNode;\n}\n\nexport interface ShimElement extends ShimNodeBase {\n  readonly nodeType: 1;\n  readonly localName: string;\n  readonly tagName: string;\n  readonly _pbl: DOMElement;\n  attributes: Record<string, unknown>;\n\n  appendChild<T extends ShimNode>(child: T): T;\n  insertBefore<T extends ShimNode>(child: T, ref: ShimNode | null): T;\n  removeChild<T extends ShimNode>(child: T): T;\n  remove(): void;\n\n  setAttribute(name: string, value: unknown): void;\n  removeAttribute(name: string): void;\n  getAttribute(name: string): unknown;\n\n  addEventListener(name: string, handler: (...args: unknown[]) => unknown): void;\n  removeEventListener(name: string, handler: (...args: unknown[]) => unknown): void;\n}\n\nexport interface ShimText extends ShimNodeBase {\n  readonly nodeType: 3;\n  readonly _pbl: TextNode;\n  data: string;\n  nodeValue: string;\n  textContent: string;\n}\n\nexport type ShimNode = ShimElement | ShimText;\n\n// ---------------------------------------------------------------------------\n// Shim factories\n// ---------------------------------------------------------------------------\n\nfunction linkSiblings(parent: ShimElement): void {\n  const kids = parent.childNodes;\n  parent.firstChild = kids[0] ?? null;\n  for (let i = 0; i < kids.length; i++) {\n    const node = kids[i]!;\n    node.parentNode = parent;\n    node.nextSibling = kids[i + 1] ?? null;\n  }\n}\n\nexport function createShimElement(tag: string): ShimElement {\n  // Accept both 'pbl-rect' and friendly aliases from components. Unknown\n  // tags are rejected loudly so typos surface at render time.\n  const pblType = tag as ElementType;\n  if (!ELEMENT_TYPES.has(pblType)) {\n    throw new Error(`react-pebble: unknown element tag \"${tag}\"`);\n  }\n\n  const pbl = createNode(pblType);\n\n  const el: ShimElement = {\n    nodeType: 1,\n    nodeName: tag.toUpperCase(),\n    localName: tag,\n    tagName: tag.toUpperCase(),\n    _pbl: pbl,\n    attributes: {},\n    parentNode: null,\n    childNodes: [],\n    firstChild: null,\n    nextSibling: null,\n\n    appendChild(child) {\n      // Detach from any prior parent in the shim view\n      if (child.parentNode) {\n        child.parentNode.removeChild(child);\n      }\n      this.childNodes.push(child);\n      appendChildNode(pbl, child._pbl);\n      linkSiblings(this);\n      return child;\n    },\n\n    insertBefore(child, ref) {\n      if (child.parentNode) {\n        child.parentNode.removeChild(child);\n      }\n      if (ref === null) {\n        return this.appendChild(child);\n      }\n      const idx = this.childNodes.indexOf(ref);\n      if (idx < 0) {\n        return this.appendChild(child);\n      }\n      this.childNodes.splice(idx, 0, child);\n      insertBeforeNode(pbl, child._pbl, ref._pbl);\n      linkSiblings(this);\n      return child;\n    },\n\n    removeChild(child) {\n      const idx = this.childNodes.indexOf(child);\n      if (idx >= 0) {\n        this.childNodes.splice(idx, 1);\n      }\n      removeChildNode(pbl, child._pbl);\n      child.parentNode = null;\n      child.nextSibling = null;\n      linkSiblings(this);\n      return child;\n    },\n\n    remove() {\n      if (this.parentNode) {\n        this.parentNode.removeChild(this);\n      }\n    },\n\n    setAttribute(name, value) {\n      this.attributes[name] = value;\n      setAttribute(pbl, name, value);\n    },\n\n    removeAttribute(name) {\n      delete this.attributes[name];\n      setAttribute(pbl, name, undefined);\n    },\n\n    getAttribute(name) {\n      return this.attributes[name];\n    },\n\n    addEventListener(name, handler) {\n      // Event handlers are stored in props (on* style) so the button wiring\n      // in pebble-render.ts can find them the same way React props do.\n      const key = `on${name[0]?.toUpperCase()}${name.slice(1)}`;\n      this.attributes[key] = handler;\n      setAttribute(pbl, key, handler);\n    },\n\n    removeEventListener(name, _handler) {\n      const key = `on${name[0]?.toUpperCase()}${name.slice(1)}`;\n      delete this.attributes[key];\n      setAttribute(pbl, key, undefined);\n    },\n  };\n\n  return el;\n}\n\nexport function createShimText(data: string): ShimText {\n  const pbl = createTextNode(data);\n\n  const node: ShimText = {\n    nodeType: 3,\n    nodeName: '#text',\n    _pbl: pbl,\n    data,\n    nodeValue: data,\n    textContent: data,\n    parentNode: null,\n    childNodes: [],\n    firstChild: null,\n    nextSibling: null,\n  };\n\n  // Keep pebble-dom in sync whenever data/nodeValue/textContent is assigned.\n  // Preact mutates `.data` directly on text updates.\n  Object.defineProperty(node, 'data', {\n    get() {\n      return pbl.value;\n    },\n    set(next: string) {\n      setTextNodeValue(pbl, next);\n    },\n  });\n  Object.defineProperty(node, 'nodeValue', {\n    get() {\n      return pbl.value;\n    },\n    set(next: string) {\n      setTextNodeValue(pbl, next);\n    },\n  });\n  Object.defineProperty(node, 'textContent', {\n    get() {\n      return pbl.value;\n    },\n    set(next: string) {\n      setTextNodeValue(pbl, next);\n    },\n  });\n\n  return node;\n}\n\n// ---------------------------------------------------------------------------\n// Shim \"document\" — what Preact reaches via `parentDom.ownerDocument` etc.\n// ---------------------------------------------------------------------------\n\nexport interface ShimDocument {\n  createElement(tag: string): ShimElement;\n  createElementNS(ns: string | null, tag: string): ShimElement;\n  createTextNode(data: string): ShimText;\n}\n\nexport const shimDocument: ShimDocument = {\n  createElement: createShimElement,\n  createElementNS: (_ns, tag) => createShimElement(tag),\n  createTextNode: createShimText,\n};\n\n// ---------------------------------------------------------------------------\n// Root container — the \"parent DOM\" handed to preact.render().\n// ---------------------------------------------------------------------------\n\nexport function createShimRoot(): ShimElement {\n  const root = createShimElement('pbl-root');\n  // Preact reads `ownerDocument` off the parent.\n  (root as unknown as { ownerDocument: ShimDocument }).ownerDocument = shimDocument;\n  return root;\n}\n","/**\n * pebble-reconciler.ts — Preact-backed reconciler for react-pebble.\n *\n * Replaces the old react-reconciler host config. We don't need a custom\n * reconciler at all with Preact — Preact's `render(vnode, parentDom)` does\n * the diffing, and we provide a DOM-shaped container via `pebble-dom-shim`\n * so Preact writes into our pebble-dom tree instead of a real DOM.\n *\n * The public surface (for pebble-render.ts) is:\n *   - createReconcilerContainer() → a pair of root shim + pebble-dom root\n *   - updateContainer(vnode, container) → runs preact.render()\n *   - unmountContainer(container) → runs preact.render(null, ...)\n */\n\nimport { render as preactRender } from 'preact';\nimport type { ComponentChild } from 'preact';\nimport type { DOMElement } from './pebble-dom.js';\nimport { createShimRoot, shimDocument } from './pebble-dom-shim.js';\nimport type { ShimElement } from './pebble-dom-shim.js';\n\n// Preact's render() references `document` internally. In non-browser\n// environments (Node mock mode, Alloy XS) we shim it with our pebble-dom\n// adapter so Preact doesn't crash.\nif (typeof document === 'undefined') {\n  (globalThis as unknown as { document: unknown }).document = shimDocument;\n}\n\nexport interface PebbleContainer {\n  shimRoot: ShimElement;\n  pblRoot: DOMElement;\n}\n\nexport function createContainer(): PebbleContainer {\n  const shimRoot = createShimRoot();\n  return {\n    shimRoot,\n    pblRoot: shimRoot._pbl,\n  };\n}\n\nexport function updateContainer(vnode: ComponentChild, container: PebbleContainer): void {\n  preactRender(vnode, container.shimRoot as unknown as Element);\n}\n\nexport function unmountContainer(container: PebbleContainer): void {\n  preactRender(null, container.shimRoot as unknown as Element);\n}\n\n// For backwards-compat with the old default export pattern.\nexport default {\n  createContainer,\n  updateContainer,\n  unmountContainer,\n};\n","/**\n * pebble-render.ts — Entry point for react-pebble on Pebble Alloy.\n *\n * Bridges Preact's output (via a DOM-shim over pebble-dom) to Moddable's\n * Poco renderer, which draws into the watch framebuffer. Also hosts the\n * Node mock path used for unit tests and local development.\n *\n * Platform detection is via `typeof screen`:\n *   - screen exists → Alloy/XS runtime → real Poco draws\n *   - screen undefined → Node → mock Poco records calls to an in-memory log\n */\n\nimport { options } from 'preact';\nimport type { ComponentChild } from 'preact';\nimport type Poco from 'commodetto/Poco';\nimport type { PocoBitmap, PocoColor, PocoFont } from 'commodetto/Poco';\nimport type { DOMElement } from './pebble-dom.js';\nimport { PocoRenderer } from './pebble-output.js';\nimport type { PebbleButton, PebbleButtonHandler } from './hooks/index.js';\nimport { ButtonRegistry } from './hooks/index.js';\nimport type { PebbleContainer } from './pebble-reconciler.js';\nimport {\n  createContainer,\n  updateContainer,\n  unmountContainer,\n} from './pebble-reconciler.js';\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface PebblePlatformInfo {\n  isReal: boolean;\n  platform: 'alloy' | 'mock';\n  screenWidth: number;\n  screenHeight: number;\n}\n\nexport interface DrawCall {\n  op: string;\n  [key: string]: unknown;\n}\n\nexport interface RenderOptions {\n  backgroundColor?: string;\n}\n\nexport interface PebbleApp {\n  update(newElement: ComponentChild): void;\n  unmount(): void;\n  readonly platform: PebblePlatformInfo;\n  readonly drawLog: readonly DrawCall[];\n  readonly _root: DOMElement;\n}\n\n// ---------------------------------------------------------------------------\n// Mock Poco — records every draw call into a shared log so tests can assert.\n// ---------------------------------------------------------------------------\n\nclass MockPoco {\n  readonly width: number;\n  readonly height: number;\n  readonly Font: new (name: string, size: number) => PocoFont;\n\n  constructor(width: number, height: number, private readonly log: DrawCall[]) {\n    this.width = width;\n    this.height = height;\n    const FontImpl = class {\n      readonly name: string;\n      readonly size: number;\n      readonly height: number;\n      constructor(name: string, size: number) {\n        this.name = name;\n        this.size = size;\n        this.height = size;\n      }\n    };\n    this.Font = FontImpl as unknown as new (name: string, size: number) => PocoFont;\n  }\n\n  begin(x?: number, y?: number, width?: number, height?: number): void {\n    this.log.push({ op: 'begin', x, y, width, height });\n  }\n  end(): void {\n    this.log.push({ op: 'end' });\n  }\n  continue(x: number, y: number, width: number, height: number): void {\n    this.log.push({ op: 'continue', x, y, width, height });\n  }\n  clip(x?: number, y?: number, width?: number, height?: number): void {\n    this.log.push({ op: 'clip', x, y, width, height });\n  }\n  origin(x?: number, y?: number): void {\n    this.log.push({ op: 'origin', x, y });\n  }\n\n  makeColor(r: number, g: number, b: number): PocoColor {\n    return ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff);\n  }\n\n  fillRectangle(color: PocoColor, x: number, y: number, width: number, height: number): void {\n    this.log.push({ op: 'fillRectangle', color, x, y, width, height });\n  }\n  blendRectangle(\n    color: PocoColor,\n    blend: number,\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n  ): void {\n    this.log.push({ op: 'blendRectangle', color, blend, x, y, width, height });\n  }\n  drawPixel(color: PocoColor, x: number, y: number): void {\n    this.log.push({ op: 'drawPixel', color, x, y });\n  }\n  drawBitmap(_bits: PocoBitmap, x: number, y: number): void {\n    this.log.push({ op: 'drawBitmap', x, y });\n  }\n  drawMonochrome(\n    _monochrome: PocoBitmap,\n    fore: PocoColor,\n    back: PocoColor | undefined,\n    x: number,\n    y: number,\n  ): void {\n    this.log.push({ op: 'drawMonochrome', fore, back, x, y });\n  }\n\n  drawText(text: string, font: PocoFont, color: PocoColor, x: number, y: number): void {\n    this.log.push({ op: 'drawText', text, font, color, x, y });\n  }\n  getTextWidth(text: string, font: PocoFont): number {\n    const size = (font as unknown as { size?: number }).size ?? 14;\n    return Math.round(text.length * size * 0.6);\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Poco construction — real on Alloy, mock in Node\n// ---------------------------------------------------------------------------\n\nfunction createPoco(\n  log: DrawCall[],\n  pocoCtor: typeof Poco | undefined,\n): { poco: Poco; info: PebblePlatformInfo } {\n  if (typeof screen !== 'undefined' && screen && pocoCtor) {\n    const poco = new pocoCtor(screen);\n    return {\n      poco,\n      info: {\n        isReal: true,\n        platform: 'alloy',\n        screenWidth: screen.width,\n        screenHeight: screen.height,\n      },\n    };\n  }\n\n  const width = 200;\n  const height = 228;\n  const mock = new MockPoco(width, height, log);\n  return {\n    poco: mock as unknown as Poco,\n    info: {\n      isReal: false,\n      platform: 'mock',\n      screenWidth: width,\n      screenHeight: height,\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Button wiring — see moddable.d.ts for the known/unknown event names.\n// ---------------------------------------------------------------------------\n\nfunction wireWatchButtons(): () => void {\n  if (typeof watch === 'undefined' || !watch) return () => undefined;\n\n  const normalize = (raw: unknown): PebbleButton | undefined => {\n    if (typeof raw !== 'string') return undefined;\n    const low = raw.toLowerCase();\n    if (low === 'up' || low === 'down' || low === 'select' || low === 'back') {\n      return low;\n    }\n    return undefined;\n  };\n\n  const onShort = (payload?: { button?: unknown }) => {\n    const b = normalize(payload?.button);\n    if (b) ButtonRegistry.emit(b);\n  };\n  const onLong = (payload?: { button?: unknown }) => {\n    const b = normalize(payload?.button);\n    if (b) ButtonRegistry.emit(`long_${b}`);\n  };\n\n  watch.addEventListener('button', onShort);\n  watch.addEventListener('buttonClick', onShort);\n  watch.addEventListener('longClick', onLong);\n\n  return () => {\n    if (typeof watch === 'undefined' || !watch) return;\n    watch.removeEventListener('button', onShort);\n    watch.removeEventListener('buttonClick', onShort);\n    watch.removeEventListener('longClick', onLong);\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Redraw scheduling\n//\n// Preact renders are synchronous; when any component calls setState, Preact\n// re-runs the diff and mutates the shim tree in place. We hook into that\n// by scheduling a Poco redraw on the next tick.\n// ---------------------------------------------------------------------------\n\nfunction scheduleMicrotask(fn: () => void): void {\n  // Prefer Promise.resolve().then for microtask batching; fall back to\n  // setTimeout(0) if Promise isn't wired up in some host.\n  if (typeof Promise !== 'undefined') {\n    Promise.resolve().then(fn);\n  } else {\n    setTimeout(fn, 0);\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Public render API\n// ---------------------------------------------------------------------------\n\nexport interface RenderOptionsExt extends RenderOptions {\n  /**\n   * Pre-imported Poco constructor. Alloy entry files must import Poco at\n   * the top and pass it here so the Moddable bundler resolves it correctly.\n   */\n  poco?: typeof Poco;\n}\n\nexport function render(element: ComponentChild, options: RenderOptionsExt = {}): PebbleApp {\n  const drawLog: DrawCall[] = [];\n  const container: PebbleContainer = createContainer();\n  const { poco, info } = createPoco(drawLog, options.poco);\n  const renderer = new PocoRenderer(poco);\n\n  let pending = false;\n  const redraw = () => {\n    pending = false;\n    drawLog.length = 0;\n    renderer.render(container.pblRoot, { backgroundColor: options.backgroundColor });\n  };\n\n  const schedule = () => {\n    if (pending) return;\n    pending = true;\n    scheduleMicrotask(redraw);\n  };\n\n  // Monkey-patch the shim root to redraw on any mutation.\n  // Preact calls appendChild/insertBefore/removeChild/setAttribute on the\n  // tree during diff; we only need to schedule a redraw when the diff\n  // settles, which is right after the top-level render() call returns.\n  // For that we just trigger a redraw synchronously after updateContainer.\n\n  // Hook Preact's commit phase so hook-driven state updates trigger a redraw\n  // without polling. options._commit is an undocumented-but-stable hook that\n  // fires once per root-level diff settle.\n  type PreactOptionsWithCommit = typeof options & {\n    _commit?: (root: unknown, queue: unknown[]) => void;\n    __c?: (root: unknown, queue: unknown[]) => void;\n  };\n  const opts = options as PreactOptionsWithCommit;\n  const prevCommit = opts._commit ?? opts.__c;\n  const commitHook = (root: unknown, queue: unknown[]) => {\n    if (prevCommit) prevCommit(root, queue);\n    schedule();\n  };\n  opts._commit = commitHook;\n  opts.__c = commitHook;\n\n  updateContainer(element, container);\n  // Always paint once on mount.\n  redraw();\n\n  // Subscribe to watch events on-device.\n  const unwireButtons = wireWatchButtons();\n\n  return {\n    update(newElement) {\n      updateContainer(newElement, container);\n      schedule();\n    },\n    unmount() {\n      unmountContainer(container);\n      // Restore prior commit hook (in case another app was rendered).\n      opts._commit = prevCommit;\n      opts.__c = prevCommit;\n      unwireButtons();\n    },\n    get platform() {\n      return info;\n    },\n    get drawLog() {\n      return drawLog as readonly DrawCall[];\n    },\n    get _root() {\n      return container.pblRoot;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/lib/platform.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={emery:{name:`emery`,width:200,height:228,isRound:!1},gabbro:{name:`gabbro`,width:200,height:228,isRound:!1},basalt:{name:`basalt`,width:144,height:168,isRound:!1},chalk:{name:`chalk`,width:180,height:180,isRound:!0},diorite:{name:`diorite`,width:144,height:168,isRound:!1},aplite:{name:`aplite`,width:144,height:168,isRound:!1}},t={width:200,height:228,isRound:!1,platform:`emery`};function n(n){let r=e[n];r&&(t.width=r.width,t.height=r.height,t.isRound=r.isRound,t.platform=r.name)}exports.PLATFORMS=e,exports.SCREEN=t,exports._setPlatform=n;
+//# sourceMappingURL=platform.cjs.map