@lovo/matter-cli 0.4.1 → 0.6.0

package/dist/chunk-RRL35RGP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/poster/playwright.ts"],"sourcesContent":["import { access } from 'node:fs/promises';\nimport { writeFile } from 'node:fs/promises';\nimport { dirname, join } from 'node:path';\nimport { pathToFileURL } from 'node:url';\nimport type * as Playwright from 'playwright';\n\n/**\n * Walk up the directory tree from `startDir` looking for a `playwright`\n * package directory. Avoids NODE_PATH leakage from the host process.\n */\nasync function findPlaywrightDir(startDir: string): Promise<string | null> {\n  let dir = startDir;\n\n  for (;;) {\n    const candidate = join(dir, 'node_modules', 'playwright');\n\n    try {\n      await access(join(candidate, 'package.json'));\n\n      return candidate;\n    } catch {\n      // not here; keep walking up\n    }\n    const parent = dirname(dir);\n\n    if (parent === dir) return null;\n    dir = parent;\n  }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\nfunction isPlaywrightNamespace(value: unknown): value is typeof Playwright {\n  if (!isRecord(value)) return false;\n\n  const chromium = value.chromium;\n\n  if (!isRecord(chromium)) return false;\n\n  return typeof chromium.launch === 'function';\n}\n\nfunction getDefaultExport(value: unknown): unknown {\n  if (!isRecord(value)) return undefined;\n\n  return value.default;\n}\n\nexport async function resolvePlaywright(projectRoot: string): Promise<typeof Playwright> {\n  const playwrightDir = await findPlaywrightDir(projectRoot);\n\n  if (playwrightDir === null) {\n    throw new Error(\n      `Install playwright to use this command: pnpm add -D playwright && pnpm exec playwright install chromium`,\n    );\n  }\n  // Prefer ESM entry; fall back to CJS with .default unwrap.\n  for (const entryFilename of ['index.mjs', 'index.js']) {\n    const filePath = join(playwrightDir, entryFilename);\n\n    try {\n      await access(filePath);\n\n      const rawModule: unknown = await import(pathToFileURL(filePath).href);\n      const playwrightNamespace = isPlaywrightNamespace(rawModule)\n        ? rawModule\n        : getDefaultExport(rawModule);\n\n      if (!isPlaywrightNamespace(playwrightNamespace)) {\n        throw new Error(`Resolved ${filePath} but it does not expose chromium.launch`);\n      }\n\n      return playwrightNamespace;\n    } catch (caughtError) {\n      if (entryFilename === 'index.js') throw caughtError;\n      // else: try the next entry\n    }\n  }\n  throw new Error(`Unable to import playwright from ${playwrightDir}`);\n}\n\nexport interface ScreenshotOpts {\n  url: string;\n  width: number;\n  height: number;\n  timeSeconds: number;\n  readyTimeoutMs: number;\n  outPath: string;\n  projectRoot: string;\n  format: 'jpeg' | 'png';\n  quality: number | undefined;\n}\n\nexport async function launchAndScreenshot(opts: ScreenshotOpts): Promise<{ bytes: number }> {\n  const playwright = await resolvePlaywright(opts.projectRoot);\n  const browser = await playwright.chromium.launch({ headless: true });\n\n  try {\n    const browserContext = await browser.newContext({\n      viewport: { width: opts.width, height: opts.height },\n      deviceScaleFactor: 1,\n    });\n    const page = await browserContext.newPage();\n    const consoleErrors: string[] = [];\n\n    page.on('pageerror', (pageError) => consoleErrors.push(`pageerror: ${pageError.message}`));\n    page.on('console', (msg) => {\n      if (msg.type() === 'error') consoleErrors.push(`console: ${msg.text()}`);\n    });\n    await page.goto(opts.url, { waitUntil: 'load' });\n    try {\n      await page.waitForFunction(() => Reflect.get(globalThis, '__matterReady') === true, {\n        timeout: opts.readyTimeoutMs,\n      });\n    } catch {\n      if (consoleErrors.length > 0) {\n        throw new Error(\n          `Poster render failed before producing a frame:\\n  ${consoleErrors.join('\\n  ')}`,\n        );\n      }\n      throw new Error(\n        `no canvas content detected within ${\n          opts.readyTimeoutMs / 1000\n        }s; does your component render a ShaderScene with a visible base layer?`,\n      );\n    }\n    if (opts.timeSeconds > 0) {\n      await page.waitForTimeout(opts.timeSeconds * 1000);\n    }\n    const canvas = page.locator('canvas').first();\n    const imageBuffer =\n      opts.format === 'jpeg'\n        ? await canvas.screenshot({ type: 'jpeg', quality: opts.quality })\n        : await canvas.screenshot({ type: 'png' });\n\n    await writeFile(opts.outPath, imageBuffer);\n\n    return { bytes: imageBuffer.length };\n  } finally {\n    await browser.close();\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TBB7CTPP.js

@@ -0,0 +1,77 @@
+#!/usr/bin/env node
+
+// src/poster/bundle.ts
+import { build } from "esbuild";
+import { access, readFile } from "fs/promises";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+var harnessDirPromise;
+async function locateHarnessDir() {
+  if (harnessDirPromise) return harnessDirPromise;
+  harnessDirPromise = (async () => {
+    let dir = dirname(fileURLToPath(import.meta.url));
+    for (; ; ) {
+      try {
+        const packageJsonRaw = await readFile(join(dir, "package.json"), "utf-8");
+        const parsed = JSON.parse(packageJsonRaw);
+        const packageJson = typeof parsed === "object" && parsed !== null ? parsed : {};
+        if (packageJson.name === "@lovo/matter-cli") {
+          for (const candidate of ["dist/harness", "src/harness"]) {
+            const harnessPath = join(dir, candidate);
+            try {
+              await access(join(harnessPath, "index.html"));
+              return harnessPath;
+            } catch {
+            }
+          }
+          throw new Error(
+            `Found @lovo/matter-cli at ${dir} but neither dist/harness nor src/harness contains index.html`
+          );
+        }
+      } catch (caughtError) {
+        if (caughtError instanceof Error && caughtError.message.startsWith("Found @lovo/matter-cli")) {
+          throw caughtError;
+        }
+      }
+      const parent = dirname(dir);
+      if (parent === dir) {
+        throw new Error(
+          "Could not locate @lovo/matter-cli package root from " + fileURLToPath(import.meta.url)
+        );
+      }
+      dir = parent;
+    }
+  })();
+  return harnessDirPromise;
+}
+async function bundlePoster(opts) {
+  const harnessDir = await locateHarnessDir();
+  const harnessEntry = join(harnessDir, "index.tsx");
+  const result = await build({
+    entryPoints: [harnessEntry],
+    bundle: true,
+    format: "esm",
+    platform: "browser",
+    target: "es2022",
+    jsx: "automatic",
+    loader: { ".tsx": "tsx", ".ts": "ts" },
+    absWorkingDir: opts.projectRoot,
+    nodePaths: [join(opts.projectRoot, "node_modules")],
+    define: {
+      __MATTER_USER_MODULE_PATH: JSON.stringify(opts.from),
+      __MATTER_EXPORT_NAME: JSON.stringify(opts.exportName)
+    },
+    write: false,
+    sourcemap: "inline",
+    logLevel: "silent"
+  });
+  const indexOutput = result.outputFiles.find((outputFile) => outputFile.path.endsWith("index.js")) ?? result.outputFiles[0];
+  if (!indexOutput) throw new Error("bundlePoster: esbuild produced no output");
+  const html = await readFile(join(harnessDir, "index.html"), "utf-8");
+  return { js: indexOutput.text, html };
+}
+
+export {
+  bundlePoster
+};
+//# sourceMappingURL=chunk-TBB7CTPP.js.map

package/dist/chunk-TBB7CTPP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/poster/bundle.ts"],"sourcesContent":["import { build } from 'esbuild';\nimport { access, readFile } from 'node:fs/promises';\nimport { dirname, join } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\nexport interface BundlePosterOpts {\n  from: string;\n  exportName: string;\n  projectRoot: string;\n}\n\nexport interface BundlePosterResult {\n  js: string;\n  html: string;\n}\n\n// HARNESS_DIR resolution is intentionally async and memoized.\n//\n// The old synchronous approach used a regex replace on `import.meta.url` to derive the harness\n// path. That worked when the file was at `src/poster/bundle.ts` (dev) or `dist/poster/bundle.js`\n// (a per-directory dist layout), but tsup's code-splitting emits the actual implementation into\n// `dist/chunk-XXXX.js` at the dist root — not under `dist/poster/` — so the `/poster$/` regex\n// never matched and HARNESS_DIR collapsed to `<pkg>/dist`, causing esbuild to look for\n// `dist/index.tsx` instead of `dist/harness/index.tsx`.\n//\n// The fix: walk up the directory tree from `import.meta.url` until we find a `package.json`\n// with `name === '@lovo/matter-cli'`, then try `dist/harness` then `src/harness` in order.\n// This is robust to any output chunk location tsup chooses.\n\nlet harnessDirPromise: Promise<string> | undefined;\n\nasync function locateHarnessDir(): Promise<string> {\n  if (harnessDirPromise) return harnessDirPromise;\n  harnessDirPromise = (async () => {\n    let dir = dirname(fileURLToPath(import.meta.url));\n\n    for (;;) {\n      try {\n        const packageJsonRaw = await readFile(join(dir, 'package.json'), 'utf-8');\n        const parsed: unknown = JSON.parse(packageJsonRaw);\n        const packageJson = (typeof parsed === 'object' && parsed !== null ? parsed : {}) as {\n          name?: string;\n        };\n\n        if (packageJson.name === '@lovo/matter-cli') {\n          for (const candidate of ['dist/harness', 'src/harness']) {\n            const harnessPath = join(dir, candidate);\n\n            try {\n              await access(join(harnessPath, 'index.html'));\n\n              return harnessPath;\n            } catch {\n              // try next candidate\n            }\n          }\n          throw new Error(\n            `Found @lovo/matter-cli at ${dir} but neither dist/harness nor src/harness contains index.html`,\n          );\n        }\n      } catch (caughtError) {\n        // Re-throw if we found the package but harness is missing\n        if (\n          caughtError instanceof Error &&\n          caughtError.message.startsWith('Found @lovo/matter-cli')\n        ) {\n          throw caughtError;\n        }\n        // Otherwise, package.json missing or wrong name; walk up\n      }\n      const parent = dirname(dir);\n\n      if (parent === dir) {\n        throw new Error(\n          'Could not locate @lovo/matter-cli package root from ' + fileURLToPath(import.meta.url),\n        );\n      }\n      dir = parent;\n    }\n  })();\n\n  return harnessDirPromise;\n}\n\nexport async function bundlePoster(opts: BundlePosterOpts): Promise<BundlePosterResult> {\n  const harnessDir = await locateHarnessDir();\n  const harnessEntry = join(harnessDir, 'index.tsx');\n  const result = await build({\n    entryPoints: [harnessEntry],\n    bundle: true,\n    format: 'esm',\n    platform: 'browser',\n    target: 'es2022',\n    jsx: 'automatic',\n    loader: { '.tsx': 'tsx', '.ts': 'ts' },\n    absWorkingDir: opts.projectRoot,\n    nodePaths: [join(opts.projectRoot, 'node_modules')],\n    define: {\n      __MATTER_USER_MODULE_PATH: JSON.stringify(opts.from),\n      __MATTER_EXPORT_NAME: JSON.stringify(opts.exportName),\n    },\n    write: false,\n    sourcemap: 'inline',\n    logLevel: 'silent',\n  });\n\n  const indexOutput =\n    result.outputFiles.find((outputFile) => outputFile.path.endsWith('index.js')) ??\n    result.outputFiles[0];\n\n  if (!indexOutput) throw new Error('bundlePoster: esbuild produced no output');\n  const html = await readFile(join(harnessDir, 'index.html'), 'utf-8');\n\n  return { js: indexOutput.text, html };\n}\n"],"mappings":";;;AAAA,SAAS,aAAa;AACtB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,SAAS,YAAY;AAC9B,SAAS,qBAAqB;AA0B9B,IAAI;AAEJ,eAAe,mBAAoC;AACjD,MAAI,kBAAmB,QAAO;AAC9B,uBAAqB,YAAY;AAC/B,QAAI,MAAM,QAAQ,cAAc,YAAY,GAAG,CAAC;AAEhD,eAAS;AACP,UAAI;AACF,cAAM,iBAAiB,MAAM,SAAS,KAAK,KAAK,cAAc,GAAG,OAAO;AACxE,cAAM,SAAkB,KAAK,MAAM,cAAc;AACjD,cAAM,cAAe,OAAO,WAAW,YAAY,WAAW,OAAO,SAAS,CAAC;AAI/E,YAAI,YAAY,SAAS,oBAAoB;AAC3C,qBAAW,aAAa,CAAC,gBAAgB,aAAa,GAAG;AACvD,kBAAM,cAAc,KAAK,KAAK,SAAS;AAEvC,gBAAI;AACF,oBAAM,OAAO,KAAK,aAAa,YAAY,CAAC;AAE5C,qBAAO;AAAA,YACT,QAAQ;AAAA,YAER;AAAA,UACF;AACA,gBAAM,IAAI;AAAA,YACR,6BAA6B,GAAG;AAAA,UAClC;AAAA,QACF;AAAA,MACF,SAAS,aAAa;AAEpB,YACE,uBAAuB,SACvB,YAAY,QAAQ,WAAW,wBAAwB,GACvD;AACA,gBAAM;AAAA,QACR;AAAA,MAEF;AACA,YAAM,SAAS,QAAQ,GAAG;AAE1B,UAAI,WAAW,KAAK;AAClB,cAAM,IAAI;AAAA,UACR,yDAAyD,cAAc,YAAY,GAAG;AAAA,QACxF;AAAA,MACF;AACA,YAAM;AAAA,IACR;AAAA,EACF,GAAG;AAEH,SAAO;AACT;AAEA,eAAsB,aAAa,MAAqD;AACtF,QAAM,aAAa,MAAM,iBAAiB;AAC1C,QAAM,eAAe,KAAK,YAAY,WAAW;AACjD,QAAM,SAAS,MAAM,MAAM;AAAA,IACzB,aAAa,CAAC,YAAY;AAAA,IAC1B,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,QAAQ,EAAE,QAAQ,OAAO,OAAO,KAAK;AAAA,IACrC,eAAe,KAAK;AAAA,IACpB,WAAW,CAAC,KAAK,KAAK,aAAa,cAAc,CAAC;AAAA,IAClD,QAAQ;AAAA,MACN,2BAA2B,KAAK,UAAU,KAAK,IAAI;AAAA,MACnD,sBAAsB,KAAK,UAAU,KAAK,UAAU;AAAA,IACtD;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,cACJ,OAAO,YAAY,KAAK,CAAC,eAAe,WAAW,KAAK,SAAS,UAAU,CAAC,KAC5E,OAAO,YAAY,CAAC;AAEtB,MAAI,CAAC,YAAa,OAAM,IAAI,MAAM,0CAA0C;AAC5E,QAAM,OAAO,MAAM,SAAS,KAAK,YAAY,YAAY,GAAG,OAAO;AAEnE,SAAO,EAAE,IAAI,YAAY,MAAM,KAAK;AACtC;","names":[]}