es-module-shims 2.0.3 → 2.0.4

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

@@ -1,4 +1,4 @@
-/* ES Module Shims Wasm 2.0.3 */
+/* ES Module Shims Wasm 2.0.4 */
 (function () {
 
   const hasDocument = typeof document !== 'undefined';
@@ -24,6 +24,11 @@
   const resolveHook = globalHook(shimMode && esmsInitOptions.resolve);
   let fetchHook = esmsInitOptions.fetch ? globalHook(esmsInitOptions.fetch) : fetch;
   const metaHook = esmsInitOptions.meta ? globalHook(shimMode && esmsInitOptions.meta) : noop;
+  const tsTransform =
+    esmsInitOptions.tsTransform ||
+    (document.currentScript &&
+      document.currentScript.src.replace('.js', '-typescript.js')) ||
+    './es-module-shims-typescript.js';
 
   const mapOverrides = esmsInitOptions.mapOverrides;
 
@@ -42,10 +47,13 @@
   }
 
   const enable = Array.isArray(esmsInitOptions.polyfillEnable) ? esmsInitOptions.polyfillEnable : [];
-  const cssModulesEnabled = enable.includes('css-modules');
-  const jsonModulesEnabled = enable.includes('json-modules');
-  const wasmModulesEnabled = enable.includes('wasm-modules');
-  const sourcePhaseEnabled = enable.includes('source-phase');
+  const enableAll = esmsInitOptions.polyfillEnable === 'all' || enable.includes('all');
+  const enableLatest = esmsInitOptions.polyfillEnable === 'latest' || enable.includes('latest');
+  const cssModulesEnabled = enable.includes('css-modules') || enableAll || enableLatest;
+  const jsonModulesEnabled = enable.includes('json-modules') || enableAll || enableLatest;
+  const wasmModulesEnabled = enable.includes('wasm-modules') || enableAll;
+  const sourcePhaseEnabled = enable.includes('source-phase') || enableAll;
+  const typescriptEnabled = enable.includes('typescript') || enableAll;
 
   const onpolyfill =
     esmsInitOptions.onpolyfill ?
@@ -85,309 +93,309 @@
     return parent ? ` imported from ${parent}` : '';
   }
 
