fix(esbuild): Inject different debug IDs into different output bundles

[lforst]

Fixes #300

Esbuild will generate one output bundle for each entrypoint that is defined. The issue previously was that we were injecting an import that is only resolved and loaded once for all entrypoints, leading to the same debug ID in all output bundles.

We attempt fixing this by transforming the entrypoints via a proxy module that in return imports a stub that injects the debug ID snippets into the entrypoints.

One thing I am still a little bit unsure about is why just adding a namespace to the existing onResolve and onLoad didn't work, since that is basically what we're doing here, minus the proxy module. It fails because it can't the injected file anymore. Maybe this is some intransparent behaviour of esbuild.
It seems esbuild does not call onResolve for injected modules.

[mydea]

just sanity checking, does this also work if the original module has no default export?

[lforst]

Yes, I made sure to check this. The output code will look as follows in these situations:

var d = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
d.SENTRY_RELEASE = { id: "0cd3502" };
(function () {
  try {
    var e =
        typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {},
      n = new Error().stack;
    n &&
      ((e._sentryDebugIds = e._sentryDebugIds || {}),
      (e._sentryDebugIds[n] = "e426cce9-c1fa-4eea-aa91-50e49ab0f23d"),
      (e._sentryDebugIdIdentifier = "sentry-dbid-e426cce9-c1fa-4eea-aa91-50e49ab0f23d"));
  } catch {}
})();
function o() {
  return global.SENTRY_RELEASE;
}
function t() {
  console.log("Hello world!");
}
console.log("entrypoint1.js loaded");
function p() {
  console.log("called main (entrypoint1.js)"), t();
}
console.log("global:", o());
var w = void 0;
export { w as default, o as getGlobal, p as main };
//# sourceMappingURL=entrypoint1.js.map