create-kofi-stack 1.1.0 → 1.2.1

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.ts
 import { Command } from "commander";
-import pc3 from "picocolors";
+import pc4 from "picocolors";
 import gradient from "gradient-string";
 
 // src/prompts/index.ts
@@ -713,9 +713,9 @@ ${extras.length > 0 ? `${pc.bold("Extras:")} ${extras.join(", ")}` : ""}`,
 }
 
 // src/generators/index.ts
-import path19 from "path";
-import * as p6 from "@clack/prompts";
-import pc2 from "picocolors";
+import path20 from "path";
+import * as p7 from "@clack/prompts";
+import pc3 from "picocolors";
 import ora from "ora";
 
 // src/utils/fs.ts
@@ -735,6 +735,9 @@ async function writeJSON(filePath, data) {
 async function pathExists(filePath) {
   return fs.pathExists(filePath);
 }
+async function readFile(filePath) {
+  return fs.readFile(filePath, "utf-8");
+}
 
 // src/utils/git.ts
 import { execa } from "execa";
@@ -808,19 +811,19 @@ async function generatePackageJson(config, appDir) {
     next: "^16.0.0",
     react: "^19.0.0",
     "react-dom": "^19.0.0",
-    "@convex-dev/better-auth": "^0.10.0",
-    "better-auth": "^1.2.0",
-    convex: "^1.17.0",
+    "@convex-dev/better-auth": "^0.10.9",
+    "better-auth": "^1.4.0",
+    convex: "^1.25.0",
     "@t3-oss/env-nextjs": "^0.11.0",
-    zod: "^3.23.0",
+    zod: "^3.25.0",
     "date-fns": "^4.0.0",
     clsx: "^2.1.0",
     "tailwind-merge": "^2.5.0",
     "@hugeicons/react": "^0.3.0",
-    "@base-ui-components/react": "^1.0.0-rc.0",
+    "@base-ui/react": "^1.0.0",
     "class-variance-authority": "^0.7.0",
     resend: "^4.0.0",
-    "@react-email/components": "^0.0.25"
+    "@react-email/components": "^0.0.31"
   };
   const devDependencies = {
     typescript: "^5.0.0",
@@ -1992,8 +1995,8 @@ async function generateConvexPackageJson(convexDir) {
     main: "./convex/index.ts",
     types: "./convex/index.ts",
     dependencies: {
-      convex: "^1.17.0",
-      "@convex-dev/better-auth": "^0.10.0"
+      convex: "^1.25.0",
+      "@convex-dev/better-auth": "^0.10.9"
     },
     devDependencies: {
       typescript: "^5.0.0"
@@ -3151,7 +3154,7 @@ async function generateUIPackage(config, targetDir) {
       typecheck: "tsc --noEmit"
     },
     dependencies: {
-      "@base-ui-components/react": "^1.0.0-rc.0",
+      "@base-ui/react": "^1.0.0",
       "@hugeicons/react": "^0.3.0",
       "class-variance-authority": "^0.7.0",
       clsx: "^2.1.0",
@@ -4114,17 +4117,23 @@ async function generatePayloadTsConfig(marketingDir) {
   await writeJSON(path15.join(marketingDir, "tsconfig.json"), tsConfig);
 }
 async function generatePayloadEnv(marketingDir) {
-  const envContent = `# Database
+  const envContent = `# Database (Supabase PostgreSQL)
 DATABASE_URL=postgresql://postgres:[PASSWORD]@db.[PROJECT].supabase.co:5432/postgres
 
-# Payload
-PAYLOAD_SECRET=
+# Payload CMS
+PAYLOAD_SECRET=  # Generate with: openssl rand -base64 32
 
-# S3 Storage (Supabase)
-S3_BUCKET=
+# Scheduled Jobs
+CRON_SECRET=  # Generate with: openssl rand -base64 32
+
+# Draft Previews
+PREVIEW_SECRET=  # Generate with: openssl rand -base64 32
+
+# S3 Storage (Supabase Storage)
+S3_BUCKET=media
 S3_ACCESS_KEY_ID=
 S3_SECRET_ACCESS_KEY=
-S3_REGION=
+S3_REGION=auto
 S3_ENDPOINT=https://[PROJECT].supabase.co/storage/v1/s3
 `;
   await writeFile(path15.join(marketingDir, ".env.example"), envContent);
