@curenorway/kode-cli 1.4.0 → 1.5.0

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

@@ -437,8 +437,16 @@ 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.
 
 `;
 }
@@ -629,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).
 `;
 }
 
@@ -726,6 +766,65 @@ 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();
@@ -856,12 +955,35 @@ config.json
     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"));
     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_fetch_html_smart, 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-OW3XKTBO.js";
+} from "./chunk-XBDIENFY.js";
 
 // src/cli.ts
 import { Command } from "commander";

package/dist/index.js

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

package/package.json

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