chore: refine typescript-eslint config (#705)

* chore: remove unnecessary ESLint config

* chore: move ESLint config file to js

* chore: remove disabled ESLint import rule

* chore: linting with type information

Configured typescript-eslint to lint with type information:
https://typescript-eslint.io/linting/typed-linting

* chore: apply a custom message to restricted import

Author: Belco90

.eslintrc.js

@@ -0,0 +1,60 @@
+module.exports = {
+	root: true,
+	extends: [
+		'kentcdodds',
+		'plugin:jest/recommended',
+		'plugin:jest-formatting/recommended',
+		'prettier',
+	],
+	rules: {
+		// Base
+		'max-lines-per-function': 'off',
+		'no-restricted-imports': [
+			'error',
+			{
+				patterns: [
+					{
+						group: ['@typescript-eslint/utils/dist/*'],
+						message: 'Import from `@typescript-eslint/utils` instead.',
+					},
+				],
+			},
+		],
+
+		// Import
+		'import/order': [
+			'warn',
+			{
+				groups: ['builtin', 'external', 'parent', 'sibling', 'index'],
+				'newlines-between': 'always',
+				alphabetize: {
+					order: 'asc',
+					caseInsensitive: false,
+				},
+			},
+		],
+	},
+	overrides: [
+		{
+			// TypeScript
+			files: ['**/*.ts?(x)'],
+			parser: '@typescript-eslint/parser',
+			parserOptions: {
+				tsconfigRootDir: __dirname,
+				project: ['./tsconfig.eslint.json'],
+			},
+			extends: [
+				'plugin:@typescript-eslint/recommended',
+				'plugin:@typescript-eslint/recommended-requiring-type-checking',
+			],
+			rules: {
+				'@typescript-eslint/explicit-function-return-type': 'off',
+				'@typescript-eslint/no-unused-vars': [
+					'warn',
+					{ argsIgnorePattern: '^_' },
+				],
+				'@typescript-eslint/no-use-before-define': 'off',
+			},
+		},
+	],
+};

.eslintrc.json

@@ -151,13 +151,16 @@ export default createTestingLibraryRule<Options, MessageIds>({
 					return;
 				}
 
+				const eventModuleName = getPropertyIdentifierNode(node)?.name;
+				const eventFullName = eventModuleName
+					? `${eventModuleName}.${simulateEventFunctionName}`
+					: simulateEventFunctionName;
+
 				context.report({
 					node,
 					messageId: 'noAwaitSyncEvents',
 					data: {
-						name: `${
-							getPropertyIdentifierNode(node)?.name
-						}.${simulateEventFunctionName}`,
+						name: eventFullName,
 					},
 				});
 			},

lib/rules/no-await-sync-events.ts

@@ -12,13 +12,22 @@ const DOM_TESTING_LIBRARY_MODULES = [
 	'@testing-library/dom',
 ];
 
-const correctModuleNameByFramework = {
+const CORRECT_MODULE_NAME_BY_FRAMEWORK: Record<
+	'angular' | 'marko' | string,
+	string | undefined
+> = {
 	angular: '@testing-library/angular', // ATL is *always* called `@testing-library/angular`
 	marko: '@marko/testing-library', // Marko TL is called `@marko/testing-library`
 };
-const getCorrectModuleName = (moduleName: string, framework: string): string =>
-	correctModuleNameByFramework[framework] ||
-	moduleName.replace('dom', framework);
+const getCorrectModuleName = (
+	moduleName: string,
+	framework: string
+): string => {
+	return (
+		CORRECT_MODULE_NAME_BY_FRAMEWORK[framework] ??
+		moduleName.replace('dom', framework)
+	);
+};
 
 export default createTestingLibraryRule<Options, MessageIds>({
 	name: RULE_NAME,

lib/rules/no-dom-import.ts

@@ -68,7 +68,9 @@ export default createTestingLibraryRule<Options, MessageIds>({
 		}
 
 		return {
-			[`Identifier[name=${SNAPSHOT_REGEXP}]`](node: TSESTree.Identifier) {
+			[`Identifier[name=${String(SNAPSHOT_REGEXP)}]`](
+				node: TSESTree.Identifier
+			) {
 				const closestAsyncUtil = getClosestAsyncUtil(node);
 				if (closestAsyncUtil === null) {
 					return;

lib/rules/no-wait-for-snapshot.ts

@@ -1,7 +1,7 @@
 // Copied from https://github.com/babel/babel/blob/b35c78f08dd854b08575fc66ebca323fdbc59dab/packages/babel-helpers/src/helpers.js#L615-L619
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const interopRequireDefault = <T>(obj: any): { default: T } =>
-	// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-return
 	obj?.__esModule ? obj : { default: obj };
 
 export const importDefault = <T>(moduleName: string): T =>

lib/utils/file-import.ts

@@ -67,6 +67,7 @@ it('should export configs that refer to actual rules', () => {
 		expect(rule.startsWith(ruleNamePrefix)).toBe(true);
 		expect(ruleNames).toContain(ruleName);
 
+		// eslint-disable-next-line @typescript-eslint/no-unsafe-return
 		expect(() => require(`../lib/rules/${ruleName}`)).not.toThrow();
 	});
 });