miragedev-sdk 0.1.0 → 0.2.0

package/README.md

@@ -16,75 +16,61 @@ AI-first SDK for building SAAS applications with Next.js. Build production-ready
 - 📦 **Modular** - Import only what you need
 - 🔒 **Type-Safe** - Full TypeScript support with Zod validation
 
-## Quick Start (5 minutes)
+## Quick Start (2 minutes)
 
-### 1. Installation
+### Option 1: Create New Project (Recommended)
 
 ```bash
-npm install miragedev-sdk
-# or
-pnpm add miragedev-sdk
+npx miragedev create my-saas
+cd my-saas
+npm run dev
 ```
 
-### 2. Initialize with CLI
+That's it! You now have a full-featured SAAS with:
+- ✅ Next.js 14+ with App Router
+- ✅ Authentication (login page included)
+- ✅ Protected dashboard
+- ✅ Stripe billing setup
+- ✅ Email templates
+- ✅ Pricing page
+- ✅ PWA ready
+
+### Option 2: Add to Existing Project
 
 ```bash
+# In your existing Next.js project
+npm install miragedev-sdk
 npx miragedev init
 ```
 
-The CLI will guide you through selecting providers and generating configuration files.
-
 **What gets created:**
-- `miragedev.config.ts` - SDK configuration
+- `lib/miragedev.config.ts` - SDK configuration
 - `.env.local.example` - Environment variables template
-- `miragedev.init.ts` - Initialization file
+- `lib/miragedev.init.ts` - Initialization file
 - `AGENTS.md` - Instructions for AI assistants (Copilot, Cursor, etc.)
 
-### 3. Configure Environment
+### Configure Environment
 
-Create `.env.local`:
+Copy `.env.local.example` to `.env.local` and fill in your API keys:
+
+```bash
+cp .env.local.example .env.local
+```
 
 ```env
 # Auth
-AUTH_SECRET=your-secret-key-here
+AUTH_SECRET=your-secret-key-here  # Generate with: openssl rand -base64 32
 
 # Billing (Stripe)
-STRIPE_SECRET_KEY=sk_test_xxx
-STRIPE_WEBHOOK_SECRET=whsec_xxx
+STRIPE_SECRET_KEY=sk_test_xxx     # From https://dashboard.stripe.com/test/apikeys
+STRIPE_WEBHOOK_SECRET=whsec_xxx   # From https://dashboard.stripe.com/test/webhooks
 
 # Email (Resend)
-RESEND_API_KEY=re_xxx
+RESEND_API_KEY=re_xxx             # From https://resend.com/api-keys
 EMAIL_FROM=noreply@yourapp.com
 ```
 
