nowebcli 0.2.11 → 0.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nowebcli",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "Create, preview and publish community templates for Noweb",
   "license": "MIT",
   "repository": {

package/scripts/noweb.mjs

@@ -162,12 +162,15 @@ async function createCover() {
       server.once("error", reject);
       server.listen(0, "127.0.0.1", resolve);
     });
-    browser = await chromium.launch({ headless: true, args: ["--enable-unsafe-swiftshader", "--use-angle=swiftshader"] });
+    browser = await chromium.launch({ headless: true, args: ["--enable-unsafe-swiftshader", "--enable-unsafe-webgpu", "--use-angle=swiftshader"] });
     const page = await browser.newPage({ viewport: { width: 1920, height: 1080 }, deviceScaleFactor: 1 });
     const errors = [];
     page.on("pageerror", (error) => errors.push(error.message));
     page.on("console", (message) => { if (message.type() === "error") errors.push(message.text()); });
     await page.goto(`http://127.0.0.1:${server.address().port}`, { waitUntil: "load" });
+    if (template.source.includes("shaders/react") && !await page.evaluate(async () => Boolean(await navigator.gpu?.requestAdapter()))) {
+      throw new Error("Cannot create shader cover: Chromium has no WebGPU adapter. Update Chromium with `npx playwright install chromium`.");
+    }
     await page.waitForFunction(() => document.getElementById("root")?.childElementCount, undefined, { timeout: 15_000 }).catch(() => {
       throw new Error(`Template did not render: ${errors.slice(0, 3).join("; ") || "empty preview"}`);
     });

package/templates/templateCompiler.ts

@@ -1,5 +1,6 @@
 import { execFile } from "node:child_process";
 import { existsSync } from "node:fs";
+import { createRequire } from "node:module";
 import { mkdtemp, readFile, rm, writeFile } from "node:fs/promises";
 import { tmpdir } from "node:os";
 import path from "node:path";
@@ -17,6 +18,8 @@ const modulesPath = existsSync(path.join(packageModulesPath, ".bin", "esbuild"))
   ? packageModulesPath
   : path.join(process.cwd(), "node_modules");
 
+const require = createRequire(import.meta.url);
+
 const TEMPLATE_COMPILE_TIMEOUT_MS = 10_000;
 const TEMPLATE_COMPILE_MAX_BUFFER = 8 * 1024 * 1024;
 const TEMPLATE_RUNTIME_IMPORT = "noweb";
@@ -165,6 +168,10 @@ function customizationDefaults(
 
 function runtimeAliases() {
   return [
+    // npx and project dependencies must share the renderer's React instance.
+    ...["react", "react-dom"].map((name) =>
+      `--alias:${name}=${path.dirname(require.resolve(`${name}/package.json`, { paths: [modulesPath] }))}`,
+    ),
     ...TEMPLATE_RUNTIME_IMPORTS.map(
     (moduleName) => `--alias:${moduleName}=${templateRuntimePath()}`,
     ),