webcake-landing-mcp 1.0.9 → 1.0.10

package/README.md

@@ -147,14 +147,14 @@ npx -y github:vuluu2k/webcake-landing-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
+# Interactive — pick environment, log in via browser (or paste a JWT), pick IDE(s)
 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
+# Non-interactive — configure every supported IDE at once (env + token via flags)
+npx -y webcake-landing-mcp install --ide all --env prod --jwt <your-jwt>
 
-# Just one IDE
-npx -y webcake-landing-mcp install --ide cursor --jwt <your-jwt>
+# Local dev — point at your local stack (localhost:5800 / :5173)
+npx -y webcake-landing-mcp install --ide cursor --env local --jwt <your-jwt>
 
 # Remove the server from every IDE config
 npx -y webcake-landing-mcp uninstall
@@ -162,8 +162,10 @@ 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.
+or `all`. Interactively it asks for the **environment** (`local`/`staging`/`prod`, which sets the API +
+app URLs) and whether to **log in via the browser or paste a JWT**. Flags: `--ide`, `--env`, `--jwt`,
+`--org-id`, `--api-base`/`--app-base`/`--host` (advanced overrides), `--npx`/`--local`, `-y`. Run
+`npx -y webcake-landing-mcp install --help` for the full list.
 
 ### Manual config
 
@@ -176,7 +178,7 @@ The MCP config is the same as the local one, but `command`/`args` point at `npx`
       "command": "npx",
       "args": ["-y", "webcake-landing-mcp"],
       "env": {
-        "WEBCAKE_API_BASE": "http://localhost:5800",
+        "WEBCAKE_ENV": "prod",
         "WEBCAKE_JWT": "<your-jwt>"
       }
     }
@@ -301,7 +303,11 @@ Instead of copying a JWT by hand, run:
 # Production — zero config (defaults: connect via webcake.io, API via api.webcake.io):
 npx -y webcake-landing-mcp login
 
-# Local dev — point at your local SPA (5173) + API (5800):
+# Local dev / staging — pick a named environment (see Environments below):
+node dist/index.js login --env local      # SPA :5173 + API :5800
+node dist/index.js login --env staging    # staging.webcake.io + api.staging.webcake.io
+
+# …or point at custom URLs explicitly (these override --env):
 node dist/index.js login \
   --connect-url http://localhost:5173/mcp-connect \
   --api-base http://localhost:5800
@@ -346,7 +352,8 @@ flow can also be done entirely in the SPA, no backend route needed.)
 
 | Variable | Required | Description |
 |----------|----------|-------------|
-| `WEBCAKE_API_BASE` | No* | Backend base URL, e.g. `http://localhost:5800`. Required to persist. |
+| `WEBCAKE_ENV` | No | Named environment: `local` \| `staging` \| `prod`. Fills in `WEBCAKE_API_BASE` + `WEBCAKE_APP_BASE` from a preset (see table below). Also settable with the `--env <name>` flag. Explicit vars win. |
+| `WEBCAKE_API_BASE` | No* | Backend base URL, e.g. `http://localhost:5800`. Required to persist (or set `WEBCAKE_ENV`). |
 | `WEBCAKE_JWT` | No* | Account JWT (dashboard auth). Required to persist — expires, refresh when needed. |
 | `WEBCAKE_ORG_ID` | No | Default organization id for `create_page` (overridden by its `organization_id` arg). Omit → personal page. |
 | `WEBCAKE_HOST` | No | Optional `Host` header (Phoenix routes by host, e.g. `builder.localhost`). |
@@ -360,6 +367,28 @@ flow can also be done entirely in the SPA, no backend route needed.)
 > Persisting writes a real page to whatever `WEBCAKE_API_BASE` points at, using the JWT as that account.
 > Start against local/staging.
 