@@ -4158,12 +4167,12 @@ async function generateFumadocsPackageJson(docsDir) {
       typecheck: "tsc --noEmit"
     },
     dependencies: {
-      next: "^15.0.0",
+      next: "^16.0.0",
       react: "^19.0.0",
       "react-dom": "^19.0.0",
-      "fumadocs-core": "^14.0.0",
-      "fumadocs-mdx": "^10.0.0",
-      "fumadocs-ui": "^14.0.0",
+      "fumadocs-core": "^16.0.0",
+      "fumadocs-mdx": "^14.0.0",
+      "fumadocs-ui": "^16.0.0",
       "@repo/ui": "workspace:*"
     },
     devDependencies: {
@@ -4341,48 +4350,11 @@ export default function HomePage() {
 }
 `;
   await writeFile(path16.join(docsDir, "src/app/page.tsx"), homePageContent);
-  const globalCssContent = `@import 'fumadocs-ui/style.css';
-@import "tailwindcss";
-
-:root {
-  --fd-background: 0 0% 100%;
-  --fd-foreground: 0 0% 3.9%;
-  --fd-muted: 0 0% 96.1%;
-  --fd-muted-foreground: 0 0% 45.1%;
-  --fd-popover: 0 0% 100%;
-  --fd-popover-foreground: 0 0% 3.9%;
-  --fd-card: 0 0% 100%;
-  --fd-card-foreground: 0 0% 3.9%;
-  --fd-border: 0 0% 89.8%;
-  --fd-input: 0 0% 89.8%;
-  --fd-primary: 0 0% 9%;
-  --fd-primary-foreground: 0 0% 98%;
-  --fd-secondary: 0 0% 96.1%;
-  --fd-secondary-foreground: 0 0% 9%;
-  --fd-accent: 0 0% 96.1%;
-  --fd-accent-foreground: 0 0% 9%;
-  --fd-ring: 0 0% 63.9%;
-}
+  const globalCssContent = `@import 'tailwindcss';
+@import 'fumadocs-ui/css/neutral.css';
+@import 'fumadocs-ui/css/preset.css';
 
-.dark {
-  --fd-background: 0 0% 3.9%;
-  --fd-foreground: 0 0% 98%;
-  --fd-muted: 0 0% 14.9%;
-  --fd-muted-foreground: 0 0% 63.9%;
-  --fd-popover: 0 0% 3.9%;
-  --fd-popover-foreground: 0 0% 98%;
-  --fd-card: 0 0% 3.9%;
-  --fd-card-foreground: 0 0% 98%;
-  --fd-border: 0 0% 14.9%;
-  --fd-input: 0 0% 14.9%;
-  --fd-primary: 0 0% 98%;
-  --fd-primary-foreground: 0 0% 9%;
-  --fd-secondary: 0 0% 14.9%;
-  --fd-secondary-foreground: 0 0% 98%;
-  --fd-accent: 0 0% 14.9%;
-  --fd-accent-foreground: 0 0% 98%;
-  --fd-ring: 0 0% 14.9%;
-}
+@source '../node_modules/fumadocs-ui/dist/**/*.js';
 `;
   await writeFile(path16.join(docsDir, "src/app/global.css"), globalCssContent);
   const sourceConfigContent = `import { defineCollections, defineConfig } from 'fumadocs-mdx/config'
@@ -4508,7 +4480,7 @@ ${config.name} uses Better-Auth with Convex for authentication.
 
 - Email/Password (always enabled)
 - Google OAuth (always enabled)
-${config.auth.providers.map((p7) => `- ${p7.charAt(0).toUpperCase() + p7.slice(1)}`).join("\n")}
+${config.auth.providers.map((p8) => `- ${p8.charAt(0).toUpperCase() + p8.slice(1)}`).join("\n")}
 
 ## Configuration
 
@@ -6745,19 +6717,370 @@ export function cn(...inputs: ClassValue[]) {
   await writeFile(path18.join(appDir, "src/lib/utils.ts"), content);
 }
 
+// src/setup/env-wizard.ts
+import * as p6 from "@clack/prompts";
+import pc2 from "picocolors";
+import { exec } from "child_process";
+import { promisify } from "util";
+import path19 from "path";
+var execAsync = promisify(exec);
+async function runEnvSetupWizard(config) {
+  console.log();
+  p6.intro(pc2.bgMagenta(pc2.black(" Environment Setup ")));
+  const shouldSetup = await p6.confirm({
+    message: "Would you like to set up environment variables now?",
+    initialValue: true
+  });
+  if (p6.isCancel(shouldSetup) || !shouldSetup) {
+    p6.log.info("Skipping environment setup. You can configure .env.local manually later.");
+    return;
+  }
+  const envValues = {};
+  await setupSecrets(config, envValues);
+  await setupConvex(config, envValues);
+  if (config.marketingSite === "payload") {
+    await setupSupabase(config, envValues);
+  }
+  await showOAuthSetupGuide(config);
+  await showRemainingEnvGuide(config);
+  await writeEnvFiles(config, envValues);
+  p6.outro(pc2.green("Environment setup complete!"));
+}
+async function setupSecrets(config, envValues) {
+  p6.log.step("Generating secure secrets...");
+  try {
+    const { stdout: authSecret } = await execAsync("openssl rand -base64 32");
+    envValues.BETTER_AUTH_SECRET = authSecret.trim();
+    p6.log.success("Generated BETTER_AUTH_SECRET");
+    if (config.marketingSite === "payload") {
+      const { stdout: payloadSecret } = await execAsync("openssl rand -base64 32");
+      envValues.PAYLOAD_SECRET = payloadSecret.trim();
+      p6.log.success("Generated PAYLOAD_SECRET");
+      const { stdout: cronSecret } = await execAsync("openssl rand -base64 32");
+      envValues.CRON_SECRET = cronSecret.trim();
+      p6.log.success("Generated CRON_SECRET");
+      const { stdout: previewSecret } = await execAsync("openssl rand -base64 32");
+      envValues.PREVIEW_SECRET = previewSecret.trim();
+      p6.log.success("Generated PREVIEW_SECRET");
+    }
+  } catch (error) {
+    p6.log.warn("Could not generate secrets automatically. Please generate them manually:");
+    p6.log.info("Run: openssl rand -base64 32");
+  }
+}
+async function setupConvex(config, envValues) {
+  console.log();
+  p6.log.step("Convex Setup");
+  const convexChoice = await p6.select({
+    message: "How would you like to set up Convex?",
+    options: [
+      {
+        value: "new",
+        label: "Create a new Convex project",
+        hint: "Will open Convex dashboard in browser"
+      },
+      {
+        value: "existing",
+        label: "Connect to an existing Convex project",
+        hint: "Enter your Convex deployment URL"
+      },
+      {
+        value: "skip",
+        label: "Skip for now",
+        hint: "Configure manually later"
+      }
+    ]
+  });
+  if (p6.isCancel(convexChoice) || convexChoice === "skip") {
+    p6.log.info("Skipping Convex setup. Run `pnpm convex dev` to set up later.");
+    return;
+  }
+  if (convexChoice === "new") {
+    p6.log.info(`
+${pc2.bold("To create a new Convex project:")}
+
+1. Run ${pc2.cyan("pnpm convex dev")} in your project directory
+2. It will open your browser to create a new project
+3. Follow the prompts to set up your Convex project
+4. The CLI will automatically add the deployment URL to .env.local
+
+${pc2.dim("Note: Make sure you have a Convex account at https://convex.dev")}
+`);
+  } else if (convexChoice === "existing") {
+    const deploymentName = await p6.text({
+      message: "Enter your Convex deployment name (e.g., my-app-123):",
+      placeholder: "my-app-123",
+      validate: (value) => {
+        if (!value) return "Deployment name is required";
+        return void 0;
+      }
+    });
+    if (!p6.isCancel(deploymentName)) {
+      envValues.CONVEX_DEPLOYMENT = `prod:${deploymentName}`;
+      envValues.NEXT_PUBLIC_CONVEX_URL = `https://${deploymentName}.convex.cloud`;
+      p6.log.success("Convex deployment configured");
+    }
+  }
+}
+async function setupSupabase(config, envValues) {
+  console.log();
+  p6.log.step("Supabase Database Setup (for Payload CMS)");
+  const supabaseChoice = await p6.select({
+    message: "How would you like to set up Supabase?",
+    options: [
+      {
+        value: "guide",
+        label: "Show setup guide",
+        hint: "Step-by-step instructions"
+      },
+      {
+        value: "existing",
+        label: "Enter existing Supabase credentials",
+        hint: "I already have a Supabase project"
+      },
+      {
+        value: "skip",
+        label: "Skip for now",
+        hint: "Configure manually later"
+      }
+    ]
+  });
+  if (p6.isCancel(supabaseChoice) || supabaseChoice === "skip") {
+    p6.log.info("Skipping Supabase setup. Configure DATABASE_URL in .env.local later.");
+    return;
+  }
+  if (supabaseChoice === "guide") {
+    p6.log.info(`
+${pc2.bold("To set up Supabase for Payload CMS:")}
+
+1. Go to ${pc2.cyan("https://supabase.com")} and create/sign in to your account
+2. Create a new project (or select an existing one)
+3. Go to ${pc2.bold("Project Settings > Database")}
+4. Under ${pc2.bold("Connection string")}, select ${pc2.bold("URI")} tab
+5. Copy the connection string (starts with postgresql://)
+6. Replace ${pc2.dim("[YOUR-PASSWORD]")} with your database password
+
+${pc2.bold("For S3 Storage (images/media):")}
+1. Go to ${pc2.bold("Project Settings > Storage")}
+2. Create a new bucket called "media"
+3. Go to ${pc2.bold("Project Settings > API")}
+4. Copy the ${pc2.bold("service_role key")} for S3_SECRET_ACCESS_KEY
+5. Note your project reference for the S3 endpoint
+
+${pc2.dim("Add these to your apps/marketing/.env.local file")}
+`);
+    const enterNow = await p6.confirm({
+      message: "Would you like to enter your Supabase credentials now?",
+      initialValue: false
+    });
+    if (!p6.isCancel(enterNow) && enterNow) {
+      await collectSupabaseCredentials(envValues);
+    }
+  } else if (supabaseChoice === "existing") {
+    await collectSupabaseCredentials(envValues);
+  }
+}
+async function collectSupabaseCredentials(envValues) {
+  const databaseUrl = await p6.text({
+    message: "Enter your DATABASE_URL (PostgreSQL connection string):",
+    placeholder: "postgresql://postgres:[PASSWORD]@db.[PROJECT].supabase.co:5432/postgres",
+    validate: (value) => {
+      if (!value) return "Database URL is required";
+      if (!value.startsWith("postgresql://")) return "Must be a PostgreSQL connection string";
+      return void 0;
+    }
+  });
+  if (!p6.isCancel(databaseUrl)) {
+    envValues.DATABASE_URL = databaseUrl;
+    p6.log.success("Database URL configured");
+  }
+  const setupS3 = await p6.confirm({
+    message: "Would you like to configure S3 storage for media uploads?",
+    initialValue: false
+  });
+  if (!p6.isCancel(setupS3) && setupS3) {
+    const projectRef = await p6.text({
+      message: "Enter your Supabase project reference (e.g., abcdefghijklmnop):",
+      placeholder: "abcdefghijklmnop"
+    });
+    if (!p6.isCancel(projectRef)) {
+      envValues.S3_ENDPOINT = `https://${projectRef}.supabase.co/storage/v1/s3`;
+      envValues.S3_REGION = "auto";
+      envValues.S3_BUCKET = "media";
+      const accessKeyId = await p6.text({
+        message: "Enter your S3 Access Key ID (from Supabase API settings):",
+        placeholder: "your-access-key-id"
+      });
+      if (!p6.isCancel(accessKeyId)) {
+        envValues.S3_ACCESS_KEY_ID = accessKeyId;
+      }
+      const secretKey = await p6.password({
+        message: "Enter your S3 Secret Access Key (service_role key):"
+      });
+      if (!p6.isCancel(secretKey)) {
+        envValues.S3_SECRET_ACCESS_KEY = secretKey;
+      }
+      p6.log.success("S3 storage configured");
+    }
+  }
+}
+async function showOAuthSetupGuide(config) {
+  console.log();
+  p6.log.step("OAuth Provider Setup");
+  const allProviders = ["google", ...config.auth.providers];
+  p6.log.info(`
+${pc2.bold("Configure OAuth providers for authentication:")}
+
+${pc2.cyan("Google OAuth")} (required):
+  1. Go to ${pc2.dim("https://console.cloud.google.com")}
+  2. Create a new project or select existing
+  3. Go to APIs & Services > Credentials
+  4. Create OAuth 2.0 Client ID (Web application)
+  5. Add authorized redirect: ${pc2.dim("http://localhost:3000/api/auth/callback/google")}
+  6. Copy Client ID and Client Secret to .env.local
+`);
+  for (const provider of config.auth.providers) {
+    const guides = {
+      github: `${pc2.cyan("GitHub OAuth")}:
+  1. Go to ${pc2.dim("https://github.com/settings/developers")}
+  2. Create a new OAuth App
+  3. Set callback URL: ${pc2.dim("http://localhost:3000/api/auth/callback/github")}`,
+      discord: `${pc2.cyan("Discord OAuth")}:
+  1. Go to ${pc2.dim("https://discord.com/developers/applications")}
+  2. Create a new application
+  3. Go to OAuth2 and add redirect: ${pc2.dim("http://localhost:3000/api/auth/callback/discord")}`,
+      twitter: `${pc2.cyan("Twitter/X OAuth")}:
+  1. Go to ${pc2.dim("https://developer.twitter.com/en/portal/dashboard")}
+  2. Create a project and app
+  3. Set callback URL: ${pc2.dim("http://localhost:3000/api/auth/callback/twitter")}`,
+      apple: `${pc2.cyan("Apple OAuth")}:
+  1. Go to ${pc2.dim("https://developer.apple.com")}
+  2. Create an App ID and Service ID
+  3. Configure Sign in with Apple`,
+      microsoft: `${pc2.cyan("Microsoft OAuth")}:
+  1. Go to ${pc2.dim("https://portal.azure.com")}
+  2. Register a new application in Azure AD
+  3. Add redirect: ${pc2.dim("http://localhost:3000/api/auth/callback/microsoft")}`,
+      linkedin: `${pc2.cyan("LinkedIn OAuth")}:
+  1. Go to ${pc2.dim("https://www.linkedin.com/developers")}
+  2. Create a new app
+  3. Add redirect: ${pc2.dim("http://localhost:3000/api/auth/callback/linkedin")}`
+    };
+    if (guides[provider]) {
+      console.log(guides[provider]);
+      console.log();
+    }
+  }
+}
+async function showRemainingEnvGuide(config) {
+  console.log();
+  p6.log.step("Additional Configuration");
+  const guides = [];
+  guides.push(`${pc2.cyan("Resend (Email)")}:
+  1. Sign up at ${pc2.dim("https://resend.com")}
+  2. Create an API key
+  3. Add RESEND_API_KEY to .env.local`);
+  if (config.integrations.analytics === "posthog") {
+    guides.push(`${pc2.cyan("PostHog Analytics")}:
+  1. Sign up at ${pc2.dim("https://posthog.com")}
+  2. Create a project and get your API key
+  3. Add NEXT_PUBLIC_POSTHOG_KEY and NEXT_PUBLIC_POSTHOG_HOST`);
+  }
+  if (config.integrations.uploads === "uploadthing") {
+    guides.push(`${pc2.cyan("Uploadthing")}:
+  1. Sign up at ${pc2.dim("https://uploadthing.com")}
+  2. Create an app and get your credentials
+  3. Add UPLOADTHING_SECRET and UPLOADTHING_APP_ID`);
+  }
+  if (config.integrations.uploads === "s3") {
+    guides.push(`${pc2.cyan("AWS S3")}:
+  1. Create an S3 bucket in AWS Console
+  2. Create an IAM user with S3 access
+  3. Add AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_REGION, AWS_BUCKET_NAME`);
+  }
+  if (config.integrations.rateLimiting === "arcjet") {
+    guides.push(`${pc2.cyan("Arcjet")}:
+  1. Sign up at ${pc2.dim("https://arcjet.com")}
+  2. Create a site and get your API key
+  3. Add ARCJET_KEY to .env.local`);
+  }
+  if (config.integrations.rateLimiting === "upstash") {
+    guides.push(`${pc2.cyan("Upstash Redis")}:
+  1. Sign up at ${pc2.dim("https://upstash.com")}
+  2. Create a Redis database
+  3. Add UPSTASH_REDIS_REST_URL and UPSTASH_REDIS_REST_TOKEN`);
+  }
+  if (config.integrations.monitoring === "sentry") {
+    guides.push(`${pc2.cyan("Sentry")}:
+  1. Sign up at ${pc2.dim("https://sentry.io")}
+  2. Create a project (Next.js)
+  3. Add SENTRY_DSN and SENTRY_AUTH_TOKEN`);
+  }
+  if (guides.length > 0) {
+    p6.log.info(`
+${pc2.bold("Configure these services to complete your setup:")}
+
+${guides.join("\n\n")}
+`);
+  }
+}
+async function writeEnvFiles(config, envValues) {
+  if (Object.keys(envValues).length === 0) {
+    return;
+  }
+  p6.log.step("Writing environment files...");
+  const webEnvPath = config.structure === "monorepo" ? path19.join(config.targetDir, "apps/web/.env.local") : path19.join(config.targetDir, ".env.local");
+  if (await pathExists(webEnvPath)) {
+    let content = await readFile(webEnvPath);
+    for (const [key, value] of Object.entries(envValues)) {
+      if (["PAYLOAD_SECRET", "DATABASE_URL", "S3_ENDPOINT", "S3_REGION", "S3_BUCKET", "S3_ACCESS_KEY_ID", "S3_SECRET_ACCESS_KEY", "CRON_SECRET", "PREVIEW_SECRET"].includes(key)) {
+        continue;
+      }
+      const regex = new RegExp(`^${key}=.*$`, "m");
+      if (regex.test(content)) {
+        content = content.replace(regex, `${key}=${value}`);
+      } else {
+        content += `
+${key}=${value}`;
+      }
+    }
+    await writeFile(webEnvPath, content);
+    p6.log.success(`Updated ${config.structure === "monorepo" ? "apps/web/.env.local" : ".env.local"}`);
+  }
+  if (config.marketingSite === "payload" && config.structure === "monorepo") {
+    const marketingEnvPath = path19.join(config.targetDir, "apps/marketing/.env.local");
+    if (await pathExists(marketingEnvPath)) {
+      let content = await readFile(marketingEnvPath);
+      const payloadEnvKeys = ["PAYLOAD_SECRET", "DATABASE_URL", "S3_ENDPOINT", "S3_REGION", "S3_BUCKET", "S3_ACCESS_KEY_ID", "S3_SECRET_ACCESS_KEY", "CRON_SECRET", "PREVIEW_SECRET"];
+      for (const [key, value] of Object.entries(envValues)) {
+        if (!payloadEnvKeys.includes(key)) continue;
+        const regex = new RegExp(`^${key}=.*$`, "m");
+        if (regex.test(content)) {
+          content = content.replace(regex, `${key}=${value}`);
+        } else {
+          content += `
+${key}=${value}`;
+        }
+      }
+      await writeFile(marketingEnvPath, content);
+      p6.log.success("Updated apps/marketing/.env.local");
+    }
+  }
+}
+
 // src/generators/index.ts
 async function generateProject(config) {
   const spinner = ora();
   if (!await isPnpmInstalled()) {
-    p6.cancel("pnpm is not installed. Please install pnpm first: npm install -g pnpm");
+    p7.cancel("pnpm is not installed. Please install pnpm first: npm install -g pnpm");
     process.exit(1);
   }
   if (await pathExists(config.targetDir)) {
-    p6.cancel(`Directory ${config.name} already exists`);
+    p7.cancel(`Directory ${config.name} already exists`);
     process.exit(1);
   }
   console.log();
-  p6.log.info(`Creating project in ${pc2.cyan(config.targetDir)}`);
+  p7.log.info(`Creating project in ${pc3.cyan(config.targetDir)}`);
   console.log();
   try {
     if (config.structure === "monorepo") {
@@ -6766,6 +7089,7 @@ async function generateProject(config) {
       await generateSingleProject(config, spinner);
     }
     await runPostGenerationSteps(config, spinner);
+    await runEnvSetupWizard(config);
     displaySuccessMessage(config);
   } catch (error) {
     spinner.fail("An error occurred during project generation");
@@ -6785,7 +7109,7 @@ async function generateSingleProject(config, spinner) {
   await generateShadcn(config, targetDir);
   spinner.succeed("shadcn/ui configured");
   spinner.start("Setting up Convex...");
-  await generateConvex(config, path19.join(targetDir, "convex"));
+  await generateConvex(config, path20.join(targetDir, "convex"));
   spinner.succeed("Convex configured");
   spinner.start("Configuring Better-Auth...");
   await generateBetterAuth(config, targetDir);
@@ -6828,7 +7152,7 @@ async function generateMonorepoProject(config, spinner) {
   spinner.start("Creating shared UI package...");
   await generateUIPackage(config, targetDir);
   spinner.succeed("Shared UI package created");
-  const webDir = path19.join(targetDir, "apps/web");
+  const webDir = path20.join(targetDir, "apps/web");
   spinner.start("Generating web application...");
   await generateBaseNextjs(config, webDir);
   await generateTailwind(config, webDir);
@@ -6838,10 +7162,10 @@ async function generateMonorepoProject(config, spinner) {
   await generateEmail(config, webDir);
   await updateWebTsConfig(webDir);
   spinner.succeed("Web application generated");
-  const backendDir = path19.join(targetDir, "packages/backend");
+  const backendDir = path20.join(targetDir, "packages/backend");
   spinner.start("Setting up Convex backend...");
   await ensureDir(backendDir);
-  await generateConvex(config, path19.join(backendDir, "convex"));
+  await generateConvex(config, path20.join(backendDir, "convex"));
   spinner.succeed("Convex backend configured");
   if (config.integrations.analytics !== "none") {
     spinner.start(`Setting up ${config.integrations.analytics} analytics...`);
@@ -6864,7 +7188,7 @@ async function generateMonorepoProject(config, spinner) {
     spinner.succeed(`${config.integrations.monitoring} monitoring configured`);
   }
   if (config.marketingSite !== "none") {
-    const marketingDir = path19.join(targetDir, "apps/marketing");
+    const marketingDir = path20.join(targetDir, "apps/marketing");
     spinner.start(`Generating ${config.marketingSite} marketing site...`);
     if (config.marketingSite === "payload") {
       await generatePayload(config, marketingDir);
@@ -6876,7 +7200,7 @@ async function generateMonorepoProject(config, spinner) {
     spinner.succeed(`${config.marketingSite} marketing site generated`);
   }
   if (config.includeDocs) {
-    const docsDir = path19.join(targetDir, "apps/docs");
+    const docsDir = path20.join(targetDir, "apps/docs");
     spinner.start("Generating Fumadocs documentation site...");
     await generateFumadocs(config, docsDir);
     spinner.succeed("Fumadocs documentation site generated");
@@ -6897,7 +7221,7 @@ async function runPostGenerationSteps(config, spinner) {
   }
   spinner.start("Installing shadcn/ui components...");
   try {
-    const shadcnDir = config.structure === "monorepo" ? path19.join(targetDir, "packages/ui") : targetDir;
+    const shadcnDir = config.structure === "monorepo" ? path20.join(targetDir, "packages/ui") : targetDir;
     await runShadcnAdd(shadcnDir);
     spinner.succeed("shadcn/ui components installed");
   } catch (error) {
@@ -6957,7 +7281,7 @@ async function generateBiomeConfig(targetDir) {
     }
   };
   await writeFile(
-    path19.join(targetDir, "biome.json"),
+    path20.join(targetDir, "biome.json"),
     JSON.stringify(biomeJson, null, 2)
   );
 }
@@ -7008,13 +7332,13 @@ yarn-error.log*
 *.pem
 .cache
 `;
-  await writeFile(path19.join(targetDir, ".gitignore"), gitignoreContent);
+  await writeFile(path20.join(targetDir, ".gitignore"), gitignoreContent);
 }
 async function generateHuskyHooks(targetDir) {
   const preCommitContent = `pnpm lint-staged
 `;
-  await ensureDir(path19.join(targetDir, ".husky"));
-  await writeFile(path19.join(targetDir, ".husky/pre-commit"), preCommitContent);
+  await ensureDir(path20.join(targetDir, ".husky"));
+  await writeFile(path20.join(targetDir, ".husky/pre-commit"), preCommitContent);
 }
 async function updateWebTsConfig(webDir) {
   const tsConfig = {
@@ -7028,14 +7352,14 @@ async function updateWebTsConfig(webDir) {
     exclude: ["node_modules"]
   };
   await writeFile(
-    path19.join(webDir, "tsconfig.json"),
+    path20.join(webDir, "tsconfig.json"),
     JSON.stringify(tsConfig, null, 2)
   );
 }
 async function generateNextjsMarketing(config, marketingDir) {
-  await ensureDir(path19.join(marketingDir, "src/app"));
-  await ensureDir(path19.join(marketingDir, "src/components"));
-  await ensureDir(path19.join(marketingDir, "public"));
+  await ensureDir(path20.join(marketingDir, "src/app"));
+  await ensureDir(path20.join(marketingDir, "src/components"));
+  await ensureDir(path20.join(marketingDir, "public"));
   const packageJson = {
     name: "@repo/marketing",
     version: "0.1.0",
@@ -7066,7 +7390,7 @@ async function generateNextjsMarketing(config, marketingDir) {
     }
   };
   await writeFile(
-    path19.join(marketingDir, "package.json"),
+    path20.join(marketingDir, "package.json"),
     JSON.stringify(packageJson, null, 2)
   );
   const homePageContent = `export default function HomePage() {
@@ -7089,7 +7413,7 @@ async function generateNextjsMarketing(config, marketingDir) {
 }
 `;
   await writeFile(
-    path19.join(marketingDir, "src/app/page.tsx"),
+    path20.join(marketingDir, "src/app/page.tsx"),
     homePageContent
   );
   const layoutContent = `import type { Metadata } from 'next'
@@ -7113,7 +7437,7 @@ export default function RootLayout({
 }
 `;
   await writeFile(
-    path19.join(marketingDir, "src/app/layout.tsx"),
+    path20.join(marketingDir, "src/app/layout.tsx"),
     layoutContent
   );
   const globalsCss = `@import "tailwindcss";
@@ -7125,7 +7449,7 @@ export default function RootLayout({
 }
 `;
   await writeFile(
-    path19.join(marketingDir, "src/app/globals.css"),
+    path20.join(marketingDir, "src/app/globals.css"),
     globalsCss
   );
   const tsConfig = {
@@ -7139,7 +7463,7 @@ export default function RootLayout({
     exclude: ["node_modules"]
   };
   await writeFile(
-    path19.join(marketingDir, "tsconfig.json"),
+    path20.join(marketingDir, "tsconfig.json"),
     JSON.stringify(tsConfig, null, 2)
   );
   const nextConfig = `import type { NextConfig } from 'next'
@@ -7150,14 +7474,14 @@ const nextConfig: NextConfig = {
 
 export default nextConfig
 `;
-  await writeFile(path19.join(marketingDir, "next.config.ts"), nextConfig);
+  await writeFile(path20.join(marketingDir, "next.config.ts"), nextConfig);
   const postcssConfig = `export default {
   plugins: {
     '@tailwindcss/postcss': {},
   },
 }
 `;
-  await writeFile(path19.join(marketingDir, "postcss.config.mjs"), postcssConfig);
+  await writeFile(path20.join(marketingDir, "postcss.config.mjs"), postcssConfig);
 }
 function displaySuccessMessage(config) {
   const apps = ["web"];
@@ -7171,37 +7495,37 @@ function displaySuccessMessage(config) {
     apps.push("design-system");
   }
   console.log();
-  p6.outro(pc2.green("Project created successfully!"));
+  p7.outro(pc3.green("Project created successfully!"));
   console.log();
-  console.log(pc2.bold("Next steps:"));
+  console.log(pc3.bold("Next steps:"));
   console.log();
-  console.log(`  ${pc2.cyan("cd")} ${config.name}`);
+  console.log(`  ${pc3.cyan("cd")} ${config.name}`);
   console.log();
-  console.log(`  ${pc2.dim("# Set up your environment variables")}`);
-  console.log(`  ${pc2.cyan("cp")} .env.example .env.local`);
+  console.log(`  ${pc3.dim("# Set up your environment variables")}`);
+  console.log(`  ${pc3.cyan("cp")} .env.example .env.local`);
   console.log();
-  console.log(`  ${pc2.dim("# Start Convex development server")}`);
-  console.log(`  ${pc2.cyan("pnpm")} convex dev`);
+  console.log(`  ${pc3.dim("# Start Convex development server")}`);
+  console.log(`  ${pc3.cyan("pnpm")} convex dev`);
   console.log();
-  console.log(`  ${pc2.dim("# In another terminal, start the app")}`);
-  console.log(`  ${pc2.cyan("pnpm")} dev`);
+  console.log(`  ${pc3.dim("# In another terminal, start the app")}`);
+  console.log(`  ${pc3.cyan("pnpm")} dev`);
   if (config.marketingSite === "payload") {
     console.log();
-    console.log(pc2.dim("# If using Payload CMS:"));
-    console.log(pc2.dim("# 1. Create a Supabase project at https://supabase.com"));
-    console.log(pc2.dim("# 2. Copy your database connection strings to .env.local"));
-    console.log(pc2.dim("# 3. Run migrations: pnpm --filter marketing db:push"));
+    console.log(pc3.dim("# If using Payload CMS:"));
+    console.log(pc3.dim("# 1. Create a Supabase project at https://supabase.com"));
+    console.log(pc3.dim("# 2. Copy your database connection strings to .env.local"));
+    console.log(pc3.dim("# 3. Run migrations: pnpm --filter marketing db:push"));
   }
   console.log();
-  console.log(pc2.bold("Documentation:"));
-  console.log(`  ${pc2.dim("-")} Convex: ${pc2.cyan("https://docs.convex.dev")}`);
-  console.log(`  ${pc2.dim("-")} Better-Auth: ${pc2.cyan("https://www.better-auth.com")}`);
-  console.log(`  ${pc2.dim("-")} shadcn/ui: ${pc2.cyan("https://ui.shadcn.com")}`);
+  console.log(pc3.bold("Documentation:"));
+  console.log(`  ${pc3.dim("-")} Convex: ${pc3.cyan("https://docs.convex.dev")}`);
+  console.log(`  ${pc3.dim("-")} Better-Auth: ${pc3.cyan("https://www.better-auth.com")}`);
+  console.log(`  ${pc3.dim("-")} shadcn/ui: ${pc3.cyan("https://ui.shadcn.com")}`);
   if (config.marketingSite === "payload") {
-    console.log(`  ${pc2.dim("-")} Payload CMS: ${pc2.cyan("https://payloadcms.com/docs")}`);
+    console.log(`  ${pc3.dim("-")} Payload CMS: ${pc3.cyan("https://payloadcms.com/docs")}`);
   }
   if (config.includeDocs) {
-    console.log(`  ${pc2.dim("-")} Fumadocs: ${pc2.cyan("https://fumadocs.vercel.app")}`);
+    console.log(`  ${pc3.dim("-")} Fumadocs: ${pc3.cyan("https://fumadocs.vercel.app")}`);
   }
   console.log();
 }
@@ -7219,7 +7543,7 @@ var kofiGradient = gradient(["#FF6B6B", "#4ECDC4", "#45B7D1", "#96CEB4"]);
 function printBanner() {
   console.log(kofiGradient(BANNER));
   console.log(
-    pc3.dim("  Scaffold opinionated full-stack projects with ease\n")
+    pc4.dim("  Scaffold opinionated full-stack projects with ease\n")
   );
 }
 var program = new Command();
@@ -7253,10 +7577,10 @@ program.name("create-kofi-stack").description(
     await generateProject(config);
   } catch (error) {
     if (error instanceof Error && error.message.includes("cancelled")) {
-      console.log(pc3.yellow("\nOperation cancelled."));
+      console.log(pc4.yellow("\nOperation cancelled."));
       process.exit(0);
     }
-    console.error(pc3.red("\nAn error occurred:"), error);
+    console.error(pc4.red("\nAn error occurred:"), error);
     process.exit(1);
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-kofi-stack",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Scaffold opinionated full-stack projects with Next.js, Convex, Better-Auth, and more",
   "type": "module",
   "bin": {