react-pebble 0.1.0

package/dist/lib/platform.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.cjs","names":[],"sources":["../../src/platform.ts"],"sourcesContent":["/**\n * src/platform.ts — Screen dimensions and platform constants.\n *\n * The compiler sets these before rendering so components can use\n * SCREEN.width / SCREEN.height instead of hardcoding pixel values.\n *\n * Usage:\n *   import { SCREEN } from 'react-pebble';\n *   <Rect x={0} y={0} w={SCREEN.width} h={SCREEN.height} fill=\"black\" />\n */\n\nexport interface PebblePlatform {\n  name: string;\n  width: number;\n  height: number;\n  isRound: boolean;\n}\n\nexport const PLATFORMS: Record<string, PebblePlatform> = {\n  emery: { name: 'emery', width: 200, height: 228, isRound: false },\n  gabbro: { name: 'gabbro', width: 200, height: 228, isRound: false },\n  // These are NOT supported by Alloy, but listed for reference/future Rocky.js:\n  basalt: { name: 'basalt', width: 144, height: 168, isRound: false },\n  chalk: { name: 'chalk', width: 180, height: 180, isRound: true },\n  diorite: { name: 'diorite', width: 144, height: 168, isRound: false },\n  aplite: { name: 'aplite', width: 144, height: 168, isRound: false },\n};\n\n/**\n * Current screen dimensions. Set by the compiler before rendering.\n * Components import this and use SCREEN.width / SCREEN.height for\n * responsive layouts.\n */\nexport const SCREEN = {\n  width: 200,\n  height: 228,\n  isRound: false,\n  platform: 'emery',\n};\n\n/** @internal — called by the compiler to set the platform. */\nexport function _setPlatform(platform: string): void {\n  const p = PLATFORMS[platform];\n  if (p) {\n    SCREEN.width = p.width;\n    SCREEN.height = p.height;\n    SCREEN.isRound = p.isRound;\n    SCREEN.platform = p.name;\n  }\n}\n"],"mappings":"mEAkBA,IAAa,EAA4C,CACvD,MAAO,CAAE,KAAM,QAAS,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAO,CACjE,OAAQ,CAAE,KAAM,SAAU,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAO,CAEnE,OAAQ,CAAE,KAAM,SAAU,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAO,CACnE,MAAO,CAAE,KAAM,QAAS,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAM,CAChE,QAAS,CAAE,KAAM,UAAW,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAO,CACrE,OAAQ,CAAE,KAAM,SAAU,MAAO,IAAK,OAAQ,IAAK,QAAS,GAAO,CACpE,CAOY,EAAS,CACpB,MAAO,IACP,OAAQ,IACR,QAAS,GACT,SAAU,QACX,CAGD,SAAgB,EAAa,EAAwB,CACnD,IAAM,EAAI,EAAU,GAChB,IACF,EAAO,MAAQ,EAAE,MACjB,EAAO,OAAS,EAAE,OAClB,EAAO,QAAU,EAAE,QACnB,EAAO,SAAW,EAAE"}

package/dist/lib/platform.js

@@ -0,0 +1,52 @@
+//#region src/platform.ts
+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);
+}
+//#endregion
+export { e as PLATFORMS, t as SCREEN, n as _setPlatform };
+
+//# sourceMappingURL=platform.js.map

