refactor(frontend): move from Webpack to Vite

Also overhaulds the building and linting for frontend assets.

1 files changed, 89 insertions, 0 deletions

diff --git a/subprojects/frontend/.eslintrc.cjs b/subprojects/frontend/.eslintrc.cjs
new file mode 100644
index 00000000..e6be4d65
--- /dev/null
+++ b/subprojects/frontend/.eslintrc.cjs
@@ -0,0 +1,89 @@
+const path = require('node:path');
+
+// Allow the Codium ESLint plugin to find `tsconfig.json` from the repository root.
+const project = [
+  path.join(__dirname, 'tsconfig.json'),
+  path.join(__dirname, 'tsconfig.node.json'),
+];
+
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'airbnb',
+    'airbnb-typescript',
+    'airbnb/hooks',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:prettier/recommended',
+  ],
+  parserOptions: {
+    project,
+    sourceType: 'module',
+  },
+  parser: '@typescript-eslint/parser',
+  settings: {
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+        project,
+      },
+    },
+  },
+  env: {
+    browser: true,
+  },
+  ignorePatterns: ['build/**/*'],
+  rules: {
+    // In typescript, some class methods implementing an inderface do not use `this`:
+    // https://github.com/typescript-eslint/typescript-eslint/issues/1103
+    'class-methods-use-this': 'off',
+    // Make sure every import can be resolved by `eslint-import-resolver-typescript`.
+    'import/no-unresolved': 'error',
+    // Organize imports automatically.
+    'import/order': [
+      'error',
+      {
+        alphabetize: {
+          order: 'asc',
+        },
+        'newlines-between': 'always',
+      },
+    ],
+  },
+  overrides: [
+    {
+      files: ['types/**/*.d.ts'],
+      rules: {
+        // We don't have control over exports of external modules.
+        'import/prefer-default-export': 'off',
+      },
+    },
+    {
+      files: ['*.cjs'],
+      rules: {
+        // https://github.com/typescript-eslint/typescript-eslint/issues/1724
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+    {
+      files: ['.eslintrc.cjs', 'prettier.config.cjs', 'vite.config.ts'],
+      env: {
+        browser: false,
+        node: true,
+      },
+      rules: {
+        // Allow devDependencies in configuration files.
+        'import/no-extraneous-dependencies': [
+          'error',
+          { devDependencies: true },
+        ],
+        // Access to the environment in configuration files.
+        'no-process-env': 'off',
+      },
+    },
+  ],
+};