build: Switch to esbuild

We will build all packages except the frontend (where vite remains in
use) with esbuild.

For some reason, the @yarnpkg/esbuild-plugin-pnp doesn't allow esbuild
to load esm modules and we fall back to commonjs for dependencies.
Hence we had to switch back to node_modules (but still rely on yarn
hardlinking for a more efficient install).

35 files changed, 753 insertions, 521 deletions

diff --git a/.electron-builder.config.js b/.electron-builder.config.js
index 128ae18..5238c69 100644
--- a/.electron-builder.config.js
+++ b/.electron-builder.config.js
@@ -19,6 +19,8 @@ const config = {
     'packages/renderer/dist/**',
     'packages/service-inject/dist/**',
     'packages/service-preload/dist/**',
+    // Do not ship with source maps.
+    '!**/*.map',
   ],
   afterPack(context) {
     return burnFuses(context);
diff --git a/.gitignore b/.gitignore
index 0b6997b..22394d6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,5 @@
 !.yarn/releases
 !.yarn/versions
 dist/
+node_modules/
 *.tsbuildinfo
diff --git a/.yarnrc.yml b/.yarnrc.yml
index 9c13019..f83ee48 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -6,4 +6,13 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
     spec: "@yarnpkg/plugin-typescript"
 
+logFilters:
+  # Discard incompatible package architecture warnings.
+  - code: YN0076
+    level: discard
+
+nmMode: hardlinks-local
+
+nodeLinker: node-modules
+
 yarnPath: .yarn/releases/yarn-3.1.1.cjs
diff --git a/config/build-common.js b/config/build-common.js
new file mode 100644
index 0000000..aea2335
--- /dev/null
+++ b/config/build-common.js
@@ -0,0 +1,33 @@
+// @ts-check
+
+// `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless.
+// @ts-ignore
+const { chrome: chromeVersion, node: nodeVersion } = require('../.electron-vendors.cache.json');
+
+/** @type {string} */
+module.exports.banner = `/*!
+ * Copyright (C)  2021-2022 Sophie contributors
+ *
+ * This file is part of Sophie.
+ *
+ * Sophie is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+`;
+
+/** @type {string} */
+module.exports.chrome = `chrome${chromeVersion}`;
+
+/** @type {string} */
+module.exports.node = `node${nodeVersion}`;
diff --git a/config/esbuild-config.js b/config/esbuild-config.js
new file mode 100644
index 0000000..9140b89
--- /dev/null
+++ b/config/esbuild-config.js
@@ -0,0 +1,50 @@
+// @ts-check
+
+const { banner } = require('./build-common');
+
+/** @type {string} */
+const mode = process.env.MODE || 'development';
+
+/** @type {boolean} */
+const isDevelopment = mode === 'development';
+
+const modeString = JSON.stringify(mode);
+
+const defineEnv = {
+  'import.meta.env.DEV': JSON.stringify(isDevelopment),
+  'import.meta.env.MODE': modeString,
+  'import.meta.env.PROD': JSON.stringify(!isDevelopment),
+  'process.env.NODE_ENV': modeString,
+  'process.env.MODE': modeString,
+};
+
+/**
+ * @param {import('esbuild').BuildOptions} config
+ * @param {object | unknown} metaEnvVars
+ * @returns {import('esbuild').BuildOptions}
+ */
+module.exports.getConfig = function(config, metaEnvVars) {
+  const defineMeta = {};
+  for (const varName in metaEnvVars) {
+    defineMeta[`import.meta.env.${varName}`] = JSON.stringify(metaEnvVars[varName]);
+  }
+  return {
+    logLevel: 'info',
+    bundle: true,
+    treeShaking: !isDevelopment,
+    minify: !isDevelopment,
+    banner: {
+      js: banner,
+    },
+    ...config,
+    sourcemap: isDevelopment ? (config.sourcemap || true) : false,
+    define: {
+      ...defineEnv,
+      ...defineMeta,
+      ...config.define,
+    },
+    plugins: [
+      ...(config.plugins || []),
+    ],
+  };
+}
diff --git a/config/vite-common.js b/config/vite-common.js
deleted file mode 100644
index 6b1d7c7..0000000
--- a/config/vite-common.js
+++ /dev/null
@@ -1,67 +0,0 @@
-// @ts-check
-
-// `resolveJsonModule` is disabled for this package, but vite will load the json nevertheless.
-// @ts-expect-error
-import { chrome as chromeVersion, node as nodeVersion } from '../.electron-vendors.cache.json';
-
-/** @type {string} */
-const banner = `/*!
- * Copyright (C)  2021-2022 Sophie contributors
- *
- * This file is part of Sophie.
- *
- * Sophie is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-`;
-
-/** @type {string} */
-export const chrome = `chrome${chromeVersion}`;
-
-/** @type {string} */
-export const node = `node${nodeVersion}`;
-
-/**
- * Extends a vite configuration with common options.
- *
- * @param {import('vite').UserConfig} config The configuration to extend.
- * @return {import('vite').UserConfig} The configuration extended with common options.
- */
-export function makeConfig(config) {
-  return {
-    mode: process.env.NODE,
-    envDir: process.cwd(),
-    ...config,
-    build: {
-      assetsDir: '.',
-      outDir: 'dist',
-      emptyOutDir: true,
-      sourcemap: true,
-      minify: process.env.MODE !== 'development',
-      brotliSize: false,
-      ...config.build,
-      lib: (typeof config.build.lib === 'object') ? {
-        fileName: (format) => format === 'cjs' ? 'index.cjs' : `index.${format}.js`,
-        ...config.build.lib,
-      } : undefined,
-      rollupOptions: {
-        ...config.build?.rollupOptions,
-        output: {
-          banner,
-          ...config.build?.rollupOptions?.output,
-        },
-      },
-    },
-  };
-}
diff --git a/package.json b/package.json
index 90d0a92..03c1696 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   "scripts": {
     "clean": "rimraf dist .log && yarn workspaces foreach run clean",
     "test": "yarn workspaces foreach -vpt run test",
-    "build": "yarn workspaces foreach -vpt run build",
+    "build": "node scripts/build.js",
     "precompile": "cross-env MODE=production yarn run build",
     "compile": "yarn precompile && yarn compile:electron-builder",
     "compile:electron-builder": "electron-builder build --config .electron-builder.config.js --dir",
@@ -38,16 +38,19 @@
   "devDependencies": {
     "@electron/fuses": "^1.5.0",
     "@types/jest": "^27.0.3",
+    "@vitejs/plugin-react": "^1.1.3",
+    "chokidar": "^3.5.2",
     "cross-env": "^7.0.3",
     "electron": "16.0.5",
     "electron-builder": "^22.14.11",
+    "esbuild": "^0.14.9",
     "eslint": "^8.5.0",
     "jest": "^27.4.5",
     "rimraf": "^3.0.2",
     "rollup": "^2.62.0",
     "ts-jest": "^27.1.2",
     "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "vite": "^2.7.9"
   },
   "packageManager": "yarn@3.1.1"
 }
diff --git a/packages/main/esbuild.config.js b/packages/main/esbuild.config.js
new file mode 100644
index 0000000..7653078
--- /dev/null
+++ b/packages/main/esbuild.config.js
@@ -0,0 +1,24 @@
+// @ts-check
+
+const { node } = require('../../config/build-common');
+const { getConfig } = require('../../config/esbuild-config');
+
+const externalPackages = ['electron'];
+
+if (process.env.MODE !== 'development') {
+  externalPackages.push('electron-devtools-installer');
+}
+
+module.exports = getConfig({
+  absWorkingDir: __dirname,
+  entryPoints: [
+    'src/index.ts',
+  ],
+  outfile: 'dist/index.cjs',
+  format: 'cjs',
+  platform: 'node',
+  target: node,
+  external: externalPackages,
+}, {
+  VITE_DEV_SERVER_URL: process.env.VITE_DEV_SERVER_URL || null,
+});
diff --git a/packages/main/package.json b/packages/main/package.json
index c4670a8..76eff8e 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -6,7 +6,6 @@
   "types": "dist-types/index.d.ts",
   "scripts": {
     "clean": "rimraf dist",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -14,7 +13,7 @@
     "@sophie/shared": "workspace:*",
     "electron": "16.0.5",
     "json5": "^2.2.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "loglevel": "^1.8.0",
     "loglevel-plugin-prefix": "^0.8.4",
     "mobx": "^6.3.10",
@@ -22,14 +21,13 @@
     "ms": "^2.1.3"
   },
   "devDependencies": {
-    "@types/debug": "^4",
     "@types/electron-devtools-installer": "^2.2.1",
-    "@types/lodash": "^4.14.178",
+    "@types/lodash-es": "^4.17.5",
     "@types/ms": "^0.7.31",
     "@types/node": "^17.0.5",
     "electron-devtools-installer": "^3.2.0",
+    "esbuild": "^0.14.9",
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/main/src/controllers/config.ts b/packages/main/src/controllers/config.ts
index 7187ab4..f2467c7 100644
--- a/packages/main/src/controllers/config.ts
+++ b/packages/main/src/controllers/config.ts
@@ -18,7 +18,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { debounce } from 'lodash';
+import debounce from 'lodash-es/debounce';
 import ms from 'ms';
 import { applySnapshot, getSnapshot, onSnapshot } from 'mobx-state-tree';
 
diff --git a/packages/main/src/devTools.ts b/packages/main/src/devTools.ts
index b98974a..6c25b3e 100644
--- a/packages/main/src/devTools.ts
+++ b/packages/main/src/devTools.ts
@@ -18,38 +18,35 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import type { App, BrowserWindow } from 'electron';
+import type { BrowserWindow } from 'electron';
 
 /**
  * Installs the react and redux developer tools extensions.
  *
  * We use the redux devtools and connect the mobx store to it with `mst-middlewares`,
  * because the mobx-state-tree devtools are currently unmaintained.
- *
- * @param app The electron application instance.
  */
-export function installDevToolsExtensions(app: App): void {
-  app.whenReady().then(async () => {
-    const {
-      default: installExtension,
+export async function installDevToolsExtensions(): Promise<void> {
+  const installerPackage = await import('electron-devtools-installer');
+  const {
+    default: installExtension,
+    REACT_DEVELOPER_TOOLS,
+    REDUX_DEVTOOLS,
+  } = installerPackage.default instanceof Function
+      ? installerPackage
+      : installerPackage.default as unknown as typeof import('electron-devtools-installer');
+  await installExtension(
+    [
       REACT_DEVELOPER_TOOLS,
       REDUX_DEVTOOLS,
-    } = await import('electron-devtools-installer');
-    installExtension(
-      [
-        REACT_DEVELOPER_TOOLS,
-        REDUX_DEVTOOLS,
-      ],
-      {
-        forceDownload: false,
-        loadExtensionOptions: {
-          allowFileAccess: true,
-        },
+    ],
+    {
+      forceDownload: false,
+      loadExtensionOptions: {
+        allowFileAccess: true,
       },
-    );
-  }).catch((err) => {
-    console.error('Failed to install devtools extension', err);
-  });
+    },
+  );
 }
 
 /**
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
index 7c7be35..f8b6787 100644
--- a/packages/main/src/index.ts
+++ b/packages/main/src/index.ts
@@ -50,6 +50,9 @@ import { createMainStore } from './stores/MainStore';
 
 const isDevelopment = import.meta.env.MODE === 'development';
 
+// Alwayse enable sandboxing.
+app.enableSandbox();
+
 // Use alternative directory when debugging to avoid clobbering the main installation.
 if (isDevelopment) {
   app.setPath('userData', `${app.getPath('userData')}-dev`);
@@ -62,9 +65,6 @@ if (!isSingleInstance) {
   process.exit(0);
 }
 
-// Alwayse enable sandboxing.
-app.enableSandbox();
-
 // Disable chromium's MPRIS integration, which is usually more annoying
 // (triggered by random sounds played by websites) than useful.
 app.commandLine.appendSwitch(
@@ -90,17 +90,13 @@ function getResourceUrl(relativePath: string): string {
   return new URL(relativePath, baseUrl).toString();
 }
 
-let serviceInjectRelativePath = '../../service-inject/dist/index.cjs';
+let serviceInjectRelativePath = '../../service-inject/dist/index.js';
 let serviceInjectPath = getResourcePath(serviceInjectRelativePath);
 let serviceInject: WebSource = {
   code: readFileSync(serviceInjectPath, 'utf8'),
   url: getResourceUrl(serviceInjectRelativePath),
 };
 
-if (isDevelopment) {
-  installDevToolsExtensions(app);
-}
-
 let mainWindow: BrowserWindow | null = null;
 
 const store = createMainStore();
@@ -134,13 +130,13 @@ function shouldCancelMainWindowRequest(url: string, method: string): boolean {
   return !normalizedUrl.startsWith(getResourceUrl(rendererBaseUrl));
 }
 
-function createWindow(): Promise<unknown> {
+async function createWindow(): Promise<unknown> {
   mainWindow = new BrowserWindow({
     show: false,
     autoHideMenuBar: true,
     webPreferences: {
-      devTools: isDevelopment,
       sandbox: true,
+      devTools: isDevelopment,
       preload: getResourcePath('../../preload/dist/index.cjs'),
     },
   });
@@ -159,8 +155,14 @@ function createWindow(): Promise<unknown> {
     })
   });
 
-  webContents.on('will-navigate', (event) => {
-    event.preventDefault();
+  const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined)
+    ? import.meta.env.VITE_DEV_SERVER_URL
+    : getResourceUrl('../renderer/dist/index.html');
+
+  webContents.on('will-navigate', (event, url) => {
+    if (url !== pageUrl) {
+      event.preventDefault();
+    }
   });
 
   webContents.setWindowOpenHandler(() => ({ action: 'deny' }));
@@ -279,10 +281,6 @@ function createWindow(): Promise<unknown> {
     callback({ requestHeaders });
   });
 
-  const pageUrl = (isDevelopment && import.meta.env.VITE_DEV_SERVER_URL !== undefined)
-    ? import.meta.env.VITE_DEV_SERVER_URL
-    : getResourceUrl('../renderer/dist/index.html');
-
   return Promise.all([
     mainWindow.loadURL(pageUrl),
     browserView.webContents.loadURL('https://git.marussy.com/sophie/about'),
@@ -307,7 +305,13 @@ app.on('window-all-closed', () => {
   }
 });
 
-app.whenReady().then(createWindow).catch((err) => {
+app.whenReady().then(async () => {
+  if (isDevelopment) {
+    await installDevToolsExtensions();
+  }
+
+  return createWindow();
+}).catch((err) => {
   console.error('Failed to create window', err);
   process.exit(1);
 });
diff --git a/packages/main/src/services/ConfigPersistenceService.ts b/packages/main/src/services/ConfigPersistenceService.ts
index 1c0315f..ee5eb9f 100644
--- a/packages/main/src/services/ConfigPersistenceService.ts
+++ b/packages/main/src/services/ConfigPersistenceService.ts
@@ -20,7 +20,7 @@
 import { watch } from 'fs';
 import { readFile, stat, writeFile } from 'fs/promises';
 import JSON5 from 'json5';
-import { throttle } from 'lodash';
+import throttle from 'lodash-es/throttle';
 import { join } from 'path';
 
 import type { ConfigSnapshotOut } from  '../stores/Config';
diff --git a/packages/main/src/utils/logging.ts b/packages/main/src/utils/logging.ts
index 9f1133f..5cb5d21 100644
--- a/packages/main/src/utils/logging.ts
+++ b/packages/main/src/utils/logging.ts
@@ -36,10 +36,6 @@ prefix.apply(loglevel, {
       const lastSegment = nameSegments.pop();
       shortName = [...nameSegments.map((segment) => segment[0]), lastSegment].join(':');
     }
-    if (isDevelopment) {
-      // `watch.js` already appends timestamps.
-      return `${level} (${shortName})`;
-    }
     return `[${timestamp}] ${level} (${shortName})`;
   },
 });
diff --git a/packages/main/vite.config.js b/packages/main/vite.config.js
deleted file mode 100644
index bdb0ca1..0000000
--- a/packages/main/vite.config.js
+++ /dev/null
@@ -1,39 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { makeConfig, node } from '../../config/vite-common';
-
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  define: {
-    // Allow access to process.env in imported packages.
-    // https://github.com/vitejs/vite/issues/3176#issuecomment-876610206
-    'process.env': 'process["env"]',
-    'global.process.env': 'global.process["env"]',
-    'globalThis.process.env': 'globalThis.process["env"]',
-  },
-  build: {
-    target: node,
-    lib: {
-      entry: 'src/index.ts',
-      formats: ['cjs'],
-    },
-    rollupOptions: {
-      external: [
-        'electron',
-        'electron-devtools-installer',
-        ...builtinModules,
-      ],
-    },
-  },
-});
-
-export default config;
diff --git a/packages/preload/esbuild.config.js b/packages/preload/esbuild.config.js
new file mode 100644
index 0000000..76ac33f
--- /dev/null
+++ b/packages/preload/esbuild.config.js
@@ -0,0 +1,19 @@
+// @ts-check
+
+const { chrome } = require('../../config/build-common');
+const { getConfig } = require('../../config/esbuild-config');
+
+module.exports = getConfig({
+  absWorkingDir: __dirname,
+  entryPoints: [
+    'src/index.ts',
+  ],
+  outfile: 'dist/index.cjs',
+  format: 'cjs',
+  platform: 'node',
+  target: chrome,
+  sourcemap: 'inline',
+  external: [
+    'electron',
+  ],
+});
diff --git a/packages/preload/package.json b/packages/preload/package.json
index caa23b6..5eb6055 100644
--- a/packages/preload/package.json
+++ b/packages/preload/package.json
@@ -8,7 +8,6 @@
   "scripts": {
     "clean": "rimraf dist",
     "test": "jest",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -24,7 +23,6 @@
     "jsdom": "^19.0.0",
     "rimraf": "^3.0.2",
     "ts-jest": "^27.1.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/preload/vite.config.js b/packages/preload/vite.config.js
deleted file mode 100644
index 409d912..0000000
--- a/packages/preload/vite.config.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { chrome, makeConfig } from '../../config/vite-common';
-
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  build: {
-    target: chrome,
-    lib: {
-      entry: 'src/index.ts',
-      formats: ['cjs'],
-    },
-    rollupOptions: {
-      external: [
-        'electron',
-        ...builtinModules,
-      ],
-    },
-  },
-});
-
-export default config;
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index ff8955a..1d34cdb 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -5,8 +5,7 @@
   "main": "dist/index.html",
   "types": "dist-types/index.d.ts",
   "scripts": {
-    "clean": "rimraf dist node_modules",
-    "build": "vite build",
+    "clean": "rimraf dist",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -18,7 +17,7 @@
     "@sophie/shared": "workspace:*",
     "lodash": "^4.17.21",
     "mobx": "^6.3.10",
-    "mobx-react-lite": "^3.2.2",
+    "mobx-react-lite": "^3.2.3",
     "mobx-state-tree": "^5.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
@@ -32,6 +31,6 @@
     "remotedev": "^0.2.9",
     "rimraf": "^3.0.2",
     "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "vite": "^2.7.9"
   }
 }
diff --git a/packages/renderer/src/devTools.ts b/packages/renderer/src/devTools.ts
index 7c44559..3ec66aa 100644
--- a/packages/renderer/src/devTools.ts
+++ b/packages/renderer/src/devTools.ts
@@ -61,12 +61,9 @@ export function exposeToReduxDevtools(model: IAnyStateTreeNode): void {
  * `build/watch.js` sends a reload event on bundle write.
  */
 export function hotReloadServices(): void {
-  import.meta.hot?.on(
-    'sophie:reload-services',
-    () => {
-      window.sophieRenderer.dispatchAction({
-        action: 'reload-all-services',
-      });
-    },
-  );
+  import.meta.hot?.on('sophie:reload-services', () => {
+    window.sophieRenderer.dispatchAction({
+      action: 'reload-all-services',
+    });
+  });
 }
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index 94f0b76..30729c0 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -3,21 +3,35 @@
 /* eslint-env node */
 
 import { builtinModules } from 'module';
+import { join } from 'path';
 import react from '@vitejs/plugin-react';
 
-import { chrome, makeConfig } from '../../config/vite-common';
+import { banner, chrome } from '../../config/build-common';
 
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
+const mode = process.env.MODE || 'development';
+
+const isDevelopment = mode === 'development';
 
 /**
  * @type {import('vite').UserConfig}
  * @see https://vitejs.dev/config/
  */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
+export default {
+  /** @type {import('vite').LogLevel} */
+  logLevel: 'info',
+  mode,
+  root: __dirname,
+  cacheDir: join(__dirname, '../../.vite'),
   plugins: [
-    react(),
+    react({
+      babel: {
+        // Gets rid of deoptimization warnings for large chunks.
+        // We don't need to minify here, because the output of babel
+        // will get passed to esbuild anyways.
+        compact: false,
+        minified: false,
+      },
+    }),
   ],
   base: '',
   server: {
@@ -25,16 +39,32 @@ const config = makeConfig({
       strict: true,
     },
   },
+  resolve: {
+    preserveSymlinks: true,
+  },
+  optimizeDeps: {
+    exclude: [
+      // Already bundled by esbuild.
+      '@sophie/shared',
+    ],
+  },
   build: {
     target: chrome,
+    assetsDir: '.',
+    outDir: 'dist',
+    emptyOutDir: true,
+    sourcemap: isDevelopment,
+    minify: !isDevelopment,
+    brotliSize: false,
     rollupOptions: {
       external: [
         'mst-middlewares',
         'remotedev',
         ...builtinModules,
       ],
+      output: {
+        banner,
+      }
     },
   },
-});
-
-export default config;
+};
diff --git a/packages/service-inject/esbuild.config.js b/packages/service-inject/esbuild.config.js
new file mode 100644
index 0000000..38e5b7d
--- /dev/null
+++ b/packages/service-inject/esbuild.config.js
@@ -0,0 +1,16 @@
+// @ts-check
+
+const { chrome } = require('../../config/build-common');
+const { getConfig } = require('../../config/esbuild-config');
+
+module.exports = getConfig({
+  absWorkingDir: __dirname,
+  entryPoints: [
+    'src/index.ts',
+  ],
+  outfile: 'dist/index.js',
+  format: 'iife',
+  platform: 'browser',
+  target: chrome,
+  sourcemap: 'inline',
+});
diff --git a/packages/service-inject/package.json b/packages/service-inject/package.json
index 573fc82..94cd825 100644
--- a/packages/service-inject/package.json
+++ b/packages/service-inject/package.json
@@ -7,7 +7,6 @@
   "types": "dist-types/index.d.ts",
   "scripts": {
     "clean": "rimraf dist",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -15,7 +14,6 @@
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/service-inject/vite.config.js b/packages/service-inject/vite.config.js
deleted file mode 100644
index 9c65c15..0000000
--- a/packages/service-inject/vite.config.js
+++ /dev/null
@@ -1,28 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { chrome, makeConfig } from '../../config/vite-common';
-
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  build: {
-    target: chrome,
-    lib: {
-      entry: 'src/index.ts',
-      formats: ['cjs'],
-    },
-    rollupOptions: {
-      external: builtinModules,
-    },
-  },
-});
-
-export default config;
diff --git a/packages/service-preload/esbuild.config.js b/packages/service-preload/esbuild.config.js
new file mode 100644
index 0000000..76ac33f
--- /dev/null
+++ b/packages/service-preload/esbuild.config.js
@@ -0,0 +1,19 @@
+// @ts-check
+
+const { chrome } = require('../../config/build-common');
+const { getConfig } = require('../../config/esbuild-config');
+
+module.exports = getConfig({
+  absWorkingDir: __dirname,
+  entryPoints: [
+    'src/index.ts',
+  ],
+  outfile: 'dist/index.cjs',
+  format: 'cjs',
+  platform: 'node',
+  target: chrome,
+  sourcemap: 'inline',
+  external: [
+    'electron',
+  ],
+});
diff --git a/packages/service-preload/package.json b/packages/service-preload/package.json
index 6f3faf9..fb67a8e 100644
--- a/packages/service-preload/package.json
+++ b/packages/service-preload/package.json
@@ -2,11 +2,10 @@
   "name": "@sophie/service-preload",
   "version": "0.1.0",
   "private": true,
-  "main": "dist/index.cjs",
+  "main": "dist/index.js",
   "types": "dist-types/index.d.ts",
   "scripts": {
     "clean": "rimraf dist",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -15,7 +14,6 @@
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/service-preload/vite.config.js b/packages/service-preload/vite.config.js
deleted file mode 100644
index 409d912..0000000
--- a/packages/service-preload/vite.config.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { chrome, makeConfig } from '../../config/vite-common';
-
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  build: {
-    target: chrome,
-    lib: {
-      entry: 'src/index.ts',
-      formats: ['cjs'],
-    },
-    rollupOptions: {
-      external: [
-        'electron',
-        ...builtinModules,
-      ],
-    },
-  },
-});
-
-export default config;
diff --git a/packages/service-shared/package.json b/packages/service-shared/package.json
index 980d0c0..b9128c6 100644
--- a/packages/service-shared/package.json
+++ b/packages/service-shared/package.json
@@ -3,11 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "sideEffects": false,
-  "main": "dist/index.cjs",
+  "main": "src/index.ts",
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -15,7 +14,6 @@
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/service-shared/vite.config.js b/packages/service-shared/vite.config.js
deleted file mode 100644
index 2391810..0000000
--- a/packages/service-shared/vite.config.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { chrome, makeConfig, node } from '../../config/vite-common';
-
-/** @type string */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  build: {
-    target: [
-      chrome,
-      node,
-    ],
-    lib: {
-      entry: 'src/index.ts',
-      formats: ['cjs'],
-    },
-    rollupOptions: {
-      external: [
-        'zod',
-        ...builtinModules,
-      ],
-    },
-    emptyOutDir: false, // Do not remove .d.ts files.
-  },
-});
-
-export default config;
diff --git a/packages/shared/esbuild.config.js b/packages/shared/esbuild.config.js
new file mode 100644
index 0000000..f58d776
--- /dev/null
+++ b/packages/shared/esbuild.config.js
@@ -0,0 +1,23 @@
+// @ts-check
+
+const { chrome } = require('../../config/build-common');
+const { getConfig } = require('../../config/esbuild-config');
+
+module.exports = getConfig({
+  absWorkingDir: __dirname,
+  entryPoints: [
+    'src/index.ts',
+  ],
+  outfile: 'dist/index.mjs',
+  format: 'esm',
+  // The package that includes this one will have a header comment,
+  // no need to have an additional one here.
+  banner: {},
+  platform: 'node',
+  target: chrome,
+  external: [
+    'mobx',
+    'mobx-state-tree',
+    'zod',
+  ],
+});
diff --git a/packages/shared/package.json b/packages/shared/package.json
index a2e4232..3db4cb1 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -3,12 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "sideEffects": false,
-  "main": "dist/index.cjs",
-  "module": "dist/index.es.js",
+  "main": "src/index.ts",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "build": "vite build",
     "typecheck": "tsc"
   },
   "dependencies": {
@@ -18,7 +17,6 @@
   },
   "devDependencies": {
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.7"
+    "typescript": "^4.5.4"
   }
 }
