Feature #59940: Add ESLint config

Author: JerrySmidt

assets/js/postcode-eu-autofill.js

@@ -1,4 +1,4 @@
-/* global wp, PostcodeNl, PostcodeEuSettings, PostcodeNlAddressFieldMapping, PostcodeNlStateToValueMapping */
+/* global PostcodeEuSettings, PostcodeNlAddressFieldMapping, PostcodeNlStateToValueMapping */
 (function () {
 	'use strict';
 

eslint.config.mjs

@@ -0,0 +1,40 @@
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	{
+		files: ['**/*.{js,mjs,cjs,jsx}'],
+	},
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				jQuery: 'readonly',
+				wp: 'readonly',
+				wcSettings: 'readonly',
+				PostcodeNl: 'readonly',
+			},
+		},
+	},
+	pluginJs.configs.recommended,
+	pluginReact.configs.flat.recommended,
+	reactHooks.configs['recommended-latest'],
+	{
+		rules: {
+			'no-unused-vars': 'warn',
+			'no-extra-semi': 'warn',
+			'react/prop-types': 'off',
+			'react/react-in-jsx-scope': 'off',
+			'react-hooks/exhaustive-deps': [
+				'warn',
+				{
+					additionalHooks: '^(useSelect|useSuspenseSelect)$',
+				},
+			],
+		},
+	},
+];

package.json

@@ -12,8 +12,13 @@
 		"start": "wp-scripts start"
 	},
 	"devDependencies": {
+		"@eslint/js": "^9.22.0",
 		"@woocommerce/dependency-extraction-webpack-plugin": "^3.0.1",
 		"@wordpress/scripts": "^27.9.0",
+		"eslint": "^8.57.1",
+		"eslint-plugin-react": "^7.37.4",
+		"eslint-plugin-react-hooks": "^5.2.0",
+		"globals": "^16.0.0",
 		"webpack-livereload-plugin": "^3.0.2"
 	},
 	"dependencies": {