├── react-avatar-app
    ├── src
    │   ├── vite-env.d.ts
    │   ├── utils
    │   │   └── cn.ts
    │   ├── main.tsx
    │   ├── components
    │   │   ├── ui
    │   │   │   ├── textarea.tsx
    │   │   │   ├── input.tsx
    │   │   │   └── button.tsx
    │   │   └── ThemeProvider.tsx
    │   ├── index.css
    │   ├── assets
    │   │   └── react.svg
    │   ├── App.css
    │   └── App.tsx
    ├── postcss.config.js
    ├── tsconfig.json
    ├── .gitignore
    ├── vite.config.ts
    ├── index.html
    ├── tsconfig.node.json
    ├── utils
    │   └── logger.js
    ├── tsconfig.app.json
    ├── eslint.config.js
    ├── package.json
    ├── public
    │   └── vite.svg
    ├── tailwind.config.js
    └── README.md
├── server
    ├── favicon.ico
    ├── .env.sample
    ├── .gitignore
    ├── routes
    │   ├── chatRouter.js
    │   └── personaRoutes.js
    ├── .prettierrc
    ├── config
    │   └── config.js
    ├── package.json
    ├── server.js
    ├── utils
    │   ├── persona.js
    │   └── logger.js
    ├── services
    │   ├── heygenService.js
    │   └── aiService.js
    ├── controllers
    │   ├── chatController.js
    │   ├── personaController.js
    │   └── heygenController.js
    ├── soham_bot.js
    ├── README.md
    └── package-lock.json
└── README.md


/react-avatar-app/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | 


--------------------------------------------------------------------------------
/server/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LiehSt/Streaming-Avatar/HEAD/server/favicon.ico


--------------------------------------------------------------------------------
/server/.env.sample:
--------------------------------------------------------------------------------
1 | HEYGEN_APIKEY=
2 | HEYGEN_SERVER_URL=https://api.heygen.com
3 | GEMINI_APIKEY=
4 | PORT=3000


--------------------------------------------------------------------------------
/react-avatar-app/postcss.config.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | } 


--------------------------------------------------------------------------------
/react-avatar-app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "files": [],
3 |   "references": [
4 |     { "path": "./tsconfig.app.json" },
5 |     { "path": "./tsconfig.node.json" }
6 |   ]
7 | }
8 | 


--------------------------------------------------------------------------------
/server/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | .idea
 3 | .vscode
 4 | .env
 5 | npm-debug.log*
 6 | yarn-debug.log*
 7 | yarn-error.log*
 8 | dist/
 9 | coverage/
10 | .DS_Store
11 | *.log
12 | *.pid
13 | *.seed
14 | *.pid.lock


--------------------------------------------------------------------------------
/server/routes/chatRouter.js:
--------------------------------------------------------------------------------
1 | import { Router } from 'express';
2 | import { AIChatResponse, InitializeBot } from '../controllers/chatController.js';
3 | const chatRouter = Router();
4 | 
5 | chatRouter.post('/complete', AIChatResponse);
6 | chatRouter.post('/', InitializeBot);
7 | export default chatRouter;
8 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/utils/cn.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from "clsx";
2 | import { twMerge } from "tailwind-merge";
3 | 
4 | /**
5 |  * Combines multiple class names using clsx and optimizes them with tailwind-merge
6 |  */
7 | export function cn(...inputs: ClassValue[]) {
8 |   return twMerge(clsx(inputs));
9 | } 


--------------------------------------------------------------------------------
/react-avatar-app/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/main.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import ReactDOM from 'react-dom/client'
 3 | import App from './App.tsx'
 4 | import { ThemeProvider } from './components/ThemeProvider.tsx'
 5 | import './index.css'
 6 | 
 7 | ReactDOM.createRoot(document.getElementById('root')!).render(
 8 |   <React.StrictMode>
 9 |     <ThemeProvider defaultTheme="light">
10 |       <App />
11 |     </ThemeProvider>
12 |   </React.StrictMode>,
13 | )
14 | 


--------------------------------------------------------------------------------
/react-avatar-app/vite.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'vite'
 2 | import react from '@vitejs/plugin-react'
 3 | 
 4 | // https://vitejs.dev/config/
 5 | export default defineConfig({
 6 |   plugins: [react()],
 7 |   server: {
 8 |     proxy: {
 9 |       '/persona': {
10 |         target: 'http://localhost:3000',
11 |         changeOrigin: true,
12 |       },
13 |       '/openai': {
14 |         target: 'http://localhost:3000',
15 |         changeOrigin: true,
16 |       }
17 |     }
18 |   }
19 | })
20 | 


--------------------------------------------------------------------------------
/server/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "singleQuote": true,
 3 |   "jsxSingleQuote": false,
 4 |   "trailingComma": "all",
 5 |   "printWidth": 100,
 6 |   "useTabs": false,
 7 |   "tabWidth": 2,
 8 |   "semi": true,
 9 |   "quoteProps": "as-needed",
10 |   "bracketSpacing": true,
11 |   "bracketSameLine": false,
12 |   "arrowParens": "always",
13 |   "singleAttributePerLine": false,
14 |   "overrides": [
15 |     {
16 |       "files": ".prettierrc",
17 |       "options": { "parser": "json" }
18 |     }
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/server/config/config.js:
--------------------------------------------------------------------------------
 1 | import dotenv from 'dotenv';
 2 | dotenv.config();
 3 | 
 4 | export const config = {
 5 |   heygen: {
 6 |     apiKey: process.env.HEYGEN_APIKEY,
 7 |     serverUrl: process.env.HEYGEN_SERVER_URL,
 8 |     defaultQuality: 'low',
 9 |   },
10 |   gemini: {
11 |     apiKey: process.env.GEMINI_APIKEY,
12 |     model: 'gemini-2.0-flash',
13 |     config: {
14 |       temperature: 0.9,
15 |       topP: 0.1,
16 |       topK: 16,
17 |       maxOutputTokens: 2048,
18 |       candidateCount: 1,
19 |       stopSequences: [],
20 |     },
21 |   },
22 | };
23 | 


--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "streamingavatar",
 3 |   "version": "1.0.0",
 4 |   "description": "## Pre-Requisites",
 5 |   "type": "module",
 6 |   "main": "server.js",
 7 |   "keywords": [],
 8 |   "author": "",
 9 |   "license": "ISC",
10 |   "dependencies": {
11 |     "cors": "^2.8.5",
12 |     "dotenv": "^16.5.0",
13 |     "express": "^4.21.2",
14 |     "mime-types": "^3.0.1"
15 |   },
16 |   "scripts": {
17 |     "start": "node server.js",
18 |     "dev": "nodemon server.js",
19 |     "test": "echo \"Error: no test specified\" && exit 1",
20 |     "lint": "eslint .",
21 |     "format": "prettier --write ."
22 |   },
23 |   "devDependencies": {
24 |     "prettier": "^3.2.4"
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/react-avatar-app/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 8 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 9 |     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10 |     <title>Streaming Avatar</title>
11 |   </head>
12 |   <body>
13 |     <div id="root"></div>
14 |     <script type="module" src="/src/main.tsx"></script>
15 |   </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/react-avatar-app/tsconfig.node.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
 4 |     "target": "ES2022",
 5 |     "lib": ["ES2023"],
 6 |     "module": "ESNext",
 7 |     "skipLibCheck": true,
 8 | 
 9 |     /* Bundler mode */
10 |     "moduleResolution": "bundler",
11 |     "allowImportingTsExtensions": true,
12 |     "isolatedModules": true,
13 |     "moduleDetection": "force",
14 |     "noEmit": true,
15 | 
16 |     /* Linting */
17 |     "strict": true,
18 |     "noUnusedLocals": true,
19 |     "noUnusedParameters": true,
20 |     "noFallthroughCasesInSwitch": true,
21 |     "noUncheckedSideEffectImports": true
22 |   },
23 |   "include": ["vite.config.ts"]
24 | }
25 | 


--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
 1 | import express from 'express';
 2 | import path from 'path';
 3 | import { fileURLToPath } from 'url';
 4 | import { logger } from './utils/logger.js';
 5 | import personaRouter from './routes/personaRoutes.js';
 6 | import chatRouter from './routes/chatRouter.js';
 7 | import dotenv from 'dotenv';
 8 | import cors from 'cors';
 9 | dotenv.config();
10 | 
11 | const __filename = fileURLToPath(import.meta.url);
12 | const __dirname = path.dirname(__filename);
13 | 
14 | const app = express();
15 | app.use(express.json());
16 | app.use(cors());
17 | 
18 | app.use('/persona', personaRouter);
19 | app.use('/openai', chatRouter);
20 | 
21 | app.listen(process.env.PORT, () => {
22 |   logger.info('Server', `Server running at http://localhost:${process.env.PORT}`);
23 | });
24 | 


--------------------------------------------------------------------------------
/react-avatar-app/utils/logger.js:
--------------------------------------------------------------------------------
 1 | export const logger = {
 2 |   debug: (module, message, meta = {}) => {
 3 |     const timestamp = new Date().toISOString();
 4 |     console.debug(`[${timestamp}] [DEBUG] [${module}]`, message, meta);
 5 |   },
 6 |   info: (module, message, meta = {}) => {
 7 |     const timestamp = new Date().toISOString();
 8 |     console.info(`[${timestamp}] [INFO] [${module}]`, message, meta);
 9 |   },
10 |   warn: (module, message, meta = {}) => {
11 |     const timestamp = new Date().toISOString();
12 |     console.warn(`[${timestamp}] [WARN] [${module}]`, message, meta);
13 |   },
14 |   error: (module, message, meta = {}) => {
15 |     const timestamp = new Date().toISOString();
16 |     console.error(`[${timestamp}] [ERROR] [${module}]`, message, meta);
17 |   }
18 | }; 


--------------------------------------------------------------------------------
/react-avatar-app/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
 4 |     "target": "ES2020",
 5 |     "useDefineForClassFields": true,
 6 |     "lib": ["ES2020", "DOM", "DOM.Iterable"],
 7 |     "module": "ESNext",
 8 |     "skipLibCheck": true,
 9 | 
10 |     /* Bundler mode */
11 |     "moduleResolution": "bundler",
12 |     "allowImportingTsExtensions": true,
13 |     "isolatedModules": true,
14 |     "moduleDetection": "force",
15 |     "noEmit": true,
16 |     "jsx": "react-jsx",
17 | 
18 |     /* Linting */
19 |     "strict": true,
20 |     "noUnusedLocals": true,
21 |     "noUnusedParameters": true,
22 |     "noFallthroughCasesInSwitch": true,
23 |     "noUncheckedSideEffectImports": true
24 |   },
25 |   "include": ["src"]
26 | }
27 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cn } from "../../utils/cn"
 3 | 
 4 | export interface TextareaProps
 5 |   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 6 | 
 7 | const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
 8 |   ({ className, ...props }, ref) => {
 9 |     return (
10 |       <textarea
11 |         className={cn(
12 |           "flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
13 |           className
14 |         )}
15 |         ref={ref}
16 |         {...props}
17 |       />
18 |     )
19 |   }
20 | )
21 | Textarea.displayName = "Textarea"
22 | 
23 | export { Textarea } 


--------------------------------------------------------------------------------
/react-avatar-app/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import js from '@eslint/js'
 2 | import globals from 'globals'
 3 | import reactHooks from 'eslint-plugin-react-hooks'
 4 | import reactRefresh from 'eslint-plugin-react-refresh'
 5 | import tseslint from 'typescript-eslint'
 6 | 
 7 | export default tseslint.config(
 8 |   { ignores: ['dist'] },
 9 |   {
10 |     extends: [js.configs.recommended, ...tseslint.configs.recommended],
11 |     files: ['**/*.{ts,tsx}'],
12 |     languageOptions: {
13 |       ecmaVersion: 2020,
14 |       globals: globals.browser,
15 |     },
16 |     plugins: {
17 |       'react-hooks': reactHooks,
18 |       'react-refresh': reactRefresh,
19 |     },
20 |     rules: {
21 |       ...reactHooks.configs.recommended.rules,
22 |       'react-refresh/only-export-components': [
23 |         'warn',
24 |         { allowConstantExport: true },
25 |       ],
26 |     },
27 |   },
28 | )
29 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cn } from "../../utils/cn"
 3 | 
 4 | export interface InputProps
 5 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 6 | 
 7 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 8 |   ({ className, type, ...props }, ref) => {
 9 |     return (
10 |       <input
11 |         type={type}
12 |         className={cn(
13 |           "flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
14 |           className
15 |         )}
16 |         ref={ref}
17 |         {...props}
18 |       />
19 |     )
20 |   }
21 | )
22 | Input.displayName = "Input"
23 | 
24 | export { Input } 


--------------------------------------------------------------------------------
/server/routes/personaRoutes.js:
--------------------------------------------------------------------------------
 1 | import { Router } from 'express';
 2 | import { personaDetails, updatePersonaDetails, getPersonaConfig, updatePersonaConfig } from '../controllers/personaController.js';
 3 | import { initializeHeygenBot, createHeygenSession, startHeygenSession, sendHeygenText, stopHeygenSession, handleICECandidate } from '../controllers/heygenController.js';
 4 | 
 5 | const personaRouter = Router();
 6 | 
 7 | personaRouter.get('/', personaDetails);
 8 | personaRouter.post('/', updatePersonaDetails);
 9 | personaRouter.get('/config', getPersonaConfig);
10 | personaRouter.post('/update', updatePersonaConfig);
11 | personaRouter.post('/heygen/init', initializeHeygenBot);
12 | personaRouter.post('/heygen/session/create', createHeygenSession);
13 | personaRouter.post('/heygen/session/start', startHeygenSession);
14 | personaRouter.post('/heygen/ice', handleICECandidate);
15 | personaRouter.post('/heygen/text', sendHeygenText);
16 | personaRouter.post('/heygen/session/stop', stopHeygenSession);
17 | 
18 | export default personaRouter;
19 | 


--------------------------------------------------------------------------------
/react-avatar-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-avatar-app",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "tsc && vite build",
 9 |     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
10 |     "preview": "vite preview"
11 |   },
12 |   "dependencies": {
13 |     "@tailwindcss/postcss": "^4.1.3",
14 |     "class-variance-authority": "^0.7.1",
15 |     "clsx": "^2.1.1",
16 |     "react": "^19.0.0",
17 |     "react-dom": "^19.0.0",
18 |     "shadcn-ui": "^0.9.5",
19 |     "tailwind-merge": "^3.2.0"
20 |   },
21 |   "devDependencies": {
22 |     "@eslint/js": "^9.21.0",
23 |     "@types/react": "^19.0.10",
24 |     "@types/react-dom": "^19.0.4",
25 |     "@vitejs/plugin-react": "^4.3.4",
26 |     "autoprefixer": "^10.4.21",
27 |     "eslint": "^9.21.0",
28 |     "eslint-plugin-react-hooks": "^5.1.0",
29 |     "eslint-plugin-react-refresh": "^0.4.19",
30 |     "globals": "^15.15.0",
31 |     "postcss": "^8.5.3",
32 |     "tailwindcss": "^3.4.17",
33 |     "typescript": "~5.7.2",
34 |     "typescript-eslint": "^8.24.1",
35 |     "vite": "^6.2.0"
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/react-avatar-app/public/vite.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>


--------------------------------------------------------------------------------
/server/utils/persona.js:
--------------------------------------------------------------------------------
 1 | export let persona = {
 2 |   "name": "Surya Ghosh",
 3 |   "title": "The Passionate Tech Explorer",
 4 |   "education": {
 5 |     "degree": "B.Tech in Electronics and Communication Engineering",
 6 |     "year": "3rd Year, 6th Semester",
 7 |     "institution": "Future Institute of Engineering and Management"
 8 |   },
 9 |   "traits": [
10 |     "Curious",
11 |     "passionate",
12 |     "disciplined",
13 |     "hardworking",
14 |     "socially active"
15 |   ],
16 |   "technical": {
17 |     "languages": [
18 |       "Java",
19 |       "C"
20 |     ],
21 |     "webStack": [
22 |       "React",
23 |       "Next.js",
24 |       "Hono.js",
25 |       "Drizzle ORM",
26 |       "MongoDB"
27 |     ],
28 |     "projects": [
29 |       "Women Safety App (gender classification + SMS alerts)",
30 |       "CloneX – AI-powered digital human clone",
31 |       "Obstacle Avoiding Robot",
32 |       "Firefighting Robot with separate sensing unit",
33 |       "ReelsPro – Media sharing Next.js app",
34 |       "Astro.js based documentation site with login and backend",
35 |       "Chat + Music Sync App"
36 |     ]
37 |   },
38 |   "personality": {
39 |     "style": "Goal-oriented, practical, and project-driven learner with a love for real-world applications",
40 |     "interests": [
41 |       "Artificial Intelligence & Deep Learning",
42 |       "Robotics",
43 |       "Full Stack Web Development",
44 |       "Hackathons & Competitive Coding",
45 |       "Building tech for social good"
46 |     ],
47 |     "goals": [
48 |       "Revise and strengthen DSA, Java, and C fundamentals",
49 |       "Build a successful hackathon project (April 12–13)",
50 |       "Contribute daily to research work",
51 |       "Maintain consistency despite distractions",
52 |       "Balance academics, project work, and personal life"
53 |     ]
54 |   }
55 | };


--------------------------------------------------------------------------------
/server/utils/logger.js:
--------------------------------------------------------------------------------
 1 | class Logger {
 2 |   constructor() {
 3 |     this.debugMode = true; // Set to false in production
 4 |     this.logHistory = [];
 5 |   }
 6 | 
 7 |   formatMessage(level, context, message, data = null) {
 8 |     const timestamp = new Date().toISOString();
 9 |     const logMessage = {
10 |       timestamp,
11 |       level,
12 |       context,
13 |       message,
14 |       data: data ? JSON.stringify(data) : undefined,
15 |     };
16 |     this.logHistory.push(logMessage);
17 |     return `[${timestamp}] [${level}] [${context}] ${message}${data ? '\nData: ' + JSON.stringify(data, null, 2) : ''}`;
18 |   }
19 | 
20 |   log(level, context, message, data = null) {
21 |     const formattedMessage = this.formatMessage(level, context, message, data);
22 |     if (this.debugMode) {
23 |       switch (level) {
24 |         case 'ERROR':
25 |           console.error(formattedMessage);
26 |           break;
27 |         case 'WARN':
28 |           console.warn(formattedMessage);
29 |           break;
30 |         case 'INFO':
31 |           console.info(formattedMessage);
32 |           break;
33 |         default:
34 |           console.log(formattedMessage);
35 |       }
36 |     }
37 |     return formattedMessage;
38 |   }
39 | 
40 |   info(context, message, data = null) {
41 |     return this.log('INFO', context, message, data);
42 |   }
43 | 
44 |   warn(context, message, data = null) {
45 |     return this.log('WARN', context, message, data);
46 |   }
47 | 
48 |   error(context, message, data = null) {
49 |     return this.log('ERROR', context, message, data);
50 |   }
51 | 
52 |   debug(context, message, data = null) {
53 |     return this.log('DEBUG', context, message, data);
54 |   }
55 | 
56 |   getLogHistory() {
57 |     return this.logHistory;
58 |   }
59 | 
60 |   clearHistory() {
61 |     this.logHistory = [];
62 |   }
63 | }
64 | 
65 | export const logger = new Logger();
66 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/components/ThemeProvider.tsx:
--------------------------------------------------------------------------------
 1 | import { createContext, useContext, useEffect, useState } from "react";
 2 | 
 3 | type Theme = "light" | "dark" | "system";
 4 | 
 5 | type ThemeProviderProps = {
 6 |   children: React.ReactNode;
 7 |   defaultTheme?: Theme;
 8 |   storageKey?: string;
 9 | };
10 | 
11 | type ThemeProviderState = {
12 |   theme: Theme;
13 |   setTheme: (theme: Theme) => void;
14 | };
15 | 
16 | const initialState: ThemeProviderState = {
17 |   theme: "system",
18 |   setTheme: () => null,
19 | };
20 | 
21 | const ThemeProviderContext = createContext<ThemeProviderState>(initialState);
22 | 
23 | export function ThemeProvider({
24 |   children,
25 |   defaultTheme = "system",
26 |   storageKey = "vite-ui-theme",
27 |   ...props
28 | }: ThemeProviderProps) {
29 |   const [theme, setTheme] = useState<Theme>(
30 |     () => (localStorage.getItem(storageKey) as Theme) || defaultTheme
31 |   );
32 | 
33 |   useEffect(() => {
34 |     const root = window.document.documentElement;
35 |     
36 |     root.classList.remove("light", "dark");
37 |     
38 |     if (theme === "system") {
39 |       const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")
40 |         .matches
41 |         ? "dark"
42 |         : "light";
43 |       
44 |       root.classList.add(systemTheme);
45 |       return;
46 |     }
47 |     
48 |     root.classList.add(theme);
49 |   }, [theme]);
50 | 
51 |   const value = {
52 |     theme,
53 |     setTheme: (theme: Theme) => {
54 |       localStorage.setItem(storageKey, theme);
55 |       setTheme(theme);
56 |     },
57 |   };
58 | 
59 |   return (
60 |     <ThemeProviderContext.Provider {...props} value={value}>
61 |       {children}
62 |     </ThemeProviderContext.Provider>
63 |   );
64 | }
65 | 
66 | export const useTheme = () => {
67 |   const context = useContext(ThemeProviderContext);
68 |   
69 |   if (context === undefined)
70 |     throw new Error("useTheme must be used within a ThemeProvider");
71 |   
72 |   return context;
73 | }; 


--------------------------------------------------------------------------------
/react-avatar-app/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | import { cn } from "../../utils/cn"
 4 | 
 5 | const buttonVariants = cva(
 6 |   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 7 |   {
 8 |     variants: {
 9 |       variant: {
10 |         default: "bg-primary text-primary-foreground hover:bg-primary/90",
11 |         destructive:
12 |           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
13 |         outline:
14 |           "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
15 |         secondary:
16 |           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
17 |         ghost: "hover:bg-accent hover:text-accent-foreground",
18 |         link: "text-primary underline-offset-4 hover:underline",
19 |       },
20 |       size: {
21 |         default: "h-10 px-4 py-2",
22 |         sm: "h-9 rounded-md px-3",
23 |         lg: "h-11 rounded-md px-8",
24 |         icon: "h-10 w-10",
25 |       },
26 |     },
27 |     defaultVariants: {
28 |       variant: "default",
29 |       size: "default",
30 |     },
31 |   }
32 | )
33 | 
34 | export interface ButtonProps
35 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
36 |     VariantProps<typeof buttonVariants> {
37 |   asChild?: boolean
38 | }
39 | 
40 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
41 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
42 |     const Comp = asChild ? React.Fragment : "button"
43 |     return (
44 |       <Comp
45 |         className={cn(buttonVariants({ variant, size, className }))}
46 |         ref={ref}
47 |         {...props}
48 |       />
49 |     )
50 |   }
51 | )
52 | Button.displayName = "Button"
53 | 
54 | export { Button, buttonVariants } 


