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, 17 insertions, 31 deletions

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;