diff --git a/packages/shared/vite.config.js b/packages/shared/vite.config.js
deleted file mode 100644
index 5fb1ceb..0000000
--- a/packages/shared/vite.config.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// @ts-check
-
-import { builtinModules } from 'module';
-
-import { chrome, makeConfig, node } from '../../config/vite-common';
-
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
-
-/**
- * @type {import('vite').UserConfig}
- * @see https://vitejs.dev/config/
- */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
-  build: {
-    target: [
-      chrome,
-      node,
-    ],
-    lib: {
-      entry: 'src/index.ts',
-      formats: [
-        'cjs',
-        'es',
-      ],
-    },
-    rollupOptions: {
-      external: [
-        'mobx',
-        'mobx-state-tree',
-        'zod',
-        ...builtinModules,
-      ],
-    },
-    emptyOutDir: false, // Do not remove .d.ts files.
-  },
-});
-
-export default config;
diff --git a/scripts/build.js b/scripts/build.js
new file mode 100644
index 0000000..416530d
--- /dev/null
+++ b/scripts/build.js
@@ -0,0 +1,37 @@
+const esbuild = require('esbuild');
+const { join } = require('path');
+const vite = require('vite');
+
+/**
+ * @param {string} packageName
+ * @returns {Promise<import('esbuild').BuildResult>}
+ */
+function buildPackageEsbuild(packageName) {
+  const config = require(`../packages/${packageName}/esbuild.config.js`);
+  return esbuild.build(config);
+}
+
+function buildPackageVite(packageName) {
+  return vite.build({
+    configFile: join(__dirname, `../packages/${packageName}/vite.config.js`),
+  });
+}
+
+function buildAll() {
+  // Esbuild can natively load a typescript main file,
+  // so we don't need to bundle `service-shared`.
+  // We onyl bundle `shared` for vite.
+  const buildShared = buildPackageEsbuild('shared');
+  return Promise.all([
+    buildShared.then(() => buildPackageEsbuild('main')),
+    buildPackageEsbuild('service-inject'),
+    buildPackageEsbuild('service-preload'),
+    buildPackageEsbuild('preload'),
+    buildPackageVite('renderer'),
+  ]);
+}
+
+buildAll().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/scripts/watch.js b/scripts/watch.js
index 82dc01e..367ab88 100644
--- a/scripts/watch.js
+++ b/scripts/watch.js
@@ -1,32 +1,23 @@
-#!/usr/bin/env node
-
 // @ts-check
 
