vibefast-cli 1.2.1 → 1.3.1

package/scripts/create-recipes.mjs

@@ -1,83 +1,302 @@
 #!/usr/bin/env node
 
-import { readdir, stat, mkdir, writeFile, cp } from 'fs/promises';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-import { exec } from 'child_process';
-import { promisify } from 'util';
+import { readdir, stat, mkdir, writeFile, cp, rm } from "fs/promises";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+import { exec } from "child_process";
+import { promisify } from "util";
 
 const execAsync = promisify(exec);
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
+// Paths to sources
+const PATHS = {
+  standard: join(__dirname, "../../vibefast-pro"),
+  supabase: join(__dirname, "../../vf-supabase"),
+};
+
+const recipesDir = join(__dirname, "../recipes");
+
 // Feature definitions
 const features = [
+  // Standard (Convex) Features
   {
-    name: 'charts',
-    label: 'Charts',
-    icon: '📊',
-    description: 'Beautiful data visualization with charts',
-    color: '#6366F1',
+    name: "charts",
+    label: "Charts",
+    icon: "📊",
+    description: "Beautiful data visualization with charts",
+    color: "#6366F1",
     dependencies: {
-      expo: ['@shopify/react-native-skia', 'react-native-svg'],
+      expo: ["@shopify/react-native-skia", "react-native-svg"],
     },
+    source: "standard",
   },
   {
-    name: 'chatbot',
-    label: 'AI Chatbot',
-    icon: '💬',
-    description: 'AI-powered chat assistant',
-    color: '#F43F5E',
+    name: "chatbot",
+    label: "AI Chatbot",
+    icon: "💬",
+    description: "AI-powered chat assistant",
+    color: "#F43F5E",
     dependencies: {
       expo: [
-        'convex',
-        'expo-clipboard',
-        'markdown-it',
-        'react-native-markdown-display',
-        'react-syntax-highlighter',
-        'react-native-reanimated',
-        'react-native-safe-area-context',
+        "convex",
+        "expo-clipboard",
+        "markdown-it",
+        "react-native-markdown-display",
+        "react-syntax-highlighter",
+        "react-native-reanimated",
+        "react-native-safe-area-context",
       ],
     },
+    backendFiles: ["chatbotAgent.ts", "chatbotHistory.ts"],
+    source: "standard",
   },
   {
-    name: 'voice-bot',
-    label: 'Voice Assistant',
-    icon: '🗣️',
-    description: 'Real-time voice conversations with AI',
-    color: '#14B8A6',
+    name: "voice-bot",
+    label: "Voice Assistant",
+    icon: "🗣️",
+    description: "Real-time voice conversations with AI",
+    color: "#14B8A6",
+    dependencies: {
+      expo: [
+        "@config-plugins/react-native-webrtc",
+        "@elevenlabs/react-native",
+        "@livekit/react-native",
+        "@livekit/react-native-expo-plugin",
+        "@livekit/react-native-webrtc",
+        "livekit-client",
+      ],
+    },
+    manualSteps: [
+      {
+        title: "Add LiveKit/WebRTC config plugins",
+        description:
+          "Register @livekit/react-native-expo-plugin and @config-plugins/react-native-webrtc in app config so native WebRTC is configured.",
+        file: "apps/native/app.config.ts",
+      },
+      {
+        title: "Set ElevenLabs Agent ID",
+        description:
+          "Add ELEVENLABS_AGENT_ID to your .env files so the voice bot can connect.",
+        file: "apps/native/.env.local",
+      },
+      {
+        title: "Use a development build",
+        description:
+          "This feature relies on native modules and will not work in Expo Go. Build a dev client before running.",
+        file: "apps/native",
+      },
+    ],
+    source: "standard",
   },
   {
-    name: 'image-generator',
-    label: 'Image Generator',
-    icon: '🎨',
-    description: 'AI-powered image generation',
-    color: '#A855F7',
+    name: "image-generator",
+    label: "Image Generator",
+    icon: "🎨",
+    description: "AI-powered image generation",
+    color: "#A855F7",
+    backendFolder: "imageGeneration",
+    backendFiles: ["imageGenerator.ts"],
+    source: "standard",
   },
   {
-    name: 'audio-recorder',
-    label: 'Voice Notes',
-    icon: '🎤',
-    description: 'Record and manage voice notes',
-    color: '#EF4444',
+    name: "audio-recorder",
+    label: "Voice Notes",
+    icon: "🎤",
+    description: "Record and manage voice notes",
+    color: "#EF4444",
+    dependencies: {
+      expo: ["expo-audio"],
+    },
+    source: "standard",
   },
   {
-    name: 'quiz',
-    label: 'Quiz',
-    icon: '📱',
-    description: 'Interactive quiz feature',
-    color: '#F97316',
+    name: "quiz",
+    label: "Quiz",
+    icon: "📱",
+    description: "Interactive quiz feature",
+    color: "#F97316",
+    source: "standard",
   },
   {
-    name: 'tracker-app',
-    label: 'Tracker',
-    icon: '🍎',
-    description: 'Track habits and activities',
-    color: '#06B6D4',
+    name: "tracker-app",
+    label: "Tracker",
+    icon: "🍎",
+    description: "Track habits and activities",
+    color: "#06B6D4",
+    source: "standard",
+  },
+  {
+    name: "onboarding",
+    label: "Onboarding",
+    icon: "🎯",
+    description: "User onboarding flow",
+    color: "#84CC16",
+    source: "standard",
+  },
+  {
+    name: "wake-word",
+    label: "Wake Word",
+    icon: "🎤",
+    description: "Wake word detection",
+    color: "#0EA5E9",
+    appEntry: "test-wake-word.tsx",
+    navRoute: "/(root)/(protected)/test-wake-word",
+    dependencies: {
+      expo: ["events", "expo-audio", "react-native-vosk"],
+    },
+    manualSteps: [
+      {
+        title: "Add Vosk plugin configuration",
+        description:
+          "Register the react-native-vosk config plugin with the bundled model path and microphone permission text.",
+        file: "apps/native/app.config.ts",
+      },
+      {
+        title: "Download Vosk model",
+        description:
+          "Download the Vosk model and place it at apps/native/assets/vosk-model/model-en-us (must match the path in app config).",
+        file: "apps/native/app.config.ts",
+      },
+    ],
+    source: "standard",
+  },
+  {
+    name: "payments",
+    label: "Payments",
+    icon: "💳",
+    description: "In-app purchases and subscriptions",
+    color: "#F59E0B",
+    appEntry: "paywall",
+    navRoute: "/(root)/(protected)/paywall",
+    backendFiles: ["payments.ts"],
+    dependencies: {
+      expo: ["react-native-purchases", "react-native-purchases-ui"],
+    },
+    manualSteps: [
+      {
+        title: "Enable RevenueCat initialization",
+        description:
+          "Uncomment the PaymentInitializer in root providers so the SDK is initialized on app startup.",
+        file: "apps/native/src/providers/root-providers.tsx",
+      },
+      {
+        title: "Set RevenueCat API keys",
+        description:
+          "Update your .env files with REVENUECAT_API_KEY_APPLE and REVENUECAT_API_KEY_GOOGLE values from RevenueCat.",
+        file: "apps/native/.env.local",
+      },
+    ],
+    source: "standard",
+  },
+  {
+    name: "image-analysis",
+    folderName: "image-analyzer",
+    label: "Image Analysis",
+    icon: "🔍",
+    description: "AI image analysis",
+    color: "#22C55E",
+    appEntry: "analysis",
+    navRoute: "/(root)/(protected)/analysis/face-analysis",
+    backendFolder: "imageAnalysis",
+    backendFiles: ["imageAnalysis.ts"],
+    source: "standard",
   },
-];
 
