refactor(canvas): host A2UI via gateway

2025-12-20 12:17:27 +00:00
parent 13ebbd1a2b
commit ed001a5f55
28 changed files with 385 additions and 354 deletions
--- a/src/canvas-host/a2ui/a2ui.bundle.js
+++ b/src/canvas-host/a2ui/a2ui.bundle.js
--- a/src/canvas-host/a2ui/index.html
+++ b/src/canvas-host/a2ui/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Clawdis Canvas</title>
+    <style>
+      :root { color-scheme: light dark; }
+      html, body { height: 100%; margin: 0; }
+      body {
+        font: 14px system-ui, -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
+        background: #0b1020;
+        color: #e5e7eb;
+        overflow: hidden;
+      }
+      clawdis-a2ui-host { display: block; height: 100%; }
+    </style>
+  </head>
+  <body>
+    <clawdis-a2ui-host></clawdis-a2ui-host>
+    <script src="a2ui.bundle.js"></script>
+  </body>
+</html>
--- a/src/canvas-host/server.test.ts
+++ b/src/canvas-host/server.test.ts
@@ -94,4 +94,36 @@ describe("canvas host", () => {
      await fs.rm(dir, { recursive: true, force: true });
    }
  });
+
+  it("serves the gateway-hosted A2UI scaffold", async () => {
+    const dir = await fs.mkdtemp(path.join(os.tmpdir(), "clawdis-canvas-"));
+
+    const server = await startCanvasHost({
+      runtime: defaultRuntime,
+      rootDir: dir,
+      port: 0,
+      listenHost: "127.0.0.1",
+      allowInTests: true,
+    });
+
+    try {
+      const res = await fetch(
+        `http://127.0.0.1:${server.port}/__clawdis__/a2ui/`,
+      );
+      const html = await res.text();
+      expect(res.status).toBe(200);
+      expect(html).toContain("clawdis-a2ui-host");
+      expect(html).toContain("clawdisCanvasA2UIAction");
+
+      const bundleRes = await fetch(
+        `http://127.0.0.1:${server.port}/__clawdis__/a2ui/a2ui.bundle.js`,
+      );
+      const js = await bundleRes.text();
+      expect(bundleRes.status).toBe(200);
+      expect(js).toContain("clawdisA2UI");
+    } finally {
+      await server.close();
+      await fs.rm(dir, { recursive: true, force: true });
+    }
+  });
 });