webcake-landing-mcp 1.0.1 → 1.0.3

package/README.md

@@ -92,6 +92,32 @@ Or run the latest from GitHub (npx clones + builds via the `prepare` script on t
 npx -y github:vuluu2k/webcake-landing-mcp
 ```
 
+### Auto-configure your IDE (`install` subcommand)
+
+`npx` only **runs** the server — unlike `install.sh`/`install.ps1`, it does not write the MCP
+config into your IDE. The bundled `install` subcommand does that step for you, no clone needed:
+
+```bash
+# Interactive — asks for env + which IDE(s) step by step
+npx -y webcake-landing-mcp install
+
+# Non-interactive — configure every supported IDE at once
+npx -y webcake-landing-mcp install --ide all --jwt <your-jwt> --api-base http://localhost:5800
+
+# Just one IDE
+npx -y webcake-landing-mcp install --ide cursor --jwt <your-jwt>
+
+# Remove the server from every IDE config
+npx -y webcake-landing-mcp uninstall
+```
+
+It writes a `webcake-landing` entry (using the `npx` launch form below) into the right config file
+for each target: `claude-desktop`, `claude-code`, `cursor`, `windsurf`, `augment` (VS Code), `codex`,
+or `all`. Flags: `--ide`, `--api-base`, `--jwt`, `--org-id`, `--host`, `--app-base`, `--npx`/`--local`,
+`-y`. Run `npx -y webcake-landing-mcp --help` for the full list.
+
+### Manual config
+
 The MCP config is the same as the local one, but `command`/`args` point at `npx` instead of a built file:
 
 ```json

package/dist/factory.js

@@ -30,7 +30,8 @@ export const CONTAINER_TYPES = new Set([
     "slide",
     "popup",
     "form",
-    "gallery",
+    // NOTE: "gallery" is intentionally NOT here — gallery.js reads specials.media only,
+    // it never reads vm.children. gallery is a leaf element.
     "checkbox-group",
     "radio",
     "group-select",
@@ -158,7 +159,7 @@ export function createElement(type, overrides = {}) {
             seedPosition(el);
             setBox(el, 350, 400);
             el.specials.media = [imgPlaceholder(600, 400, "1"), imgPlaceholder(600, 400, "2"), imgPlaceholder(600, 400, "3")];
-            el.children = [];
+            // gallery has NO children — content comes entirely from specials.media (gallery.js never reads vm.children)
             break;
         case "popup":
             el.properties.movable = false;
@@ -188,6 +189,9 @@ export function createElement(type, overrides = {}) {
             setBox(el, 150, 36);
             if (FIELD_TYPES.has(type))
                 el.specials.field_name = `${type.replace(/-/g, "_")}_${el.id}`;
+            // cart-quantity is NOT in FIELD_TYPES but its renderer requires field_name — seed it explicitly.
+            if (type === "cart-quantity")
+                el.specials.field_name = `cart_quantity_${el.id}`;
             break;
         case "signature":
             seedPosition(el);
@@ -225,7 +229,7 @@ export function createElement(type, overrides = {}) {
             setStyle(el, "color", "rgba(255, 255, 255, 1)");
             setStyle(el, "background", "rgba(0, 0, 0, 1)");
             setStyle(el, "fontSize", 20);
-            el.specials = { type: "minute", duration: "60", showDay: true, showSecond: true, showText: true };
+            el.specials = { type: "minute", duration: "60", showDay: true, showSecond: true, showText: true, repeat: false, customize: false, customMessage: "", dailyStart: "", dailyEnd: "" };
             break;
         case "timegroup":
             seedPosition(el);
@@ -245,10 +249,12 @@ export function createElement(type, overrides = {}) {
             el.responsive.mobile.styles.left = 0;
             el.responsive.desktop.styles.top = 0;
             el.responsive.desktop.styles.left = 0;
+            el.specials.html = "";
             break;
         case "html-box":
             seedPosition(el);
             setBox(el, 280, 310);
+            el.specials.html = "";
             break;
         case "spin-wheel":
             seedPosition(el);
@@ -316,6 +322,7 @@ export function createElement(type, overrides = {}) {
                 imageWidth: 100,
                 multiOption: false,
                 alignment: "center",
+                hoveredBorder: "rgba(28,0,194,1)",
                 options: [
                     { id: randomId(), image: "", title: "Option 1", value: "value1", field_name: `sv_${el.id}_1` },
                     { id: randomId(), image: "", title: "Option 2", value: "value2", field_name: `sv_${el.id}_2` },

package/dist/index.js

@@ -233,6 +233,20 @@ server.tool("update_page", "Overwrite an EXISTING page's source with an edited t
     return text({ updated: outcome.ok, ...outcome, warnings: result.warnings });
 });
 async function main() {
+    // Subcommand dispatch: `webcake-landing-mcp install|uninstall` runs the
+    // bundled IDE installer instead of starting the MCP server. Default (no
+    // subcommand) starts the stdio server as usual.
+    const sub = process.argv[2];
+    if (sub === "install" || sub === "uninstall" || sub === "--help" || sub === "-h") {
+        const { runInstaller } = await import("./install.js");
+        const rest = sub === "uninstall"
+            ? ["--uninstall", ...process.argv.slice(3)]
+            : sub === "--help" || sub === "-h"
+                ? ["--help"]
+                : process.argv.slice(3);
+        await runInstaller(rest);
+        return;
+    }
     const transport = new StdioServerTransport();
     await server.connect(transport);
     // stderr only — stdout is the MCP channel.

package/dist/install.js

@@ -0,0 +1,395 @@
+/**
+ * Self-installer for webcake-landing-mcp.
+ *
+ * Runs when the server is invoked as `webcake-landing-mcp install` (e.g. via
+ * `npx -y webcake-landing-mcp install`). It collects env config and writes the
+ * MCP server block into each selected IDE/agent config file — the same job the
+ * standalone install.sh / install.ps1 do, but bundled so npx users don't need
+ * to clone anything.
+ *
+ * Two modes:
+ *   - Interactive (a TTY and no --ide flag): asks step by step.
+ *   - Flag-driven (--ide present, or no TTY): non-interactive.
+ *
+ * The launch command written into configs is `npx -y webcake-landing-mcp` when
+ * this installer itself was run via npx (path-independent), or
+ * `node <abs path>/dist/index.js` when run from a local clone. Override with
+ * --npx / --local.
+ */
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { homedir, platform } from "node:os";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { spawnSync } from "node:child_process";
+import { createInterface } from "node:readline";
+const NAME = "webcake-landing";
+const PKG = "webcake-landing-mcp";
+const HOME = homedir();
+const PLAT = platform(); // 'darwin' | 'linux' | 'win32'
+const APPDATA = process.env.APPDATA || join(HOME, "AppData", "Roaming");
+const c = {
+    reset: "\x1b[0m",
+    bold: "\x1b[1m",
+    red: "\x1b[31m",
+    green: "\x1b[32m",
+    yellow: "\x1b[33m",
+    cyan: "\x1b[36m",
+    gray: "\x1b[90m",
+};
+const log = (m = "", color = "") => console.log(`${color}${m}${c.reset}`);
+const info = (m) => log(`  ${c.cyan}›${c.reset} ${m}`);
+const ok = (m) => log(`  ${c.green}✓${c.reset} ${m}`);
+const warn = (m) => log(`  ${c.yellow}!${c.reset} ${m}`);
+// ── arg parsing ──────────────────────────────────────────────────────────────
+function parseArgs(argv) {
+    const o = { yes: false, uninstall: false };
+    const val = (a, i) => a.includes("=") ? a.slice(a.indexOf("=") + 1) : argv[++i];
+    for (let i = 0; i < argv.length; i++) {
+        const a = argv[i];
+        const next = () => (a.includes("=") ? a.slice(a.indexOf("=") + 1) : argv[++i]);
+        if (a === "--uninstall" || a === "uninstall")
+            o.uninstall = true;
+        else if (a === "-y" || a === "--yes")
+            o.yes = true;
+        else if (a === "--npx")
+            o.npx = true;
+        else if (a === "--local")
+            o.local = true;
+        else if (a.startsWith("--ide"))
+            o.ide = next();
+        else if (a.startsWith("--api-base"))
+            o.apiBase = next();
+        else if (a.startsWith("--jwt") || a.startsWith("--token"))
+            o.jwt = next();
+        else if (a.startsWith("--org-id") || a.startsWith("--org"))
+            o.orgId = next();
+        else if (a.startsWith("--host"))
+            o.host = next();
+        else if (a.startsWith("--app-base"))
+            o.appBase = next();
+        else if (a === "--help" || a === "-h")
+            o.ide = "__help__";
+        void val;
+    }
+    return o;
+}
+// ── readline prompt ──────────────────────────────────────────────────────────
+function ask(question) {
+    return new Promise((resolve) => {
+        const rl = createInterface({ input: process.stdin, output: process.stdout });
+        rl.question(question, (answer) => {
+            rl.close();
+            resolve(answer.trim());
+        });
+    });
+}
+// ── launch command (npx vs local node) ───────────────────────────────────────
+function resolveLaunch(o) {
+    const self = fileURLToPath(import.meta.url); // .../dist/install.js
+    const ranViaNpx = self.includes(`${"/"}_npx${"/"}`) || self.includes("\\_npx\\");
+    const useLocal = o.local ?? (!o.npx && !ranViaNpx);
+    if (useLocal) {
+        const indexPath = join(dirname(self), "index.js");
+        return { command: process.execPath, args: [indexPath] };
+    }
+    return { command: "npx", args: ["-y", PKG] };
+}
+// ── JSON config (Claude Desktop, Claude Code, Cursor, Windsurf, VS Code) ──────
+function mergeJson(file, launch, env) {
+    mkdirSync(dirname(file), { recursive: true });
+    let cfg = {};
+    if (existsSync(file)) {
+        const raw = readFileSync(file, "utf8").trim();
+        if (raw) {
+            try {
+                cfg = JSON.parse(raw);
+            }
+            catch (e) {
+                warn(`Skip ${file} (invalid JSON: ${e.message})`);
+                return false;
+            }
+        }
+    }
+    if (typeof cfg.mcpServers !== "object" || !cfg.mcpServers)
+        cfg.mcpServers = {};
+    cfg.mcpServers[NAME] = {
+        command: launch.command,
+        args: launch.args,
+        ...(Object.keys(env).length ? { env } : {}),
+    };
+    writeFileSync(file, JSON.stringify(cfg, null, 2) + "\n");
+    return true;
+}
+// ── TOML config (Codex) ──────────────────────────────────────────────────────
+function configureCodex(launch, env) {
+    const dir = join(HOME, ".codex");
+    const cfg = join(dir, "config.toml");
+    mkdirSync(dir, { recursive: true });
+    const argsToml = launch.args.map((a) => `"${a}"`).join(", ");
+    const envParts = Object.entries(env)
+        .map(([k, v]) => `"${k}" = "${v}"`)
+        .join(", ");
+    const envLine = envParts ? `env = { ${envParts} }\n` : "";
+    const block = `\n[mcp_servers.${NAME}]\ncommand = "${launch.command}"\nargs = [${argsToml}]\n${envLine}`;
+    let content = existsSync(cfg) ? readFileSync(cfg, "utf8") : "# Webcake Landing MCP\n";
+    content = content.replace(new RegExp(`\\n?\\[mcp_servers\\.${NAME}\\][\\s\\S]*?(?=\\n\\[|$)`), "");
+    content = content.trimEnd() + "\n" + block;
+    writeFileSync(cfg, content);
+}
+// ── IDE config-file locations ────────────────────────────────────────────────
+function claudeDesktopPath() {
+    if (PLAT === "win32")
+        return join(APPDATA, "Claude", "claude_desktop_config.json");
+    const mac = join(HOME, "Library", "Application Support", "Claude");
+    const dir = existsSync(mac) ? mac : join(HOME, ".config", "Claude");
+    return join(dir, "claude_desktop_config.json");
+}
+function vscodeUserPath() {
+    if (PLAT === "win32")
+        return join(APPDATA, "Code", "User", "mcp.json");
+    const mac = join(HOME, "Library", "Application Support", "Code", "User");
+    if (existsSync(mac))
+        return join(mac, "mcp.json");
+    const lin = join(HOME, ".config", "Code", "User");
+    if (existsSync(lin))
+        return join(lin, "mcp.json");
+    return join(HOME, ".vscode", "mcp.json");
+}
+const cursorPath = () => join(HOME, ".cursor", "mcp.json");
+const windsurfPath = () => join(HOME, ".codeium", "windsurf", "mcp_config.json");
+const claudeJsonPath = () => join(HOME, ".claude.json");
+function hasClaudeCli() {
+    const probe = spawnSync(PLAT === "win32" ? "where" : "which", ["claude"], {
+        stdio: "ignore",
+    });
+    return probe.status === 0;
+}
+// ── per-IDE configure ────────────────────────────────────────────────────────
+function configureClaudeCode(launch, env) {
+    info("Claude Code…");
+    if (hasClaudeCli()) {
+        spawnSync("claude", ["mcp", "remove", NAME], { stdio: "ignore" });
+        const envFlags = Object.entries(env).flatMap(([k, v]) => ["-e", `${k}=${v}`]);
+        const r = spawnSync("claude", ["mcp", "add", NAME, ...envFlags, "--", launch.command, ...launch.args], { stdio: "inherit" });
+        if (r.status === 0) {
+            ok("Claude Code configured via CLI — verify: claude mcp list");
+            return;
+        }
+        warn("claude CLI failed — falling back to ~/.claude.json");
+    }
+    if (mergeJson(claudeJsonPath(), launch, env))
+        ok(`Claude Code configured (${claudeJsonPath()})`);
+}
+function configureClaudeDesktop(launch, env) {
+    info("Claude Desktop…");
+    if (mergeJson(claudeDesktopPath(), launch, env)) {
+        ok(`Claude Desktop configured (${claudeDesktopPath()})`);
+        warn("Restart Claude Desktop to load the server.");
+    }
+}
+function configureCursor(launch, env) {
+    info("Cursor…");
+    if (mergeJson(cursorPath(), launch, env))
+        ok(`Cursor configured (${cursorPath()})`);
+}
+function configureWindsurf(launch, env) {
+    info("Windsurf…");
+    if (mergeJson(windsurfPath(), launch, env))
+        ok(`Windsurf configured (${windsurfPath()})`);
+}
+function configureAugment(launch, env) {
+    info("Augment / VS Code…");
+    if (mergeJson(vscodeUserPath(), launch, env))
+        ok(`VS Code configured (${vscodeUserPath()})`);
+}
+function configureCodexIde(launch, env) {
+    info("Codex…");
+    configureCodex(launch, env);
+    ok(`Codex configured (${join(HOME, ".codex", "config.toml")}) — restart Codex.`);
+}
+const IDE_ALIASES = {
+    "claude-desktop": "claude-desktop",
+    desktop: "claude-desktop",
+    "claude-code": "claude-code",
+    claude: "claude-code",
+    code: "claude-code",
+    cursor: "cursor",
+    windsurf: "windsurf",
+    augment: "augment",
+    vscode: "augment",
+    codex: "codex",
+    all: "all",
+};
+function runConfigure(ides, launch, env) {
+    const set = new Set(ides);
+    if (set.has("all")) {
+        configureClaudeDesktop(launch, env);
+        configureClaudeCode(launch, env);
+        configureCursor(launch, env);
+        configureWindsurf(launch, env);
+        configureAugment(launch, env);
+        configureCodexIde(launch, env);
+        return;
+    }
+    for (const id of set) {
+        if (id === "claude-desktop")
+            configureClaudeDesktop(launch, env);
+        else if (id === "claude-code")
+            configureClaudeCode(launch, env);
+        else if (id === "cursor")
+            configureCursor(launch, env);
+        else if (id === "windsurf")
+            configureWindsurf(launch, env);
+        else if (id === "augment")
+            configureAugment(launch, env);
+        else if (id === "codex")
+            configureCodexIde(launch, env);
+        else
+            warn(`Unknown IDE: ${id}`);
+    }
+}
+// ── uninstall ────────────────────────────────────────────────────────────────
+function removeFromJson(file) {
+    if (!existsSync(file))
+        return;
+    try {
+        const cfg = JSON.parse(readFileSync(file, "utf8"));
+        if (cfg.mcpServers && cfg.mcpServers[NAME]) {
+            delete cfg.mcpServers[NAME];
+            writeFileSync(file, JSON.stringify(cfg, null, 2) + "\n");
+            ok(`Cleaned ${file}`);
+        }
+    }
+    catch {
+        /* ignore unparseable files */
+    }
+}
+function uninstall() {
+    log(`\n${c.bold}Uninstalling ${PKG}${c.reset}\n`);
+    if (hasClaudeCli())
+        spawnSync("claude", ["mcp", "remove", NAME], { stdio: "ignore" });
+    [
+        claudeJsonPath(),
+        claudeDesktopPath(),
+        join(HOME, ".config", "Claude", "claude_desktop_config.json"),
+        cursorPath(),
+        windsurfPath(),
+        vscodeUserPath(),
+    ].forEach(removeFromJson);
+    const codex = join(HOME, ".codex", "config.toml");
+    if (existsSync(codex)) {
+        let content = readFileSync(codex, "utf8");
+        content = content.replace(new RegExp(`\\n?\\[mcp_servers\\.${NAME}\\][\\s\\S]*?(?=\\n\\[|$)`), "");
+        writeFileSync(codex, content.trimEnd() + "\n");
+        ok("Cleaned Codex config.toml");
+    }
+    log(`\n${c.green}Done. Restart your IDE.${c.reset}\n`);
+}
+function printHelp() {
+    log(`
+${c.bold}webcake-landing-mcp install${c.reset} — configure the MCP server in your IDE(s)
+
+${c.bold}Usage${c.reset}
+  npx -y ${PKG} install                 # interactive (asks step by step)
+  npx -y ${PKG} install --ide all       # non-interactive, all IDEs
+  npx -y ${PKG} install --ide claude-code --jwt <JWT> --api-base http://localhost:5800
+  npx -y ${PKG} uninstall               # remove from every IDE config
+
+${c.bold}Flags${c.reset}
+  --ide <list>      comma list: claude-desktop, claude-code, cursor, windsurf, augment, codex, all
+  --api-base <url>  WEBCAKE_API_BASE (default http://localhost:5800)
+  --jwt <token>     WEBCAKE_JWT (account token; optional, needed to persist)
+  --org-id <id>     WEBCAKE_ORG_ID (optional)
+  --host <host>     WEBCAKE_HOST (optional)
+  --app-base <url>  WEBCAKE_APP_BASE (optional)
+  --npx | --local   force the launch command form (default: auto-detect)
+  -y, --yes         accept defaults, skip confirmations
+  --uninstall       remove the server from all IDE configs
+`);
+}
+// ── main ─────────────────────────────────────────────────────────────────────
+export async function runInstaller(argv) {
+    const o = parseArgs(argv);
+    if (o.ide === "__help__")
+        return printHelp();
+    if (o.uninstall)
+        return uninstall();
+    log(`\n${c.cyan}${c.bold}Webcake Landing MCP — installer${c.reset}`);
+    log(`${c.gray}Build & edit Webcake landing pages from a prompt. 12 tools.${c.reset}`);
+    const interactive = !o.ide && process.stdin.isTTY && process.stdout.isTTY;
+    // 1) env
+    const env = {};
+    let apiBase = o.apiBase ?? process.env.WEBCAKE_API_BASE ?? "";
+    let jwt = o.jwt ?? process.env.WEBCAKE_JWT ?? "";
+    let orgId = o.orgId ?? process.env.WEBCAKE_ORG_ID ?? "";
+    const host = o.host ?? process.env.WEBCAKE_HOST ?? "";
+    const appBase = o.appBase ?? process.env.WEBCAKE_APP_BASE ?? "";
+    if (interactive) {
+        log(`\n${c.bold}1) Config${c.reset} ${c.gray}(Enter to skip — reference tools work with no creds)${c.reset}`);
+        apiBase =
+            (await ask(`  WEBCAKE_API_BASE [${apiBase || "http://localhost:5800"}]: `)) ||
+                apiBase ||
+                "http://localhost:5800";
+        jwt = (await ask(`  WEBCAKE_JWT (account token, optional): `)) || jwt;
+        orgId = (await ask(`  WEBCAKE_ORG_ID (optional): `)) || orgId;
+    }
+    else if (!apiBase) {
+        apiBase = "http://localhost:5800";
+    }
+    if (apiBase)
+        env.WEBCAKE_API_BASE = apiBase;
+    if (jwt)
+        env.WEBCAKE_JWT = jwt;
+    if (orgId)
+        env.WEBCAKE_ORG_ID = orgId;
+    if (host)
+        env.WEBCAKE_HOST = host;
+    if (appBase)
+        env.WEBCAKE_APP_BASE = appBase;
+    // 2) which IDEs
+    let ides = [];
+    if (o.ide) {
+        ides = o.ide
+            .split(",")
+            .map((s) => IDE_ALIASES[s.trim().toLowerCase()])
+            .filter(Boolean);
+    }
+    else if (interactive) {
+        log(`\n${c.bold}2) Which IDE(s) to configure?${c.reset}`);
+        log("  1) Claude Desktop   2) Claude Code (CLI)   3) Cursor");
+        log("  4) Windsurf         5) Augment (VS Code)   6) Codex");
+        log("  7) All              0) Skip");
+        const pick = await ask("  Select (comma-separated, e.g. 1,2): ");
+        const map = {
+            "1": "claude-desktop",
+            "2": "claude-code",
+            "3": "cursor",
+            "4": "windsurf",
+            "5": "augment",
+            "6": "codex",
+            "7": "all",
+        };
+        ides = pick
+            .split(",")
+            .map((s) => map[s.trim()])
+            .filter(Boolean);
+    }
+    else {
+        warn("No --ide given and not a TTY. Nothing to configure.");
+        printHelp();
+        return;
+    }
+    if (!ides.length) {
+        warn("No IDE selected — skipping configuration.");
+        return;
+    }
+    // 3) write
+    const launch = resolveLaunch(o);
+    log(`\n${c.bold}3) Writing config${c.reset} ${c.gray}(launch: ${launch.command} ${launch.args.join(" ")})${c.reset}`);
+    runConfigure(ides, launch, env);
+    // 4) summary
+    log(`\n${c.green}${c.bold}✓ Done.${c.reset}`);
+    log(`  ${c.gray}API base : ${apiBase || "(unset)"}${c.reset}`);
+    log(`  ${c.gray}JWT      : ${jwt ? jwt.slice(0, 8) + "…" : "(unset — reference tools still work)"}${c.reset}`);
+    log(`  Restart your IDE, then ask the AI: “Build a Webcake landing page”.\n`);
+}