SystemJS conflicts

[unlocomqx]

Hi 👋

I'm using the legacy plugin to build some embedded svelte apps and SystemJS is causing me some trouble.

When there are two embedded apps on the same page, the dependencies of one of the apps are cleared and the app can't be loaded. I can potentially solve this by using externalSystemJS but I encountered cases where there's another embedded app that I can't control that uses SystemJS so errors will arise.

I thought about renaming SystemJS using the transform-globals babel plugin but the legacy plugin doesn't seem to detect my babel.config.js

Here's my babel config for now (I'm testing a few possibilities)

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage",
        "corejs": "3.22",
        "debug": true
      }
    ]
  ],
  "plugins": [
    [
      "transform-globals",
      {
        "replace": {
          "System": "TnSystem"
        },
        "import": {
          "systemjs/dist/s.min.js": {
            "TnSystem": "default"
          },
          "systemjs": {
            "TnSystem": "default"
          }
        }
      }
    ]
  ]
}

Is there a way to do this?
Thank you

Edit: I just came across this issue

It looks like you can't customize the babel config that is passed to the plugin