setIsVoiceAssistantActive(true)}
/>
);
}
};
return (
<>
{renderSection()}
setIsVoiceAssistantActive(false)}
onNavigate={handleVoiceNavigation}
onExecuteAction={executeVoiceAction}
/>
);
}
```
### index.html
```html
DoGood App Features
```
### start-dev.sh
```shell
#!/bin/bash
# DoGood App - Development Startup Script
# This script starts all necessary services for local development
echo "🚀 Starting DoGood App Development Environment..."
echo ""
# Check if uv is installed
if ! command -v uv &> /dev/null; then
echo "⚠️ uv is not installed. Installing uv..."
curl -LsSf https://astral.sh/uv/install.sh | sh
export PATH="$HOME/.local/bin:$PATH"
fi
# Start the LiveKit voice agent in the background
echo "🎤 Starting LiveKit Voice Agent..."
cd voice-agent
uv run agent.py dev &
AGENT_PID=$!
cd ..
# Wait a moment for the agent to initialize
sleep 3
# Start the API server and Vite dev server
echo "🌐 Starting API server and Vite..."
npm run dev
# Clean up on exit
trap "kill $AGENT_PID 2>/dev/null" EXIT
```
### dev-server.js
```javascript
import express from "express";
import cors from "cors";
import dotenv from "dotenv";
import { AccessToken } from "livekit-server-sdk";
// Load environment variables from .env.local first, then .env as fallback
dotenv.config({ path: ".env.local" });
dotenv.config({ path: ".env" });
const app = express();
app.use(cors());
app.use(express.json());
// In-memory session store for context
const sessionStore = new Map();
// Clean up old sessions periodically
setInterval(() => {
const dayAgo = Date.now() - 24 * 60 * 60 * 1000;
for (const [sessionId, context] of sessionStore.entries()) {
if (context.sessionStartTime < dayAgo) {
sessionStore.delete(sessionId);
}
}
}, 60 * 60 * 1000); // Run every hour
app.get("/api/livekit-token", async (req, res) => {
try {
const apiKey = process.env.LIVEKIT_API_KEY;
const apiSecret = process.env.LIVEKIT_API_SECRET;
const wsUrl = process.env.LIVEKIT_URL;
if (!apiKey || !apiSecret || !wsUrl) {
throw new Error("LiveKit credentials not configured");
}
const roomName = req.query.roomName || `dogood-${Date.now()}`;
const participantName =
req.query.participantName || `user-${Math.floor(Math.random() * 10000)}`;
// Get user context from query params
const userContext = req.query.userContext || "";
const at = new AccessToken(apiKey, apiSecret, {
identity: participantName,
ttl: "10m",
// Store user context in token metadata for voice agent access
metadata: JSON.stringify({
userContext: userContext,
}),
});
at.addGrant({
room: roomName,
roomJoin: true,
canPublish: true,
canSubscribe: true,
});
const token = await at.toJwt();
res.status(200).json({
token,
wsUrl,
roomName,
});
} catch (error) {
console.error("Error generating LiveKit token:", error);
res.status(500).json({
error: "Failed to generate token",
message: error.message,
});
}
});
// Context API endpoints
app.get("/api/context", async (req, res) => {
const { sessionId } = req.query;
if (!sessionId) {
return res.status(400).json({ error: "sessionId is required" });
}
const context = sessionStore.get(sessionId);
if (!context) {
return res.status(404).json({ error: "Session not found" });
}
res.status(200).json(context);
});
app.post("/api/context", async (req, res) => {
const { sessionId } = req.query;
const context = req.body;
if (!sessionId || !context) {
return res
.status(400)
.json({ error: "sessionId and context are required" });
}
sessionStore.set(sessionId, context);
console.log(`[Context] Stored context for session ${sessionId}`);
res.status(200).json({ success: true, context });
});
const PORT = 3001;
app.listen(PORT, () => {
console.log(`API server running on http://localhost:${PORT}`);
});
```
### vite.config.ts
```typescript
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';
import path from 'path';
export default defineConfig({
plugins: [react()],
resolve: {
extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
alias: {
'vaul@1.1.2': 'vaul',
'sonner@2.0.3': 'sonner',
'recharts@2.15.2': 'recharts',
'react-resizable-panels@2.1.7': 'react-resizable-panels',
'react-hook-form@7.55.0': 'react-hook-form',
'react-day-picker@8.10.1': 'react-day-picker',
'next-themes@0.4.6': 'next-themes',
'lucide-react@0.487.0': 'lucide-react',
'input-otp@1.4.2': 'input-otp',
'embla-carousel-react@8.6.0': 'embla-carousel-react',
'cmdk@1.1.1': 'cmdk',
'class-variance-authority@0.7.1': 'class-variance-authority',
'@radix-ui/react-tooltip@1.1.8': '@radix-ui/react-tooltip',
'@radix-ui/react-toggle@1.1.2': '@radix-ui/react-toggle',
'@radix-ui/react-toggle-group@1.1.2': '@radix-ui/react-toggle-group',
'@radix-ui/react-tabs@1.1.3': '@radix-ui/react-tabs',
'@radix-ui/react-switch@1.1.3': '@radix-ui/react-switch',
'@radix-ui/react-slot@1.1.2': '@radix-ui/react-slot',
'@radix-ui/react-slider@1.2.3': '@radix-ui/react-slider',
'@radix-ui/react-separator@1.1.2': '@radix-ui/react-separator',
'@radix-ui/react-select@2.1.6': '@radix-ui/react-select',
'@radix-ui/react-scroll-area@1.2.3': '@radix-ui/react-scroll-area',
'@radix-ui/react-radio-group@1.2.3': '@radix-ui/react-radio-group',
'@radix-ui/react-progress@1.1.2': '@radix-ui/react-progress',
'@radix-ui/react-popover@1.1.6': '@radix-ui/react-popover',
'@radix-ui/react-navigation-menu@1.2.5': '@radix-ui/react-navigation-menu',
'@radix-ui/react-menubar@1.1.6': '@radix-ui/react-menubar',
'@radix-ui/react-label@2.1.2': '@radix-ui/react-label',
'@radix-ui/react-hover-card@1.1.6': '@radix-ui/react-hover-card',
'@radix-ui/react-dropdown-menu@2.1.6': '@radix-ui/react-dropdown-menu',
'@radix-ui/react-dialog@1.1.6': '@radix-ui/react-dialog',
'@radix-ui/react-context-menu@2.2.6': '@radix-ui/react-context-menu',
'@radix-ui/react-collapsible@1.1.3': '@radix-ui/react-collapsible',
'@radix-ui/react-checkbox@1.1.4': '@radix-ui/react-checkbox',
'@radix-ui/react-avatar@1.1.3': '@radix-ui/react-avatar',
'@radix-ui/react-aspect-ratio@1.1.2': '@radix-ui/react-aspect-ratio',
'@radix-ui/react-alert-dialog@1.1.6': '@radix-ui/react-alert-dialog',
'@radix-ui/react-accordion@1.2.3': '@radix-ui/react-accordion',
'@': path.resolve(__dirname, './src'),
},
},
build: {
target: 'esnext',
outDir: 'build',
},
server: {
port: 3000,
open: true,
proxy: {
'/api': {
target: 'http://localhost:3001',
changeOrigin: true,
},
},
},
});
```
[90 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]