--------------------------------------------------------------------------------
/react-avatar-app/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | export default {
 3 |   content: [
 4 |     "./index.html",
 5 |     "./src/**/*.{js,ts,jsx,tsx}",
 6 |   ],
 7 |   theme: {
 8 |     extend: {
 9 |       colors: {
10 |         background: "#ffffff",
11 |         foreground: "#000000",
12 |         border: "hsl(var(--border))",
13 |         input: "hsl(var(--input))",
14 |         ring: "hsl(var(--ring))",
15 |         primary: {
16 |           DEFAULT: "#3b82f6",
17 |           foreground: "#ffffff",
18 |           50: "#eff6ff",
19 |           100: "#dbeafe",
20 |           200: "#bfdbfe",
21 |           300: "#93c5fd",
22 |           400: "#60a5fa",
23 |           500: "#3b82f6",
24 |           600: "#2563eb",
25 |           700: "#1d4ed8",
26 |           800: "#1e40af",
27 |           900: "#1e3a8a",
28 |           950: "#172554",
29 |         },
30 |         secondary: {
31 |           DEFAULT: "#f3f4f6",
32 |           foreground: "#111827",
33 |         },
34 |         destructive: {
35 |           DEFAULT: "#ef4444",
36 |           foreground: "#ffffff",
37 |         },
38 |         muted: {
39 |           DEFAULT: "#f3f4f6",
40 |           foreground: "#6b7280",
41 |         },
42 |         accent: {
43 |           DEFAULT: "#f9fafb",
44 |           foreground: "#111827",
45 |         },
46 |         popover: {
47 |           DEFAULT: "#ffffff",
48 |           foreground: "#020617",
49 |         },
50 |         card: {
51 |           DEFAULT: "#ffffff",
52 |           foreground: "#020617",
53 |         },
54 |       },
55 |       borderRadius: {
56 |         lg: "var(--radius)",
57 |         md: "calc(var(--radius) - 2px)",
58 |         sm: "calc(var(--radius) - 4px)",
59 |       },
60 |       fontFamily: {
61 |         sans: ['Inter', 'sans-serif'],
62 |       },
63 |       boxShadow: {
64 |         'soft': '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04)',
65 |       },
66 |       keyframes: {
67 |         "accordion-down": {
68 |           from: { height: 0 },
69 |           to: { height: "var(--radix-accordion-content-height)" },
70 |         },
71 |         "accordion-up": {
72 |           from: { height: "var(--radix-accordion-content-height)" },
73 |           to: { height: 0 },
74 |         },
75 |       },
76 |       animation: {
77 |         "accordion-down": "accordion-down 0.2s ease-out",
78 |         "accordion-up": "accordion-up 0.2s ease-out",
79 |       },
80 |     },
81 |   },
82 |   plugins: [],
83 | } 


--------------------------------------------------------------------------------
/react-avatar-app/src/index.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | @layer base {
  6 |   :root {
  7 |     --foreground-rgb: 0, 0, 0;
  8 |     --background-start-rgb: 250, 250, 250;
  9 |     --background-end-rgb: 240, 240, 240;
 10 |   }
 11 | 
 12 |   html {
 13 |     @apply scroll-smooth;
 14 |   }
 15 | 
 16 |   body {
 17 |     @apply text-gray-800 bg-gray-50 font-sans antialiased;
 18 |   }
 19 | 
 20 |   h1, h2, h3, h4, h5, h6 {
 21 |     @apply font-medium tracking-tight;
 22 |   }
 23 | }
 24 | 
 25 | @layer components {
 26 |   .main {
 27 |     @apply flex flex-col h-screen p-4 max-w-5xl mx-auto gap-4;
 28 |   }
 29 | 
 30 |   .configSection {
 31 |     @apply bg-white p-4 rounded-lg shadow;
 32 |   }
 33 | 
 34 |   .actionRowsWrap {
 35 |     @apply flex flex-col gap-2;
 36 |   }
 37 | 
 38 |   .actionRow {
 39 |     @apply flex items-center gap-2 flex-wrap;
 40 |   }
 41 | 
 42 |   .videoSectionWrap {
 43 |     @apply mt-4 flex flex-col;
 44 |   }
 45 | 
 46 |   .videoWrap {
 47 |     @apply w-full max-w-xl mx-auto overflow-hidden rounded-lg shadow-lg;
 48 |   }
 49 | 
 50 |   .videoEle {
 51 |     @apply w-full;
 52 |   }
 53 | 
 54 |   .show {
 55 |     @apply block;
 56 |   }
 57 | 
 58 |   .hide {
 59 |     @apply hidden;
 60 |   }
 61 | 
 62 |   .switchWrap {
 63 |     @apply flex items-center gap-2;
 64 |   }
 65 | 
 66 |   .btn {
 67 |     @apply inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none;
 68 |   }
 69 | 
 70 |   .btn-primary {
 71 |     @apply bg-blue-600 text-white hover:bg-blue-700 h-10 px-4 py-2;
 72 |   }
 73 | 
 74 |   .btn-secondary {
 75 |     @apply bg-white text-gray-900 border border-gray-200 hover:bg-gray-100 h-10 px-4 py-2;
 76 |   }
 77 | 
 78 |   .btn-danger {
 79 |     @apply bg-red-600 text-white hover:bg-red-700 h-10 px-4 py-2;
 80 |   }
 81 | 
 82 |   .input {
 83 |     @apply flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
 84 |   }
 85 | 
 86 |   .card {
 87 |     @apply rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm transition-all hover:shadow;
 88 |   }
 89 | 
 90 |   .formGroup {
 91 |     @apply mb-4;
 92 |   }
 93 | }
 94 | 
 95 | /* Custom scrollbar styling */
 96 | @layer utilities {
 97 |   /* Width */
 98 |   ::-webkit-scrollbar {
 99 |     @apply w-2;
100 |   }
101 |   
102 |   /* Track */
103 |   ::-webkit-scrollbar-track {
104 |     @apply bg-gray-100 rounded-full;
105 |   }
106 |   
107 |   /* Handle */
108 |   ::-webkit-scrollbar-thumb {
109 |     @apply bg-gray-300 rounded-full;
110 |   }
111 |   
112 |   /* Handle on hover */
113 |   ::-webkit-scrollbar-thumb:hover {
114 |     @apply bg-gray-400;
115 |   }
116 | }
117 | 


--------------------------------------------------------------------------------
/server/services/heygenService.js:
--------------------------------------------------------------------------------
  1 | import { config } from '../config/config.js';
  2 | 
  3 | class HeygenService {
  4 |   constructor() {
  5 |     this.apiKey = config.heygen.apiKey;
  6 |     this.serverUrl = config.heygen.serverUrl;
  7 |   }
  8 | 
  9 |   async createSession(avatar_name, voice_id) {
 10 |     const response = await fetch(`${this.serverUrl}/v1/streaming.new`, {
 11 |       method: 'POST',
 12 |       headers: {
 13 |         'Content-Type': 'application/json',
 14 |         'X-Api-Key': this.apiKey,
 15 |       },
 16 |       body: JSON.stringify({
 17 |         quality: config.heygen.defaultQuality,
 18 |         avatar_name,
 19 |         voice: { voice_id },
 20 |       }),
 21 |     });
 22 | 
 23 |     const data = await response.json();
 24 |     if (response.status === 500 || data.code === 10013) {
 25 |       throw new Error(data.message || 'Failed to create session');
 26 |     }
 27 |     return data.data;
 28 |   }
 29 | 
 30 |   async startSession(session_id, sdp) {
 31 |     const response = await fetch(`${this.serverUrl}/v1/streaming.start`, {
 32 |       method: 'POST',
 33 |       headers: {
 34 |         'Content-Type': 'application/json',
 35 |         'X-Api-Key': this.apiKey,
 36 |       },
 37 |       body: JSON.stringify({ session_id, sdp }),
 38 |     });
 39 | 
 40 |     const data = await response.json();
 41 |     if (response.status === 500) {
 42 |       throw new Error('Failed to start session');
 43 |     }
 44 |     return data.data;
 45 |   }
 46 | 
 47 |   async handleICE(session_id, candidate) {
 48 |     const response = await fetch(`${this.serverUrl}/v1/streaming.ice`, {
 49 |       method: 'POST',
 50 |       headers: {
 51 |         'Content-Type': 'application/json',
 52 |         'X-Api-Key': this.apiKey,
 53 |       },
 54 |       body: JSON.stringify({ session_id, candidate }),
 55 |     });
 56 | 
 57 |     const data = await response.json();
 58 |     if (response.status === 500) {
 59 |       throw new Error('Failed to handle ICE candidate');
 60 |     }
 61 |     return data;
 62 |   }
 63 | 
 64 |   async sendText(session_id, text) {
 65 |     const response = await fetch(`${this.serverUrl}/v1/streaming.task`, {
 66 |       method: 'POST',
 67 |       headers: {
 68 |         'Content-Type': 'application/json',
 69 |         'X-Api-Key': this.apiKey,
 70 |       },
 71 |       body: JSON.stringify({ session_id, text }),
 72 |     });
 73 | 
 74 |     const data = await response.json();
 75 |     if (response.status === 500) {
 76 |       throw new Error('Failed to send text');
 77 |     }
 78 |     return data.data;
 79 |   }
 80 | 
 81 |   async stopSession(session_id) {
 82 |     const response = await fetch(`${this.serverUrl}/v1/streaming.stop`, {
 83 |       method: 'POST',
 84 |       headers: {
 85 |         'Content-Type': 'application/json',
 86 |         'X-Api-Key': this.apiKey,
 87 |       },
 88 |       body: JSON.stringify({ session_id }),
 89 |     });
 90 | 
 91 |     const data = await response.json();
 92 |     if (response.status === 500) {
 93 |       throw new Error('Failed to stop session');
 94 |     }
 95 |     return data.data;
 96 |   }
 97 | }
 98 | 
 99 | export const heygenService = new HeygenService();
100 | 


--------------------------------------------------------------------------------
/server/services/aiService.js:
--------------------------------------------------------------------------------
 1 | import { logger } from '../utils/logger.js';
 2 | class AiService {
 3 |   constructor() {
 4 |     this.persona = '';
 5 |     this.personaConfig = null;
 6 |     logger.info('AiService', 'Service initialized');
 7 |   }
 8 | 
 9 |   async updatePersona() {
10 |     logger.info('AiService', 'Updating persona configuration');
11 |     try {
12 |       const response = await fetch('http://localhost:3000/persona-config');
13 |       if (!response.ok) {
14 |         const error = 'Failed to fetch persona config';
15 |         logger.error('AiService', error, { status: response.status });
16 |         throw new Error(error);
17 |       }
18 | 
19 |       this.personaConfig = await response.json();
20 |       this.persona = this.generatePersonaPrompt(this.personaConfig);
21 |       logger.info('AiService', 'Persona updated successfully', { name: this.personaConfig.name });
22 |       return true;
23 |     } catch (error) {
24 |       logger.error('AiService', 'Failed to update persona', { error: error.message });
25 |       return false;
26 |     }
27 |   }
28 | 
29 |   async initialize() {
30 |     logger.info('AiService', 'Initializing AI service');
31 |     try {
32 |       await this.updatePersona();
33 |       const response = await fetch('http://localhost:3000/openai/complete', {
34 |         method: 'POST',
35 |         headers: {
36 |           'Content-Type': 'application/json',
37 |         },
38 |         body: JSON.stringify({
39 |           prompt: this.persona + `\nAct like ${this.personaConfig.name} always.`,
40 |         }),
41 |       });
42 | 
43 |       if (!response.ok) {
44 |         const error = 'Failed to initialize AI';
45 |         logger.error('AiService', error, { status: response.status });
46 |         throw new Error(error);
47 |       }
48 |       logger.info('AiService', 'AI service initialized successfully');
49 |       return true;
50 |     } catch (error) {
51 |       logger.error('AiService', 'AI initialization error', { error: error.message });
52 |       return false;
53 |     }
54 |   }
55 | 
56 |   async getResponse(userInput) {
57 |     logger.info('AiService', 'Getting AI response', { userInput });
58 |     try {
59 |       await this.updatePersona();
60 |       const response = await fetch('http://localhost:3000/openai/complete', {
61 |         method: 'POST',
62 |         headers: {
63 |           'Content-Type': 'application/json',
64 |         },
65 |         body: JSON.stringify({
66 |           prompt: `${this.persona}\nUser: ${userInput}\n${this.personaConfig.name}:`,
67 |         }),
68 |       });
69 | 
70 |       if (!response.ok) {
71 |         const error = 'Failed to get AI response';
72 |         logger.error('AiService', error, { status: response.status });
73 |         throw new Error(error);
74 |       }
75 | 
76 |       const data = await response.json();
77 |       logger.info('AiService', 'Got AI response successfully', {
78 |         responseLength: data.text.length,
79 |       });
80 |       return data.text;
81 |     } catch (error) {
82 |       logger.error('AiService', 'AI response error', { error: error.message });
83 |       throw error;
84 |     }
85 |   }
86 | }
87 | 
88 | export const aiService = new AiService();
89 | 


--------------------------------------------------------------------------------
/server/controllers/chatController.js:
--------------------------------------------------------------------------------
  1 | import { config } from '../config/config.js';
  2 | import { logger } from '../utils/logger.js';
  3 | import { persona } from '../utils/persona.js';
  4 | import { GoogleGenerativeAI } from '@google/generative-ai';
  5 | 
  6 | const genAI = new GoogleGenerativeAI(config.gemini_api_key);
  7 | const model = genAI.getGenerativeModel({ model: 'gemini-1.5-flash' });
  8 | 
  9 | const getPersonaPrompt = () => {
 10 |   return `From today your identity is ${persona.name}.
 11 | From now you are ${persona.name} and give all answers like ${persona.name}'s style.
 12 | Don't use emojis in your answers.
 13 | Behave like ${persona.name} in all chats.
 14 | Always reply like ${persona.name}'s real talking style, attitude, tone & mood.
 15 | 
 16 | Profile:
 17 | Name: ${persona.name}
 18 | Title: ${persona.title}
 19 | Education: ${persona.education.degree} (${persona.education.year})
 20 | Institution: ${persona.education.institution}
 21 | Core Traits: ${persona.traits.join(', ')}
 22 | 
 23 | Technical Identity:
 24 | Languages Known: ${persona.technical.languages.join(', ')}
 25 | Web Dev Stack: ${persona.technical.webStack.join(', ')}
 26 | Projects:
 27 | ${persona.technical.projects.join('\n')}
 28 | 
 29 | Personality & Style:
 30 | ${persona.personality.style}
 31 | Interests: ${persona.personality.interests.join(', ')}
 32 | Current Goals:
 33 | ${persona.personality.goals.join('\n')}`;
 34 | };
 35 | 
 36 | const generateGeminiResponse = async (prompt) => {
 37 |   const personaPrompt = getPersonaPrompt();
 38 |   const chat = model.startChat({
 39 |     history: [
 40 |       {
 41 |         role: 'user',
 42 |         parts: [`Act like ${persona.name}, a formal corporate employee.`]
 43 |       },
 44 |       {
 45 |         role: 'model',
 46 |         parts: [`Understood. Responding as ${persona.name} professionally.`]
 47 |       },
 48 |       {
 49 |         role: 'user',
 50 |         parts: [personaPrompt]
 51 |       }
 52 |     ]
 53 |   });
 54 |   const result = await chat.sendMessage(prompt);
 55 |   return result.response.text();
 56 | };
 57 | 
 58 | export const InitializeBot = async (req, res) => {
 59 |   logger.info('Server', 'Initializing AI service');
 60 |   try {
 61 |     const result = await model.generateContent([
 62 |       { role: 'user', parts: ['You are now initialized. Be ready to chat.'] }
 63 |     ]);
 64 |     const text = result.response.text();
 65 | 
 66 |     logger.info('Server', 'AI service initialized successfully');
 67 |     res.json({
 68 |       success: true,
 69 |       message: 'AI service initialized successfully',
 70 |       text
 71 |     });
 72 |   } catch (error) {
 73 |     logger.error('Server', 'AI initialization error', { error: error.message });
 74 |     res.status(500).json({
 75 |       success: false,
 76 |       message: 'Error initializing AI service',
 77 |       error: error.message
 78 |     });
 79 |   }
 80 | };
 81 | 
 82 | export const AIChatResponse = async (req, res) => {
 83 |   logger.info('Server', 'Processing AI chat request');
 84 |   try {
 85 |     const userPrompt = req.body.prompt;
 86 |     const text = await generateGeminiResponse(userPrompt);
 87 | 
 88 |     logger.info('Server', 'AI response generated successfully');
 89 |     res.json({
 90 |       success: true,
 91 |       message: 'AI response generated successfully',
 92 |       text
 93 |     });
 94 |   } catch (error) {
 95 |     logger.error('Server', 'AI Error', { error: error.message });
 96 |     res.status(500).json({
 97 |       success: false,
 98 |       message: 'Error processing your request',
 99 |       error: error.message
100 |     });
101 |   }
102 | };
103 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/assets/react.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>


