[all] Fixes linting process, fixes lint errors and warns

Author: jacomyal

eslint.config.mjs

@@ -1,51 +1,93 @@
-import globals from 'globals'
-import eslintjs from "@eslint/js";
-import prettier from "eslint-plugin-prettier/recommended";
+import { fixupPluginRules } from "@eslint/compat";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
+import _import from "eslint-plugin-import";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
-import tseslint from "typescript-eslint";
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 
-export default tseslint.config(
-  eslintjs.configs.recommended,
-  tseslint.configs.recommended,
-  prettier,
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  {
+    ignores: [
+      "**/*.js",
+      // Built files
+      "**/dist/*",
+      "**/build/*",
+      "**/node_modules/*",
+      // Doc and examples
+      "**/storybook-static/*",
+      "**/typedoc",
+      "**/.docusaurus",
+    ],
+  },
+  ...compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "prettier",
+  ),
   {
-    ignores: ["**/build/*", "**/dist/*", "**/lib/*"],
-    files: ["**/*.{ts,tsx}"],
     plugins: {
-      "react": react,
+      import: fixupPluginRules(_import),
+      "@typescript-eslint": typescriptEslint,
+      react: react,
       "react-hooks": reactHooks,
     },
+
     settings: {
       react: {
         version: "detect",
       },
     },
+
     languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
-        },
+      globals: {
+        ...globals.jest,
+        ...globals.browser,
       },
+
+      parser: tsParser,
     },
+
     rules: {
       ...react.configs.recommended.rules,
       ...reactHooks.configs.recommended.rules,
       "react/react-in-jsx-scope": "off",
-      'react/prop-types': 'off',
+      "react/prop-types": "off",
       "react/display-name": "off",
-      "@typescript-eslint/no-unused-vars": ["warn", {
-        "args": "all",
-        "argsIgnorePattern": "^_",
-        "caughtErrors": "all",
-        "caughtErrorsIgnorePattern": "^_",
-        "destructuredArrayIgnorePattern": "^_",
-        "varsIgnorePattern": "^_",
-        "ignoreRestSiblings": true
-      }],
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          args: "all",
+          argsIgnorePattern: "^_",
+          caughtErrors: "all",
+          caughtErrorsIgnorePattern: "^_",
+          destructuredArrayIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true,
+        },
+      ],
       "no-extra-boolean-cast": "off",
     },
   },
-);
+  {
+    files: ["**/dist/*.d.ts", "**/dist/**/*.d.ts", "**/dist/*.d.mts", "**/dist/**/*.d.mts"],
+
+    rules: {
+      "import/extensions": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+    },
+  },
+];

i18next-scanner.config.ts

@@ -13,7 +13,7 @@ module.exports = {
 
     // Put a blank string as initial translation
     // (useful for Weblate be marked as 'not yet translated', see later)
-    defaultValue: (lng, ns, key) => "",
+    defaultValue: (_lng, _ns, _key) => "",
 
     // Location of translation files
     resource: {