vibefast-cli 0.2.2 → 0.2.4

package/recipes/image-generator/recipe.json

@@ -10,6 +10,14 @@
     {
       "from": "apps/native/src/features/image-generator",
       "to": "apps/native/src/features/image-generator"
+    },
+    {
+      "from": "packages/backend/convex/imageGeneration/index.ts",
+      "to": "packages/backend/convex/imageGeneration/index.ts"
+    },
+    {
+      "from": "packages/backend/convex/imageGeneratorFunctions.ts",
+      "to": "packages/backend/convex/imageGeneratorFunctions.ts"
     }
   ],
   "nav": {
@@ -18,5 +26,37 @@
     "icon": "🎨",
     "color": "#A855F7"
   },
-  "target": "native"
+  "target": "native",
+  "env": [
+    {
+      "key": "OPENAI_API_KEY",
+      "description": "OpenAI key to call DALL·E or other text-to-image models.",
+      "example": "sk-abc123def456",
+      "link": "https://platform.openai.com/account/api-keys"
+    },
+    {
+      "key": "GEMINI_API_KEY",
+      "description": "Google Generative AI key used to access Gemini image models.",
+      "example": "AIzaSyExampleGeminiKey",
+      "link": "https://console.cloud.google.com/apis/credentials"
+    }
+  ],
+  "manualSteps": [
+    {
+      "title": "Create an OpenAI API key",
+      "description": "Sign into the OpenAI dashboard and create a server API key for image generation.",
+      "link": "https://platform.openai.com/account/api-keys"
+    },
+    {
+      "title": "Create a Gemini API key",
+      "description": "Enable Generative AI APIs in Google Cloud and copy a key for Gemini image models.",
+      "link": "https://console.cloud.google.com/apis/credentials"
+    },
+    {
+      "title": "Store the keys in .env",
+      "description": "Add whichever providers you plan to use to your environment so Convex can authenticate.",
+      "file": ".env",
+      "content": "OPENAI_API_KEY=sk-...\nGEMINI_API_KEY=AIzaSy...\n"
+    }
+  ]
 }

package/recipes/voice-bot/packages/backend/convex/router.ts

@@ -0,0 +1,81 @@
+import { httpRouter } from 'convex/server';
+
+import { httpAction } from './_generated/server';
+
+const http = httpRouter();
+
+const ELEVENLABS_TOKEN_ENDPOINT =
+  'https://api.elevenlabs.io/v1/convai/conversation/token';
+
+const fetchElevenLabsConversationToken = httpAction(
+  async (_ctx, request): Promise<Response> => {
+    const apiKey = process.env.ELEVENLABS_API_KEY;
+    if (!apiKey) {
+      return new Response(
+        JSON.stringify({
+          error: 'ELEVENLABS_API_KEY is not configured on the backend',
+        }),
+        {
+          status: 500,
+          headers: { 'content-type': 'application/json' },
+        },
+      );
+    }
+
+    const url = new URL(request.url);
+    const agentId = url.searchParams.get('agent_id');
+    if (!agentId) {
+      return new Response(
+        JSON.stringify({ error: 'agent_id query parameter is required' }),
+        {
+          status: 400,
+          headers: { 'content-type': 'application/json' },
+        },
+      );
+    }
+
+    const upstreamUrl = new URL(ELEVENLABS_TOKEN_ENDPOINT);
+    url.searchParams.forEach((value, key) => {
+      upstreamUrl.searchParams.set(key, value);
+    });
+
+    try {
+      const upstreamResponse = await fetch(upstreamUrl, {
+        method: 'GET',
+        headers: {
+          'xi-api-key': apiKey,
+          accept: 'application/json',
+        },
+      });
+
+      const payload = await upstreamResponse.text();
+      return new Response(payload, {
+        status: upstreamResponse.status,
+        headers: {
+          'content-type':
+            upstreamResponse.headers.get('content-type') || 'application/json',
+        },
+      });
+    } catch (error) {
+      console.error(
+        '[voice.token] Failed to fetch ElevenLabs conversation token',
+        error,
+      );
+      return new Response(
+        JSON.stringify({ error: 'Failed to fetch ElevenLabs token' }),
+        {
+          status: 502,
+          headers: { 'content-type': 'application/json' },
+        },
+      );
+    }
+  },
+);
+
+http.route({
+  path: '/voice/conversation-token',
+  method: 'GET',
+  handler: fetchElevenLabsConversationToken,
+});
+
+export default http;

