@viclafouch/eslint-config-viclafouch 4.21.1-beta.1 → 4.22.1-beta.0

package/README.md

@@ -39,29 +39,32 @@ These are the ESLint and Prettier settings for a Next.js project ⚡️
 npm i -D @viclafouch/eslint-config-viclafouch
 ```
 
-1. Create a `.eslintrc` file in the root of your project's directory (it should live where package.json does). Your `.eslintrc` file should look like this:
-
-2. Extends your config with the minimal base of @viclafouch config :
+3. Make sure your `package.json` has `"type": "module"`:
 
 ```json
 {
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch"
-  ]
+  "name": "your-project",
+  "type": "module",
+  ...
 }
 ```
 
-or js version for `.eslintrc.js` file:
+4. Create a `eslint.config.js` file in the root of your project's directory (it should live where package.json does).
+
+5. Extends your config with the minimal base of @viclafouch config :
 
 ```js
+import { baseConfig } from '@viclafouch/eslint-config-viclafouch'
+
 /**
  * @type {import("eslint").Linter.Config}
  */
-module.exports = {
-  extends: [
-    "@viclafouch/eslint-config-viclafouch"
-  ]
-}
+export default [
+  ...baseConfig,
+  {
+    ignores: ['**/node_modules/**']
+  }
+]
 ```
 
 ### Scripts
@@ -71,7 +74,7 @@ You can add two scripts to your package.json to lint and/or fix your code:
 ```json
 {
   "scripts": {
-    "lint": "eslint .",
+    "lint": "eslint",
     "lint:fix": "npm run lint -- --fix",
   }
 }
@@ -94,31 +97,18 @@ First, extend your current config file `tsconfig.json` with this following snipp
 Then, add the TypeScript Eslint rules to your `.eslintrc` file:
 
 ```js
-{
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch",
-    "@viclafouch/eslint-config-viclafouch/typescript"
-  ]
-}
-```
+import { baseConfig, typescriptConfig } from '@viclafouch/eslint-config-viclafouch'
 
-or js version for `.eslintrc.js` file:
-
-```js
 /**
  * @type {import("eslint").Linter.Config}
  */
-module.exports = {
-  extends: [
-    '@viclafouch/eslint-config-viclafouch',
-    '@viclafouch/eslint-config-viclafouch/typescript'
-  ],
-  parserOptions: {
-    project: true,
-    tsconfigRootDir: __dirname
-  },
-  root: true
-}
+export default [
+  ...baseConfig,
+  ...typescriptConfig,
+  {
+    ignores: ['**/node_modules/**']
+  }
+]
 ```
 
 ### Better typing
@@ -141,7 +131,7 @@ You can add two scripts to your package.json to lint and/or fix your code:
 ```json
 {
   "scripts": {
-    "lint": "tsc --noEmit && eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint": "tsc --noEmit && eslint",
     "lint:fix": "npm run lint -- --fix",
   },
 }
@@ -152,25 +142,37 @@ You can add two scripts to your package.json to lint and/or fix your code:
 If you want to sort your imports using your alias at the same time from your `jsonfig.json` or `tsconfig.json` file.
 
 ```js
-{
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch",
-    "@viclafouch/eslint-config-viclafouch/imports"
-  ]
-}
+import { baseConfig, importsConfig } from '@viclafouch/eslint-config-viclafouch'
+
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+export default [
+  ...baseConfig,
+  ...importsConfig,
+  {
+    ignores: ['**/node_modules/**']
+  }
+]
 ```
 
 ## If you use Next.js
 
-You can also add additional rules for Next.js. It includes the following configurations : `@viclafouch/eslint-config-viclafouch/react`, `@viclafouch/eslint-config-viclafouch/hooks` and Next.js specific rules.
+You can also add additional rules for Next.js. It includes the following configurations : `reactConfig`, `hooksConfig` and Next.js specific rules.
 
 ```js
-{
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch",
-    "@viclafouch/eslint-config-viclafouch/next"
-  ]
-}
+import { baseConfig, nextConfig } from '@viclafouch/eslint-config-viclafouch'
+
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+export default [
+  ...baseConfig,
+  ...nextConfig,
+  {
+    ignores: ['**/node_modules/**', '**/dist/**', '**/.next/**']
+  }
+]
 ```
 
 ## If you use React.js
@@ -178,30 +180,50 @@ You can also add additional rules for Next.js. It includes the following configu
 You can also add additional rules for only React.js ecosystem (without Next.js).
 
 ```js
-{
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch",
-    "@viclafouch/eslint-config-viclafouch/react",
-    "@viclafouch/eslint-config-viclafouch/hooks"
-  ]
-}
+import { baseConfig, hooksConfig, reactConfig } from '@viclafouch/eslint-config-viclafouch'
+
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+export default [
+  ...baseConfig,
+  ...hooksConfig,
+  ...reactConfig,
+  {
+    ignores: ['**/node_modules/**']
+  }
+]
 ```
 
 
 ## If you want to use Prettier
 
-Be sure to add the prettier config at the end of your `extends` array.
+Be sure for the prettier config to be the last one.
 
 ```js