-### 4. Initialize SDK
-
-Create `lib/miragedev.ts`:
-
-```typescript
-import { initMirageDev } from 'miragedev-sdk'
-
-initMirageDev({
-  auth: {
-    provider: 'nextauth',
-    sessionSecret: process.env.AUTH_SECRET!,
-  },
-  billing: {
-    provider: 'stripe',
-    stripeSecretKey: process.env.STRIPE_SECRET_KEY!,
-    webhookSecret: process.env.STRIPE_WEBHOOK_SECRET!,
-  },
-  email: {
-    provider: 'resend',
-    apiKey: process.env.RESEND_API_KEY!,
-    from: process.env.EMAIL_FROM!,
-  },
-})
-```
-
-Import this in your root layout (`app/layout.tsx`).
-
-### 5. Start Building
+### Start Building
 
 ```typescript
 // Server Component - Protected Page

package/dist/chunk-OIWPIRJY.cjs

@@ -0,0 +1,591 @@
+'use strict';
+
+var inquirer = require('inquirer');
+var chalk = require('chalk');
+var ora = require('ora');
+var child_process = require('child_process');
+var fs = require('fs/promises');
+var path = require('path');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var inquirer__default = /*#__PURE__*/_interopDefault(inquirer);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var ora__default = /*#__PURE__*/_interopDefault(ora);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+
+// cli/commands/create.ts
+async function createCommand(projectName) {
+  console.log(chalk__default.default.blue.bold("\n\u{1F680} Create New SAAS with MirageDev\n"));
+  const answers = await inquirer__default.default.prompt([
+    {
+      type: "input",
+      name: "projectName",
+      message: "What is your project name?",
+      default: projectName || "my-saas",
+      when: !projectName,
+      validate: (input) => {
+        if (!input.trim()) return "Project name is required";
+        if (!/^[a-z0-9-]+$/.test(input)) {
+          return "Project name can only contain lowercase letters, numbers, and hyphens";
+        }
+        return true;
+      }
+    },
+    {
+      type: "list",
+      name: "authProvider",
+      message: "Choose your auth provider:",
+      choices: [
+        { name: "NextAuth.js (Recommended)", value: "nextauth" },
+        { name: "Clerk", value: "clerk" },
+        { name: "Supabase Auth", value: "supabase" }
+      ],
+      default: "nextauth"
+    },
+    {
+      type: "list",
+      name: "billingProvider",
+      message: "Choose your billing provider:",
+      choices: [
+        { name: "Stripe (Recommended)", value: "stripe" },
+        { name: "Paddle (Coming soon)", value: "paddle", disabled: true },
+        { name: "LemonSqueezy (Coming soon)", value: "lemonsqueezy", disabled: true }
+      ],
+      default: "stripe"
+    },
+    {
+      type: "list",
+      name: "emailProvider",
+      message: "Choose your email provider:",
+      choices: [
+        { name: "Resend (Recommended)", value: "resend" },
+        { name: "SendGrid", value: "sendgrid" },
+        { name: "Postmark (Coming soon)", value: "postmark", disabled: true }
+      ],
+      default: "resend"
+    },
+    {
+      type: "checkbox",
+      name: "features",
+      message: "Select additional features:",
+      choices: [
+        { name: "PWA Support (Progressive Web App)", value: "pwa", checked: true },
+        { name: "Biometric Authentication", value: "biometric", checked: false },
+        { name: "Mobile Optimizations", value: "mobile", checked: true }
+      ]
+    },
+    {
+      type: "confirm",
+      name: "includeExamples",
+      message: "Include example pages? (Login, Dashboard, Pricing)",
+      default: true
+    }
+  ]);
+  const finalProjectName = projectName || answers.projectName;
+  const projectPath = path__default.default.resolve(process.cwd(), finalProjectName);
+  console.log(chalk__default.default.cyan(`
+\u{1F4E6} Creating project at: ${projectPath}
+`));
+  try {
+    await createNextjsProject(finalProjectName);
+    await installSDK(finalProjectName);
+    await generateProjectFiles(finalProjectName, answers);
+    if (answers.includeExamples) {
+      await createExamplePages(finalProjectName, answers);
+    }
+    console.log(chalk__default.default.green.bold("\n\u2705 Project created successfully!\n"));
+    console.log(chalk__default.default.cyan("\u{1F4DD} Next steps:\n"));
+    console.log(chalk__default.default.white(`  1. cd ${finalProjectName}`));
+    console.log(chalk__default.default.white("  2. Copy .env.local.example to .env.local"));
+    console.log(chalk__default.default.white("  3. Fill in your API keys in .env.local"));
+    console.log(chalk__default.default.white("  4. npm run dev\n"));
+    console.log(chalk__default.default.gray("Documentation: https://github.com/yourusername/miragedev-sdk\n"));
+  } catch (error) {
+    console.error(chalk__default.default.red("\n\u274C Error creating project:"), error);
+    console.log(chalk__default.default.yellow("\nTrying to clean up..."));
+    try {
+      await fs__default.default.rm(projectPath, { recursive: true, force: true });
+    } catch {
+    }
+    process.exit(1);
+  }
+}
+async function createNextjsProject(projectName) {
+  const spinner = ora__default.default("Creating Next.js project...").start();
+  try {
+    child_process.execSync(
+      `npx create-next-app@latest ${projectName} --typescript --tailwind --app --no-git --eslint --src-dir --import-alias "@/*"`,
+      {
+        stdio: "pipe",
+        cwd: process.cwd()
+      }
+    );
+    spinner.succeed(chalk__default.default.green("Next.js project created"));
+  } catch (error) {
+    spinner.fail(chalk__default.default.red("Failed to create Next.js project"));
+    throw error;
+  }
+}
+async function installSDK(projectName) {
+  const spinner = ora__default.default("Installing MirageDev SDK...").start();
+  const projectPath = path__default.default.resolve(process.cwd(), projectName);
+  try {
+    child_process.execSync("npm install miragedev-sdk", {
+      stdio: "pipe",
+      cwd: projectPath
+    });
+    spinner.succeed(chalk__default.default.green("MirageDev SDK installed"));
+  } catch (error) {
+    spinner.fail(chalk__default.default.red("Failed to install SDK"));
+    throw error;
+  }
+}
+async function generateProjectFiles(projectName, answers) {
+  const spinner = ora__default.default("Generating configuration files...").start();
+  const projectPath = path__default.default.resolve(process.cwd(), projectName);
+  try {
+    await generateConfigFile(projectPath, answers);
+    await generateEnvTemplate(projectPath, answers);
+    await generateInitFile(projectPath, answers);
+    await generateAgentRules(projectPath, answers);
+    await updateRootLayout(projectPath);
+    spinner.succeed(chalk__default.default.green("Configuration files generated"));
+  } catch (error) {
+    spinner.fail(chalk__default.default.red("Failed to generate configuration"));
+    throw error;
+  }
+}
+async function generateConfigFile(projectPath, answers) {
+  const config = `// MirageDev SDK Configuration
+import { initMirageDev } from 'miragedev-sdk'
+
+export function initializeMirageDev() {
+  initMirageDev({
+    auth: {
+      provider: '${answers.authProvider}',
+      sessionSecret: process.env.AUTH_SECRET!,
+    },
+    billing: {
+      provider: '${answers.billingProvider}',
+      ${answers.billingProvider === "stripe" ? "stripeSecretKey: process.env.STRIPE_SECRET_KEY!," : ""}
+      webhookSecret: process.env.${answers.billingProvider.toUpperCase()}_WEBHOOK_SECRET!,
+    },
+    email: {
+      provider: '${answers.emailProvider}',
+      apiKey: process.env.${answers.emailProvider.toUpperCase()}_API_KEY!,
+      from: process.env.EMAIL_FROM!,
+    },
+  })
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(projectPath, "lib", "miragedev.config.ts"), config, "utf-8");
+}
+async function generateEnvTemplate(projectPath, answers) {
+  const env = `# MirageDev SDK Environment Variables
+# Copy this file to .env.local and fill in your actual values
+
+# Auth
+AUTH_SECRET=your-secret-key-here-generate-with-openssl-rand-base64-32
+
+# Billing (${answers.billingProvider})
+${answers.billingProvider === "stripe" ? "STRIPE_SECRET_KEY=sk_test_xxx" : ""}
+${answers.billingProvider.toUpperCase()}_WEBHOOK_SECRET=whsec_xxx
+
+# Email (${answers.emailProvider})
+${answers.emailProvider.toUpperCase()}_API_KEY=your-api-key-here
+EMAIL_FROM=noreply@yourapp.com
+
+# Next.js
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+`;
+  await fs__default.default.writeFile(path__default.default.join(projectPath, ".env.local.example"), env, "utf-8");
+}
+async function generateInitFile(projectPath, answers) {
+  const hasFeature = (feature) => answers.features.includes(feature);
+  const imports = [];
+  const setup = [];
+  if (hasFeature("pwa")) {
+    imports.push("import { configurePWA } from 'miragedev-sdk/pwa'");
+    setup.push(`
+// PWA Configuration
+export const pwaConfig = configurePWA({
+  name: 'Your SAAS App',
+  shortName: 'SAAS',
+  theme: '#000000',
+  backgroundColor: '#ffffff',
+  offline: { enabled: true, pages: ['/'] }
+})`);
+  }
+  const content = `// MirageDev SDK Initialization
+import { initializeMirageDev } from './miragedev.config'
+${imports.join("\n")}
+
+// Initialize SDK
+initializeMirageDev()
+
+${setup.join("\n\n")}
+`;
+  await fs__default.default.writeFile(path__default.default.join(projectPath, "lib", "miragedev.init.ts"), content, "utf-8");
+}
+async function generateAgentRules(projectPath, answers) {
+  const modules = ["auth", "billing", "email"];
+  if (answers.features.includes("pwa")) modules.push("pwa");
+  if (answers.features.includes("mobile")) modules.push("mobile");
+  if (answers.features.includes("biometric")) modules.push("auth/biometric");
+  const content = `# AI Agent Instructions
+
+> **For AI Assistants (GitHub Copilot, OpenCode, Cursor, etc.):**
+> This project uses **MirageDev SDK**. Always prefer SDK functions over manual implementations.
+
+## Installed SDK Modules
+
+${modules.map((mod) => `- \`miragedev-sdk/${mod}\` - ${getModuleDescription(mod)}`).join("\n")}
+
+## Configuration
+
+- **Auth Provider:** ${answers.authProvider}
+- **Billing Provider:** ${answers.billingProvider}
+- **Email Provider:** ${answers.emailProvider}
+${answers.features.includes("pwa") ? "- **PWA:** Enabled" : ""}
+${answers.features.includes("biometric") ? "- **Biometric Auth:** Enabled" : ""}
+${answers.features.includes("mobile") ? "- **Mobile Optimizations:** Enabled" : ""}
+
+## Code Generation Rules
+
+### \u2705 DO: Use MirageDev SDK
+
+When developer needs authentication:
+\`\`\`typescript
+// \u2705 CORRECT
+import { requireAuth } from 'miragedev-sdk/auth'
+
+export default async function Page() {
+  const session = await requireAuth()
+  return <div>Hello {session.user.name}</div>
+}
+\`\`\`
+
+### \u274C DON'T: Manual Implementation
+
+\`\`\`typescript
+// \u274C WRONG - Don't do this when SDK exists
+import Stripe from 'stripe'
+const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!)
+\`\`\`
+
+For full documentation, see: https://github.com/yourusername/miragedev-sdk
+`;
+  await fs__default.default.writeFile(path__default.default.join(projectPath, "AGENTS.md"), content, "utf-8");
+}
+async function updateRootLayout(projectPath) {
+  const layoutPath = path__default.default.join(projectPath, "src", "app", "layout.tsx");
+  let layout = await fs__default.default.readFile(layoutPath, "utf-8");
+  const importStatement = "import '@/lib/miragedev.init'\n";
+  if (!layout.includes("miragedev.init")) {
+    const lines = layout.split("\n");
+    const firstImportIndex = lines.findIndex((line) => line.startsWith("import"));
+    if (firstImportIndex !== -1) {
+      lines.splice(firstImportIndex, 0, importStatement);
+      layout = lines.join("\n");
+      await fs__default.default.writeFile(layoutPath, layout, "utf-8");
+    }
+  }
+}
+async function createExamplePages(projectPath, answers) {
+  const spinner = ora__default.default("Creating example pages...").start();
+  try {
+    await createLoginPage(projectPath, answers);
+    await createDashboardPage(projectPath);
+    await createPricingPage(projectPath);
+    await createMiddleware(projectPath);
+    await createWebhookRoute(projectPath, answers);
+    spinner.succeed(chalk__default.default.green("Example pages created"));
+  } catch (error) {
+    spinner.fail(chalk__default.default.red("Failed to create example pages"));
+    throw error;
+  }
+}
+async function createLoginPage(projectPath, _answers) {
+  const authDir = path__default.default.join(projectPath, "src", "app", "(auth)", "login");
+  await fs__default.default.mkdir(authDir, { recursive: true });
+  const content = `'use client'
+
+import { signIn } from 'miragedev-sdk/auth/client'
+import { useState } from 'react'
+
+export default function LoginPage() {
+  const [isLoading, setIsLoading] = useState(false)
+
+  const handleSignIn = async (provider: string) => {
+    setIsLoading(true)
+    try {
+      await signIn(provider)
+    } catch (error) {
+      console.error('Sign in error:', error)
+      setIsLoading(false)
+    }
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">
+      <div className="w-full max-w-md space-y-8 rounded-2xl bg-white p-8 shadow-xl">
+        <div className="text-center">
+          <h1 className="text-3xl font-bold text-gray-900">Welcome Back</h1>
+          <p className="mt-2 text-gray-600">Sign in to your account</p>
+        </div>
+
+        <div className="space-y-4">
+          <button
+            onClick={() => handleSignIn('google')}
+            disabled={isLoading}
+            className="w-full rounded-lg bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:opacity-50"
+          >
+            {isLoading ? 'Signing in...' : 'Sign in with Google'}
+          </button>
+
+          <button
+            onClick={() => handleSignIn('github')}
+            disabled={isLoading}
+            className="w-full rounded-lg bg-gray-900 px-4 py-3 font-medium text-white hover:bg-gray-800 disabled:opacity-50"
+          >
+            {isLoading ? 'Signing in...' : 'Sign in with GitHub'}
+          </button>
+        </div>
+
+        <p className="text-center text-sm text-gray-500">
+          By signing in, you agree to our Terms of Service
+        </p>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(authDir, "page.tsx"), content, "utf-8");
+}
+async function createDashboardPage(projectPath) {
+  const dashboardDir = path__default.default.join(projectPath, "src", "app", "(protected)", "dashboard");
+  await fs__default.default.mkdir(dashboardDir, { recursive: true });
+  const content = `import { requireAuth } from 'miragedev-sdk/auth'
+import { UpgradeButton } from '@/components/UpgradeButton'
+
+export default async function DashboardPage() {
+  const session = await requireAuth()
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="mx-auto max-w-4xl">
+        <h1 className="text-3xl font-bold text-gray-900">
+          Welcome back, {session.user.name || 'User'}!
+        </h1>
+        
+        <div className="mt-6 grid gap-6 md:grid-cols-2">
+          <div className="rounded-lg bg-white p-6 shadow">
+            <h2 className="text-xl font-semibold">Your Account</h2>
+            <p className="mt-2 text-gray-600">Email: {session.user.email}</p>
+          </div>
+
+          <div className="rounded-lg bg-white p-6 shadow">
+            <h2 className="text-xl font-semibold">Subscription</h2>
+            <div className="mt-4">
+              <UpgradeButton />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(dashboardDir, "page.tsx"), content, "utf-8");
+  const componentsDir = path__default.default.join(projectPath, "src", "components");
+  await fs__default.default.mkdir(componentsDir, { recursive: true });
+  const buttonContent = `'use client'
+
+import { useSubscription } from 'miragedev-sdk/billing/client'
+
+export function UpgradeButton() {
+  const { subscription, isLoading } = useSubscription()
+
+  if (isLoading) {
+    return <div className="text-gray-500">Loading subscription...</div>
+  }
+
+  if (subscription?.status === 'active') {
+    return (
+      <div className="rounded-lg bg-green-50 p-4 text-green-800">
+        \u2705 You're a Pro subscriber!
+      </div>
+    )
+  }
+
+  return (
+    <button className="w-full rounded-lg bg-purple-600 px-6 py-3 font-medium text-white hover:bg-purple-700">
+      Upgrade to Pro
+    </button>
+  )
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(componentsDir, "UpgradeButton.tsx"), buttonContent, "utf-8");
+}
+async function createPricingPage(projectPath) {
+  const pricingDir = path__default.default.join(projectPath, "src", "app", "pricing");
+  await fs__default.default.mkdir(pricingDir, { recursive: true });
+  const content = `export default function PricingPage() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-blue-50 py-16">
+      <div className="mx-auto max-w-6xl px-4">
+        <h1 className="text-center text-4xl font-bold text-gray-900">
+          Simple, Transparent Pricing
+        </h1>
+        <p className="mt-4 text-center text-xl text-gray-600">
+          Choose the plan that's right for you
+        </p>
+
+        <div className="mt-12 grid gap-8 md:grid-cols-3">
+          {/* Free Plan */}
+          <div className="rounded-2xl bg-white p-8 shadow-lg">
+            <h3 className="text-2xl font-bold">Free</h3>
+            <p className="mt-2 text-gray-600">Perfect for getting started</p>
+            <div className="mt-4 text-4xl font-bold">$0</div>
+            <p className="text-gray-500">per month</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Basic features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> 1 user
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg border-2 border-gray-300 px-6 py-3 font-medium hover:bg-gray-50">
+              Get Started
+            </button>
+          </div>
+
+          {/* Pro Plan */}
+          <div className="rounded-2xl bg-gradient-to-br from-purple-600 to-blue-600 p-8 text-white shadow-2xl ring-4 ring-purple-300">
+            <div className="text-sm font-semibold uppercase tracking-wide">
+              Most Popular
+            </div>
+            <h3 className="mt-2 text-2xl font-bold">Pro</h3>
+            <p className="mt-2 opacity-90">For growing businesses</p>
+            <div className="mt-4 text-4xl font-bold">$29</div>
+            <p className="opacity-80">per month</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> All Free features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Unlimited users
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Priority support
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg bg-white px-6 py-3 font-medium text-purple-600 hover:bg-gray-50">
+              Subscribe Now
+            </button>
+          </div>
+
+          {/* Enterprise Plan */}
+          <div className="rounded-2xl bg-white p-8 shadow-lg">
+            <h3 className="text-2xl font-bold">Enterprise</h3>
+            <p className="mt-2 text-gray-600">For large organizations</p>
+            <div className="mt-4 text-4xl font-bold">Custom</div>
+            <p className="text-gray-500">contact us</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> All Pro features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Custom integrations
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Dedicated support
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg border-2 border-gray-300 px-6 py-3 font-medium hover:bg-gray-50">
+              Contact Sales
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(pricingDir, "page.tsx"), content, "utf-8");
+}
+async function createMiddleware(projectPath) {
+  const content = `import { authMiddleware } from 'miragedev-sdk/auth/middleware'
+
+export default authMiddleware({
+  publicRoutes: ['/', '/login', '/pricing'],
+  redirectTo: '/login'
+})
+
+export const config = {
+  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)']
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(projectPath, "src", "middleware.ts"), content, "utf-8");
+}
+async function createWebhookRoute(projectPath, _answers) {
+  const webhookDir = path__default.default.join(projectPath, "src", "app", "api", "webhooks", "stripe");
+  await fs__default.default.mkdir(webhookDir, { recursive: true });
+  const content = `import { handleWebhook } from 'miragedev-sdk/billing/webhook'
+
+export async function POST(req: Request) {
+  return handleWebhook(req, {
+    onSubscriptionCreated: async (data) => {
+      console.log('\u2705 Subscription created:', data.subscriptionId)
+      // TODO: Update your database
+      // await db.user.update({ 
+      //   where: { id: data.userId },
+      //   data: { subscriptionId: data.subscriptionId, isPro: true }
+      // })
+    },
+    
+    onSubscriptionUpdated: async (data) => {
+      console.log('\u{1F504} Subscription updated:', data.subscriptionId)
+      // TODO: Update your database
+    },
+    
+    onSubscriptionCanceled: async (data) => {
+      console.log('\u274C Subscription canceled:', data.subscriptionId)
+      // TODO: Update your database
+      // await db.user.update({ 
+      //   where: { id: data.userId },
+      //   data: { isPro: false }
+      // })
+    },
+    
+    onPaymentFailed: async (data) => {
+      console.log('\u{1F4B3} Payment failed:', data.subscriptionId)
+      // TODO: Send notification to user
+    },
+  })
+}
+`;
+  await fs__default.default.writeFile(path__default.default.join(webhookDir, "route.ts"), content, "utf-8");
+}
+function getModuleDescription(module) {
+  const descriptions = {
+    "auth": "requireAuth(), getSession(), middleware",
+    "auth/biometric": "enableBiometric(), signInWithBiometric()",
+    "billing": "createCheckout(), createPortal(), webhooks",
+    "email": "sendEmail(), sendTemplateEmail() with 5 templates",
+    "pwa": "configurePWA(), manifest + service worker",
+    "mobile": "useNetworkStatus(), useInstallPrompt(), etc"
+  };
+  return descriptions[module] || "Available functions";
+}
+
+exports.createCommand = createCommand;

package/dist/chunk-PDNLOOI2.js

@@ -0,0 +1,581 @@
+import inquirer from 'inquirer';
+import chalk from 'chalk';
+import ora from 'ora';
+import { execSync } from 'child_process';
+import fs from 'fs/promises';
+import path from 'path';
+
+// cli/commands/create.ts
+async function createCommand(projectName) {
+  console.log(chalk.blue.bold("\n\u{1F680} Create New SAAS with MirageDev\n"));
+  const answers = await inquirer.prompt([
+    {
+      type: "input",
+      name: "projectName",
+      message: "What is your project name?",
+      default: projectName || "my-saas",
+      when: !projectName,
+      validate: (input) => {
+        if (!input.trim()) return "Project name is required";
+        if (!/^[a-z0-9-]+$/.test(input)) {
+          return "Project name can only contain lowercase letters, numbers, and hyphens";
+        }
+        return true;
+      }
+    },
+    {
+      type: "list",
+      name: "authProvider",
+      message: "Choose your auth provider:",
+      choices: [
+        { name: "NextAuth.js (Recommended)", value: "nextauth" },
+        { name: "Clerk", value: "clerk" },
+        { name: "Supabase Auth", value: "supabase" }
+      ],
+      default: "nextauth"
+    },
+    {
+      type: "list",
+      name: "billingProvider",
+      message: "Choose your billing provider:",
+      choices: [
+        { name: "Stripe (Recommended)", value: "stripe" },
+        { name: "Paddle (Coming soon)", value: "paddle", disabled: true },
+        { name: "LemonSqueezy (Coming soon)", value: "lemonsqueezy", disabled: true }
+      ],
+      default: "stripe"
+    },
+    {
+      type: "list",
+      name: "emailProvider",
+      message: "Choose your email provider:",
+      choices: [
+        { name: "Resend (Recommended)", value: "resend" },
+        { name: "SendGrid", value: "sendgrid" },
+        { name: "Postmark (Coming soon)", value: "postmark", disabled: true }
+      ],
+      default: "resend"
+    },
+    {
+      type: "checkbox",
+      name: "features",
+      message: "Select additional features:",
+      choices: [
+        { name: "PWA Support (Progressive Web App)", value: "pwa", checked: true },
+        { name: "Biometric Authentication", value: "biometric", checked: false },
+        { name: "Mobile Optimizations", value: "mobile", checked: true }
+      ]
+    },
+    {
+      type: "confirm",
+      name: "includeExamples",
+      message: "Include example pages? (Login, Dashboard, Pricing)",
+      default: true
+    }
+  ]);
+  const finalProjectName = projectName || answers.projectName;
+  const projectPath = path.resolve(process.cwd(), finalProjectName);
+  console.log(chalk.cyan(`
+\u{1F4E6} Creating project at: ${projectPath}
+`));
+  try {
+    await createNextjsProject(finalProjectName);
+    await installSDK(finalProjectName);
+    await generateProjectFiles(finalProjectName, answers);
+    if (answers.includeExamples) {
+      await createExamplePages(finalProjectName, answers);
+    }
+    console.log(chalk.green.bold("\n\u2705 Project created successfully!\n"));
+    console.log(chalk.cyan("\u{1F4DD} Next steps:\n"));
+    console.log(chalk.white(`  1. cd ${finalProjectName}`));
+    console.log(chalk.white("  2. Copy .env.local.example to .env.local"));
+    console.log(chalk.white("  3. Fill in your API keys in .env.local"));
+    console.log(chalk.white("  4. npm run dev\n"));
+    console.log(chalk.gray("Documentation: https://github.com/yourusername/miragedev-sdk\n"));
+  } catch (error) {
+    console.error(chalk.red("\n\u274C Error creating project:"), error);
+    console.log(chalk.yellow("\nTrying to clean up..."));
+    try {
+      await fs.rm(projectPath, { recursive: true, force: true });
+    } catch {
+    }
+    process.exit(1);
+  }
+}
+async function createNextjsProject(projectName) {
+  const spinner = ora("Creating Next.js project...").start();
+  try {
+    execSync(
+      `npx create-next-app@latest ${projectName} --typescript --tailwind --app --no-git --eslint --src-dir --import-alias "@/*"`,
+      {
+        stdio: "pipe",
+        cwd: process.cwd()
+      }
+    );
+    spinner.succeed(chalk.green("Next.js project created"));
+  } catch (error) {
+    spinner.fail(chalk.red("Failed to create Next.js project"));
+    throw error;
+  }
+}
+async function installSDK(projectName) {
+  const spinner = ora("Installing MirageDev SDK...").start();
+  const projectPath = path.resolve(process.cwd(), projectName);
+  try {
+    execSync("npm install miragedev-sdk", {
+      stdio: "pipe",
+      cwd: projectPath
+    });
+    spinner.succeed(chalk.green("MirageDev SDK installed"));
+  } catch (error) {
+    spinner.fail(chalk.red("Failed to install SDK"));
+    throw error;
+  }
+}
+async function generateProjectFiles(projectName, answers) {
+  const spinner = ora("Generating configuration files...").start();
+  const projectPath = path.resolve(process.cwd(), projectName);
+  try {
+    await generateConfigFile(projectPath, answers);
+    await generateEnvTemplate(projectPath, answers);
+    await generateInitFile(projectPath, answers);
+    await generateAgentRules(projectPath, answers);
+    await updateRootLayout(projectPath);
+    spinner.succeed(chalk.green("Configuration files generated"));
+  } catch (error) {
+    spinner.fail(chalk.red("Failed to generate configuration"));
+    throw error;
+  }
+}
+async function generateConfigFile(projectPath, answers) {
+  const config = `// MirageDev SDK Configuration
+import { initMirageDev } from 'miragedev-sdk'
+
+export function initializeMirageDev() {
+  initMirageDev({
+    auth: {
+      provider: '${answers.authProvider}',
+      sessionSecret: process.env.AUTH_SECRET!,
+    },
+    billing: {
+      provider: '${answers.billingProvider}',
+      ${answers.billingProvider === "stripe" ? "stripeSecretKey: process.env.STRIPE_SECRET_KEY!," : ""}
+      webhookSecret: process.env.${answers.billingProvider.toUpperCase()}_WEBHOOK_SECRET!,
+    },
+    email: {
+      provider: '${answers.emailProvider}',
+      apiKey: process.env.${answers.emailProvider.toUpperCase()}_API_KEY!,
+      from: process.env.EMAIL_FROM!,
+    },
+  })
+}
+`;
+  await fs.writeFile(path.join(projectPath, "lib", "miragedev.config.ts"), config, "utf-8");
+}
+async function generateEnvTemplate(projectPath, answers) {
+  const env = `# MirageDev SDK Environment Variables
+# Copy this file to .env.local and fill in your actual values
+
+# Auth
+AUTH_SECRET=your-secret-key-here-generate-with-openssl-rand-base64-32
+
+# Billing (${answers.billingProvider})
+${answers.billingProvider === "stripe" ? "STRIPE_SECRET_KEY=sk_test_xxx" : ""}
+${answers.billingProvider.toUpperCase()}_WEBHOOK_SECRET=whsec_xxx
+
+# Email (${answers.emailProvider})
+${answers.emailProvider.toUpperCase()}_API_KEY=your-api-key-here
+EMAIL_FROM=noreply@yourapp.com
+
+# Next.js
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+`;
+  await fs.writeFile(path.join(projectPath, ".env.local.example"), env, "utf-8");
+}
+async function generateInitFile(projectPath, answers) {
+  const hasFeature = (feature) => answers.features.includes(feature);
+  const imports = [];
+  const setup = [];
+  if (hasFeature("pwa")) {
+    imports.push("import { configurePWA } from 'miragedev-sdk/pwa'");
+    setup.push(`
+// PWA Configuration
+export const pwaConfig = configurePWA({
+  name: 'Your SAAS App',
+  shortName: 'SAAS',
+  theme: '#000000',
+  backgroundColor: '#ffffff',
+  offline: { enabled: true, pages: ['/'] }
+})`);
+  }
+  const content = `// MirageDev SDK Initialization
+import { initializeMirageDev } from './miragedev.config'
+${imports.join("\n")}
+
+// Initialize SDK
+initializeMirageDev()
+
+${setup.join("\n\n")}
+`;
+  await fs.writeFile(path.join(projectPath, "lib", "miragedev.init.ts"), content, "utf-8");
+}
+async function generateAgentRules(projectPath, answers) {
+  const modules = ["auth", "billing", "email"];
+  if (answers.features.includes("pwa")) modules.push("pwa");
+  if (answers.features.includes("mobile")) modules.push("mobile");
+  if (answers.features.includes("biometric")) modules.push("auth/biometric");
+  const content = `# AI Agent Instructions
+
+> **For AI Assistants (GitHub Copilot, OpenCode, Cursor, etc.):**
+> This project uses **MirageDev SDK**. Always prefer SDK functions over manual implementations.
+
+## Installed SDK Modules
+
+${modules.map((mod) => `- \`miragedev-sdk/${mod}\` - ${getModuleDescription(mod)}`).join("\n")}
+
+## Configuration
+
+- **Auth Provider:** ${answers.authProvider}
+- **Billing Provider:** ${answers.billingProvider}
+- **Email Provider:** ${answers.emailProvider}
+${answers.features.includes("pwa") ? "- **PWA:** Enabled" : ""}
+${answers.features.includes("biometric") ? "- **Biometric Auth:** Enabled" : ""}
+${answers.features.includes("mobile") ? "- **Mobile Optimizations:** Enabled" : ""}
+
+## Code Generation Rules
+
+### \u2705 DO: Use MirageDev SDK
+
+When developer needs authentication:
+\`\`\`typescript
+// \u2705 CORRECT
+import { requireAuth } from 'miragedev-sdk/auth'
+
+export default async function Page() {
+  const session = await requireAuth()
+  return <div>Hello {session.user.name}</div>
+}
+\`\`\`
+
+### \u274C DON'T: Manual Implementation
+
+\`\`\`typescript
+// \u274C WRONG - Don't do this when SDK exists
+import Stripe from 'stripe'
+const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!)
+\`\`\`
+
+For full documentation, see: https://github.com/yourusername/miragedev-sdk
+`;
+  await fs.writeFile(path.join(projectPath, "AGENTS.md"), content, "utf-8");
+}
+async function updateRootLayout(projectPath) {
+  const layoutPath = path.join(projectPath, "src", "app", "layout.tsx");
+  let layout = await fs.readFile(layoutPath, "utf-8");
+  const importStatement = "import '@/lib/miragedev.init'\n";
+  if (!layout.includes("miragedev.init")) {
+    const lines = layout.split("\n");
+    const firstImportIndex = lines.findIndex((line) => line.startsWith("import"));
+    if (firstImportIndex !== -1) {
+      lines.splice(firstImportIndex, 0, importStatement);
+      layout = lines.join("\n");
+      await fs.writeFile(layoutPath, layout, "utf-8");
+    }
+  }
+}
+async function createExamplePages(projectPath, answers) {
+  const spinner = ora("Creating example pages...").start();
+  try {
+    await createLoginPage(projectPath, answers);
+    await createDashboardPage(projectPath);
+    await createPricingPage(projectPath);
+    await createMiddleware(projectPath);
+    await createWebhookRoute(projectPath, answers);
+    spinner.succeed(chalk.green("Example pages created"));
+  } catch (error) {
+    spinner.fail(chalk.red("Failed to create example pages"));
+    throw error;
+  }
+}
+async function createLoginPage(projectPath, _answers) {
+  const authDir = path.join(projectPath, "src", "app", "(auth)", "login");
+  await fs.mkdir(authDir, { recursive: true });
+  const content = `'use client'
+
+import { signIn } from 'miragedev-sdk/auth/client'
+import { useState } from 'react'
+
+export default function LoginPage() {
+  const [isLoading, setIsLoading] = useState(false)
+
+  const handleSignIn = async (provider: string) => {
+    setIsLoading(true)
+    try {
+      await signIn(provider)
+    } catch (error) {
+      console.error('Sign in error:', error)
+      setIsLoading(false)
+    }
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">
+      <div className="w-full max-w-md space-y-8 rounded-2xl bg-white p-8 shadow-xl">
+        <div className="text-center">
+          <h1 className="text-3xl font-bold text-gray-900">Welcome Back</h1>
+          <p className="mt-2 text-gray-600">Sign in to your account</p>
+        </div>
+
+        <div className="space-y-4">
+          <button
+            onClick={() => handleSignIn('google')}
+            disabled={isLoading}
+            className="w-full rounded-lg bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:opacity-50"
+          >
+            {isLoading ? 'Signing in...' : 'Sign in with Google'}
+          </button>
+
+          <button
+            onClick={() => handleSignIn('github')}
+            disabled={isLoading}
+            className="w-full rounded-lg bg-gray-900 px-4 py-3 font-medium text-white hover:bg-gray-800 disabled:opacity-50"
+          >
+            {isLoading ? 'Signing in...' : 'Sign in with GitHub'}
+          </button>
+        </div>
+
+        <p className="text-center text-sm text-gray-500">
+          By signing in, you agree to our Terms of Service
+        </p>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs.writeFile(path.join(authDir, "page.tsx"), content, "utf-8");
+}
+async function createDashboardPage(projectPath) {
+  const dashboardDir = path.join(projectPath, "src", "app", "(protected)", "dashboard");
+  await fs.mkdir(dashboardDir, { recursive: true });
+  const content = `import { requireAuth } from 'miragedev-sdk/auth'
+import { UpgradeButton } from '@/components/UpgradeButton'
+
+export default async function DashboardPage() {
+  const session = await requireAuth()
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="mx-auto max-w-4xl">
+        <h1 className="text-3xl font-bold text-gray-900">
+          Welcome back, {session.user.name || 'User'}!
+        </h1>
+        
+        <div className="mt-6 grid gap-6 md:grid-cols-2">
+          <div className="rounded-lg bg-white p-6 shadow">
+            <h2 className="text-xl font-semibold">Your Account</h2>
+            <p className="mt-2 text-gray-600">Email: {session.user.email}</p>
+          </div>
+
+          <div className="rounded-lg bg-white p-6 shadow">
+            <h2 className="text-xl font-semibold">Subscription</h2>
+            <div className="mt-4">
+              <UpgradeButton />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs.writeFile(path.join(dashboardDir, "page.tsx"), content, "utf-8");
+  const componentsDir = path.join(projectPath, "src", "components");
+  await fs.mkdir(componentsDir, { recursive: true });
+  const buttonContent = `'use client'
+
+import { useSubscription } from 'miragedev-sdk/billing/client'
+
+export function UpgradeButton() {
+  const { subscription, isLoading } = useSubscription()
+
+  if (isLoading) {
+    return <div className="text-gray-500">Loading subscription...</div>
+  }
+
+  if (subscription?.status === 'active') {
+    return (
+      <div className="rounded-lg bg-green-50 p-4 text-green-800">
+        \u2705 You're a Pro subscriber!
+      </div>
+    )
+  }
+
+  return (
+    <button className="w-full rounded-lg bg-purple-600 px-6 py-3 font-medium text-white hover:bg-purple-700">
+      Upgrade to Pro
+    </button>
+  )
+}
+`;
+  await fs.writeFile(path.join(componentsDir, "UpgradeButton.tsx"), buttonContent, "utf-8");
+}
+async function createPricingPage(projectPath) {
+  const pricingDir = path.join(projectPath, "src", "app", "pricing");
+  await fs.mkdir(pricingDir, { recursive: true });
+  const content = `export default function PricingPage() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-blue-50 py-16">
+      <div className="mx-auto max-w-6xl px-4">
+        <h1 className="text-center text-4xl font-bold text-gray-900">
+          Simple, Transparent Pricing
+        </h1>
+        <p className="mt-4 text-center text-xl text-gray-600">
+          Choose the plan that's right for you
+        </p>
+
+        <div className="mt-12 grid gap-8 md:grid-cols-3">
+          {/* Free Plan */}
+          <div className="rounded-2xl bg-white p-8 shadow-lg">
+            <h3 className="text-2xl font-bold">Free</h3>
+            <p className="mt-2 text-gray-600">Perfect for getting started</p>
+            <div className="mt-4 text-4xl font-bold">$0</div>
+            <p className="text-gray-500">per month</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Basic features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> 1 user
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg border-2 border-gray-300 px-6 py-3 font-medium hover:bg-gray-50">
+              Get Started
+            </button>
+          </div>
+
+          {/* Pro Plan */}
+          <div className="rounded-2xl bg-gradient-to-br from-purple-600 to-blue-600 p-8 text-white shadow-2xl ring-4 ring-purple-300">
+            <div className="text-sm font-semibold uppercase tracking-wide">
+              Most Popular
+            </div>
+            <h3 className="mt-2 text-2xl font-bold">Pro</h3>
+            <p className="mt-2 opacity-90">For growing businesses</p>
+            <div className="mt-4 text-4xl font-bold">$29</div>
+            <p className="opacity-80">per month</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> All Free features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Unlimited users
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Priority support
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg bg-white px-6 py-3 font-medium text-purple-600 hover:bg-gray-50">
+              Subscribe Now
+            </button>
+          </div>
+
+          {/* Enterprise Plan */}
+          <div className="rounded-2xl bg-white p-8 shadow-lg">
+            <h3 className="text-2xl font-bold">Enterprise</h3>
+            <p className="mt-2 text-gray-600">For large organizations</p>
+            <div className="mt-4 text-4xl font-bold">Custom</div>
+            <p className="text-gray-500">contact us</p>
+            
+            <ul className="mt-6 space-y-3">
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> All Pro features
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Custom integrations
+              </li>
+              <li className="flex items-center">
+                <span className="mr-2">\u2713</span> Dedicated support
+              </li>
+            </ul>
+
+            <button className="mt-8 w-full rounded-lg border-2 border-gray-300 px-6 py-3 font-medium hover:bg-gray-50">
+              Contact Sales
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+`;
+  await fs.writeFile(path.join(pricingDir, "page.tsx"), content, "utf-8");
+}
+async function createMiddleware(projectPath) {
+  const content = `import { authMiddleware } from 'miragedev-sdk/auth/middleware'
+
+export default authMiddleware({
+  publicRoutes: ['/', '/login', '/pricing'],
+  redirectTo: '/login'
+})
+
+export const config = {
+  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)']
+}
+`;
+  await fs.writeFile(path.join(projectPath, "src", "middleware.ts"), content, "utf-8");
+}
+async function createWebhookRoute(projectPath, _answers) {
+  const webhookDir = path.join(projectPath, "src", "app", "api", "webhooks", "stripe");
+  await fs.mkdir(webhookDir, { recursive: true });
+  const content = `import { handleWebhook } from 'miragedev-sdk/billing/webhook'
+
+export async function POST(req: Request) {
+  return handleWebhook(req, {
+    onSubscriptionCreated: async (data) => {
+      console.log('\u2705 Subscription created:', data.subscriptionId)
+      // TODO: Update your database
+      // await db.user.update({ 
+      //   where: { id: data.userId },
+      //   data: { subscriptionId: data.subscriptionId, isPro: true }
+      // })
+    },
+    
+    onSubscriptionUpdated: async (data) => {
+      console.log('\u{1F504} Subscription updated:', data.subscriptionId)
+      // TODO: Update your database
+    },
+    
+    onSubscriptionCanceled: async (data) => {
+      console.log('\u274C Subscription canceled:', data.subscriptionId)
+      // TODO: Update your database
+      // await db.user.update({ 
+      //   where: { id: data.userId },
+      //   data: { isPro: false }
+      // })
+    },
+    
+    onPaymentFailed: async (data) => {
+      console.log('\u{1F4B3} Payment failed:', data.subscriptionId)
+      // TODO: Send notification to user
+    },
+  })
+}
+`;
+  await fs.writeFile(path.join(webhookDir, "route.ts"), content, "utf-8");
+}
+function getModuleDescription(module) {
+  const descriptions = {
+    "auth": "requireAuth(), getSession(), middleware",
+    "auth/biometric": "enableBiometric(), signInWithBiometric()",
+    "billing": "createCheckout(), createPortal(), webhooks",
+    "email": "sendEmail(), sendTemplateEmail() with 5 templates",
+    "pwa": "configurePWA(), manifest + service worker",
+    "mobile": "useNetworkStatus(), useInstallPrompt(), etc"
+  };
+  return descriptions[module] || "Available functions";
+}
+
+export { createCommand };

package/dist/cli/commands/create.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkOIWPIRJY_cjs = require('../../chunk-OIWPIRJY.cjs');
+require('../../chunk-75ZPJI57.cjs');
+
+
+
+Object.defineProperty(exports, "createCommand", {
+  enumerable: true,
+  get: function () { return chunkOIWPIRJY_cjs.createCommand; }
+});

package/dist/cli/commands/create.d.cts

@@ -0,0 +1,3 @@
+declare function createCommand(projectName?: string): Promise<void>;
+
+export { createCommand };

package/dist/cli/commands/create.d.ts

@@ -0,0 +1,3 @@
+declare function createCommand(projectName?: string): Promise<void>;
+
+export { createCommand };

package/dist/cli/commands/create.js

@@ -0,0 +1,2 @@
+export { createCommand } from '../../chunk-PDNLOOI2.js';
+import '../../chunk-MLKGABMK.js';

package/dist/cli/index.cjs

@@ -2,10 +2,12 @@
 'use strict';
 
 var chunkM26EDKMY_cjs = require('../chunk-M26EDKMY.cjs');
+var chunkOIWPIRJY_cjs = require('../chunk-OIWPIRJY.cjs');
 require('../chunk-75ZPJI57.cjs');
 var commander = require('commander');
 
 var program = new commander.Command();
 program.name("miragedev").description("MirageDev SDK CLI - Build SAAS apps faster").version("0.1.0");
-program.command("init").description("Initialize MirageDev SDK in your project").action(chunkM26EDKMY_cjs.initCommand);
+program.command("create [project-name]").description("Create a new SAAS project with MirageDev SDK").action(chunkOIWPIRJY_cjs.createCommand);
+program.command("init").description("Initialize MirageDev SDK in existing project").action(chunkM26EDKMY_cjs.initCommand);
 program.parse();

package/dist/cli/index.js

@@ -1,9 +1,11 @@
 #!/usr/bin/env node
 import { initCommand } from '../chunk-DZDDLA4G.js';
+import { createCommand } from '../chunk-PDNLOOI2.js';
 import '../chunk-MLKGABMK.js';
 import { Command } from 'commander';
 
 var program = new Command();
 program.name("miragedev").description("MirageDev SDK CLI - Build SAAS apps faster").version("0.1.0");
-program.command("init").description("Initialize MirageDev SDK in your project").action(initCommand);
+program.command("create [project-name]").description("Create a new SAAS project with MirageDev SDK").action(createCommand);
+program.command("init").description("Initialize MirageDev SDK in existing project").action(initCommand);
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miragedev-sdk",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "AI-first SDK for building SAAS applications with Next.js",
   "type": "module",
   "main": "./dist/index.js",