create-interview-cockpit 0.14.0 → 0.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-interview-cockpit",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Scaffold a personal AI-powered interview prep cockpit",
   "type": "module",
   "bin": {

package/template/client/src/App.tsx

@@ -10,6 +10,7 @@ import AiSettingsModal from "./components/AiSettingsModal";
 import CodeRunnerModal from "./components/CodeRunnerModal";
 import InfraLabModal from "./components/InfraLabModal";
 import DeploymentLabModal from "./components/DeploymentLabModal";
+import CanvasLabModal from "./components/CanvasLabModal";
 import {
   Code,
   FlaskConical,
@@ -44,6 +45,7 @@ export default function App() {
     showCodeRunner,
     showInfraLab,
     showDeploymentLab,
+    showCanvasLab,
     closeCodeRunner,
   } = useStore();
 
@@ -190,6 +192,7 @@ export default function App() {
       {showCodeRunner && <CodeRunnerModal />}
       {showInfraLab && <InfraLabModal />}
       {showDeploymentLab && <DeploymentLabModal />}
+      {showCanvasLab && <CanvasLabModal />}
     </div>
   );
 }

package/template/client/src/api.ts

@@ -346,6 +346,7 @@ export async function saveCodeSnippet(
     | "user"
     | "ai"
     | "sandbox"
+    | "browser-security"
     | "infra"
     | "react"
     | "nextjs"
@@ -1084,6 +1085,44 @@ export async function readReactLabFile(
   return body.content ?? null;
 }
 
+export async function streamNextjsCommand(
+  input: { id: string; command: string },
+  onMessage: (message: ModuleFederationCommandStreamMessage) => void,
+): Promise<void> {
+  const res = await fetch(`${BASE}/nextjs/${input.id}/command-stream`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ command: input.command }),
+  });
+  if (!res.ok || !res.body) throw new Error(`Command failed: ${res.status}`);
+
+  const reader = res.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+
+  const flushBuffer = () => {
+    const parts = buffer.split("\n\n");
+    buffer = parts.pop() ?? "";
+    for (const part of parts) {
+      const line = part.trim();
+      if (!line.startsWith("data:")) continue;
+      const payload = line.slice(5).trim();
+      if (!payload) continue;
+      try {
+        onMessage(JSON.parse(payload) as ModuleFederationCommandStreamMessage);
+      } catch {}
+    }
+  };
+
+  while (true) {
+    const { value, done } = await reader.read();
+    buffer += decoder.decode(value ?? new Uint8Array(), { stream: !done });
+    flushBuffer();
+    if (done) break;
+  }
+  if (buffer.trim()) flushBuffer();
+}
+
 export async function stopReactLabSandbox(id: string): Promise<void> {
   await fetch(`${BASE}/react-lab/${id}`, { method: "DELETE" });
 }