fix up lint issues

Author: davidliu

app.json

@@ -49,8 +49,7 @@
           "backgroundColor": "#ffffff"
         }
       ],
-      "expo-font",
-      "expo-web-browser"
+      "expo-font"
     ],
     "experiments": {
       "typedRoutes": true

app/(start)/index.tsx

@@ -1,6 +1,6 @@
 import { useConnection } from '@/hooks/useConnection';
 import { useRouter } from 'expo-router';
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import {
   StyleSheet,
   View,

app/assistant/index.tsx

@@ -23,7 +23,11 @@ import ChatBar from './ui/ChatBar';
 import ChatLog from './ui/ChatLog';
 import AgentVisualization from './ui/AgentVisualization';
 import { Track } from 'livekit-client';
-import { TrackReference, useSessionContext, useSessionMessages, useTrackToggle } from '@livekit/components-react';
+import {
+  TrackReference,
+  useSessionMessages,
+  useTrackToggle,
+} from '@livekit/components-react';
 import { useConnection } from '@/hooks/useConnection';
 
 export default function AssistantScreen() {
@@ -49,7 +53,6 @@ export default function AssistantScreen() {
 const RoomView = () => {
   const router = useRouter();
   const connection = useConnection();
-  const session = useSessionContext();
   const room = useRoomContext();
 
   useIOSAudioManagement(room, true);
@@ -70,40 +73,41 @@ const RoomView = () => {
 
   const localVideoTrack =
     localCameraTrack && isCameraEnabled
-      ? {
+      ? ({
           participant: localParticipant,
           publication: localCameraTrack,
           source: Track.Source.Camera,
-        } satisfies TrackReference
+        } satisfies TrackReference)
       : localScreenShareTrack.length > 0 && isScreenShareEnabled
       ? localScreenShareTrack[0]
       : null;
 
   // Messages
-  const { messages, send } = useSessionMessages()
+  const { messages, send } = useSessionMessages();
   const [isChatEnabled, setChatEnabled] = useState(false);
   const [chatMessage, setChatMessage] = useState('');
 
   const onChatSend = useCallback(
     (message: string) => {
-      send(message)
+      send(message);
       setChatMessage('');
     },
-    [localParticipantIdentity, setChatMessage]
+    [setChatMessage, send]
   );
 
   // Control callbacks
   const micToggle = useTrackToggle({ source: Track.Source.Microphone });
   const cameraToggle = useTrackToggle({ source: Track.Source.Camera });
-  const screenShareToggle = useTrackToggle({ source: Track.Source.ScreenShare });
+  const screenShareToggle = useTrackToggle({
+    source: Track.Source.ScreenShare,
+  });
   const onChatClick = useCallback(() => {
     setChatEnabled(!isChatEnabled);
   }, [isChatEnabled, setChatEnabled]);
   const onExitClick = useCallback(() => {
-    connection.startDisconnectTransition();
-    connection.onDisconnectTransitionComplete();
+    connection.disconnect();
     router.back();
-  }, [router]);
+  }, [connection, router]);
 
   // Layout positioning
   const [containerWidth, setContainerWidth] = useState(
@@ -145,10 +149,7 @@ const RoomView = () => {
       }}
     >
       <View style={styles.spacer} />
-      <ChatLog
-        style={styles.logContainer}
-        messages={messages}
-      />
+      <ChatLog style={styles.logContainer} messages={messages} />
       <ChatBar
         style={styles.chatBar}
         value={chatMessage}

app/assistant/ui/AgentVisualization.tsx

@@ -1,4 +1,4 @@
-import { useAgent, useVoiceAssistant } from '@livekit/components-react';
+import { useAgent } from '@livekit/components-react';
 import { BarVisualizer, VideoTrack } from '@livekit/react-native';
 import React, { useCallback, useState } from 'react';
 import {
@@ -19,7 +19,7 @@ export default function AgentVisualization({ style }: AgentVisualizationProps) {
   const { state, microphoneTrack, cameraTrack } = useAgent();
   const [barWidth, setBarWidth] = useState(0);
   const [barBorderRadius, setBarBorderRadius] = useState(0);
-  
+
   const layoutCallback = useCallback((event: LayoutChangeEvent) => {
     const { x, y, width, height } = event.nativeEvent.layout;
     console.log(x, y, width, height);

app/assistant/ui/ChatLog.tsx

@@ -1,4 +1,7 @@
-import { ReceivedMessage, useLocalParticipant } from '@livekit/components-react';
+import {
+  ReceivedMessage,
+  useLocalParticipant,
+} from '@livekit/components-react';
 import { useCallback } from 'react';
 import {
   ListRenderItemInfo,
@@ -15,7 +18,10 @@ export type ChatLogProps = {
   style: StyleProp<ViewStyle>;
   messages: ReceivedMessage[];
 };
-export default function ChatLog({ style, messages: transcriptions }: ChatLogProps) {
+export default function ChatLog({
+  style,
+  messages: transcriptions,
+}: ChatLogProps) {
   const { localParticipant } = useLocalParticipant();
 
   const renderItem = useCallback(

hooks/useConnection.tsx

@@ -19,15 +19,13 @@ const hardcodedToken = '';
 interface ConnectionContextType {
   isConnectionActive: boolean;
   connect: () => void;
-  startDisconnectTransition: () => void;
-  onDisconnectTransitionComplete: () => void;
+  disconnect: () => void;
 }
 
 const ConnectionContext = createContext<ConnectionContextType>({
   isConnectionActive: false,
   connect: () => {},
-  startDisconnectTransition: () => {},
-  onDisconnectTransitionComplete: () => {},
+  disconnect: () => {},
 });
 
 export function useConnection() {
@@ -72,10 +70,8 @@ export function ConnectionProvider({ children }: ConnectionProviderProps) {
         setIsConnectionActive(true);
         startSession();
       },
-      startDisconnectTransition: () => {
+      disconnect: () => {
         setIsConnectionActive(false);
-      },
-      onDisconnectTransitionComplete: () => {
         endSession();
       },
     };