+### Environments (`--env` / `WEBCAKE_ENV`)
+
+Instead of setting both base URLs by hand, pick a named environment — one source of
+truth for the API + app bases:
+
+| `--env` / `WEBCAKE_ENV` | API base (`WEBCAKE_API_BASE`) | App base (`WEBCAKE_APP_BASE`) |
+|-------------------------|-------------------------------|-------------------------------|
+| `local` | `http://localhost:5800` | `http://localhost:5173` |
+| `staging` | `https://api.staging.webcake.io` | `https://staging.webcake.io` |
+| `prod` | `https://api.webcake.io` | `https://webcake.io` |
+
+```bash
+node dist/index.js serve --env staging        # remote server on the staging backend
+node dist/index.js login --env local          # connect against your local SPA + API
+WEBCAKE_ENV=prod node dist/index.js           # stdio, prod (env var form)
+```
+
+Explicit `WEBCAKE_API_BASE` / `WEBCAKE_APP_BASE` (or `--api-base`) still override the
+preset, field by field. On the remote HTTP server a client can override the server's
+environment per request with the **`x-webcake-env`** header or **`?env=`** query
+(e.g. `…/mcp?jwt=<token>&env=staging`) — so one server can serve multiple environments.
+
 ### How to get `WEBCAKE_JWT`
 
 1. Open the WebCake builder dashboard and log in

package/README.vi.md

@@ -147,23 +147,25 @@ npx -y github:vuluu2k/webcake-landing-mcp
 Lệnh con `install` đi kèm sẽ làm hộ bạn bước đó, không cần clone:
 
 ```bash
-# Tương tác — hỏi env + chọn IDE từng bước
+# Tương tác — chọn môi trường, đăng nhập qua trình duyệt (hoặc dán JWT), chọn IDE
 npx -y webcake-landing-mcp install
 
-# Không tương tác — cấu hình mọi IDE hỗ trợ cùng lúc
-npx -y webcake-landing-mcp install --ide all --jwt <your-jwt> --api-base http://localhost:5800
+# Không tương tác — cấu hình mọi IDE hỗ trợ cùng lúc (env + token qua cờ)
+npx -y webcake-landing-mcp install --ide all --env prod --jwt <your-jwt>
 
-# Chỉ một IDE
-npx -y webcake-landing-mcp install --ide cursor --jwt <your-jwt>
+# Local dev — trỏ vào stack local của bạn (localhost:5800 / :5173)
+npx -y webcake-landing-mcp install --ide cursor --env local --jwt <your-jwt>
 
 # Gỡ server khỏi mọi cấu hình IDE
 npx -y webcake-landing-mcp uninstall
 ```
 
 Nó ghi entry `webcake-landing` (dùng dạng khởi chạy `npx` bên dưới) vào đúng file cấu hình của từng IDE:
-`claude-desktop`, `claude-code`, `cursor`, `windsurf`, `augment` (VS Code), `codex`, hoặc `all`. Cờ:
-`--ide`, `--api-base`, `--jwt`, `--org-id`, `--host`, `--app-base`, `--npx`/`--local`, `-y`. Chạy
-`npx -y webcake-landing-mcp --help` để xem đầy đủ.
+`claude-desktop`, `claude-code`, `cursor`, `windsurf`, `augment` (VS Code), `codex`, hoặc `all`. Khi tương
+tác, nó hỏi **môi trường** (`local`/`staging`/`prod` — mặc định `prod`, dùng để đặt API + app URL) và cho
+chọn **đăng nhập qua trình duyệt hay dán JWT**. Cờ: `--ide`, `--env`, `--jwt`, `--org-id`,
+`--api-base`/`--app-base`/`--host` (ghi đè nâng cao), `--npx`/`--local`, `-y`. Chạy
+`npx -y webcake-landing-mcp install --help` để xem đầy đủ.
 
 ### Cấu hình thủ công
 
