create-interview-cockpit 0.10.0 → 0.12.0

package/package.json

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

package/template/client/src/api.ts

@@ -968,3 +968,100 @@ export async function fetchModuleFederationGeneratedFile(
 export async function stopModuleFederationSandbox(id: string): Promise<void> {
   await fetch(`${BASE}/module-federation/${id}`, { method: "DELETE" });
 }
+
+// ── React Lab (Vite) ─────────────────────────────────────────────────────────
+
+export interface ReactLabSandboxInfo {
+  id: string;
+  port: number;
+  url: string;
+}
+
+export async function startReactLabSandbox(
+  files: Record<string, string>,
+): Promise<ReactLabSandboxInfo> {
+  const res = await fetch(`${BASE}/react-lab/start`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ files }),
+  });
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(
+      (body as any).error || `Failed to start React lab (${res.status})`,
+    );
+  }
+  return res.json();
+}
+
+export async function updateReactLabFiles(
+  id: string,
+  files: Record<string, string>,
+): Promise<void> {
+  await fetch(`${BASE}/react-lab/${id}/update-files`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ files }),
+  });
+}
+
+export async function streamReactLabCommand(
+  input: { id: string; command: string },
+  onMessage: (message: ModuleFederationCommandStreamMessage) => void,
+): Promise<void> {
+  const res = await fetch(`${BASE}/react-lab/${input.id}/command-stream`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ command: input.command }),
+  });
+
+  if (!res.ok || !res.body) {
+    const error = await res.text().catch(() => "React lab command failed");
+    throw new Error(error || "React lab command failed");
+  }
+
+  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 dataLine = part.split("\n").find((l) => l.startsWith("data:"));
+      if (!dataLine) continue;
+      try {
+        const payload = JSON.parse(dataLine.slice(5).trim());
+        onMessage(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 readReactLabFile(
+  id: string,
+  filePath: string,
+): Promise<string | null> {
+  const res = await fetch(
+    `${BASE}/react-lab/${id}/read-file?path=${encodeURIComponent(filePath)}`,
+    { cache: "no-store" },
+  );
+  if (!res.ok) return null;
+  const body = (await res.json()) as { content?: string };
+  return body.content ?? null;
+}
+
+export async function stopReactLabSandbox(id: string): Promise<void> {
+  await fetch(`${BASE}/react-lab/${id}`, { method: "DELETE" });
+}