chore(lint): add stricter ESlint rules (in packages/extensions)

Author: TheauW

package-lock.json

@@ -4,6 +4,8 @@ import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
 import _import from "eslint-plugin-import";
 import js from "@eslint/js";
 import { FlatCompat } from "@eslint/eslintrc";
+import tsPlugin from "@typescript-eslint/eslint-plugin";
+import eslintPluginUnusedImports from "eslint-plugin-unused-imports";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -25,6 +27,8 @@ export default [
   {
     plugins: {
       import: fixupPluginRules(_import),
+      "@typescript-eslint": tsPlugin,
+      "unused-imports": eslintPluginUnusedImports,
     },
 
     languageOptions: {
@@ -34,10 +38,34 @@ export default [
     },
 
     rules: {
+      // Import rules
       "import/order": ["error"],
       "import/no-unused-modules": ["error"],
+      "import/no-namespace": ["error"],
+      "unused-imports/no-unused-imports": ["error"],
+
       "import/no-useless-path-segments": ["error"],
       "react/destructuring-assignment": ["error", "always"],
+
+      // Coding style rules
+      "comma-dangle": ["error", "always-multiline"],
+      "no-unreachable": ["error"],
+      "prefer-const": ["error"],
+      "no-unused-vars": [
+        "error",
+        {
+          vars: "all",
+          varsIgnorePattern: "^_",
+          args: "after-used",
+          argsIgnorePattern: "^_",
+        },
+      ],
+      "@typescript-eslint/no-explicit-any": ["error"],
+      semi: ["error", "always"],
+
+      // Identation rules
+      indent: ["error", 2],
+
       "no-restricted-properties": [
         "error",
         {

packages/extensions/eslint.config.js

@@ -2,10 +2,10 @@
 
 //Error fallback component
 export default function Error({
-  error,
+  _error,
   reset,
 }: {
-  error: Error;
+  _error: Error;
   reset: () => void;
 }) {
   return (

packages/extensions/src/app/(dashboard)/error.tsx

@@ -1,5 +1,5 @@
 "use client";
-import * as React from "react";
+import React from "react";
 import { Box } from "@mui/material";
 import {
   OIDCSecure,

packages/extensions/src/app/(dashboard)/layout.tsx

@@ -2,10 +2,10 @@
 
 // Error fallback
 export default function GlobalError({
-  error,
+  _error,
   reset,
 }: {
-  error: Error;
+  _error: Error;
   reset: () => void;
 }) {
   return (

packages/extensions/src/app/global-error.tsx

@@ -1,18 +1,11 @@
 "use client";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useMemo, useState } from "react";
 import { useOidcAccessToken } from "@axa-fr/react-oidc";
 import {
   fetcher,
   useOIDCContext,
 } from "@dirac-grid/diracx-web-components/hooks";
-import {
-  Alert,
-  Box,
-  Button,
-  Snackbar,
-  TextField,
-  Typography,
-} from "@mui/material";
+import { Alert, Box, Button, Snackbar, TextField } from "@mui/material";
 import {
   createColumnHelper,
   getCoreRowModel,
@@ -55,17 +48,13 @@ export default function OwnerMonitor() {
         name, // Set the name
       }));
       setOwners(transformedData);
-    } catch (err) {
+    } catch {
       setError("Failed to fetch owners");
     } finally {
       setIsLoading(false);
     }
   };
 
-  useEffect(() => {
-    fetchOwners();
-  }, [accessToken]);
-
   // Handle adding a new owner
   const handleAddOwner = async () => {
     if (!ownerName) return setError("Owner name cannot be empty.");
@@ -78,7 +67,7 @@ export default function OwnerMonitor() {
       setSuccess(`Owner "${ownerName}" added successfully.`);
       setOwnerName("");
       fetchOwners(); // Refresh the owners list
-    } catch (err) {
+    } catch {
       setError("Failed to add owner.");
     }
   };