remove types file

Author: thomasyuill-livekit

app-config.ts

@@ -1,4 +1,22 @@
-import type { AppConfig } from './lib/types';
+export interface AppConfig {
+  pageTitle: string;
+  pageDescription: string;
+  companyName: string;
+
+  supportsChatInput: boolean;
+  supportsVideoInput: boolean;
+  supportsScreenShare: boolean;
+  isPreConnectBufferEnabled: boolean;
+
+  logo: string;
+  startButtonText: string;
+  accent?: string;
+  logoDark?: string;
+  accentDark?: string;
+
+  sandboxId?: string;
+  agentName?: string;
+}
 
 export const APP_CONFIG_DEFAULTS: AppConfig = {
   companyName: 'LiveKit',

app/api/connection-details/route.ts

@@ -1,7 +1,7 @@
 import { NextResponse } from 'next/server';
 import { AccessToken, type AccessTokenOptions, type VideoGrant } from 'livekit-server-sdk';
 import { RoomConfiguration } from '@livekit/protocol';
-import type { ConnectionDetails } from '@/lib/types';
+import type { ConnectionDetails } from '@/hooks/useConnectionDetails';
 
 // NOTE: you are expected to define the following environment variables in `.env.local`:
 const API_KEY = process.env.LIVEKIT_API_KEY;

app/ui/_room-provider.tsx

@@ -3,9 +3,9 @@
 import React from 'react';
 import { Room } from 'livekit-client';
 import { RoomContext } from '@livekit/components-react';
+import { AppConfig } from '@/app-config';
 import { toastAlert } from '@/components/livekit/alert-toast';
 import useConnectionDetails from '@/hooks/useConnectionDetails';
-import { AppConfig } from '@/lib/types';
 
 export function RoomProvider({
   appConfig,

components/app/app.tsx

@@ -2,11 +2,11 @@
 
 import { AnimatePresence, motion } from 'motion/react';
 import { RoomAudioRenderer, RoomContext, StartAudio } from '@livekit/components-react';
+import type { AppConfig } from '@/app-config';
 import { SessionView } from '@/components/app/session-view';
 import { Welcome } from '@/components/app/welcome';
 import { Toaster } from '@/components/livekit/toaster';
 import { useRoom } from '@/hooks/useRoom';
-import type { AppConfig } from '@/lib/types';
 
 const MotionWelcome = motion.create(Welcome);
 const MotionSessionView = motion.create(SessionView);

components/app/session-view.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState } from 'react';
 import { motion } from 'motion/react';
+import type { AppConfig } from '@/app-config';
 import { ChatTranscript } from '@/components/app/chat-transcript';
 import { PreConnectMessage } from '@/components/app/preconnect-message';
 import { TileLayout } from '@/components/app/tile-layout';
@@ -13,7 +14,6 @@ import { Skrim } from '@/components/livekit/skrim';
 import { useChatTranscriptions } from '@/hooks/useChatAndTranscription';
 import { useConnectionTimeout } from '@/hooks/useConnectionTimout';
 import { useDebugMode } from '@/hooks/useDebug';
-import type { AppConfig } from '@/lib/types';
 import { cn } from '@/lib/utils';
 import { ScrollArea } from '../livekit/scroll-area';
 

components/app/theme-toggle.tsx

@@ -2,7 +2,6 @@
 
 import { useEffect, useState } from 'react';
 import { MonitorIcon, MoonIcon, SunIcon } from '@phosphor-icons/react';
-import type { ThemeMode } from '@/lib/types';
 import { THEME_MEDIA_QUERY, THEME_STORAGE_KEY, cn } from '@/lib/utils';
 
 const THEME_SCRIPT = `
@@ -23,6 +22,8 @@ const THEME_SCRIPT = `
   .replace(/\n/g, '')
   .replace(/\s+/g, ' ');
 
+export type ThemeMode = 'dark' | 'light' | 'system';
+
 function applyTheme(theme: ThemeMode) {
   const doc = document.documentElement;
 

hooks/useConnectionDetails.ts

@@ -1,9 +1,16 @@
 import { useCallback, useEffect, useState } from 'react';
 import { decodeJwt } from 'jose';
-import type { AppConfig, ConnectionDetails } from '@/lib/types';
+import type { AppConfig } from '@/app-config';
 
 const ONE_MINUTE_IN_MILLISECONDS = 60 * 1000;
 
+export type ConnectionDetails = {
+  serverUrl: string;
+  roomName: string;
+  participantName: string;
+  participantToken: string;
+};
+
 export default function useConnectionDetails(appConfig: AppConfig) {
   // Generate room connection details, including:
   //   - A random Room name

hooks/useRoom.ts

@@ -1,8 +1,8 @@
 import { useEffect, useMemo, useState } from 'react';
 import { Room, RoomEvent } from 'livekit-client';
+import { AppConfig } from '@/app-config';
 import { toastAlert } from '@/components/livekit/alert-toast';
 import useConnectionDetails from '@/hooks/useConnectionDetails';
-import { AppConfig } from '@/lib/types';
 
 export function useRoom(appConfig: AppConfig) {
   const room = useMemo(() => new Room(), []);

lib/types.ts

@@ -2,14 +2,22 @@ import { cache } from 'react';
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { APP_CONFIG_DEFAULTS } from '@/app-config';
-import type { AppConfig, SandboxConfig } from './types';
+import type { AppConfig } from '@/app-config';
 
 export const CONFIG_ENDPOINT = process.env.NEXT_PUBLIC_APP_CONFIG_ENDPOINT;
 export const SANDBOX_ID = process.env.SANDBOX_ID;
 
 export const THEME_STORAGE_KEY = 'theme-mode';
 export const THEME_MEDIA_QUERY = '(prefers-color-scheme: dark)';
 
+export interface SandboxConfig {
+  [key: string]:
+    | { type: 'string'; value: string }
+    | { type: 'number'; value: number }
+    | { type: 'boolean'; value: boolean }
+    | null;
+}
+
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }