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).

25 files changed, 203 insertions, 295 deletions

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;