@@ -176,7 +178,7 @@ Cấu hình MCP giống bản local, chỉ khác `command`/`args` trỏ tới `n
       "command": "npx",
       "args": ["-y", "webcake-landing-mcp"],
       "env": {
-        "WEBCAKE_API_BASE": "http://localhost:5800",
+        "WEBCAKE_ENV": "prod",
         "WEBCAKE_JWT": "<your-jwt>"
       }
     }
@@ -344,7 +346,8 @@ SPA cũng được, khỏi cần route backend.)
 
 | Biến | Bắt buộc | Mô tả |
 |----------|----------|-------------|
-| `WEBCAKE_API_BASE` | Không* | Base URL backend, ví dụ `http://localhost:5800`. Cần để lưu trang. |
+| `WEBCAKE_ENV` | Không | Môi trường có tên: `local` \| `staging` \| `prod`. Điền sẵn `WEBCAKE_API_BASE` + `WEBCAKE_APP_BASE` từ preset (xem bảng bên dưới). Cũng đặt được qua cờ `--env <name>`. Biến tường minh sẽ thắng. |
+| `WEBCAKE_API_BASE` | Không* | Base URL backend, ví dụ `http://localhost:5800`. Cần để lưu trang (hoặc đặt `WEBCAKE_ENV`). |
 | `WEBCAKE_JWT` | Không* | JWT tài khoản (auth dashboard). Cần để lưu trang — sẽ hết hạn, làm mới khi cần. |
 | `WEBCAKE_ORG_ID` | Không | Organization mặc định cho `create_page` (bị ghi đè bởi tham số `organization_id`). Bỏ trống → trang cá nhân. |
 | `WEBCAKE_HOST` | Không | Header `Host` tuỳ chọn (Phoenix route theo host, ví dụ `builder.localhost`). |
@@ -358,6 +361,28 @@ SPA cũng được, khỏi cần route backend.)
 > Lưu trang sẽ ghi một trang thật vào nơi `WEBCAKE_API_BASE` trỏ tới, dùng JWT làm tài khoản đó.
 > Hãy bắt đầu với local/staging.
 
+### Môi trường (`--env` / `WEBCAKE_ENV`)
+
+Thay vì đặt thủ công cả hai base URL, hãy chọn một môi trường có tên — một nguồn sự thật duy nhất
+cho API + app base (mặc định là `prod`):
+
+| `--env` / `WEBCAKE_ENV` | API base (`WEBCAKE_API_BASE`) | App base (`WEBCAKE_APP_BASE`) |
+|-------------------------|-------------------------------|-------------------------------|
+| `local` | `http://localhost:5800` | `http://localhost:5173` |
+| `staging` | `https://api.staging.webcake.io` | `https://staging.webcake.io` |
+| `prod` *(mặc định)* | `https://api.webcake.io` | `https://webcake.io` |
+
+```bash
+node dist/index.js serve --env staging        # server remote trỏ backend staging
+node dist/index.js login --env local          # đăng nhập vào SPA + API local
+WEBCAKE_ENV=prod node dist/index.js           # stdio, prod (dạng biến môi trường)
+```
+
+`WEBCAKE_API_BASE` / `WEBCAKE_APP_BASE` (hoặc `--api-base`) tường minh vẫn ghi đè preset theo từng
+trường. Trên server HTTP remote, client có thể ghi đè môi trường của server theo từng request bằng
+header **`x-webcake-env`** hoặc query **`?env=`** (ví dụ `…/mcp?jwt=<token>&env=staging`) — nên một
+server phục vụ được nhiều môi trường.
+
 ### Cách lấy `WEBCAKE_JWT`
 
 1. Mở dashboard builder WebCake và đăng nhập

package/dist/auth/login.js

@@ -19,13 +19,7 @@
 import { createServer } from "node:http";
 import { randomBytes } from "node:crypto";
 import { spawn } from "node:child_process";
