docs: update examples

Rel1cx · Jan 30, 2025 · 76c6726 · 76c6726
1 parent 2c77165
commit 76c6726
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 62 deletions.
diff --git a/examples/vite-react-dom-with-ts-blank-eslint-parser-app/eslint.config.js b/examples/vite-react-dom-with-ts-blank-eslint-parser-app/eslint.config.js
@@ -11,7 +11,20 @@ import TSCONFIG from "./tsconfig.json" with { type: "json" };
 import TSCONFIG_NODE from "./tsconfig.node.json" with { type: "json" };
 import { isInEditorEnv } from "@eslint-react/shared";
 
-const GLOB_TS = ["**/*.ts", "**/*.tsx"];
+function getOptimalParserConfig(project = "tsconfig.json") {
+  switch (true) {
+    case isInEditorEnv():
+    case process.argv.includes("--fix"):
+      return {
+        parser: tseslint.parser,
+        parserOptions: {
+          project,
+          tsconfigRootDir: import.meta.dirname,
+        },
+      };
+  }
+  return { parser: tsBlankEslintParser };
+}
 
 export default [
   // base configuration for browser environment source files
@@ -21,7 +34,7 @@ export default [
       globals: {
         ...globals.browser,
       },
-      ...getOptimalParser(),
+      ...getOptimalParserConfig(),
     },
     rules: {
       ...eslintJs.configs.recommended.rules,
@@ -35,7 +48,7 @@ export default [
       globals: {
         ...globals.node,
       },
-      ...getOptimalParser("tsconfig.node.json"),
+      ...getOptimalParserConfig("tsconfig.node.json"),
     },
     rules: {
       ...eslintJs.configs.recommended.rules,
@@ -66,25 +79,3 @@ export default [
     },
   },
 ];
-
-function getOptimalParser(project = "tsconfig.json") {
-  return isFixable()
-    ? {
-      parser: tseslint.parser,
-      parserOptions: {
-        project,
-        tsconfigRootDir: import.meta.dirname,
-      },
-    }
-    : {
-      parser: tsBlankEslintParser,
-    };
-}
-
-function isFixable() {
-  return isInEditorEnv() || hasFixFlag();
-}
-
-function hasFixFlag() {
-  return process.argv.includes("--fix");
-}
diff --git a/examples/vite-react-dom-with-ts-blank-eslint-parser-app/package.json b/examples/vite-react-dom-with-ts-blank-eslint-parser-app/package.json
@@ -29,7 +29,7 @@
     "eslint-plugin-react-refresh": "^0.4.18",
     "globals": "^15.14.0",
     "meriyah": "^6.0.5",
-    "ts-blank-eslint-parser": "^0.3.1",
+    "ts-blank-eslint-parser": "^0.3.2",
     "ts-blank-space": "^0.5.1",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.22.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/content/docs/getting-started/typescript-with-alternative-parser.mdx b/website/content/docs/getting-started/typescript-with-alternative-parser.mdx
@@ -33,58 +33,46 @@ yarn add --dev eslint typescript-eslint @eslint/js globals ts-blank-eslint-parse
 // @ts-check
 import eslintJs from "@eslint/js";
 import eslintReact from "@eslint-react/eslint-plugin";
+import { isInEditorEnv } from "@eslint-react/shared";
 import tsBlankEslintParser from "ts-blank-eslint-parser";
 import tseslint from "typescript-eslint";
 import globals from "globals";
 
-import TSCONFIG from "./tsconfig.json" with { type: "json" };
-import TSCONFIG_NODE from "./tsconfig.node.json" with { type: "json" };
-import { isInEditorEnv } from "@eslint-react/shared";
-
 const GLOB_TS = ["**/*.ts", "**/*.tsx"];
 
+function getOptimalParserConfig(project = "tsconfig.json") {
+  switch (true) {
+    case isInEditorEnv():
+    case process.argv.includes("--fix"):
+      return {
+        parser: tseslint.parser,
+        parserOptions: {
+          project,
+          tsconfigRootDir: import.meta.dirname,
+        },
+      };
+  }
+  return { parser: tsBlankEslintParser };
+}
+
 export default [
   // base configuration for browser environment source files
   {
-    files: TSCONFIG.include,
+    files: GLOB_TS,
     languageOptions: {
       globals: {
         ...globals.browser,
       },
-      ...getOptimalParser(),
+      ...getOptimalParserConfig(),
     },
     rules: {
       ...eslintJs.configs.recommended.rules,
     },
   },
   // React configuration
   {
-    files: TSCONFIG.include,
+    files: GLOB_TS,
     ...eslintReact.configs.recommended,
   },
 ];
-
-function getOptimalParser(project = "tsconfig.json") {
-  return !isFixable()
-    ? {
-      // fast but no fixable support for types
-      parser: tsBlankEslintParser,
-    }
-    : {
-      // slow but needed for fixable to work
-      parser: tseslint.parser,
-      parserOptions: {
-        project,
-        tsconfigRootDir: import.meta.dirname,
-      },
-    };
-}
-
-function isFixable() {
-  return isInEditorEnv() || hasFixFlag();
-}
-
-function hasFixFlag() {
-  return process.argv.includes("--fix");
-}
 ```