├── public └── og-image.png ├── src ├── app │ ├── favicon.ico │ ├── fonts │ │ ├── GeistVF.woff │ │ └── GeistMonoVF.woff │ ├── settings │ │ └── page.tsx │ ├── globals.css │ ├── layout.tsx │ └── page.tsx ├── types │ ├── chat.ts │ ├── next-auth.d.ts │ └── multimodal-live-types.ts ├── pages │ └── api │ │ └── auth │ │ └── [...nextauth].ts ├── lib │ ├── utils.ts │ ├── prisma.ts │ └── auth.ts ├── components │ ├── AuthProvider.tsx │ ├── Footer.tsx │ ├── icons │ │ ├── IconMicrophone.tsx │ │ ├── IconSpinner.tsx │ │ ├── IconStop.tsx │ │ ├── GeminiLogo.tsx │ │ └── BrownChatLogo.tsx │ ├── ui │ │ ├── label.tsx │ │ ├── textarea.tsx │ │ ├── input.tsx │ │ ├── tooltip.tsx │ │ ├── switch.tsx │ │ ├── avatar.tsx │ │ ├── button.tsx │ │ ├── card.tsx │ │ ├── select.tsx │ │ └── dropdown-menu.tsx │ ├── SignInButton.tsx │ ├── Navbar.tsx │ ├── Message.tsx │ ├── SettingsForm.tsx │ └── Gemini.tsx ├── utils │ ├── supabase.ts │ ├── multimodal-live.ts │ ├── audio-worklets │ │ └── audio-processing.ts │ ├── auth.ts │ ├── audio-recorder.ts │ ├── audio-streamer.ts │ └── MultimodalLiveClient.ts └── styles │ └── globals.css ├── .env.example ├── postcss.config.mjs ├── README.md ├── next.config.mjs ├── components.json ├── .gitignore ├── .eslintrc.json ├── .editorconfig ├── tsconfig.json ├── prisma └── schema.prisma ├── package.json ├── tailwind.config.ts └── LICENSE /public/og-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sugarforever/brown-chat/main/public/og-image.png -------------------------------------------------------------------------------- /src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sugarforever/brown-chat/main/src/app/favicon.ico -------------------------------------------------------------------------------- /src/app/fonts/GeistVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sugarforever/brown-chat/main/src/app/fonts/GeistVF.woff -------------------------------------------------------------------------------- /src/app/fonts/GeistMonoVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sugarforever/brown-chat/main/src/app/fonts/GeistMonoVF.woff -------------------------------------------------------------------------------- /src/types/chat.ts: -------------------------------------------------------------------------------- 1 | export interface ChatMessage { 2 | content: string; 3 | role: 'assistant' | 'system' | 'tool'; 4 | } 5 | -------------------------------------------------------------------------------- /src/pages/api/auth/[...nextauth].ts: -------------------------------------------------------------------------------- 1 | import NextAuth from "next-auth"; 2 | import { authOptions } from "@/lib/auth"; 3 | 4 | export default NextAuth(authOptions); -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | GOOGLE_CLIENT_ID= 2 | GOOGLE_CLIENT_SECRET= 3 | NEXTAUTH_URL=http://localhost:3000 4 | NEXTAUTH_SECRET= 5 | DATABASE_URL=postgresql://localhost:5432/example -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('postcss-load-config').Config} */ 2 | const config = { 3 | plugins: { 4 | tailwindcss: {}, 5 | }, 6 | }; 7 | 8 | export default config; 9 | -------------------------------------------------------------------------------- /src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { clsx, type ClassValue } from "clsx" 2 | import { twMerge } from "tailwind-merge" 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)) 6 | } 7 | -------------------------------------------------------------------------------- /src/components/AuthProvider.tsx: -------------------------------------------------------------------------------- 1 | 'use client' 2 | 3 | import { SessionProvider } from "next-auth/react" 4 | 5 | export default function AuthProvider({ children }: { children: React.ReactNode }) { 6 | return {children} 7 | } -------------------------------------------------------------------------------- /src/utils/supabase.ts: -------------------------------------------------------------------------------- 1 | import { createClient } from '@supabase/supabase-js' 2 | 3 | const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL! 4 | const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! 5 | 6 | export const supabase = createClient(supabaseUrl, supabaseAnonKey) -------------------------------------------------------------------------------- /src/app/settings/page.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { SettingsForm } from "@/components/SettingsForm"; 4 | 5 | export default function SettingsPage() { 6 | return ( 7 |
8 |

Settings

