linter

Author: Zindiks

client/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "jsxSingleQuote": false,
+  "bracketSpacing": true
+}

client/eslint.config.js

@@ -3,11 +3,17 @@ import globals from "globals";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import tseslint from "typescript-eslint";
+import prettier from "eslint-plugin-prettier";
+import eslintConfigPrettier from "eslint-config-prettier";
 
 export default tseslint.config(
   { ignores: ["dist"] },
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      eslintConfigPrettier,
+    ],
     files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
@@ -16,13 +22,17 @@ export default tseslint.config(
     plugins: {
       "react-hooks": reactHooks,
       "react-refresh": reactRefresh,
+      prettier: prettier,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
       "react-refresh/only-export-components": [
         "warn",
         { allowConstantExport: true },
       ],
+      "prettier/prettier": "error",
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-non-null-assertion": "error",
     },
   },
 );

client/package-lock.json

@@ -65,12 +65,15 @@
     "@vitest/ui": "4.0.10",
     "autoprefixer": "^10.4.22",
     "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
     "jsdom": "^27.2.0",
     "msw": "^2.12.2",
     "postcss": "8.5.6",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4.1.17",
     "typescript": "5.9.3",
     "typescript-eslint": "8.47.0",

client/package.json

@@ -1,12 +1,12 @@
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { BrowserRouter as Router } from "react-router-dom";
-import AppRoutes from "./routes";
-import { Toaster } from "./components/ui/toaster";
-import { UserProvider } from "./contexts/UserContext";
-import { WebSocketProvider } from "./contexts/WebSocketContext";
-import { SearchProvider } from "./contexts/SearchContext";
-import { useUser } from "./contexts/UserContext";
-import { GlobalSearch } from "./components/search/GlobalSearch";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BrowserRouter as Router } from 'react-router-dom';
+import AppRoutes from './routes';
+import { Toaster } from './components/ui/toaster';
+import { UserProvider } from './contexts/UserContext';
+import { WebSocketProvider } from './contexts/WebSocketContext';
+import { SearchProvider } from './contexts/SearchContext';
+import { useUser } from './contexts/UserContext';
+import { GlobalSearch } from './components/search/GlobalSearch';
 
 const queryClient = new QueryClient();
 
@@ -23,11 +23,7 @@ function WebSocketIntegration({ children }: { children: React.ReactNode }) {
   }
 
   return (
-    <WebSocketProvider
-      serverUrl="http://localhost:4000"
-      userId={user.id}
-      userEmail={user.email}
-    >
+    <WebSocketProvider serverUrl="http://localhost:4000" userId={user.id} userEmail={user.email}>
       {children}
     </WebSocketProvider>
   );
@@ -41,7 +37,7 @@ function App() {
           <SearchProvider>
             <WebSocketIntegration>
               <AppRoutes />
-              <GlobalSearch />              <Toaster />
+              <GlobalSearch /> <Toaster />
             </WebSocketIntegration>
           </SearchProvider>
         </Router>

client/src/App.tsx

@@ -298,8 +298,6 @@ describe('useBoard hook', () => {
         expect(queryResult.current.isLoading).toBe(false);
       });
 
-
-
       // Create a new board
       await act(async () => {
         hookResult.current.createBoard.mutate({

client/src/__tests__/unit/hooks/useBoards.test.ts

@@ -272,7 +272,10 @@ describe('useCardFilters hook', () => {
       const sorted = result.current.filterAndSortCards(mockCards);
 
       // Log to debug
-      console.log('Sorted priorities:', sorted.map(c => c.priority));
+      console.log(
+        'Sorted priorities:',
+        sorted.map((c) => c.priority),
+      );
       console.log('Sort direction:', result.current.filters.sortDirection);
       console.log('Sort option:', result.current.filters.sort);
 

client/src/__tests__/unit/hooks/useCardFilters.test.ts

@@ -93,10 +93,7 @@ describe('useCards hook', () => {
       ];
 
       await act(async () => {
-        result.current.updateCardsOrder.mutate([
-          { cards: reorderedCards },
-          'list-123',
-        ]);
+        result.current.updateCardsOrder.mutate([{ cards: reorderedCards }, 'list-123']);
       });
 
       await waitFor(() => {
@@ -234,7 +231,7 @@ describe('useCards hook', () => {
       });
 
       expect(result.current.updateCardDetails.data?.data.description).toBe(
-        'New detailed description'
+        'New detailed description',
       );
     });
 

client/src/__tests__/unit/hooks/useCards.test.ts

@@ -211,10 +211,7 @@ describe('useLists hook', () => {
       ];
 
       await act(async () => {
-        result.current.updateListsOrder.mutate([
-          { lists: reorderedLists },
-          testBoardId,
-        ]);
+        result.current.updateListsOrder.mutate([{ lists: reorderedLists }, testBoardId]);
       });
 
       await waitFor(() => {
@@ -301,8 +298,6 @@ describe('useLists hook', () => {
         expect(hookResult.current.lists.isLoading).toBe(false);
       });
 
-
-
       // Create a new list
       await act(async () => {
         hookResult.current.createList.mutate({

client/src/__tests__/unit/hooks/useLists.test.ts

@@ -65,7 +65,7 @@ describe('utils', () => {
         'base-class',
         { active: isActive, disabled: isDisabled },
         isActive && 'text-blue-500',
-        'p-4'
+        'p-4',
       );
       expect(result).toBe('base-class active text-blue-500 p-4');
     });