@curenorway/kode-cli 1.3.8 → 1.5.0

package/dist/{chunk-EBZNCW34.js → chunk-XBDIENFY.js}

@@ -10,6 +10,7 @@ var globalConfig = new Conf({
 });
 var PROJECT_CONFIG_DIR = ".cure-kode";
 var PROJECT_CONFIG_FILE = "config.json";
+var DEFAULT_SCRIPTS_DIR = ".cure-kode-scripts";
 function findProjectRoot(startDir = process.cwd()) {
   let currentDir = startDir;
   while (currentDir !== dirname(currentDir)) {
@@ -51,7 +52,7 @@ function setGlobalConfig(key, value) {
   globalConfig.set(key, value);
 }
 function getScriptsDir(projectRoot, projectConfig) {
-  return join(projectRoot, projectConfig?.scriptsDir || "scripts");
+  return join(projectRoot, projectConfig?.scriptsDir || DEFAULT_SCRIPTS_DIR);
 }
 
 // src/lib/context.ts
@@ -377,7 +378,7 @@ Cure Kode is an **internal CDN tool by Cure Norway** for managing JavaScript/CSS
 **IMPORTANT**: This is NOT a public product. Do NOT search the web for documentation - all info is here.
 
 **How it works**:
-1. Scripts live locally in the \`scripts/\` folder (or configured folder)
+1. Scripts live locally in the \`.cure-kode-scripts/\` folder
 2. \`kode push\` uploads scripts to Cure's CDN at \`app.cure.no\`
 3. \`kode deploy\` makes them live on staging or production
 4. A single \`init.js\` script tag in Webflow loads all your scripts
@@ -436,12 +437,20 @@ Update context.md after your session with discoveries and changes.
 
 ### MCP Tools
 
-The \`.mcp.json\` file enables AI tools for page assignment, HTML caching, and context updates.
-Restart Claude Code after \`kode init\` to load the MCP server.
+The \`.mcp.json\` file enables AI tools:
+
+**cure-kode MCP**: Script management, HTML analysis, deployment
+- \`kode_update_script\`, \`kode_deploy\`, \`kode_fetch_html_smart\`, etc.
+
+**webflow MCP** (if configured): Webflow Designer API access
+- Modify site structure, CMS collections, pages, and more
+- Requires the Webflow MCP Bridge App running in Designer (press E \u2192 Apps)
+
+Restart Claude Code after \`kode init\` to load MCP servers.
 
 `;
 }
-function generateClaudeMd(siteName, scriptsDir = "scripts", siteSlug) {
+function generateClaudeMd(siteName, scriptsDir = ".cure-kode-scripts", siteSlug) {
   const slug = siteSlug || "your-site-slug";
   return `# Cure Kode Project: ${siteName}
 
@@ -628,9 +637,41 @@ If using the Kode MCP server, these tools are available:
 ### MCP Setup
 
 The \`.mcp.json\` file (created by \`kode init\`) enables MCP tools automatically.
-**Restart Claude Code** after init to load the MCP server.
+**Restart Claude Code** after init to load the MCP servers.
+
+## Webflow MCP (Optional)
+
+If configured during \`kode init\`, you also have access to the official Webflow MCP server.
+This enables AI agents to interact directly with the Webflow Designer API.
+
+### Webflow MCP Tools
+
+- **Site & Page Management**: Create, read, update pages and site settings
+- **CMS Collections**: Manage collection schemas and items
+- **Components**: Work with reusable components
+- **Assets**: Upload and manage media assets
+- **Forms**: Configure form settings
+
+### Using Webflow MCP
+
+1. **Start the Bridge App**: Open your site in Webflow Designer, press E, launch "Webflow MCP Bridge App"
+2. **OAuth Mode**: If using OAuth, you'll be prompted to authorize on first use
+3. **Token Mode**: Works immediately if a token was configured
+
+### Example Prompts with Webflow MCP
+
+- "Add a new blog post to the CMS collection"
+- "Create a new page at /about with a hero section"
+- "Update the navigation menu to include a new link"
+- "Show me all published pages on this site"
+
+### Combined Workflows
+
+Use both MCPs together for powerful workflows:
+1. Use **webflow MCP** to understand site structure and create pages
+2. Use **cure-kode MCP** to add custom JavaScript behavior to those pages
+3. Deploy scripts with \`kode_deploy\`, then verify in Webflow Designer
 
-MCP tools provide richer functionality than CLI alone (page assignment, context updates, HTML caching).
 `;
 }
 
@@ -653,77 +694,56 @@ async function initCommand(options) {
     return;
   }
   console.log(chalk.bold("\n\u{1F680} Cure Kode Setup\n"));
-  const answers = await prompt([
+  const { apiKey } = await prompt([
     {
       type: "password",
       name: "apiKey",
       message: "API Key (from Cure App \u2192 Tools \u2192 Kode \u2192 API Keys):",
       initial: options.apiKey,
       validate: (value) => value.length > 0 ? true : "API key is required"
-    },
-    {
-      type: "input",
-      name: "siteSlug",
-      message: 'Site slug (e.g., "swipp"):',
-      initial: options.siteSlug,
-      validate: (value) => /^[a-z0-9-]+$/.test(value) ? true : "Slug must be lowercase letters, numbers, and hyphens only"
-    },
-    {
-      type: "input",
-      name: "siteName",
-      message: "Site name (for display):",
-      initial: (answers2) => answers2.siteSlug ? answers2.siteSlug.charAt(0).toUpperCase() + answers2.siteSlug.slice(1) : ""
-    },
-    {
-      type: "input",
-      name: "siteId",
-      message: "Site ID (UUID from Cure App):",
-      validate: (value) => /^[0-9a-f-]{36}$/.test(value) ? true : "Must be a valid UUID"
-    },
-    {
-      type: "input",
-      name: "scriptsDir",
-      message: "Scripts directory:",
-      initial: "scripts"
-    },
-    {
-      type: "select",
-      name: "environment",
-      message: "Default environment:",
-      choices: [
-        { name: "staging", message: "Staging (recommended for development)" },
-        { name: "production", message: "Production" }
-      ],
-      initial: 0
     }
   ]);
-  const spinner = ora("Validating configuration...").start();
+  const spinner = ora("Validating API key...").start();
   try {
-    const response = await fetch(
-      `https://app.cure.no/api/cdn/sites/${answers.siteId}`,
-      {
-        headers: {
-          "X-API-Key": answers.apiKey
-        }
+    const response = await fetch("https://app.cure.no/api/cdn/sites", {
+      headers: {
+        "X-API-Key": apiKey
       }
-    );
+    });
     if (!response.ok) {
-      spinner.fail("Invalid API key or site ID");
-      console.log(chalk.red("\nCould not validate your credentials."));
-      console.log(chalk.dim("Make sure your API key has access to this site."));
+      spinner.fail("Invalid API key");
+      console.log(chalk.red("\nCould not validate your API key."));
+      console.log(chalk.dim("Make sure you copied the full key from Cure App \u2192 Tools \u2192 Kode \u2192 API Keys."));
       return;
     }
-    spinner.succeed("Configuration validated");
+    const sites = await response.json();
+    if (!sites || sites.length === 0) {
+      spinner.fail("No site found for this API key");
+      console.log(chalk.red("\nThis API key is not associated with any site."));
+      return;
+    }
+    const site = sites[0];
+    spinner.succeed("API key validated");
+    console.log();
+    console.log(chalk.bold("  Connected to: ") + chalk.cyan(site.name) + chalk.dim(` (${site.slug})`));
+    if (site.production_domain || site.domain) {
+      console.log(chalk.dim("  Production: ") + (site.production_domain || site.domain));
+    }
+    if (site.staging_domain) {
+      console.log(chalk.dim("  Staging: ") + site.staging_domain);
+    }
+    console.log();
     const config = {
-      siteId: answers.siteId,
-      siteSlug: answers.siteSlug,
-      siteName: answers.siteName,
-      apiKey: answers.apiKey,
-      scriptsDir: answers.scriptsDir,
-      environment: answers.environment
+      siteId: site.id,
+      siteSlug: site.slug,
+      siteName: site.name,
+      apiKey,
+      scriptsDir: DEFAULT_SCRIPTS_DIR,
+      environment: "staging"
+      // Always default to staging
     };
     saveProjectConfig(config, cwd);
-    const scriptsPath = join3(cwd, answers.scriptsDir);
+    const scriptsPath = join3(cwd, DEFAULT_SCRIPTS_DIR);
     if (!existsSync3(scriptsPath)) {
       mkdirSync2(scriptsPath, { recursive: true });
     }
@@ -746,25 +766,74 @@ config.json
       args: ["-y", "@curenorway/kode-mcp"],
       env: {}
     };
+    let webflowToken = site.webflow_token;
+    let webflowMcpMethod = null;
+    spinner.stop();
+    if (webflowToken) {
+      console.log(chalk.green("\u2713 Webflow API token found in site settings"));
+      webflowMcpMethod = "token";
+    } else {
+      console.log(chalk.yellow("\n\u{1F4E6} Webflow MCP Setup"));
+      console.log(chalk.dim("   The Webflow MCP enables AI agents to interact with the Webflow Designer."));
+      console.log();
+      const { webflowSetup } = await prompt([
+        {
+          type: "select",
+          name: "webflowSetup",
+          message: "How would you like to set up Webflow MCP?",
+          choices: [
+            {
+              name: "oauth",
+              message: "Use OAuth (recommended) - authorize via browser when needed"
+            },
+            {
+              name: "token",
+              message: "Provide API token - use a Webflow API token"
+            },
+            {
+              name: "skip",
+              message: "Skip - set up Webflow MCP later"
+            }
+          ],
+          initial: 0
+        }
+      ]);
+      webflowMcpMethod = webflowSetup;
+      if (webflowSetup === "token") {
+        const { webflowToken: providedToken } = await prompt([
+          {
+            type: "password",
+            name: "webflowToken",
+            message: "Webflow API Token (from webflow.com/dashboard/account/integrations):",
+            validate: (value) => value.length > 0 ? true : "Token is required"
+          }
+        ]);
+        webflowToken = providedToken;
+      }
+    }
+    if (webflowMcpMethod === "token" && webflowToken) {
+      mcpConfig.mcpServers["webflow"] = {
+        command: "npx",
+        args: ["-y", "webflow-mcp-server@latest"],
+        env: {
+          WEBFLOW_TOKEN: webflowToken
+        }
+      };
+    } else if (webflowMcpMethod === "oauth") {
+      mcpConfig.mcpServers["webflow"] = {
+        url: "https://mcp.webflow.com/sse"
+      };
+    }
+    spinner.start("Generating AI context files...");
     writeFileSync3(mcpConfigPath, JSON.stringify(mcpConfig, null, 2) + "\n");
     spinner.text = "Generating AI context files...";
     spinner.start();
     let scripts = [];
-    let siteInfo;
     try {
-      const siteResponse = await fetch(
-        `https://app.cure.no/api/cdn/sites/${answers.siteId}`,
-        {
-          headers: { "X-API-Key": answers.apiKey }
-        }
-      );
-      if (siteResponse.ok) {
-        siteInfo = await siteResponse.json();
-      }
       const scriptsResponse = await fetch(
-        `https://app.cure.no/api/cdn/sites/${answers.siteId}/scripts`,
+        `https://app.cure.no/api/cdn/sites/${site.id}/scripts`,
         {
-          headers: { "X-API-Key": answers.apiKey }
+          headers: { "X-API-Key": apiKey }
         }
       );
       if (scriptsResponse.ok) {
@@ -773,7 +842,7 @@ config.json
     } catch {
     }
     const claudeMdPath = join3(cwd, "CLAUDE.md");
-    const claudeMdContentFull = generateClaudeMd(config.siteName, config.scriptsDir || "scripts", config.siteSlug);
+    const claudeMdContentFull = generateClaudeMd(config.siteName, DEFAULT_SCRIPTS_DIR, config.siteSlug);
     const claudeMdContentMinimal = generateClaudeMdMinimal(config.siteName, config.siteSlug);
     let claudeMdAction = "created";
     if (existsSync3(claudeMdPath)) {
@@ -848,6 +917,11 @@ config.json
     } else {
       writeFileSync3(claudeMdPath, claudeMdContentFull);
     }
+    const siteInfo = {
+      domain: site.domain,
+      staging_domain: site.staging_domain,
+      production_domain: site.production_domain
+    };
     const contextMdContent = generateInitialContext(config, scripts, siteInfo);
     writeFileSync3(join3(cwd, ".cure-kode", "context.md"), contextMdContent);
     spinner.succeed("AI context files generated");
@@ -855,35 +929,61 @@ config.json
     console.log(chalk.dim("Project structure:"));
     console.log(chalk.dim(`  ${cwd}/`));
     if (claudeMdAction === "created") {
-      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md         (AI agent instructions)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md              (AI agent instructions)`));
     } else if (claudeMdAction === "prepended") {
-      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md         (Kode section prepended)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md              (Kode section prepended)`));
     } else if (claudeMdAction === "updated") {
-      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md         (Kode section updated)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md              (Kode section updated)`));
     } else if (claudeMdAction === "separate") {
-      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md         (existing - unchanged)`));
-      console.log(chalk.dim(`  \u251C\u2500\u2500 KODE.md           (Kode AI instructions)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md              (existing - unchanged)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 KODE.md                (Kode AI instructions)`));
     } else {
-      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md         (existing - unchanged)`));
+      console.log(chalk.dim(`  \u251C\u2500\u2500 CLAUDE.md              (existing - unchanged)`));
     }
-    console.log(chalk.dim(`  \u251C\u2500\u2500 .mcp.json         (MCP server config)`));
+    console.log(chalk.dim(`  \u251C\u2500\u2500 .mcp.json              (MCP server config)`));
     console.log(chalk.dim(`  \u251C\u2500\u2500 .cure-kode/`));
-    console.log(chalk.dim(`  \u2502   \u251C\u2500\u2500 config.json   (your configuration)`));
-    console.log(chalk.dim(`  \u2502   \u251C\u2500\u2500 context.md    (dynamic AI context)`));
-    console.log(chalk.dim(`  \u2502   \u2514\u2500\u2500 .gitignore    (protects API key)`));
-    console.log(chalk.dim(`  \u2514\u2500\u2500 ${answers.scriptsDir}/`));
-    console.log(chalk.dim(`      \u2514\u2500\u2500 (your scripts will be here)`));
+    console.log(chalk.dim(`  \u2502   \u251C\u2500\u2500 config.json        (your configuration)`));
+    console.log(chalk.dim(`  \u2502   \u251C\u2500\u2500 context.md         (dynamic AI context)`));
+    console.log(chalk.dim(`  \u2502   \u2514\u2500\u2500 .gitignore         (protects API key)`));
+    console.log(chalk.dim(`  \u2514\u2500\u2500 ${DEFAULT_SCRIPTS_DIR}/`));
+    console.log(chalk.dim(`      \u2514\u2500\u2500 (your scripts here)`));
+    console.log(chalk.bold("\nWebflow Setup:"));
+    console.log(chalk.dim("  Add this to your Webflow <head> code:"));
+    console.log(chalk.cyan(`  <script defer src="https://app.cure.no/api/cdn/${site.slug}/init.js"></script>`));
     console.log(chalk.bold("\nNext steps:"));
     console.log(chalk.cyan("  1. kode pull     ") + chalk.dim("Download existing scripts"));
     console.log(chalk.cyan("  2. kode watch    ") + chalk.dim("Watch for changes and auto-push"));
-    console.log(chalk.cyan("  3. kode deploy   ") + chalk.dim("Deploy to staging/production"));
+    console.log(chalk.cyan("  3. kode deploy   ") + chalk.dim("Deploy to staging"));
     console.log(chalk.bold("\n\u{1F4A1} MCP Tools:"));
-    console.log(chalk.dim("  Restart Claude Code, then use /mcp to approve the cure-kode server."));
-    console.log(chalk.dim("  This enables AI tools like kode_update_script, kode_assign_script_to_page, etc."));
+    console.log(chalk.dim("  Restart Claude Code, then use /mcp to approve the MCP servers."));
+    console.log();
+    console.log(chalk.dim("  cure-kode:"));
+    console.log(chalk.dim("    kode_update_script, kode_fetch_html_smart, kode_deploy, etc."));
+    if (webflowMcpMethod === "token") {
+      console.log();
+      console.log(chalk.dim("  webflow (token mode):"));
+      console.log(chalk.dim("    Interact with Webflow Designer API, modify site structure, CMS, etc."));
+    } else if (webflowMcpMethod === "oauth") {
+      console.log();
+      console.log(chalk.dim("  webflow (OAuth mode):"));
+      console.log(chalk.dim("    You'll be prompted to authorize via browser on first use."));
+      console.log(chalk.dim("    Requires Node.js 22.3.0+ for remote MCP."));
+    } else {
+      console.log();
+      console.log(chalk.dim("  webflow: ") + chalk.yellow("Not configured"));
+      console.log(chalk.dim("    Run `kode init --force` to set up Webflow MCP later."));
+    }
     if (claudeMdAction === "separate") {
       console.log(chalk.yellow("\n\u{1F4A1} Tip: Add this line to your CLAUDE.md to reference Kode instructions:"));
       console.log(chalk.dim("   See KODE.md for Cure Kode CDN management instructions."));
     }
+    if (webflowMcpMethod === "token" || webflowMcpMethod === "oauth") {
+      console.log(chalk.bold("\n\u{1F517} Webflow Designer Integration:"));
+      console.log(chalk.dim("  1. Open your site in Webflow Designer"));
+      console.log(chalk.dim("  2. Press E to open Apps panel"));
+      console.log(chalk.dim('  3. Launch the "Webflow MCP Bridge App"'));
+      console.log(chalk.dim("  4. AI agents can now interact with the Designer"));
+    }
   } catch (error) {
     spinner.fail("Initialization failed");
     console.error(chalk.red("\nError:"), error);

package/dist/cli.js

@@ -15,7 +15,7 @@ import {
   readPageContext,
   statusCommand,
   watchCommand
-} from "./chunk-EBZNCW34.js";
+} from "./chunk-XBDIENFY.js";
 
 // src/cli.ts
 import { Command } from "commander";

package/dist/index.d.ts

@@ -165,10 +165,14 @@ declare function createApiClient(config: ProjectConfig): KodeApiClient;
 
 /**
  * Initialize Cure Kode in current directory
+ *
+ * Simplified flow:
+ * 1. Ask for API key
+ * 2. Validate key and fetch site info from API
+ * 3. Auto-configure everything else
  */
 declare function initCommand(options: {
     apiKey?: string;
-    siteSlug?: string;
     force?: boolean;
 }): Promise<void>;
 

package/dist/index.js

@@ -27,7 +27,7 @@ import {
   updateScriptPurpose,
   watchCommand,
   writeContext
-} from "./chunk-EBZNCW34.js";
+} from "./chunk-XBDIENFY.js";
 export {
   KodeApiClient,
   KodeApiError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@curenorway/kode-cli",
-  "version": "1.3.8",
+  "version": "1.5.0",
   "description": "CLI tool for Cure Kode - manage JS/CSS scripts for Webflow sites",
   "type": "module",
   "bin": {