Typescript refactor

.eslintrc.cjs

@@ -1,22 +1,43 @@
 'use strict';
 
 module.exports = {
-  extends: ['airbnb', 'airbnb/hooks'],
+  extends: ['airbnb', 'airbnb/hooks', 'plugin:import/typescript'],
 
   plugins: ['compat', 'react-hooks'],
   parserOptions: {
     ecmaVersion: 2022,
-    ecmaFeatures: {
-      // Ideally this would only be done for .jsx files, but eslint-plugin-import
-      // has trouble with the overrides?
-      jsx: true,
-    },
   },
 
   rules: {
     'arrow-body-style': 'off',
     'no-underscore-dangle': ['error', { allow: ['_id'] }],
+    // Modify eslint-config-airbnb's rule to allow ForOfStatement
+    'no-restricted-syntax': [
+      'error',
+      {
+        selector: 'ForInStatement',
+        message: 'for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array.',
+      },
+      {
+        selector: 'LabeledStatement',
+        message: 'Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand.',
+      },
+      {
+        selector: 'WithStatement',
+        message: '`with` is disallowed in strict mode because it makes code impossible to predict and optimize.',
+      },
+    ],
+
     'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
+    'import/extensions': ['error', 'ignorePackages', {
+      js: 'never',
+      mjs: 'never',
+      jsx: 'never',
+      ts: 'never',
+      tsx: 'never',
+    }],
+    // Not true anymore
+    'react/react-in-jsx-scope': 'off',
     'react/no-unused-prop-types': ['error', { skipShapeProps: true }],
     'react/forbid-prop-types': 'off',
     'react/jsx-props-no-spreading': 'off',
@@ -27,6 +48,13 @@ module.exports = {
       namedComponents: 'function-declaration',
       unnamedComponents: 'arrow-function',
     }],
+    'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
+
+    'jsx-a11y/control-has-associated-label': [
+      'warn',
+      require('eslint-config-airbnb/rules/react-a11y')
+        .rules['jsx-a11y/control-has-associated-label'][1],
+    ],
   },
 
   settings: {
@@ -47,6 +75,25 @@ module.exports = {
   },
 
   overrides: [
+    {
+      files: ['**/*.{ts,tsx}'],
+      parser: '@typescript-eslint/parser',
+      plugins: ['@typescript-eslint'],
+      extends: ['plugin:@typescript-eslint/recommended'],
+    },
+
+    {
+      files: ['src/reducers/*'],
+      rules: {
+        // Reducers use default params differently
+        'default-param-last': 'off',
+        'no-param-reassign': ['error', {
+          props: true,
+          ignorePropertyModificationsFor: ['state'],
+        }],
+      },
+    },
+
     {
       files: ['src/**/*.{js,jsx}'],
       rules: {
@@ -65,8 +112,8 @@ module.exports = {
     },
     {
       files: ['**/__tests__/**/*.{js,jsx}'],
-      plugins: ['eslint-plugin-jest', 'eslint-plugin-jest-dom', 'eslint-plugin-testing-library'],
-      extends: ['plugin:jest/recommended', 'plugin:jest-dom/recommended', 'plugin:testing-library/react'],
+      plugins: ['eslint-plugin-vitest', 'eslint-plugin-jest-dom', 'eslint-plugin-testing-library'],
+      extends: ['plugin:vitest/recommended', 'plugin:jest-dom/recommended', 'plugin:testing-library/react'],
       env: {
         jest: true,
       },

npm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "u-wave-web",
-  "version": "2.0.0-alpha.24",
+  "version": "2.0.0-alpha.28",
   "description": "Web client for üWave servers.",
   "author": "Renée Kooi <[email protected]>",
   "license": "MIT",