appfunnel 0.6.0 → 0.8.0

package/dist/index.js

@@ -21,9 +21,7 @@ function formatError(err) {
   return lines.join("\n");
 }
 function formatWarning(code, message, hint) {
-  const lines = [
-    `${pc.yellow("WARNING")} ${pc.dim(`[${code}]`)}: ${message}`
-  ];
+  const lines = [`${pc.yellow("WARNING")} ${pc.dim(`[${code}]`)}: ${message}`];
   if (hint) {
     lines.push(`  ${pc.dim("Hint:")} ${hint}`);
   }
@@ -175,28 +173,314 @@ var init_projects = __esm({
   }
 });
 
+// src/lib/api.ts
+async function apiFetch(path, options) {
+  const { token, apiBaseUrl, ...fetchOpts } = options;
+  const base = apiBaseUrl || DEFAULT_API_BASE2;
+  const url = `${base}${path}`;
+  const isFormData = fetchOpts.body instanceof FormData;
+  const headers = {
+    Authorization: token,
+    ...fetchOpts.headers || {}
+  };
+  if (!isFormData) {
+    headers["Content-Type"] = "application/json";
+  }
+  const response = await fetch(url, {
+    ...fetchOpts,
+    headers
+  });
+  if (!response.ok) {
+    const body = await response.text().catch(() => "");
+    let message = `API request failed: ${response.status} ${response.statusText}`;
+    try {
+      const parsed = JSON.parse(body);
+      if (parsed.error) message = parsed.error;
+      if (parsed.message) message = parsed.message;
+    } catch {
+    }
+    const error2 = new CLIError("API_ERROR", message);
+    error2.statusCode = response.status;
+    throw error2;
+  }
+  return response;
+}
+async function fetchPrices(projectId, storePriceIds, options) {
+  if (storePriceIds.length === 0) return /* @__PURE__ */ new Map();
+  const response = await apiFetch(`/project/${projectId}/headless/prices`, {
+    ...options,
+    method: "POST",
+    body: JSON.stringify({ storePriceIds })
+  });
+  const data = await response.json();
+  return new Map(Object.entries(data.prices || {}));
+}
+async function fetchStores(projectId, options) {
+  const response = await apiFetch(`/project/${projectId}/stores`, {
+    ...options,
+    method: "GET"
+  });
+  const data = await response.json();
+  return data.data || [];
+}
+async function fetchStorePrices(projectId, storeId, options) {
+  const response = await apiFetch(
+    `/project/${projectId}/stores/${storeId}/prices`,
+    { ...options, method: "GET" }
+  );
+  const data = await response.json();
+  return data.data || [];
+}
+async function publishBuild(projectId, funnelId, manifest, assets, options, promote) {
+  const formData = new FormData();
+  formData.set("manifest", JSON.stringify(manifest));
+  if (funnelId) {
+    formData.set("funnelId", funnelId);
+  }
+  if (promote) {
+    formData.set("promote", "true");
+  }
+  for (const asset of assets) {
+    formData.append(
+      "assets",
+      new Blob([new Uint8Array(asset.content)], { type: asset.contentType }),
+      asset.path
+    );
+  }
+  try {
+    const response = await apiFetch(`/project/${projectId}/headless/publish`, {
+      ...options,
+      method: "POST",
+      body: formData
+    });
+    return await response.json();
+  } catch (err) {
+    if (err instanceof CLIError && err.code === "API_ERROR") {
+      if (err.statusCode === 413) {
+        throw new CLIError(
+          "BUNDLE_TOO_LARGE",
+          err.message,
+          "Reduce page bundle sizes. Check for large dependencies."
+        );
+      }
+      if (err.statusCode === 409) {
+        throw new CLIError(
+          "FUNNEL_NOT_HEADLESS",
+          err.message,
+          "Remove funnelId from config to create a new headless funnel."
+        );
+      }
+      throw new CLIError("PUBLISH_FAILED", err.message);
+    }
+    throw err;
+  }
+}
+var DEFAULT_API_BASE2;
+var init_api = __esm({
+  "src/lib/api.ts"() {
+    "use strict";
+    init_errors();
+    DEFAULT_API_BASE2 = "https://api.appfunnel.net";
+  }
+});
+
 // src/commands/init.ts
 var init_exports = {};
 __export(init_exports, {
   initCommand: () => initCommand
 });
-import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync2, existsSync } from "fs";
-import { join as join2 } from "path";
+import { cpSync, existsSync, readFileSync as readFileSync2, writeFileSync as writeFileSync2, readdirSync } from "fs";
+import { join as join2, dirname } from "path";
+import { fileURLToPath } from "url";
 import pc4 from "picocolors";
