chore: update and fix eslint errors

.husky/pre-push

@@ -1 +1 @@
-pnpm run build
+turbo run build

apps/client/.eslintrc.js

@@ -0,0 +1,5 @@
+// https://docs.expo.dev/guides/using-eslint/
+module.exports = {
+  extends: 'expo',
+  ignorePatterns: ['/dist/*'],
+};

apps/client/package.json

@@ -46,6 +46,8 @@
     "@types/jest": "^29.5.12",
     "@types/react": "~18.3.12",
     "@types/react-test-renderer": "^18.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-expo": "~8.0.1",
     "jest": "^29.2.1",
     "jest-expo": "~52.0.3",
     "react-test-renderer": "18.3.1",

apps/web/app/page.tsx

@@ -5,13 +5,19 @@ import {
   ArrowRight,
   Dumbbell,
   Heart,
+  LucideIcon,
   MessageCircle,
   PiggyBank,
 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { InfoCard } from './components/info-card'
 
-const infoCardContent = [
+type InfoCard = {
+  icon: LucideIcon
+  content: string
+}
+
+const infoCardContent: InfoCard[] = [
   {
     icon: MessageCircle,
     content:
@@ -86,7 +92,7 @@ export default function Page(): JSX.Element {
           }}
         />
         <div className="mt-10 flex w-full flex-col flex-wrap items-center justify-center gap-10 md:flex-row">
-          {infoCardContent.map((card, i) => (
+          {infoCardContent.map((card: InfoCard, i: number) => (
             <InfoCard icon={card.icon} content={card.content} key={i} />
           ))}
         </div>

apps/web/app/room/[slug]/components/chat.tsx

@@ -5,12 +5,7 @@ import { MessageCircle } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { ScrollArea } from '@/components/ui/scroll-area'
-import { MessageItem } from './message-item'
-
-export type Message = {
-  sender: 'me' | 'other'
-  content: string
-}
+import { Message, MessageItem } from './message-item'
 
 type Chat = {
   messages: Message[]

apps/web/app/room/[slug]/components/message-item.tsx

@@ -1,11 +1,15 @@
 import clsx from 'clsx'
-import { Message } from './chat'
 
-type MessageItem = {
+export type Message = {
+  sender: 'me' | 'other'
+  content: string
+}
+
+type MessageItemProps = {
   message: Message
 }
 
-export const MessageItem: React.FC<MessageItem> = ({ message }) => {
+export const MessageItem = ({ message }: MessageItemProps) => {
   const isMe = message.sender === 'me'
 
   return (

apps/web/app/room/[slug]/page.tsx

@@ -11,13 +11,14 @@ import useWebSocket from 'react-use-websocket'
 import { usePathname } from 'next/navigation'
 import { clsx } from 'clsx'
 import Peer from 'simple-peer'
-import { Chat, Message } from '@/app/room/[slug]/components/chat'
+import { Chat } from '@/app/room/[slug]/components/chat'
 import Countdown from '@/components/countdown'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent } from '@/components/ui/card'
 import { VideoPlayer } from '@/components/video-player'
 import { useUserMedia } from '@/hooks/useUserMedia'
 import { env } from '@repo/env-config'
+import { Message } from './components/message-item'
 
 export default function Page(): JSX.Element {
   const peerRef: MutableRefObject<Peer.Instance | null> = useRef(null)
@@ -178,14 +179,17 @@ export default function Page(): JSX.Element {
     type: 'audio' | 'video'
   ) => {
     const result = await switchInput(deviceId, type)
+    if (!result) {
+      return
+    }
     peerRef.current?.replaceTrack(
-      result?.oldVideoTrack!,
-      result?.newVideoTrack!,
+      result.oldVideoTrack,
+      result.newVideoTrack,
       stream!
     )
     peerRef.current?.replaceTrack(
-      result?.oldAudioTrack!,
-      result?.newAudioTrack!,
+      result.oldAudioTrack,
+      result.newAudioTrack,
       stream!
     )
   }

apps/web/next.config.js

@@ -1,10 +1,6 @@
 const nextConfig = {
   transpilePackages: ['@repo/ui'],
   reactStrictMode: false,
-  eslint: {
-    ignoreDuringBuilds: false,
-    dirs: ['pages', 'components', 'lib', 'src'], // Specify directories to lint
-  },
 }
 
 export default nextConfig

apps/web/package.json

@@ -54,6 +54,7 @@
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "dotenv-cli": "^7.4.2",
+    "eslint": "^9.19.0",
     "postcss": "^8.4.38",
     "socket.io-client": "^4.7.5",
     "tailwindcss": "^3.4.3",

packages/eslint-config/base.js

@@ -1,8 +1,8 @@
-import eslintConfigPrettier from 'eslint-config-prettier'
-import onlyWarn from 'eslint-plugin-only-warn'
-import turboPlugin from 'eslint-plugin-turbo'
-import tseslint from 'typescript-eslint'
-import js from '@eslint/js'
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import turboPlugin from "eslint-plugin-turbo";
+import tseslint from "typescript-eslint";
+import onlyWarn from "eslint-plugin-only-warn";
 
 /**
  * A shared ESLint configuration for the repository.
@@ -18,7 +18,7 @@ export const config = [
       turbo: turboPlugin,
     },
     rules: {
-      'turbo/no-undeclared-env-vars': 'warn',
+      "turbo/no-undeclared-env-vars": "warn",
     },
   },
   {
@@ -27,6 +27,6 @@ export const config = [
     },
   },
   {
-    ignores: ['dist/**'],
+    ignores: ["dist/**"],
   },
-]
+];

packages/eslint-config/next.js

@@ -1,11 +1,11 @@
-import eslintConfigPrettier from 'eslint-config-prettier'
-import pluginReact from 'eslint-plugin-react'
-import pluginReactHooks from 'eslint-plugin-react-hooks'
-import globals from 'globals'
-import tseslint from 'typescript-eslint'
-import js from '@eslint/js'
-import pluginNext from '@next/eslint-plugin-next'
-import { config as baseConfig } from './base.js'
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import tseslint from "typescript-eslint";
+import pluginReactHooks from "eslint-plugin-react-hooks";
+import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import pluginNext from "@next/eslint-plugin-next";
+import { config as baseConfig } from "./base.js";
 
 /**
  * A custom ESLint configuration for libraries that use Next.js.
@@ -28,22 +28,22 @@ export const nextJsConfig = [
   },
   {
     plugins: {
-      '@next/next': pluginNext,
+      "@next/next": pluginNext,
     },
     rules: {
       ...pluginNext.configs.recommended.rules,
-      ...pluginNext.configs['core-web-vitals'].rules,
+      ...pluginNext.configs["core-web-vitals"].rules,
     },
   },
   {
     plugins: {
-      'react-hooks': pluginReactHooks,
+      "react-hooks": pluginReactHooks,
     },
-    settings: { react: { version: 'detect' } },
+    settings: { react: { version: "detect" } },
     rules: {
       ...pluginReactHooks.configs.recommended.rules,
       // React scope no longer necessary with new JSX transform.
-      'react/react-in-jsx-scope': 'off',
+      "react/react-in-jsx-scope": "off",
     },
   },
-]
+];

packages/eslint-config/react-internals.js → packages/eslint-config/react-internal.js

@@ -1,10 +1,10 @@
-import eslintConfigPrettier from 'eslint-config-prettier'
-import pluginReact from 'eslint-plugin-react'
-import pluginReactHooks from 'eslint-plugin-react-hooks'
-import globals from 'globals'
-import tseslint from 'typescript-eslint'
-import js from '@eslint/js'
-import { config as baseConfig } from './base.js'
+import js from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import tseslint from "typescript-eslint";
+import pluginReactHooks from "eslint-plugin-react-hooks";
+import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import { config as baseConfig } from "./base.js";
 
 /**
  * A custom ESLint configuration for libraries that use React.
@@ -27,13 +27,13 @@ export const config = [
   },
   {
     plugins: {
-      'react-hooks': pluginReactHooks,
+      "react-hooks": pluginReactHooks,
     },
-    settings: { react: { version: 'detect' } },
+    settings: { react: { version: "detect" } },
     rules: {
       ...pluginReactHooks.configs.recommended.rules,
       // React scope no longer necessary with new JSX transform.
-      'react/react-in-jsx-scope': 'off',
+      "react/react-in-jsx-scope": "off",
     },
   },
-]
+];