chore: add ESLint configuration for api and web packages

- Introduced ESLint configuration files for both api and web packages to enforce coding standards.
- Updated MinioService and TokenService to improve error handling and type definitions.
- Refactored localStorage access in web components to use window.localStorage for consistency.
- Enhanced ESLint rules in base configuration to improve code quality and maintainability.

apps/api/src/services/minio.service.ts

@@ -91,7 +91,7 @@ export class MinioService {
     try {
       await this.client.statObject(this.bucketName, objectName);
       return true;
-    } catch (error) {
+    } catch (_error) {
       return false;
     }
   }

apps/api/src/services/token.service.ts

@@ -90,7 +90,7 @@ export class TokenService {
     );
 
     const tx = txn
-      ? (callback: Function) => callback(txn)
+      ? (callback: (tx: TransactionClient) => Promise<void>) => callback(txn)
       : this.prisma.$transaction.bind(this.prisma);
 
     await tx(async (tx) => {

apps/api/src/utils/middlewares.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
 import { MercuriusContext } from 'mercurius';
 
 const isCallback = (

apps/web/package.json

@@ -2,7 +2,6 @@
   "name": "web",
   "private": true,
   "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
     "check-types": "tsc --noEmit",

apps/web/src/App.tsx

@@ -27,8 +27,8 @@ function App() {
 
   // Check if user is already authenticated
   const checkAuth = () => {
-    const token = localStorage.getItem('token');
+    const token = window.localStorage.getItem('token');
-    const storedUserId = localStorage.getItem('userId');
+    const storedUserId = window.localStorage.getItem('userId');
 
     if (token && storedUserId) {
       setIsAuthenticated(true);
@@ -52,8 +52,8 @@ function App() {
     } catch (error) {
       console.error('Logout failed:', error);
     } finally {
-      localStorage.removeItem('token');
+      window.localStorage.removeItem('token');
-      localStorage.removeItem('userId');
+      window.localStorage.removeItem('userId');
       setIsAuthenticated(false);
       setUserId('');
       setSelectedRoomId(null);

apps/web/src/components/chat-room.tsx

@@ -75,10 +75,7 @@ interface ChatRoomProps {
 }
 
 export function ChatRoom(props: ChatRoomProps) {
-  const [variables, setVariables] = createSignal({
+  const [variables, setVariables] = createSignal({});
-    id: props.roomId,
-    roomId: props.roomId,
-  });
   const [message, setMessage] = createSignal('');
   const [messages, setMessages] = createSignal<Message[]>([]);
   const [confirmLeave, setConfirmLeave] = createSignal(false);
@@ -240,9 +237,9 @@ export function ChatRoom(props: ChatRoomProps) {
       }
     };
 
-    document.addEventListener('mousedown', handleClickOutside);
+    window.document.addEventListener('mousedown', handleClickOutside);
     return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
+      window.document.removeEventListener('mousedown', handleClickOutside);
     };
   });
 
@@ -345,8 +342,8 @@ export function ChatRoom(props: ChatRoomProps) {
 
         {showEmojiPicker() && (
           <div ref={emojiPickerContainer} class='emoji-picker-container'>
-            {/* @ts-ignore */}
+            {/* @ts-expect-error - emoji-picker-element is not typed */}
-            <emoji-picker ref={(el: Picker) => setPickerRef(el)}></emoji-picker>
+            <emoji-picker ref={(el: Picker) => setPickerRef(el)} />
           </div>
         )}
       </form>

apps/web/src/components/login-form.tsx

@@ -48,8 +48,8 @@ export function LoginForm(props: LoginFormProps) {
 
       if (result.data?.login) {
         const { accessToken, user } = result.data.login;
-        localStorage.setItem('token', accessToken);
+        window.localStorage.setItem('token', accessToken);
-        localStorage.setItem('userId', user.id);
+        window.localStorage.setItem('userId', user.id);
         props.onLoginSuccess(accessToken, user.id);
       } else {
         setError('Login failed: No data received from server');

apps/web/src/components/register-form.tsx

@@ -56,8 +56,8 @@ export function RegisterForm(props: RegisterFormProps) {
 
       if (result.data?.register) {
         const { accessToken, user } = result.data.register;
-        localStorage.setItem('token', accessToken);
+        window.localStorage.setItem('token', accessToken);
-        localStorage.setItem('userId', user.id);
+        window.localStorage.setItem('userId', user.id);
         props.onRegisterSuccess(accessToken, user.id);
       } else {
         setError('Registration failed: No data received from server');

apps/web/src/components/room-list.tsx

@@ -172,7 +172,7 @@ export function RoomList(props: RoomListProps) {
 
   // Check if the current user is a member of a room
   const isMember = (room: Room) => {
-    const userId = localStorage.getItem('userId');
+    const userId = window.localStorage.getItem('userId');
     return room.members?.some((member) => member.id === userId);
   };
 

apps/web/src/lib/graphql-client.ts

@@ -37,7 +37,7 @@ export const client = createClient({
   ],
   // For development, we'll add a simple header-based authentication
   fetchOptions: () => {
-    const token = localStorage.getItem('token');
+    const token = window.localStorage.getItem('token');
     return {
       credentials: 'include',
       headers: {

packages/eslint-config/base.js

@@ -1,4 +1,4 @@
-import js from '@eslint/js';
+import eslint from '@eslint/js';
 import turboPlugin from 'eslint-plugin-turbo';
 import tseslint from 'typescript-eslint';
 
@@ -7,18 +7,30 @@ import tseslint from 'typescript-eslint';
  *
  * @type {import("eslint").Linter.Config[]}
  * */
-export const config = [
+export const config = tseslint.config(
-  js.configs.recommended,
+  eslint.configs.recommended,
-  ...tseslint.configs.recommended,
+  tseslint.configs.recommended,
+  [
     {
       plugins: {
         turbo: turboPlugin,
       },
       rules: {
         'turbo/no-undeclared-env-vars': 'warn',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-empty-object-type': 'off',
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          {
+            argsIgnorePattern: '^_',
+            varsIgnorePattern: '^_',
+            caughtErrorsIgnorePattern: '^_',
+          },
+        ],
       },
     },
     {
       ignores: ['dist/**'],
     },
-];
+  ]
+);

packages/eslint-config/solid.js

@@ -1,4 +1,3 @@
-import js from '@eslint/js';
 import solid from 'eslint-plugin-solid/configs/typescript';
 import * as tsParser from '@typescript-eslint/parser';
 import { config as baseConfig } from './base.js';
@@ -9,11 +8,10 @@ import { config as baseConfig } from './base.js';
  * @type {import("eslint").Linter.Config[]} */
 export const config = [
   ...baseConfig,
-  js.configs.recommended,
   {
     files: ['**/*.{ts,tsx}'],
     ...solid,
-    ignores: ['turbo/generators/**'],
+    ignores: ['turbo/generators/**', 'vite.config.ts'],
     languageOptions: {
       parser: tsParser,
       parserOptions: {
@@ -21,6 +19,7 @@ export const config = [
       },
       globals: {
         window: true,
+        console: true,
       },
     },
   },