Merge pull request #3 from Tony0410/codex/update-geminiservice-to-use-vite_api_key

Use Vite env variable for Gemini key

README.md

@@ -15,6 +15,6 @@ View your app in AI Studio: https://ai.studio/apps/drive/1a8wkyYOUvPDWvUXbrtN2dz
 
 1. Install dependencies:
    `npm install`
-2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+2. Set the `VITE_API_KEY` in [.env.local](.env.local) to your Gemini API key (e.g., `VITE_API_KEY=your_key_here`)
 3. Run the app:
    `npm run dev`

services/geminiService.ts

@@ -3,10 +3,14 @@ import { VoiceName } from '../types';
 import { normalizeUrl } from '../utils/url';
 
 const getAiClient = () => {
-  const apiKey = process.env.API_KEY;
+  const apiKey = import.meta.env.VITE_API_KEY;
+
   if (!apiKey) {
-    throw new Error("API Key is missing");
+    throw new Error(
+      "Gemini API key is missing. Set VITE_API_KEY in your .env.local file (e.g., VITE_API_KEY=your_key_here)."
+    );
   }
+
   return new GoogleGenAI({ apiKey });
 };
 

tsconfig.json

@@ -16,6 +16,6 @@
     "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["**/*.ts", "**/*.tsx"],
+  "include": ["**/*.ts", "**/*.tsx", "**/*.d.ts"],
   "exclude": ["node_modules"]
 }

vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

vite.config.ts

@@ -1,16 +1,6 @@
-import { defineConfig, loadEnv } from 'vite';
+import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
-export default defineConfig(({ mode }) => {
-  // Load env file based on `mode` in the current working directory.
-  const env = loadEnv(mode, (process as any).cwd(), '');
-  
-  return {
-    plugins: [react()],
-    define: {
-      // This allows the app code to continue using process.env.API_KEY
-      // even though it is running in the browser.
-      'process.env.API_KEY': JSON.stringify(env.API_KEY)
-    }
-  };
+export default defineConfig({
+  plugins: [react()]
 });