+const esbuild = require('esbuild');
 const { spawn } = require('child_process');
+const chokidar = require('chokidar');
 const electronPath = require('electron');
-const { build, createLogger, createServer } = require('vite');
+const { join } = require('path');
+const { createServer } = require('vite');
 
-/** @type {string} */
-const mode = process.env.MODE = process.env.MODE || 'development';
+process.env.MODE = 'development';
+process.env.NODE_ENV = 'development';
 
-/** @type {import('vite').LogLevel} */
-const LOG_LEVEL = 'info';
+/** @type {string} */
+const sharedPackageSource = packageSource('shared');
 
-/** @type {import('vite').InlineConfig} */
-const sharedConfig = {
-  mode,
-  build: {
-    watch: {},
-  },
-  logLevel: LOG_LEVEL,
-};
+/** @type {string} */
+const serviceSharedPackageSource = packageSource('service-shared');
 
-/**
- * Messages on stderr that match any of the contained patterns will be stripped from output
- *
- * @type {RegExp[]}
- */
-const stderrFilterPatterns = [
+/** @type {RegExp[]} */
+const stderrIgnorePatterns = [
   // warning about devtools extension
   // https://github.com/cawa-93/vite-electron-builder/issues/492
   // https://github.com/MarshallOfSound/electron-devtools-installer/issues/143
@@ -37,27 +28,102 @@ const stderrFilterPatterns = [
 ];
 
 /**
- * @param {{name: string; configFile: string; writeBundle?: import('rollup').OutputPlugin['writeBundle'] }} config
- * @returns {Promise<unknown>}
+ * @param {string} packageName
+ * @returns {string}
+ */
+function packageSource(packageName) {
+  return join(__dirname, `../packages/${packageName}/src`);
+}
+
+/**
+ * @param {string} packageName
+ * @param {string[]} [extraPaths]
+ * @param {() => void} [callback]
+ * @return {Promise<void>}
+ */
+async function setupEsbuildWatcher(packageName, extraPaths, callback) {
+  const config = require(`../packages/${packageName}/esbuild.config.js`);
+  config.logLevel = 'info';
+  config.incremental = true;
+  const incrementalBuild = await esbuild.build(config);
+  const paths = [
+    packageSource(packageName),
+    ...(extraPaths || []),
+  ];
+  const watcher = chokidar.watch(paths, {
+    ignored: /(^|[\/\\])\.|__(tests|mocks)__|\.(spec|test)\.[jt]sx?$/,
+    ignoreInitial: true,
+    persistent: true,
+  });
+  if (callback) {
+    callback();
+  }
+  watcher.on('change', () => {
+    incrementalBuild.rebuild().then(() => {
+      console.log(`\u26a1 Reloading package ${packageName}`);
+      if (callback) {
+        callback();
+      }
+    }).catch((err) => {
+      const errCount = err.errors.length;
+      console.error(
+        '\ud83d\udd25',
+        errCount,
+        errCount > 1 ? 'errors' : 'error',
+        'while rebuilding package',
+        packageName
+      );
+    });
+  });
+}
+
+/**
+ * @param {string} packageName
+ * @return {Promise<import('vite').ViteDevServer>}
  */
-function getWatcher({ name, configFile, writeBundle }) {
-  return build({
-    ...sharedConfig,
-    configFile,
-    plugins: [
-      {
-        name,
-        writeBundle,
+async function setupDevServer(packageName) {
+  const viteDevServer = await createServer({
+    build: {
+      watch: {
+        skipWrite: true,
+        clearScreen: false,
       },
-    ],
+    },
+    configFile: join(__dirname, `../packages/${packageName}/vite.config.js`),
+  });
+  await viteDevServer.listen();
+  return viteDevServer;
+}
+
+/**
+ * @param {(event: import('vite').HMRPayload) => void} sendEvent
+ * @return {Promise<void>}
+ */
+function setupPreloadPackageWatcher(sendEvent) {
+  return setupEsbuildWatcher('preload', [sharedPackageSource], () => {
+    sendEvent({
+      type: 'full-reload',
+    });
+  });
+}
+
+/**
+ * @param {string} packageName
+ * @param {(event: import('vite').HMRPayload) => void} sendEvent
+ * @return {Promise<void>}
+ */
+function setupServicePackageWatcher(packageName, sendEvent) {
+  return setupEsbuildWatcher(packageName, [serviceSharedPackageSource], () => {
+    sendEvent({
+      type: 'custom',
+      event: 'sophie:reload-services',
+    });
   });
 }
 
 /**
- * Start or restart App when source files are changed.
- *
  * @param {import('vite').ViteDevServer} viteDevServer
- * @returns {Promise<unknown>}
+ * @return {Promise<void>}
  */
 function setupMainPackageWatcher(viteDevServer) {
   // Write a value to an environment variable to pass it to the main process.
@@ -67,122 +133,55 @@ function setupMainPackageWatcher(viteDevServer) {
   const path = '/';
   process.env.VITE_DEV_SERVER_URL = `${protocol}//${host}:${port}${path}`;
 
-  const logger = createLogger(
-    LOG_LEVEL,
-    {
-      prefix: '[main]',
-    },
-  );
-
   /** @type {import('child_process').ChildProcessWithoutNullStreams | null} */
   let spawnProcess = null;
 
-  return getWatcher({
-    name: 'reload-app-on-main-package-change',
-    configFile: 'packages/main/vite.config.js',
-    writeBundle() {
+  return setupEsbuildWatcher(
+    'main',
+    [
+      serviceSharedPackageSource,
+      sharedPackageSource
+    ],
+    () => {
       if (spawnProcess !== null) {
         spawnProcess.kill('SIGINT');
         spawnProcess = null;
       }
 
-      spawnProcess = spawn(String(electronPath), ['.']);
-
-      spawnProcess.stdout.on('data', (data) => {
-        if (data.toString().trim() !== '') {
-          logger.warn(data.toString(), {timestamp: true})
-        }
+      spawnProcess = spawn(String(electronPath), ['.'], {
+        stdio: ['inherit', 'inherit', 'pipe'],
       });
 
       spawnProcess.stderr.on('data', (data) => {
-        const trimmedData = data.toString().trim();
-        if (trimmedData === '') {
-          return;
+        const stderrString = data.toString('utf-8').trimRight();
+        if (!stderrIgnorePatterns.some((r) => r.test(stderrString))) {
+          console.error(stderrString);
         }
-        const mayIgnore = stderrFilterPatterns.some((r) => r.test(data));
-        if (mayIgnore) {
-          return;
-        }
-        logger.error(data, { timestamp: true });
-      });
-    },
-  });
-}
-
-/**
- * Reload App when source files are changed.
- *
- * @param {import('vite').ViteDevServer} viteDevServer
- * @returns {Promise<unknown>}
- */
-function setupPreloadPackageWatcher(viteDevServer) {
-  return getWatcher({
-    name: 'reload-page-on-preload-package-change',
-    configFile: 'packages/preload/vite.config.js',
-    writeBundle() {
-      viteDevServer.ws.send({
-        type: 'full-reload',
-      });
-    },
-  });
-}
-
-/**
- * Reload services when source files are changed.
- *
- * @param {import('vite').ViteDevServer} viteDevServer
- * @param {string} packageName The name of the package to watch.
- * @returns {Promise<unknown>}
- */
-function setupServicePreloadPackageWatcher(viteDevServer, packageName) {
-  return getWatcher({
-    name: `reload-services-on-${packageName}-package-change`,
-    configFile: `packages/${packageName}/vite.config.js`,
-    writeBundle() {
-      console.log('wrote');
-      viteDevServer.ws.send({
-        type: 'custom',
-        event: 'sophie:reload-services',
       });
     },
-  });
-}
-
-/**
- * Rebuild package when source files are changed.
- *
- * @param {string} packageName The name of the package to watch.
- * @returns {Promise<unknown>}
- */
-function setupSharedPackageWatcher(packageName) {
-  return getWatcher({
-    name: `rebuild-package-on-${packageName}-package-change`,
-    configFile: `packages/${packageName}/vite.config.js`,
-  });
+  );
 }
 
 /**
- * @returns {Promise<unknown>}
+ * @returns {Promise<void>}
  */
 async function setupDevEnvironment() {
-  const serviceSharedWatcher = setupSharedPackageWatcher('service-shared');
-
-  await setupSharedPackageWatcher('shared');
-
-  const viteDevServer = await createServer({
-    ...sharedConfig,
-    configFile: 'packages/renderer/vite.config.js',
-  });
-  await viteDevServer.listen();
-
+  /** @type {import('vite').ViteDevServer | null} */
+  let viteDevServer = null;
+  /** @type {(event: import('vite').HMRPayload) => void} */
+  const sendEvent = (event) => {
+    if (viteDevServer !== null) {
+      viteDevServer.ws.send(event);
+    }
+  };
   await Promise.all([
-    setupPreloadPackageWatcher(viteDevServer),
-    serviceSharedWatcher.then(() => Promise.all([
-      setupServicePreloadPackageWatcher(viteDevServer, 'service-inject'),
-      setupServicePreloadPackageWatcher(viteDevServer, 'service-preload'),
-    ])),
+    setupEsbuildWatcher('shared'),
+    setupPreloadPackageWatcher(sendEvent),
+    setupServicePackageWatcher('service-inject', sendEvent),
+    setupServicePackageWatcher('service-preload', sendEvent),
   ]);
-
+  viteDevServer = await setupDevServer('renderer');
+  console.log('\ud83c\udf80 Sophie is starting up')
   return setupMainPackageWatcher(viteDevServer);
 }
 
diff --git a/yarn.lock b/yarn.lock
index d50d999..8d6a6dd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1199,15 +1199,15 @@ __metadata:
   dependencies:
     "@sophie/service-shared": "workspace:*"
     "@sophie/shared": "workspace:*"
-    "@types/debug": ^4
     "@types/electron-devtools-installer": ^2.2.1
-    "@types/lodash": ^4.14.178
+    "@types/lodash-es": ^4.17.5
     "@types/ms": ^0.7.31
     "@types/node": ^17.0.5
     electron: 16.0.5
     electron-devtools-installer: ^3.2.0
+    esbuild: ^0.14.9
     json5: ^2.2.0
-    lodash: ^4.17.21
+    lodash-es: ^4.17.21
     loglevel: ^1.8.0
     loglevel-plugin-prefix: ^0.8.4
     mobx: ^6.3.10
@@ -1215,7 +1215,6 @@ __metadata:
     ms: ^2.1.3
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
   languageName: unknown
   linkType: soft
 
@@ -1234,7 +1233,6 @@ __metadata:
     rimraf: ^3.0.2
     ts-jest: ^27.1.2
     typescript: ^4.5.4
-    vite: ^2.7.7
   languageName: unknown
   linkType: soft
 
@@ -1254,7 +1252,7 @@ __metadata:
     "@vitejs/plugin-react": ^1.1.3
     lodash: ^4.17.21
     mobx: ^6.3.10
-    mobx-react-lite: ^3.2.2
+    mobx-react-lite: ^3.2.3
     mobx-state-tree: ^5.1.0
     mst-middlewares: ^5.1.0
     react: ^17.0.2
@@ -1262,7 +1260,7 @@ __metadata:
     remotedev: ^0.2.9
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
+    vite: ^2.7.9
   languageName: unknown
   linkType: soft
 
@@ -1273,7 +1271,6 @@ __metadata:
     "@sophie/service-shared": "workspace:*"
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
   languageName: unknown
   linkType: soft
 
@@ -1285,7 +1282,6 @@ __metadata:
     electron: 16.0.5
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
   languageName: unknown
   linkType: soft
 
@@ -1295,7 +1291,6 @@ __metadata:
   dependencies:
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
     zod: ^3.11.6
   languageName: unknown
   linkType: soft
@@ -1308,7 +1303,6 @@ __metadata:
     mobx-state-tree: ^5.1.0
     rimraf: ^3.0.2
     typescript: ^4.5.4
-    vite: ^2.7.7
     zod: ^3.11.6
   languageName: unknown
   linkType: soft
@@ -1377,7 +1371,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/debug@npm:^4, @types/debug@npm:^4.1.6":
+"@types/debug@npm:^4.1.6":
   version: 4.1.7
   resolution: "@types/debug@npm:4.1.7"
   dependencies:
@@ -1465,7 +1459,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4.14.178":
+"@types/lodash-es@npm:^4.17.5":
+  version: 4.17.5
+  resolution: "@types/lodash-es@npm:4.17.5"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: 8910f646310aa008bb45071619fe85abf917bbc2c7cc0af883a971de261723247695a58dd966bfa9defd946cef79811d8b075eb6f0af12343080ab0ae6614e12
+  languageName: node
+  linkType: hard
+
+"@types/lodash@npm:*, @types/lodash@npm:^4.14.178":
   version: 4.14.178
   resolution: "@types/lodash@npm:4.14.178"
   checksum: a69a04a60bfc5257c3130a554b4efa0c383f0141b7b3db8ab7cf07ad2a46ea085fce66d0242da41da7e5647b133d5dfb2c15add9cbed8d7fef955e4a1e5b3128
@@ -1806,7 +1809,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"anymatch@npm:^3.0.3":
+"anymatch@npm:^3.0.3, anymatch@npm:~3.1.2":
   version: 3.1.2
   resolution: "anymatch@npm:3.1.2"
   dependencies:
@@ -2065,6 +2068,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"binary-extensions@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "binary-extensions@npm:2.2.0"
+  checksum: ccd267956c58d2315f5d3ea6757cf09863c5fc703e50fbeb13a7dc849b812ef76e3cf9ca8f35a0c48498776a7478d7b4a0418e1e2b8cb9cb9731f2922aaad7f8
+  languageName: node
+  linkType: hard
+
 "bluebird-lst@npm:^1.0.9":
   version: 1.0.9
   resolution: "bluebird-lst@npm:1.0.9"
@@ -2114,7 +2124,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.1":
+"braces@npm:^3.0.1, braces@npm:~3.0.2":
   version: 3.0.2
   resolution: "braces@npm:3.0.2"
   dependencies:
@@ -2350,6 +2360,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chokidar@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "chokidar@npm:3.5.2"
+  dependencies:
+    anymatch: ~3.1.2
+    braces: ~3.0.2
+    fsevents: ~2.3.2
+    glob-parent: ~5.1.2
+    is-binary-path: ~2.1.0
+    is-glob: ~4.0.1
+    normalize-path: ~3.0.0
+    readdirp: ~3.6.0
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: d1fda32fcd67d9f6170a8468ad2630a3c6194949c9db3f6a91b16478c328b2800f433fb5d2592511b6cb145a47c013ea1cce60b432b1a001ae3ee978a8bffc2d
+  languageName: node
+  linkType: hard
+
 "chownr@npm:^2.0.0":
   version: 2.0.0
   resolution: "chownr@npm:2.0.0"
@@ -3151,6 +3180,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-android-arm64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-android-arm64@npm:0.14.9"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "esbuild-darwin-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-darwin-64@npm:0.13.15"
@@ -3158,6 +3194,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-darwin-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-darwin-64@npm:0.14.9"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-darwin-arm64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-darwin-arm64@npm:0.13.15"
@@ -3165,6 +3208,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-darwin-arm64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-darwin-arm64@npm:0.14.9"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "esbuild-freebsd-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-freebsd-64@npm:0.13.15"
@@ -3172,6 +3222,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-freebsd-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-freebsd-64@npm:0.14.9"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-freebsd-arm64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-freebsd-arm64@npm:0.13.15"
@@ -3179,6 +3236,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-freebsd-arm64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-freebsd-arm64@npm:0.14.9"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-32@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-32@npm:0.13.15"
@@ -3186,6 +3250,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-32@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-32@npm:0.14.9"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-64@npm:0.13.15"
@@ -3193,6 +3264,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-64@npm:0.14.9"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-arm64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-arm64@npm:0.13.15"
@@ -3200,6 +3278,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-arm64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-arm64@npm:0.14.9"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-arm@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-arm@npm:0.13.15"
@@ -3207,6 +3292,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-arm@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-arm@npm:0.14.9"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-mips64le@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-mips64le@npm:0.13.15"
@@ -3214,6 +3306,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-mips64le@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-mips64le@npm:0.14.9"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
 "esbuild-linux-ppc64le@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-linux-ppc64le@npm:0.13.15"
@@ -3221,6 +3320,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-linux-ppc64le@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-ppc64le@npm:0.14.9"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"esbuild-linux-s390x@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-linux-s390x@npm:0.14.9"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
 "esbuild-netbsd-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-netbsd-64@npm:0.13.15"
@@ -3228,6 +3341,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-netbsd-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-netbsd-64@npm:0.14.9"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-openbsd-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-openbsd-64@npm:0.13.15"
@@ -3235,6 +3355,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-openbsd-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-openbsd-64@npm:0.14.9"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-sunos-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-sunos-64@npm:0.13.15"
@@ -3242,6 +3369,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-sunos-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-sunos-64@npm:0.14.9"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-windows-32@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-windows-32@npm:0.13.15"
@@ -3249,6 +3383,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-windows-32@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-windows-32@npm:0.14.9"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "esbuild-windows-64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-windows-64@npm:0.13.15"
@@ -3256,6 +3397,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-windows-64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-windows-64@npm:0.14.9"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "esbuild-windows-arm64@npm:0.13.15":
   version: 0.13.15
   resolution: "esbuild-windows-arm64@npm:0.13.15"
@@ -3263,6 +3411,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-windows-arm64@npm:0.14.9":
+  version: 0.14.9
+  resolution: "esbuild-windows-arm64@npm:0.14.9"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "esbuild@npm:^0.13.12":
   version: 0.13.15
   resolution: "esbuild@npm:0.13.15"
@@ -3325,6 +3480,71 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild@npm:^0.14.9":
+  version: 0.14.9
+  resolution: "esbuild@npm:0.14.9"
+  dependencies:
+    esbuild-android-arm64: 0.14.9
+    esbuild-darwin-64: 0.14.9
+    esbuild-darwin-arm64: 0.14.9
+    esbuild-freebsd-64: 0.14.9
+    esbuild-freebsd-arm64: 0.14.9
+    esbuild-linux-32: 0.14.9
+    esbuild-linux-64: 0.14.9
+    esbuild-linux-arm: 0.14.9
+    esbuild-linux-arm64: 0.14.9
+    esbuild-linux-mips64le: 0.14.9
+    esbuild-linux-ppc64le: 0.14.9
+    esbuild-linux-s390x: 0.14.9
+    esbuild-netbsd-64: 0.14.9
+    esbuild-openbsd-64: 0.14.9
+    esbuild-sunos-64: 0.14.9
+    esbuild-windows-32: 0.14.9
+    esbuild-windows-64: 0.14.9
+    esbuild-windows-arm64: 0.14.9
+  dependenciesMeta:
+    esbuild-android-arm64:
+      optional: true
+    esbuild-darwin-64:
+      optional: true
+    esbuild-darwin-arm64:
+      optional: true
+    esbuild-freebsd-64:
+      optional: true
+    esbuild-freebsd-arm64:
+      optional: true
+    esbuild-linux-32:
+      optional: true
+    esbuild-linux-64:
+      optional: true
+    esbuild-linux-arm:
+      optional: true
+    esbuild-linux-arm64:
+      optional: true
+    esbuild-linux-mips64le:
+      optional: true
+    esbuild-linux-ppc64le:
+      optional: true
+    esbuild-linux-s390x:
+      optional: true
+    esbuild-netbsd-64:
+      optional: true
+    esbuild-openbsd-64:
+      optional: true
+    esbuild-sunos-64:
+      optional: true
+    esbuild-windows-32:
+      optional: true
+    esbuild-windows-64:
+      optional: true
+    esbuild-windows-arm64:
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 43664678c2ce281ad0ab4896bca65f461cd617d7b807b0c737540d3c46928c305f6c91c211e2866aac4aade48e61bd19875e3571c0d3e2cf49b2cdbf4c241d97
+  languageName: node
+  linkType: hard
+
 "escalade@npm:^3.1.1":
   version: 3.1.1
   resolution: "escalade@npm:3.1.1"
@@ -3858,6 +4078,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob-parent@npm:~5.1.2":
+  version: 5.1.2
+  resolution: "glob-parent@npm:5.1.2"
+  dependencies:
+    is-glob: ^4.0.1
+  checksum: f4f2bfe2425296e8a47e36864e4f42be38a996db40420fe434565e4480e3322f18eb37589617a98640c5dc8fdec1a387007ee18dbb1f3f5553409c34d17f425e
+  languageName: node
+  linkType: hard
+
 "glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
   version: 7.2.0
   resolution: "glob@npm:7.2.0"
@@ -4244,6 +4473,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-binary-path@npm:~2.1.0":
+  version: 2.1.0
+  resolution: "is-binary-path@npm:2.1.0"
+  dependencies:
+    binary-extensions: ^2.0.0
+  checksum: 84192eb88cff70d320426f35ecd63c3d6d495da9d805b19bc65b518984b7c0760280e57dbf119b7e9be6b161784a5a673ab2c6abe83abb5198a432232ad5b35c
+  languageName: node
+  linkType: hard
+
 "is-ci@npm:^2.0.0":
   version: 2.0.0
   resolution: "is-ci@npm:2.0.0"
@@ -4296,7 +4534,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-glob@npm:^4.0.0, is-glob@npm:^4.0.3":
+"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
   version: 4.0.3
   resolution: "is-glob@npm:4.0.3"
   dependencies:
@@ -5281,6 +5519,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash-es@npm:^4.17.21":
+  version: 4.17.21
+  resolution: "lodash-es@npm:4.17.21"
+  checksum: 05cbffad6e2adbb331a4e16fbd826e7faee403a1a04873b82b42c0f22090f280839f85b95393f487c1303c8a3d2a010048bf06151a6cbe03eee4d388fb0a12d2
+  languageName: node
+  linkType: hard
+
 "lodash.memoize@npm:4.x":
   version: 4.1.2
   resolution: "lodash.memoize@npm:4.1.2"
@@ -5570,9 +5815,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mobx-react-lite@npm:^3.2.2":
-  version: 3.2.2
-  resolution: "mobx-react-lite@npm:3.2.2"
+"mobx-react-lite@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "mobx-react-lite@npm:3.2.3"
   peerDependencies:
     mobx: ^6.1.0
     react: ^16.8.0 || ^17
@@ -5581,7 +5826,7 @@ __metadata:
       optional: true
     react-native:
       optional: true
-  checksum: f64957cb71e45f8bbce0429b90f15fef6e0ad06a38e1522cf887900a2869e157beb3438bf6c2621cfc6907ad891428726686d7b544988995745e9a9c8255ff95
+  checksum: d645e3c76f29ab22e4125f372531e00a776bd3833d3aab5cab2631e0eb1a90aa6cd36aa78ef1a27b53489eac89335bbdbb3b2c4f0c15248e8d306cd15b555931
   languageName: node
   linkType: hard
 
@@ -5708,7 +5953,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-path@npm:^3.0.0":
+"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
   checksum: 88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20
@@ -5957,7 +6202,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.2, picomatch@npm:^2.2.3":
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.2, picomatch@npm:^2.2.3":
   version: 2.3.0
   resolution: "picomatch@npm:2.3.0"
   checksum: 16818720ea7c5872b6af110760dee856c8e4cd79aed1c7a006d076b1cc09eff3ae41ca5019966694c33fbd2e1cc6ea617ab10e4adac6df06556168f13be3fca2
@@ -6259,6 +6504,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readdirp@npm:~3.6.0":
+  version: 3.6.0
+  resolution: "readdirp@npm:3.6.0"
+  dependencies:
+    picomatch: ^2.2.1
+  checksum: 1ced032e6e45670b6d7352d71d21ce7edf7b9b928494dcaba6f11fba63180d9da6cd7061ebc34175ffda6ff529f481818c962952004d273178acd70f7059b320
+  languageName: node
+  linkType: hard
+
 "regenerator-runtime@npm:^0.13.4":
   version: 0.13.9
   resolution: "regenerator-runtime@npm:0.13.9"
@@ -6660,16 +6914,19 @@ __metadata:
   dependencies:
     "@electron/fuses": ^1.5.0
     "@types/jest": ^27.0.3
+    "@vitejs/plugin-react": ^1.1.3
+    chokidar: ^3.5.2
     cross-env: ^7.0.3
     electron: 16.0.5
     electron-builder: ^22.14.11
+    esbuild: ^0.14.9
     eslint: ^8.5.0
     jest: ^27.4.5
     rimraf: ^3.0.2
     rollup: ^2.62.0
     ts-jest: ^27.1.2
     typescript: ^4.5.4
-    vite: ^2.7.7
+    vite: ^2.7.9
   languageName: unknown
   linkType: soft
 
@@ -7305,9 +7562,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite@npm:^2.7.7":
-  version: 2.7.7
-  resolution: "vite@npm:2.7.7"
+"vite@npm:^2.7.9":
+  version: 2.7.9
+  resolution: "vite@npm:2.7.9"
   dependencies:
     esbuild: ^0.13.12
     fsevents: ~2.3.2
@@ -7330,7 +7587,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: ce7fd044b9bf29cad6a4ac0505b28d6f75cb461362d678898e78db8ff57763358c35914058c2c563548772fd714713dd8b61248d99759b64ef7576c12cd02401
+  checksum: 6a13e0678fec4d5811d4e1bc796a98644856e4d7a56b5e56dbe513834c871d2313a065e4b82469de910568c0d6c762133517c6b7bccff4514f9acf5ed47f1f61
   languageName: node
   linkType: hard