vibespot 0.4.4 → 0.5.0

package/dist/index.js

@@ -1124,6 +1124,13 @@ function getHubspotRules() {
     return "";
   }
 }
+function getHumanifyGuide() {
+  try {
+    return readFile(resolveAsset("humanify-guide.md"));
+  } catch {
+    return "";
+  }
+}
 function getPageTypeGuide(pageType) {
   try {
     const fullGuide = readFile(resolveAsset("page-types.md"));
@@ -1305,7 +1312,8 @@ var ClaudeCodeEngine = class {
         const child = spawn("claude", args, {
           cwd: themePath,
           stdio: ["pipe", "pipe", "pipe"],
-          env
+          env,
+          shell: true
         });
         child.stdout.on("data", (d) => {
           stdout += d.toString();
@@ -1642,7 +1650,7 @@ ${guide}`;
 
 // src/ai/claude-api.ts
 import Anthropic from "@anthropic-ai/sdk";
-import { join as join7 } from "path";
+import { join as join7, basename as basename3 } from "path";
 import { readdirSync as readdirSync5 } from "fs";
 var ClaudeAPIEngine = class {
   client;
@@ -1655,7 +1663,7 @@ var ClaudeAPIEngine = class {
   async convert(opts) {
     const { sourceDir, themePath, conversionGuide, onProgress } = opts;
     const systemPrompt = buildSystemPrompt(conversionGuide);
-    const dirName = sourceDir.split("/").pop() || "page";
+    const dirName = basename3(sourceDir) || "page";
     const pagePrefix = dirName.toLowerCase().replace(/[^a-z0-9]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "").slice(0, 15);
     onProgress("css", "Analyzing design system...");
     const indexCss = this.findAndReadCSS(sourceDir);
@@ -1835,7 +1843,8 @@ var GeminiCLIEngine = class {
       const child = spawn2("gemini", ["-p", prompt], {
         cwd: themePath,
         stdio: ["pipe", "pipe", "pipe"],
-        env: { ...process.env }
+        env: { ...process.env },
+        shell: true
       });
       let stdout = "";
       let stderr = "";
@@ -1962,7 +1971,8 @@ var CodexCLIEngine = class {
       const child = spawn3("codex", ["exec", "--full-auto", prompt], {
         cwd: themePath,
         stdio: ["pipe", "pipe", "pipe"],
-        env: { ...process.env }
+        env: { ...process.env },
+        shell: true
       });
       let stdout = "";
       let stderr = "";
@@ -2417,7 +2427,7 @@ function validateModuleMeta(themePath) {
 }
 
 // src/wizard/uploader.ts
-import { join as join12 } from "path";
+import { join as join12, basename as basename4 } from "path";
 
 // src/server/auto-fix.ts
 import { join as join11 } from "path";
@@ -2741,7 +2751,7 @@ function countUploadedFiles(output) {
 }
 async function runUpload(themePath) {
   await intro2("Uploading to HubSpot");
-  const themeName = themePath.split("/").pop() || themePath;
+  const themeName = basename4(themePath) || themePath;
   const s = await spinner2();
   const MAX_RETRIES = 3;
   for (let attempt = 1; attempt <= MAX_RETRIES; attempt++) {
@@ -2831,7 +2841,7 @@ The theme may work \u2014 check HubSpot Design Manager.`
 // src/wizard/next-steps.ts
 import { execSync as execSync2 } from "child_process";
 import { rmSync as rmSync3 } from "fs";
-import { basename as basename3 } from "path";
+import { basename as basename5 } from "path";
 async function showNextSteps(opts) {
   const { portalId, sourceDir, themePath, wasCloned } = opts;
   await intro2("You're all set!");
@@ -2874,10 +2884,10 @@ Next steps:
   }
   const dirsToClean = [];
   if (wasCloned && fileExists(sourceDir)) {
-    dirsToClean.push({ path: sourceDir, label: `Cloned source (${basename3(sourceDir)})` });
+    dirsToClean.push({ path: sourceDir, label: `Cloned source (${basename5(sourceDir)})` });
   }
   if (fileExists(themePath)) {
-    dirsToClean.push({ path: themePath, label: `Theme directory (${basename3(themePath)})` });
+    dirsToClean.push({ path: themePath, label: `Theme directory (${basename5(themePath)})` });
   }
   if (dirsToClean.length > 0) {
     const cleanup = await confirm2({
@@ -3087,7 +3097,7 @@ import chalk2 from "chalk";
 // src/server/server.ts
 import { createServer } from "http";
 import { readFileSync as readFileSync5, existsSync as existsSync5, readdirSync as readdirSync11, appendFileSync, rmSync as rmSync5, renameSync as renameSync2 } from "fs";
-import { join as join15, extname as extname2, basename as basename5 } from "path";
+import { join as join15, extname as extname2, basename as basename7 } from "path";
 import { homedir as homedir4 } from "os";
 import { execSync as execSync4 } from "child_process";
 import { WebSocketServer } from "ws";
@@ -3376,6 +3386,14 @@ function removeModule(moduleName) {
   activeSession.updatedAt = Date.now();
   syncFlatFieldsToTemplate();
 }
+function detachModule(moduleName) {
+  if (!activeSession) return;
+  activeSession.moduleOrder = activeSession.moduleOrder.filter(
+    (n) => n !== moduleName
+  );
+  activeSession.updatedAt = Date.now();
+  syncFlatFieldsToTemplate();
+}
 function updateFieldValue(moduleName, fieldPath, value) {
   if (!activeSession) return;
   const mod = activeSession.modules.find((m) => m.moduleName === moduleName);
@@ -3484,7 +3502,14 @@ function listSessions() {
   return readdirSync10(SESSIONS_DIR).filter((f) => f.endsWith(".json")).map((f) => {
     try {
       const data = JSON.parse(readFileSync4(join14(SESSIONS_DIR, f), "utf-8"));
-      return { id: data.id, themeName: data.themeName, updatedAt: data.updatedAt };
+      const templates = data.templates || [];
+      return {
+        id: data.id,
+        themeName: data.themeName,
+        updatedAt: data.updatedAt,
+        moduleCount: templates.reduce((n, t) => n + (t.modules?.length || 0), 0),
+        templateCount: templates.length
+      };
     } catch {
       return null;
     }
@@ -4364,19 +4389,28 @@ If the change affects shared CSS or JS, include those too.`;
 ## Page Type Context
 ${pageTypeSection}` : "";
   let brandPrompt = "";
-  if (!editMode && brandAssets) {
-    if (brandAssets.styleguide) {
+  if (!editMode) {
+    if (brandAssets?.styleguide) {
       brandPrompt += `
 
 ## Brand Style Guide
 ${brandAssets.styleguide}`;
     }
-    if (brandAssets.brandvoice) {
+    if (brandAssets?.brandvoice) {
       brandPrompt += `
 
 ## Brand Voice
 ${brandAssets.brandvoice}`;
     }
+    if (brandAssets?.humanify !== false) {
+      const humanifyGuide = getHumanifyGuide();
+      if (humanifyGuide) {
+        brandPrompt += `
+
+## Anti-AI Copy Rules (Humanify)
+${humanifyGuide}`;
+      }
+    }
   }
   if (editMode) {
     return core + pageTypePrompt + `
@@ -4714,7 +4748,8 @@ function spawnCLI(bin, args, prompt, onChunk) {
     delete env.CLAUDECODE;
     const child = spawn4(bin, args, {
       stdio: ["pipe", "pipe", "pipe"],
-      env
+      env,
+      shell: true
     });
     let stdout = "";
     let stderr = "";
@@ -5295,8 +5330,12 @@ function handleModulesRoute(method, req, res) {
   }
   if (method === "DELETE") {
     readBody(req, (body) => {
-      const { moduleName } = JSON.parse(body);
-      removeModule(moduleName);
+      const { moduleName, deleteEntirely } = JSON.parse(body);
+      if (deleteEntirely) {
+        removeModule(moduleName);
+      } else {
+        detachModule(moduleName);
+      }
       saveSession();
       jsonResponse(res, 200, { ok: true });
     });
@@ -5410,7 +5449,15 @@ function handleSetupInfoRoute(res) {
         if (entry.isDirectory()) {
           const themeJson = join15(WORKSPACE_DIR, entry.name, "theme.json");
           if (existsSync5(themeJson)) {
-            localThemes.push(entry.name);
+            let moduleCount = 0;
+            const modulesDir = join15(WORKSPACE_DIR, entry.name, "modules");
+            if (existsSync5(modulesDir)) {
+              try {
+                moduleCount = readdirSync11(modulesDir, { withFileTypes: true }).filter((e) => e.isDirectory()).length;
+              } catch {
+              }
+            }
+            localThemes.push({ name: entry.name, moduleCount });
           }
         }
       }
@@ -5524,7 +5571,7 @@ function handleSetupOpenRoute(req, res) {
         jsonResponse(res, 400, { error: `Theme folder not found: ${themePath}` });
         return;
       }
-      const themeName = basename5(fullPath);
+      const themeName = basename7(fullPath);
       createSession(fullPath, themeName);
       scanThemeFromDisk(fullPath);
       saveSession();
@@ -5867,17 +5914,19 @@ function handleSettingsCLIAuthRoute(req, res) {
             const key = apiKey.trim();
             process.env.OPENAI_API_KEY = key;
             saveConfig({ openaiApiKey: key });
-            const profileLine = `export OPENAI_API_KEY="${key}"`;
-            const shellProfile = process.env.SHELL?.includes("zsh") ? join15(homedir4(), ".zshrc") : join15(homedir4(), ".bashrc");
-            try {
-              const existing = existsSync5(shellProfile) ? readFileSync5(shellProfile, "utf-8") : "";
-              if (!existing.includes("OPENAI_API_KEY")) {
-                appendFileSync(shellProfile, `
+            if (process.platform !== "win32") {
+              const profileLine = `export OPENAI_API_KEY="${key}"`;
+              const shellProfile = process.env.SHELL?.includes("zsh") ? join15(homedir4(), ".zshrc") : join15(homedir4(), ".bashrc");
+              try {
+                const existing = existsSync5(shellProfile) ? readFileSync5(shellProfile, "utf-8") : "";
+                if (!existing.includes("OPENAI_API_KEY")) {
+                  appendFileSync(shellProfile, `
 # Added by vibeSpot
 ${profileLine}
 `);
+                }
+              } catch {
               }
-            } catch {
             }
             jsonResponse(res, 200, { ok: true, message: "API key saved" });
           } else {
@@ -6049,7 +6098,8 @@ function handleDashboardRoute(res) {
     })),
     brandAssets: {
       hasStyleguide: !!session.brandAssets?.styleguide,
-      hasBrandvoice: !!session.brandAssets?.brandvoice
+      hasBrandvoice: !!session.brandAssets?.brandvoice,
+      humanify: session.brandAssets?.humanify !== false
     }
   });
 }
@@ -6208,15 +6258,26 @@ function handleBrandAssetsRoute(method, req, res) {
     readBody(req, (body) => {
       try {
         const { type, content } = JSON.parse(body);
-        if (!type || !content) {
-          jsonResponse(res, 400, { error: "type and content are required" });
+        if (!type) {
+          jsonResponse(res, 400, { error: "type is required" });
+          return;
+        }
+        if (!session.brandAssets) session.brandAssets = {};
+        if (type === "humanify") {
+          session.brandAssets.humanify = content === "on";
+          session.updatedAt = Date.now();
+          saveSession();
+          jsonResponse(res, 200, { ok: true });
+          return;
+        }
+        if (!content) {
+          jsonResponse(res, 400, { error: "content is required" });
           return;
         }
         if (type !== "styleguide" && type !== "brandvoice") {
           jsonResponse(res, 400, { error: `Invalid type: ${type}. Must be "styleguide" or "brandvoice"` });
           return;
         }
-        if (!session.brandAssets) session.brandAssets = {};
         session.brandAssets[type] = content;
         session.updatedAt = Date.now();
         const assetDir = join15(session.themePath, ".vibespot");
@@ -6508,8 +6569,13 @@ async function vibeCommand() {
     console.log(accent(`  v ${url}`));
     console.log(dim("  Press Ctrl+C to stop\n"));
     try {
-      const openCmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
-      execSync5(`${openCmd} ${url}`, { stdio: "ignore" });
+      if (process.platform === "darwin") {
+        execSync5(`open "${url}"`, { stdio: "ignore" });
+      } else if (process.platform === "win32") {
+        execSync5(`cmd /c start "" "${url}"`, { stdio: "ignore" });
+      } else {
+        execSync5(`xdg-open "${url}"`, { stdio: "ignore" });
+      }
     } catch {
     }
     await new Promise((resolve) => {