package/recipes/voice-bot/recipe.json

@@ -10,6 +10,10 @@
     {
       "from": "apps/native/src/features/voice-bot",
       "to": "apps/native/src/features/voice-bot"
+    },
+    {
+      "from": "packages/backend/convex/router.ts",
+      "to": "packages/backend/convex/router.ts"
     }
   ],
   "nav": {
@@ -18,5 +22,48 @@
     "icon": "🗣️",
     "color": "#14B8A6"
   },
-  "target": "native"
+  "target": "native",
+  "dependencies": {
+    "expo": [
+      "@elevenlabs/react-native",
+      "@livekit/react-native",
+      "@livekit/react-native-webrtc",
+      "@livekit/react-native-expo-plugin",
+      "@config-plugins/react-native-webrtc"
+    ]
+  },
+  "env": [
+    {
+      "key": "ELEVENLABS_API_KEY",
+      "description": "API key for ElevenLabs Conversational AI (used by the backend token route).",
+      "example": "elevenlabs_api_key_example",
+      "link": "https://elevenlabs.io/account"
+    },
+    {
+      "key": "ELEVENLABS_AGENT_ID",
+      "description": "Agent ID from your ElevenLabs Conversational AI agent configuration.",
+      "example": "agent-abc123",
+      "link": "https://elevenlabs.io/"
+    }
+  ],
+  "manualSteps": [
+    {
+      "title": "Create an ElevenLabs Conversational AI agent",
+      "description": "Sign up at ElevenLabs, enable the Conversational AI tab, and provision an agent with speech capabilities."
+    },
+    {
+      "title": "Copy your agent ID and API key",
+      "description": "Copy the agent ID and the API key from the ElevenLabs dashboard so the backend token route can authenticate."
+    },
+    {
+      "title": "Store env variables",
+      "description": "Add the agent ID and API key to your `.env` file to unlock the voice route.",
+      "file": ".env",
+      "content": "ELEVENLABS_AGENT_ID=agent-...\nELEVENLABS_API_KEY=elevenlabs_...\n"
+    },
+    {
+      "title": "Install native dependencies and build a dev client",
+      "description": "Voice bot requires a dev client (WebRTC/native modules), so run `pnpx expo prebuild` and start a native build (`pnpm ios -d` or `pnpm android -d`)."
+    }
+  ]
 }

package/scripts/create-recipes.mjs

@@ -17,6 +17,9 @@ const features = [
     icon: '📊',
     description: 'Beautiful data visualization with charts',
     color: '#6366F1',
+    dependencies: {
+      expo: ['@shopify/react-native-skia', 'react-native-svg'],
+    },
   },
   {
     name: 'chatbot',
@@ -24,6 +27,17 @@ const features = [
     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',
+      ],
+    },
   },
   {
     name: 'voice-bot',
@@ -97,7 +111,7 @@ async function createRecipe(feature) {
     });
     console.log(`  ✓ Copied app route`);
   }
-  
+
   // Check if feature components exist
   if (await exists(featurePath)) {
     const destFeaturePath = join(recipeDir, 'apps/native/src/features', feature.name);
@@ -110,6 +124,19 @@ async function createRecipe(feature) {
     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`);
+  }
+  
   if (copySpecs.length === 0) {
     console.log(`  ⚠️  No files found for ${feature.name}, skipping...`);
     return null;
@@ -130,6 +157,11 @@ async function createRecipe(feature) {
     target: 'native',
   };
   
+  // Add dependencies if defined
+  if (feature.dependencies) {
+    manifest.dependencies = feature.dependencies;
+  }
+  
   await writeFile(
     join(recipeDir, 'recipe.json'),
     JSON.stringify(manifest, null, 2)