refactor(examples): use 'jsconfig.json' as the source of globs in eslint configs

Author: Rel1cx

examples/next-app/app/page.tsx

@@ -83,6 +83,7 @@ export default function Home() {
           className="bg-white text-xs rounded-3xl flex items-center h-8 px-2 relative select-none"
         >
           <button
+            type="button"
             aria-label="Customise options"
             className="h-8 w-8 inline-flex items-center justify-center shadow-lg"
           >

examples/vite-react-dom-js-app/eslint.config.js

@@ -4,13 +4,12 @@ import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import globals from "globals";
 
-const GLOB_JS = ["*.{js,jsx,cjs,mjs}", "**/*.{js,jsx,cjs,mjs}"];
-const GLOB_SRC = GLOB_JS.map((pattern) => `src/${pattern}`);
+import JSCONFIG from "./jsconfig.json" with { type: "json" };
+import JSCONFIG_NODE from "./jsconfig.node.json" with { type: "json" };
 
 export default [
-  js.configs.recommended,
   {
-    files: GLOB_JS,
+    files: JSCONFIG.include,
     languageOptions: {
       globals: {
         ...globals.browser,
@@ -23,18 +22,18 @@ export default [
     },
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     ...react.configs.recommended,
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     plugins: {
       "react-hooks": reactHooks,
     },
     rules: reactHooks.configs.recommended.rules,
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     plugins: {
       "react-refresh": reactRefresh,
     },
@@ -43,11 +42,16 @@ export default [
     },
   },
   {
-    ignores: [
-      "node_modules",
-      "dist",
-      "eslint.config.js",
-      "eslint.config.d.ts",
-    ],
+    files: JSCONFIG_NODE.include,
+    ignores: JSCONFIG_NODE.exclude,
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      "no-console": "off",
+    },
   },
 ];

examples/vite-react-dom-js-app/jsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "lib": [
+      "ES2021",
+      "DOM",
+      "DOM.Iterable"
+    ]
+  },
+  "include": [
+    "src/**/*.js",
+    "src/**/*.jsx"
+  ]
+}

examples/vite-react-dom-js-app/jsconfig.node.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler"
+  },
+  "include": [
+    "*.js",
+    "*.cjs",
+    "*.mjs"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "src",
+    "benchmark"
+  ]
+}

examples/vite-react-dom-js-with-babel-app/eslint.config.js

@@ -1,45 +1,39 @@
 import js from "@eslint/js";
-import parser from "@babel/eslint-parser";
 import react from "@eslint-react/eslint-plugin";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import globals from "globals";
 
-const GLOB_JS = ["*.{js,jsx,cjs,mjs}", "**/*.{js,jsx,cjs,mjs}"];
-const GLOB_SRC = GLOB_JS.map((pattern) => `src/${pattern}`);
+import JSCONFIG from "./jsconfig.json" with { type: "json" };
+import JSCONFIG_NODE from "./jsconfig.node.json" with { type: "json" };
 
 export default [
-  js.configs.recommended,
   {
-    files: GLOB_JS,
+    files: JSCONFIG.include,
     languageOptions: {
       globals: {
         ...globals.browser,
       },
-      parser,
       parserOptions: {
-        requireConfigFile: false,
-        babelOptions: {
-          babelrc: false,
-          configFile: false,
-          presets: ["@babel/preset-env", "@babel/preset-react"],
+        ecmaFeatures: {
+          jsx: true,
         },
       },
     },
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     ...react.configs.recommended,
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     plugins: {
       "react-hooks": reactHooks,
     },
     rules: reactHooks.configs.recommended.rules,
   },
   {
-    files: GLOB_SRC,
+    files: JSCONFIG.include,
     plugins: {
       "react-refresh": reactRefresh,
     },
@@ -48,11 +42,16 @@ export default [
     },
   },
   {
-    ignores: [
-      "node_modules",
-      "dist",
-      "eslint.config.js",
-      "eslint.config.d.ts",
-    ],
+    files: JSCONFIG_NODE.include,
+    ignores: JSCONFIG_NODE.exclude,
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      "no-console": "off",
+    },
   },
 ];

examples/vite-react-dom-js-with-babel-app/jsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "lib": [
+      "ES2021",
+      "DOM",
+      "DOM.Iterable"
+    ]
+  },
+  "include": [
+    "src/**/*.js",
+    "src/**/*.jsx"
+  ]
+}

examples/vite-react-dom-js-with-babel-app/jsconfig.node.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler"
+  },
+  "include": [
+    "*.js",
+    "*.cjs",
+    "*.mjs"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "src",
+    "benchmark"
+  ]
+}