-const monorepoPath = join(__dirname, '../../vibefast-monorepo');
-const recipesDir = join(__dirname, '../recipes');
+  // Supabase Variants
+  {
+    name: "chatbot-supabase",
+    folderName: "chatbot",
+    label: "AI Chatbot (Supabase)",
+    icon: "💬",
+    description: "AI-powered chat assistant with Supabase",
+    color: "#F43F5E",
+    source: "supabase",
+    suffix: "-supabase",
+    dependencies: {
+      expo: [
+        "expo-clipboard",
+        "markdown-it",
+        "react-native-markdown-display",
+        "react-syntax-highlighter",
+        "react-native-reanimated",
+        "react-native-safe-area-context",
+      ],
+    },
+    supabaseFunction: "chat-stream",
+    supabaseMigration: "chatbot.sql",
+  },
+  {
+    name: "image-generator-supabase",
+    folderName: "image-generator",
+    label: "Image Generator (Supabase)",
+    icon: "🎨",
+    description: "AI image generation with Supabase",
+    color: "#A855F7",
+    source: "supabase",
+    suffix: "-supabase",
+    supabaseFunction: "generate-image",
+    supabaseMigration: "image_generator.sql",
+  },
+  {
+    name: "audio-recorder-supabase",
+    folderName: "audio-recorder",
+    label: "Voice Notes (Supabase)",
+    icon: "🎤",
+    description: "Voice notes with Supabase",
+    color: "#EF4444",
+    source: "supabase",
+    suffix: "-supabase",
+    dependencies: {
+      expo: ["expo-audio"],
+    },
+    supabaseMigration: "recordings.sql",
+  },
+  {
+    name: "payments-supabase",
+    folderName: "payments",
+    label: "Payments (Supabase)",
+    icon: "💳",
+    description: "Payments with Supabase",
+    color: "#F59E0B",
+    source: "supabase",
+    suffix: "-supabase",
+    appEntry: "paywall",
+    navRoute: "/(root)/(protected)/paywall",
+    dependencies: {
+      expo: ["react-native-purchases", "react-native-purchases-ui"],
+    },
+    manualSteps: [
+      {
+        title: "Enable RevenueCat initialization",
+        description:
+          "Uncomment the PaymentInitializer in root providers so the SDK is initialized on app startup.",
+        file: "apps/native/src/providers/root-providers.tsx",
+      },
+      {
+        title: "Set RevenueCat API keys",
+        description:
+          "Update your .env files with REVENUECAT_API_KEY_APPLE and REVENUECAT_API_KEY_GOOGLE values from RevenueCat.",
+        file: "apps/native/.env.local",
+      },
+    ],
+    supabaseMigration: "payments.sql",
+  },
+  {
+    name: "image-analysis-supabase",
+    folderName: "image-analyzer",
+    label: "Image Analysis (Supabase)",
+    icon: "🔍",
+    description: "Image analysis with Supabase",
+    color: "#22C55E",
+    source: "supabase",
+    suffix: "-supabase",
+    appEntry: "analysis",
+    navRoute: "/(root)/(protected)/analysis/face-analysis",
+    supabaseFunction: "analyze-image",
+    supabaseMigration: "image_analysis.sql",
+  },
+];
 
 async function exists(path) {
   try {
@@ -90,132 +309,267 @@ async function exists(path) {
 
 async function createRecipe(feature) {
   console.log(`\n📦 Creating recipe for ${feature.name}...`);
-  
+
+  const sourcePath = PATHS[feature.source];
+  if (!(await exists(sourcePath))) {
+    console.warn(`  ⚠️ Source path not found: ${sourcePath}`);
+    return null;
+  }
+
   const recipeDir = join(recipesDir, feature.name);
+  if (await exists(recipeDir)) {
+    await rm(recipeDir, { recursive: true, force: true });
+  }
   await mkdir(recipeDir, { recursive: true });
-  
+
+  const featureFolder =
+    feature.folderName || feature.name.replace(feature.suffix || "", "");
+  const appEntry = feature.appEntry || featureFolder;
+  const navRoute =
+    feature.navRoute ||
+    `/(root)/(protected)/${appEntry.replace(/\.tsx$/, "")}`;
+  const backendFolder = feature.backendFolder || featureFolder;
+
   // Paths to copy
-  const appPath = join(monorepoPath, 'apps/native/src/app/(root)/(protected)', feature.name);
-  const featurePath = join(monorepoPath, 'apps/native/src/features', feature.name);
-  
+  const appPath = join(
+    sourcePath,
+    "apps/native/src/app/(root)/(protected)",
+    appEntry
+  );
+  const featurePath = join(
+    sourcePath,
+    "apps/native/src/features",
+    featureFolder
+  );
+
   const copySpecs = [];
-  
-  // Check if app route exists
+
+  // 1. App route
   if (await exists(appPath)) {
-    const destAppPath = join(recipeDir, 'apps/native/src/app', feature.name);
+    const destAppPath = join(recipeDir, "apps/native/src/app", appEntry);
     await mkdir(dirname(destAppPath), { recursive: true });
-    await cp(appPath, destAppPath, { recursive: true });
+    const appStat = await stat(appPath);
+    if (appStat.isDirectory()) {
+      await cp(appPath, destAppPath, { recursive: true });
+    } else {
+      await cp(appPath, destAppPath);
+    }
     copySpecs.push({
-      from: `apps/native/src/app/${feature.name}`,
-      to: `apps/native/src/app/(root)/(protected)/${feature.name}`,
+      from: `apps/native/src/app/${appEntry}`,
+      to: `apps/native/src/app/(root)/(protected)/${appEntry}`,
     });
     console.log(`  ✓ Copied app route`);
   }
 
-  // Check if feature components exist
+  // 2. Feature components
   if (await exists(featurePath)) {
-    const destFeaturePath = join(recipeDir, 'apps/native/src/features', feature.name);
+    const destFeaturePath = join(
+      recipeDir,
+      "apps/native/src/features",
+      featureFolder
+    );
     await mkdir(dirname(destFeaturePath), { recursive: true });
     await cp(featurePath, destFeaturePath, { recursive: true });
     copySpecs.push({
-      from: `apps/native/src/features/${feature.name}`,
-      to: `apps/native/src/features/${feature.name}`,
+      from: `apps/native/src/features/${featureFolder}`,
+      to: `apps/native/src/features/${featureFolder}`,
     });
     console.log(`  ✓ Copied feature components`);
   }
-  
-  // Check if Convex backend exists for this feature
-  const convexPath = join(monorepoPath, 'packages/backend/convex', feature.name);
-  if (await exists(convexPath)) {
-    const destConvexPath = join(recipeDir, 'packages/backend/convex', feature.name);
-    await mkdir(dirname(destConvexPath), { recursive: true });
-    await cp(convexPath, destConvexPath, { recursive: true });
-    copySpecs.push({
-      from: `packages/backend/convex/${feature.name}`,
-      to: `packages/backend/convex/${feature.name}`,
-    });
-    console.log(`  ✓ Copied Convex backend`);
+
+  // 3. Backend
+  if (feature.source === "standard") {
+    // Convex
+    const convexPath = join(
+      sourcePath,
+      "packages/backend/convex",
+      backendFolder
+    );
+    if (await exists(convexPath)) {
+      const destConvexPath = join(
+        recipeDir,
+        "packages/backend/convex",
+        backendFolder
+      );
+      await mkdir(dirname(destConvexPath), { recursive: true });
+      await cp(convexPath, destConvexPath, { recursive: true });
+      copySpecs.push({
+        from: `packages/backend/convex/${backendFolder}`,
+        to: `packages/backend/convex/${backendFolder}`,
+      });
+      console.log(`  ✓ Copied Convex backend`);
+    }
+
+    if (feature.backendFiles?.length) {
+      for (const fileName of feature.backendFiles) {
+        const fileSource = join(sourcePath, "packages/backend/convex", fileName);
+        if (await exists(fileSource)) {
+          const destFile = join(recipeDir, "packages/backend/convex", fileName);
+          await mkdir(dirname(destFile), { recursive: true });
+          await cp(fileSource, destFile);
+          copySpecs.push({
+            from: `packages/backend/convex/${fileName}`,
+            to: `packages/backend/convex/${fileName}`,
+          });
+          console.log(`  ✓ Copied Convex file: ${fileName}`);
+        } else {
+          console.warn(`  ⚠️ Convex file not found: ${fileName}`);
+        }
+      }
+    }
+  } else if (feature.source === "supabase") {
+    // Supabase
+
+    // Functions
+    if (feature.supabaseFunction) {
+      const funcName = feature.supabaseFunction;
+      const funcSource = join(
+        sourcePath,
+        "packages/backend/supabase/functions",
+        funcName
+      );
+      if (await exists(funcSource)) {
+        const destFunc = join(
+          recipeDir,
+          "packages/backend/supabase/functions",
+          funcName
+        );
+        await mkdir(dirname(destFunc), { recursive: true });
+        await cp(funcSource, destFunc, { recursive: true });
+        copySpecs.push({
+          from: `packages/backend/supabase/functions/${funcName}`,
+          to: `packages/backend/supabase/functions/${funcName}`,
+        });
+        console.log(`  ✓ Copied Supabase function: ${funcName}`);
+      } else {
+        console.warn(`  ⚠️ Supabase function not found: ${funcName}`);
+      }
+    }
+
+    // Migrations
+    if (feature.supabaseMigration) {
+      const migName = feature.supabaseMigration;
+      // Look in feature-migrations
+      const migSource = join(
+        sourcePath,
+        "packages/backend/supabase/feature-migrations",
+        migName
+      );
+      if (await exists(migSource)) {
+        // Copy to standard migrations folder in recipe?
+        // Or keep feature-migrations?
+        // Standard recipes usually have "migrations/xxx.sql".
+        // We will copy to packages/backend/supabase/migrations/xxx.sql for easier consumption
+        const destMig = join(
+          recipeDir,
+          "packages/backend/supabase/migrations",
+          migName
+        );
+        await mkdir(dirname(destMig), { recursive: true });
+        await cp(migSource, destMig);
+        copySpecs.push({
+          from: `packages/backend/supabase/migrations/${migName}`,
+          to: `packages/backend/supabase/migrations/${migName}`,
+        });
+        console.log(`  ✓ Copied Supabase migration: ${migName}`);
+      } else {
+        console.warn(`  ⚠️ Supabase migration not found: ${migName}`);
+      }
+    }
+  }
+
+  // 4. Extra copies (assets/config)
+  if (feature.extraCopies?.length) {
+    for (const extra of feature.extraCopies) {
+      const srcExtra = join(sourcePath, extra.from);
+      if (!(await exists(srcExtra))) {
+        console.warn(`  ⚠️ Extra copy source missing: ${extra.from}`);
+        continue;
+      }
+      const destExtra = join(recipeDir, extra.from);
+      await mkdir(dirname(destExtra), { recursive: true });
+      await cp(srcExtra, destExtra, { recursive: true });
+      copySpecs.push({
+        from: extra.from,
+        to: extra.to || extra.from,
+      });
+      console.log(`  ✓ Copied extra: ${extra.from}`);
+    }
   }
-  
+
   if (copySpecs.length === 0) {
     console.log(`  ⚠️  No files found for ${feature.name}, skipping...`);
     return null;
   }
-  
+
   // Create recipe.json
   const manifest = {
     name: feature.name,
-    version: '1.0.0',
+    version: "1.0.0",
     description: feature.description,
     copy: copySpecs,
     nav: {
-      href: `/(root)/(protected)/${feature.name}`,
+      href: navRoute,
       label: feature.label,
       icon: feature.icon,
       color: feature.color,
     },
-    target: 'native',
+    target: "native",
   };
-  
+
   // Add dependencies if defined
   if (feature.dependencies) {
     manifest.dependencies = feature.dependencies;
   }
-  
+
+  if (feature.manualSteps) {
+    manifest.manualSteps = feature.manualSteps;
+  }
+
   await writeFile(
-    join(recipeDir, 'recipe.json'),
+    join(recipeDir, "recipe.json"),
     JSON.stringify(manifest, null, 2)
   );
   console.log(`  ✓ Created recipe.json`);
-  
+
   // Create zip
-  const zipName = `${feature.name}@latest.zip`;
+  const zipName = `${feature.name}-${manifest.target}@latest.zip`;
   const zipPath = join(recipesDir, zipName);
-  
+
   await execAsync(`cd "${recipeDir}" && zip -r "../${zipName}" .`);
   console.log(`  ✓ Created ${zipName}`);
-  
-  return zipPath;
+
+  return zipName;
 }
 
 async function main() {
-  console.log('🚀 VibeFast Recipe Generator\n');
-  console.log(`Monorepo: ${monorepoPath}`);
+  console.log("🚀 VibeFast Recipe Generator (Pro + Supabase)\n");
+  console.log(`Standard Source: ${PATHS.standard}`);
+  console.log(`Supabase Source: ${PATHS.supabase}`);
   console.log(`Output: ${recipesDir}\n`);
-  
+
   await mkdir(recipesDir, { recursive: true });
-  
+
   const created = [];
-  
+
   for (const feature of features) {
     try {
-      const zipPath = await createRecipe(feature);
-      if (zipPath) {
-        created.push({ name: feature.name, zipPath });
+      const zipName = await createRecipe(feature);
+      if (zipName) {
+        created.push({ name: feature.name, zipName });
       }
     } catch (err) {
       console.error(`  ✗ Error creating ${feature.name}:`, err.message);
     }
   }
-  
-  console.log('\n✅ Recipe creation complete!\n');
-  console.log('Created recipes:');
-  created.forEach(({ name, zipPath }) => {
-    console.log(`  • ${name}@latest.zip`);
-  });
-  
-  console.log('\n📤 Upload to R2 with:');
-  console.log('cd ../recipes');
-  created.forEach(({ name }) => {
-    console.log(`wrangler r2 object put vibefast-recipes/${name}@latest.zip --file=${name}@latest.zip --remote`);
-  });
-  
-  console.log('\n🧪 Test with:');
-  console.log('cd ../../vibefast-monorepo');
-  console.log('export VIBEFAST_WORKER_URL=https://vibefast-cli-worker.mzafar611.workers.dev');
-  created.forEach(({ name }) => {
-    console.log(`vf add ${name}`);
+
+  console.log("\n✅ Recipe creation complete!\n");
+  console.log("Created recipes:");
+  created.forEach(({ zipName }) => {
+    console.log(`  • ${zipName}`);
   });
+
+  console.log("\nTo upload to R2, run: ./scripts/publish-all.sh");
 }
 
 main().catch(console.error);