feat: make eslint config composable

Author: Codennnn

package.json

@@ -66,6 +66,7 @@
   "dependencies": {
     "@babel/core": "^7.20.12",
     "@babel/eslint-parser": "^7.19.1",
+    "@next/eslint-plugin-next": "^13.1.6",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
     "eslint": "^8.31.0",

pnpm-lock.yaml

@@ -0,0 +1,39 @@
+const { ECMA_VERSION } = require('./constants')
+
+module.exports = {
+  env: {
+    [`es${ECMA_VERSION}`]: true,
+  },
+
+  // Report unused `eslint-disable` comments.
+  reportUnusedDisableDirectives: true,
+
+  extends: ['eslint:recommended', 'plugin:import/recommended', 'plugin:prettier/recommended'],
+
+  rules: {
+    'prettier/prettier': 1,
+
+    'sort-imports': [1, { ignoreDeclarationSort: true }],
+
+    'import/order': [
+      1,
+      {
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc' },
+        warnOnUnassignedImports: false,
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'builtin',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react'],
+      },
+    ],
+    'import/first': 1,
+    'import/newline-after-import': 1,
+
+    'func-style': [1, 'declaration', { allowArrowFunctions: true }],
+  },
+}

src/eslint.ts

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: require.resolve('./base'),
+  env: {
+    browser: true,
+  },
+}

src/eslint/base.ts

@@ -0,0 +1,5 @@
+module.exports = {
+  ECMA_VERSION: 2021,
+  JAVASCRIPT_FILES: ['*.js?(x)', '*.mjs'],
+  TYPESCRIPT_FILES: ['*.ts?(x)'],
+}

src/eslint/browser.ts

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['plugin:@next/next/recommended'],
+}

src/eslint/constants.ts

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: require.resolve('./base'),
+  env: {
+    node: true,
+  },
+}

src/eslint/next.ts

@@ -0,0 +1,41 @@
+module.exports = {
+  extends: [
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  rules: {
+    'react/jsx-sort-props': [
+      1,
+      {
+        callbacksLast: true,
+        shorthandFirst: true,
+        shorthandLast: false,
+        ignoreCase: false,
+        noSortAlphabetically: false,
+        reservedFirst: true,
+      },
+    ],
+    'import/order': [
+      1,
+      {
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc' },
+        warnOnUnassignedImports: false,
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'builtin',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['react'],
+      },
+    ],
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+}

src/eslint/node.ts

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: ['plugin:tailwindcss/recommended'],
+  rules: {
+    'tailwindcss/no-custom-classname': 0,
+  },
+}