-import { saveSavedConfig } from "../persistence/config.js";
-// Production defaults — the connect page lives on the SPA (webcake.io), the API
-// lives on api.webcake.io. For local dev override with --connect-url / --api-base
-// (e.g. http://localhost:5173/mcp-connect and http://localhost:5800) or the
-// WEBCAKE_APP_BASE / WEBCAKE_API_BASE env vars.
-const DEFAULT_CONNECT_URL = "https://webcake.io/mcp-connect";
-const DEFAULT_API_BASE = "https://api.webcake.io";
+import { saveSavedConfig, resolveEnv, ENVIRONMENTS } from "../persistence/config.js";
 function parseArgs(argv) {
     const get = (name) => {
         const i = argv.indexOf(name);
@@ -53,21 +47,22 @@ function openBrowser(url) {
 const SUCCESS_HTML = `<!doctype html><meta charset="utf-8"><title>Connected</title>
 <body style="font-family:system-ui;text-align:center;padding:48px">
 <h2>✓ Connected to Webcake</h2><p>You can close this tab and return to your terminal.</p></body>`;
-function resolveConnectUrl(opts) {
+function resolveConnectUrl(opts, appBase) {
     if (opts.connectUrl)
         return opts.connectUrl;
     if (process.env.WEBCAKE_CONNECT_URL)
         return process.env.WEBCAKE_CONNECT_URL;
-    // The connect page is on the SPA (WEBCAKE_APP_BASE), NOT the API base.
-    const appBase = process.env.WEBCAKE_APP_BASE;
-    if (appBase)
-        return `${appBase.replace(/\/+$/, "")}/mcp-connect`;
-    return DEFAULT_CONNECT_URL;
+    // The connect page is on the SPA (appBase, from the env preset), NOT the API base.
+    return `${appBase.replace(/\/+$/, "")}/mcp-connect`;
 }
 export async function runLogin(argv) {
     const opts = parseArgs(argv);
-    const connectUrl = resolveConnectUrl(opts);
-    const apiBase = opts.apiBase || process.env.WEBCAKE_API_BASE || DEFAULT_API_BASE;
+    // Named environment (set by the global --env flag / WEBCAKE_ENV); prod is the
+    // zero-config default. Explicit --api-base / WEBCAKE_APP_BASE still win per field.
+    const preset = resolveEnv(process.env.WEBCAKE_ENV) ?? ENVIRONMENTS.prod;
+    const apiBase = opts.apiBase || process.env.WEBCAKE_API_BASE || preset.apiBase;
+    const appBase = process.env.WEBCAKE_APP_BASE || preset.appBase;
+    const connectUrl = resolveConnectUrl(opts, appBase);
     const state = randomBytes(16).toString("hex");
     await new Promise((resolve, reject) => {
         const server = createServer((req, res) => {
@@ -83,15 +78,13 @@ export async function runLogin(argv) {
             }
             const path = saveSavedConfig({
                 jwt: token,
-                ...(apiBase ? { base: apiBase.replace(/\/+$/, "") } : {}),
+                base: apiBase.replace(/\/+$/, ""),
+                appBase: appBase.replace(/\/+$/, ""),
                 ...(opts.orgId ? { orgId: opts.orgId } : {}),
                 savedAt: new Date().toISOString(),
             });
             res.writeHead(200, { "content-type": "text/html" }).end(SUCCESS_HTML);
-            console.error(`\n✓ Connected. Token saved to ${path}`);
-            if (!apiBase) {
-                console.error("  tip: also set WEBCAKE_API_BASE (or pass --api-base) so the server knows the backend URL.");
-            }
+            console.error(`\n✓ Connected. Token saved to ${path} (api ${apiBase}).`);
             server.close();
             resolve();
         });

package/dist/http.js

@@ -39,6 +39,7 @@ async function readBody(req) {
 // require HTTPS, and disable query-string logging on your reverse proxy.
 const QUERY_AUTH = {
     jwt: "x-webcake-jwt",
+    env: "x-webcake-env",
     api_base: "x-webcake-api-base",
     org_id: "x-webcake-org-id",
     host: "x-webcake-host",

package/dist/index.js

@@ -17,7 +17,40 @@
  */
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { createServer } from "./server.js";
+import { ENVIRONMENTS, ENV_NAMES, isEnvName } from "./persistence/config.js";
+/**
+ * Global `--env <local|staging|prod>` flag (or `--env=<name>`): selects the API +
+ * app base URLs from a named preset by setting WEBCAKE_ENV, which readConfig + login
+ * then pick up. Explicit WEBCAKE_API_BASE / WEBCAKE_APP_BASE still win. An unknown
+ * value from the flag fails fast; an unknown WEBCAKE_ENV is dropped so explicit
+ * bases (or per-request headers) still resolve. stderr only — stdout is the MCP channel.
+ */
+function applyEnvFlag(argv) {
+    let fromFlag;
+    for (let i = 2; i < argv.length; i++) {
+        const a = argv[i];
+        if (a === "--env")
+            fromFlag = argv[i + 1];
+        else if (a.startsWith("--env="))
+            fromFlag = a.slice("--env=".length);
+    }
+    const name = fromFlag ?? process.env.WEBCAKE_ENV;
+    if (!name)
+        return;
+    if (!isEnvName(name)) {
+        console.error(`[webcake] unknown environment "${name}". Valid: ${ENV_NAMES.join(", ")}.`);
+        if (fromFlag)
+            process.exit(1); // explicit flag typo → fail fast
+        delete process.env.WEBCAKE_ENV; // bad WEBCAKE_ENV → ignore, fall through to explicit bases
+        return;
+    }
+    process.env.WEBCAKE_ENV = name;
+    const p = ENVIRONMENTS[name];
+    console.error(`[webcake] environment "${name}" — api ${p.apiBase}, app ${p.appBase}`);
+}
 async function main() {
+    // Resolve the named environment (--env / WEBCAKE_ENV) before any config is read.
+    applyEnvFlag(process.argv);
     // 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.

package/dist/install.js

@@ -22,6 +22,8 @@ import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import { spawnSync } from "node:child_process";
 import { createInterface } from "node:readline";
+import { ENVIRONMENTS, isEnvName } from "./persistence/config.js";
+import { runLogin } from "./auth/login.js";
 const NAME = "webcake-landing";
 const PKG = "webcake-landing-mcp";
 const HOME = homedir();
@@ -290,18 +292,19 @@ function printHelp() {
 ${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} install                 # interactive: pick environment, log in (or paste a JWT), pick IDEs
+  npx -y ${PKG} install --ide all       # non-interactive, all IDEs (defaults to --env prod)
+  npx -y ${PKG} install --ide claude-code --env local --jwt <JWT>
   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)
+  --env <name>      WEBCAKE_ENV: local | staging | prod (default prod) — sets the API + app base URLs
+  --jwt <token>     WEBCAKE_JWT (account token; optional — or log in via the browser interactively)
+  --org-id <id>     WEBCAKE_ORG_ID (optional default organization)
+  --api-base <url>  override the --env API base (advanced)
+  --app-base <url>  override the --env app base (advanced)
+  --host <host>     WEBCAKE_HOST (advanced; Phoenix host-routing header)
   --npx | --local   force the launch command form (default: auto-detect)
   -y, --yes         accept defaults, skip confirmations
   --uninstall       remove the server from all IDE configs
@@ -317,36 +320,72 @@ export async function runInstaller(argv) {
     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;
+    // 1) environment — one choice sets the API + app base URLs (replaces the old
+    //    separate WEBCAKE_API_BASE / WEBCAKE_APP_BASE prompts). The global --env flag
+    //    / WEBCAKE_ENV is already validated in index.ts (applyEnvFlag).
+    let envName = isEnvName(process.env.WEBCAKE_ENV) ? process.env.WEBCAKE_ENV : "prod";
+    if (interactive && !isEnvName(process.env.WEBCAKE_ENV)) {
+        log(`\n${c.bold}1) Environment${c.reset} ${c.gray}(sets the Webcake API + app URLs)${c.reset}`);
+        log(`  1) prod      ${c.gray}${ENVIRONMENTS.prod.apiBase}${c.reset}  ${c.gray}(default)${c.reset}`);
+        log(`  2) staging   ${c.gray}${ENVIRONMENTS.staging.apiBase}${c.reset}`);
+        log(`  3) local     ${c.gray}${ENVIRONMENTS.local.apiBase}${c.reset}`);
+        const pick = (await ask("  Select [1=prod, Enter to accept]: ")).trim();
+        envName = { "1": "prod", "2": "staging", "3": "local" }[pick] ?? "prod";
+    }
+    process.env.WEBCAKE_ENV = envName; // so `login` below connects to the same environment
+    const preset = ENVIRONMENTS[envName];
+    // 2) authentication — interactively ASK how to authenticate: browser login (token
+    //    saved to ~/.webcake-landing-mcp/auth.json) or a pasted JWT. An explicit --jwt
+    //    skips the prompt; a non-TTY falls back to the WEBCAKE_JWT env var (for scripted
+    //    installs). Reference/validation tools work with no auth at all.
+    let jwt = o.jwt ?? "";
+    let authNote = jwt ? "JWT (from --jwt)" : "";
+    if (interactive && !jwt) {
+        log(`\n${c.bold}2) Authentication${c.reset} ${c.gray}(only needed to save pages to your account)${c.reset}`);
+        log(`  1) Log in via browser   ${c.gray}(recommended — opens Webcake, saves a token)${c.reset}`);
+        log(`  2) Paste a JWT token`);
+        log(`  3) Skip for now         ${c.gray}(reference/validation tools still work)${c.reset}`);
+        const pick = (await ask("  Select [1]: ")).trim() || "1";
+        if (pick === "1") {
+            info(`Connecting to ${preset.appBase} …`);
+            try {
+                await runLogin([]); // reads WEBCAKE_ENV for the connect URL + API base; saves auth.json
+                authNote = "browser login (saved to auth.json)";
+            }
+            catch (e) {
+                warn(`Login didn't complete (${e?.message ?? e}). Paste a JWT now, or run \`${PKG} login\` later.`);
+                jwt = (await ask("  WEBCAKE_JWT (or Enter to skip): ")).trim();
+            }
+        }
+        else if (pick === "2") {
+            jwt = (await ask("  WEBCAKE_JWT: ")).trim();
+        }
     }
-    else if (!apiBase) {
-        apiBase = "http://localhost:5800";
+    else if (!interactive) {
+        jwt = jwt || process.env.WEBCAKE_JWT || ""; // scripted / CI: fall back to ambient env
+    }
+    if (!authNote)
+        authNote = jwt ? "JWT" : "none — reference tools only";
+    // 3) optional default organization for create_page
+    let orgId = o.orgId ?? process.env.WEBCAKE_ORG_ID ?? "";
+    if (interactive && !orgId) {
+        orgId = (await ask(`\n${c.bold}3) WEBCAKE_ORG_ID${c.reset} ${c.gray}(optional, Enter to skip): ${c.reset}`)).trim();
     }
-    if (apiBase)
-        env.WEBCAKE_API_BASE = apiBase;
+    // env block written into IDE configs: WEBCAKE_ENV drives the URLs. A pasted JWT is
+    // written too; a browser login lives in auth.json instead. --api-base/--app-base/
+    // --host stay as advanced overrides for non-standard setups.
+    const env = { WEBCAKE_ENV: envName };
     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
+    if (o.apiBase)
+        env.WEBCAKE_API_BASE = o.apiBase;
+    if (o.appBase)
+        env.WEBCAKE_APP_BASE = o.appBase;
+    if (o.host)
+        env.WEBCAKE_HOST = o.host;
+    // 4) which IDEs
     let ides = [];
     if (o.ide) {
         ides = o.ide
@@ -355,7 +394,7 @@ export async function runInstaller(argv) {
             .filter(Boolean);
     }
     else if (interactive) {
-        log(`\n${c.bold}2) Which IDE(s) to configure?${c.reset}`);
+        log(`\n${c.bold}4) 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");
@@ -383,13 +422,13 @@ export async function runInstaller(argv) {
         warn("No IDE selected — skipping configuration.");
         return;
     }
-    // 3) write
+    // 5) write
     const launch = resolveLaunch(o);
-    log(`\n${c.bold}3) Writing config${c.reset} ${c.gray}(launch: ${launch.command} ${launch.args.join(" ")})${c.reset}`);
+    log(`\n${c.bold}5) Writing config${c.reset} ${c.gray}(launch: ${launch.command} ${launch.args.join(" ")})${c.reset}`);
     runConfigure(ides, launch, env);
-    // 4) summary
+    // 6) 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(`  ${c.gray}Environment : ${envName}  (api ${o.apiBase || preset.apiBase})${c.reset}`);
+    log(`  ${c.gray}Auth        : ${authNote}${c.reset}`);
     log(`  Restart your IDE, then ask the AI: “Build a Webcake landing page”.\n`);
 }

package/dist/persistence/config.js

@@ -12,6 +12,9 @@
  * { config: null, missing } when required values are absent so the persistence
  * tools can report exactly what to provide.
  *
+ *   WEBCAKE_ENV       optional named environment (local|staging|prod) — fills in the
+ *                     API + app base URLs from a preset (see ENVIRONMENTS below). An
+ *                     explicit WEBCAKE_API_BASE / WEBCAKE_APP_BASE still wins over it.
  *   WEBCAKE_API_BASE  e.g. http://localhost:5800   (required to call the backend)
  *   WEBCAKE_JWT       the account JWT               (required to call the backend)
  *   WEBCAKE_ORG_ID    optional default organization id for create_page
@@ -22,9 +25,32 @@
 import { homedir } from "node:os";
 import { join } from "node:path";
 import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
+/**
+ * Named deployment environments — the single source of truth for the API + app
+ * base URLs. Selecting one (via the `--env` flag, WEBCAKE_ENV, the `x-webcake-env`
+ * header, or `?env=` in the URL) fills in both bases so callers don't repeat them.
+ * Explicit WEBCAKE_API_BASE / WEBCAKE_APP_BASE (or per-request overrides) win over
+ * the preset. `apiBase` is the backend; `appBase` is the SPA (editor/preview/connect).
+ */
+export const ENVIRONMENTS = {
+    local: { apiBase: "http://localhost:5800", appBase: "http://localhost:5173" },
+    staging: { apiBase: "https://api.staging.webcake.io", appBase: "https://staging.webcake.io" },
+    prod: { apiBase: "https://api.webcake.io", appBase: "https://webcake.io" },
+};
+export const ENV_NAMES = Object.keys(ENVIRONMENTS);
+/** True when `v` names a known environment (local|staging|prod). */
+export function isEnvName(v) {
+    return typeof v === "string" && Object.prototype.hasOwnProperty.call(ENVIRONMENTS, v);
+}
+/** The base URLs for a named environment, or undefined when the name is absent/unknown. */
+export function resolveEnv(name) {
+    return isEnvName(name) ? ENVIRONMENTS[name] : undefined;
+}
 export function readConfig(overrides = {}) {
     const saved = readSavedConfig();
-    const base = overrides.base ?? process.env.WEBCAKE_API_BASE ?? saved.base;
+    // A named environment supplies default base URLs; explicit values still win.
+    const preset = resolveEnv(overrides.env ?? process.env.WEBCAKE_ENV);
+    const base = overrides.base ?? process.env.WEBCAKE_API_BASE ?? preset?.apiBase ?? saved.base;
     const jwt = overrides.jwt ?? process.env.WEBCAKE_JWT ?? saved.jwt;
     const missing = [];
     if (!base)
@@ -39,7 +65,7 @@ export function readConfig(overrides = {}) {
             jwt: jwt,
             orgId: overrides.orgId ?? process.env.WEBCAKE_ORG_ID ?? saved.orgId,
             host: overrides.host ?? process.env.WEBCAKE_HOST ?? saved.host,
-            appBase: (overrides.appBase ?? process.env.WEBCAKE_APP_BASE ?? saved.appBase)?.replace(/\/+$/, ""),
+            appBase: (overrides.appBase ?? process.env.WEBCAKE_APP_BASE ?? preset?.appBase ?? saved.appBase)?.replace(/\/+$/, ""),
         },
         missing: [],
     };
@@ -53,9 +79,10 @@ function header(headers, name) {
  * send its own credentials per request instead of a server-wide env token:
  *   x-webcake-jwt        the account JWT (or `Authorization: Bearer <jwt>`)
  *   x-webcake-org-id     organization id
- *   x-webcake-api-base   backend base URL (usually set once via env instead)
+ *   x-webcake-env        named environment (local|staging|prod) for the base URLs
+ *   x-webcake-api-base   backend base URL (overrides the env preset)
  *   x-webcake-host       Host header override
- *   x-webcake-app-base   editor/preview URL base
+ *   x-webcake-app-base   editor/preview URL base (overrides the env preset)
  * Any header that is absent falls back to the corresponding env var in readConfig.
  */
 export function configFromHeaders(headers) {
@@ -67,6 +94,7 @@ export function configFromHeaders(headers) {
         orgId: header(headers, "x-webcake-org-id"),
         host: header(headers, "x-webcake-host"),
         appBase: header(headers, "x-webcake-app-base"),
+        env: header(headers, "x-webcake-env"),
     };
 }
 /** Directory for the saved auth file (override with WEBCAKE_CONFIG_DIR). */

package/dist/smoke.js

@@ -4,6 +4,7 @@
  */
 import { createElement, CONTAINER_TYPES, FIELD_TYPES, LIBRARY, ELEMENT_TYPES, ELEMENTS, } from "./domains/landing/elements/index.js";
 import { validatePage, pageSchema } from "./domains/landing/validate.js";
+import { readConfig, resolveEnv, ENV_NAMES } from "./persistence/config.js";
 let failures = 0;
 const check = (name, cond, extra) => {
     if (cond) {
@@ -208,5 +209,21 @@ const bindingsGood = {
 };
 const rbg = validatePage(bindingsGood);
 check("clean form has no binding warnings", rbg.warnings.length === 0, rbg.warnings);
+console.log("== config: named environment presets (local/staging/prod) ==");
+{
+    // Deterministic: isolate from any ambient WEBCAKE_* and the saved auth.json on the dev box.
+    for (const k of ["WEBCAKE_API_BASE", "WEBCAKE_APP_BASE", "WEBCAKE_ENV", "WEBCAKE_JWT", "WEBCAKE_ORG_ID", "WEBCAKE_HOST"])
+        delete process.env[k];
+    process.env.WEBCAKE_CONFIG_DIR = "/nonexistent/webcake-smoke";
+    check("env names are local/staging/prod", setEq(new Set(ENV_NAMES), ["local", "staging", "prod"]), ENV_NAMES);
+    check("staging preset resolves to api+app bases", resolveEnv("staging")?.apiBase === "https://api.staging.webcake.io" && resolveEnv("staging")?.appBase === "https://staging.webcake.io");
+    check("unknown env name → undefined", resolveEnv("bogus") === undefined);
+    const prod = readConfig({ env: "prod", jwt: "t" }).config;
+    check("readConfig(env=prod) fills api+app base", prod?.base === "https://api.webcake.io" && prod?.appBase === "https://webcake.io", prod);
+    const local = readConfig({ env: "local", jwt: "t" }).config;
+    check("readConfig(env=local) fills api+app base", local?.base === "http://localhost:5800" && local?.appBase === "http://localhost:5173", local);
+    check("explicit base overrides the preset", readConfig({ env: "prod", base: "http://x:1", jwt: "t" }).config?.base === "http://x:1");
+    check("unknown env leaves base missing", readConfig({ env: "bogus", jwt: "t" }).missing.includes("WEBCAKE_API_BASE"));
+}
 console.log(`\n${failures === 0 ? "ALL GOOD" : failures + " FAILURE(S)"}`);
 process.exit(failures === 0 ? 0 : 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-landing-mcp",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "MCP server exposing Webcake landing-page element schemas + AI usage hints, and persisting LLM-generated page sources to a Webcake backend.",
   "type": "module",
   "bin": {