fix: inject global object into browser build (closes #77)

config/rollup.iife.config.js

@@ -1,5 +1,6 @@
 import { nodeResolve } from "@rollup/plugin-node-resolve";
 import commonJS from "@rollup/plugin-commonjs";
+import inject from "@rollup/plugin-inject";
 import virtual from "@rollup/plugin-virtual";
 import replace from "@rollup/plugin-replace";
 import visualizer from "rollup-plugin-visualizer";
@@ -23,6 +24,8 @@ export default {
             os: empty,
             crypto: empty,
             readline: empty,
+            // Stub out a "global" module that we can inject later
+            global: empty,
         }),
         nodeResolve({
             browser: true,
@@ -33,6 +36,10 @@ export default {
         replace({
             "process.browser": !!process.env.BROWSER
         }),
+        inject({
+            // Inject the "global" virtual module if we see any reference to `global` in the code
+            global: "global",
+        }),
         visualizer(),
     ]
 };

package.json

@@ -48,6 +48,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^17.0.0",
+    "@rollup/plugin-inject": "^4.0.2",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^11.1.0",
     "@rollup/plugin-replace": "^2.3.4",