@cf-vibesdk/sdk 0.0.3 → 0.0.4

package/dist/index.js

@@ -213,6 +213,7 @@ class TypedEmitter {
 
 // src/state.ts
 var INITIAL_STATE = {
+  connection: "disconnected",
   generation: { status: "idle" },
   phase: { status: "idle" },
   preview: { status: "idle" },
@@ -235,6 +236,9 @@ class SessionStateStore {
   onChange(cb) {
     return this.emitter.on("change", ({ prev, next }) => cb(next, prev));
   }
+  setConnection(state) {
+    this.setState({ connection: state });
+  }
   applyWsMessage(msg) {
     switch (msg.type) {
       case "conversation_state": {
@@ -249,29 +253,57 @@ class SessionStateStore {
       }
       case "generation_started": {
         const m = msg;
-        this.setState({ generation: { status: "running", totalFiles: m.totalFiles } });
+        this.setState({
+          generation: { status: "running", totalFiles: m.totalFiles, filesGenerated: 0 },
+          currentFile: undefined
+        });
         break;
       }
       case "generation_complete": {
         const m = msg;
         const previewURL = m.previewURL;
+        const prev = this.state.generation;
+        const filesGenerated = "filesGenerated" in prev ? prev.filesGenerated : 0;
         this.setState({
           generation: {
             status: "complete",
             instanceId: m.instanceId,
-            previewURL
+            previewURL,
+            filesGenerated
           },
+          currentFile: undefined,
           ...previewURL ? { previewUrl: previewURL } : {}
         });
         break;
       }
       case "generation_stopped": {
         const m = msg;
-        this.setState({ generation: { status: "stopped", instanceId: m.instanceId } });
+        const prev = this.state.generation;
+        const filesGenerated = "filesGenerated" in prev ? prev.filesGenerated : 0;
+        this.setState({
+          generation: { status: "stopped", instanceId: m.instanceId, filesGenerated }
+        });
         break;
       }
       case "generation_resumed": {
-        this.setState({ generation: { status: "running" } });
+        const prev = this.state.generation;
+        const filesGenerated = "filesGenerated" in prev ? prev.filesGenerated : 0;
+        this.setState({ generation: { status: "running", filesGenerated } });
+        break;
+      }
+      case "file_generating": {
+        const m = msg;
+        this.setState({ currentFile: m.filePath });
+        break;
+      }
+      case "file_generated": {
+        const prev = this.state.generation;
+        if (prev.status === "running" || prev.status === "stopped") {
+          this.setState({
+            generation: { ...prev, filesGenerated: prev.filesGenerated + 1 },
+            currentFile: undefined
+          });
+        }
         break;
       }
       case "phase_generating": {
@@ -789,11 +821,18 @@ class BuildSession {
       ...Object.keys(headers).length ? { headers } : {},
       ...webSocketFactory ? { webSocketFactory } : {}
     };
+    this.state.setConnection("connecting");
     this.connection = createAgentConnection(this.websocketUrl, connectOptions);
     this.connection.on("ws:message", (m) => {
       this.workspace.applyWsMessage(m);
       this.state.applyWsMessage(m);
     });
+    this.connection.on("ws:open", () => {
+      this.state.setConnection("connected");
+    });
+    this.connection.on("ws:close", () => {
+      this.state.setConnection("disconnected");
+    });
     const credentials = agentOptions.credentials ?? this.init.defaultCredentials;
     const shouldRequestConversationState = autoRequestConversationState ?? true;
     this.connection.on("ws:open", () => {
@@ -1061,11 +1100,114 @@ class PhasicClient extends VibeClient {
     return super.build(prompt, { ...options, behaviorType: options.behaviorType ?? "phasic" });
   }
 }
+// src/blueprint.ts
+function isRecord2(v) {
+  return Boolean(v) && typeof v === "object" && !Array.isArray(v);
+}
+function blueprintToMarkdown(bp) {
+  const lines = [];
+  const title = bp.title ?? bp.projectName ?? "Blueprint";
+  lines.push(`# ${title}`);
+  if (bp.description) {
+    lines.push("");
+    lines.push(bp.description);
+  }
+  if (bp.frameworks?.length) {
+    lines.push("");
+    lines.push("## Frameworks");
+    for (const f of bp.frameworks)
+      lines.push(`- ${f}`);
+  }
+  if (bp.detailedDescription) {
+    lines.push("");
+    lines.push("## Details");
+    lines.push(bp.detailedDescription);
+  }
+  if (bp.views?.length) {
+    lines.push("");
+    lines.push("## Views");
+    for (const v of bp.views)
+      lines.push(`- **${v.name}**: ${v.description}`);
+  }
+  if (bp.plan?.length) {
+    lines.push("");
+    lines.push("## Plan");
+    bp.plan.forEach((s, idx) => lines.push(`${idx + 1}. ${s}`));
+  }
+  if (bp.implementationRoadmap?.length) {
+    lines.push("");
+    lines.push("## Roadmap");
+    for (const p of bp.implementationRoadmap)
+      lines.push(`- **${p.phase}**: ${p.description}`);
+  }
+  return lines.join(`
+`);
+}
+function extractJsonStringField(raw, key) {
+  const re = new RegExp(`"${key}"\\s*:\\s*"([^"\\n\\r]*)"`);
+  const m = re.exec(raw);
+  return m?.[1] ?? null;
+}
+
+class BlueprintStreamParser {
+  buffer = "";
+  append(chunk) {
+    this.buffer += chunk;
+    return this.toMarkdown();
+  }
+  toMarkdown() {
+    const startsLikeJson = /^\s*[\[{]/.test(this.buffer);
+    if (!startsLikeJson) {
+      return this.buffer;
+    }
+    try {
+      const parsed = JSON.parse(this.buffer);
+      if (isRecord2(parsed)) {
+        return blueprintToMarkdown(parsed);
+      }
+    } catch {}
+    const title = extractJsonStringField(this.buffer, "title") ?? extractJsonStringField(this.buffer, "projectName") ?? "Blueprint";
+    const desc = extractJsonStringField(this.buffer, "description");
+    const lines = [`# ${title}`, "", desc ? desc : "*Generating blueprint...*"];
+    return lines.join(`
+`);
+  }
+  getRaw() {
+    return this.buffer;
+  }
+  clear() {
+    this.buffer = "";
+  }
+}
+// src/utils.ts
+class TimeoutError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "TimeoutError";
+  }
+}
+async function withTimeout(promise, ms, message = "Operation timed out") {
+  let timeoutId;
+  const timeout = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => reject(new TimeoutError(message)), ms);
+  });
+  try {
+    return await Promise.race([promise, timeout]);
+  } finally {
+    if (timeoutId !== undefined)
+      clearTimeout(timeoutId);
+  }
+}
 export {
+  withTimeout,
+  isRecord2 as isRecord,
+  blueprintToMarkdown,
   WorkspaceStore,
   VibeClient,
+  TimeoutError,
   SessionStateStore,
   PhasicClient,
   BuildSession,
+  BlueprintStreamParser,
   AgenticClient
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cf-vibesdk/sdk",
-	"version": "0.0.3",
+	"version": "0.0.4",
 	"type": "module",
 	"exports": {
 		".": {
@@ -34,5 +34,3 @@
 		"typescript": "^5.9.3"
 	}
 }
-
-