-  const backslashRegEx = /\\/g;
-
-  function asURL(url) {
-    try {
-      if (url.indexOf(':') !== -1) return new URL(url).href;
-    } catch (_) {}
-  }
-
-  function resolveUrl(relUrl, parentUrl) {
-    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || asURL(relUrl) || resolveIfNotPlainOrUrl('./' + relUrl, parentUrl);
-  }
-
-  function resolveIfNotPlainOrUrl(relUrl, parentUrl) {
-    const hIdx = parentUrl.indexOf('#'),
-      qIdx = parentUrl.indexOf('?');
-    if (hIdx + qIdx > -2)
-      parentUrl = parentUrl.slice(
-        0,
-        hIdx === -1 ? qIdx
-        : qIdx === -1 || qIdx > hIdx ? hIdx
-        : qIdx
-      );
-    if (relUrl.indexOf('\\') !== -1) relUrl = relUrl.replace(backslashRegEx, '/');
-    // protocol-relative
-    if (relUrl[0] === '/' && relUrl[1] === '/') {
-      return parentUrl.slice(0, parentUrl.indexOf(':') + 1) + relUrl;
-    }
-    // relative-url
-    else if (
-      (relUrl[0] === '.' &&
-        (relUrl[1] === '/' ||
-          (relUrl[1] === '.' && (relUrl[2] === '/' || (relUrl.length === 2 && (relUrl += '/')))) ||
-          (relUrl.length === 1 && (relUrl += '/')))) ||
-      relUrl[0] === '/'
-    ) {
-      const parentProtocol = parentUrl.slice(0, parentUrl.indexOf(':') + 1);
-      if (parentProtocol === 'blob:') {
-        throw new TypeError(
-          `Failed to resolve module specifier "${relUrl}". Invalid relative url or base scheme isn't hierarchical.`
-        );
-      }
-      // Disabled, but these cases will give inconsistent results for deep backtracking
-      //if (parentUrl[parentProtocol.length] !== '/')
-      //  throw new Error('Cannot resolve');
-      // read pathname from parent URL
-      // pathname taken to be part after leading "/"
-      let pathname;
-      if (parentUrl[parentProtocol.length + 1] === '/') {
-        // resolving to a :// so we need to read out the auth and host
-        if (parentProtocol !== 'file:') {
-          pathname = parentUrl.slice(parentProtocol.length + 2);
-          pathname = pathname.slice(pathname.indexOf('/') + 1);
-        } else {
-          pathname = parentUrl.slice(8);
-        }
-      } else {
-        // resolving to :/ so pathname is the /... part
-        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === '/'));
-      }
-
-      if (relUrl[0] === '/') return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
-
-      // join together and split for removal of .. and . segments
-      // looping the string instead of anything fancy for perf reasons
-      // '../../../../../z' resolved to 'x/y' is just 'z'
-      const segmented = pathname.slice(0, pathname.lastIndexOf('/') + 1) + relUrl;
-
-      const output = [];
-      let segmentIndex = -1;
-      for (let i = 0; i < segmented.length; i++) {
-        // busy reading a segment - only terminate on '/'
-        if (segmentIndex !== -1) {
-          if (segmented[i] === '/') {
-            output.push(segmented.slice(segmentIndex, i + 1));
-            segmentIndex = -1;
-          }
-          continue;
-        }
-        // new segment - check if it is relative
-        else if (segmented[i] === '.') {
-          // ../ segment
-          if (segmented[i + 1] === '.' && (segmented[i + 2] === '/' || i + 2 === segmented.length)) {
-            output.pop();
-            i += 2;
-            continue;
-          }
-          // ./ segment
-          else if (segmented[i + 1] === '/' || i + 1 === segmented.length) {
-            i += 1;
-            continue;
-          }
-        }
-        // it is the start of a new segment
-        while (segmented[i] === '/') i++;
-        segmentIndex = i;
-      }
-      // finish reading out the last segment
-      if (segmentIndex !== -1) output.push(segmented.slice(segmentIndex));
-      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join('');
-    }
-  }
-
-  function resolveAndComposeImportMap(json, baseUrl, parentMap) {
-    const outMap = {
-      imports: Object.assign({}, parentMap.imports),
-      scopes: Object.assign({}, parentMap.scopes),
-      integrity: Object.assign({}, parentMap.integrity)
-    };
-
-    if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap);
-
-    if (json.scopes)
-      for (let s in json.scopes) {
-        const resolvedScope = resolveUrl(s, baseUrl);
-        resolveAndComposePackages(
-          json.scopes[s],
-          outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}),
-          baseUrl,
-          parentMap
-        );
-      }
-
-    if (json.integrity) resolveAndComposeIntegrity(json.integrity, outMap.integrity, baseUrl);
-
-    return outMap;
-  }
-
-  function getMatch(path, matchObj) {
-    if (matchObj[path]) return path;
-    let sepIndex = path.length;
-    do {
-      const segment = path.slice(0, sepIndex + 1);
-      if (segment in matchObj) return segment;
-    } while ((sepIndex = path.lastIndexOf('/', sepIndex - 1)) !== -1);
-  }
-
-  function applyPackages(id, packages) {
-    const pkgName = getMatch(id, packages);
-    if (pkgName) {
-      const pkg = packages[pkgName];
-      if (pkg === null) return;
-      return pkg + id.slice(pkgName.length);
-    }
-  }
-
-  function resolveImportMap(importMap, resolvedOrPlain, parentUrl) {
-    let scopeUrl = parentUrl && getMatch(parentUrl, importMap.scopes);
-    while (scopeUrl) {
-      const packageResolution = applyPackages(resolvedOrPlain, importMap.scopes[scopeUrl]);
-      if (packageResolution) return packageResolution;
-      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf('/')), importMap.scopes);
-    }
-    return applyPackages(resolvedOrPlain, importMap.imports) || (resolvedOrPlain.indexOf(':') !== -1 && resolvedOrPlain);
-  }
-
-  function resolveAndComposePackages(packages, outPackages, baseUrl, parentMap) {
-    for (let p in packages) {
-      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-      if (
-        (!shimMode || !mapOverrides) &&
-        outPackages[resolvedLhs] &&
-        outPackages[resolvedLhs] !== packages[resolvedLhs]
-      ) {
-        console.warn(
-          `es-module-shims: Rejected map override "${resolvedLhs}" from ${outPackages[resolvedLhs]} to ${packages[resolvedLhs]}.`
-        );
-        continue;
-      }
-      let target = packages[p];
-      if (typeof target !== 'string') continue;
-      const mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(target, baseUrl) || target, baseUrl);
-      if (mapped) {
-        outPackages[resolvedLhs] = mapped;
-        continue;
-      }
-      console.warn(`es-module-shims: Mapping "${p}" -> "${packages[p]}" does not resolve`);
-    }
-  }
-
-  function resolveAndComposeIntegrity(integrity, outIntegrity, baseUrl) {
-    for (let p in integrity) {
-      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-      if (
-        (!shimMode || !mapOverrides) &&
-        outIntegrity[resolvedLhs] &&
-        outIntegrity[resolvedLhs] !== integrity[resolvedLhs]
-      ) {
-        console.warn(
-          `es-module-shims: Rejected map integrity override "${resolvedLhs}" from ${outIntegrity[resolvedLhs]} to ${integrity[resolvedLhs]}.`
-        );
-      }
-      outIntegrity[resolvedLhs] = integrity[p];
-    }
+  const backslashRegEx = /\\/g;
+
+  function asURL(url) {
+    try {
+      if (url.indexOf(':') !== -1) return new URL(url).href;
+    } catch (_) {}
   }
 
-  // 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 supportsWasmModules = false;
-  let supportsSourcePhase = false;
-  let supportsMultipleImportMaps = false;
-
-  const wasmBytes = [0, 97, 115, 109, 1, 0, 0, 0];
-
-  let featureDetectionPromise = (async function () {
-    if (!hasDocument)
-      return Promise.all([
-        cssModulesEnabled &&
-          import(createBlob(`import"${createBlob('', 'text/css')}"with{type:"css"}`)).then(
-            () => (supportsCssType = true),
-            noop
-          ),
-        jsonModulesEnabled &&
-          import(createBlob(`import"${createBlob('{}', 'text/json')}"with{type:"json"}`)).then(
-            () => (supportsJsonType = true),
-            noop
-          ),
-        wasmModulesEnabled &&
-          import(createBlob(`import"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
-            () => (supportsWasmModules = true),
-            noop
-          ),
-        wasmModulesEnabled &&
-          sourcePhaseEnabled &&
-          import(createBlob(`import source x from"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
-            () => (supportsSourcePhase = true),
-            noop
-          )
-      ]);
-
-    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] === 'esms';
-        if (!isFeatureDetectionMessage) return;
-        [
-          ,
-          supportsImportMaps,
-          supportsMultipleImportMaps,
-          supportsCssType,
-          supportsJsonType,
-          supportsWasmModules,
-          supportsSourcePhase
-        ] = data;
-        resolve();
-        document.head.removeChild(iframe);
-        window.removeEventListener('message', cb, false);
-      }
-      window.addEventListener('message', cb, false);
-
-      const importMapTest = `<script nonce=${nonce || ''}>b=(s,type='text/javascript')=>URL.createObjectURL(new Blob([s],{type}));i=innerText=>document.head.appendChild(Object.assign(document.createElement('script'),{type:'importmap',nonce:"${nonce}",innerText}));i(\`{"imports":{"x":"\${b('')}"}}\`);i(\`{"imports":{"y":"\${b('')}"}}\`);Promise.all([${
-      supportsImportMaps ? 'true' : "'x'"
-    },${supportsImportMaps ? "'y'" : false},${supportsImportMaps && cssModulesEnabled ? `b(\`import"\${b('','text/css')}"with{type:"css"}\`)` : 'false'}, ${
-      supportsImportMaps && jsonModulesEnabled ? `b(\`import"\${b('{}','text/json')\}"with{type:"json"}\`)` : 'false'
-    },${
-      supportsImportMaps && wasmModulesEnabled ?
-        `b(\`import"\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`)`
-      : 'false'
-    },${
-      supportsImportMaps && wasmModulesEnabled && sourcePhaseEnabled ?
-        `b(\`import source x from "\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`)`
-      : 'false'
-    }].map(x =>typeof x==='string'?import(x).then(()=>true,()=>false):x)).then(a=>parent.postMessage(['esms'].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();
-    });
+  function resolveUrl(relUrl, parentUrl) {
+    return resolveIfNotPlainOrUrl(relUrl, parentUrl) || asURL(relUrl) || resolveIfNotPlainOrUrl('./' + relUrl, parentUrl);
+  }
+
+  function resolveIfNotPlainOrUrl(relUrl, parentUrl) {
+    const hIdx = parentUrl.indexOf('#'),
+      qIdx = parentUrl.indexOf('?');
+    if (hIdx + qIdx > -2)
+      parentUrl = parentUrl.slice(
+        0,
+        hIdx === -1 ? qIdx
+        : qIdx === -1 || qIdx > hIdx ? hIdx
+        : qIdx
+      );
+    if (relUrl.indexOf('\\') !== -1) relUrl = relUrl.replace(backslashRegEx, '/');
+    // protocol-relative
+    if (relUrl[0] === '/' && relUrl[1] === '/') {
+      return parentUrl.slice(0, parentUrl.indexOf(':') + 1) + relUrl;
+    }
+    // relative-url
+    else if (
+      (relUrl[0] === '.' &&
+        (relUrl[1] === '/' ||
+          (relUrl[1] === '.' && (relUrl[2] === '/' || (relUrl.length === 2 && (relUrl += '/')))) ||
+          (relUrl.length === 1 && (relUrl += '/')))) ||
+      relUrl[0] === '/'
+    ) {
+      const parentProtocol = parentUrl.slice(0, parentUrl.indexOf(':') + 1);
+      if (parentProtocol === 'blob:') {
+        throw new TypeError(
+          `Failed to resolve module specifier "${relUrl}". Invalid relative url or base scheme isn't hierarchical.`
+        );
+      }
+      // Disabled, but these cases will give inconsistent results for deep backtracking
+      //if (parentUrl[parentProtocol.length] !== '/')
+      //  throw new Error('Cannot resolve');
+      // read pathname from parent URL
+      // pathname taken to be part after leading "/"
+      let pathname;
+      if (parentUrl[parentProtocol.length + 1] === '/') {
+        // resolving to a :// so we need to read out the auth and host
+        if (parentProtocol !== 'file:') {
+          pathname = parentUrl.slice(parentProtocol.length + 2);
+          pathname = pathname.slice(pathname.indexOf('/') + 1);
+        } else {
+          pathname = parentUrl.slice(8);
+        }
+      } else {
+        // resolving to :/ so pathname is the /... part
+        pathname = parentUrl.slice(parentProtocol.length + (parentUrl[parentProtocol.length] === '/'));
+      }
+
+      if (relUrl[0] === '/') return parentUrl.slice(0, parentUrl.length - pathname.length - 1) + relUrl;
+
+      // join together and split for removal of .. and . segments
+      // looping the string instead of anything fancy for perf reasons
+      // '../../../../../z' resolved to 'x/y' is just 'z'
+      const segmented = pathname.slice(0, pathname.lastIndexOf('/') + 1) + relUrl;
+
+      const output = [];
+      let segmentIndex = -1;
+      for (let i = 0; i < segmented.length; i++) {
+        // busy reading a segment - only terminate on '/'
+        if (segmentIndex !== -1) {
+          if (segmented[i] === '/') {
+            output.push(segmented.slice(segmentIndex, i + 1));
+            segmentIndex = -1;
+          }
+          continue;
+        }
+        // new segment - check if it is relative
+        else if (segmented[i] === '.') {
+          // ../ segment
+          if (segmented[i + 1] === '.' && (segmented[i + 2] === '/' || i + 2 === segmented.length)) {
+            output.pop();
+            i += 2;
+            continue;
+          }
+          // ./ segment
+          else if (segmented[i + 1] === '/' || i + 1 === segmented.length) {
+            i += 1;
+            continue;
+          }
+        }
+        // it is the start of a new segment
+        while (segmented[i] === '/') i++;
+        segmentIndex = i;
+      }
+      // finish reading out the last segment
+      if (segmentIndex !== -1) output.push(segmented.slice(segmentIndex));
+      return parentUrl.slice(0, parentUrl.length - pathname.length) + output.join('');
+    }
+  }
+
+  function resolveAndComposeImportMap(json, baseUrl, parentMap) {
+    const outMap = {
+      imports: Object.assign({}, parentMap.imports),
+      scopes: Object.assign({}, parentMap.scopes),
+      integrity: Object.assign({}, parentMap.integrity)
+    };
+
+    if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap);
+
+    if (json.scopes)
+      for (let s in json.scopes) {
+        const resolvedScope = resolveUrl(s, baseUrl);
+        resolveAndComposePackages(
+          json.scopes[s],
+          outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}),
+          baseUrl,
+          parentMap
+        );
+      }
+
+    if (json.integrity) resolveAndComposeIntegrity(json.integrity, outMap.integrity, baseUrl);
+
+    return outMap;
+  }
+
+  function getMatch(path, matchObj) {
+    if (matchObj[path]) return path;
+    let sepIndex = path.length;
+    do {
+      const segment = path.slice(0, sepIndex + 1);
+      if (segment in matchObj) return segment;
+    } while ((sepIndex = path.lastIndexOf('/', sepIndex - 1)) !== -1);
+  }
+
+  function applyPackages(id, packages) {
+    const pkgName = getMatch(id, packages);
+    if (pkgName) {
+      const pkg = packages[pkgName];
+      if (pkg === null) return;
+      return pkg + id.slice(pkgName.length);
+    }
+  }
+
+  function resolveImportMap(importMap, resolvedOrPlain, parentUrl) {
+    let scopeUrl = parentUrl && getMatch(parentUrl, importMap.scopes);
+    while (scopeUrl) {
+      const packageResolution = applyPackages(resolvedOrPlain, importMap.scopes[scopeUrl]);
+      if (packageResolution) return packageResolution;
+      scopeUrl = getMatch(scopeUrl.slice(0, scopeUrl.lastIndexOf('/')), importMap.scopes);
+    }
+    return applyPackages(resolvedOrPlain, importMap.imports) || (resolvedOrPlain.indexOf(':') !== -1 && resolvedOrPlain);
+  }
+
+  function resolveAndComposePackages(packages, outPackages, baseUrl, parentMap) {
+    for (let p in packages) {
+      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
+      if (
+        (!shimMode || !mapOverrides) &&
+        outPackages[resolvedLhs] &&
+        outPackages[resolvedLhs] !== packages[resolvedLhs]
+      ) {
+        console.warn(
+          `es-module-shims: Rejected map override "${resolvedLhs}" from ${outPackages[resolvedLhs]} to ${packages[resolvedLhs]}.`
+        );
+        continue;
+      }
+      let target = packages[p];
+      if (typeof target !== 'string') continue;
+      const mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(target, baseUrl) || target, baseUrl);
+      if (mapped) {
+        outPackages[resolvedLhs] = mapped;
+        continue;
+      }
+      console.warn(`es-module-shims: Mapping "${p}" -> "${packages[p]}" does not resolve`);
+    }
+  }
+
+  function resolveAndComposeIntegrity(integrity, outIntegrity, baseUrl) {
+    for (let p in integrity) {
+      const resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
+      if (
+        (!shimMode || !mapOverrides) &&
+        outIntegrity[resolvedLhs] &&
+        outIntegrity[resolvedLhs] !== integrity[resolvedLhs]
+      ) {
+        console.warn(
+          `es-module-shims: Rejected map integrity override "${resolvedLhs}" from ${outIntegrity[resolvedLhs]} to ${integrity[resolvedLhs]}.`
+        );
+      }
+      outIntegrity[resolvedLhs] = integrity[p];
+    }
+  }
+
+  // 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 supportsWasmModules = false;
+  let supportsSourcePhase = false;
+  let supportsMultipleImportMaps = false;
+
+  const wasmBytes = [0, 97, 115, 109, 1, 0, 0, 0];
+
+  let featureDetectionPromise = (async function () {
+    if (!hasDocument)
+      return Promise.all([
+        cssModulesEnabled &&
+          import(createBlob(`import"${createBlob('', 'text/css')}"with{type:"css"}`)).then(
+            () => (supportsCssType = true),
+            noop
+          ),
+        jsonModulesEnabled &&
+          import(createBlob(`import"${createBlob('{}', 'text/json')}"with{type:"json"}`)).then(
+            () => (supportsJsonType = true),
+            noop
+          ),
+        wasmModulesEnabled &&
+          import(createBlob(`import"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
+            () => (supportsWasmModules = true),
+            noop
+          ),
+        wasmModulesEnabled &&
+          sourcePhaseEnabled &&
+          import(createBlob(`import source x from"${createBlob(new Uint8Array(wasmBytes), 'application/wasm')}"`)).then(
+            () => (supportsSourcePhase = true),
+            noop
+          )
+      ]);
+
+    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] === 'esms';
+        if (!isFeatureDetectionMessage) return;
+        [
+          ,
+          supportsImportMaps,
+          supportsMultipleImportMaps,
+          supportsCssType,
+          supportsJsonType,
+          supportsWasmModules,
+          supportsSourcePhase
+        ] = data;
+        resolve();
+        document.head.removeChild(iframe);
+        window.removeEventListener('message', cb, false);
+      }
+      window.addEventListener('message', cb, false);
+
+      const importMapTest = `<script nonce=${nonce || ''}>b=(s,type='text/javascript')=>URL.createObjectURL(new Blob([s],{type}));i=innerText=>document.head.appendChild(Object.assign(document.createElement('script'),{type:'importmap',nonce:"${nonce}",innerText}));i(\`{"imports":{"x":"\${b('')}"}}\`);i(\`{"imports":{"y":"\${b('')}"}}\`);Promise.all([${
+      supportsImportMaps ? 'true' : "'x'"
+    },${supportsImportMaps ? "'y'" : false},${supportsImportMaps && cssModulesEnabled ? `b(\`import"\${b('','text/css')}"with{type:"css"}\`)` : 'false'}, ${
+      supportsImportMaps && jsonModulesEnabled ? `b(\`import"\${b('{}','text/json')\}"with{type:"json"}\`)` : 'false'
+    },${
+      supportsImportMaps && wasmModulesEnabled ?
+        `b(\`import"\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`)`
+      : 'false'
+    },${
+      supportsImportMaps && wasmModulesEnabled && sourcePhaseEnabled ?
+        `b(\`import source x from "\${b(new Uint8Array(${JSON.stringify(wasmBytes)}),'application/wasm')\}"\`)`
+      : 'false'
+    }].map(x =>typeof x==='string'?import(x).then(()=>true,()=>false):x)).then(a=>parent.postMessage(['esms'].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.6.0 */
@@ -437,25 +445,20 @@
     return resolve(id, parentUrl).r;
   }
 
-  // supports:
-  // import('mod');
-  // import('mod', { opts });
-  // import('mod', { opts }, parentUrl);
-  // import('mod', parentUrl);
-  async function importShim(specifier, opts, parentUrl) {
+  // import()
+  async function importShim(id, opts, parentUrl) {
     if (typeof opts === 'string') {
       parentUrl = opts;
       opts = undefined;
     }
-    const url = await importHandler(specifier, opts, parentUrl);
-    // if we dynamically import CSS or JSON, and these are supported, use a wrapper module to
-    // support getting those imports from the native loader, because `import(specifier, options)`
-    // is not supported in older browsers to use syntactically.
-    const type = typeof opts === 'object' && typeof opts.with === 'object' && opts.with.type;
-    if ((supportsCssType && type === 'css') || (supportsJsonType && type === 'json')) {
-      return dynamicImport(createBlob(`export{default}from"${url}"with{type:"${type}"`));
-    }
-    return topLevelLoad(url, { credentials: 'same-origin' });
+    // 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 in this libarary
+    const url = await importHandler(id, opts, parentUrl);
+    const source =
+      typeof opts === 'object' && typeof opts.with === 'object' && typeof opts.with.type === 'string' ?
+        `export{default}from'${url}'with{type:"${opts.with.type}"}`
+      : null;
+    return topLevelLoad(url, { credentials: 'same-origin' }, source);
   }
 
   // import.source()
@@ -531,7 +534,8 @@
       (!wasmModulesEnabled || supportsWasmModules) &&
       (!sourcePhaseEnabled || supportsSourcePhase) &&
       (!multipleImportMaps || supportsMultipleImportMaps) &&
-      !importMapSrc;
+      !importMapSrc &&
+      !typescriptEnabled;
     if (sourcePhaseEnabled && typeof WebAssembly !== 'undefined' && !Object.getPrototypeOf(WebAssembly.Module).name) {
       const s = Symbol();
       const brand = m =>
@@ -601,8 +605,8 @@
         }
       }
     });
+    observer.observe(document, { childList: true });
     observer.observe(document.head, { childList: true });
-    observer.observe(document.body, { childList: true });
     processScriptsAndPreloads();
   }
 
@@ -628,11 +632,13 @@
     await loadAll(load, seen);
     resolveDeps(load, seen);
     await lastStaticLoadPromise;
-    if (!shimMode && !load.n && nativelyLoaded) {
-      return;
-    }
-    if (source && !shimMode && !load.n) {
-      return await dynamicImport(createBlob(source));
+    if (!shimMode && !load.n) {
+      if (nativelyLoaded) {
+        return;
+      }
+      if (source) {
+        return await dynamicImport(createBlob(source));
+      }
     }
     if (firstPolyfillLoad && !shimMode && load.n && nativelyLoaded) {
       onpolyfill();
@@ -709,7 +715,7 @@
       lastIndex = originalIndex;
     }
 
-    for (const { s: start, ss: statementStart, se: statementEnd, d: dynamicImportIndex, t } of imports) {
+    for (const { s: start, e: end, ss: statementStart, se: statementEnd, d: dynamicImportIndex, t, a } of imports) {
       // source phase
       if (t === 4) {
         let { l: depLoad } = load.d[depIndex++];
@@ -717,8 +723,8 @@
         resolvedSource += 'import ';
         lastIndex = statementStart + 14;
         pushStringTo(start - 1);
-        resolvedSource += `/*${source.slice(start - 1, statementEnd)}*/'${createBlob(`export default importShim._s[${urlJsString(depLoad.r)}]`)}'`;
-        lastIndex = statementEnd;
+        resolvedSource += `/*${source.slice(start - 1, end + 1)}*/'${createBlob(`export default importShim._s[${urlJsString(depLoad.r)}]`)}'`;
+        lastIndex = end + 1;
       }
       // dependency source replacements
       else if (dynamicImportIndex === -1) {
@@ -743,15 +749,18 @@
           }
         }
 
+        // strip import assertions unless we support them
+        const stripAssertion = (!supportsCssType && !supportsJsonType) || !(a > 0);
+
         pushStringTo(start - 1);
-        resolvedSource += `/*${source.slice(start - 1, statementEnd)}*/'${blobUrl}'`;
+        resolvedSource += `/*${source.slice(start - 1, end + 1)}*/'${blobUrl}'`;
 
         // circular shell execution
         if (!cycleShell && depLoad.s) {
           resolvedSource += `;import*as m$_${depIndex} from'${depLoad.b}';import{u$_ as u$_${depIndex}}from'${depLoad.s}';u$_${depIndex}(m$_${depIndex})`;
           depLoad.s = undefined;
         }
-        lastIndex = statementEnd;
+        lastIndex = stripAssertion ? statementEnd : end + 1;
       }
       // import.meta
       else if (dynamicImportIndex === -2) {
@@ -824,9 +833,10 @@
   const sourceMapURLCommentPrefix = '\n//# sourceMappingURL=';
 
   const jsContentType = /^(text|application)\/(x-)?javascript(;|$)/;
-  const wasmContentType = /^(application)\/wasm(;|$)/;
+  const wasmContentType = /^application\/wasm(;|$)/;
   const jsonContentType = /^(text|application)\/json(;|$)/;
   const cssContentType = /^(text|application)\/css(;|$)/;
+  const tsContentType = /^application\/typescript(;|$)|/;
 
   const cssUrlRegEx = /url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g;
 
@@ -862,6 +872,8 @@
     return res;
   }
 
+  let esmsTsTransform;
+
   async function fetchModule(url, fetchOpts, parent) {
     const mapIntegrity = composedImportMap.integrity[url];
     const res = await doFetch(
@@ -901,6 +913,14 @@
       )});export default s;`,
         t: 'css'
       };
+    } else if ((typescriptEnabled && tsContentType.test(contentType)) || url.endsWith('.ts') || url.endsWith('.mts')) {
+      const source = await res.text();
+      // if we don't have a ts transform hook, try to load it
+      if (!esmsTsTransform) {
+        ({ transform: esmsTsTransform } = await import(tsTransform));
+      }
+      const transformed = esmsTsTransform(source, url);
+      return { r, s: transformed || source, t: transformed ? 'ts' : 'js' };
     } else
       throw Error(
         `Unsupported Content-Type "${contentType}" loading ${url}${fromParent(parent)}. Modules must be served with a valid MIME type like application/javascript.`
@@ -911,13 +931,15 @@
     if (
       (type === 'css' && !cssModulesEnabled) ||
       (type === 'json' && !jsonModulesEnabled) ||
-      (type === 'wasm' && !wasmModulesEnabled)
+      (type === 'wasm' && !wasmModulesEnabled) ||
+      (type === 'ts' && !typescriptEnabled)
     )
-      throw featErr(`${t}-modules`);
+      throw featErr(`${type}-modules`);
     return (
       (type === 'css' && !supportsCssType) ||
       (type === 'json' && !supportsJsonType) ||
-      (type === 'wasm' && !supportsWasmModules)
+      (type === 'wasm' && !supportsWasmModules) ||
+      type === 'ts'
     );
   }
 
@@ -961,7 +983,7 @@
       if (!load.S) {
         // preload fetch options override fetch options (race)
         ({ r: load.r, s: load.S, t: load.t } = await (fetchCache[url] || fetchModule(url, fetchOpts, parent)));
-        if (load.t !== 'js' && !shimMode && isUnsupportedType(load.t)) {
+        if (!load.n && load.t !== 'js' && !shimMode && isUnsupportedType(load.t)) {
           load.n = true;
         }
       }