--------------------------------------------------------------------------------
/server/controllers/personaController.js:
--------------------------------------------------------------------------------
  1 | import { persona } from '../utils/persona.js';
  2 | import { logger } from '../utils/logger.js';
  3 | import fs from 'fs';
  4 | import path from 'path';
  5 | import { fileURLToPath } from 'url';
  6 | 
  7 | const __filename = fileURLToPath(import.meta.url);
  8 | const __dirname = path.dirname(__filename);
  9 | const personaFilePath = path.join(__dirname, '../utils/persona.js');
 10 | 
 11 | export const personaDetails = (req, res) => {
 12 |   logger.info('PersonaController', 'Fetching persona details');
 13 |   res.json(persona);
 14 | };
 15 | 
 16 | export const updatePersonaDetails = (req, res) => {
 17 |   logger.info('PersonaController', 'Updating persona details', req.body);
 18 |   
 19 |   try {
 20 |     const personaChanges = req.body;
 21 |     
 22 |     // Update persona details
 23 |     if (personaChanges.name) persona.name = personaChanges.name;
 24 |     if (personaChanges.title) persona.title = personaChanges.title;
 25 |     
 26 |     // Education
 27 |     if (personaChanges.education) {
 28 |       if (personaChanges.education.degree) persona.education.degree = personaChanges.education.degree;
 29 |       if (personaChanges.education.year) persona.education.year = personaChanges.education.year;
 30 |       if (personaChanges.education.institution) persona.education.institution = personaChanges.education.institution;
 31 |     }
 32 |     
 33 |     res.json({
 34 |       success: true,
 35 |       message: 'Persona details updated successfully',
 36 |       persona
 37 |     });
 38 |   } catch (error) {
 39 |     logger.error('PersonaController', 'Error updating persona details', error);
 40 |     res.status(500).json({
 41 |       success: false,
 42 |       message: 'Error updating persona details',
 43 |       error: error.message
 44 |     });
 45 |   }
 46 | };
 47 | 
 48 | export const getPersonaConfig = (req, res) => {
 49 |   logger.info('PersonaController', 'Fetching persona configuration');
 50 |   res.json(persona);
 51 | };
 52 | 
 53 | export const updatePersonaConfig = async (req, res) => {
 54 |   try {
 55 |     logger.info('PersonaController', 'Updating persona configuration');
 56 |     const newConfig = req.body;
 57 |     
 58 |     if (!newConfig) {
 59 |       return res.status(400).json({
 60 |         success: false,
 61 |         message: 'No configuration data provided'
 62 |       });
 63 |     }
 64 |     
 65 |     // Update the persona object
 66 |     if (newConfig.name) persona.name = newConfig.name;
 67 |     if (newConfig.title) persona.title = newConfig.title;
 68 |     
 69 |     // Update education
 70 |     if (newConfig.education) {
 71 |       if (newConfig.education.degree) persona.education.degree = newConfig.education.degree;
 72 |       if (newConfig.education.year) persona.education.year = newConfig.education.year;
 73 |       if (newConfig.education.institution) persona.education.institution = newConfig.education.institution;
 74 |     }
 75 |     
 76 |     // Update technical details
 77 |     if (newConfig.technical) {
 78 |       if (newConfig.technical.languages) persona.technical.languages = newConfig.technical.languages;
 79 |       if (newConfig.technical.webStack) persona.technical.webStack = newConfig.technical.webStack;
 80 |       if (newConfig.technical.projects) persona.technical.projects = newConfig.technical.projects;
 81 |     }
 82 |     
 83 |     // Update personality
 84 |     if (newConfig.personality) {
 85 |       if (newConfig.personality.style) persona.personality.style = newConfig.personality.style;
 86 |       if (newConfig.personality.interests) persona.personality.interests = newConfig.personality.interests;
 87 |       if (newConfig.personality.goals) persona.personality.goals = newConfig.personality.goals;
 88 |     }
 89 |     
 90 |     // Update traits
 91 |     if (newConfig.traits) persona.traits = newConfig.traits;
 92 |     
 93 |     // Optionally, save to file (for persistance)
 94 |     const personaCode = `export let persona = ${JSON.stringify(persona, null, 2)};`;
 95 |     fs.writeFileSync(personaFilePath, personaCode);
 96 |     
 97 |     res.json({
 98 |       success: true,
 99 |       message: 'Persona configuration updated successfully',
100 |       data: persona
101 |     });
102 |   } catch (error) {
103 |     logger.error('PersonaController', 'Error updating persona configuration', { error: error.message });
104 |     res.status(500).json({
105 |       success: false,
106 |       message: 'Error updating persona configuration',
107 |       error: error.message
108 |     });
109 |   }
110 | };
111 | 


--------------------------------------------------------------------------------
/react-avatar-app/README.md:
--------------------------------------------------------------------------------
  1 | # Streaming Avatar React Application
  2 | 
  3 | A modern React application built with Vite, TypeScript, and shadcn/ui that provides a user interface for interacting with the Streaming Avatar backend.
  4 | 
  5 | ## 🚀 Features
  6 | 
  7 | - **Persona Management**
  8 |   - View and update persona details
  9 |   - Configure persona settings
 10 |   - Manage persona's technical and personality traits
 11 | 
 12 | - **HeyGen Integration**
 13 |   - Create and manage avatar streaming sessions
 14 |   - Real-time avatar interaction
 15 |   - WebRTC-based video streaming
 16 |   - Text-to-speech capabilities
 17 | 
 18 | - **AI Chat Integration**
 19 |   - Interactive chat with persona-based responses
 20 |   - Gemini AI-powered conversations
 21 |   - Context-aware responses
 22 | 
 23 | - **UI Features**
 24 |   - Modern, responsive design
 25 |   - Real-time video display
 26 |   - Session management controls
 27 |   - Background removal toggle
 28 |   - Dark/Light mode support
 29 | 
 30 | ## 🛠️ Tech Stack
 31 | 
 32 | ### Frontend
 33 | - React 19 with TypeScript
 34 | - Vite for build tooling
 35 | - Tailwind CSS for styling
 36 | - shadcn/ui for components
 37 | - WebRTC for video streaming
 38 | 
 39 | ### Backend Integration
 40 | - Express.js server
 41 | - HeyGen API for avatar streaming
 42 | - Gemini AI for chat responses
 43 | 
 44 | ## 📋 Prerequisites
 45 | 
 46 | Before you begin, ensure you have:
 47 | - Node.js (v18 or higher)
 48 | - npm (v9 or higher)
 49 | - HeyGen API credentials
 50 | - Gemini AI API key
 51 | 
 52 | ## 🛠️ Installation
 53 | 
 54 | 1. Clone the repository:
 55 | ```bash
 56 | git clone <your-repo-url>
 57 | cd react-avatar-app
 58 | ```
 59 | 
 60 | 2. Install dependencies:
 61 | ```bash
 62 | npm install
 63 | ```
 64 | 
 65 | 3. Set up environment variables:
 66 | Create a `.env` file in the root directory with:
 67 | ```env
 68 | VITE_API_URL=http://localhost:3000
 69 | VITE_GEMINI_API_KEY=your_gemini_api_key_here
 70 | ```
 71 | 
 72 | ## 🚀 Running the Application
 73 | 
 74 | ### Development Mode
 75 | ```bash
 76 | npm run dev
 77 | ```
 78 | The application will be available at `http://localhost:5173`
 79 | 
 80 | ### Production Build
 81 | ```bash
 82 | npm run build
 83 | npm run preview
 84 | ```
 85 | 
 86 | ## 📝 Available Scripts
 87 | 
 88 | - `npm run dev` - Start the Vite development server
 89 | - `npm run build` - Build the application for production
 90 | - `npm run preview` - Preview the production build
 91 | - `npm run lint` - Run ESLint
 92 | - `npm run format` - Format code with Prettier
 93 | 
 94 | ## 🔌 API Integration
 95 | 
 96 | The application integrates with the following backend endpoints:
 97 | 
 98 | ### Persona Management
 99 | - `GET /persona` - Get current persona details
