feat: enhance ESLint configuration with new plugins and updates

- Added "eslint-plugin-erasable-syntax-only" to improve linting capabilities.
- Updated "@visulima/packem" to version 2.0.0-alpha.19.
- Modified TypeScript parser options to include "erasableSyntaxOnly".
- Refined React plugin configuration for better dependency handling.

Author: prisis

packages/eslint-config/package.json

@@ -141,6 +141,7 @@
         "eslint-merge-processors": "^2.0.0",
         "eslint-plugin-antfu": "^3.1.1",
         "eslint-plugin-compat": "^6.0.2",
+        "eslint-plugin-erasable-syntax-only": "^0.3.1",
         "eslint-plugin-es-x": "^9.1.0",
         "eslint-plugin-html": "^8.1.3",
         "eslint-plugin-import-x": "^4.16.1",
@@ -186,13 +187,14 @@
         "@types/eslint-plugin-tailwindcss": "^3.17.0",
         "@types/semver": "^7.7.1",
         "@unocss/eslint-plugin": "^66.5.1",
-        "@visulima/packem": "2.0.0-alpha.18",
+        "@visulima/packem": "2.0.0-alpha.19",
         "astro-eslint-parser": "^1.2.2",
         "esbuild": "^0.25.9",
         "eslint": "^9.35.0",
         "eslint-plugin-astro": "^1.3.1",
         "eslint-plugin-format": "^1.0.1",
         "eslint-plugin-jsx-a11y": "^6.10.2",
+        "eslint-plugin-playwright": "2.2.2",
         "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-react-compiler": "^19.1.0-rc.2",
         "eslint-plugin-react-hooks": "^5.2.0",
@@ -212,7 +214,6 @@
         "react": "^19.1.1",
         "rimraf": "^6.0.1",
         "semantic-release": "^24.2.8",
-        "eslint-plugin-playwright": "2.2.2",
         "tailwind-csstree": "0.1.4",
         "tinyglobby": "^0.2.15",
         "tsx": "^4.20.5",

packages/eslint-config/src/config/plugins/react.ts

@@ -94,7 +94,7 @@ export default createConfig<
 
     const { plugins } = pluginReactX.configs.all;
 
-    let reactVersion = packageJson?.["dependencies"]?.["react"] ?? packageJson?.["devDependencies"]?.["react"];
+    let reactVersion = packageJson.dependencies?.["react"] ?? packageJson.devDependencies?.["react"];
     let hasReactCompiler = false;
 
     if (reactVersion !== undefined) {

packages/eslint-config/src/config/plugins/typescript.ts

@@ -47,6 +47,12 @@ export default createConfig<
         interopDefault(import("eslint-plugin-no-for-of-array")),
     ] as const);
 
+    let erasableSyntaxOnlyPlugin;
+
+    if (parserOptions?.erasableSyntaxOnly) {
+        erasableSyntaxOnlyPlugin = await interopDefault(import("eslint-plugin-erasable-syntax-only"));
+    }
+
     const filesTypeAware = config.filesTypeAware ?? getFilesGlobs("ts");
     const ignoresTypeAware = [...getFilesGlobs("astro"), ...getFilesGlobs("markdown"), ...getFilesGlobs("markdown_inline_js_jsx"), ...getFilesGlobs("js"), ...getFilesGlobs("jsx"), "**/*.json", "**/*.jsonc", ...config.ignoresTypeAware ?? []];
     const { tsconfigPath } = config;
@@ -88,6 +94,7 @@ export default createConfig<
             plugins: {
                 "@typescript-eslint": tseslint.plugin,
                 "no-for-of-array": noForOfArrayPlugin,
+                ...erasableSyntaxOnlyPlugin ? erasableSyntaxOnlyPlugin?.configs.recommended.plugins : {},
             },
         },
         // assign type-aware parser for type-aware files and type-unaware parser for the rest
@@ -410,6 +417,8 @@ export default createConfig<
             // https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/space-infix-ops.mdx
             "@typescript-eslint/space-infix-ops": styleRules["space-infix-ops"] as Linter.RuleEntry<[]>,
 
+            ...erasableSyntaxOnlyPlugin?.configs.recommended.rules,
+
             ...overrides,
 
             // Disable rules that are handled by prettier

packages/eslint-config/src/types.ts

@@ -536,7 +536,7 @@ export interface OptionsTypeScriptParserOptions {
     /**
      * Additional parser options for TypeScript.
      */
-    parserOptions?: Partial<ParserOptions>;
+    parserOptions?: Partial<ParserOptions & { erasableSyntaxOnly?: boolean }>;
 }
 
 export interface OptionsTypeScriptWithTypes {