build: configure ESLint for JSDoc types

.eslintrc.js

@@ -2,10 +2,26 @@
  * ESLint presets
  */
 module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	parserOptions: {
+		project: [ './jsconfig.json', 'jsconfig.eslint.json' ],
+	},
+	extends: [ 'plugin:@wordpress/eslint-plugin/recommended' ],
+	settings: {
+		'import/parsers': {
+			'@typescript-eslint/parser': [ '.js', '.jsx', '.ts', '.tsx' ],
+		},
+		'import/resolver': {
+			typescript: {
+				alwaysTryTypes: true,
+				project: [ './jsconfig.json', 'jsconfig.eslint.json' ],
+			},
+		},
+	},
 	env: {
 		browser: true,
 		es2021: true,
 		jest: true,
 	},
-	extends: ['plugin:@wordpress/eslint-plugin/recommended'],
 };

.prettierrc.js

@@ -1,3 +1,3 @@
 // Import the default config file and expose it in the project root.
 // Useful for editor integrations.
-module.exports = require('@wordpress/prettier-config');
+module.exports = require( '@wordpress/prettier-config' );

babel.config.js

@@ -1,7 +1,7 @@
-module.exports = (api) => {
-	api.cache(true);
+module.exports = ( api ) => {
+	api.cache( true );
 
 	return {
-		presets: ['@wordpress/babel-preset-default'],
+		presets: [ '@wordpress/babel-preset-default' ],
 	};
 };

jest.config.js

@@ -1,16 +1,16 @@
 const jestConfig = {
 	verbose: true,
 	preset: '@wordpress/jest-preset-default',
-	setupFilesAfterEnv: ['expect-puppeteer'],
+	setupFilesAfterEnv: [ 'expect-puppeteer' ],
 	projects: [
 		{
 			displayName: 'unit',
-			testMatch: ['<rootDir>/tests/jsunit/**/*.test.js'],
+			testMatch: [ '<rootDir>/tests/jsunit/**/*.test.js' ],
 		},
 		{
 			displayName: 'e2e',
 			preset: 'jest-puppeteer',
-			testMatch: ['<rootDir>/tests/jse2e/**/*.test.js'],
+			testMatch: [ '<rootDir>/tests/jse2e/**/*.test.js' ],
 		},
 	],
 };

jsconfig.eslint.json

@@ -0,0 +1,13 @@
+{
+	"compilerOptions": {
+		"noEmit": true,
+		"allowJs": true
+	},
+	"include": [
+		".eslintrc.js",
+		".prettierrc.js",
+		"babel.config.js",
+		"jest.config.js",
+		"webpack.config.js"
+	]
+}

jsconfig.json

@@ -1,7 +1,9 @@
 {
-  "compilerOptions": {
-    "checkJs": true,
-    "types": ["jest"]
-  },
-  "include": ["**/*.js"]
+	"compilerOptions": {
+		"checkJs": true,
+		"types": [ "jest" ],
+		"baseUrl": "./src"
+	},
+	"include": [ "./src/**/*.js", "./src/**/*.jsx" ],
+	"exclude": [ "./node_modules" ]
 }

package.json

@@ -66,6 +66,7 @@
 		"@wordpress/icons": "^9.21.0",
 		"@wordpress/scripts": "^26.1.0",
 		"classnames": "^2.3.2",
+		"eslint-import-resolver-typescript": "^3.5.5",
 		"husky": "^8.0.3",
 		"jest-puppeteer": "^6.2.0",
 		"lint-staged": "^13.2.0",

webpack.config.js

@@ -1,7 +1,7 @@
-const defaultConfig = require('@wordpress/scripts/config/webpack.config');
-const path = require('path');
+const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
+const path = require( 'path' );
 
 module.exports = {
 	...defaultConfig,
-	entry: { 'wp-notify': path.resolve(process.cwd(), `src/wp-notify.js`) },
+	entry: { 'wp-notify': path.resolve( process.cwd(), `src/wp-notify.js` ) },
 };