more working

packages/react-native-xtermjs-webview/eslint.config.js

@@ -1,20 +1,20 @@
-import js from '@eslint/js';
+import { config as epicConfig } from '@epic-web/config/eslint';
+import eslint from '@eslint/js';
+import comments from '@eslint-community/eslint-plugin-eslint-comments/configs';
+import react from '@eslint-react/eslint-plugin';
+import * as tsParser from '@typescript-eslint/parser';
+import { defineConfig } from 'eslint/config';
+import eslintReact from 'eslint-plugin-react';
+import pluginReactCompiler from 'eslint-plugin-react-compiler';
+import hooksPlugin from 'eslint-plugin-react-hooks';
 import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
-import { globalIgnores, defineConfig } from 'eslint/config';
 
 export default defineConfig([
-	globalIgnores(['dist']),
+	...epicConfig,
+
+	// ts-eslint
+	eslint.configs.recommended,
 	{
-		files: ['**/*.{ts,tsx}'],
-		extends: [
-			js.configs.recommended,
-			tseslint.configs.recommended,
-			reactHooks.configs['recommended-latest'],
-			reactRefresh.configs.vite,
-		],
 		languageOptions: {
 			ecmaVersion: 2020,
 			globals: globals.browser,
@@ -24,4 +24,63 @@ export default defineConfig([
 			},
 		},
 	},
+
+	// @eslint-react/eslint-plugin (smaller version of eslint-plugin-react)
+	{
+		files: ['**/*.{ts,tsx}'],
+		...react.configs['recommended-type-checked'],
+		languageOptions: {
+			parser: tsParser,
+		},
+	},
+
+	// Lint eslint disable comments
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- no types
+	comments.recommended,
+
+	// eslint-plugin-react
+	// Terrible flat config support
+	{
+		...eslintReact.configs.flat.recommended,
+		files: ['**/*.{ts,tsx}'],
+		settings: { react: { version: 'detect' } },
+		languageOptions: {
+			...eslintReact.configs.flat.recommended?.languageOptions,
+			globals: {
+				...globals.serviceworker,
+				...globals.browser,
+			},
+		},
+		plugins: {
+			...eslintReact.configs.flat.recommended?.plugins,
+			'react-hooks': hooksPlugin,
+			'react-compiler': pluginReactCompiler,
+		},
+		rules: {
+			...hooksPlugin.configs.recommended.rules,
+			'react/display-name': 'off',
+			'react/prop-types': 'off',
+			'react/jsx-uses-react': 'off',
+			'react/react-in-jsx-scope': 'off',
+			'react-compiler/react-compiler': 'error',
+		},
+	},
+
+	// Custom
+	{
+		ignores: [
+			'dist',
+			'**/*.d.ts',
+			'**/.expo/**',
+			'prettier.config.mjs',
+			'eslint.config.js',
+		],
+	},
+	{
+		rules: {
+			'@typescript-eslint/no-explicit-any': 'error',
+			'@typescript-eslint/restrict-template-expressions': 'off',
+			'@typescript-eslint/consistent-type-imports': 'off', // we need this to avoid including xtermjs in the RN bundle
+		},
+	},
 ]);