-async function initCommand(name) {
+import select2 from "@inquirer/select";
+import input from "@inquirer/input";
+function getTemplatesDir() {
+  const dir = join2(__dirname, "..", "templates");
+  if (!existsSync(dir)) {
+    throw new Error(`Templates directory not found at ${dir}`);
+  }
+  return dir;
+}
+function listTemplates() {
+  const root = getTemplatesDir();
+  return readdirSync(root, { withFileTypes: true }).filter((d) => d.isDirectory()).map((d) => {
+    const configPath = join2(root, d.name, "template.json");
+    const config = existsSync(configPath) ? JSON.parse(readFileSync2(configPath, "utf-8")) : { name: d.name, description: "", products: [] };
+    return { dir: d.name, config };
+  });
+}
+function formatInterval(interval, count) {
+  if (!interval) return " one-time";
+  const label = INTERVAL_LABELS[interval]?.[count];
+  if (label) return `/${label}`;
+  return `/${count} ${interval}${count > 1 ? "s" : ""}`;
+}
+function formatPrice(price) {
+  const amount = (price.amount / 100).toFixed(2);
+  const currency = price.currency.toUpperCase();
+  const interval = formatInterval(price.interval, price.intervalCount);
+  const productName = price.name || "Unnamed product";
+  const priceName = price.priceName ? ` \u2014 ${price.priceName}` : "";
+  return `${currency} ${amount}${interval}  ${pc4.dim(`${productName}${priceName}`)}  ${pc4.dim(`(${price.id})`)}`;
+}
+function formatStoreName(store) {
+  const test = store.isTestMode ? pc4.yellow(" (test)") : "";
+  return `${store.name || store.type}${test}`;
+}
+async function initCommand(nameArg) {
   const creds = requireAuth();
-  const dir = join2(process.cwd(), name);
-  if (existsSync(dir)) {
-    error(`Directory '${name}' already exists.`);
-    process.exit(1);
+  const apiOpts = { token: creds.token };
+  const name = nameArg?.trim() || await input({
+    message: "Funnel name",
+    validate: (value) => {
+      if (!value.trim()) return "Name is required";
+      if (!/^[a-z0-9-]+$/.test(value.trim()))
+        return "Use lowercase letters, numbers, and hyphens only";
+      if (existsSync(join2(process.cwd(), value.trim())))
+        return `Directory '${value.trim()}' already exists`;
+      return true;
+    }
+  });
+  if (nameArg) {
+    if (!/^[a-z0-9-]+$/.test(name))
+      throw new Error("Name must be lowercase letters, numbers, and hyphens only");
+    if (existsSync(join2(process.cwd(), name)))
+      throw new Error(`Directory '${name}' already exists`);
   }
+  const dir = join2(process.cwd(), name.trim());
   const projectId = await promptForProject(creds.token);
   const projects = await fetchProjects(creds.token);
   const project = projects.find((p) => p.id === projectId);
+  const templates = listTemplates();
+  const selectedDir = await select2({
+    message: "Choose a template",
+    choices: templates.map((t) => ({
+      name: t.config.description ? `${t.config.name} \u2014 ${pc4.dim(t.config.description)}` : t.config.name,
+      value: t.dir
+    }))
+  });
+  const chosen = templates.find((t) => t.dir === selectedDir);
+  const templateConfig = chosen.config;
+  const templateDir = join2(getTemplatesDir(), chosen.dir);
+  const productBindings = [];
+  if (templateConfig.products.length > 0) {
+    const storesSpinner = spinner("Fetching stores...");
+    const stores = await fetchStores(projectId, apiOpts);
+    storesSpinner.stop();
+    if (stores.length === 0) {
+      warn("No stores found for this project.");
+      info("Products will use empty IDs \u2014 create a store in the dashboard and update appfunnel.config.ts.");
+    } else {
+      let store;
+      if (stores.length === 1) {
+        store = stores[0];
+        info(`Using store: ${formatStoreName(store)}`);
+      } else {
+        const storeId = await select2({
+          message: "Choose a store",
+          choices: stores.map((s2) => ({
+            name: formatStoreName(s2),
+            value: s2.id
+          }))
+        });
+        store = stores.find((s2) => s2.id === storeId);
+      }
+      const pricesSpinner = spinner("Fetching prices...");
+      const prices = await fetchStorePrices(projectId, store.id, apiOpts);
+      pricesSpinner.stop();
+      if (prices.length === 0) {
+        warn("No prices found in this store.");
+        info("Import prices in the dashboard, then update appfunnel.config.ts.");
+      } else {
+        console.log();
+        info(`Configuring ${templateConfig.products.length} product(s)...`);
+        console.log();
+        for (const product of templateConfig.products) {
+          if (product.description) {
+            console.log(`  ${pc4.dim(product.description)}`);
+          }
+          const storePriceId = await select2({
+            message: `${product.label} \u2014 select a price`,
+            choices: prices.map((p) => ({
+              name: formatPrice(p),
+              value: p.id
+            }))
+          });
+          const binding = {
+            id: product.id,
+            name: product.id,
+            storePriceId
+          };
+          if (product.paidTrial) {
+            const trialStorePriceId = await select2({
+              message: `${product.label} \u2014 select a trial price`,
+              choices: [
+                ...prices.map((p) => ({
+                  name: formatPrice(p),
+                  value: p.id
+                })),
+                { name: pc4.dim("Skip (no trial)"), value: "" }
+              ]
+            });
+            if (trialStorePriceId) {
+              binding.trialStorePriceId = trialStorePriceId;
+              const trialDaysStr = await select2({
+                message: `${product.label} \u2014 trial duration`,
+                choices: [
+                  { name: "3 days", value: "3" },
+                  { name: "7 days", value: "7" },
+                  { name: "14 days", value: "14" },
+                  { name: "30 days", value: "30" },
+                  { name: "90 days", value: "90" }
+                ]
+              });
+              binding.trialDays = parseInt(trialDaysStr, 10);
+            }
+          }
+          productBindings.push(binding);
+        }
+      }
+    }
+  }
   const s = spinner(`Creating ${name}...`);
-  mkdirSync2(join2(dir, "src", "pages"), { recursive: true });
-  mkdirSync2(join2(dir, "src", "components"), { recursive: true });
-  mkdirSync2(join2(dir, "locales"), { recursive: true });
+  cpSync(templateDir, dir, { recursive: true });
+  const templateJsonPath = join2(dir, "template.json");
+  if (existsSync(templateJsonPath)) {
+    const { unlinkSync } = await import("fs");
+    unlinkSync(templateJsonPath);
+  }
+  const configPath = join2(dir, "appfunnel.config.ts");
+  if (existsSync(configPath)) {
+    let config = readFileSync2(configPath, "utf-8");
+    config = config.replace("__PROJECT_ID__", projectId);
+    config = config.replace("__NAME__", name);
+    if (productBindings.length > 0) {
+      const itemsStr = productBindings.map((b) => {
+        const fields = [
+          `			{ id: '${b.id}'`,
+          `name: '${b.name}'`,
+          `storePriceId: '${b.storePriceId}'`
+        ];
+        if (b.trialDays) fields.push(`trialDays: ${b.trialDays}`);
+        if (b.trialStorePriceId)
+          fields.push(`trialStorePriceId: '${b.trialStorePriceId}'`);
+        return fields.join(", ") + " }";
+      }).join(",\n");
+      const defaultId = productBindings[0].id;
+      config = config.replace(
+        /products:\s*\{[^}]*items:\s*\[[^\]]*\][^}]*\}/s,
+        `products: {
+		items: [
+${itemsStr},
+		],
+		defaultId: '${defaultId}',
+	}`
+      );
+    }
+    writeFileSync2(configPath, config);
+  }
+  const sdkVersion = `^${"0.8.0"}`;
   writeFileSync2(
     join2(dir, "package.json"),
     JSON.stringify(
@@ -211,12 +495,12 @@ async function initCommand(name) {
           publish: "appfunnel publish"
         },
         dependencies: {
-          "@appfunnel-dev/sdk": "^0.6.0",
+          "@appfunnel-dev/sdk": sdkVersion,
           react: "^18.3.0",
           "react-dom": "^18.3.0"
         },
         devDependencies: {
-          appfunnel: "^0.6.0",
+          appfunnel: sdkVersion,
           typescript: "^5.4.0",
           "@types/react": "^18.2.0",
           "@types/react-dom": "^18.2.0",
@@ -230,112 +514,6 @@ async function initCommand(name) {
       2
     ) + "\n"
   );
-  writeFileSync2(
-    join2(dir, "tsconfig.json"),
-    JSON.stringify(
-      {
-        compilerOptions: {
-          target: "ES2020",
-          module: "ESNext",
-          moduleResolution: "bundler",
-          jsx: "react-jsx",
-          strict: true,
-          esModuleInterop: true,
-          skipLibCheck: true,
-          paths: {
-            "@/*": ["./src/*"]
-          },
-          baseUrl: "."
-        },
-        include: ["src"]
-      },
-      null,
-      2
-    ) + "\n"
-  );
-  writeFileSync2(join2(dir, "src", "app.css"), `@import "tailwindcss";
-`);
-  writeFileSync2(
-    join2(dir, "appfunnel.config.ts"),
-    `import { defineConfig } from '@appfunnel-dev/sdk'
-
-export default defineConfig({
-  projectId: '${projectId}',
-  name: '${name}',
-  defaultLocale: 'en',
-
-  responses: {
-    goal: { type: 'string' },
-  },
-
-  products: {
-    items: [],
-  },
-})
-`
-  );
-  writeFileSync2(
-    join2(dir, "src", "funnel.tsx"),
-    `import './app.css'
-
-export default function Funnel({ children }: { children: React.ReactNode }) {
-  return (
-    <div className="min-h-screen">
-      {children}
-    </div>
-  )
-}
-`
-  );
-  writeFileSync2(
-    join2(dir, "src", "pages", "index.tsx"),
-    `import { definePage, useResponse, useNavigation } from '@appfunnel-dev/sdk'
-
-export const page = definePage({
-  name: 'Landing',
-  type: 'default',
-  routes: [],
-})
-
-export default function Landing() {
-  const [goal, setGoal] = useResponse<string>('goal')
-  const { goToNextPage } = useNavigation()
-
-  return (
-    <div className="flex min-h-screen items-center justify-center p-4">
-      <div className="w-full max-w-md space-y-6">
-        <h1 className="text-3xl font-bold text-center">Welcome</h1>
-        <input
-          type="text"
-          value={goal}
-          onChange={(e) => setGoal(e.target.value)}
-          placeholder="What's your goal?"
-          className="w-full rounded-xl border p-4 text-lg"
-        />
-        <button
-          onClick={goToNextPage}
-          disabled={!goal.trim()}
-          className="w-full rounded-xl bg-blue-600 py-4 text-lg font-bold text-white disabled:opacity-50"
-        >
-          Continue
-        </button>
-      </div>
-    </div>
-  )
-}
-`
-  );
-  writeFileSync2(
-    join2(dir, "locales", "en.json"),
-    JSON.stringify({ welcome: "Welcome" }, null, 2) + "\n"
-  );
-  writeFileSync2(
-    join2(dir, ".gitignore"),
-    `node_modules
-dist
-.appfunnel
-`
-  );
   s.stop();
   console.log();
   success(`Created ${pc4.bold(name)} for project ${pc4.bold(project.name)}`);
@@ -345,12 +523,21 @@ dist
   console.log(`  ${pc4.dim("appfunnel dev")}`);
   console.log();
 }
+var __dirname, INTERVAL_LABELS;
 var init_init = __esm({
   "src/commands/init.ts"() {
     "use strict";
     init_logger();
     init_auth();
     init_projects();
+    init_api();
+    __dirname = dirname(fileURLToPath(import.meta.url));
+    INTERVAL_LABELS = {
+      day: { 1: "day", 7: "week", 14: "2 weeks", 30: "month" },
+      week: { 1: "week", 2: "2 weeks", 4: "month", 12: "quarter", 52: "year" },
+      month: { 1: "month", 3: "quarter", 6: "6 months", 12: "year" },
+      year: { 1: "year" }
+    };
   }
 });
 
@@ -449,7 +636,7 @@ async function whoamiCommand() {
   const creds = requireAuth();
   const spin = spinner("Verifying credentials\u2026");
   try {
-    const response = await fetch(`${DEFAULT_API_BASE2}/user`, {
+    const response = await fetch(`${DEFAULT_API_BASE3}/user`, {
       headers: {
         Authorization: creds.token,
         "Content-Type": "application/json"
@@ -480,19 +667,19 @@ async function whoamiCommand() {
     );
   }
 }
-var DEFAULT_API_BASE2;
+var DEFAULT_API_BASE3;
 var init_whoami = __esm({
   "src/commands/whoami.ts"() {
     "use strict";
     init_auth();
     init_errors();
     init_logger();
-    DEFAULT_API_BASE2 = "https://api.appfunnel.net";
+    DEFAULT_API_BASE3 = "https://api.appfunnel.net";
   }
 });
 
 // src/lib/config.ts
-import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
+import { existsSync as existsSync2, readFileSync as readFileSync3 } from "fs";
 import { join as join3, resolve } from "path";
 async function loadConfig(cwd) {
   const configPath = join3(cwd, CONFIG_FILE);
@@ -504,7 +691,7 @@ async function loadConfig(cwd) {
     );
   }
   const { transform } = await import("esbuild");
-  const raw = readFileSync2(configPath, "utf-8");
+  const raw = readFileSync3(configPath, "utf-8");
   const result = await transform(raw, {
     loader: "ts",
     format: "esm",
@@ -536,10 +723,10 @@ var init_config = __esm({
 });
 
 // src/lib/version.ts
-import { readFileSync as readFileSync3 } from "fs";
+import { readFileSync as readFileSync4 } from "fs";
 import { join as join4 } from "path";
 function checkVersionCompatibility(cwd) {
-  const cliVersion = "0.6.0";
+  const cliVersion = "0.8.0";
   const sdkVersion = getSdkVersion(cwd);
   const [cliMajor, cliMinor] = cliVersion.split(".").map(Number);
   const [sdkMajor, sdkMinor] = sdkVersion.split(".").map(Number);
@@ -560,7 +747,7 @@ function getSdkVersion(cwd) {
       "sdk",
       "package.json"
     );
-    const pkg = JSON.parse(readFileSync3(pkgPath, "utf-8"));
+    const pkg = JSON.parse(readFileSync4(pkgPath, "utf-8"));
     return pkg.version;
   } catch {
     throw new CLIError(
@@ -578,7 +765,7 @@ var init_version = __esm({
 });
 
 // src/extract/pages.ts
-import { readdirSync, readFileSync as readFileSync4, existsSync as existsSync3 } from "fs";
+import { readdirSync as readdirSync2, readFileSync as readFileSync5, existsSync as existsSync3 } from "fs";
 import { join as join5, basename } from "path";
 function scanPages(cwd) {
   const pagesDir = resolvePagesDir(cwd);
@@ -589,7 +776,7 @@ function scanPages(cwd) {
       "Create src/pages/ and add at least one .tsx page file."
     );
   }
-  const files = readdirSync(pagesDir).filter((f) => f.endsWith(".tsx") && !f.startsWith("_")).map((f) => basename(f, ".tsx")).sort();
+  const files = readdirSync2(pagesDir).filter((f) => f.endsWith(".tsx") && !f.startsWith("_")).map((f) => basename(f, ".tsx")).sort();
   if (files.length === 0) {
     throw new CLIError(
       "NO_PAGES",
@@ -605,7 +792,7 @@ async function extractPageDefinitions(cwd, pageKeys) {
   const result = {};
   for (const key of pageKeys) {
     const filePath = join5(pagesDir, `${key}.tsx`);
-    const source = readFileSync4(filePath, "utf-8");
+    const source = readFileSync5(filePath, "utf-8");
     const definition = extractDefinePage(ts, source, filePath);
     if (definition) {
       result[key] = definition;
@@ -696,7 +883,7 @@ var init_pages = __esm({
 import { join as join6 } from "path";
 import { existsSync as existsSync4 } from "fs";
 function generateEntrySource(options) {
-  const { config, pages, pagesDir, funnelTsxPath, isDev } = options;
+  const { config, pages, pagesDir, funnelTsxPath, isDev, translations } = options;
   const pageKeys = Object.keys(pages);
   const mergedPages = {};
   const mergedRoutes = {};
@@ -754,6 +941,8 @@ ${pageImports}
 
 ${priceDataCode}
 
+const translations = ${translations ? JSON.stringify(translations) : "undefined"}
+
 const config = ${JSON.stringify(fullConfig, null, 2)}
 
 const keyToSlug = ${JSON.stringify(
@@ -762,7 +951,7 @@ const keyToSlug = ${JSON.stringify(
 const slugToKey = ${JSON.stringify(slugMap)}
 
 const DEV_CAMPAIGN_SLUG = 'campaign'
-const DEFAULT_INITIAL = '${config.initialPageKey || pageKeys[0] || "index"}'
+const DEFAULT_INITIAL = '${config.initialPageKey}'
 
 /**
  * Parse the URL to extract basePath, campaignSlug, and initial page.
@@ -910,6 +1099,7 @@ function App() {
       campaignSlug={campaignSlug}
       priceData={priceData}
       sessionData={sessionData}
+      translations={translations}
     >
       <FunnelWrapper>
         <PageRenderer />
@@ -959,7 +1149,24 @@ var init_html = __esm({
 
 // src/vite/plugin.ts
 import { resolve as resolve2, join as join7 } from "path";
-import { existsSync as existsSync5, writeFileSync as writeFileSync3, mkdirSync as mkdirSync3, readFileSync as readFileSync5 } from "fs";
+import { existsSync as existsSync5, writeFileSync as writeFileSync3, mkdirSync as mkdirSync2, readFileSync as readFileSync6, readdirSync as readdirSync3 } from "fs";
+function loadTranslations(cwd) {
+  const localesDir = join7(cwd, "locales");
+  if (!existsSync5(localesDir)) return void 0;
+  const translations = {};
+  let hasAny = false;
+  for (const file of readdirSync3(localesDir)) {
+    if (!file.endsWith(".json")) continue;
+    const locale = file.replace(/\.json$/, "");
+    try {
+      const content = readFileSync6(join7(localesDir, file), "utf-8");
+      translations[locale] = JSON.parse(content);
+      hasAny = true;
+    } catch {
+    }
+  }
+  return hasAny ? translations : void 0;
+}
 function appfunnelPlugin(options) {
   const { cwd, config, isDev } = options;
   let pages = options.pages;
@@ -967,6 +1174,7 @@ function appfunnelPlugin(options) {
   const funnelTsxPath = resolve2(cwd, "src", "funnel.tsx");
   const appfunnelDir = join7(cwd, APPFUNNEL_DIR);
   const htmlPath = join7(appfunnelDir, "index.html");
+  const localesDir = join7(cwd, "locales");
   function getEntrySource() {
     return generateEntrySource({
       config,
@@ -974,13 +1182,14 @@ function appfunnelPlugin(options) {
       pagesDir,
       funnelTsxPath,
       isDev,
-      priceData: options.priceData
+      priceData: options.priceData,
+      translations: loadTranslations(cwd)
     });
   }
   return {
     name: "appfunnel",
     config() {
-      mkdirSync3(appfunnelDir, { recursive: true });
+      mkdirSync2(appfunnelDir, { recursive: true });
       writeFileSync3(htmlPath, generateHtml(config.name || "AppFunnel"));
       return {
         // Don't let Vite auto-serve index.html — we handle it ourselves
@@ -988,7 +1197,8 @@ function appfunnelPlugin(options) {
         resolve: {
           alias: {
             "@": resolve2(cwd, "src")
-          }
+          },
+          dedupe: ["react", "react-dom"]
         },
         esbuild: {
           jsx: "automatic"
@@ -1050,6 +1260,18 @@ function appfunnelPlugin(options) {
           }
         });
       }
+      if (existsSync5(localesDir)) {
+        watcher.add(localesDir);
+        watcher.on("change", (file) => {
+          if (file.startsWith(localesDir) && file.endsWith(".json")) {
+            const mod = devServer.moduleGraph.getModuleById(RESOLVED_VIRTUAL_ENTRY_ID);
+            if (mod) {
+              devServer.moduleGraph.invalidateModule(mod);
+            }
+            devServer.ws.send({ type: "full-reload" });
+          }
+        });
+      }
       return () => {
         devServer.middlewares.use(async (req, res, next) => {
           const url = req.url?.split("?")[0] || "";
@@ -1057,7 +1279,7 @@ function appfunnelPlugin(options) {
             return next();
           }
           try {
-            const rawHtml = readFileSync5(htmlPath, "utf-8");
+            const rawHtml = readFileSync6(htmlPath, "utf-8");
             const html = await devServer.transformIndexHtml(req.url || "/", rawHtml);
             res.statusCode = 200;
             res.setHeader("Content-Type", "text/html");
@@ -1085,104 +1307,12 @@ var init_plugin = __esm({
   }
 });
 
-// src/lib/api.ts
-async function apiFetch(path, options) {
-  const { token, apiBaseUrl, ...fetchOpts } = options;
-  const base = apiBaseUrl || DEFAULT_API_BASE3;
-  const url = `${base}${path}`;
-  const isFormData = fetchOpts.body instanceof FormData;
-  const headers = {
-    Authorization: token,
-    ...fetchOpts.headers || {}
-  };
-  if (!isFormData) {
-    headers["Content-Type"] = "application/json";
-  }
-  const response = await fetch(url, {
-    ...fetchOpts,
-    headers
-  });
-  if (!response.ok) {
-    const body = await response.text().catch(() => "");
-    let message = `API request failed: ${response.status} ${response.statusText}`;
-    try {
-      const parsed = JSON.parse(body);
-      if (parsed.error) message = parsed.error;
-      if (parsed.message) message = parsed.message;
-    } catch {
-    }
-    const error2 = new CLIError("API_ERROR", message);
-    error2.statusCode = response.status;
-    throw error2;
-  }
-  return response;
-}
-async function fetchPrices(projectId, storePriceIds, options) {
-  if (storePriceIds.length === 0) return /* @__PURE__ */ new Map();
-  const response = await apiFetch(`/project/${projectId}/headless/prices`, {
-    ...options,
-    method: "POST",
-    body: JSON.stringify({ storePriceIds })
-  });
-  const data = await response.json();
-  return new Map(Object.entries(data.prices || {}));
-}
-async function publishBuild(projectId, funnelId, manifest, assets, options) {
-  const formData = new FormData();
-  formData.set("manifest", JSON.stringify(manifest));
-  if (funnelId) {
-    formData.set("funnelId", funnelId);
-  }
-  for (const asset of assets) {
-    formData.append(
-      "assets",
-      new Blob([new Uint8Array(asset.content)], { type: asset.contentType }),
-      asset.path
-    );
-  }
-  try {
-    const response = await apiFetch(`/project/${projectId}/headless/publish`, {
-      ...options,
-      method: "POST",
-      body: formData
-    });
-    return await response.json();
-  } catch (err) {
-    if (err instanceof CLIError && err.code === "API_ERROR") {
-      if (err.statusCode === 413) {
-        throw new CLIError(
-          "BUNDLE_TOO_LARGE",
-          err.message,
-          "Reduce page bundle sizes. Check for large dependencies."
-        );
-      }
-      if (err.statusCode === 409) {
-        throw new CLIError(
-          "FUNNEL_NOT_HEADLESS",
-          err.message,
-          "Remove funnelId from config to create a new headless funnel."
-        );
-      }
-      throw new CLIError("PUBLISH_FAILED", err.message);
-    }
-    throw err;
-  }
-}
-var DEFAULT_API_BASE3;
-var init_api = __esm({
-  "src/lib/api.ts"() {
-    "use strict";
-    init_errors();
-    DEFAULT_API_BASE3 = "https://api.appfunnel.net";
-  }
-});
-
 // src/commands/dev.ts
 var dev_exports = {};
 __export(dev_exports, {
   devCommand: () => devCommand
 });
-import { readFileSync as readFileSync6, writeFileSync as writeFileSync4 } from "fs";
+import { readFileSync as readFileSync7, writeFileSync as writeFileSync4 } from "fs";
 import { join as join8 } from "path";
 import pc6 from "picocolors";
 async function devCommand(options) {
@@ -1198,7 +1328,7 @@ async function devCommand(options) {
     const projectId = await promptForProject(creds.token);
     config.projectId = projectId;
     const configPath = join8(cwd, "appfunnel.config.ts");
-    const configSource = readFileSync6(configPath, "utf-8");
+    const configSource = readFileSync7(configPath, "utf-8");
     let updated;
     if (/projectId:\s*['"]/.test(configSource)) {
       updated = configSource.replace(
@@ -1320,7 +1450,7 @@ __export(build_exports, {
 });
 import { resolve as resolve3, join as join9 } from "path";
 import { randomUUID as randomUUID2 } from "crypto";
-import { readFileSync as readFileSync7, writeFileSync as writeFileSync5, statSync, readdirSync as readdirSync2 } from "fs";
+import { readFileSync as readFileSync8, writeFileSync as writeFileSync5, statSync, readdirSync as readdirSync4 } from "fs";
 import pc7 from "picocolors";
 async function buildCommand() {
   const cwd = process.cwd();
@@ -1336,6 +1466,14 @@ async function buildCommand() {
       "Run 'appfunnel dev' first to select a project, or add projectId manually."
     );
   }
+  if (!config.initialPageKey) {
+    s.stop();
+    throw new CLIError(
+      "MISSING_INITIAL_PAGE_KEY",
+      "Missing initialPageKey in appfunnel.config.ts.",
+      "Set initialPageKey to the page key (filename without .tsx) of your first page."
+    );
+  }
   const pageKeys = scanPages(cwd);
   const pages = await extractPageDefinitions(cwd, pageKeys);
   s.stop();
@@ -1439,7 +1577,7 @@ async function buildCommand() {
   console.log(`  ${pc7.dim("Pages:")}   ${pageKeys.length}`);
   console.log(`  ${pc7.dim("Size:")}    ${formatSize(totalSize)}`);
   console.log();
-  for (const asset of assets.filter((a) => a.path.endsWith(".js"))) {
+  for (const asset of assets) {
     const sizeStr = formatSize(asset.size);
     const isOver = asset.size > MAX_PAGE_SIZE;
     console.log(`  ${isOver ? pc7.yellow("!") : pc7.dim("\xB7")} ${pc7.dim(asset.path)} ${isOver ? pc7.yellow(sizeStr) : pc7.dim(sizeStr)}`);
@@ -1531,7 +1669,7 @@ function validateConditionVariables(condition, pageKey, allVariables) {
 function collectAssets(outDir) {
   const assets = [];
   function walk(dir, prefix = "") {
-    for (const entry of readdirSync2(dir, { withFileTypes: true })) {
+    for (const entry of readdirSync4(dir, { withFileTypes: true })) {
       const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;
       const fullPath = join9(dir, entry.name);
       if (entry.isDirectory()) {
@@ -1551,7 +1689,7 @@ function formatSize(bytes) {
 }
 function getSdkVersion2(cwd) {
   try {
-    const pkg = JSON.parse(readFileSync7(join9(cwd, "node_modules", "@appfunnel", "sdk", "package.json"), "utf-8"));
+    const pkg = JSON.parse(readFileSync8(join9(cwd, "node_modules", "@appfunnel-dev", "sdk", "package.json"), "utf-8"));
     return pkg.version;
   } catch {
     return "0.0.0";
@@ -1584,10 +1722,10 @@ var init_build = __esm({
 
 // src/lib/config-patch.ts
 import { join as join10 } from "path";
-import { readFileSync as readFileSync8, writeFileSync as writeFileSync6 } from "fs";
+import { readFileSync as readFileSync9, writeFileSync as writeFileSync6 } from "fs";
 function patchConfigFunnelId(cwd, funnelId) {
   const configPath = join10(cwd, "appfunnel.config.ts");
-  let content = readFileSync8(configPath, "utf-8");
+  let content = readFileSync9(configPath, "utf-8");
   if (content.includes("funnelId")) return;
   const patched = content.replace(
     /(projectId:\s*['"][^'"]+['"],?\s*\n)/,
@@ -1610,7 +1748,7 @@ __export(publish_exports, {
   publishCommand: () => publishCommand
 });
 import { resolve as resolve4, join as join11 } from "path";
-import { readFileSync as readFileSync9, existsSync as existsSync6 } from "fs";
+import { readFileSync as readFileSync10, existsSync as existsSync6 } from "fs";
 import pc8 from "picocolors";
 function getMimeType(path) {
   const ext = path.substring(path.lastIndexOf("."));
@@ -1621,7 +1759,7 @@ function formatSize2(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
   return `${(bytes / (1024 * 1024)).toFixed(2)}MB`;
 }
-async function publishCommand() {
+async function publishCommand(options) {
   const cwd = process.cwd();
   const creds = requireAuth();
   checkVersionCompatibility(cwd);
@@ -1643,7 +1781,7 @@ async function publishCommand() {
       "Run 'appfunnel build' first."
     );
   }
-  const manifest = JSON.parse(readFileSync9(manifestPath, "utf-8"));
+  const manifest = JSON.parse(readFileSync10(manifestPath, "utf-8"));
   const assets = manifest.assets || [];
   const s = spinner("Preparing assets...");
   const assetPayloads = [];
@@ -1659,7 +1797,7 @@ async function publishCommand() {
         "Run 'appfunnel build' to regenerate."
       );
     }
-    const content = readFileSync9(fullPath);
+    const content = readFileSync10(fullPath);
     totalBytes += content.length;
     assetPayloads.push({
       path: asset.path,
@@ -1674,7 +1812,8 @@ async function publishCommand() {
     config.funnelId || "",
     manifest,
     assetPayloads,
-    { token: creds.token }
+    { token: creds.token },
+    options?.promote
   );
   s.stop();
   if (result.created && result.funnelId) {
@@ -1682,14 +1821,18 @@ async function publishCommand() {
     info(`Funnel created \u2014 funnelId added to appfunnel.config.ts`);
   }
   console.log();
-  success("Published successfully");
+  success(result.activated ? "Published and activated" : "Published successfully");
   console.log();
-  console.log(`  ${pc8.dim("Build ID:")}  ${result.buildId}`);
+  console.log(`  ${pc8.dim("Build ID:")}   ${result.buildId}`);
   if (result.funnelId && !config.funnelId) {
-    console.log(`  ${pc8.dim("Funnel:")}   ${result.funnelId}`);
+    console.log(`  ${pc8.dim("Funnel:")}     ${result.funnelId}`);
+  }
+  console.log(`  ${pc8.dim("Dashboard:")}  ${pc8.cyan(result.dashboardUrl)}`);
+  console.log(`  ${pc8.dim("Assets:")}     ${assets.length} files ${pc8.dim(`(${formatSize2(totalBytes)})`)}`);
+  if (!result.activated) {
+    console.log();
+    console.log(`  ${pc8.dim("Tip:")} Use ${pc8.cyan("--promote")} to activate immediately, or promote from the dashboard.`);
   }
-  console.log(`  ${pc8.dim("URL:")}       ${pc8.cyan(result.url)}`);
-  console.log(`  ${pc8.dim("Assets:")}    ${assets.length} files ${pc8.dim(`(${formatSize2(totalBytes)})`)}`);
   console.log();
 }
 var MIME_TYPES;
@@ -1722,8 +1865,8 @@ init_errors();
 import { Command } from "commander";
 import pc9 from "picocolors";
 var program = new Command();
-program.name("appfunnel").description("Build and publish headless AppFunnel projects").version("0.6.0");
-program.command("init <name>").description("Create a new AppFunnel project").action(async (name) => {
+program.name("appfunnel").description("Build and publish headless AppFunnel projects").version("0.8.0");
+program.command("init").argument("[name]", "Project directory name").description("Create a new AppFunnel project").action(async (name) => {
   const { initCommand: initCommand2 } = await Promise.resolve().then(() => (init_init(), init_exports));
   await initCommand2(name);
 });
@@ -1743,9 +1886,9 @@ program.command("build").description("Build the funnel for production").action(a
   const { buildCommand: buildCommand2 } = await Promise.resolve().then(() => (init_build(), build_exports));
   await buildCommand2();
 });
-program.command("publish").description("Publish the build to AppFunnel").action(async () => {
+program.command("publish").description("Publish the build to AppFunnel").option("--promote", "Activate the build immediately after publishing").action(async (options) => {
   const { publishCommand: publishCommand2 } = await Promise.resolve().then(() => (init_publish(), publish_exports));
-  await publishCommand2();
+  await publishCommand2({ promote: options.promote });
 });
 program.hook("postAction", () => {
 });