9 | 10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /src/components/Footer.tsx: -------------------------------------------------------------------------------- 1 | const Footer = () => { 2 | return ( 3 | 8 | ); 9 | }; 10 | 11 | export default Footer; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | BrownChat is a LLM powered realtime audio chat application. 2 | 3 | ## Getting Started 4 | 5 | First, run the development server: 6 | 7 | ```bash 8 | npm run dev 9 | # or 10 | yarn dev 11 | # or 12 | pnpm dev 13 | # or 14 | bun dev 15 | ``` 16 | 17 | Open [http://localhost:3000](http://localhost:3000) with your browser to start using BrownChat. 18 | -------------------------------------------------------------------------------- /src/types/next-auth.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultSession } from "next-auth"; 2 | 3 | declare module "next-auth" { 4 | interface Session { 5 | user?: { 6 | id: string; 7 | name?: string | null; 8 | email?: string | null; 9 | image?: string | null; 10 | balance: number; 11 | // add other properties you need 12 | } & DefaultSession["user"]; 13 | } 14 | } -------------------------------------------------------------------------------- /next.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | env: { 4 | GOOGLE_CLIENT_ID: process.env.GOOGLE_CLIENT_ID, 5 | GOOGLE_CLIENT_SECRET: process.env.GOOGLE_CLIENT_SECRET, 6 | NEXTAUTH_URL: process.env.NEXTAUTH_URL, 7 | NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET, 8 | DATABASE_URL: process.env.DATABASE_URL, 9 | } 10 | }; 11 | 12 | export default nextConfig; 13 | -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://ui.shadcn.com/schema.json", 3 | "style": "new-york", 4 | "rsc": true, 5 | "tsx": true, 6 | "tailwind": { 7 | "config": "tailwind.config.ts", 8 | "css": "src/app/globals.css", 9 | "baseColor": "zinc", 10 | "cssVariables": true, 11 | "prefix": "" 12 | }, 13 | "aliases": { 14 | "components": "@/components", 15 | "utils": "@/lib/utils", 16 | "ui": "@/components/ui", 17 | "lib": "@/lib", 18 | "hooks": "@/hooks" 19 | } 20 | } -------------------------------------------------------------------------------- /src/components/icons/IconMicrophone.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const IconMicrophone: React.FC<{ className?: string }> = ({ className = '' }) => ( 4 | 5 | 6 | 7 | ); 8 | 9 | export default IconMicrophone; 10 | -------------------------------------------------------------------------------- /src/lib/prisma.ts: -------------------------------------------------------------------------------- 1 | import { PrismaClient } from '@prisma/client' 2 | 3 | const prismaClientSingleton = () => { 4 | return new PrismaClient() 5 | } 6 | 7 | type PrismaClientSingleton = ReturnType 8 | 9 | const globalForPrisma = globalThis as unknown as { 10 | prisma: PrismaClientSingleton | undefined 11 | } 12 | 13 | const prisma = globalForPrisma.prisma ?? prismaClientSingleton() 14 | 15 | export default prisma 16 | 17 | if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | .env 31 | 32 | # vercel 33 | .vercel 34 | 35 | # typescript 36 | *.tsbuildinfo 37 | next-env.d.ts 38 | 39 | # env files 40 | .env*.local 41 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "next/core-web-vitals", 4 | "next/typescript", 5 | "plugin:@typescript-eslint/recommended", 6 | "prettier" 7 | ], 8 | "plugins": ["@typescript-eslint"], 9 | "parser": "@typescript-eslint/parser", 10 | "rules": { 11 | "@typescript-eslint/no-empty-object-type": "off", 12 | "react/react-in-jsx-scope": "off", 13 | "react/prop-types": "off", 14 | "@typescript-eslint/explicit-module-boundary-types": "off", 15 | "@typescript-eslint/no-explicit-any": "warn", 16 | "no-unused-vars": "off", 17 | "@typescript-eslint/no-unused-vars": ["error"] 18 | } 19 | } -------------------------------------------------------------------------------- /src/components/icons/IconSpinner.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const IconSpinner: React.FC<{ className?: string }> = ({ className = '' }) => ( 4 | 19 | ); 20 | 21 | export default IconSpinner; 22 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig is awesome: https://EditorConfig.org 2 | 3 | # top-most EditorConfig file 4 | root = true 5 | 6 | # Unix-style newlines with a newline ending every file 7 | [*] 8 | end_of_line = lf 9 | insert_final_newline = true 10 | charset = utf-8 11 | trim_trailing_whitespace = true 12 | 13 | # TypeScript and JavaScript files 14 | [*.{ts,tsx,js,jsx,mjs}] 15 | indent_style = space 16 | indent_size = 2 17 | 18 | # JSON files 19 | [*.json] 20 | indent_style = space 21 | indent_size = 2 22 | 23 | # CSS, SCSS files 24 | [*.{css,scss}] 25 | indent_style = space 26 | indent_size = 2 27 | 28 | # Markdown files 29 | [*.md] 30 | trim_trailing_whitespace = false 31 | 32 | # YAML files 33 | [*.{yml,yaml}] 34 | indent_style = space 35 | indent_size = 2 -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "lib": ["dom", "dom.iterable", "esnext"], 4 | "allowJs": true, 5 | "skipLibCheck": true, 6 | "strict": true, 7 | "noEmit": true, 8 | "esModuleInterop": true, 9 | "module": "esnext", 10 | "moduleResolution": "bundler", 11 | "resolveJsonModule": true, 12 | "isolatedModules": true, 13 | "jsx": "preserve", 14 | "incremental": true, 15 | "plugins": [ 16 | { 17 | "name": "next" 18 | } 19 | ], 20 | "paths": { 21 | "@/*": ["./src/*"] 22 | }, 23 | "typeRoots": ["./node_modules/@types", "./src/types"] 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /src/components/icons/IconStop.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const IconStop: React.FC<{ className?: string }> = ({ className = '' }) => ( 4 | 25 | ); 26 | 27 | export default IconStop; 28 | -------------------------------------------------------------------------------- /src/components/ui/label.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import * as React from "react" 4 | import * as LabelPrimitive from "@radix-ui/react-label" 5 | import { cva, type VariantProps } from "class-variance-authority" 6 | 7 | import { cn } from "@/lib/utils" 8 | 9 | const labelVariants = cva( 10 | "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" 11 | ) 12 | 13 | const Label = React.forwardRef< 14 | React.ElementRef, 15 | React.ComponentPropsWithoutRef & 16 | VariantProps 17 | >(({ className, ...props }, ref) => ( 18 | 23 | )) 24 | Label.displayName = LabelPrimitive.Root.displayName 25 | 26 | export { Label } 27 | -------------------------------------------------------------------------------- /src/components/ui/textarea.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | import { cn } from "@/lib/utils" 4 | 5 | export interface TextareaProps 6 | extends React.TextareaHTMLAttributes {} 7 | 8 | const Textarea = React.forwardRef( 9 | ({ className, ...props }, ref) => { 10 | return ( 11 |