agent-canvas 0.1.11 → 0.1.12

package/daemon/src/compiler.ts

@@ -33,22 +33,28 @@ export async function compilePlan(jsx: string, projectRoot?: string): Promise<Co
   try {
     writeFileSync(tmpFile, source);
 
-    const result = await Bun.build({
-      entrypoints: [tmpFile],
-      format: "esm",
-      external: ["react", "react-dom", "#canvas/components", "#canvas/runtime"],
-    });
-
-    if (!result.success) {
-      const errors = result.logs
-        .filter((l) => l.level === "error")
-        .map((l) => l.message)
-        .join("\n");
-      return { ok: false, error: errors || "Compilation failed" };
-    }
+    try {
+      const result = await Bun.build({
+        entrypoints: [tmpFile],
+        format: "esm",
+        external: ["react", "react-dom", "#canvas/components", "#canvas/runtime"],
+      });
+
+      if (!result.success) {
+        const errors = result.logs
+          .filter((l) => l.level === "error")
+          .map((l) => l.message)
+          .join("\n");
+        return { ok: false, error: errors || "Compilation failed" };
+      }
 
-    const js = await result.outputs[0].text();
-    return { ok: true, js };
+      const js = await result.outputs[0].text();
+      return { ok: true, js };
+    } catch {
+      // Bun.build() can throw "Unknown Error, TODO" in long-running processes
+      // when its internal bundler state gets corrupted. Fall back to subprocess.
+      return await compilePlanSubprocess(tmpFile);
+    }
   } catch (e: any) {
     return { ok: false, error: e.message };
   } finally {
@@ -56,6 +62,28 @@ export async function compilePlan(jsx: string, projectRoot?: string): Promise<Co
   }
 }
 
+async function compilePlanSubprocess(tmpFile: string): Promise<CompileResult> {
+  const outFile = `${tmpFile}.out.js`;
+  const proc = Bun.spawn(
+    ["bun", "build", tmpFile, "--format=esm",
+      "--external=react", "--external=react-dom",
+      "--external=#canvas/components", "--external=#canvas/runtime",
+      "--outfile", outFile],
+    { stdout: "pipe", stderr: "pipe" },
+  );
+  const exitCode = await proc.exited;
+  if (exitCode !== 0) {
+    const stderr = await new Response(proc.stderr).text();
+    return { ok: false, error: stderr || "Compilation failed" };
+  }
+  try {
+    const js = readFileSync(outFile, "utf-8");
+    return { ok: true, js };
+  } finally {
+    try { unlinkSync(outFile); } catch {}
+  }
+}
+
 /**
  * Find <Markdown file="..." /> tags and inject __content with the file contents
  * resolved at compile time.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-canvas",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Interactive visual canvas for Claude Code — rich annotatable documents in the browser",
   "bin": {
     "agent-canvas": "bin/agent-canvas.js"