package/dist/lib/platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.js","names":[],"sources":["../../src/platform.ts"],"sourcesContent":["/**\n * src/platform.ts — Screen dimensions and platform constants.\n *\n * The compiler sets these before rendering so components can use\n * SCREEN.width / SCREEN.height instead of hardcoding pixel values.\n *\n * Usage:\n *   import { SCREEN } from 'react-pebble';\n *   <Rect x={0} y={0} w={SCREEN.width} h={SCREEN.height} fill=\"black\" />\n */\n\nexport interface PebblePlatform {\n  name: string;\n  width: number;\n  height: number;\n  isRound: boolean;\n}\n\nexport const PLATFORMS: Record<string, PebblePlatform> = {\n  emery: { name: 'emery', width: 200, height: 228, isRound: false },\n  gabbro: { name: 'gabbro', width: 200, height: 228, isRound: false },\n  // These are NOT supported by Alloy, but listed for reference/future Rocky.js:\n  basalt: { name: 'basalt', width: 144, height: 168, isRound: false },\n  chalk: { name: 'chalk', width: 180, height: 180, isRound: true },\n  diorite: { name: 'diorite', width: 144, height: 168, isRound: false },\n  aplite: { name: 'aplite', width: 144, height: 168, isRound: false },\n};\n\n/**\n * Current screen dimensions. Set by the compiler before rendering.\n * Components import this and use SCREEN.width / SCREEN.height for\n * responsive layouts.\n */\nexport const SCREEN = {\n  width: 200,\n  height: 228,\n  isRound: false,\n  platform: 'emery',\n};\n\n/** @internal — called by the compiler to set the platform. */\nexport function _setPlatform(platform: string): void {\n  const p = PLATFORMS[platform];\n  if (p) {\n    SCREEN.width = p.width;\n    SCREEN.height = p.height;\n    SCREEN.isRound = p.isRound;\n    SCREEN.platform = p.name;\n  }\n}\n"],"mappings":";AAkBA,IAAa,IAA4C;CACvD,OAAO;EAAE,MAAM;EAAS,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAO;CACjE,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAO;CAEnE,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAO;CACnE,OAAO;EAAE,MAAM;EAAS,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAM;CAChE,SAAS;EAAE,MAAM;EAAW,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAO;CACrE,QAAQ;EAAE,MAAM;EAAU,OAAO;EAAK,QAAQ;EAAK,SAAS;EAAO;CACpE,EAOY,IAAS;CACpB,OAAO;CACP,QAAQ;CACR,SAAS;CACT,UAAU;CACX;AAGD,SAAgB,EAAa,GAAwB;CACnD,IAAM,IAAI,EAAU;AACpB,CAAI,MACF,EAAO,QAAQ,EAAE,OACjB,EAAO,SAAS,EAAE,QAClB,EAAO,UAAU,EAAE,SACnB,EAAO,WAAW,EAAE"}

package/dist/lib/plugin.cjs

@@ -0,0 +1,60 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./compiler.cjs`);let t=require(`node:child_process`),n=require(`node:path`),r=require(`node:url`),i=require(`node:fs`),a=require(`node:crypto`);(0,n.dirname)((0,r.fileURLToPath)({}.url));function o(r){let a=(0,n.resolve)(r.buildDir??`.pebble-build`);return{name:`react-pebble-piu`,apply:`build`,async closeBundle(){let o=e=>console.log(`[react-pebble] ${e}`);o(`Compiling ${r.entry}...`);let c=await e.compileToPiu({entry:r.entry,settleMs:r.settleMs,platform:r.platform,logger:o});o(`Scaffolding pebble project in ${a}...`),s(a,{watchface:!c.hasButtons,messageKeys:c.messageKeys});let l=(0,n.join)(a,`src`,`embeddedjs`,`main.js`);if((0,i.mkdirSync)((0,n.dirname)(l),{recursive:!0}),(0,i.writeFileSync)(l,c.code),o(`Wrote ${c.code.split(`
+`).length} lines to ${l}`),r.deploy){let e=r.emulator??r.platform??`emery`;o(`Running pebble build...`);try{(0,t.execSync)(`pebble build`,{cwd:a,stdio:`inherit`}),o(`Installing to ${e} emulator...`),(0,t.execSync)(`pebble kill 2>/dev/null; pebble wipe 2>/dev/null; sleep 2`,{cwd:a,stdio:`ignore`}),(0,t.execSync)(`pebble install --emulator ${e}`,{cwd:a,stdio:`inherit`,timeout:3e4}),o(`Deployed to ${e}. Run 'cd ${a} && pebble logs' for live output.`)}catch(e){throw o(`Deploy failed — is the Pebble SDK installed? (pebble --version)`),e}}else o(`Done. To deploy:\n  cd ${a} && pebble build && pebble install --emulator emery`)}}}function s(e,t){(0,i.mkdirSync)((0,n.join)(e,`src`,`embeddedjs`),{recursive:!0}),(0,i.mkdirSync)((0,n.join)(e,`src`,`c`),{recursive:!0}),(0,i.mkdirSync)((0,n.join)(e,`src`,`pkjs`),{recursive:!0});let r,o=(0,n.join)(e,`package.json`);if((0,i.existsSync)(o))try{r=JSON.parse((0,i.readFileSync)(o,`utf-8`))?.pebble?.uuid??(0,a.randomUUID)()}catch{r=(0,a.randomUUID)()}else r=(0,a.randomUUID)();let s={name:`react-pebble-app`,author:`react-pebble`,version:`1.0.0`,keywords:[`pebble-app`],private:!0,dependencies:{},pebble:{displayName:`react-pebble-app`,uuid:r,projectType:`moddable`,sdkVersion:`3`,enableMultiJS:!0,targetPlatforms:[`emery`,`gabbro`],watchapp:{watchface:t.watchface},messageKeys:t.messageKeys.length>0?t.messageKeys:[`dummy`],resources:{media:[]}}};(0,i.writeFileSync)(o,JSON.stringify(s,null,2)+`
+`);let l=(0,n.join)(e,`wscript`);(0,i.existsSync)(l)||(0,i.writeFileSync)(l,c);let u=(0,n.join)(e,`src`,`c`,`mdbl.c`);(0,i.existsSync)(u)||(0,i.writeFileSync)(u,`#include <pebble.h>
+
+int main(void) {
+  Window *w = window_create();
+  window_stack_push(w, true);
+
+  moddable_createMachine(NULL);
+
+  window_destroy(w);
+}
+`);let d=(0,n.join)(e,`src`,`embeddedjs`,`manifest.json`);(0,i.existsSync)(d)||(0,i.writeFileSync)(d,JSON.stringify({include:[`$(MODDABLE)/examples/manifest_mod.json`],modules:{"*":`./main.js`}},null,2)+`
+`);let f=(0,n.join)(e,`src`,`pkjs`,`index.js`);t.messageKeys.length>0&&t.messageKeys[0]!==`dummy`?(0,i.writeFileSync)(f,`// Phone-side PebbleKit JS — sends data to watch via AppMessage.
+// Replace the mock data below with a real API fetch.
+
+Pebble.addEventListener("ready", function () {
+  console.log("Phone JS ready.");
+  // TODO: fetch real data and send via Pebble.sendAppMessage({ ${t.messageKeys[0]}: jsonString });
+});
+`):(0,i.existsSync)(f)||(0,i.writeFileSync)(f,`Pebble.addEventListener("ready", function(e) {
+  console.log("PebbleKit JS ready.");
+});
+`)}var c=`#
+# Pebble SDK build configuration (auto-generated by react-pebble plugin)
+#
+import os.path
+
+top = '.'
+out = 'build'
+
+def options(ctx):
+    ctx.load('pebble_sdk')
+
+def configure(ctx):
+    ctx.load('pebble_sdk')
+
+def build(ctx):
+    ctx.load('pebble_sdk')
+    build_worker = os.path.exists('worker_src')
+    binaries = []
+    cached_env = ctx.env
+    for platform in ctx.env.TARGET_PLATFORMS:
+        ctx.env = ctx.all_envs[platform]
+        ctx.set_group(ctx.env.PLATFORM_NAME)
+        app_elf = '{}/pebble-app.elf'.format(ctx.env.BUILD_DIR)
+        ctx.pbl_build(source=ctx.path.ant_glob('src/c/**/*.c'), target=app_elf, bin_type='app')
+        if build_worker:
+            worker_elf = '{}/pebble-worker.elf'.format(ctx.env.BUILD_DIR)
+            binaries.append({'platform': platform, 'app_elf': app_elf, 'worker_elf': worker_elf})
+            ctx.pbl_build(source=ctx.path.ant_glob('worker_src/c/**/*.c'), target=worker_elf, bin_type='worker')
+        else:
+            binaries.append({'platform': platform, 'app_elf': app_elf})
+    ctx.env = cached_env
+    ctx.set_group('bundle')
+    ctx.pbl_bundle(binaries=binaries,
+                   js=ctx.path.ant_glob(['src/pkjs/**/*.js', 'src/pkjs/**/*.json', 'src/common/**/*.js']),
+                   js_entry_file='src/pkjs/index.js')
+`;exports.pebblePiu=o;
+//# sourceMappingURL=plugin.cjs.map

package/dist/lib/plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.cjs","names":[],"sources":["../../src/plugin/index.ts"],"sourcesContent":["/**\n * src/plugin/index.ts — Vite plugin for react-pebble.\n *\n * Compiles JSX components to piu, scaffolds the Pebble project, and\n * optionally builds + deploys to the emulator. Users add this to their\n * vite.config.ts and run `vite build`.\n *\n * Usage:\n *   import { pebblePiu } from 'react-pebble/plugin';\n *\n *   export default defineConfig({\n *     plugins: [\n *       pebblePiu({\n *         entry: 'src/App.tsx',\n *         settleMs: 200,\n *         deploy: true,\n *       }),\n *     ],\n *   });\n */\n\nimport type { Plugin } from 'vite';\nimport { execSync } from 'node:child_process';\nimport {\n  existsSync,\n  mkdirSync,\n  readFileSync,\n  writeFileSync,\n} from 'node:fs';\nimport { join, resolve, dirname } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { randomUUID } from 'node:crypto';\nimport { compileToPiu } from '../compiler/index.js';\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nexport interface PebblePiuOptions {\n  /** Path to the entry .tsx file (relative to project root) */\n  entry: string;\n  /** Milliseconds to wait for async effects before snapshotting */\n  settleMs?: number;\n  /** Target platform — sets screen dimensions (default: 'emery') */\n  platform?: string;\n  /** Directory for the generated Pebble project (default: '.pebble-build') */\n  buildDir?: string;\n  /** Auto-run pebble build + install after compilation */\n  deploy?: boolean;\n  /** Emulator platform for deploy (default: same as platform) */\n  emulator?: string;\n}\n\n/**\n * Vite plugin that compiles react-pebble JSX to piu and scaffolds a\n * Pebble project for deployment.\n */\nexport function pebblePiu(options: PebblePiuOptions): Plugin {\n  const buildDir = resolve(options.buildDir ?? '.pebble-build');\n\n  return {\n    name: 'react-pebble-piu',\n    apply: 'build',\n\n    async closeBundle() {\n      const log = (msg: string) => console.log(`[react-pebble] ${msg}`);\n\n      // 1. Compile JSX → piu\n      log(`Compiling ${options.entry}...`);\n      const result = await compileToPiu({\n        entry: options.entry,\n        settleMs: options.settleMs,\n        platform: options.platform,\n        logger: log,\n      });\n\n      // 2. Scaffold pebble project\n      log(`Scaffolding pebble project in ${buildDir}...`);\n      scaffoldPebbleProject(buildDir, {\n        watchface: !result.hasButtons,\n        messageKeys: result.messageKeys,\n      });\n\n      // 3. Write compiled output\n      const outputPath = join(buildDir, 'src', 'embeddedjs', 'main.js');\n      mkdirSync(dirname(outputPath), { recursive: true });\n      writeFileSync(outputPath, result.code);\n      log(`Wrote ${result.code.split('\\n').length} lines to ${outputPath}`);\n\n      // 4. Optionally build + deploy\n      if (options.deploy) {\n        const emu = options.emulator ?? options.platform ?? 'emery';\n        log('Running pebble build...');\n        try {\n          execSync('pebble build', { cwd: buildDir, stdio: 'inherit' });\n          log(`Installing to ${emu} emulator...`);\n          execSync('pebble kill 2>/dev/null; pebble wipe 2>/dev/null; sleep 2', {\n            cwd: buildDir,\n            stdio: 'ignore',\n          });\n        execSync(`pebble install --emulator ${emu}`, {\n            cwd: buildDir,\n            stdio: 'inherit',\n            timeout: 30000,\n          });\n          log(`Deployed to ${emu}. Run 'cd ${buildDir} && pebble logs' for live output.`);\n        } catch (err) {\n          log('Deploy failed — is the Pebble SDK installed? (pebble --version)');\n          throw err;\n        }\n      } else {\n        log(`Done. To deploy:\\n  cd ${buildDir} && pebble build && pebble install --emulator emery`);\n      }\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Pebble project scaffolding\n// ---------------------------------------------------------------------------\n\ninterface ScaffoldOptions {\n  watchface: boolean;\n  messageKeys: string[];\n}\n\nfunction scaffoldPebbleProject(dir: string, options: ScaffoldOptions): void {\n  mkdirSync(join(dir, 'src', 'embeddedjs'), { recursive: true });\n  mkdirSync(join(dir, 'src', 'c'), { recursive: true });\n  mkdirSync(join(dir, 'src', 'pkjs'), { recursive: true });\n\n  // Preserve UUID across builds (or generate a new one)\n  let uuid: string;\n  const pkgPath = join(dir, 'package.json');\n  if (existsSync(pkgPath)) {\n    try {\n      const existing = JSON.parse(readFileSync(pkgPath, 'utf-8'));\n      uuid = existing?.pebble?.uuid ?? randomUUID();\n    } catch {\n      uuid = randomUUID();\n    }\n  } else {\n    uuid = randomUUID();\n  }\n\n  // package.json\n  const pkg = {\n    name: 'react-pebble-app',\n    author: 'react-pebble',\n    version: '1.0.0',\n    keywords: ['pebble-app'],\n    private: true,\n    dependencies: {},\n    pebble: {\n      displayName: 'react-pebble-app',\n      uuid,\n      projectType: 'moddable',\n      sdkVersion: '3',\n      enableMultiJS: true,\n      targetPlatforms: ['emery', 'gabbro'],\n      watchapp: { watchface: options.watchface },\n      messageKeys: options.messageKeys.length > 0 ? options.messageKeys : ['dummy'],\n      resources: { media: [] },\n    },\n  };\n  writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\\n');\n\n  // wscript (static — Pebble SDK build config)\n  const wscriptPath = join(dir, 'wscript');\n  if (!existsSync(wscriptPath)) {\n    writeFileSync(wscriptPath, WSCRIPT_TEMPLATE);\n  }\n\n  // C stub (static)\n  const cPath = join(dir, 'src', 'c', 'mdbl.c');\n  if (!existsSync(cPath)) {\n    writeFileSync(\n      cPath,\n      `#include <pebble.h>\n\nint main(void) {\n  Window *w = window_create();\n  window_stack_push(w, true);\n\n  moddable_createMachine(NULL);\n\n  window_destroy(w);\n}\n`,\n    );\n  }\n\n  // Moddable manifest (static)\n  const manifestPath = join(dir, 'src', 'embeddedjs', 'manifest.json');\n  if (!existsSync(manifestPath)) {\n    writeFileSync(\n      manifestPath,\n      JSON.stringify(\n        {\n          include: ['$(MODDABLE)/examples/manifest_mod.json'],\n          modules: { '*': './main.js' },\n        },\n        null,\n        2,\n      ) + '\\n',\n    );\n  }\n\n  // Phone-side JS\n  const pkjsPath = join(dir, 'src', 'pkjs', 'index.js');\n  if (options.messageKeys.length > 0 && options.messageKeys[0] !== 'dummy') {\n    writeFileSync(\n      pkjsPath,\n      `// Phone-side PebbleKit JS — sends data to watch via AppMessage.\n// Replace the mock data below with a real API fetch.\n\nPebble.addEventListener(\"ready\", function () {\n  console.log(\"Phone JS ready.\");\n  // TODO: fetch real data and send via Pebble.sendAppMessage({ ${options.messageKeys[0]}: jsonString });\n});\n`,\n    );\n  } else if (!existsSync(pkjsPath)) {\n    writeFileSync(\n      pkjsPath,\n      `Pebble.addEventListener(\"ready\", function(e) {\n  console.log(\"PebbleKit JS ready.\");\n});\n`,\n    );\n  }\n}\n\n// Named export only — avoids Vite's MIXED_EXPORTS warning.\n// Users import as: import { pebblePiu } from 'react-pebble/plugin';\n\n// ---------------------------------------------------------------------------\n// Inline templates (no external file dependencies)\n// ---------------------------------------------------------------------------\n\nconst WSCRIPT_TEMPLATE = `#\n# Pebble SDK build configuration (auto-generated by react-pebble plugin)\n#\nimport os.path\n\ntop = '.'\nout = 'build'\n\ndef options(ctx):\n    ctx.load('pebble_sdk')\n\ndef configure(ctx):\n    ctx.load('pebble_sdk')\n\ndef build(ctx):\n    ctx.load('pebble_sdk')\n    build_worker = os.path.exists('worker_src')\n    binaries = []\n    cached_env = ctx.env\n    for platform in ctx.env.TARGET_PLATFORMS:\n        ctx.env = ctx.all_envs[platform]\n        ctx.set_group(ctx.env.PLATFORM_NAME)\n        app_elf = '{}/pebble-app.elf'.format(ctx.env.BUILD_DIR)\n        ctx.pbl_build(source=ctx.path.ant_glob('src/c/**/*.c'), target=app_elf, bin_type='app')\n        if build_worker:\n            worker_elf = '{}/pebble-worker.elf'.format(ctx.env.BUILD_DIR)\n            binaries.append({'platform': platform, 'app_elf': app_elf, 'worker_elf': worker_elf})\n            ctx.pbl_build(source=ctx.path.ant_glob('worker_src/c/**/*.c'), target=worker_elf, bin_type='worker')\n        else:\n            binaries.append({'platform': platform, 'app_elf': app_elf})\n    ctx.env = cached_env\n    ctx.set_group('bundle')\n    ctx.pbl_bundle(binaries=binaries,\n                   js=ctx.path.ant_glob(['src/pkjs/**/*.js', 'src/pkjs/**/*.json', 'src/common/**/*.js']),\n                   js_entry_file='src/pkjs/index.js')\n`;\n"],"mappings":"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"}

package/dist/lib/plugin.js

@@ -0,0 +1,102 @@
+import { compileToPiu as e } from "./compiler.js";
+import { execSync as t } from "node:child_process";
+import { dirname as n, join as r, resolve as i } from "node:path";
+import { fileURLToPath as a } from "node:url";
+import { existsSync as o, mkdirSync as s, readFileSync as c, writeFileSync as l } from "node:fs";
+import { randomUUID as u } from "node:crypto";
+//#region src/plugin/index.ts
+n(a(import.meta.url));
+function d(a) {
+	let o = i(a.buildDir ?? ".pebble-build");
+	return {
+		name: "react-pebble-piu",
+		apply: "build",
+		async closeBundle() {
+			let i = (e) => console.log(`[react-pebble] ${e}`);
+			i(`Compiling ${a.entry}...`);
+			let c = await e({
+				entry: a.entry,
+				settleMs: a.settleMs,
+				platform: a.platform,
+				logger: i
+			});
+			i(`Scaffolding pebble project in ${o}...`), f(o, {
+				watchface: !c.hasButtons,
+				messageKeys: c.messageKeys
+			});
+			let u = r(o, "src", "embeddedjs", "main.js");
+			if (s(n(u), { recursive: !0 }), l(u, c.code), i(`Wrote ${c.code.split("\n").length} lines to ${u}`), a.deploy) {
+				let e = a.emulator ?? a.platform ?? "emery";
+				i("Running pebble build...");
+				try {
+					t("pebble build", {
+						cwd: o,
+						stdio: "inherit"
+					}), i(`Installing to ${e} emulator...`), t("pebble kill 2>/dev/null; pebble wipe 2>/dev/null; sleep 2", {
+						cwd: o,
+						stdio: "ignore"
+					}), t(`pebble install --emulator ${e}`, {
+						cwd: o,
+						stdio: "inherit",
+						timeout: 3e4
+					}), i(`Deployed to ${e}. Run 'cd ${o} && pebble logs' for live output.`);
+				} catch (e) {
+					throw i("Deploy failed — is the Pebble SDK installed? (pebble --version)"), e;
+				}
+			} else i(`Done. To deploy:\n  cd ${o} && pebble build && pebble install --emulator emery`);
+		}
+	};
+}
+function f(e, t) {
+	s(r(e, "src", "embeddedjs"), { recursive: !0 }), s(r(e, "src", "c"), { recursive: !0 }), s(r(e, "src", "pkjs"), { recursive: !0 });
+	let n, i = r(e, "package.json");
+	if (o(i)) try {
+		n = JSON.parse(c(i, "utf-8"))?.pebble?.uuid ?? u();
+	} catch {
+		n = u();
+	}
+	else n = u();
+	let a = {
+		name: "react-pebble-app",
+		author: "react-pebble",
+		version: "1.0.0",
+		keywords: ["pebble-app"],
+		private: !0,
+		dependencies: {},
+		pebble: {
+			displayName: "react-pebble-app",
+			uuid: n,
+			projectType: "moddable",
+			sdkVersion: "3",
+			enableMultiJS: !0,
+			targetPlatforms: ["emery", "gabbro"],
+			watchapp: { watchface: t.watchface },
+			messageKeys: t.messageKeys.length > 0 ? t.messageKeys : ["dummy"],
+			resources: { media: [] }
+		}
+	};
+	l(i, JSON.stringify(a, null, 2) + "\n");
+	let d = r(e, "wscript");
+	o(d) || l(d, p);
+	let f = r(e, "src", "c", "mdbl.c");
+	o(f) || l(f, "#include <pebble.h>\n\nint main(void) {\n  Window *w = window_create();\n  window_stack_push(w, true);\n\n  moddable_createMachine(NULL);\n\n  window_destroy(w);\n}\n");
+	let m = r(e, "src", "embeddedjs", "manifest.json");
+	o(m) || l(m, JSON.stringify({
+		include: ["$(MODDABLE)/examples/manifest_mod.json"],
+		modules: { "*": "./main.js" }
+	}, null, 2) + "\n");
+	let h = r(e, "src", "pkjs", "index.js");
+	t.messageKeys.length > 0 && t.messageKeys[0] !== "dummy" ? l(h, `// Phone-side PebbleKit JS — sends data to watch via AppMessage.
+// Replace the mock data below with a real API fetch.
+
+Pebble.addEventListener("ready", function () {
+  console.log("Phone JS ready.");
+  // TODO: fetch real data and send via Pebble.sendAppMessage({ ${t.messageKeys[0]}: jsonString });
+});
+`) : o(h) || l(h, "Pebble.addEventListener(\"ready\", function(e) {\n  console.log(\"PebbleKit JS ready.\");\n});\n");
+}
+var p = "#\n# Pebble SDK build configuration (auto-generated by react-pebble plugin)\n#\nimport os.path\n\ntop = '.'\nout = 'build'\n\ndef options(ctx):\n    ctx.load('pebble_sdk')\n\ndef configure(ctx):\n    ctx.load('pebble_sdk')\n\ndef build(ctx):\n    ctx.load('pebble_sdk')\n    build_worker = os.path.exists('worker_src')\n    binaries = []\n    cached_env = ctx.env\n    for platform in ctx.env.TARGET_PLATFORMS:\n        ctx.env = ctx.all_envs[platform]\n        ctx.set_group(ctx.env.PLATFORM_NAME)\n        app_elf = '{}/pebble-app.elf'.format(ctx.env.BUILD_DIR)\n        ctx.pbl_build(source=ctx.path.ant_glob('src/c/**/*.c'), target=app_elf, bin_type='app')\n        if build_worker:\n            worker_elf = '{}/pebble-worker.elf'.format(ctx.env.BUILD_DIR)\n            binaries.append({'platform': platform, 'app_elf': app_elf, 'worker_elf': worker_elf})\n            ctx.pbl_build(source=ctx.path.ant_glob('worker_src/c/**/*.c'), target=worker_elf, bin_type='worker')\n        else:\n            binaries.append({'platform': platform, 'app_elf': app_elf})\n    ctx.env = cached_env\n    ctx.set_group('bundle')\n    ctx.pbl_bundle(binaries=binaries,\n                   js=ctx.path.ant_glob(['src/pkjs/**/*.js', 'src/pkjs/**/*.json', 'src/common/**/*.js']),\n                   js_entry_file='src/pkjs/index.js')\n";
+//#endregion
+export { d as pebblePiu };
+
+//# sourceMappingURL=plugin.js.map

package/dist/lib/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../../src/plugin/index.ts"],"sourcesContent":["/**\n * src/plugin/index.ts — Vite plugin for react-pebble.\n *\n * Compiles JSX components to piu, scaffolds the Pebble project, and\n * optionally builds + deploys to the emulator. Users add this to their\n * vite.config.ts and run `vite build`.\n *\n * Usage:\n *   import { pebblePiu } from 'react-pebble/plugin';\n *\n *   export default defineConfig({\n *     plugins: [\n *       pebblePiu({\n *         entry: 'src/App.tsx',\n *         settleMs: 200,\n *         deploy: true,\n *       }),\n *     ],\n *   });\n */\n\nimport type { Plugin } from 'vite';\nimport { execSync } from 'node:child_process';\nimport {\n  existsSync,\n  mkdirSync,\n  readFileSync,\n  writeFileSync,\n} from 'node:fs';\nimport { join, resolve, dirname } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { randomUUID } from 'node:crypto';\nimport { compileToPiu } from '../compiler/index.js';\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\nexport interface PebblePiuOptions {\n  /** Path to the entry .tsx file (relative to project root) */\n  entry: string;\n  /** Milliseconds to wait for async effects before snapshotting */\n  settleMs?: number;\n  /** Target platform — sets screen dimensions (default: 'emery') */\n  platform?: string;\n  /** Directory for the generated Pebble project (default: '.pebble-build') */\n  buildDir?: string;\n  /** Auto-run pebble build + install after compilation */\n  deploy?: boolean;\n  /** Emulator platform for deploy (default: same as platform) */\n  emulator?: string;\n}\n\n/**\n * Vite plugin that compiles react-pebble JSX to piu and scaffolds a\n * Pebble project for deployment.\n */\nexport function pebblePiu(options: PebblePiuOptions): Plugin {\n  const buildDir = resolve(options.buildDir ?? '.pebble-build');\n\n  return {\n    name: 'react-pebble-piu',\n    apply: 'build',\n\n    async closeBundle() {\n      const log = (msg: string) => console.log(`[react-pebble] ${msg}`);\n\n      // 1. Compile JSX → piu\n      log(`Compiling ${options.entry}...`);\n      const result = await compileToPiu({\n        entry: options.entry,\n        settleMs: options.settleMs,\n        platform: options.platform,\n        logger: log,\n      });\n\n      // 2. Scaffold pebble project\n      log(`Scaffolding pebble project in ${buildDir}...`);\n      scaffoldPebbleProject(buildDir, {\n        watchface: !result.hasButtons,\n        messageKeys: result.messageKeys,\n      });\n\n      // 3. Write compiled output\n      const outputPath = join(buildDir, 'src', 'embeddedjs', 'main.js');\n      mkdirSync(dirname(outputPath), { recursive: true });\n      writeFileSync(outputPath, result.code);\n      log(`Wrote ${result.code.split('\\n').length} lines to ${outputPath}`);\n\n      // 4. Optionally build + deploy\n      if (options.deploy) {\n        const emu = options.emulator ?? options.platform ?? 'emery';\n        log('Running pebble build...');\n        try {\n          execSync('pebble build', { cwd: buildDir, stdio: 'inherit' });\n          log(`Installing to ${emu} emulator...`);\n          execSync('pebble kill 2>/dev/null; pebble wipe 2>/dev/null; sleep 2', {\n            cwd: buildDir,\n            stdio: 'ignore',\n          });\n        execSync(`pebble install --emulator ${emu}`, {\n            cwd: buildDir,\n            stdio: 'inherit',\n            timeout: 30000,\n          });\n          log(`Deployed to ${emu}. Run 'cd ${buildDir} && pebble logs' for live output.`);\n        } catch (err) {\n          log('Deploy failed — is the Pebble SDK installed? (pebble --version)');\n          throw err;\n        }\n      } else {\n        log(`Done. To deploy:\\n  cd ${buildDir} && pebble build && pebble install --emulator emery`);\n      }\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Pebble project scaffolding\n// ---------------------------------------------------------------------------\n\ninterface ScaffoldOptions {\n  watchface: boolean;\n  messageKeys: string[];\n}\n\nfunction scaffoldPebbleProject(dir: string, options: ScaffoldOptions): void {\n  mkdirSync(join(dir, 'src', 'embeddedjs'), { recursive: true });\n  mkdirSync(join(dir, 'src', 'c'), { recursive: true });\n  mkdirSync(join(dir, 'src', 'pkjs'), { recursive: true });\n\n  // Preserve UUID across builds (or generate a new one)\n  let uuid: string;\n  const pkgPath = join(dir, 'package.json');\n  if (existsSync(pkgPath)) {\n    try {\n      const existing = JSON.parse(readFileSync(pkgPath, 'utf-8'));\n      uuid = existing?.pebble?.uuid ?? randomUUID();\n    } catch {\n      uuid = randomUUID();\n    }\n  } else {\n    uuid = randomUUID();\n  }\n\n  // package.json\n  const pkg = {\n    name: 'react-pebble-app',\n    author: 'react-pebble',\n    version: '1.0.0',\n    keywords: ['pebble-app'],\n    private: true,\n    dependencies: {},\n    pebble: {\n      displayName: 'react-pebble-app',\n      uuid,\n      projectType: 'moddable',\n      sdkVersion: '3',\n      enableMultiJS: true,\n      targetPlatforms: ['emery', 'gabbro'],\n      watchapp: { watchface: options.watchface },\n      messageKeys: options.messageKeys.length > 0 ? options.messageKeys : ['dummy'],\n      resources: { media: [] },\n    },\n  };\n  writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\\n');\n\n  // wscript (static — Pebble SDK build config)\n  const wscriptPath = join(dir, 'wscript');\n  if (!existsSync(wscriptPath)) {\n    writeFileSync(wscriptPath, WSCRIPT_TEMPLATE);\n  }\n\n  // C stub (static)\n  const cPath = join(dir, 'src', 'c', 'mdbl.c');\n  if (!existsSync(cPath)) {\n    writeFileSync(\n      cPath,\n      `#include <pebble.h>\n\nint main(void) {\n  Window *w = window_create();\n  window_stack_push(w, true);\n\n  moddable_createMachine(NULL);\n\n  window_destroy(w);\n}\n`,\n    );\n  }\n\n  // Moddable manifest (static)\n  const manifestPath = join(dir, 'src', 'embeddedjs', 'manifest.json');\n  if (!existsSync(manifestPath)) {\n    writeFileSync(\n      manifestPath,\n      JSON.stringify(\n        {\n          include: ['$(MODDABLE)/examples/manifest_mod.json'],\n          modules: { '*': './main.js' },\n        },\n        null,\n        2,\n      ) + '\\n',\n    );\n  }\n\n  // Phone-side JS\n  const pkjsPath = join(dir, 'src', 'pkjs', 'index.js');\n  if (options.messageKeys.length > 0 && options.messageKeys[0] !== 'dummy') {\n    writeFileSync(\n      pkjsPath,\n      `// Phone-side PebbleKit JS — sends data to watch via AppMessage.\n// Replace the mock data below with a real API fetch.\n\nPebble.addEventListener(\"ready\", function () {\n  console.log(\"Phone JS ready.\");\n  // TODO: fetch real data and send via Pebble.sendAppMessage({ ${options.messageKeys[0]}: jsonString });\n});\n`,\n    );\n  } else if (!existsSync(pkjsPath)) {\n    writeFileSync(\n      pkjsPath,\n      `Pebble.addEventListener(\"ready\", function(e) {\n  console.log(\"PebbleKit JS ready.\");\n});\n`,\n    );\n  }\n}\n\n// Named export only — avoids Vite's MIXED_EXPORTS warning.\n// Users import as: import { pebblePiu } from 'react-pebble/plugin';\n\n// ---------------------------------------------------------------------------\n// Inline templates (no external file dependencies)\n// ---------------------------------------------------------------------------\n\nconst WSCRIPT_TEMPLATE = `#\n# Pebble SDK build configuration (auto-generated by react-pebble plugin)\n#\nimport os.path\n\ntop = '.'\nout = 'build'\n\ndef options(ctx):\n    ctx.load('pebble_sdk')\n\ndef configure(ctx):\n    ctx.load('pebble_sdk')\n\ndef build(ctx):\n    ctx.load('pebble_sdk')\n    build_worker = os.path.exists('worker_src')\n    binaries = []\n    cached_env = ctx.env\n    for platform in ctx.env.TARGET_PLATFORMS:\n        ctx.env = ctx.all_envs[platform]\n        ctx.set_group(ctx.env.PLATFORM_NAME)\n        app_elf = '{}/pebble-app.elf'.format(ctx.env.BUILD_DIR)\n        ctx.pbl_build(source=ctx.path.ant_glob('src/c/**/*.c'), target=app_elf, bin_type='app')\n        if build_worker:\n            worker_elf = '{}/pebble-worker.elf'.format(ctx.env.BUILD_DIR)\n            binaries.append({'platform': platform, 'app_elf': app_elf, 'worker_elf': worker_elf})\n            ctx.pbl_build(source=ctx.path.ant_glob('worker_src/c/**/*.c'), target=worker_elf, bin_type='worker')\n        else:\n            binaries.append({'platform': platform, 'app_elf': app_elf})\n    ctx.env = cached_env\n    ctx.set_group('bundle')\n    ctx.pbl_bundle(binaries=binaries,\n                   js=ctx.path.ant_glob(['src/pkjs/**/*.js', 'src/pkjs/**/*.json', 'src/common/**/*.js']),\n                   js_entry_file='src/pkjs/index.js')\n`;\n"],"mappings":"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"}

package/dist/lib/src/compiler/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * src/compiler/index.ts — react-pebble compile-to-piu library API.
+ *
+ * Wraps the compile-to-piu.ts script as a programmatic API. The script
+ * runs as a subprocess (it uses module-level state that requires process
+ * isolation). A future refactoring will inline the logic as a pure function.
+ *
+ * Usage:
+ *   import { compileToPiu } from 'react-pebble/compiler';
+ *   const result = await compileToPiu({ entry: 'examples/watchface.tsx' });
+ *   console.log(result.code); // piu Application.template JS
+ */
+export interface CompileOptions {
+    /** Path to the entry .tsx file (relative to cwd or absolute) */
+    entry: string;
+    /** Milliseconds to wait for async effects (useEffect/setTimeout) */
+    settleMs?: number;
+    /** Target platform (default: 'emery') */
+    platform?: string;
+    /** Logger for diagnostic messages */
+    logger?: (msg: string) => void;
+    /** Project root directory (default: process.cwd()) */
+    projectRoot?: string;
+}
+export interface CompileResult {
+    /** The compiled piu JavaScript code */
+    code: string;
+    /** Whether the component uses useButton (needs watchapp mode) */
+    hasButtons: boolean;
+    /** Message keys used by useMessage hooks */
+    messageKeys: string[];
+    /** Diagnostic messages from the compiler */
+    diagnostics: string;
+}
+/**
+ * Compile a Preact component to piu Application.template code.
+ *
+ * Internally runs scripts/compile-to-piu.ts as a subprocess.
+ */
+export declare function compileToPiu(options: CompileOptions): Promise<CompileResult>;

package/dist/lib/src/components/index.d.ts

@@ -0,0 +1,129 @@
+import { ComponentChildren } from 'preact';
+import { PebbleButtonHandler } from '../hooks/index.js';
+type ReactNode = ComponentChildren;
+export interface PositionProps {
+    x?: number;
+    y?: number;
+}
+export interface SizeProps {
+    w?: number;
+    h?: number;
+    /** Alias for `w`. */
+    width?: number;
+    /** Alias for `h`. */
+    height?: number;
+}
+export interface ButtonHandlerProps {
+    onUp?: PebbleButtonHandler;
+    onDown?: PebbleButtonHandler;
+    onSelect?: PebbleButtonHandler;
+    onBack?: PebbleButtonHandler;
+    onLongUp?: PebbleButtonHandler;
+    onLongDown?: PebbleButtonHandler;
+    onLongSelect?: PebbleButtonHandler;
+}
+export type ColorName = 'black' | 'white' | 'red' | 'green' | 'blue' | 'yellow' | 'orange' | 'cyan' | 'magenta' | 'clear' | 'lightGray' | 'darkGray' | (string & {});
+export type FontName = 'gothic14' | 'gothic14Bold' | 'gothic18' | 'gothic18Bold' | 'gothic24' | 'gothic24Bold' | 'gothic28' | 'gothic28Bold' | 'bitham30Black' | 'bitham42Bold' | 'bitham42Light' | 'bitham34MediumNumbers' | 'bitham42MediumNumbers' | 'robotoCondensed21' | 'roboto21' | 'droid28' | 'leco20' | 'leco26' | 'leco28' | 'leco32' | 'leco36' | 'leco38' | 'leco42' | (string & {});
+export type Alignment = 'left' | 'center' | 'right';
+declare module 'preact' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'pbl-root': IntrinsicPblProps;
+            'pbl-rect': IntrinsicPblProps;
+            'pbl-circle': IntrinsicPblProps;
+            'pbl-text': IntrinsicPblProps;
+            'pbl-line': IntrinsicPblProps;
+            'pbl-image': IntrinsicPblProps;
+            'pbl-group': IntrinsicPblProps;
+            'pbl-statusbar': IntrinsicPblProps;
+            'pbl-actionbar': IntrinsicPblProps;
+        }
+    }
+}
+interface IntrinsicPblProps {
+    children?: ReactNode;
+    [key: string]: unknown;
+}
+export interface WindowProps extends ButtonHandlerProps {
+    backgroundColor?: ColorName;
+    fullscreen?: boolean;
+    children?: ReactNode;
+}
+export declare function Window({ children, ...props }: WindowProps): import('preact').VNode<import('preact').ClassAttributes<HTMLElement> & {
+    backgroundColor?: ColorName;
+    fullscreen?: boolean;
+    onUp?: PebbleButtonHandler;
+    onDown?: PebbleButtonHandler;
+    onSelect?: PebbleButtonHandler;
+    onBack?: PebbleButtonHandler;
+    onLongUp?: PebbleButtonHandler;
+    onLongDown?: PebbleButtonHandler;
+    onLongSelect?: PebbleButtonHandler;
+}>;
+export interface RectProps extends PositionProps, SizeProps {
+    fill?: ColorName;
+    stroke?: ColorName;
+    strokeWidth?: number;
+    children?: ReactNode;
+}
+export declare function Rect({ children, ...props }: RectProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface CircleProps extends PositionProps {
+    r?: number;
+    /** Alias for `r`. */
+    radius?: number;
+    fill?: ColorName;
+    stroke?: ColorName;
+    strokeWidth?: number;
+}
+export declare function Circle(props: CircleProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface TextProps extends PositionProps, SizeProps {
+    font?: FontName;
+    color?: ColorName;
+    align?: Alignment;
+    children?: ReactNode;
+}
+export declare function Text({ children, ...props }: TextProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface LineProps extends PositionProps {
+    x2?: number;
+    y2?: number;
+    color?: ColorName;
+    strokeWidth?: number;
+}
+export declare function Line(props: LineProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface ImageProps extends PositionProps {
+    bitmap: unknown;
+}
+export declare function Image(props: ImageProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface GroupProps extends PositionProps {
+    children?: ReactNode;
+}
+export declare function Group({ children, ...props }: GroupProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface StatusBarProps {
+    color?: ColorName;
+    backgroundColor?: ColorName;
+    separator?: 'dotted' | 'line' | 'none';
+}
+export declare function StatusBar(props: StatusBarProps): import('preact').VNode<import('preact').Attributes & StatusBarProps>;
+export interface ActionBarProps {
+    upIcon?: unknown;
+    selectIcon?: unknown;
+    downIcon?: unknown;
+    backgroundColor?: ColorName;
+}
+export declare function ActionBar(props: ActionBarProps): import('preact').VNode<import('preact').Attributes & ActionBarProps>;
+export interface CardProps extends PositionProps {
+    title: ReactNode;
+    body?: ReactNode;
+    titleFont?: FontName;
+    bodyFont?: FontName;
+    w?: number;
+}
+export declare function Card({ title, body, titleFont, bodyFont, x, y, w, ...props }: CardProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export interface BadgeProps extends PositionProps {
+    r?: number;
+    color?: ColorName;
+    textColor?: ColorName;
+    children?: ReactNode;
+}
+export declare function Badge({ x, y, r, color, textColor, children, }: BadgeProps): import('preact').VNode<(import('preact').ClassAttributes<HTMLElement> & import('preact').HTMLAttributes<EventTarget> & import('preact').SVGAttributes<SVGElement>) | null>;
+export {};

package/dist/lib/src/hooks/index.d.ts

@@ -0,0 +1,75 @@
+import { PebbleApp } from '../pebble-render.js';
+/**
+ * hooks/index.ts — React hooks for react-pebble.
+ *
+ * This set intentionally covers only what the Alloy runtime can support
+ * today. Sensor / connectivity hooks (battery, BT connection, accelerometer,
+ * phone↔watch messaging) used to live here based on a fictional `Pebble`
+ * global; they've been removed until we've identified the real Moddable
+ * module shape for each one.
+ *
+ * See `pebble-render.ts` for the runtime wiring that lets `useTime` and
+ * `useButton` actually fire on-device — hooks publish to registries that the
+ * renderer connects to Moddable's `watch` event source.
+ */
+type UseStateFn = <T>(init: T | (() => T)) => [T, (v: T | ((p: T) => T)) => void];
+export declare function useState<T>(init: T | (() => T)): [T, (v: T | ((p: T) => T)) => void];
+/** @internal — called by the compiler to intercept useState calls. */
+export declare function _setUseStateImpl(impl: UseStateFn): void;
+/** @internal — restore original useState after compilation. */
+export declare function _restoreUseState(): void;
+export type PebbleButton = 'up' | 'down' | 'select' | 'back';
+export type PebbleButtonHandler = () => void;
+export declare const PebbleAppContext: import('preact').Context<PebbleApp | null>;
+export declare function useApp(): PebbleApp;
+type ButtonRegistryKey = PebbleButton | `long_${PebbleButton}`;
+interface ButtonRegistryShape {
+    _listeners: Map<ButtonRegistryKey, Set<PebbleButtonHandler>>;
+    subscribe(button: ButtonRegistryKey, fn: PebbleButtonHandler): void;
+    unsubscribe(button: ButtonRegistryKey, fn: PebbleButtonHandler): void;
+    emit(button: ButtonRegistryKey): void;
+}
+export declare const ButtonRegistry: ButtonRegistryShape;
+export declare function useButton(button: PebbleButton, handler: PebbleButtonHandler): void;
+export declare function useLongButton(button: PebbleButton, handler: PebbleButtonHandler): void;
+export declare function useTime(intervalMs?: number): Date;
+export declare function useFormattedTime(format?: string): string;
+export declare function useInterval(callback: () => void, delay: number | null): void;
+export interface ListNavigationOptions {
+    wrap?: boolean;
+}
+export interface ListNavigationResult<T> {
+    index: number;
+    item: T | undefined;
+    next: () => void;
+    prev: () => void;
+    setIndex: (index: number) => void;
+}
+export declare function useListNavigation<T>(items: readonly T[], options?: ListNavigationOptions): ListNavigationResult<T>;
+export interface UseMessageOptions<T> {
+    /** Message key name (must match PebbleKit JS sendAppMessage key) */
+    key: string;
+    /** Mock data returned at compile time so the compiler can render the loaded state */
+    mockData: T;
+    /** Delay in ms before mock data appears (for SETTLE_MS) */
+    mockDelay?: number;
+}
+export interface UseMessageResult<T> {
+    data: T | null;
+    loading: boolean;
+}
+/**
+ * Load data from the phone at runtime via Pebble's Message API.
+ *
+ * At compile time (Node mock mode): returns mockData after mockDelay ms.
+ * At runtime (Alloy): the compiler emits a Message subscription that
+ * populates data when the phone sends it.
+ *
+ * Usage:
+ *   const { data, loading } = useMessage({
+ *     key: 'items',
+ *     mockData: [{ title: 'Fix bug', status: 'Open' }],
+ *   });
+ */
+export declare function useMessage<T>(options: UseMessageOptions<T>): UseMessageResult<T>;
+export {};

package/dist/lib/src/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * react-pebble — A React renderer for Pebble Alloy (Moddable XS / Poco).
+ *
+ * Usage on Alloy:
+ *   import Poco from 'commodetto/Poco';
+ *   import React from 'react';
+ *   import { render, Group, Rect, Text } from 'react-pebble';
+ *   import { useTime } from 'react-pebble/hooks';
+ *
+ *   function WatchFace() {
+ *     const time = useTime();
+ *     return (
+ *       <Group>
+ *         <Rect x={0} y={0} w={200} h={228} fill="black" />
+ *         <Text x={0} y={90} w={200} font="bitham42Bold" color="white" align="center">
+ *           {time.getHours()}:{time.getMinutes().toString().padStart(2, '0')}
+ *         </Text>
+ *       </Group>
+ *     );
+ *   }
+ *
+ *   render(<WatchFace />, { poco: Poco });
+ */
+export { SCREEN, PLATFORMS, _setPlatform } from './platform.js';
+export type { PebblePlatform } from './platform.js';
+export { render } from './pebble-render.js';
+export type { PebbleApp, PebblePlatformInfo, RenderOptions, RenderOptionsExt, DrawCall, } from './pebble-render.js';
+export { Window, Rect, Circle, Text, Line, Image, Group, StatusBar, ActionBar, Card, Badge, } from './components/index.js';
+export type { WindowProps, RectProps, CircleProps, TextProps, LineProps, ImageProps, GroupProps, StatusBarProps, ActionBarProps, CardProps, BadgeProps, PositionProps, SizeProps, ButtonHandlerProps, ColorName, FontName, Alignment, } from './components/index.js';
+export { useApp, useButton, useLongButton, useTime, useFormattedTime, useInterval, useListNavigation, ButtonRegistry, PebbleAppContext, } from './hooks/index.js';
+export type { PebbleButton, PebbleButtonHandler, ListNavigationOptions, ListNavigationResult, } from './hooks/index.js';
+export { default as reconciler } from './pebble-reconciler.js';
+export { ELEMENT_TYPES, appendChildNode, createNode, createTextNode, findRoot, getTextContent, insertBeforeNode, removeChildNode, setAttribute, setTextNodeValue, walkTree, } from './pebble-dom.js';
+export type { AnyNode, DOMElement, ElementType, NodeProps, TextNode, Visitor, } from './pebble-dom.js';
+export { PocoRenderer, COLOR_PALETTE, FONT_PALETTE, resolveColorName, resolveFontName, } from './pebble-output.js';
+export type { RGB, FontSpec, RenderOptions as PocoRenderOptions, } from './pebble-output.js';

package/dist/lib/src/pebble-dom-shim.d.ts

@@ -0,0 +1,45 @@
+import { AnyNode, DOMElement, TextNode } from './pebble-dom.js';
+interface ShimNodeBase {
+    readonly nodeType: number;
+    nodeName: string;
+    parentNode: ShimElement | null;
+    childNodes: ShimNode[];
+    firstChild: ShimNode | null;
+    nextSibling: ShimNode | null;
+    /** The backing pebble-dom node. */
+    readonly _pbl: AnyNode;
+}
+export interface ShimElement extends ShimNodeBase {
+    readonly nodeType: 1;
+    readonly localName: string;
+    readonly tagName: string;
+    readonly _pbl: DOMElement;
+    attributes: Record<string, unknown>;
+    appendChild<T extends ShimNode>(child: T): T;
+    insertBefore<T extends ShimNode>(child: T, ref: ShimNode | null): T;
+    removeChild<T extends ShimNode>(child: T): T;
+    remove(): void;
+    setAttribute(name: string, value: unknown): void;
+    removeAttribute(name: string): void;
+    getAttribute(name: string): unknown;
+    addEventListener(name: string, handler: (...args: unknown[]) => unknown): void;
+    removeEventListener(name: string, handler: (...args: unknown[]) => unknown): void;
+}
+export interface ShimText extends ShimNodeBase {
+    readonly nodeType: 3;
+    readonly _pbl: TextNode;
+    data: string;
+    nodeValue: string;
+    textContent: string;
+}
+export type ShimNode = ShimElement | ShimText;
+export declare function createShimElement(tag: string): ShimElement;
+export declare function createShimText(data: string): ShimText;
+export interface ShimDocument {
+    createElement(tag: string): ShimElement;
+    createElementNS(ns: string | null, tag: string): ShimElement;
+    createTextNode(data: string): ShimText;
+}
+export declare const shimDocument: ShimDocument;
+export declare function createShimRoot(): ShimElement;
+export {};