agent-canvas 0.1.19 → 0.1.21

package/bin/agent-canvas.ts

@@ -6,9 +6,10 @@ import { handleWatch } from "./lib/commands/watch.ts";
 import { handleDaemon } from "./lib/commands/daemon.ts";
 import { handleInstall } from "./lib/commands/install.ts";
 import { handleInstructions } from "./lib/commands/instructions.ts";
+import { VERSION } from "./lib/config.ts";
 
 function printUsage() {
-  console.error(`agent-canvas — Interactive visual canvas for Claude Code
+  console.log(`agent-canvas v${VERSION} — Interactive visual canvas for Claude Code
 
 Commands:
   agent-canvas install [local|global]  Install skill for Claude Code
@@ -28,6 +29,11 @@ Environment:
 async function main() {
   const args = process.argv.slice(2);
 
+  if (args[0] === "--version" || args[0] === "-v") {
+    console.log(VERSION);
+    return;
+  }
+
   if (args.length === 0 || args[0] === "--help" || args[0] === "-h") {
     printUsage();
     process.exit(args.length === 0 ? 1 : 0);

package/daemon/src/compiler.ts

@@ -114,7 +114,14 @@ export async function compilePlan(jsx: string, projectRoot?: string): Promise<Co
     jsx = resolveMarkdownFiles(jsx, projectRoot);
   }
 
-  const hasDefaultExport = /export\s+default\b/.test(jsx);
+  // Strip template literals and strings so `export default` inside CodeBlock
+  // content (e.g. {`export default defineConfig(...)`}) doesn't false-positive.
+  const strippedJsx = jsx
+    .replace(/\{`[^`]*`\}/gs, "")   // {`...`} template expressions
+    .replace(/`[^`]*`/gs, "")        // standalone template literals
+    .replace(/"[^"]*"/g, "")         // double-quoted strings
+    .replace(/'[^']*'/g, "");        // single-quoted strings
+  const hasDefaultExport = /export\s+default\b/.test(strippedJsx);
 
   const source = hasDefaultExport
     ? `${COMPONENT_IMPORTS}\n${jsx}`

package/daemon/src/handlers/api.ts

@@ -57,32 +57,40 @@ export function createApiHandlers(ctx: ApiContext): Route[] {
 
       const projectRoot = body.projectRoot || process.cwd();
       const isNew = !sessionManager.get(sessionId);
-      const session = sessionManager.upsert(sessionId, canvasFiles, projectRoot, body.label, body.response);
 
-      // Compile all canvas files in parallel
+      // Compile all canvas files first — only create a revision if at least one succeeds
+      const compiled = new Map<string, string>();
       const errors: Record<string, string> = {};
-      let anyOk = false;
       await Promise.all(
         [...canvasFiles.entries()].map(async ([filename, jsx]) => {
-          const result = await compilePlan(jsx, session.projectRoot);
+          const result = await compilePlan(jsx, projectRoot);
           if (result.ok) {
-            sessionManager.saveCompiled(sessionId, filename, result.js, session.currentRevision);
-            anyOk = true;
+            compiled.set(filename, result.js);
           } else {
             errors[filename] = result.error;
           }
         }),
       );
 
-      if (anyOk) {
-        broadcastPlanUpdate(sessionId);
+      if (compiled.size === 0) {
+        return jsonResponse({
+          ok: false,
+          error: "All canvas files failed to compile",
+          errors,
+        }, 400);
+      }
+
+      const session = sessionManager.upsert(sessionId, canvasFiles, projectRoot, body.label, body.response);
+      for (const [filename, js] of compiled) {
+        sessionManager.saveCompiled(sessionId, filename, js, session.currentRevision);
       }
 
+      broadcastPlanUpdate(sessionId);
       watchSession(sessionId, sessionManager, broadcastPlanUpdate);
 
       const browserUrl = `http://localhost:${port}/s/${sessionId}`;
       return jsonResponse({
-        ok: anyOk,
+        ok: true,
         browserUrl,
         isNew,
         revision: session.currentRevision,

package/package.json

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