es-module-shims 2.4.1 → 2.5.0

package/dist/es-module-shims.wasm.js

@@ -1,281 +1,284 @@
-/** ES Module Shims Wasm @version 2.4.1 */
+/** ES Module Shims Wasm @version 2.5.0 */
 (function (exports) {
 
-  let invalidate;
-  const hotReload$1 = url => invalidate(new URL(url, baseUrl).href);
-  const initHotReload = () => {
-    let _importHook = importHook,
-      _resolveHook = resolveHook,
-      _metaHook = metaHook;
+  let invalidate;
+  const hotReload$1 = url => invalidate(new URL(url, baseUrl).href);
+  const initHotReload = () => {
+    let _importHook = importHook,
+      _resolveHook = resolveHook,
+      _metaHook = metaHook;
+
+    let defaultResolve;
+    let hotResolveHook = (id, parent, _defaultResolve) => {
+      if (!defaultResolve) defaultResolve = _defaultResolve;
+      const originalParent = stripVersion(parent);
+      const url = stripVersion(defaultResolve(id, originalParent));
+      const hotState = getHotState(url);
+      const parents = hotState.p;
+      if (!parents.includes(originalParent)) parents.push(originalParent);
+      return toVersioned(url, hotState);
+    };
+    const hotImportHook = (url, _, __, source, sourceType) => {
+      const hotState = getHotState(url);
+      hotState.e = typeof source === 'string' ? source : true;
+      hotState.t = sourceType;
+    };
+    const hotMetaHook = (metaObj, url) => {
+      metaObj.hot = new Hot(url);
+    };
+
+    const Hot = class Hot {
+      constructor(url) {
+        this.data = getHotState((this.url = stripVersion(url))).d;
+      }
+      accept(deps, cb) {
+        if (typeof deps === 'function') {
+          cb = deps;
+          deps = null;
+        }
+        const hotState = getHotState(this.url);
+        if (!hotState.A) return;
+        (hotState.a = hotState.a || []).push([
+          typeof deps === 'string' ? defaultResolve(deps, this.url)
+          : deps ? deps.map(d => defaultResolve(d, this.url))
+          : null,
+          cb
+        ]);
+      }
+      dispose(cb) {
+        getHotState(this.url).u = cb;
+      }
+      invalidate() {
+        const hotState = getHotState(this.url);
+        hotState.a = null;
+        hotState.A = true;
+        const seen = [this.url];
+        for (const p of hotState.p) invalidate(p, this.url, seen);
+      }
+    };
+
+    const versionedRegEx = /\?v=\d+$/;
+    const stripVersion = url => {
+      const versionMatch = url.match(versionedRegEx);
+      return versionMatch ? url.slice(0, -versionMatch[0].length) : url;
+    };
+
+    const toVersioned = (url, hotState) => {
+      const { v } = hotState;
+      return url + (v ? '?v=' + v : '');
+    };
+
+    let hotRegistry = {},
+      curInvalidationRoots = new Set(),
+      curInvalidationInterval;
+    const getHotState = url =>
+      hotRegistry[url] ||
+      (hotRegistry[url] = {
+        // version
+        v: 0,
+        // accept list ([deps, cb] pairs)
+        a: null,
+        // accepting acceptors
+        A: true,
+        // unload callback
+        u: null,
+        // entry point or inline script source
+        e: false,
+        // hot data
+        d: {},
+        // parents
+        p: [],
+        // source type
+        t: undefined
+      });
+
+    invalidate = (url, fromUrl, seen = []) => {
+      if (!seen.includes(url)) {
+        seen.push(url);
+        const hotState = hotRegistry[url];
+        if (hotState) {
+          hotState.A = false;
+          if (
+            fromUrl &&
+            hotState.a &&
+            hotState.a.some(([d]) => d && (typeof d === 'string' ? d === fromUrl : d.includes(fromUrl)))
+          ) {
+            curInvalidationRoots.add(fromUrl);
+          } else {
+            if (hotState.e || hotState.a) curInvalidationRoots.add(url);
+            hotState.v++;
+            if (!hotState.a) for (const parent of hotState.p) invalidate(parent, url, seen);
+          }
+        }
+        if (!curInvalidationInterval) curInvalidationInterval = setTimeout(handleInvalidations, hotReloadInterval);
+      }
+    };
+
+    const handleInvalidations = () => {
+      curInvalidationInterval = null;
+      const earlyRoots = new Set();
+      for (const root of curInvalidationRoots) {
+        const hotState = hotRegistry[root];
+        topLevelLoad(
+          toVersioned(root, hotState),
+          baseUrl,
+          defaultFetchOpts,
+          typeof hotState.e === 'string' ? hotState.e : undefined,
+          false,
+          undefined,
+          hotState.t
+        ).then(m => {
+          if (hotState.a) {
+            hotState.a.every(([d, c]) => d === null && !earlyRoots.has(c) && c(m));
+            // unload should be the latest unload handler from the just loaded module
+            if (hotState.u) {
+              hotState.u(hotState.d);
+              hotState.u = null;
+            }
+          }
+          for (const parent of hotState.p) {
+            const hotState = hotRegistry[parent];
+            if (hotState && hotState.a)
+              hotState.a.every(async ([d, c]) => {
+                return (
+                  d &&
+                  !earlyRoots.has(c) &&
+                  (typeof d === 'string' ?
+                    d === root && c(m)
+                  : c(await Promise.all(d.map(d => (earlyRoots.push(c), importShim(toVersioned(d, getHotState(d))))))))
+                );
+              });
+          }
+        }, throwError);
+      }
+      curInvalidationRoots = new Set();
+    };
+
+    return [
+      _importHook ? chain(_importHook, hotImportHook) : hotImportHook,
+      _resolveHook ?
+        (id, parent, defaultResolve) =>
+          hotResolveHook(id, parent, (id, parent) => _resolveHook(id, parent, defaultResolve))
+      : hotResolveHook,
+      _metaHook ? chain(_metaHook, hotMetaHook) : hotMetaHook
+    ];
+  };
 
-    let defaultResolve;
-    let hotResolveHook = (id, parent, _defaultResolve) => {
-      if (!defaultResolve) defaultResolve = _defaultResolve;
-      const originalParent = stripVersion(parent);
-      const url = stripVersion(defaultResolve(id, originalParent));
-      const parents = getHotState(url).p;
-      if (!parents.includes(originalParent)) parents.push(originalParent);
-      return toVersioned(url);
-    };
-    const hotImportHook = (url, _, __, source, sourceType) => {
-      const hotState = getHotState(url);
-      hotState.e = typeof source === 'string' ? source : true;
-      hotState.t = sourceType;
-    };
-    const hotMetaHook = (metaObj, url) => {
-      metaObj.hot = new Hot(url);
-    };
+  const hasDocument = typeof document !== 'undefined';
 
-    const Hot = class Hot {
-      constructor(url) {
-        this.data = getHotState((this.url = stripVersion(url))).d;
-      }
-      accept(deps, cb) {
-        if (typeof deps === 'function') {
-          cb = deps;
-          deps = null;
-        }
-        const hotState = getHotState(this.url);
-        if (!hotState.A) return;
-        (hotState.a = hotState.a || []).push([
-          typeof deps === 'string' ? defaultResolve(deps, this.url)
-          : deps ? deps.map(d => defaultResolve(d, this.url))
-          : null,
-          cb
-        ]);
-      }
-      dispose(cb) {
-        getHotState(this.url).u = cb;
-      }
-      invalidate() {
-        const hotState = getHotState(this.url);
-        hotState.a = null;
-        hotState.A = true;
-        const seen = [this.url];
-        for (const p of hotState.p) invalidate(p, this.url, seen);
-      }
-    };
+  const noop = () => {};
 
-    const versionedRegEx = /\?v=\d+$/;
-    const stripVersion = url => {
-      const versionMatch = url.match(versionedRegEx);
-      return versionMatch ? url.slice(0, -versionMatch[0].length) : url;
+  const chain = (a, b) =>
+    function () {
+      a.apply(this, arguments);
+      b.apply(this, arguments);
     };
 
-    const toVersioned = url => {
-      const v = getHotState(url).v;
-      return url + (v ? '?v=' + v : '');
-    };
+  const dynamicImport = (u, errUrl) => import(u);
 
-    let hotRegistry = {},
-      curInvalidationRoots = new Set(),
-      curInvalidationInterval;
-    const getHotState = url =>
-      hotRegistry[url] ||
-      (hotRegistry[url] = {
-        // version
-        v: 0,
-        // accept list ([deps, cb] pairs)
-        a: null,
-        // accepting acceptors
-        A: true,
-        // unload callback
-        u: null,
-        // entry point or inline script source
-        e: false,
-        // hot data
-        d: {},
-        // parents
-        p: [],
-        // source type
-        t: undefined
-      });
+  const defineValue = (obj, prop, value) =>
+    Object.defineProperty(obj, prop, { writable: false, configurable: false, value });
 
-    invalidate = (url, fromUrl, seen = []) => {
-      if (!seen.includes(url)) {
-        seen.push(url);
-        const hotState = hotRegistry[url];
-        if (hotState) {
-          hotState.A = false;
-          if (
-            hotState.a &&
-            hotState.a.some(([d]) => d && (typeof d === 'string' ? d === fromUrl : d.includes(fromUrl)))
-          ) {
-            curInvalidationRoots.add(fromUrl);
-          } else {
-            if (hotState.e || hotState.a) curInvalidationRoots.add(url);
-            hotState.v++;
-            if (!hotState.a) for (const parent of hotState.p) invalidate(parent, url, seen);
-          }
-        }
-      }
-      if (!curInvalidationInterval)
-        curInvalidationInterval = setTimeout(() => {
-          curInvalidationInterval = null;
-          const earlyRoots = new Set();
-          for (const root of curInvalidationRoots) {
-            const hotState = hotRegistry[root];
-            topLevelLoad(
-              toVersioned(root),
-              baseUrl,
-              defaultFetchOpts,
-              typeof hotState.e === 'string' ? hotState.e : undefined,
-              false,
-              undefined,
-              hotState.t
-            ).then(m => {
-              if (hotState.a) {
-                hotState.a.every(([d, c]) => d === null && !earlyRoots.has(c) && c(m));
-                // unload should be the latest unload handler from the just loaded module
-                if (hotState.u) {
-                  hotState.u(hotState.d);
-                  hotState.u = null;
-                }
-              }
-              for (const parent of hotState.p) {
-                const hotState = hotRegistry[parent];
-                if (hotState && hotState.a)
-                  hotState.a.every(async ([d, c]) => {
-                    return (
-                      d &&
-                      !earlyRoots.has(c) &&
-                      (typeof d === 'string' ?
-                        d === root && c(m)
-                      : c(await Promise.all(d.map(d => (earlyRoots.push(c), importShim(toVersioned(d)))))))
-                    );
-                  });
-              }
-            }, throwError);
-          }
-          curInvalidationRoots = new Set();
-        }, hotReloadInterval);
-    };
+  const optionsScript = hasDocument ? document.querySelector('script[type=esms-options]') : undefined;
+
+  const esmsInitOptions = optionsScript ? JSON.parse(optionsScript.innerHTML) : {};
+  Object.assign(esmsInitOptions, self.esmsInitOptions || {});
+
+  const version = "2.5.0";
+
+  const r = esmsInitOptions.version;
+  if (self.importShim || (r && r !== version)) {
+    return;
+  }
+
+  // shim mode is determined on initialization, no late shim mode
+  const shimMode =
+    esmsInitOptions.shimMode ||
+    (hasDocument &&
+      document.querySelectorAll('script[type=module-shim],script[type=importmap-shim],link[rel=modulepreload-shim]')
+        .length > 0);
+
+  let importHook,
+    resolveHook,
+    fetchHook = fetch,
+    metaHook,
+    tsTransform =
+      esmsInitOptions.tsTransform ||
+      (hasDocument && document.currentScript && document.currentScript.src.replace(/(\.\w+)?\.js$/, '-typescript.js')) ||
+      './es-module-shims-typescript.js';
+
+  const defaultFetchOpts = { credentials: 'same-origin' };
+
+  const {
+    revokeBlobURLs,
+    noLoadEventRetriggers,
+    enforceIntegrity,
+    hotReload,
+    hotReloadInterval = 100,
+    nativePassthrough = !hotReload
+  } = esmsInitOptions;
+
+  const globalHook = name => (typeof name === 'string' ? self[name] : name);
 
-    return [
-      _importHook ? chain(_importHook, hotImportHook) : hotImportHook,
-      _resolveHook ?
-        (id, parent, defaultResolve) =>
-          hotResolveHook(id, parent, (id, parent) => _resolveHook(id, parent, defaultResolve))
-      : hotResolveHook,
-      _metaHook ? chain(_metaHook, hotMetaHook) : hotMetaHook
-    ];
+  if (esmsInitOptions.onimport) importHook = globalHook(esmsInitOptions.onimport);
+  if (esmsInitOptions.resolve) resolveHook = globalHook(esmsInitOptions.resolve);
+  if (esmsInitOptions.fetch) fetchHook = globalHook(esmsInitOptions.fetch);
+  if (esmsInitOptions.meta) metaHook = globalHook(esmsInitOptions.meta);
+
+  if (hotReload) [importHook, resolveHook, metaHook] = initHotReload();
+
+  const mapOverrides = esmsInitOptions.mapOverrides;
+
+  let nonce = esmsInitOptions.nonce;
+  if (!nonce && hasDocument) {
+    const nonceElement = document.querySelector('script[nonce]');
+    if (nonceElement) nonce = nonceElement.nonce || nonceElement.getAttribute('nonce');
+  }
+
+  const onerror = globalHook(esmsInitOptions.onerror || console.error.bind(console));
+
+  const enable = Array.isArray(esmsInitOptions.polyfillEnable) ? esmsInitOptions.polyfillEnable : [];
+  const enableAll = esmsInitOptions.polyfillEnable === 'all' || enable.includes('all');
+  const wasmInstancePhaseEnabled =
+    enable.includes('wasm-modules') || enable.includes('wasm-module-instances') || enableAll;
+  const wasmSourcePhaseEnabled =
+    enable.includes('wasm-modules') || enable.includes('wasm-module-sources') || enableAll;
+  const deferPhaseEnabled = enable.includes('import-defer') || enableAll;
+
+  const onpolyfill =
+    esmsInitOptions.onpolyfill ?
+      globalHook(esmsInitOptions.onpolyfill)
+    : () => {
+        console.log(`%c^^ Module error above is polyfilled and can be ignored ^^`, 'font-weight:900;color:#391');
+      };
+
+  const baseUrl =
+    hasDocument ?
+      document.baseURI
+    : `${location.protocol}//${location.host}${
+      location.pathname.includes('/') ?
+        location.pathname.slice(0, location.pathname.lastIndexOf('/') + 1)
+      : location.pathname
+    }`;
+
+  const createBlob = (source, type = 'text/javascript') => URL.createObjectURL(new Blob([source], { type }));
+  let { skip } = esmsInitOptions;
+  if (Array.isArray(skip)) {
+    const l = skip.map(s => new URL(s, baseUrl).href);
+    skip = s => l.some(i => (i[i.length - 1] === '/' && s.startsWith(i)) || s === i);
+  } else if (typeof skip === 'string') {
+    const r = new RegExp(skip);
+    skip = s => r.test(s);
+  } else if (skip instanceof RegExp) {
+    skip = s => skip.test(s);
+  }
+
+  const dispatchError = error => self.dispatchEvent(Object.assign(new Event('error'), { error }));
+
+  const throwError = err => {
+    (self.reportError || dispatchError)(err), void onerror(err);
   };
 
-  const hasDocument = typeof document !== 'undefined';
-
-  const noop = () => {};
-
-  const chain = (a, b) =>
-    function () {
-      a.apply(this, arguments);
-      b.apply(this, arguments);
-    };
-
-  const dynamicImport = (u, errUrl) => import(u);
-
-  const defineValue = (obj, prop, value) =>
-    Object.defineProperty(obj, prop, { writable: false, configurable: false, value });
-
-  const optionsScript = hasDocument ? document.querySelector('script[type=esms-options]') : undefined;
-
-  const esmsInitOptions = optionsScript ? JSON.parse(optionsScript.innerHTML) : {};
-  Object.assign(esmsInitOptions, self.esmsInitOptions || {});
-
-  const version = "2.4.1";
-
-  const r = esmsInitOptions.version;
-  if (self.importShim || (r && r !== version)) {
-    return;
-  }
-
-  // shim mode is determined on initialization, no late shim mode
-  const shimMode =
-    esmsInitOptions.shimMode ||
-    (hasDocument &&
-      document.querySelectorAll('script[type=module-shim],script[type=importmap-shim],link[rel=modulepreload-shim]')
-        .length > 0);
-
-  let importHook,
-    resolveHook,
-    fetchHook = fetch,
-    metaHook,
-    tsTransform =
-      esmsInitOptions.tsTransform ||
-      (hasDocument && document.currentScript && document.currentScript.src.replace(/(\.\w+)?\.js$/, '-typescript.js')) ||
-      './es-module-shims-typescript.js';
-
-  const defaultFetchOpts = { credentials: 'same-origin' };
-
-  const {
-    revokeBlobURLs,
-    noLoadEventRetriggers,
-    enforceIntegrity,
-    hotReload,
-    hotReloadInterval = 100,
-    nativePassthrough = !hotReload
-  } = esmsInitOptions;
-
-  const globalHook = name => (typeof name === 'string' ? self[name] : name);
-
-  if (esmsInitOptions.onimport) importHook = globalHook(esmsInitOptions.onimport);
-  if (esmsInitOptions.resolve) resolveHook = globalHook(esmsInitOptions.resolve);
-  if (esmsInitOptions.fetch) fetchHook = globalHook(esmsInitOptions.fetch);
-  if (esmsInitOptions.meta) metaHook = globalHook(esmsInitOptions.meta);
-
-  if (hotReload) [importHook, resolveHook, metaHook] = initHotReload();
-
-  const mapOverrides = esmsInitOptions.mapOverrides;
-
-  let nonce = esmsInitOptions.nonce;
-  if (!nonce && hasDocument) {
-    const nonceElement = document.querySelector('script[nonce]');
-    if (nonceElement) nonce = nonceElement.nonce || nonceElement.getAttribute('nonce');
-  }
-
-  const onerror = globalHook(esmsInitOptions.onerror || console.error.bind(console));
-
-  const enable = Array.isArray(esmsInitOptions.polyfillEnable) ? esmsInitOptions.polyfillEnable : [];
-  const enableAll = esmsInitOptions.polyfillEnable === 'all' || enable.includes('all');
-  const wasmInstancePhaseEnabled =
-    enable.includes('wasm-modules') || enable.includes('wasm-module-instances') || enableAll;
-  const wasmSourcePhaseEnabled =
-    enable.includes('wasm-modules') || enable.includes('wasm-module-sources') || enableAll;
-  const deferPhaseEnabled = enable.includes('import-defer') || enableAll;
-
-  const onpolyfill =
-    esmsInitOptions.onpolyfill ?
-      globalHook(esmsInitOptions.onpolyfill)
-    : () => {
-        console.log(`%c^^ Module error above is polyfilled and can be ignored ^^`, 'font-weight:900;color:#391');
-      };
-
-  const baseUrl =
-    hasDocument ?
-      document.baseURI
-    : `${location.protocol}//${location.host}${
-      location.pathname.includes('/') ?
-        location.pathname.slice(0, location.pathname.lastIndexOf('/') + 1)
-      : location.pathname
-    }`;
-
-  const createBlob = (source, type = 'text/javascript') => URL.createObjectURL(new Blob([source], { type }));
-  let { skip } = esmsInitOptions;
-  if (Array.isArray(skip)) {
-    const l = skip.map(s => new URL(s, baseUrl).href);
-    skip = s => l.some(i => (i[i.length - 1] === '/' && s.startsWith(i)) || s === i);
-  } else if (typeof skip === 'string') {
-    const r = new RegExp(skip);
-    skip = s => r.test(s);
-  } else if (skip instanceof RegExp) {
-    skip = s => skip.test(s);
-  }
-
-  const dispatchError = error => self.dispatchEvent(Object.assign(new Event('error'), { error }));
-
-  const throwError = err => {
-    (self.reportError || dispatchError)(err), void onerror(err);
-  };
-
   const fromParent = parent => (parent ? ` imported from ${parent}` : '');
 
   const backslashRegEx = /\\/g;
@@ -472,115 +475,115 @@
     }
   };
 
-  // support browsers without dynamic import support (eg Firefox 6x)
-  let supportsJsonType = false;
-  let supportsCssType = false;
-
-  const supports = hasDocument && HTMLScriptElement.supports;
-
-  let supportsImportMaps = supports && supports.name === 'supports' && supports('importmap');
-  let supportsWasmInstancePhase = false;
-  let supportsWasmSourcePhase = false;
-  let supportsMultipleImportMaps = false;
-
-  const wasmBytes = [0, 97, 115, 109, 1, 0, 0, 0];
-
-  let featureDetectionPromise = (async function () {
-    if (!hasDocument)
-      return Promise.all([
-        import(createBlob(`import"${createBlob('{}', 'text/json')}"with{type:"json"}`)).then(
-          () => (
-            (supportsJsonType = true),
-            import(createBlob(`import"${createBlob('', 'text/css')}"with{type:"css"}`)).then(
-              () => (supportsCssType = true),
-              noop
-            )
-          ),
-          noop
-        ),
-        wasmInstancePhaseEnabled &&
-          import(createBlob(`import"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
-            () => (supportsWasmInstancePhase = true),
-            noop
-          ),
-        wasmSourcePhaseEnabled &&
-          import(createBlob(`import source x from"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
-            () => (supportsWasmSourcePhase = true),
-            noop
-          )
-      ]);
-
-    const msgTag = `s${version}`;
-    return new Promise(resolve => {
-      const iframe = document.createElement('iframe');
-      iframe.style.display = 'none';
-      iframe.setAttribute('nonce', nonce);
-      function cb({ data }) {
-        const isFeatureDetectionMessage = Array.isArray(data) && data[0] === msgTag;
-        if (!isFeatureDetectionMessage) return;
-        [
-          ,
-          supportsImportMaps,
-          supportsMultipleImportMaps,
-          supportsJsonType,
-          supportsCssType,
-          supportsWasmSourcePhase,
-          supportsWasmInstancePhase
-        ] = data;
-        resolve();
-        document.head.removeChild(iframe);
-        window.removeEventListener('message', cb, false);
-      }
-      window.addEventListener('message', cb, false);
-
-      // Feature checking with careful avoidance of unnecessary work - all gated on initial import map supports check. CSS gates on JSON feature check, Wasm instance phase gates on wasm source phase check.
-      const importMapTest = `<script nonce=${nonce || ''}>b=(s,type='text/javascript')=>URL.createObjectURL(new Blob([s],{type}));c=u=>import(u).then(()=>true,()=>false);i=innerText=>document.head.appendChild(Object.assign(document.createElement('script'),{type:'importmap',nonce:"${nonce}",innerText}));i(\`{"imports":{"x":"\${b('')}"}}\`);i(\`{"imports":{"y":"\${b('')}"}}\`);cm=${
-      supportsImportMaps ? `c(b(\`import"\${b('{}','text/json')}"with{type:"json"}\`))` : 'false'
-    };sp=${
-      supportsImportMaps && wasmSourcePhaseEnabled ?
-        `c(b(\`import source x from "\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`))`
-      : 'false'
-    };Promise.all([${supportsImportMaps ? 'true' : "c('x')"},${supportsImportMaps ? "c('y')" : false},cm,${
-      supportsImportMaps ? `cm.then(s=>s?c(b(\`import"\${b('','text/css')\}"with{type:"css"}\`)):false)` : 'false'
-    },sp,${
-      supportsImportMaps && wasmInstancePhaseEnabled ?
-        `${wasmSourcePhaseEnabled ? 'sp.then(s=>s?' : ''}c(b(\`import"\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`))${wasmSourcePhaseEnabled ? ':false)' : ''}`
-      : 'false'
-    }]).then(a=>parent.postMessage(['${msgTag}'].concat(a),'*'))<${''}/script>`;
-
-      // Safari will call onload eagerly on head injection, but we don't want the Wechat
-      // path to trigger before setting srcdoc, therefore we track the timing
-      let readyForOnload = false,
-        onloadCalledWhileNotReady = false;
-      function doOnload() {
-        if (!readyForOnload) {
-          onloadCalledWhileNotReady = true;
-          return;
-        }
-        // WeChat browser doesn't support setting srcdoc scripts
-        // But iframe sandboxes don't support contentDocument so we do this as a fallback
-        const doc = iframe.contentDocument;
-        if (doc && doc.head.childNodes.length === 0) {
-          const s = doc.createElement('script');
-          if (nonce) s.setAttribute('nonce', nonce);
-          s.innerHTML = importMapTest.slice(15 + (nonce ? nonce.length : 0), -9);
-          doc.head.appendChild(s);
-        }
-      }
-
-      iframe.onload = doOnload;
-      // WeChat browser requires append before setting srcdoc
-      document.head.appendChild(iframe);
-
-      // setting srcdoc is not supported in React native webviews on iOS
-      // setting src to a blob URL results in a navigation event in webviews
-      // document.write gives usability warnings
-      readyForOnload = true;
-      if ('srcdoc' in iframe) iframe.srcdoc = importMapTest;
-      else iframe.contentDocument.write(importMapTest);
-      // retrigger onload for Safari only if necessary
-      if (onloadCalledWhileNotReady) doOnload();
-    });
+  // support browsers without dynamic import support (eg Firefox 6x)
+  let supportsJsonType = false;
+  let supportsCssType = false;
+
+  const supports = hasDocument && HTMLScriptElement.supports;
+
+  let supportsImportMaps = supports && supports.name === 'supports' && supports('importmap');
+  let supportsWasmInstancePhase = false;
+  let supportsWasmSourcePhase = false;
+  let supportsMultipleImportMaps = false;
+
+  const wasmBytes = [0, 97, 115, 109, 1, 0, 0, 0];
+
+  let featureDetectionPromise = (async function () {
+    if (!hasDocument)
+      return Promise.all([
+        import(createBlob(`import"${createBlob('{}', 'text/json')}"with{type:"json"}`)).then(
+          () => (
+            (supportsJsonType = true),
+            import(createBlob(`import"${createBlob('', 'text/css')}"with{type:"css"}`)).then(
+              () => (supportsCssType = true),
+              noop
+            )
+          ),
+          noop
+        ),
+        wasmInstancePhaseEnabled &&
+          import(createBlob(`import"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
+            () => (supportsWasmInstancePhase = true),
+            noop
+          ),
+        wasmSourcePhaseEnabled &&
+          import(createBlob(`import source x from"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
+            () => (supportsWasmSourcePhase = true),
+            noop
+          )
+      ]);
+
+    const msgTag = `s${version}`;
+    return new Promise(resolve => {
+      const iframe = document.createElement('iframe');
+      iframe.style.display = 'none';
+      iframe.setAttribute('nonce', nonce);
+      function cb({ data }) {
+        const isFeatureDetectionMessage = Array.isArray(data) && data[0] === msgTag;
+        if (!isFeatureDetectionMessage) return;
+        [
+          ,
+          supportsImportMaps,
+          supportsMultipleImportMaps,
+          supportsJsonType,
+          supportsCssType,
+          supportsWasmSourcePhase,
+          supportsWasmInstancePhase
+        ] = data;
+        resolve();
+        document.head.removeChild(iframe);
+        window.removeEventListener('message', cb, false);
+      }
+      window.addEventListener('message', cb, false);
+
+      // Feature checking with careful avoidance of unnecessary work - all gated on initial import map supports check. CSS gates on JSON feature check, Wasm instance phase gates on wasm source phase check.
+      const importMapTest = `<script nonce=${nonce || ''}>b=(s,type='text/javascript')=>URL.createObjectURL(new Blob([s],{type}));c=u=>import(u).then(()=>true,()=>false);i=innerText=>document.head.appendChild(Object.assign(document.createElement('script'),{type:'importmap',nonce:"${nonce}",innerText}));i(\`{"imports":{"x":"\${b('')}"}}\`);i(\`{"imports":{"y":"\${b('')}"}}\`);cm=${
+      supportsImportMaps ? `c(b(\`import"\${b('{}','text/json')}"with{type:"json"}\`))` : 'false'
+    };sp=${
+      supportsImportMaps && wasmSourcePhaseEnabled ?
+        `c(b(\`import source x from "\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`))`
+      : 'false'
+    };Promise.all([${supportsImportMaps ? 'true' : "c('x')"},${supportsImportMaps ? "c('y')" : false},cm,${
+      supportsImportMaps ? `cm.then(s=>s?c(b(\`import"\${b('','text/css')\}"with{type:"css"}\`)):false)` : 'false'
+    },sp,${
+      supportsImportMaps && wasmInstancePhaseEnabled ?
+        `${wasmSourcePhaseEnabled ? 'sp.then(s=>s?' : ''}c(b(\`import"\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`))${wasmSourcePhaseEnabled ? ':false)' : ''}`
+      : 'false'
+    }]).then(a=>parent.postMessage(['${msgTag}'].concat(a),'*'))<${''}/script>`;
+
+      // Safari will call onload eagerly on head injection, but we don't want the Wechat
+      // path to trigger before setting srcdoc, therefore we track the timing
+      let readyForOnload = false,
+        onloadCalledWhileNotReady = false;
+      function doOnload() {
+        if (!readyForOnload) {
+          onloadCalledWhileNotReady = true;
+          return;
+        }
+        // WeChat browser doesn't support setting srcdoc scripts
+        // But iframe sandboxes don't support contentDocument so we do this as a fallback
+        const doc = iframe.contentDocument;
+        if (doc && doc.head.childNodes.length === 0) {
+          const s = doc.createElement('script');
+          if (nonce) s.setAttribute('nonce', nonce);
+          s.innerHTML = importMapTest.slice(15 + (nonce ? nonce.length : 0), -9);
+          doc.head.appendChild(s);
+        }
+      }
+
+      iframe.onload = doOnload;
+      // WeChat browser requires append before setting srcdoc
+      document.head.appendChild(iframe);
+
+      // setting srcdoc is not supported in React native webviews on iOS
+      // setting src to a blob URL results in a navigation event in webviews
+      // document.write gives usability warnings
+      readyForOnload = true;
+      if ('srcdoc' in iframe) iframe.srcdoc = importMapTest;
+      else iframe.contentDocument.write(importMapTest);
+      // retrigger onload for Safari only if necessary
+      if (onloadCalledWhileNotReady) doOnload();
+    });
   })();
 
   /* es-module-lexer 1.7.0 */
@@ -819,7 +822,8 @@
     // we mock import('./x.css', { with: { type: 'css' }}) support via an inline static reexport
     // because we can't syntactically pass through to dynamic import with a second argument
     if (sourceType === 'css' || sourceType === 'json') {
-      source = `export{default}from'${url}'with{type:"${sourceType}"}`;
+      // Direct reexport for hot reloading skipped due to Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=1965620
+      source = `import m from'${url}'with{type:"${sourceType}"};export default m;`;
       url += '?entry';
     }
 
@@ -1120,7 +1124,11 @@
       s += `if(h)h.accept(m=>({${obj}}=m))`;
       return { r, s, t: 'wasm' };
     } else if (jsonContentType.test(contentType))
-      return { r, s: `${hotPrefix}j=${await res.text()};export{j as default};if(h)h.accept(m=>j=m.default)`, t: 'json' };
+      return {
+        r,
+        s: `${hotPrefix}j=${await res.text()};export{j as default};if(h)h.accept(m=>j=m.default)`,
+        t: 'json'
+      };
     else if (cssContentType.test(contentType)) {
       return {
         r,