create-interview-cockpit 0.7.0 → 0.9.0

package/package.json

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

package/template/client/src/api.ts

@@ -800,6 +800,11 @@ export interface ModuleFederationSandboxStatus {
   logs?: string[];
 }
 
+export type ModuleFederationCommandStreamMessage =
+  | { type: "output"; kind: "stdout" | "stderr" | "info"; text: string }
+  | { type: "complete" }
+  | { type: "error"; error: string };
+
 export async function startNextjsSandbox(
   files: Record<string, string>,
 ): Promise<NextjsSandboxInfo> {
@@ -865,11 +870,101 @@ export async function updateModuleFederationFiles(
 export async function fetchModuleFederationStatus(
   id: string,
 ): Promise<ModuleFederationSandboxStatus> {
-  const res = await fetch(`${BASE}/module-federation/${id}/status`);
+  const res = await fetch(`${BASE}/module-federation/${id}/status`, {
+    cache: "no-store",
+  });
   if (!res.ok) throw new Error(await res.text());
   return res.json();
 }
 
+export async function streamModuleFederationCommand(
+  input: { id: string; command: string; cwd?: string },
+  onMessage: (message: ModuleFederationCommandStreamMessage) => void,
+): Promise<void> {
+  const res = await fetch(
+    `${BASE}/module-federation/${input.id}/command-stream`,
+    {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ command: input.command, cwd: input.cwd }),
+    },
+  );
+
+  if (!res.ok || !res.body) {
+    const error = await res.text().catch(() => "Webpack command failed");
+    throw new Error(error || "Webpack command failed");
+  }
+
+  const reader = res.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+
+  const flushBuffer = () => {
+    const events = buffer.replace(/\r/g, "").split("\n\n");
+    buffer = events.pop() ?? "";
+
+    for (const event of events) {
+      if (!event.trim()) continue;
+      const payload = event
+        .split("\n")
+        .filter((line) => line.startsWith("data:"))
+        .map((line) => line.slice(5).trimStart())
+        .join("\n");
+
+      if (!payload) continue;
+      onMessage(JSON.parse(payload) as ModuleFederationCommandStreamMessage);
+    }
+  };
+
+  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 fetchModuleFederationGeneratedFiles(
+  id: string,
+): Promise<string[]> {
+  const res = await fetch(`${BASE}/module-federation/${id}/generated-files`, {
+    cache: "no-store",
+  });
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(
+      (body as any).error ||
+        `Failed to load generated files for webpack lab (${res.status})`,
+    );
+  }
+  const body = (await res.json()) as { files?: string[] };
+  return Array.isArray(body.files) ? body.files : [];
+}
+
+export async function fetchModuleFederationGeneratedFile(
+  id: string,
+  filePath: string,
+): Promise<{ path: string; content: string }> {
+  const res = await fetch(
+    `${BASE}/module-federation/${id}/generated-file?path=${encodeURIComponent(filePath)}`,
+    {
+      cache: "no-store",
+    },
+  );
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(
+      (body as any).error ||
+        `Failed to load generated webpack file (${res.status})`,
+    );
+  }
+  return res.json();
+}
+
 export async function stopModuleFederationSandbox(id: string): Promise<void> {
   await fetch(`${BASE}/module-federation/${id}`, { method: "DELETE" });
 }