appfunnel 0.7.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}`);
   }
@@ -330,10 +328,10 @@ function formatStoreName(store) {
   const test = store.isTestMode ? pc4.yellow(" (test)") : "";
   return `${store.name || store.type}${test}`;
 }
-async function initCommand() {
+async function initCommand(nameArg) {
   const creds = requireAuth();
   const apiOpts = { token: creds.token };
-  const name = await input({
+  const name = nameArg?.trim() || await input({
     message: "Funnel name",
     validate: (value) => {
       if (!value.trim()) return "Name is required";
@@ -344,6 +342,12 @@ async function initCommand() {
       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);
@@ -476,7 +480,7 @@ ${itemsStr},
     }
     writeFileSync2(configPath, config);
   }
-  const sdkVersion = `^${"0.7.0"}`;
+  const sdkVersion = `^${"0.8.0"}`;
   writeFileSync2(
     join2(dir, "package.json"),
     JSON.stringify(
@@ -722,7 +726,7 @@ var init_config = __esm({
 import { readFileSync as readFileSync4 } from "fs";
 import { join as join4 } from "path";
 function checkVersionCompatibility(cwd) {
-  const cliVersion = "0.7.0";
+  const cliVersion = "0.8.0";
   const sdkVersion = getSdkVersion(cwd);
   const [cliMajor, cliMinor] = cliVersion.split(".").map(Number);
   const [sdkMajor, sdkMinor] = sdkVersion.split(".").map(Number);
@@ -879,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 = {};
@@ -937,6 +941,8 @@ ${pageImports}
 
 ${priceDataCode}
 
+const translations = ${translations ? JSON.stringify(translations) : "undefined"}
+
 const config = ${JSON.stringify(fullConfig, null, 2)}
 
 const keyToSlug = ${JSON.stringify(
@@ -945,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.
@@ -1093,6 +1099,7 @@ function App() {
       campaignSlug={campaignSlug}
       priceData={priceData}
       sessionData={sessionData}
+      translations={translations}
     >
       <FunnelWrapper>
         <PageRenderer />
@@ -1142,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 mkdirSync2, readFileSync as readFileSync6 } 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;
@@ -1150,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,
@@ -1157,7 +1182,8 @@ function appfunnelPlugin(options) {
       pagesDir,
       funnelTsxPath,
       isDev,
-      priceData: options.priceData
+      priceData: options.priceData,
+      translations: loadTranslations(cwd)
     });
   }
   return {
@@ -1171,7 +1197,8 @@ function appfunnelPlugin(options) {
         resolve: {
           alias: {
             "@": resolve2(cwd, "src")
-          }
+          },
+          dedupe: ["react", "react-dom"]
         },
         esbuild: {
           jsx: "automatic"
@@ -1233,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] || "";
@@ -1411,7 +1450,7 @@ __export(build_exports, {
 });
 import { resolve as resolve3, join as join9 } from "path";
 import { randomUUID as randomUUID2 } from "crypto";
-import { readFileSync as readFileSync8, writeFileSync as writeFileSync5, statSync, readdirSync as readdirSync3 } 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();
@@ -1427,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();
@@ -1622,7 +1669,7 @@ function validateConditionVariables(condition, pageKey, allVariables) {
 function collectAssets(outDir) {
   const assets = [];
   function walk(dir, prefix = "") {
-    for (const entry of readdirSync3(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()) {
@@ -1642,7 +1689,7 @@ function formatSize(bytes) {
 }
 function getSdkVersion2(cwd) {
   try {
-    const pkg = JSON.parse(readFileSync8(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";
@@ -1818,10 +1865,10 @@ 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.7.0");
-program.command("init").description("Create a new AppFunnel project").action(async () => {
+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();
+  await initCommand2(name);
 });
 program.command("login").description("Authenticate with AppFunnel").action(async () => {
   const { loginCommand: loginCommand2 } = await Promise.resolve().then(() => (init_login(), login_exports));