@evaneos/front-config 0.0.1 → 0.0.3

package/README.md

@@ -10,17 +10,15 @@ npm install @evaneos/front-config@latest
 
 # Usage
 
-## Eslint
+## Eslint flat config
 
-In your `.eslintrc` file, add:
+In your `eslint.config.js` file, add:
 
 ```json
-{
-  "extends": ["@evaneos/front-config/linting/eslint-config"],
-  "parserOptions": {
-    "project": ["./tsconfig.json"]
-  }
-}
+const evaneosConfig = require("@evaneos/front-config/linting/eslint.config.js")
+module.export = [
+  ...evaneosConfig
+  ]
 ```
 
 ## TSConfig
@@ -40,6 +38,5 @@ In your `.prettierrc` file add:
 ```js
 module.exports = {
   ...require("@evaneos/front-config/linting/prettier-config.js"),
-  semi: false,
 };
 ```

package/linting/eslint.config.js

@@ -0,0 +1,33 @@
+// @ts-check
+
+const eslintConfigPrettier = require("eslint-config-prettier");
+
+const eslint = require("@eslint/js");
+const tseslint = require("typescript-eslint");
+
+const reactLint = require("./rules/react");
+const testLint = require("./rules/test");
+const evaneosOverrides = require("./rules/override");
+
+module.exports = tseslint.config(
+  eslint.configs.recommended,
+  tseslint.configs.recommendedTypeChecked,
+  {
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: __dirname,
+      },
+    },
+  },
+  {
+    files: ["**/*.js"],
+    extends: [tseslint.configs.disableTypeChecked],
+  },
+  eslintConfigPrettier,
+  testLint,
+  // @ts-expect-error
+  ...reactLint,
+  // custom evaneos rules
+  ...evaneosOverrides
+);

package/linting/prettier.js

@@ -0,0 +1,5 @@
+module.exports = {
+  tabWidth: 4,
+  singleQuote: true,
+  printWidth: 100,
+};

package/linting/rules/override.js

@@ -1,11 +1,24 @@
-module.exports = {
-    plugins: ['import'],
+module.exports = [
+  {
     rules: {
-        'import/no-default-export': 2,
-        'no-process-env': 0,
-        'prefer-const': 1,
-        'prefer-destructuring': 1,
-        'prefer-spread': 1,
-        'arrow-body-style': 0,
+      "import/no-default-export": 2,
+      "import/newline-after-import": 1,
+      "import/no-duplicates": 2,
+      "import/order": [
+        "warn",
+        {
+          alphabetize: {
+            order: "asc",
+            caseInsensitive: true,
+          },
+          "newlines-between": "always",
+        },
+      ],
+      "no-process-env": 0,
+      "prefer-const": 1,
+      "prefer-destructuring": 1,
+      "prefer-spread": 1,
+      "arrow-body-style": 0,
     },
-};
+  },
+];

package/linting/rules/react.js

@@ -1,17 +1,15 @@
-module.exports = {
-    plugins: ['react-hooks'],
-    extends: ['plugin:react/recommended'],
-    settings: {
-        react: {
-            version: 'detect',
-        },
-        'import/extensions': ['.js', '.jsx', '.css'],
-    },
+const reactPlugin = require("eslint-plugin-react");
+
+module.exports = [
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat["jsx-runtime"],
+  {
     rules: {
-        'react-hooks/exhaustive-deps': 1,
-        'react-hooks/rules-of-hooks': 2,
-        'react/display-name': 0,
-        'react/prop-types': 0,
-        'react/react-in-jsx-scope': 0,
+      "react-hooks/exhaustive-deps": 1,
+      "react-hooks/rules-of-hooks": 2,
+      "react/display-name": 0,
+      "react/prop-types": 0,
+      "react/react-in-jsx-scope": 0,
     },
-};
+  },
+];

package/linting/rules/test.js

@@ -1,8 +1,6 @@
+const testingLibrary = require("eslint-plugin-testing-library");
+
 module.exports = {
-    overrides: [
-        {
-            files: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
-            extends: ['plugin:testing-library/react'],
-        }
-    ]
-}
+  files: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
+  ...testingLibrary.configs["flat/react"],
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evaneos/front-config",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "engines": {
     "node": ">=v18",
     "npm": ">=9"
@@ -18,5 +18,13 @@
     "@commitlint/config-conventional": "^19.2.2",
     "commitlint-plugin-function-rules": "^4.0.0",
     "husky": "^9.1.4"
+  },
+  "dependencies": {
+    "@eslint/js": "^9.17.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-testing-library": "^6.5.0",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.19.0"
   }
 }

package/linting/eslint-config-base.js

@@ -1,15 +0,0 @@
-module.exports = {
-    parser: '@babel/eslint-parser',
-    env: {
-        browser: true,
-        es6: true,
-    },
-    extends: [
-        'eslint:recommended',
-        require.resolve('./rules/override'),
-        require.resolve('./rules/react'),
-        require.resolve('./rules/style'),
-        require.resolve('./rules/test'),
-        require.resolve('./rules/prettier'),
-    ],
-};

package/linting/eslint-config.js

@@ -1,19 +0,0 @@
-module.exports = {
-    parser: '@typescript-eslint/parser',
-    plugins: ['@typescript-eslint'],
-    extends: [
-        '@evaneos/eslint-config-base',
-        'plugin:@typescript-eslint/recommended',
-        'plugin:import/typescript',
-        '@evaneos/eslint-config-base/prettier',
-    ],
-    settings: {
-        'import/extensions': [ '.js', '.jsx', '.css', '.ts', '.tsx' ],
-    },
-    rules: {
-        '@typescript-eslint/ban-ts-comment': 0,
-        '@typescript-eslint/camelcase': 0,
-        '@typescript-eslint/no-floating-promises': 'error',
-        '@typescript-eslint/no-unused-vars': [ 'error', { 'ignoreRestSiblings': true } ],
-    },
-};

package/linting/prettier-config.js

@@ -1,4 +0,0 @@
-module.exports = {
-    tabWidth: 4,
-    singleQuote: true,
-};

package/linting/rules/prettier.js

@@ -1,3 +0,0 @@
-module.exports = {
-    extends: ['eslint-config-prettier'],
-};

package/linting/rules/style.js

@@ -1,16 +0,0 @@
-module.exports = {
-    rules: {
-        'import/newline-after-import': 1,
-        'import/no-duplicates': 2,
-        'import/order': [
-            'warn',
-            {
-                alphabetize: {
-                    order: 'asc',
-                    caseInsensitive: true,
-                },
-                'newlines-between': 'always',
-            },
-        ],
-    },
-};