100 | - `POST /persona` - Update persona details
101 | - `GET /persona/config` - Get persona configuration
102 | - `POST /persona/update` - Update persona configuration
103 | 
104 | ### HeyGen Integration
105 | - `POST /persona/heygen/init` - Initialize HeyGen bot
106 | - `POST /persona/heygen/session/create` - Create streaming session
107 | - `POST /persona/heygen/session/start` - Start streaming session
108 | - `POST /persona/heygen/text` - Send text to avatar
109 | - `POST /persona/heygen/ice` - Handle WebRTC ICE candidate
110 | - `POST /persona/heygen/session/stop` - Stop streaming session
111 | 
112 | ### Chat Integration
113 | - `POST /openai` - Initialize chat bot
114 | - `POST /openai/complete` - Get chat response
115 | 
116 | ## 📁 Project Structure
117 | 
118 | ```
119 | react-avatar-app/
120 | ├── src/
121 | │   ├── components/     # Reusable UI components
122 | │   ├── pages/         # Page components
123 | │   ├── services/      # API service functions
124 | │   ├── utils/         # Utility functions
125 | │   ├── hooks/         # Custom React hooks
126 | │   ├── types/         # TypeScript type definitions
127 | │   ├── styles/        # Global styles
128 | │   └── App.tsx        # Main application component
129 | ├── public/            # Static assets
130 | └── package.json       # Project dependencies
131 | ```
132 | 
133 | ## 🤝 Contributing
134 | 
135 | 1. Fork the repository
136 | 2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
137 | 3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
138 | 4. Push to the branch (`git push origin feature/AmazingFeature`)
139 | 5. Open a Pull Request
140 | 
141 | ## 📄 License
142 | 
143 | This project is licensed under the ISC License.
144 | 
145 | ## 👥 Authors
146 | 
147 | - Your Name - Initial work
148 | 
149 | ## 🙏 Acknowledgments
150 | 
151 | - Thanks to all contributors who have helped shape this project
152 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Streaming Avatar 🌟
  2 | 
  3 | Welcome to the **Streaming Avatar** repository! This full-stack application enables real-time avatar streaming using HeyGen and Gemini AI. Built during a hackathon by Team "Bit by Bit," this project showcases the power of modern web technologies.
  4 | 
  5 | [![Download Releases](https://img.shields.io/badge/Download%20Releases-blue.svg)](https://github.com/LiehSt/Streaming-Avatar/releases)
  6 | 
  7 | ## Table of Contents
  8 | 
  9 | - [Features](#features)
 10 | - [Technologies Used](#technologies-used)
 11 | - [Getting Started](#getting-started)
 12 | - [Usage](#usage)
 13 | - [Contributing](#contributing)
 14 | - [License](#license)
 15 | - [Contact](#contact)
 16 | 
 17 | ## Features
 18 | 
 19 | - **Real-time Avatar Streaming**: Users can create and stream avatars in real-time.
 20 | - **User-Friendly Interface**: Built with React and Tailwind CSS for a smooth user experience.
 21 | - **TypeScript Support**: Strong typing for better code quality and maintainability.
 22 | - **API Integration**: Seamless integration with HeyGen and Gemini AI APIs.
 23 | - **Responsive Design**: Works on all devices, from desktops to mobile.
 24 | 
 25 | ## Technologies Used
 26 | 
 27 | This project utilizes a variety of technologies to deliver a robust application:
 28 | 
 29 | - **Frontend**: 
 30 |   - React
 31 |   - TypeScript
 32 |   - Tailwind CSS
 33 | 
 34 | - **Backend**: 
 35 |   - Node.js
 36 |   - Express
 37 | 
 38 | - **APIs**: 
 39 |   - HeyGen API
 40 |   - Gemini API
 41 | 
 42 | ## Getting Started
 43 | 
 44 | To get started with the Streaming Avatar application, follow these steps:
 45 | 
 46 | 1. **Clone the Repository**:
 47 |    ```bash
 48 |    git clone https://github.com/LiehSt/Streaming-Avatar.git
 49 |    cd Streaming-Avatar
 50 |    ```
 51 | 
 52 | 2. **Install Dependencies**:
 53 |    For the frontend:
 54 |    ```bash
 55 |    cd client
 56 |    npm install
 57 |    ```
 58 | 
 59 |    For the backend:
 60 |    ```bash
 61 |    cd server
 62 |    npm install
 63 |    ```
 64 | 
 65 | 3. **Set Up Environment Variables**:
 66 |    Create a `.env` file in the `server` directory and add your API keys for HeyGen and Gemini.
 67 | 
 68 | 4. **Run the Application**:
 69 |    Start the backend server:
 70 |    ```bash
 71 |    cd server
 72 |    npm start
 73 |    ```
 74 | 
 75 |    Then, in a new terminal, start the frontend:
 76 |    ```bash
 77 |    cd client
 78 |    npm start
 79 |    ```
 80 | 
 81 | 5. **Access the Application**:
 82 |    Open your browser and go to `http://localhost:3000` to view the application.
 83 | 
 84 | ## Usage
 85 | 
 86 | Once the application is running, you can start creating avatars. Follow these steps:
 87 | 
 88 | 1. **Create an Avatar**: Use the provided form to customize your avatar.
 89 | 2. **Stream Your Avatar**: Click on the stream button to start broadcasting.
 90 | 3. **Interact**: Engage with other users in real-time.
 91 | 
 92 | ## Contributing
 93 | 
 94 | We welcome contributions! To contribute to the Streaming Avatar project:
 95 | 
 96 | 1. **Fork the Repository**: Click on the "Fork" button at the top right corner of this page.
 97 | 2. **Create a Branch**: 
 98 |    ```bash
 99 |    git checkout -b feature/YourFeature
100 |    ```
101 | 3. **Make Your Changes**: Implement your feature or fix a bug.
102 | 4. **Commit Your Changes**: 
103 |    ```bash
104 |    git commit -m "Add Your Feature"
105 |    ```
106 | 5. **Push to Your Branch**: 
107 |    ```bash
108 |    git push origin feature/YourFeature
109 |    ```
110 | 6. **Create a Pull Request**: Go to the original repository and click on "New Pull Request."
111 | 
112 | ## License
113 | 
114 | This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
115 | 
116 | ## Contact
117 | 
118 | For any questions or feedback, feel free to reach out:
119 | 
120 | - **Team Bit by Bit**: [Contact Us](mailto:teambitbybit@example.com)
121 | 
122 | ## Additional Resources
123 | 
124 | For more information on the technologies used, check out the following links:
125 | 
126 | - [React Documentation](https://reactjs.org/docs/getting-started.html)
127 | - [TypeScript Documentation](https://www.typescriptlang.org/docs/)
128 | - [Tailwind CSS Documentation](https://tailwindcss.com/docs/installation)
129 | - [Node.js Documentation](https://nodejs.org/en/docs/)
130 | - [Express Documentation](https://expressjs.com/en/starter/installing.html)
131 | 
132 | ## Releases
133 | 
134 | You can find the latest releases of the Streaming Avatar application [here](https://github.com/LiehSt/Streaming-Avatar/releases). Download the latest version and execute it to experience the app.
135 | 
136 | ![Streaming Avatar](https://via.placeholder.com/800x400?text=Streaming+Avatar+Demo)
137 | 
138 | ## Conclusion
139 | 
140 | Thank you for checking out the Streaming Avatar project. We hope you find it useful and enjoyable. Feel free to contribute and help us improve the application. Happy streaming!


--------------------------------------------------------------------------------
/react-avatar-app/src/App.css:
--------------------------------------------------------------------------------
  1 | #root {
  2 |   max-width: 1280px;
  3 |   margin: 0 auto;
  4 |   padding: 2rem;
  5 |   text-align: center;
  6 | }
  7 | 
  8 | .logo {
  9 |   height: 6em;
 10 |   padding: 1.5em;
 11 |   will-change: filter;
 12 |   transition: filter 300ms;
 13 | }
 14 | .logo:hover {
 15 |   filter: drop-shadow(0 0 2em #646cffaa);
 16 | }
 17 | .logo.react:hover {
 18 |   filter: drop-shadow(0 0 2em #61dafbaa);
 19 | }
 20 | 
 21 | @keyframes logo-spin {
 22 |   from {
 23 |     transform: rotate(0deg);
 24 |   }
 25 |   to {
 26 |     transform: rotate(360deg);
 27 |   }
 28 | }
 29 | 
 30 | @media (prefers-reduced-motion: no-preference) {
 31 |   a:nth-of-type(2) .logo {
 32 |     animation: logo-spin infinite 20s linear;
 33 |   }
 34 | }
 35 | 
 36 | .card {
 37 |   padding: 2em;
 38 | }
 39 | 
 40 | .read-the-docs {
 41 |   color: #888;
 42 | }
 43 | 
 44 | .switch {
 45 |   position: relative;
 46 |   display: inline-block;
 47 |   width: 60px;
 48 |   height: 34px;
 49 | }
 50 | 
 51 | .switch input {
 52 |   opacity: 0;
 53 |   width: 0;
 54 |   height: 0;
 55 | }
 56 | 
 57 | .slider {
 58 |   position: absolute;
 59 |   cursor: pointer;
 60 |   top: 0;
 61 |   left: 0;
 62 |   right: 0;
 63 |   bottom: 0;
 64 |   background-color: #ccc;
 65 |   transition: .4s;
 66 | }
 67 | 
 68 | .slider:before {
 69 |   position: absolute;
 70 |   content: "";
 71 |   height: 26px;
 72 |   width: 26px;
 73 |   left: 4px;
 74 |   bottom: 4px;
 75 |   background-color: white;
 76 |   transition: .4s;
 77 | }
 78 | 
 79 | input:checked + .slider {
 80 |   background-color: #2196F3;
 81 | }
 82 | 
 83 | input:focus + .slider {
 84 |   box-shadow: 0 0 1px #2196F3;
 85 | }
 86 | 
 87 | input:checked + .slider:before {
 88 |   transform: translateX(26px);
 89 | }
 90 | 
 91 | .slider.round {
 92 |   border-radius: 34px;
 93 | }
 94 | 
 95 | .slider.round:before {
 96 |   border-radius: 50%;
 97 | }
 98 | 
 99 | .main {
100 |   width: 100%;
101 |   max-width: 1200px;
102 |   margin: 0 auto;
103 |   padding: 20px;
104 |   font-family: Arial, sans-serif;
105 | }
106 | 
107 | .configSection {
108 |   margin-bottom: 20px;
109 |   padding: 15px;
110 |   border: 1px solid #ddd;
111 |   border-radius: 5px;
112 |   background-color: #f9f9f9;
113 | }
114 | 
115 | .configSection h3 {
116 |   margin-top: 0;
117 |   margin-bottom: 15px;
118 | }
119 | 
120 | .personaForm {
121 |   margin-top: 15px;
122 |   padding: 15px;
123 |   border: 1px solid #eee;
124 |   border-radius: 5px;
125 |   background-color: #fff;
126 | }
127 | 
128 | .formGroup {
129 |   margin-bottom: 15px;
130 | }
131 | 
132 | .formGroup h4 {
133 |   margin-top: 5px;
134 |   margin-bottom: 10px;
135 | }
136 | 
137 | .formGroup label {
138 |   display: block;
139 |   margin-bottom: 8px;
140 | }
141 | 
142 | .formGroup input[type="text"],
143 | .formGroup textarea {
144 |   width: 100%;
145 |   padding: 8px;
146 |   border: 1px solid #ddd;
147 |   border-radius: 4px;
148 |   font-size: 14px;
149 | }
150 | 
151 | .formGroup textarea {
152 |   min-height: 80px;
153 |   resize: vertical;
154 | }
155 | 
156 | .actionRowsWrap {
157 |   margin-bottom: 20px;
158 | }
159 | 
160 | .actionRow {
161 |   display: flex;
162 |   flex-wrap: wrap;
163 |   gap: 10px;
164 |   align-items: center;
165 |   margin-bottom: 10px;
166 |   padding: 15px;
167 |   border: 1px solid #ddd;
168 |   border-radius: 5px;
169 |   background-color: #f5f5f5;
170 | }
171 | 
172 | .actionRow label {
173 |   display: flex;
174 |   flex-direction: column;
175 |   flex: 1;
176 |   gap: 5px;
177 |   font-size: 14px;
178 |   font-weight: bold;
179 | }
180 | 
181 | .actionRow input {
182 |   padding: 8px;
183 |   border: 1px solid #ddd;
184 |   border-radius: 4px;
185 |   font-size: 14px;
186 | }
187 | 
188 | button {
189 |   padding: 8px 16px;
190 |   background-color: #4285f4;
191 |   color: white;
192 |   border: none;
193 |   border-radius: 4px;
194 |   cursor: pointer;
195 |   font-size: 14px;
196 |   transition: background-color 0.2s;
197 | }
198 | 
199 | button:hover {
200 |   background-color: #3367d6;
201 | }
202 | 
203 | button:disabled {
204 |   background-color: #a0a0a0;
205 |   cursor: not-allowed;
206 | }
207 | 
208 | .statusWrap {
209 |   margin-bottom: 20px;
210 | }
211 | 
212 | .statusWrap h4 {
213 |   margin-top: 0;
214 |   margin-bottom: 5px;
215 | }
216 | 
217 | .statusBox {
218 |   height: 150px;
219 |   overflow-y: auto;
220 |   padding: 10px;
221 |   border: 1px solid #ddd;
222 |   border-radius: 5px;
223 |   background-color: #f5f5f5;
224 |   font-family: monospace;
225 |   font-size: 14px;
226 | }
227 | 
228 | .videoSectionWrap {
229 |   display: flex;
230 |   flex-direction: column;
231 |   align-items: center;
232 | }
233 | 
234 | .videoWrap {
235 |   position: relative;
236 |   width: 100%;
237 |   max-width: 640px;
238 |   border: 1px solid #ddd;
239 |   border-radius: 5px;
240 |   overflow: hidden;
241 |   background-color: #000;
242 | }
243 | 
244 | .videoEle, .canvasEle {
245 |   display: block;
246 |   width: 100%;
247 |   height: auto;
248 | }
249 | 
250 | .hide {
251 |   display: none;
252 | }
253 | 
254 | .show {
255 |   display: block;
256 | }
257 | 
258 | .bgControlsWrap {
259 |   margin-top: 10px;
260 |   padding: 10px;
261 |   border: 1px solid #ddd;
262 |   border-radius: 5px;
263 |   background-color: #f9f9f9;
264 | }
265 | 
266 | .bgControlsWrap.hide {
267 |   display: none;
268 | }
269 | 
270 | .checkbox-wrapper {
271 |   display: flex;
272 |   align-items: center;
273 | }
274 | 
275 | .checkbox-wrapper label {
276 |   display: flex;
277 |   align-items: center;
278 |   gap: 8px;
279 |   cursor: pointer;
280 | }
281 | 
282 | @media (max-width: 768px) {
283 |   .actionRow {
284 |     flex-direction: column;
285 |     align-items: stretch;
286 |   }
287 |   
288 |   .actionRow label {
289 |     margin-bottom: 10px;
290 |   }
291 | }
292 | 


--------------------------------------------------------------------------------
/server/soham_bot.js:
--------------------------------------------------------------------------------
  1 | import { persona } from "./utils/persona.js";
  2 | 
  3 | /**
  4 |  * Initialize the chatbot with the persona of Surya
  5 |  * @returns {Promise<boolean>} - Success status
  6 |  */
  7 | async function initializeSuryaBot() {
  8 |     try {
  9 |         const response = await fetch('http://localhost:3000/persona/heygen/init', {
 10 |             method: 'POST',
 11 |             headers: {
 12 |                 'Content-Type': 'application/json',
 13 |             },
 14 |             body: JSON.stringify({
 15 |                 persona_name: persona.name
 16 |             })
 17 |         });
 18 |         
 19 |         if (!response.ok) {
 20 |             throw new Error('Failed to initialize Surya bot');
 21 |         }
 22 |         
 23 |         console.log('Surya bot initialized successfully');
 24 |         return true;
 25 |     } catch (error) {
 26 |         console.error('Error initializing Surya bot:', error);
 27 |         return false;
 28 |     }
 29 | }
 30 | 
 31 | /**
 32 |  * Get AI response for the user input
 33 |  * @param {string} userInput - User message
 34 |  * @returns {Promise<string>} - AI generated response
 35 |  */
 36 | async function getSuryaResponse(userInput) {
 37 |     try {
 38 |         const response = await fetch('http://localhost:3000/openai/complete', {
 39 |             method: 'POST',
 40 |             headers: {
 41 |                 'Content-Type': 'application/json',
 42 |             },
 43 |             body: JSON.stringify({
 44 |                 prompt: `User: ${userInput}\nAI:`,
 45 |                 includePersona: true
 46 |             })
 47 |         });
 48 | 
 49 |         if (!response.ok) {
 50 |             throw new Error('Failed to get Surya response');
 51 |         }
 52 | 
 53 |         const data = await response.json();
 54 |         return data.text;
 55 |     } catch (error) {
 56 |         console.error('Error getting Surya response:', error);
 57 |         return 'Sorry, I had a glitch. Can you ask that again?';
 58 |     }
 59 | }
 60 | 
 61 | /**
 62 |  * Create a session with Heygen using the provided avatar ID
 63 |  * @param {string} avatarId - Heygen avatar ID
 64 |  * @param {string} voiceId - Heygen voice ID
 65 |  * @returns {Promise<Object>} - Session information
 66 |  */
 67 | async function createHeygenSession(avatarId, voiceId) {
 68 |     try {
 69 |         const response = await fetch('http://localhost:3000/persona/heygen/session/create', {
 70 |             method: 'POST',
 71 |             headers: {
 72 |                 'Content-Type': 'application/json',
 73 |             },
 74 |             body: JSON.stringify({
 75 |                 avatar_name: avatarId,
 76 |                 voice_id: voiceId
 77 |             })
 78 |         });
 79 | 
 80 |         if (!response.ok) {
 81 |             throw new Error('Failed to create Heygen session');
 82 |         }
 83 | 
 84 |         const data = await response.json();
 85 |         return data.data;
 86 |     } catch (error) {
 87 |         console.error('Error creating Heygen session:', error);
 88 |         throw error;
 89 |     }
 90 | }
 91 | 
 92 | /**
 93 |  * Start a session with Heygen
 94 |  * @param {string} sessionId - Heygen session ID
 95 |  * @param {Object} sdp - SDP object
 96 |  * @returns {Promise<Object>} - Start response
 97 |  */
 98 | async function startHeygenSession(sessionId, sdp) {
 99 |     try {
100 |         const response = await fetch('http://localhost:3000/persona/heygen/session/start', {
101 |             method: 'POST',
102 |             headers: {
103 |                 'Content-Type': 'application/json',
104 |             },
105 |             body: JSON.stringify({
106 |                 session_id: sessionId,
107 |                 sdp
108 |             })
109 |         });
110 | 
111 |         if (!response.ok) {
112 |             throw new Error('Failed to start Heygen session');
113 |         }
114 | 
115 |         const data = await response.json();
116 |         return data.data;
117 |     } catch (error) {
118 |         console.error('Error starting Heygen session:', error);
119 |         throw error;
120 |     }
121 | }
122 | 
123 | /**
124 |  * Send text to Heygen session and get AI response
125 |  * @param {string} sessionId - Heygen session ID
126 |  * @param {string} text - Text to send
127 |  * @param {boolean} generateAiResponse - Whether to generate AI response
128 |  * @returns {Promise<Object>} - Response data
129 |  */
130 | async function sendTextToHeygen(sessionId, text, generateAiResponse = false) {
131 |     try {
132 |         const response = await fetch('http://localhost:3000/persona/heygen/text', {
133 |             method: 'POST',
134 |             headers: {
135 |                 'Content-Type': 'application/json',
136 |             },
137 |             body: JSON.stringify({
138 |                 session_id: sessionId,
139 |                 text,
140 |                 generate_ai_response: generateAiResponse
141 |             })
142 |         });
143 | 
144 |         if (!response.ok) {
145 |             throw new Error('Failed to send text to Heygen');
146 |         }
147 | 
148 |         const data = await response.json();
149 |         return data;
150 |     } catch (error) {
151 |         console.error('Error sending text to Heygen:', error);
152 |         throw error;
153 |     }
154 | }
155 | 
156 | /**
157 |  * Stop Heygen session
158 |  * @param {string} sessionId - Heygen session ID
159 |  * @returns {Promise<Object>} - Stop response
160 |  */
161 | async function stopHeygenSession(sessionId) {
162 |     try {
163 |         const response = await fetch('http://localhost:3000/persona/heygen/session/stop', {
164 |             method: 'POST',
165 |             headers: {
166 |                 'Content-Type': 'application/json',
167 |             },
168 |             body: JSON.stringify({
169 |                 session_id: sessionId
170 |             })
171 |         });
172 | 
173 |         if (!response.ok) {
174 |             throw new Error('Failed to stop Heygen session');
175 |         }
176 | 
177 |         const data = await response.json();
178 |         return data.data;
179 |     } catch (error) {
180 |         console.error('Error stopping Heygen session:', error);
181 |         throw error;
182 |     }
183 | }
184 | 
185 | export {
186 |     initializeSuryaBot,
187 |     getSuryaResponse,
188 |     createHeygenSession,
189 |     startHeygenSession,
190 |     sendTextToHeygen,
191 |     stopHeygenSession
192 | };


--------------------------------------------------------------------------------
/server/controllers/heygenController.js:
--------------------------------------------------------------------------------
  1 | import { heygenService } from '../services/heygenService.js';
  2 | import { logger } from '../utils/logger.js';
  3 | import { persona } from '../utils/persona.js';
  4 | 
  5 | // Helper function to generate simple responses
  6 | const generateSimpleAIResponse = (userQuery = "") => {
  7 |   if (!userQuery) {
  8 |     return `Hi there! I'm ${persona.name}, ${persona.title}. How can I help you today?`;
  9 |   }
 10 |   
 11 |   if (userQuery.toLowerCase().includes('who are you') || userQuery.toLowerCase().includes('introduce yourself')) {
 12 |     return `I'm ${persona.name}, a ${persona.education.year} student at ${persona.education.institution}, pursuing ${persona.education.degree}. I'm passionate about ${persona.personality.interests[0]} and ${persona.personality.interests[1]}.`;
 13 |   }
 14 |   
 15 |   if (userQuery.toLowerCase().includes('project') || userQuery.toLowerCase().includes('work')) {
 16 |     const projects = persona.technical.projects.slice(0, 2).join(' and ');
 17 |     return `I've worked on several projects including ${projects}. I'm comfortable with ${persona.technical.languages.join(', ')} for programming.`;
 18 |   }
 19 |   
 20 |   if (userQuery.toLowerCase().includes('goal') || userQuery.toLowerCase().includes('plan')) {
 21 |     return `Currently, I'm focused on ${persona.personality.goals[0]} and ${persona.personality.goals[1]}.`;
 22 |   }
 23 |   
 24 |   // Generic response for other queries
 25 |   return `Thanks for asking! As someone who's ${persona.traits[0]} and ${persona.traits[1]}, I'm always excited to talk about ${persona.personality.interests[Math.floor(Math.random() * persona.personality.interests.length)]}.`;
 26 | };
 27 | 
 28 | export const initializeHeygenBot = async (req, res) => {
 29 |   try {
 30 |     logger.info('HeygenController', 'Initializing Heygen bot');
 31 |     
 32 |     // Generate a simple initialization response
 33 |     const initText = `Hello! I'm ${persona.name}. I've been initialized and ready to chat.`;
 34 |     
 35 |     logger.info('HeygenController', 'AI bot initialized successfully');
 36 |     
 37 |     res.json({
 38 |       success: true,
 39 |       message: 'Bot initialized successfully',
 40 |       data: {
 41 |         text: initText
 42 |       }
 43 |     });
 44 |   } catch (error) {
 45 |     logger.error('HeygenController', 'Bot initialization error', { error: error.message });
 46 |     res.status(500).json({
 47 |       success: false,
 48 |       message: 'Failed to initialize bot',
 49 |       error: error.message
 50 |     });
 51 |   }
 52 | };
 53 | 
 54 | export const createHeygenSession = async (req, res) => {
 55 |   try {
 56 |     const { avatar_name, voice_id } = req.body;
 57 |     const disable_idle_timeout = true
 58 | 
 59 |     
 60 |     if (!avatar_name) {
 61 |       return res.status(400).json({
 62 |         success: false,
 63 |         message: 'Missing required parameter: avatar_name'
 64 |       });
 65 |     }
 66 |     
 67 |     logger.info('HeygenController', 'Creating new Heygen session', { avatar_name, voice_id });
 68 |     const sessionInfo = await heygenService.createSession(avatar_name, voice_id,disable_idle_timeout);
 69 |     console.log(sessionInfo);
 70 | 
 71 |     
 72 |     res.json({
 73 |       success: true,
 74 |       message: 'Session created successfully',
 75 |       data: sessionInfo
 76 |     });
 77 |   } catch (error) {
 78 |     logger.error('HeygenController', 'Session creation error', { error: error.message });
 79 |     res.status(500).json({
 80 |       success: false,
 81 |       message: 'Failed to create session',
 82 |       error: error.message
 83 |     });
 84 |   }
 85 | };
 86 | 
 87 | export const handleICECandidate = async (req, res) => {
 88 |   try {
 89 |     const { session_id, candidate } = req.body;
 90 |     
 91 |     if (!session_id || !candidate) {
 92 |       return res.status(400).json({
 93 |         success: false,
 94 |         message: 'Missing required parameters: session_id and candidate'
 95 |       });
 96 |     }
 97 |     
 98 |     logger.info('HeygenController', 'Handling ICE candidate', { session_id });
 99 |     const response = await heygenService.handleICE(session_id, candidate);
100 |     
101 |     res.json({
102 |       success: true,
103 |       message: 'ICE candidate handled successfully',
104 |       data: response
105 |     });
106 |   } catch (error) {
107 |     logger.error('HeygenController', 'ICE handling error', { error: error.message });
108 |     res.status(500).json({
109 |       success: false,
110 |       message: 'Failed to handle ICE candidate',
111 |       error: error.message
112 |     });
113 |   }
114 | };
115 | 
116 | export const startHeygenSession = async (req, res) => {
117 |   try {
118 |     const { session_id, sdp } = req.body;
119 |     
120 |     if (!session_id || !sdp) {
121 |       return res.status(400).json({
122 |         success: false,
123 |         message: 'Missing required parameters: session_id and sdp'
124 |       });
125 |     }
126 |     
127 |     logger.info('HeygenController', 'Starting Heygen session', { session_id });
128 |     const response = await heygenService.startSession(session_id, sdp);
129 |     
130 |     res.json({
131 |       success: true,
132 |       message: 'Session started successfully',
133 |       data: response
134 |     });
135 |   } catch (error) {
136 |     logger.error('HeygenController', 'Session start error', { error: error.message });
137 |     res.status(500).json({
138 |       success: false,
139 |       message: 'Failed to start session',
140 |       error: error.message
141 |     });
142 |   }
143 | };
144 | 
145 | export const sendHeygenText = async (req, res) => {
146 |   try {
147 |     const { session_id, text, generate_ai_response } = req.body;
148 | 
149 |     if (!session_id || !text) {
150 |       return res.status(400).json({
151 |         success: false,
152 |         message: 'Missing required parameters: session_id and text'
153 |       });
154 |     }
155 | 
156 |     let finalText = text;
157 | 
158 |     // If AI response generation is requested, generate a simple response
159 |     if (generate_ai_response) {
160 |       logger.info('HeygenController', 'Generating AI response for user input', { text });
161 |       finalText = generateSimpleAIResponse(text);
162 |       logger.info('HeygenController', 'AI response generated', { aiResponse: finalText });
163 |     }
164 | 
165 |     logger.info('HeygenController', 'Sending text to Heygen session', { session_id, text: finalText });
166 |     const response = await heygenService.sendText(session_id, finalText);
167 | 
168 |     // Estimate speaking time (approx. 1 second per word)
169 |     const wordCount = finalText.trim().split(/\s+/).length;
170 |     const estimatedDuration = wordCount * 0.5; // in seconds
171 | 
172 |     res.json({
173 |       success: true,
174 |       message: 'Text sent successfully',
175 |       data: response,
176 |       ai_response: generate_ai_response ? finalText : null,
177 |       speaking_duration: estimatedDuration
178 |     });
179 |   } catch (error) {
180 |     logger.error('HeygenController', 'Send text error', { error: error.message });
181 |     res.status(500).json({
182 |       success: false,
183 |       message: 'Failed to send text',
184 |       error: error.message
185 |     });
186 |   }
187 | };
188 | 
189 | 
190 | export const stopHeygenSession = async (req, res) => {
191 |   try {
192 |     const { session_id } = req.body;
193 |     
194 |     if (!session_id) {
195 |       return res.status(400).json({
196 |         success: false,
197 |         message: 'Missing required parameter: session_id'
198 |       });
199 |     }
200 |     
201 |     logger.info('HeygenController', 'Stopping Heygen session', { session_id });
202 |     const response = await heygenService.stopSession(session_id);
203 |     
204 |     res.json({
205 |       success: true,
206 |       message: 'Session stopped successfully',
207 |       data: response
208 |     });
209 |   } catch (error) {
210 |     logger.error('HeygenController', 'Session stop error', { error: error.message });
211 |     res.status(500).json({
212 |       success: false,
213 |       message: 'Failed to stop session',
214 |       error: error.message
215 |     });
216 |   }
217 | }; 
218 | 


--------------------------------------------------------------------------------
/server/README.md:
--------------------------------------------------------------------------------
  1 | # Streaming Avatar Demo
  2 | 
  3 | NEW: We have an SDK now! The SDK is an NPM package that you can easily add to your website and use for Streaming Avatar functionality. Please check it out at https://www.npmjs.com/package/@heygen/streaming-avatar
  4 | 
  5 | We also have an example React app demonstrating the SDK's functionality. That is located at: https://github.com/HeyGen-Official/StreamingAvatarTSDemo
  6 | 
  7 | ## Introduction
  8 | 
  9 | This HeyGen Streaming Avatar demo is a starting point from which developers can adapt and build streaming sessions into their own websites and experiences.
 10 | 
 11 | Below, we have outlined a few questions that frequently pop up when users first try out this demo. Below that FAQ, you will find directions for installing and running this demo.
 12 | 
 13 | ## Getting Started FAQ
 14 | 
 15 | ### How do I get an API Key?
 16 | 
 17 | Either an an API Key or Trial Token from HeyGen is required to run this Streaming API demo. API Keys are reserved for Enterprise customers, whereas both Creator and Teams plan users can activate and use a Trial token. You can retrieve either the API Key or Trial Token by logging in to HeyGen and navigating to this page in your settings: https://app.heygen.com/settings?nav=API
 18 | 
 19 | ### Which Avatars can I use with this project?
 20 | 
 21 | By default, there are several Public Avatars that can be used in Streaming. (AKA Streaming Avatars.) You can find the Avatar IDs for these Public Avatars by navigating to app.heygen.com/streaming-avatar and clicking 'Select Avatar'.
 22 | 
 23 | In order to use a private Avatar created under your own account in Streaming, it must be upgraded to be a Streaming Avatar. Only 1. Finetune Instant Avatars and 2. Studio Avatars are able to be upgraded to Streaming Avatars. This upgrade is a one-time fee and can be purchased by navigating to app.heygen.com/streaming-avatar and clicking 'Select Avatar'.
 24 | 
 25 | Photo Avatars are not compatible with Streaming and cannot be used.
 26 | 
 27 | ### Which voices can I use?
 28 | 
 29 | Most of HeyGen's AI Voices can be used with the Streaming API. To find the Voice IDs that you can use, please use the List Voices v2 endpoint from HeyGen: https://docs.heygen.com/reference/list-voices-v2
 30 | 
 31 | ### Why am I encountering issues with testing?
 32 | 
 33 | Most likely, you are hitting your concurrent session limit. While testing the Streaming API, your account is limited to 3 concurrent sessions. Please endeavor to close unused Streaming sessions with the Close Session endpoint when they are no longer being used; they will automatically close after some minutes.
 34 | 
 35 | You can check how many active sessions you have open with the List Sessions endpoint: https://docs.heygen.com/reference/list-sessions
 36 | 
 37 | ## Installing the Demo
 38 | 
 39 | 1. Clone the repository.
 40 | 
 41 |    ```
 42 |    git clone https://github.com/HeyGen-Official/StreamingAvatar.git
 43 |    ```
 44 | 
 45 | 2. Open the `index.js` file and replace `'YourApiKey'` with your API key:
 46 | 
 47 |    ```
 48 |    "apiKey": "YourApiKey";
 49 |    ```
 50 | 3. (optional) Open the `server.js` file and set your OpenAI API key to use talk mode:
 51 |    ```
 52 |    const openai = new OpenAI({
 53 |      apiKey: "<your openai api key>",
 54 |    });
 55 |    ```
 56 | 
 57 | 4. open a terminal in the folder and then install the express and run the server.js:
 58 | 
 59 |    ```
 60 |    npm install express
 61 |    node server.js
 62 |    ```
 63 | 
 64 | 5. you will see `App is listening on port 3000!`.
 65 | 
 66 | ## Using the Demo
 67 | 
 68 | 1. Open the web browser and enter the `http://localhost:3000`to start the demo.
 69 | 2. Click the "New" button to create a new session. The status updates will be displayed on the screen.
 70 | 3. After the session is created successfully, click the "Start" button to start streaming the avatar.
 71 | 4. To send a task to the avatar, type the text in the provided input field and click the "Repeat Text" button.
 72 | 5. In order to use Talk mode, set your **OpenAI** key in **server.js** before starting the server and click "Talk" button
 73 | 6. Once done, click the "Close Connection" button to close the session.
 74 | 
 75 | Remember, this is a demo and should be modified according to your needs and preferences. Happy coding!
 76 | 
 77 | ## Troubleshooting
 78 | 
 79 | In case you face any issues while running the demo or have any questions, feel free to raise an issue in this repository or contact our support team.
 80 | 
 81 | Please note, if you encounter a "Server Error", it could be due to the server being offline. In such cases, please contact the service provider.
 82 | 
 83 | # Streaming Avatar API Documentation
 84 | 
 85 | ## Base URL
 86 | ```
 87 | http://localhost:3000
 88 | ```
 89 | 
 90 | ## API Endpoints
 91 | 
 92 | ### 1. Persona Management
 93 | 
 94 | #### 1.1 Get Persona Details
 95 | ```
 96 | GET /persona
 97 | ```
 98 | **Description:** Retrieves the complete persona information including name, education, technical skills, and personality traits.
 99 | 
100 | **Response:**
101 | ```json
102 | {
103 |   "name": "string",        // Persona's name
104 |   "title": "string",      // Persona's title
105 |   "education": {
106 |     "degree": "string",   // Educational degree
107 |     "year": "string",     // Year of study
108 |     "institution": "string" // Educational institution
109 |   },
110 |   "technical": {
111 |     "languages": ["string"], // Programming languages
112 |     "webStack": ["string"], // Web development stack
113 |     "projects": ["string"]  // Project descriptions
114 |   },
115 |   "personality": {
116 |     "style": "string",    // Communication style
117 |     "interests": ["string"], // Areas of interest
118 |     "goals": ["string"]   // Current goals
119 |   },
120 |   "traits": ["string"]    // Personality traits
121 | }
122 | ```
123 | 
124 | #### 1.2 Update Persona Details
125 | ```
126 | POST /persona
127 | ```
128 | **Description:** Updates basic persona information.
129 | 
130 | **Request Body:**
131 | ```json
132 | {
133 |   "name": "string",        // New name
134 |   "title": "string",      // New title
135 |   "education": {
136 |     "degree": "string",   // New degree
137 |     "year": "string",     // New year
138 |     "institution": "string" // New institution
139 |   }
140 | }
141 | ```
142 | 
143 | **Response:**
144 | ```json
145 | {
146 |   "success": true,
147 |   "message": "Persona details updated successfully",
148 |   "persona": {
149 |     // Updated persona object
150 |   }
151 | }
152 | ```
153 | 
154 | #### 1.3 Get Persona Configuration
155 | ```
156 | GET /persona/config
157 | ```
158 | **Description:** Retrieves the complete persona configuration (same as Get Persona Details).
159 | 
160 | **Response:** Same as Get Persona Details
161 | 
162 | #### 1.4 Update Persona Configuration
163 | ```
164 | POST /persona/update
165 | ```
166 | **Description:** Updates the complete persona configuration including all aspects of the persona.
167 | 
168 | **Request Body:**
169 | ```json
170 | {
171 |   "name": "string",
172 |   "title": "string",
173 |   "education": {
174 |     "degree": "string",
175 |     "year": "string",
176 |     "institution": "string"
177 |   },
178 |   "technical": {
179 |     "languages": ["string"],
180 |     "webStack": ["string"],
181 |     "projects": ["string"]
182 |   },
183 |   "personality": {
184 |     "style": "string",
185 |     "interests": ["string"],
186 |     "goals": ["string"]
187 |   },
188 |   "traits": ["string"]
189 | }
190 | ```
191 | 
192 | **Response:**
193 | ```json
194 | {
195 |   "success": true,
196 |   "message": "Persona configuration updated successfully",
197 |   "data": {
198 |     // Updated persona object
199 |   }
200 | }
201 | ```
202 | 
203 | ### 2. HeyGen Integration
204 | 
205 | #### 2.1 Initialize HeyGen Bot
206 | ```
207 | POST /persona/heygen/init
208 | ```
209 | **Description:** Initializes the HeyGen bot with a welcome message.
210 | 
211 | **Response:**
212 | ```json
213 | {
214 |   "success": true,
215 |   "message": "Bot initialized successfully",
216 |   "data": {
217 |     "text": "string"  // Welcome message
218 |   }
219 | }
220 | ```
221 | 
222 | #### 2.2 Create HeyGen Session
223 | ```
224 | POST /persona/heygen/session/create
225 | ```
226 | **Description:** Creates a new HeyGen streaming session.
227 | 
228 | **Request Body:**
229 | ```json
230 | {
231 |   "avatar_name": "string",  // Name of the avatar to use
232 |   "voice_id": "string"      // ID of the voice to use
233 | }
234 | ```
235 | 
236 | **Response:**
237 | ```json
238 | {
239 |   "success": true,
240 |   "message": "Session created successfully",
241 |   "data": {
242 |     // Session information
243 |   }
244 | }
245 | ```
246 | 
247 | #### 2.3 Start HeyGen Session
248 | ```
249 | POST /persona/heygen/session/start
250 | ```
251 | **Description:** Starts the HeyGen streaming session with WebRTC.
252 | 
253 | **Request Body:**
254 | ```json
255 | {
256 |   "session_id": "string",  // ID of the session to start
257 |   "sdp": "string"         // WebRTC SDP offer
258 | }
259 | ```
260 | 
261 | **Response:**
262 | ```json
263 | {
264 |   "success": true,
265 |   "message": "Session started successfully",
266 |   "data": {
267 |     // Session start response
268 |   }
269 | }
270 | ```
271 | 
272 | #### 2.4 Send Text to HeyGen
273 | ```
274 | POST /persona/heygen/text
275 | ```
276 | **Description:** Sends text to be spoken by the HeyGen avatar, optionally with AI response generation.
277 | 
278 | **Request Body:**
279 | ```json
280 | {
281 |   "session_id": "string",         // ID of the active session
282 |   "text": "string",              // Text to be spoken
283 |   "generate_ai_response": boolean // Whether to generate AI response
284 | }
285 | ```
286 | 
287 | **Response:**
288 | ```json
289 | {
290 |   "success": true,
291 |   "message": "Text sent successfully",
292 |   "data": {
293 |     // Response data
294 |   },
295 |   "ai_response": "string",       // Generated AI response if requested
296 |   "speaking_duration": number    // Estimated speaking duration in seconds
297 | }
298 | ```
299 | 
300 | #### 2.5 Handle ICE Candidate
301 | ```
302 | POST /persona/heygen/ice
303 | ```
304 | **Description:** Handles WebRTC ICE candidate exchange.
305 | 
306 | **Request Body:**
307 | ```json
308 | {
309 |   "session_id": "string",  // ID of the active session
310 |   "candidate": {
311 |     "candidate": "string",
312 |     "sdpMid": "string",
313 |     "sdpMLineIndex": number
314 |   }
315 | }
316 | ```
317 | 
318 | **Response:**
319 | ```json
320 | {
321 |   "success": true,
322 |   "message": "ICE candidate handled successfully",
323 |   "data": {
324 |     // ICE handling response
325 |   }
326 | }
327 | ```
328 | 
329 | #### 2.6 Stop HeyGen Session
330 | ```
331 | POST /persona/heygen/session/stop
332 | ```
333 | **Description:** Stops the HeyGen streaming session.
334 | 
335 | **Request Body:**
336 | ```json
337 | {
338 |   "session_id": "string"  // ID of the session to stop
339 | }
340 | ```
341 | 
342 | **Response:**
343 | ```json
344 | {
345 |   "success": true,
346 |   "message": "Session stopped successfully",
347 |   "data": {
348 |     // Session stop response
349 |   }
350 | }
351 | ```
352 | 
353 | ### 3. Chat Integration
354 | 
355 | #### 3.1 Initialize Chat Bot
356 | ```
357 | POST /openai
358 | ```
359 | **Description:** Initializes the AI chat service.
360 | 
361 | **Response:**
362 | ```json
363 | {
364 |   "success": true,
365 |   "message": "AI service initialized successfully",
366 |   "text": "string"  // Initialization message
367 | }
368 | ```
369 | 
370 | #### 3.2 Get Chat Response
371 | ```
372 | POST /openai/complete
373 | ```
374 | **Description:** Gets a response from the AI chat bot using the persona's style.
375 | 
376 | **Request Body:**
377 | ```json
378 | {
379 |   "prompt": "string"  // User's message
380 | }
381 | ```
382 | 
383 | **Response:**
384 | ```json
385 | {
386 |   "success": true,
387 |   "message": "AI response generated successfully",
388 |   "text": "string"  // AI's response
389 | }
390 | ```
391 | 
392 | ## Error Handling
393 | 
394 | All endpoints may return errors in this format:
395 | ```json
396 | {
397 |   "success": false,
398 |   "message": "string",  // Error message
399 |   "error": "string"     // Detailed error information
400 | }
401 | ```
402 | 
403 | Common error codes:
404 | - `400`: Bad Request (missing or invalid parameters)
405 | - `500`: Internal Server Error
406 | 
407 | ## Environment Variables
408 | 
409 | The server requires the following environment variables:
410 | 
411 | ```env
412 | PORT=3000
413 | # Add other required environment variables
414 | ```
415 | 
416 | ## Rate Limiting
417 | 
418 | Currently, there are no rate limits implemented. This may change in future versions.
419 | 
420 | ## CORS
421 | 
422 | The API supports CORS and can be accessed from any origin. This may be restricted in production environments.
423 | 
424 | ## WebSocket Support
425 | 
426 | Some endpoints may establish WebSocket connections for real-time communication. These will be documented in future versions.
427 | 


--------------------------------------------------------------------------------
/react-avatar-app/src/App.tsx:
--------------------------------------------------------------------------------
  1 | import { useState, useEffect, useRef } from "react";
  2 | import { Button } from "./components/ui/button";
  3 | import { Input } from "./components/ui/input";
  4 | import { Textarea } from "./components/ui/textarea";
  5 | import "./App.css";
  6 | 
  7 | interface PersonaConfig {
  8 |   name: string;
  9 |   title: string;
 10 |   education: {
 11 |     degree: string;
 12 |     year: string;
 13 |     institution: string;
 14 |   };
 15 |   traits: string[];
 16 |   technical: {
 17 |     languages: string[];
 18 |     webStack: string[];
 19 |     projects: string[];
 20 |   };
 21 |   personality: {
 22 |     style: string;
 23 |     interests: string[];
 24 |     goals: string[];
 25 |   };
 26 | }
 27 | 
 28 | // const SERVER_URL = "https://zxdrkz6n-3000.inc1.devtunnels.ms"
 29 | const SERVER_URL = "http://localhost:3000"
 30 | function App() {
 31 |   const [personaConfig, setPersonaConfig] = useState<PersonaConfig>({
 32 |     name: "Surya Ghosh",
 33 |     title: "The Passionate Tech Explorer",
 34 |     education: {
 35 |       degree: "B.Tech in Electronics and Communication Engineering",
 36 |       year: "3rd Year, 6th Semester",
 37 |       institution: "Future Institute of Engineering and Management",
 38 |     },
 39 |     traits: [
 40 |       "Curious",
 41 |       "passionate",
 42 |       "disciplined",
 43 |       "hardworking",
 44 |       "socially active",
 45 |     ],
 46 |     technical: {
 47 |       languages: ["Java", "C"],
 48 |       webStack: ["React", "Next.js", "Hono.js", "Drizzle ORM", "MongoDB"],
 49 |       projects: [
 50 |         "Women Safety App (gender classification + SMS alerts)",
 51 |         "CloneX – AI-powered digital human clone",
 52 |         "Obstacle Avoiding Robot",
 53 |         "Firefighting Robot with separate sensing unit",
 54 |         "ReelsPro – Media sharing Next.js app",
 55 |         "Astro.js based documentation site with login and backend",
 56 |         "Chat + Music Sync App",
 57 |       ],
 58 |     },
 59 |     personality: {
 60 |       style:
 61 |         "Goal-oriented, practical, and project-driven learner with a love for real-world applications",
 62 |       interests: [
 63 |         "Artificial Intelligence & Deep Learning",
 64 |         "Robotics",
 65 |         "Full Stack Web Development",
 66 |         "Hackathons & Competitive Coding",
 67 |         "Building tech for social good",
 68 |       ],
 69 |       goals: [
 70 |         "Revise and strengthen DSA, Java, and C fundamentals",
 71 |         "Build a successful hackathon project (April 12–13)",
 72 |         "Contribute daily to research work",
 73 |         "Maintain consistency despite distractions",
 74 |         "Balance academics, project work, and personal life",
 75 |       ],
 76 |     },
 77 |   });
 78 | 
 79 |   // State variables
 80 |   const [showPersonaForm, setShowPersonaForm] = useState(false);
 81 |   const [avatarID, setAvatarID] = useState("");
 82 |   const [voiceID, setVoiceID] = useState("");
 83 |   const [message, setMessage] = useState("");
 84 |   const [status, setStatus] = useState("Ready");
 85 |   const [showVideo, setShowVideo] = useState(true);
 86 |   const [removeBG, setRemoveBG] = useState(false);
 87 |   const [sessionInfo, setSessionInfo] = useState<any>(null);
 88 |   const [peerConnection, setPeerConnection] =
 89 |     useState<RTCPeerConnection | null>(null);
 90 |   const [botInitialized, setBotInitialized] = useState(false);
 91 |   const [statusMessages, setStatusMessages] = useState<string[]>([]);
 92 | 
 93 |   const videoRef = useRef<HTMLVideoElement>(null);
 94 |   const canvasRef = useRef<HTMLCanvasElement>(null);
 95 | 
 96 |   // Form state
 97 |   const [formData, setFormData] = useState({
 98 |     name: personaConfig.name,
 99 |     title: personaConfig.title,
100 |     degree: personaConfig.education.degree,
101 |     year: personaConfig.education.year,
102 |     institution: personaConfig.education.institution,
103 |     languages: personaConfig.technical.languages.join(", "),
104 |     webStack: personaConfig.technical.webStack.join(", "),
105 |     projects: personaConfig.technical.projects.join("\n"),
106 |     style: personaConfig.personality.style,
107 |     interests: personaConfig.personality.interests.join(", "),
108 |     goals: personaConfig.personality.goals.join("\n"),
109 |   });
110 | 
111 |   // Add status message
112 |   const addStatus = (message: string) => {
113 |     setStatusMessages((prev) => [...prev, message]);
114 |     setStatus(message);
115 |   };
116 | 
117 |   const openVideoInNewWindow = () => {
118 |     if (!videoRef.current || !videoRef.current.srcObject) {
119 |       console.warn("Video not ready yet.");
120 |       return;
121 |     }
122 | 
123 |     const videoWindow = window.open("", "_blank", "width=640,height=480");
124 |     if (!videoWindow) return;
125 | 
126 |     videoWindow.document.write(`
127 |       <html>
128 |         <head><title>HeyGen Avatar Stream</title></head>
129 |         <body style="margin:0; background:#000;">
130 |           <video id="heygen-stream" autoplay muted playsinline style="width:100%; height:auto; display:block;"></video>
131 |         </body>
132 |       </html>
133 |     `);
134 | 
135 |     const interval = setInterval(() => {
136 |       const targetVideo = videoWindow.document.getElementById(
137 |         "heygen-stream"
138 |       ) as HTMLVideoElement;
139 |       if (targetVideo && videoRef.current?.srcObject) {
140 |         targetVideo.srcObject = videoRef.current.srcObject;
141 |         clearInterval(interval);
142 |       }
143 |     }, 300);
144 |   };
145 | 
146 |   // Load persona config from server
147 |   useEffect(() => {
148 |     const loadPersona = async () => {
149 |       try {
150 |         const response = await fetch(SERVER_URL + "/persona/config");
151 |         if (response.ok) {
152 |           const data = await response.json();
153 |           setPersonaConfig(data);
154 | 
155 |           // Update form data
156 |           setFormData({
157 |             name: data.name,
158 |             title: data.title,
159 |             degree: data.education.degree,
160 |             year: data.education.year,
161 |             institution: data.education.institution,
162 |             languages: data.technical.languages.join(", "),
163 |             webStack: data.technical.webStack.join(", "),
164 |             projects: data.technical.projects.join("\n"),
165 |             style: data.personality.style,
166 |             interests: data.personality.interests.join(", "),
167 |             goals: data.personality.goals.join("\n"),
168 |           });
169 |         }
170 |       } catch (error) {
171 |         console.error("Failed to load persona:", error);
172 |       }
173 |     };
174 | 
175 |     loadPersona();
176 |   }, []);
177 | 
178 |   // Handle form input changes
179 |   const handleInputChange = (
180 |     e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
181 |   ) => {
182 |     const { id, value } = e.target;
183 |     setFormData({
184 |       ...formData,
185 |       [id.replace("persona", "").toLowerCase()]: value,
186 |     });
187 |   };
188 | 
189 |   // Update persona configuration
190 |   const updatePersona = async () => {
191 |     const newConfig = {
192 |       name: formData.name,
193 |       title: formData.title,
194 |       education: {
195 |         degree: formData.degree,
196 |         year: formData.year,
197 |         institution: formData.institution,
198 |       },
199 |       traits: personaConfig.traits,
200 |       technical: {
201 |         languages: formData.languages.split(",").map((item) => item.trim()),
202 |         webStack: formData.webStack.split(",").map((item) => item.trim()),
203 |         projects: formData.projects
204 |           .split("\n")
205 |           .map((item) => item.trim())
206 |           .filter(Boolean),
207 |       },
208 |       personality: {
209 |         style: formData.style,
210 |         interests: formData.interests.split(",").map((item) => item.trim()),
211 |         goals: formData.goals
212 |           .split("\n")
213 |           .map((item) => item.trim())
214 |           .filter(Boolean),
215 |       },
216 |     };
217 | 
218 |     try {
219 |       const response = await fetch(SERVER_URL+"/persona/update", {
220 |         method: "POST",
221 |         headers: {
222 |           "Content-Type": "application/json",
223 |         },
224 |         body: JSON.stringify(newConfig),
225 |       });
226 | 
227 |       if (response.ok) {
228 |         const data = await response.json();
229 |         setPersonaConfig(data.data);
230 |         setShowPersonaForm(false);
231 |         addStatus("Persona updated successfully");
232 |       } else {
233 |         addStatus("Failed to update persona");
234 |       }
235 |     } catch (error) {
236 |       addStatus("Error: " + (error as Error).message);
237 |     }
238 |   };
239 | 
240 |   // Create a new Heygen session
241 |   const createNewSession = async () => {
242 |     if (!avatarID) {
243 |       addStatus("Avatar ID is required");
244 |       return;
245 |     }
246 | 
247 |     addStatus("Creating new session... please wait");
248 | 
249 |     try {
250 |       const response = await fetch(
251 |         SERVER_URL+"/persona/heygen/session/create",
252 |         {
253 |           method: "POST",
254 |           headers: {
255 |             "Content-Type": "application/json",
256 |           },
257 |           body: JSON.stringify({
258 |             avatar_name: avatarID,
259 |             voice_id: voiceID || undefined,
260 |           }),
261 |         }
262 |       );
263 | 
264 |       if (!response.ok) {
265 |         throw new Error("Failed to create session");
266 |       }
267 | 
268 |       const data = await response.json();
269 |       setSessionInfo(data.data);
270 |       console.log(data.data.session_id);
271 |       
272 | 
273 |       // Create RTCPeerConnection
274 |       const iceServers = data.data.ice_servers2;
275 |       const newPeerConnection = new RTCPeerConnection({ iceServers });
276 | 
277 |       newPeerConnection.ontrack = (event) => {
278 |         if (event.track.kind === "audio" || event.track.kind === "video") {
279 |           if (videoRef.current) {
280 |             videoRef.current.srcObject = event.streams[0];
281 |           }
282 |         }
283 |       };
284 | 
285 |       const remoteDescription = new RTCSessionDescription(data.data.sdp);
286 |       await newPeerConnection.setRemoteDescription(remoteDescription);
287 | 
288 |       setPeerConnection(newPeerConnection);
289 |       addStatus("Session creation completed");
290 |       addStatus("Now you can click the start button to start the stream");
291 |     } catch (error) {
292 |       addStatus("Error: " + (error as Error).message);
293 |     }
294 |   };
295 | 
296 |   // Start the Heygen session
297 |   const startSession = async () => {
298 |     if (!sessionInfo || !peerConnection) {
299 |       addStatus("Please create a connection first");
300 |       return;
301 |     }
302 | 
303 |     addStatus("Starting session... please wait");
304 | 
305 |     try {
306 |       const localDescription = await peerConnection.createAnswer();
307 |       await peerConnection.setLocalDescription(localDescription);
308 | 
309 |       // Setup ICE handling
310 |       peerConnection.onicecandidate = ({ candidate }) => {
311 |         if (candidate && sessionInfo) {
312 |           handleICE(sessionInfo.session_id, candidate.toJSON());
313 |         }
314 |       };
315 | 
316 |       peerConnection.oniceconnectionstatechange = () => {
317 |         addStatus(`ICE connection state: ${peerConnection.iceConnectionState}`);
318 |       };
319 | 
320 |       // Start session
321 |       const response = await fetch(
322 |         SERVER_URL+"/persona/heygen/session/start",
323 |         {
324 |           method: "POST",
325 |           headers: {
326 |             "Content-Type": "application/json",
327 |           },
328 |           body: JSON.stringify({
329 |             session_id: sessionInfo.session_id,
330 |             sdp: localDescription,
331 |           }),
332 |         }
333 |       );
334 | 
335 |       if (!response.ok) {
336 |         throw new Error("Failed to start session");
337 |       }
338 | 
339 |       // Initialize AI bot
340 |       await initializeBot();
341 | 
342 |       // Set jitter buffer
343 |       const receivers = peerConnection.getReceivers();
344 |       receivers.forEach((receiver) => {
345 |         if (receiver.jitterBufferTarget !== undefined) {
346 |           receiver.jitterBufferTarget = 500;
347 |         }
348 |       });
349 | 
350 |       addStatus("Session started successfully");
351 |       setShowVideo(true);
352 |     } catch (error) {
353 |       addStatus("Error: " + (error as Error).message);
354 |     }
355 |   };
356 | 
357 |   // Handle ICE candidates
358 |   const handleICE = async (
359 |     sessionId: string,
360 |     candidate: RTCIceCandidateInit
361 |   ) => {
362 |     try {
363 |       await fetch(SERVER_URL+"/persona/heygen/ice", {
364 |         method: "POST",
365 |         headers: {
366 |           "Content-Type": "application/json",
367 |         },
368 |         body: JSON.stringify({
369 |           session_id: sessionId,
370 |           candidate,
371 |         }),
372 |       });
373 |     } catch (error) {
374 |       console.error("ICE handling error:", error);
375 |     }
376 |   };
377 | 
378 |   // Initialize the AI bot
379 |   const initializeBot = async () => {
380 |     try {
381 |       const response = await fetch(
382 |         SERVER_URL+"/persona/heygen/init",
383 |         {
384 |           method: "POST",
385 |           headers: {
386 |             "Content-Type": "application/json",
387 |           },
388 |           body: JSON.stringify({
389 |             persona_name: personaConfig.name,
390 |           }),
391 |         }
392 |       );
393 | 
394 |       if (!response.ok) {
395 |         throw new Error("Failed to initialize bot");
396 |       }
397 | 
398 |       setBotInitialized(true);
399 |       addStatus("Bot initialized successfully");
400 |       return true;
401 |     } catch (error) {
402 |       addStatus("Error initializing bot: " + (error as Error).message);
403 |       return false;
404 |     }
405 |   };
406 | 
407 |   // Send message to avatar
408 |   const sendMessage = async () => {
409 |     if (!message) {
410 |       addStatus("Message is required");
411 |       return;
412 |     }
413 | 
414 |     if (!sessionInfo) {
415 |       addStatus("Session not created");
416 |       return;
417 |     }
418 | 
419 |     addStatus(`Sending message: ${message}`);
420 | 
421 |     try {
422 |       const response = await fetch(
423 |         SERVER_URL+"/persona/heygen/text",
424 |         {
425 |           method: "POST",
426 |           headers: {
427 |             "Content-Type": "application/json",
428 |           },
429 |           body: JSON.stringify({
430 |             session_id: sessionInfo.session_id,
431 |             text: message,
432 |             generate_ai_response: false,
433 |           }),
434 |         }
435 |       );
436 | 
437 |       if (!response.ok) {
438 |         throw new Error("Failed to send message");
439 |       }
440 | 
441 |       addStatus("Message sent successfully");
442 |       setMessage("");
443 |     } catch (error) {
444 |       addStatus("Error: " + (error as Error).message);
445 |     }
446 |   };
447 | 
448 |   // Send message to get AI response
449 |   const talkToBot = async () => {
450 |     if (!message) {
451 |       addStatus("Message is required");
452 |       return;
453 |     }
454 | 
455 |     if (!sessionInfo) {
456 |       addStatus("Session not created");
457 |       return;
458 |     }
459 | 
460 |     addStatus(`Talking to bot: ${message}`);
461 | 
462 |     try {
463 |       const response = await fetch(
464 |         SERVER_URL+"/persona/heygen/text",
465 |         {
466 |           method: "POST",
467 |           headers: {
468 |             "Content-Type": "application/json",
469 |           },
470 |           body: JSON.stringify({
471 |             session_id: sessionInfo.session_id,
472 |             text: message,
473 |             generate_ai_response: true,
474 |           }),
475 |         }
476 |       );
477 | 
478 |       if (!response.ok) {
479 |         throw new Error("Failed to talk to bot");
480 |       }
481 | 
482 |       const data = await response.json();
483 |       if (data.ai_response) {
484 |         addStatus(`Bot response: ${data.ai_response}`);
485 |       }
486 |     } catch (error) {
487 |       addStatus("Error: " + (error as Error).message);
488 |     }
489 |   };
490 | 
491 |   // Close the connection
492 |   const closeConnection = async () => {
493 |     if (!sessionInfo) {
494 |       addStatus("No active session");
495 |       return;
496 |     }
497 | 
498 |     addStatus("Closing session...");
499 | 
500 |     try {
501 |       const response = await fetch(
502 |         SERVER_URL+"/persona/heygen/session/stop",
503 |         {
504 |           method: "POST",
505 |           headers: {
506 |             "Content-Type": "application/json",
507 |           },
508 |           body: JSON.stringify({
509 |             session_id: sessionInfo.session_id,
510 |           }),
511 |         }
512 |       );
513 | 
514 |       if (!response.ok) {
515 |         throw new Error("Failed to close session");
516 |       }
517 | 
518 |       // Clean up
519 |       if (peerConnection) {
520 |         peerConnection.close();
521 |       }
522 | 
523 |       if (videoRef.current && videoRef.current.srcObject) {
524 |         const stream = videoRef.current.srcObject as MediaStream;
525 |         stream.getTracks().forEach((track) => track.stop());
526 |         videoRef.current.srcObject = null;
527 |       }
528 | 
529 |       // Reset state
530 |       setPeerConnection(null);
531 |       setSessionInfo(null);
532 |       setBotInitialized(false);
533 |       setShowVideo(false);
534 | 
535 |       addStatus("Session closed successfully");
536 |     } catch (error) {
537 |       addStatus("Error: " + (error as Error).message);
538 |     }
539 |   };
540 | 
541 |   // Toggle background removal
542 |   const toggleBgRemoval = () => {
543 |     setRemoveBG(!removeBG);
544 |     if (!removeBG) {
545 |       renderCanvas();
546 |     } else {
547 |       setShowVideo(true);
548 |     }
549 |   };
550 | 
551 |   // Render video to canvas
552 |   const renderCanvas = () => {
553 |     if (!videoRef.current || !canvasRef.current) return;
554 | 
555 |     const video = videoRef.current;
556 |     const canvas = canvasRef.current;
557 |     const ctx = canvas.getContext("2d");
558 | 
559 |     if (!ctx) return;
560 | 
561 |     // Match canvas size to video
562 |     canvas.width = video.videoWidth;
563 |     canvas.height = video.videoHeight;
564 | 
565 |     // Process video frames
566 |     const processFrame = () => {
567 |       if (!video.paused && !video.ended) {
568 |         ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
569 | 
570 |         // Process for background removal if enabled
571 |         if (removeBG) {
572 |           const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
573 |           const data = imageData.data;
574 | 
575 |           for (let i = 0; i < data.length; i += 4) {
576 |             const red = data[i];
577 |             const green = data[i + 1];
578 |             const blue = data[i + 2];
579 | 
580 |             // Simple green screen effect - adjust thresholds as needed
581 |             if (green > 100 && red < 100 && blue < 100) {
582 |               data[i + 3] = 0; // Set alpha to 0 (transparent)
583 |             }
584 |           }
585 | 
586 |           ctx.putImageData(imageData, 0, 0);
587 |         }
588 | 
589 |         requestAnimationFrame(processFrame);
590 |       }
591 |     };
592 | 
593 |     // Start processing
594 |     processFrame();
595 |     setShowVideo(false);
596 |   };
597 | 
598 |   return (
599 |     <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 p-4 md:p-6">
600 |       <div className="max-w-6xl mx-auto space-y-6">
601 |         <div className="bg-white rounded-xl shadow-md p-6 transition-all hover:shadow-lg">
602 |           <div className="flex items-center justify-between mb-4">
603 |             <h2 className="text-2xl font-bold text-gray-800">
604 |               Persona Configuration
605 |             </h2>
606 |             <Button
607 |               onClick={() => setShowPersonaForm(!showPersonaForm)}
608 |               variant={showPersonaForm ? "outline" : "default"}
609 |               size="default"
610 |             >
611 |               {showPersonaForm ? "Hide Form" : "Edit Persona"}
612 |             </Button>
613 |           </div>
614 | 
615 |           {showPersonaForm && (
616 |             <div className="mt-4 p-5 border border-gray-200 rounded-lg bg-gray-50">
617 |               <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
618 |                 <div className="space-y-2">
619 |                   <label className="block text-sm font-medium text-gray-700">
620 |                     Name
621 |                   </label>
622 |                   <Input
623 |                     id="personaName"
624 |                     value={formData.name}
625 |                     onChange={handleInputChange}
626 |                   />
627 |                 </div>
628 |                 <div className="space-y-2">
629 |                   <label className="block text-sm font-medium text-gray-700">
630 |                     Title
631 |                   </label>
632 |                   <Input
633 |                     id="personaTitle"
634 |                     value={formData.title}
635 |                     onChange={handleInputChange}
636 |                   />
637 |                 </div>
638 |               </div>
639 | 
640 |               <div className="mb-6">
641 |                 <h3 className="text-lg font-medium text-gray-800 mb-3">
642 |                   Education
643 |                 </h3>
644 |                 <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
645 |                   <div className="space-y-2">
646 |                     <label className="block text-sm font-medium text-gray-700">
647 |                       Degree
648 |                     </label>
649 |                     <Input
650 |                       id="personaDegree"
651 |                       value={formData.degree}
652 |                       onChange={handleInputChange}
653 |                     />
654 |                   </div>
655 |                   <div className="space-y-2">
656 |                     <label className="block text-sm font-medium text-gray-700">
657 |                       Year
658 |                     </label>
659 |                     <Input
660 |                       id="personaYear"
661 |                       value={formData.year}
662 |                       onChange={handleInputChange}
663 |                     />
664 |                   </div>
665 |                   <div className="space-y-2">
666 |                     <label className="block text-sm font-medium text-gray-700">
667 |                       Institution
668 |                     </label>
669 |                     <Input
670 |                       id="personaInstitution"
671 |                       value={formData.institution}
672 |                       onChange={handleInputChange}
673 |                     />
674 |                   </div>
675 |                 </div>
676 |               </div>
677 | 
678 |               <div className="mb-6">
679 |                 <h3 className="text-lg font-medium text-gray-800 mb-3">
680 |                   Technical
681 |                 </h3>
682 |                 <div className="grid grid-cols-1 gap-4">
683 |                   <div className="space-y-2">
684 |                     <label className="block text-sm font-medium text-gray-700">
685 |                       Languages (comma-separated)
686 |                     </label>
687 |                     <Input
688 |                       id="personaLanguages"
689 |                       value={formData.languages}
690 |                       onChange={handleInputChange}
691 |                     />
692 |                   </div>
693 |                   <div className="space-y-2">
694 |                     <label className="block text-sm font-medium text-gray-700">
695 |                       Web Stack (comma-separated)
696 |                     </label>
697 |                     <Input
698 |                       id="personaWebStack"
699 |                       value={formData.webStack}
700 |                       onChange={handleInputChange}
701 |                     />
702 |                   </div>
703 |                   <div className="space-y-2">
704 |                     <label className="block text-sm font-medium text-gray-700">
705 |                       Projects (one per line)
706 |                     </label>
707 |                     <Textarea
708 |                       id="personaProjects"
709 |                       value={formData.projects}
710 |                       onChange={handleInputChange}
711 |                       className="min-h-[100px]"
712 |                     />
713 |                   </div>
714 |                 </div>
715 |               </div>
716 | 
717 |               <div className="mb-6">
718 |                 <h3 className="text-lg font-medium text-gray-800 mb-3">
719 |                   Personality
720 |                 </h3>
721 |                 <div className="grid grid-cols-1 gap-4">
722 |                   <div className="space-y-2">
723 |                     <label className="block text-sm font-medium text-gray-700">
724 |                       Style
725 |                     </label>
726 |                     <Textarea
727 |                       id="personaStyle"
728 |                       value={formData.style}
729 |                       onChange={handleInputChange}
730 |                     />
731 |                   </div>
732 |                   <div className="space-y-2">
733 |                     <label className="block text-sm font-medium text-gray-700">
734 |                       Interests (comma-separated)
735 |                     </label>
736 |                     <Input
737 |                       id="personaInterests"
738 |                       value={formData.interests}
739 |                       onChange={handleInputChange}
740 |                     />
741 |                   </div>
742 |                   <div className="space-y-2">
743 |                     <label className="block text-sm font-medium text-gray-700">
744 |                       Goals (one per line)
745 |                     </label>
746 |                     <Textarea
747 |                       id="personaGoals"
748 |                       value={formData.goals}
749 |                       onChange={handleInputChange}
750 |                       className="min-h-[100px]"
751 |                     />
752 |                   </div>
753 |                 </div>
754 |               </div>
755 | 
756 |               <div className="flex gap-3 justify-end">
757 |                 <Button
758 |                   onClick={() => setShowPersonaForm(false)}
759 |                   variant="outline"
760 |                 >
761 |                   Cancel
762 |                 </Button>
763 |                 <Button onClick={updatePersona} variant="default">
764 |                   Update Persona
765 |                 </Button>
766 |               </div>
767 |             </div>
768 |           )}
769 |         </div>
770 | 
771 |         <div className="bg-white rounded-xl shadow-md p-6">
772 |           <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-4">
773 |             <div className="space-y-3 p-4 bg-gray-50 rounded-lg">
774 |               <div className="grid grid-cols-2 gap-3">
775 |                 <div className="space-y-2">
776 |                   <label className="block text-sm font-medium text-gray-700">
777 |                     Avatar ID
778 |                   </label>
779 |                   <Input
780 |                     id="avatarID"
781 |                     value={avatarID}
782 |                     onChange={(e) => setAvatarID(e.target.value)}
783 |                   />
784 |                 </div>
785 |                 <div className="space-y-2">
786 |                   <label className="block text-sm font-medium text-gray-700">
787 |                     Voice ID
788 |                   </label>
789 |                   <Input
790 |                     id="voiceID"
791 |                     value={voiceID}
792 |                     onChange={(e) => setVoiceID(e.target.value)}
793 |                   />
794 |                 </div>
795 |               </div>
796 |               <div className="flex flex-wrap gap-2 mt-2">
797 |                 <Button
798 |                   onClick={createNewSession}
799 |                   disabled={sessionInfo}
800 |                   variant="default"
801 |                 >
802 |                   New
803 |                 </Button>
804 |                 <Button
805 |                   onClick={startSession}
806 |                   disabled={!sessionInfo}
807 |                   variant={!sessionInfo ? "outline" : "default"}
808 |                 >
809 |                   Start
810 |                 </Button>
811 |                 <Button
812 |                   onClick={closeConnection}
813 |                   disabled={!sessionInfo}
814 |                   variant="destructive"
815 |                 >
816 |                   Close
817 |                 </Button>
818 |               </div>
819 |             </div>
820 | 
821 |             <div className="space-y-3 p-4 bg-gray-50 rounded-lg">
822 |               <div className="space-y-2">
823 |                 <label className="block text-sm font-medium text-gray-700">
824 |                   Message
825 |                 </label>
826 |                 <Input
827 |                   id="taskInput"
828 |                   value={message}
829 |                   onChange={(e) => setMessage(e.target.value)}
830 |                 />
831 |               </div>
832 |               <div className="flex flex-wrap gap-2 mt-2">
833 |                 <Button
834 |                   onClick={sendMessage}
835 |                   disabled={!sessionInfo || !botInitialized}
836 |                   variant="secondary"
837 |                 >
838 |                   Repeat
839 |                 </Button>
840 |                 <Button
841 |                   onClick={talkToBot}
842 |                   disabled={!sessionInfo || !botInitialized}
843 |                   variant="default"
844 |                 >
845 |                   Talk
846 |                 </Button>
847 |               </div>
848 |             </div>
849 |           </div>
850 |         </div>
851 | 
852 |         <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
853 |           <div className="bg-white rounded-xl shadow-md p-6 h-full">
854 |             <h3 className="text-lg font-medium text-gray-800 mb-3">Status</h3>
855 |             <div className="h-52 md:h-64 overflow-y-auto p-3 bg-gray-50 rounded-lg border border-gray-200 text-sm text-gray-700">
856 |               {statusMessages.map((msg, index) => (
857 |                 <div
858 |                   key={index}
859 |                   className="py-1 border-b border-gray-200 last:border-0"
860 |                 >
861 |                   {msg}
862 |                 </div>
863 |               ))}
864 |             </div>
865 |           </div>
866 | 
867 |           <div className="bg-white rounded-xl shadow-md p-6">
868 |             <div className="relative w-full max-w-lg mx-auto overflow-hidden rounded-lg shadow-md">
869 |               <video
870 |                 ref={videoRef}
871 |                 id="mediaElement"
872 |                 className={`w-full h-auto object-cover ${
873 |                   showVideo ? "block" : "hidden"
874 |                 }`}
875 |                 autoPlay
876 |                 playsInline
877 |                 onLoadedMetadata={() => {
878 |                   if (videoRef.current) {
879 |                     videoRef.current.play();
880 |                     setShowVideo(true);
881 |                     if (removeBG) {
882 |                       renderCanvas();
883 |                     }
884 |                     // openVideoInNewWindow(); // 👉 Automatically open for Zoom capture
885 |                   }
886 |                 }}
887 |               />
888 |               <div className="mt-4 flex justify-center">
889 |                 <Button onClick={openVideoInNewWindow} variant="secondary">
890 |                   Pop-out Video for Zoom
891 |                 </Button>
892 |               </div>
893 | 
894 |               <canvas
895 |                 ref={canvasRef}
896 |                 id="canvasElement"
897 |                 className={`w-full h-auto ${!showVideo ? "block" : "hidden"}`}
898 |               />
899 |             </div>
900 | 
901 |             {sessionInfo && (
902 |               <div className="mt-4 flex items-center justify-center">
903 |                 <label className="inline-flex items-center gap-2 cursor-pointer">
904 |                   <input
905 |                     type="checkbox"
906 |                     checked={removeBG}
907 |                     onChange={toggleBgRemoval}
908 |                     className="sr-only peer"
909 |                   />
910 |                   <div className="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600"></div>
911 |                   <span className="text-sm font-medium text-gray-700">
912 |                     Remove Background
913 |                   </span>
914 |                 </label>
915 |               </div>
916 |             )}
917 |           </div>
918 |         </div>
919 |       </div>
920 |     </div>
921 |   );
922 | }
923 | 
924 | export default App;
925 | 


--------------------------------------------------------------------------------
/server/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "streamingavatar",
   3 |   "version": "1.0.0",
   4 |   "lockfileVersion": 3,
   5 |   "requires": true,
   6 |   "packages": {
   7 |     "": {
   8 |       "name": "streamingavatar",
   9 |       "version": "1.0.0",
  10 |       "license": "ISC",
  11 |       "dependencies": {
  12 |         "@google/generative-ai": "^0.3.0",
  13 |         "cors": "^2.8.5",
  14 |         "dotenv": "^16.5.0",
  15 |         "express": "^4.21.2",
  16 |         "mime-types": "^3.0.1",
  17 |         "openai": "^4.28.0"
  18 |       },
  19 |       "devDependencies": {
  20 |         "prettier": "^3.2.4"
  21 |       }
  22 |     },
  23 |     "node_modules/@google/generative-ai": {
  24 |       "version": "0.3.1",
  25 |       "resolved": "https://registry.npmjs.org/@google/generative-ai/-/generative-ai-0.3.1.tgz",
  26 |       "integrity": "sha512-Zh1EK5nCWqIhxPm3K1KOM2mOwwgBvp6lkze74yTj6+Zqibtf55Db1q87cbbzWZeET3ZbNgHMYjVf2JyMM6pI7A==",
  27 |       "license": "Apache-2.0",
  28 |       "engines": {
  29 |         "node": ">=18.0.0"
  30 |       }
  31 |     },
  32 |     "node_modules/@types/node": {
  33 |       "version": "18.19.15",
  34 |       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.15.tgz",
  35 |       "integrity": "sha512-AMZ2UWx+woHNfM11PyAEQmfSxi05jm9OlkxczuHeEqmvwPkYj6MWv44gbzDPefYOLysTOFyI3ziiy2ONmUZfpA==",
  36 |       "dependencies": {
  37 |         "undici-types": "~5.26.4"
  38 |       }
  39 |     },
  40 |     "node_modules/@types/node-fetch": {
  41 |       "version": "2.6.11",
  42 |       "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.11.tgz",
  43 |       "integrity": "sha512-24xFj9R5+rfQJLRyM56qh+wnVSYhyXC2tkoBndtY0U+vubqNsYXGjufB2nn8Q6gt0LrARwL6UBtMCSVCwl4B1g==",
  44 |       "dependencies": {
  45 |         "@types/node": "*",
  46 |         "form-data": "^4.0.0"
  47 |       }
  48 |     },
  49 |     "node_modules/abort-controller": {
  50 |       "version": "3.0.0",
  51 |       "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
  52 |       "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
  53 |       "dependencies": {
  54 |         "event-target-shim": "^5.0.0"
  55 |       },
  56 |       "engines": {
  57 |         "node": ">=6.5"
  58 |       }
  59 |     },
  60 |     "node_modules/accepts": {
  61 |       "version": "1.3.8",
  62 |       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
  63 |       "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
  64 |       "dependencies": {
  65 |         "mime-types": "~2.1.34",
  66 |         "negotiator": "0.6.3"
  67 |       },
  68 |       "engines": {
  69 |         "node": ">= 0.6"
  70 |       }
  71 |     },
  72 |     "node_modules/accepts/node_modules/mime-db": {
  73 |       "version": "1.52.0",
  74 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
  75 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
  76 |       "license": "MIT",
  77 |       "engines": {
  78 |         "node": ">= 0.6"
  79 |       }
  80 |     },
  81 |     "node_modules/accepts/node_modules/mime-types": {
  82 |       "version": "2.1.35",
  83 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
  84 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
  85 |       "license": "MIT",
  86 |       "dependencies": {
  87 |         "mime-db": "1.52.0"
  88 |       },
  89 |       "engines": {
  90 |         "node": ">= 0.6"
  91 |       }
  92 |     },
  93 |     "node_modules/agentkeepalive": {
  94 |       "version": "4.5.0",
  95 |       "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz",
  96 |       "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==",
  97 |       "dependencies": {
  98 |         "humanize-ms": "^1.2.1"
  99 |       },
 100 |       "engines": {
 101 |         "node": ">= 8.0.0"
 102 |       }
 103 |     },
 104 |     "node_modules/array-flatten": {
 105 |       "version": "1.1.1",
 106 |       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
 107 |       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
 108 |     },
 109 |     "node_modules/asynckit": {
 110 |       "version": "0.4.0",
 111 |       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
 112 |       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
 113 |     },
 114 |     "node_modules/base-64": {
 115 |       "version": "0.1.0",
 116 |       "resolved": "https://registry.npmjs.org/base-64/-/base-64-0.1.0.tgz",
 117 |       "integrity": "sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA=="
 118 |     },
 119 |     "node_modules/body-parser": {
 120 |       "version": "1.20.3",
 121 |       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
 122 |       "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
 123 |       "license": "MIT",
 124 |       "dependencies": {
 125 |         "bytes": "3.1.2",
 126 |         "content-type": "~1.0.5",
 127 |         "debug": "2.6.9",
 128 |         "depd": "2.0.0",
 129 |         "destroy": "1.2.0",
 130 |         "http-errors": "2.0.0",
 131 |         "iconv-lite": "0.4.24",
 132 |         "on-finished": "2.4.1",
 133 |         "qs": "6.13.0",
 134 |         "raw-body": "2.5.2",
 135 |         "type-is": "~1.6.18",
 136 |         "unpipe": "1.0.0"
 137 |       },
 138 |       "engines": {
 139 |         "node": ">= 0.8",
 140 |         "npm": "1.2.8000 || >= 1.4.16"
 141 |       }
 142 |     },
 143 |     "node_modules/bytes": {
 144 |       "version": "3.1.2",
 145 |       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
 146 |       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
 147 |       "license": "MIT",
 148 |       "engines": {
 149 |         "node": ">= 0.8"
 150 |       }
 151 |     },
 152 |     "node_modules/call-bind-apply-helpers": {
 153 |       "version": "1.0.2",
 154 |       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
 155 |       "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
 156 |       "license": "MIT",
 157 |       "dependencies": {
 158 |         "es-errors": "^1.3.0",
 159 |         "function-bind": "^1.1.2"
 160 |       },
 161 |       "engines": {
 162 |         "node": ">= 0.4"
 163 |       }
 164 |     },
 165 |     "node_modules/call-bound": {
 166 |       "version": "1.0.4",
 167 |       "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
 168 |       "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
 169 |       "license": "MIT",
 170 |       "dependencies": {
 171 |         "call-bind-apply-helpers": "^1.0.2",
 172 |         "get-intrinsic": "^1.3.0"
 173 |       },
 174 |       "engines": {
 175 |         "node": ">= 0.4"
 176 |       },
 177 |       "funding": {
 178 |         "url": "https://github.com/sponsors/ljharb"
 179 |       }
 180 |     },
 181 |     "node_modules/charenc": {
 182 |       "version": "0.0.2",
 183 |       "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
 184 |       "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
 185 |       "engines": {
 186 |         "node": "*"
 187 |       }
 188 |     },
 189 |     "node_modules/combined-stream": {
 190 |       "version": "1.0.8",
 191 |       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
 192 |       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
 193 |       "dependencies": {
 194 |         "delayed-stream": "~1.0.0"
 195 |       },
 196 |       "engines": {
 197 |         "node": ">= 0.8"
 198 |       }
 199 |     },
 200 |     "node_modules/content-disposition": {
 201 |       "version": "0.5.4",
 202 |       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
 203 |       "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
 204 |       "dependencies": {
 205 |         "safe-buffer": "5.2.1"
 206 |       },
 207 |       "engines": {
 208 |         "node": ">= 0.6"
 209 |       }
 210 |     },
 211 |     "node_modules/content-type": {
 212 |       "version": "1.0.5",
 213 |       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
 214 |       "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
 215 |       "license": "MIT",
 216 |       "engines": {
 217 |         "node": ">= 0.6"
 218 |       }
 219 |     },
 220 |     "node_modules/cookie": {
 221 |       "version": "0.7.1",
 222 |       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
 223 |       "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
 224 |       "license": "MIT",
 225 |       "engines": {
 226 |         "node": ">= 0.6"
 227 |       }
 228 |     },
 229 |     "node_modules/cookie-signature": {
 230 |       "version": "1.0.6",
 231 |       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
 232 |       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
 233 |     },
 234 |     "node_modules/cors": {
 235 |       "version": "2.8.5",
 236 |       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
 237 |       "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
 238 |       "license": "MIT",
 239 |       "dependencies": {
 240 |         "object-assign": "^4",
 241 |         "vary": "^1"
 242 |       },
 243 |       "engines": {
 244 |         "node": ">= 0.10"
 245 |       }
 246 |     },
 247 |     "node_modules/crypt": {
 248 |       "version": "0.0.2",
 249 |       "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
 250 |       "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
 251 |       "engines": {
 252 |         "node": "*"
 253 |       }
 254 |     },
 255 |     "node_modules/debug": {
 256 |       "version": "2.6.9",
 257 |       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 258 |       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 259 |       "license": "MIT",
 260 |       "dependencies": {
 261 |         "ms": "2.0.0"
 262 |       }
 263 |     },
 264 |     "node_modules/delayed-stream": {
 265 |       "version": "1.0.0",
 266 |       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
 267 |       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
 268 |       "engines": {
 269 |         "node": ">=0.4.0"
 270 |       }
 271 |     },
 272 |     "node_modules/depd": {
 273 |       "version": "2.0.0",
 274 |       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
 275 |       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
 276 |       "license": "MIT",
 277 |       "engines": {
 278 |         "node": ">= 0.8"
 279 |       }
 280 |     },
 281 |     "node_modules/destroy": {
 282 |       "version": "1.2.0",
 283 |       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
 284 |       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
 285 |       "license": "MIT",
 286 |       "engines": {
 287 |         "node": ">= 0.8",
 288 |         "npm": "1.2.8000 || >= 1.4.16"
 289 |       }
 290 |     },
 291 |     "node_modules/digest-fetch": {
 292 |       "version": "1.3.0",
 293 |       "resolved": "https://registry.npmjs.org/digest-fetch/-/digest-fetch-1.3.0.tgz",
 294 |       "integrity": "sha512-CGJuv6iKNM7QyZlM2T3sPAdZWd/p9zQiRNS9G+9COUCwzWFTs0Xp8NF5iePx7wtvhDykReiRRrSeNb4oMmB8lA==",
 295 |       "dependencies": {
 296 |         "base-64": "^0.1.0",
 297 |         "md5": "^2.3.0"
 298 |       }
 299 |     },
 300 |     "node_modules/dotenv": {
 301 |       "version": "16.5.0",
 302 |       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.5.0.tgz",
 303 |       "integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
 304 |       "license": "BSD-2-Clause",
 305 |       "engines": {
 306 |         "node": ">=12"
 307 |       },
 308 |       "funding": {
 309 |         "url": "https://dotenvx.com"
 310 |       }
 311 |     },
 312 |     "node_modules/dunder-proto": {
 313 |       "version": "1.0.1",
 314 |       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
 315 |       "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
 316 |       "license": "MIT",
 317 |       "dependencies": {
 318 |         "call-bind-apply-helpers": "^1.0.1",
 319 |         "es-errors": "^1.3.0",
 320 |         "gopd": "^1.2.0"
 321 |       },
 322 |       "engines": {
 323 |         "node": ">= 0.4"
 324 |       }
 325 |     },
 326 |     "node_modules/ee-first": {
 327 |       "version": "1.1.1",
 328 |       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
 329 |       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
 330 |       "license": "MIT"
 331 |     },
 332 |     "node_modules/encodeurl": {
 333 |       "version": "2.0.0",
 334 |       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
 335 |       "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
 336 |       "license": "MIT",
 337 |       "engines": {
 338 |         "node": ">= 0.8"
 339 |       }
 340 |     },
 341 |     "node_modules/es-define-property": {
 342 |       "version": "1.0.1",
 343 |       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
 344 |       "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
 345 |       "license": "MIT",
 346 |       "engines": {
 347 |         "node": ">= 0.4"
 348 |       }
 349 |     },
 350 |     "node_modules/es-errors": {
 351 |       "version": "1.3.0",
 352 |       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
 353 |       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
 354 |       "license": "MIT",
 355 |       "engines": {
 356 |         "node": ">= 0.4"
 357 |       }
 358 |     },
 359 |     "node_modules/es-object-atoms": {
 360 |       "version": "1.1.1",
 361 |       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
 362 |       "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
 363 |       "license": "MIT",
 364 |       "dependencies": {
 365 |         "es-errors": "^1.3.0"
 366 |       },
 367 |       "engines": {
 368 |         "node": ">= 0.4"
 369 |       }
 370 |     },
 371 |     "node_modules/escape-html": {
 372 |       "version": "1.0.3",
 373 |       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
 374 |       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
 375 |       "license": "MIT"
 376 |     },
 377 |     "node_modules/etag": {
 378 |       "version": "1.8.1",
 379 |       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
 380 |       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
 381 |       "license": "MIT",
 382 |       "engines": {
 383 |         "node": ">= 0.6"
 384 |       }
 385 |     },
 386 |     "node_modules/event-target-shim": {
 387 |       "version": "5.0.1",
 388 |       "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
 389 |       "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
 390 |       "engines": {
 391 |         "node": ">=6"
 392 |       }
 393 |     },
 394 |     "node_modules/express": {
 395 |       "version": "4.21.2",
 396 |       "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
 397 |       "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
 398 |       "license": "MIT",
 399 |       "dependencies": {
 400 |         "accepts": "~1.3.8",
 401 |         "array-flatten": "1.1.1",
 402 |         "body-parser": "1.20.3",
 403 |         "content-disposition": "0.5.4",
 404 |         "content-type": "~1.0.4",
 405 |         "cookie": "0.7.1",
 406 |         "cookie-signature": "1.0.6",
 407 |         "debug": "2.6.9",
 408 |         "depd": "2.0.0",
 409 |         "encodeurl": "~2.0.0",
 410 |         "escape-html": "~1.0.3",
 411 |         "etag": "~1.8.1",
 412 |         "finalhandler": "1.3.1",
 413 |         "fresh": "0.5.2",
 414 |         "http-errors": "2.0.0",
 415 |         "merge-descriptors": "1.0.3",
 416 |         "methods": "~1.1.2",
 417 |         "on-finished": "2.4.1",
 418 |         "parseurl": "~1.3.3",
 419 |         "path-to-regexp": "0.1.12",
 420 |         "proxy-addr": "~2.0.7",
 421 |         "qs": "6.13.0",
 422 |         "range-parser": "~1.2.1",
 423 |         "safe-buffer": "5.2.1",
 424 |         "send": "0.19.0",
 425 |         "serve-static": "1.16.2",
 426 |         "setprototypeof": "1.2.0",
 427 |         "statuses": "2.0.1",
 428 |         "type-is": "~1.6.18",
 429 |         "utils-merge": "1.0.1",
 430 |         "vary": "~1.1.2"
 431 |       },
 432 |       "engines": {
 433 |         "node": ">= 0.10.0"
 434 |       },
 435 |       "funding": {
 436 |         "type": "opencollective",
 437 |         "url": "https://opencollective.com/express"
 438 |       }
 439 |     },
 440 |     "node_modules/finalhandler": {
 441 |       "version": "1.3.1",
 442 |       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
 443 |       "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
 444 |       "license": "MIT",
 445 |       "dependencies": {
 446 |         "debug": "2.6.9",
 447 |         "encodeurl": "~2.0.0",
 448 |         "escape-html": "~1.0.3",
 449 |         "on-finished": "2.4.1",
 450 |         "parseurl": "~1.3.3",
 451 |         "statuses": "2.0.1",
 452 |         "unpipe": "~1.0.0"
 453 |       },
 454 |       "engines": {
 455 |         "node": ">= 0.8"
 456 |       }
 457 |     },
 458 |     "node_modules/form-data": {
 459 |       "version": "4.0.0",
 460 |       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
 461 |       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
 462 |       "dependencies": {
 463 |         "asynckit": "^0.4.0",
 464 |         "combined-stream": "^1.0.8",
 465 |         "mime-types": "^2.1.12"
 466 |       },
 467 |       "engines": {
 468 |         "node": ">= 6"
 469 |       }
 470 |     },
 471 |     "node_modules/form-data-encoder": {
 472 |       "version": "1.7.2",
 473 |       "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
 474 |       "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
 475 |     },
 476 |     "node_modules/form-data/node_modules/mime-db": {
 477 |       "version": "1.52.0",
 478 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
 479 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
 480 |       "license": "MIT",
 481 |       "engines": {
 482 |         "node": ">= 0.6"
 483 |       }
 484 |     },
 485 |     "node_modules/form-data/node_modules/mime-types": {
 486 |       "version": "2.1.35",
 487 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
 488 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
 489 |       "license": "MIT",
 490 |       "dependencies": {
 491 |         "mime-db": "1.52.0"
 492 |       },
 493 |       "engines": {
 494 |         "node": ">= 0.6"
 495 |       }
 496 |     },
 497 |     "node_modules/formdata-node": {
 498 |       "version": "4.4.1",
 499 |       "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
 500 |       "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
 501 |       "dependencies": {
 502 |         "node-domexception": "1.0.0",
 503 |         "web-streams-polyfill": "4.0.0-beta.3"
 504 |       },
 505 |       "engines": {
 506 |         "node": ">= 12.20"
 507 |       }
 508 |     },
 509 |     "node_modules/formdata-node/node_modules/web-streams-polyfill": {
 510 |       "version": "4.0.0-beta.3",
 511 |       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
 512 |       "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
 513 |       "engines": {
 514 |         "node": ">= 14"
 515 |       }
 516 |     },
 517 |     "node_modules/forwarded": {
 518 |       "version": "0.2.0",
 519 |       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
 520 |       "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
 521 |       "engines": {
 522 |         "node": ">= 0.6"
 523 |       }
 524 |     },
 525 |     "node_modules/fresh": {
 526 |       "version": "0.5.2",
 527 |       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
 528 |       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
 529 |       "license": "MIT",
 530 |       "engines": {
 531 |         "node": ">= 0.6"
 532 |       }
 533 |     },
 534 |     "node_modules/function-bind": {
 535 |       "version": "1.1.2",
 536 |       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
 537 |       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
 538 |       "license": "MIT",
 539 |       "funding": {
 540 |         "url": "https://github.com/sponsors/ljharb"
 541 |       }
 542 |     },
 543 |     "node_modules/get-intrinsic": {
 544 |       "version": "1.3.0",
 545 |       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
 546 |       "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
 547 |       "license": "MIT",
 548 |       "dependencies": {
 549 |         "call-bind-apply-helpers": "^1.0.2",
 550 |         "es-define-property": "^1.0.1",
 551 |         "es-errors": "^1.3.0",
 552 |         "es-object-atoms": "^1.1.1",
 553 |         "function-bind": "^1.1.2",
 554 |         "get-proto": "^1.0.1",
 555 |         "gopd": "^1.2.0",
 556 |         "has-symbols": "^1.1.0",
 557 |         "hasown": "^2.0.2",
 558 |         "math-intrinsics": "^1.1.0"
 559 |       },
 560 |       "engines": {
 561 |         "node": ">= 0.4"
 562 |       },
 563 |       "funding": {
 564 |         "url": "https://github.com/sponsors/ljharb"
 565 |       }
 566 |     },
 567 |     "node_modules/get-proto": {
 568 |       "version": "1.0.1",
 569 |       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
 570 |       "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
 571 |       "license": "MIT",
 572 |       "dependencies": {
 573 |         "dunder-proto": "^1.0.1",
 574 |         "es-object-atoms": "^1.0.0"
 575 |       },
 576 |       "engines": {
 577 |         "node": ">= 0.4"
 578 |       }
 579 |     },
 580 |     "node_modules/gopd": {
 581 |       "version": "1.2.0",
 582 |       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
 583 |       "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
 584 |       "license": "MIT",
 585 |       "engines": {
 586 |         "node": ">= 0.4"
 587 |       },
 588 |       "funding": {
 589 |         "url": "https://github.com/sponsors/ljharb"
 590 |       }
 591 |     },
 592 |     "node_modules/has-symbols": {
 593 |       "version": "1.1.0",
 594 |       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
 595 |       "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
 596 |       "license": "MIT",
 597 |       "engines": {
 598 |         "node": ">= 0.4"
 599 |       },
 600 |       "funding": {
 601 |         "url": "https://github.com/sponsors/ljharb"
 602 |       }
 603 |     },
 604 |     "node_modules/hasown": {
 605 |       "version": "2.0.2",
 606 |       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
 607 |       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
 608 |       "license": "MIT",
 609 |       "dependencies": {
 610 |         "function-bind": "^1.1.2"
 611 |       },
 612 |       "engines": {
 613 |         "node": ">= 0.4"
 614 |       }
 615 |     },
 616 |     "node_modules/http-errors": {
 617 |       "version": "2.0.0",
 618 |       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
 619 |       "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
 620 |       "license": "MIT",
 621 |       "dependencies": {
 622 |         "depd": "2.0.0",
 623 |         "inherits": "2.0.4",
 624 |         "setprototypeof": "1.2.0",
 625 |         "statuses": "2.0.1",
 626 |         "toidentifier": "1.0.1"
 627 |       },
 628 |       "engines": {
 629 |         "node": ">= 0.8"
 630 |       }
 631 |     },
 632 |     "node_modules/humanize-ms": {
 633 |       "version": "1.2.1",
 634 |       "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
 635 |       "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
 636 |       "dependencies": {
 637 |         "ms": "^2.0.0"
 638 |       }
 639 |     },
 640 |     "node_modules/iconv-lite": {
 641 |       "version": "0.4.24",
 642 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
 643 |       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
 644 |       "license": "MIT",
 645 |       "dependencies": {
 646 |         "safer-buffer": ">= 2.1.2 < 3"
 647 |       },
 648 |       "engines": {
 649 |         "node": ">=0.10.0"
 650 |       }
 651 |     },
 652 |     "node_modules/inherits": {
 653 |       "version": "2.0.4",
 654 |       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
 655 |       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
 656 |       "license": "ISC"
 657 |     },
 658 |     "node_modules/ipaddr.js": {
 659 |       "version": "1.9.1",
 660 |       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
 661 |       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
 662 |       "engines": {
 663 |         "node": ">= 0.10"
 664 |       }
 665 |     },
 666 |     "node_modules/is-buffer": {
 667 |       "version": "1.1.6",
 668 |       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
 669 |       "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
 670 |     },
 671 |     "node_modules/math-intrinsics": {
 672 |       "version": "1.1.0",
 673 |       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
 674 |       "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
 675 |       "license": "MIT",
 676 |       "engines": {
 677 |         "node": ">= 0.4"
 678 |       }
 679 |     },
 680 |     "node_modules/md5": {
 681 |       "version": "2.3.0",
 682 |       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
 683 |       "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
 684 |       "dependencies": {
 685 |         "charenc": "0.0.2",
 686 |         "crypt": "0.0.2",
 687 |         "is-buffer": "~1.1.6"
 688 |       }
 689 |     },
 690 |     "node_modules/media-typer": {
 691 |       "version": "0.3.0",
 692 |       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
 693 |       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
 694 |       "license": "MIT",
 695 |       "engines": {
 696 |         "node": ">= 0.6"
 697 |       }
 698 |     },
 699 |     "node_modules/merge-descriptors": {
 700 |       "version": "1.0.3",
 701 |       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
 702 |       "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
 703 |       "license": "MIT",
 704 |       "funding": {
 705 |         "url": "https://github.com/sponsors/sindresorhus"
 706 |       }
 707 |     },
 708 |     "node_modules/methods": {
 709 |       "version": "1.1.2",
 710 |       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
 711 |       "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
 712 |       "engines": {
 713 |         "node": ">= 0.6"
 714 |       }
 715 |     },
 716 |     "node_modules/mime": {
 717 |       "version": "1.6.0",
 718 |       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
 719 |       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
 720 |       "license": "MIT",
 721 |       "bin": {
 722 |         "mime": "cli.js"
 723 |       },
 724 |       "engines": {
 725 |         "node": ">=4"
 726 |       }
 727 |     },
 728 |     "node_modules/mime-db": {
 729 |       "version": "1.54.0",
 730 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
 731 |       "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
 732 |       "license": "MIT",
 733 |       "engines": {
 734 |         "node": ">= 0.6"
 735 |       }
 736 |     },
 737 |     "node_modules/mime-types": {
 738 |       "version": "3.0.1",
 739 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
 740 |       "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
 741 |       "license": "MIT",
 742 |       "dependencies": {
 743 |         "mime-db": "^1.54.0"
 744 |       },
 745 |       "engines": {
 746 |         "node": ">= 0.6"
 747 |       }
 748 |     },
 749 |     "node_modules/ms": {
 750 |       "version": "2.0.0",
 751 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 752 |       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
 753 |     },
 754 |     "node_modules/negotiator": {
 755 |       "version": "0.6.3",
 756 |       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
 757 |       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
 758 |       "engines": {
 759 |         "node": ">= 0.6"
 760 |       }
 761 |     },
 762 |     "node_modules/node-domexception": {
 763 |       "version": "1.0.0",
 764 |       "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
 765 |       "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
 766 |       "funding": [
 767 |         {
 768 |           "type": "github",
 769 |           "url": "https://github.com/sponsors/jimmywarting"
 770 |         },
 771 |         {
 772 |           "type": "github",
 773 |           "url": "https://paypal.me/jimmywarting"
 774 |         }
 775 |       ],
 776 |       "engines": {
 777 |         "node": ">=10.5.0"
 778 |       }
 779 |     },
 780 |     "node_modules/node-fetch": {
 781 |       "version": "2.7.0",
 782 |       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
 783 |       "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
 784 |       "dependencies": {
 785 |         "whatwg-url": "^5.0.0"
 786 |       },
 787 |       "engines": {
 788 |         "node": "4.x || >=6.0.0"
 789 |       },
 790 |       "peerDependencies": {
 791 |         "encoding": "^0.1.0"
 792 |       },
 793 |       "peerDependenciesMeta": {
 794 |         "encoding": {
 795 |           "optional": true
 796 |         }
 797 |       }
 798 |     },
 799 |     "node_modules/object-assign": {
 800 |       "version": "4.1.1",
 801 |       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
 802 |       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
 803 |       "license": "MIT",
 804 |       "engines": {
 805 |         "node": ">=0.10.0"
 806 |       }
 807 |     },
 808 |     "node_modules/object-inspect": {
 809 |       "version": "1.13.4",
 810 |       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
 811 |       "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
 812 |       "license": "MIT",
 813 |       "engines": {
 814 |         "node": ">= 0.4"
 815 |       },
 816 |       "funding": {
 817 |         "url": "https://github.com/sponsors/ljharb"
 818 |       }
 819 |     },
 820 |     "node_modules/on-finished": {
 821 |       "version": "2.4.1",
 822 |       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
 823 |       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
 824 |       "license": "MIT",
 825 |       "dependencies": {
 826 |         "ee-first": "1.1.1"
 827 |       },
 828 |       "engines": {
 829 |         "node": ">= 0.8"
 830 |       }
 831 |     },
 832 |     "node_modules/openai": {
 833 |       "version": "4.28.0",
 834 |       "resolved": "https://registry.npmjs.org/openai/-/openai-4.28.0.tgz",
 835 |       "integrity": "sha512-JM8fhcpmpGN0vrUwGquYIzdcEQHtFuom6sRCbbCM6CfzZXNuRk33G7KfeRAIfnaCxSpzrP5iHtwJzIm6biUZ2Q==",
 836 |       "dependencies": {
 837 |         "@types/node": "^18.11.18",
 838 |         "@types/node-fetch": "^2.6.4",
 839 |         "abort-controller": "^3.0.0",
 840 |         "agentkeepalive": "^4.2.1",
 841 |         "digest-fetch": "^1.3.0",
 842 |         "form-data-encoder": "1.7.2",
 843 |         "formdata-node": "^4.3.2",
 844 |         "node-fetch": "^2.6.7",
 845 |         "web-streams-polyfill": "^3.2.1"
 846 |       },
 847 |       "bin": {
 848 |         "openai": "bin/cli"
 849 |       }
 850 |     },
 851 |     "node_modules/parseurl": {
 852 |       "version": "1.3.3",
 853 |       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
 854 |       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
 855 |       "license": "MIT",
 856 |       "engines": {
 857 |         "node": ">= 0.8"
 858 |       }
 859 |     },
 860 |     "node_modules/path-to-regexp": {
 861 |       "version": "0.1.12",
 862 |       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
 863 |       "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
 864 |       "license": "MIT"
 865 |     },
 866 |     "node_modules/prettier": {
 867 |       "version": "3.2.4",
 868 |       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.4.tgz",
 869 |       "integrity": "sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==",
 870 |       "dev": true,
 871 |       "bin": {
 872 |         "prettier": "bin/prettier.cjs"
 873 |       },
 874 |       "engines": {
 875 |         "node": ">=14"
 876 |       },
 877 |       "funding": {
 878 |         "url": "https://github.com/prettier/prettier?sponsor=1"
 879 |       }
 880 |     },
 881 |     "node_modules/proxy-addr": {
 882 |       "version": "2.0.7",
 883 |       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
 884 |       "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
 885 |       "dependencies": {
 886 |         "forwarded": "0.2.0",
 887 |         "ipaddr.js": "1.9.1"
 888 |       },
 889 |       "engines": {
 890 |         "node": ">= 0.10"
 891 |       }
 892 |     },
 893 |     "node_modules/qs": {
 894 |       "version": "6.13.0",
 895 |       "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
 896 |       "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
 897 |       "license": "BSD-3-Clause",
 898 |       "dependencies": {
 899 |         "side-channel": "^1.0.6"
 900 |       },
 901 |       "engines": {
 902 |         "node": ">=0.6"
 903 |       },
 904 |       "funding": {
 905 |         "url": "https://github.com/sponsors/ljharb"
 906 |       }
 907 |     },
 908 |     "node_modules/range-parser": {
 909 |       "version": "1.2.1",
 910 |       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
 911 |       "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
 912 |       "license": "MIT",
 913 |       "engines": {
 914 |         "node": ">= 0.6"
 915 |       }
 916 |     },
 917 |     "node_modules/raw-body": {
 918 |       "version": "2.5.2",
 919 |       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
 920 |       "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
 921 |       "license": "MIT",
 922 |       "dependencies": {
 923 |         "bytes": "3.1.2",
 924 |         "http-errors": "2.0.0",
 925 |         "iconv-lite": "0.4.24",
 926 |         "unpipe": "1.0.0"
 927 |       },
 928 |       "engines": {
 929 |         "node": ">= 0.8"
 930 |       }
 931 |     },
 932 |     "node_modules/safe-buffer": {
 933 |       "version": "5.2.1",
 934 |       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
 935 |       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
 936 |       "funding": [
 937 |         {
 938 |           "type": "github",
 939 |           "url": "https://github.com/sponsors/feross"
 940 |         },
 941 |         {
 942 |           "type": "patreon",
 943 |           "url": "https://www.patreon.com/feross"
 944 |         },
 945 |         {
 946 |           "type": "consulting",
 947 |           "url": "https://feross.org/support"
 948 |         }
 949 |       ]
 950 |     },
 951 |     "node_modules/safer-buffer": {
 952 |       "version": "2.1.2",
 953 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
 954 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
 955 |       "license": "MIT"
 956 |     },
 957 |     "node_modules/send": {
 958 |       "version": "0.19.0",
 959 |       "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
 960 |       "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
 961 |       "license": "MIT",
 962 |       "dependencies": {
 963 |         "debug": "2.6.9",
 964 |         "depd": "2.0.0",
 965 |         "destroy": "1.2.0",
 966 |         "encodeurl": "~1.0.2",
 967 |         "escape-html": "~1.0.3",
 968 |         "etag": "~1.8.1",
 969 |         "fresh": "0.5.2",
 970 |         "http-errors": "2.0.0",
 971 |         "mime": "1.6.0",
 972 |         "ms": "2.1.3",
 973 |         "on-finished": "2.4.1",
 974 |         "range-parser": "~1.2.1",
 975 |         "statuses": "2.0.1"
 976 |       },
 977 |       "engines": {
 978 |         "node": ">= 0.8.0"
 979 |       }
 980 |     },
 981 |     "node_modules/send/node_modules/encodeurl": {
 982 |       "version": "1.0.2",
 983 |       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
 984 |       "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
 985 |       "license": "MIT",
 986 |       "engines": {
 987 |         "node": ">= 0.8"
 988 |       }
 989 |     },
 990 |     "node_modules/send/node_modules/ms": {
 991 |       "version": "2.1.3",
 992 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
 993 |       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 994 |       "license": "MIT"
 995 |     },
 996 |     "node_modules/serve-static": {
 997 |       "version": "1.16.2",
 998 |       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
 999 |       "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
1000 |       "license": "MIT",
1001 |       "dependencies": {
1002 |         "encodeurl": "~2.0.0",
1003 |         "escape-html": "~1.0.3",
1004 |         "parseurl": "~1.3.3",
1005 |         "send": "0.19.0"
1006 |       },
1007 |       "engines": {
1008 |         "node": ">= 0.8.0"
1009 |       }
1010 |     },
1011 |     "node_modules/setprototypeof": {
1012 |       "version": "1.2.0",
1013 |       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
1014 |       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
1015 |       "license": "ISC"
1016 |     },
1017 |     "node_modules/side-channel": {
1018 |       "version": "1.1.0",
1019 |       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
1020 |       "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
1021 |       "license": "MIT",
1022 |       "dependencies": {
1023 |         "es-errors": "^1.3.0",
1024 |         "object-inspect": "^1.13.3",
1025 |         "side-channel-list": "^1.0.0",
1026 |         "side-channel-map": "^1.0.1",
1027 |         "side-channel-weakmap": "^1.0.2"
1028 |       },
1029 |       "engines": {
1030 |         "node": ">= 0.4"
1031 |       },
1032 |       "funding": {
1033 |         "url": "https://github.com/sponsors/ljharb"
1034 |       }
1035 |     },
1036 |     "node_modules/side-channel-list": {
1037 |       "version": "1.0.0",
1038 |       "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
1039 |       "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
1040 |       "license": "MIT",
1041 |       "dependencies": {
1042 |         "es-errors": "^1.3.0",
1043 |         "object-inspect": "^1.13.3"
1044 |       },
1045 |       "engines": {
1046 |         "node": ">= 0.4"
1047 |       },
1048 |       "funding": {
1049 |         "url": "https://github.com/sponsors/ljharb"
1050 |       }
1051 |     },
1052 |     "node_modules/side-channel-map": {
1053 |       "version": "1.0.1",
1054 |       "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
1055 |       "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
1056 |       "license": "MIT",
1057 |       "dependencies": {
1058 |         "call-bound": "^1.0.2",
1059 |         "es-errors": "^1.3.0",
1060 |         "get-intrinsic": "^1.2.5",
1061 |         "object-inspect": "^1.13.3"
1062 |       },
1063 |       "engines": {
1064 |         "node": ">= 0.4"
1065 |       },
1066 |       "funding": {
1067 |         "url": "https://github.com/sponsors/ljharb"
1068 |       }
1069 |     },
1070 |     "node_modules/side-channel-weakmap": {
1071 |       "version": "1.0.2",
1072 |       "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
1073 |       "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
1074 |       "license": "MIT",
1075 |       "dependencies": {
1076 |         "call-bound": "^1.0.2",
1077 |         "es-errors": "^1.3.0",
1078 |         "get-intrinsic": "^1.2.5",
1079 |         "object-inspect": "^1.13.3",
1080 |         "side-channel-map": "^1.0.1"
1081 |       },
1082 |       "engines": {
1083 |         "node": ">= 0.4"
1084 |       },
1085 |       "funding": {
1086 |         "url": "https://github.com/sponsors/ljharb"
1087 |       }
1088 |     },
1089 |     "node_modules/statuses": {
1090 |       "version": "2.0.1",
1091 |       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
1092 |       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
1093 |       "license": "MIT",
1094 |       "engines": {
1095 |         "node": ">= 0.8"
1096 |       }
1097 |     },
1098 |     "node_modules/toidentifier": {
1099 |       "version": "1.0.1",
1100 |       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
1101 |       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
1102 |       "license": "MIT",
1103 |       "engines": {
1104 |         "node": ">=0.6"
1105 |       }
1106 |     },
1107 |     "node_modules/tr46": {
1108 |       "version": "0.0.3",
1109 |       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
1110 |       "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
1111 |     },
1112 |     "node_modules/type-is": {
1113 |       "version": "1.6.18",
1114 |       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
1115 |       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
1116 |       "license": "MIT",
1117 |       "dependencies": {
1118 |         "media-typer": "0.3.0",
1119 |         "mime-types": "~2.1.24"
1120 |       },
1121 |       "engines": {
1122 |         "node": ">= 0.6"
1123 |       }
1124 |     },
1125 |     "node_modules/type-is/node_modules/mime-db": {
1126 |       "version": "1.52.0",
1127 |       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
1128 |       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
1129 |       "license": "MIT",
1130 |       "engines": {
1131 |         "node": ">= 0.6"
1132 |       }
1133 |     },
1134 |     "node_modules/type-is/node_modules/mime-types": {
1135 |       "version": "2.1.35",
1136 |       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
1137 |       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
1138 |       "license": "MIT",
1139 |       "dependencies": {
1140 |         "mime-db": "1.52.0"
1141 |       },
1142 |       "engines": {
1143 |         "node": ">= 0.6"
1144 |       }
1145 |     },
1146 |     "node_modules/undici-types": {
1147 |       "version": "5.26.5",
1148 |       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
1149 |       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
1150 |     },
1151 |     "node_modules/unpipe": {
1152 |       "version": "1.0.0",
1153 |       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
1154 |       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
1155 |       "license": "MIT",
1156 |       "engines": {
1157 |         "node": ">= 0.8"
1158 |       }
1159 |     },
1160 |     "node_modules/utils-merge": {
1161 |       "version": "1.0.1",
1162 |       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
1163 |       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
1164 |       "engines": {
1165 |         "node": ">= 0.4.0"
1166 |       }
1167 |     },
1168 |     "node_modules/vary": {
1169 |       "version": "1.1.2",
1170 |       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
1171 |       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
1172 |       "engines": {
1173 |         "node": ">= 0.8"
1174 |       }
1175 |     },
1176 |     "node_modules/web-streams-polyfill": {
1177 |       "version": "3.3.2",
1178 |       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.2.tgz",
1179 |       "integrity": "sha512-3pRGuxRF5gpuZc0W+EpwQRmCD7gRqcDOMt688KmdlDAgAyaB1XlN0zq2njfDNm44XVdIouE7pZ6GzbdyH47uIQ==",
1180 |       "engines": {
1181 |         "node": ">= 8"
1182 |       }
1183 |     },
1184 |     "node_modules/webidl-conversions": {
1185 |       "version": "3.0.1",
1186 |       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
1187 |       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
1188 |     },
1189 |     "node_modules/whatwg-url": {
1190 |       "version": "5.0.0",
1191 |       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
1192 |       "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
1193 |       "dependencies": {
1194 |         "tr46": "~0.0.3",
1195 |         "webidl-conversions": "^3.0.0"
1196 |       }
1197 |     }
1198 |   }
1199 | }
1200 | 


--------------------------------------------------------------------------------