-{
-  "extends": [
-    "@viclafouch/eslint-config-viclafouch",
-    "@viclafouch/eslint-config-viclafouch/imports",
-    "@viclafouch/eslint-config-viclafouch/react",
-    "@viclafouch/eslint-config-viclafouch/hooks",
-    "@viclafouch/eslint-config-viclafouch/prettier" // be sure to be the last
-  ]
-}
+import {
+  baseConfig,
+  hooksConfig,
+  importsConfig,
+  prettierConfig,
+  reactConfig,
+  typescriptConfig
+} from '@viclafouch/eslint-config-viclafouch'
+
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+export default [
+  ...baseConfig,
+  ...reactConfig,
+  ...hooksConfig,
+  ...importsConfig,
+  ...typescriptConfig,
+  ...prettierConfig,
+  {
+    ignores: ['**/node_modules/**', '**/dist/**']
+  }
+]
 ```
 
 ## If you use VS Code

package/base.mjs

@@ -0,0 +1,36 @@
+import eslintPluginUnicorn from 'eslint-plugin-unicorn'
+import globals from 'globals'
+import bestPracticesConfig from './rules/best-practices.mjs'
+import errorConfig from './rules/errors.mjs'
+import es6Config from './rules/es6.mjs'
+import importsConfig from './rules/imports.mjs'
+import nodeConfig from './rules/node.mjs'
+import styleConfig from './rules/style.mjs'
+import variablesConfig from './rules/variables.mjs'
+
+/**
+ * @type {import("eslint").Linter.Config}
+ */
+export default [
+  {
+    files: ['**/*.{js,mjs,cjs,jsx,ts,tsx}'],
+    linterOptions: {
+      reportUnusedDisableDirectives: 'error'
+    }
+  },
+  {
+    languageOptions: {
+      globals: globals.builtin
+    },
+    plugins: {
+      unicorn: eslintPluginUnicorn
+    }
+  },
+  bestPracticesConfig,
+  nodeConfig,
+  errorConfig,
+  importsConfig,
+  styleConfig,
+  variablesConfig,
+  es6Config
+]

package/eslint.config.mjs

@@ -1,5 +1,4 @@
-import baseConfig from './index.mjs'
-import prettierConfig from './prettier.mjs'
+import { baseConfig, prettierConfig } from './index.mjs'
 
 /**
  * @type {import("eslint").Linter.Config}

package/index.d.ts

@@ -0,0 +1,9 @@
+import type { Linter } from 'eslint'
+
+export declare const baseConfig: Linter.Config[]
+export declare const typescriptConfig: Linter.Config[]
+export declare const reactConfig: Linter.Config[]
+export declare const nextConfig: Linter.Config[]
+export declare const prettierConfig: Linter.Config[]
+export declare const hooksConfig: Linter.Config[]
+export declare const importsConfig: Linter.Config[]

package/index.mjs

@@ -1,36 +1,7 @@
-import eslintPluginUnicorn from 'eslint-plugin-unicorn'
-import globals from 'globals'
-import bestPracticesConfig from './rules/best-practices.mjs'
-import errorConfig from './rules/errors.mjs'
-import es6Config from './rules/es6.mjs'
-import importsConfig from './rules/imports.mjs'
-import nodeConfig from './rules/node.mjs'
-import styleConfig from './rules/style.mjs'
-import variablesConfig from './rules/variables.mjs'
-
-/**
- * @type {import("eslint").Linter.Config}
- */
-export default [
-  {
-    files: ['**/*.{js,mjs,cjs,jsx,ts,tsx}'],
-    linterOptions: {
-      reportUnusedDisableDirectives: 'error'
-    }
-  },
-  {
-    languageOptions: {
-      globals: globals.builtin
-    },
-    plugins: {
-      unicorn: eslintPluginUnicorn
-    }
-  },
-  bestPracticesConfig,
-  nodeConfig,
-  errorConfig,
-  importsConfig,
-  styleConfig,
-  variablesConfig,
-  es6Config
-]
+export { default as baseConfig } from './base.mjs'
+export { default as typescriptConfig } from './typescript.mjs'
+export { default as reactConfig } from './react.mjs'
+export { default as nextConfig } from './next.mjs'
+export { default as prettierConfig } from './prettier.mjs'
+export { default as hooksConfig } from './hooks.mjs'
+export { default as importsConfig } from './imports.mjs'

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@viclafouch/eslint-config-viclafouch",
-  "version": "4.21.1-beta.1",
+  "version": "4.22.1-beta.0",
   "description": "ESLint and Prettier Config from Victor de la Fouchardiere",
-  "main": "index.js",
+  "type": "module",
+  "main": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs"
+    }
+  },
   "keywords": [
     "javascript",
     "ecmascript",