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

3 files changed, 26 insertions, 45 deletions

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;