vibefast-cli 0.2.3 → 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`)."
+    }
+  ]
 }