npm - @jsenv/core - Versions diffs - 23.8.2 → 23.8.7 - Mend

@jsenv/core 23.8.2 → 23.8.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/dist/jsenv_compile_proxy.js.map CHANGED Viewed

@@ -33,11 +33,11 @@
     "../src/internal/browser-launcher/jsenv_compile_proxy.js"
   ],
   "sourcesContent": [
-    "export default (obj, key, value) => {\r\n  // Shortcircuit the slow defineProperty path when possible.\r\n  // We are trying to avoid issues where setters defined on the\r\n  // prototype cause side effects under the fast path of simple\r\n  // assignment. By checking for existence of the property with\r\n  // the in operator, we can optimize most of this overhead away.\r\n  if (key in obj) {\r\n    Object.defineProperty(obj, key, {\r\n      value,\r\n      enumerable: true,\r\n      configurable: true,\r\n      writable: true,\r\n    })\r\n  } else {\r\n    obj[key] = value\r\n  }\r\n  return obj\r\n}\r\n",
-    "import defineProperty from \"../defineProperty/defineProperty.js\"\r\n\r\nfunction ownKeys(object, enumerableOnly) {\r\n  var keys = Object.keys(object)\r\n  if (Object.getOwnPropertySymbols) {\r\n    var symbols = Object.getOwnPropertySymbols(object)\r\n    if (enumerableOnly) {\r\n      symbols = symbols.filter(function (sym) {\r\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\r\n      })\r\n    }\r\n    keys.push.apply(keys, symbols)\r\n  }\r\n  return keys\r\n}\r\n\r\nexport default function _objectSpread2(target) {\r\n  for (var i = 1; i < arguments.length; i++) {\r\n    var source = arguments[i] != null ? arguments[i] : {}\r\n    if (i % 2) {\r\n      ownKeys(Object(source), true).forEach(function (key) {\r\n        defineProperty(target, key, source[key])\r\n      })\r\n    } else if (Object.getOwnPropertyDescriptors) {\r\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\r\n    } else {\r\n      ownKeys(Object(source)).forEach(function (key) {\r\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\r\n      })\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "export default (source, excluded) => {\r\n  if (source === null) return {}\r\n  var target = {}\r\n  var sourceKeys = Object.keys(source)\r\n  var key\r\n  var i\r\n  for (i = 0; i < sourceKeys.length; i++) {\r\n    key = sourceKeys[i]\r\n    if (excluded.indexOf(key) >= 0) continue\r\n    target[key] = source[key]\r\n  }\r\n  return target\r\n}\r\n",
-    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\r\n\r\nexport default (source, excluded) => {\r\n  if (source === null) return {}\r\n\r\n  var target = objectWithoutPropertiesLoose(source, excluded)\r\n  var key\r\n  var i\r\n  if (Object.getOwnPropertySymbols) {\r\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\r\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\r\n      key = sourceSymbolKeys[i]\r\n      if (excluded.indexOf(key) >= 0) continue\r\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\r\n      target[key] = source[key]\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "const nativeTypeOf = (obj) => typeof obj\r\n\r\nconst customTypeOf = (obj) => {\r\n  return obj &&\r\n    typeof Symbol === \"function\" &&\r\n    obj.constructor === Symbol &&\r\n    obj !== Symbol.prototype\r\n    ? \"symbol\"\r\n    : typeof obj\r\n}\r\n\r\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\r\n  ? nativeTypeOf\r\n  : customTypeOf\r\n",
+    "export default (obj, key, value) => {\n  // Shortcircuit the slow defineProperty path when possible.\n  // We are trying to avoid issues where setters defined on the\n  // prototype cause side effects under the fast path of simple\n  // assignment. By checking for existence of the property with\n  // the in operator, we can optimize most of this overhead away.\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value,\n      enumerable: true,\n      configurable: true,\n      writable: true,\n    })\n  } else {\n    obj[key] = value\n  }\n  return obj\n}\n",
+    "import defineProperty from \"../defineProperty/defineProperty.js\"\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object)\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object)\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\n      })\n    }\n    keys.push.apply(keys, symbols)\n  }\n  return keys\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {}\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        defineProperty(target, key, source[key])\n      })\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\n      })\n    }\n  }\n  return target\n}\n",
+    "export default (source, excluded) => {\n  if (source === null) return {}\n  var target = {}\n  var sourceKeys = Object.keys(source)\n  var key\n  var i\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i]\n    if (excluded.indexOf(key) >= 0) continue\n    target[key] = source[key]\n  }\n  return target\n}\n",
+    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\n\nexport default (source, excluded) => {\n  if (source === null) return {}\n\n  var target = objectWithoutPropertiesLoose(source, excluded)\n  var key\n  var i\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i]\n      if (excluded.indexOf(key) >= 0) continue\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\n      target[key] = source[key]\n    }\n  }\n  return target\n}\n",
+    "const nativeTypeOf = (obj) => typeof obj\n\nconst customTypeOf = (obj) => {\n  return obj &&\n    typeof Symbol === \"function\" &&\n    obj.constructor === Symbol &&\n    obj !== Symbol.prototype\n    ? \"symbol\"\n    : typeof obj\n}\n\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\n  ? nativeTypeOf\n  : customTypeOf\n",
     "export const createDetailedMessage = (message, details = {}) => {\n  let string = `${message}`\n\n  Object.keys(details).forEach((key) => {\n    const value = details[key]\n    string += `\n--- ${key} ---\n${\n  Array.isArray(value)\n    ? value.join(`\n`)\n    : value\n}`\n  })\n\n  return string\n}\n",
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nexport const fetchUsingXHR = async (\n  url,\n  {\n    signal,\n    method = \"GET\",\n    credentials = \"same-origin\",\n    headers = {},\n    body = null,\n  } = {},\n) => {\n  const headersPromise = createPromiseAndHooks()\n  const bodyPromise = createPromiseAndHooks()\n\n  const xhr = new XMLHttpRequest()\n\n  const failure = (error) => {\n    // if it was already resolved, we must reject the body promise\n    if (headersPromise.settled) {\n      bodyPromise.reject(error)\n    } else {\n      headersPromise.reject(error)\n    }\n  }\n\n  const cleanup = () => {\n    xhr.ontimeout = null\n    xhr.onerror = null\n    xhr.onload = null\n    xhr.onreadystatechange = null\n  }\n\n  xhr.ontimeout = () => {\n    cleanup()\n    failure(new Error(`xhr request timeout on ${url}.`))\n  }\n\n  xhr.onerror = (error) => {\n    cleanup()\n    // unfortunately with have no clue why it fails\n    // might be cors for instance\n    failure(createRequestError(error, { url }))\n  }\n\n  xhr.onload = () => {\n    cleanup()\n    bodyPromise.resolve()\n  }\n\n  signal.addEventListener(\"abort\", () => {\n    xhr.abort()\n    const abortError = new Error(\"aborted\")\n    abortError.name = \"AbortError\"\n    failure(abortError)\n  })\n\n  xhr.onreadystatechange = () => {\n    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState\n    const { readyState } = xhr\n\n    if (readyState === 2) {\n      headersPromise.resolve()\n    } else if (readyState === 4) {\n      cleanup()\n      bodyPromise.resolve()\n    }\n  }\n\n  xhr.open(method, url, true)\n  Object.keys(headers).forEach((key) => {\n    xhr.setRequestHeader(key, headers[key])\n  })\n  xhr.withCredentials = computeWithCredentials({ credentials, url })\n  if (\"responseType\" in xhr && hasBlob) {\n    xhr.responseType = \"blob\"\n  }\n  xhr.send(body)\n\n  await headersPromise\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL\n  const responseUrl =\n    \"responseURL\" in xhr ? xhr.responseURL : headers[\"x-request-url\"]\n  let responseStatus = xhr.status\n  const responseStatusText = xhr.statusText\n  const responseHeaders = getHeadersFromXHR(xhr)\n\n  const readBody = async () => {\n    await bodyPromise\n\n    const { status } = xhr\n    // in Chrome on file:/// URLs, status is 0\n    if (status === 0) {\n      responseStatus = 200\n    }\n\n    const body = \"response\" in xhr ? xhr.response : xhr.responseText\n\n    return {\n      responseBody: body,\n      responseBodyType: detectBodyType(body),\n    }\n  }\n\n  const text = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return blobToText(responseBody)\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as text\")\n    }\n    if (responseBodyType === \"dataView\") {\n      return arrayBufferToText(responseBody.buffer)\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return arrayBufferToText(responseBody)\n    }\n    // if (responseBodyType === \"text\" || responseBodyType === 'searchParams') {\n    //   return body\n    // }\n    return String(responseBody)\n  }\n\n  const json = async () => {\n    const responseText = await text()\n    return JSON.parse(responseText)\n  }\n\n  const blob = async () => {\n    if (!hasBlob) {\n      throw new Error(`blob not supported`)\n    }\n\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return responseBody\n    }\n    if (responseBodyType === \"dataView\") {\n      return new Blob([cloneBuffer(responseBody.buffer)])\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return new Blob([cloneBuffer(responseBody)])\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as blob\")\n    }\n    return new Blob([String(responseBody)])\n  }\n\n  const arrayBuffer = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"arrayBuffer\") {\n      return cloneBuffer(responseBody)\n    }\n    const responseBlob = await blob()\n    return blobToArrayBuffer(responseBlob)\n  }\n\n  const formData = async () => {\n    if (!hasFormData) {\n      throw new Error(`formData not supported`)\n    }\n    const responseText = await text()\n    return textToFormData(responseText)\n  }\n\n  return {\n    url: responseUrl,\n    status: responseStatus,\n    statusText: responseStatusText,\n    headers: responseHeaders,\n    text,\n    json,\n    blob,\n    arrayBuffer,\n    formData,\n  }\n}\n\nconst canUseBlob = () => {\n  if (typeof window.FileReader !== \"function\") return false\n\n  if (typeof window.Blob !== \"function\") return false\n\n  try {\n    // eslint-disable-next-line no-new\n    new Blob()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst hasBlob = canUseBlob()\n\nconst hasFormData = typeof window.FormData === \"function\"\n\nconst hasArrayBuffer = typeof window.ArrayBuffer === \"function\"\n\nconst hasSearchParams = typeof window.URLSearchParams === \"function\"\n\nconst createRequestError = (error, { url }) => {\n  return new Error(\n    createDetailedMessage(`error during xhr request on ${url}.`, {\n      [\"error stack\"]: error.stack,\n    }),\n  )\n}\n\nconst createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = (value) => {\n      promise.settled = true\n      res(value)\n    }\n    reject = (value) => {\n      promise.settled = true\n      rej(value)\n    }\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\nconst computeWithCredentials = ({ credentials, url }) => {\n  if (credentials === \"same-origin\") {\n    return originSameAsGlobalOrigin(url)\n  }\n  return credentials === \"include\"\n}\n\nconst originSameAsGlobalOrigin = (url) => {\n  // if we cannot read globalOrigin from window.location.origin, let's consider it's ok\n  if (typeof window !== \"object\") return true\n  if (typeof window.location !== \"object\") return true\n  const globalOrigin = window.location.origin\n  if (globalOrigin === \"null\") return true\n  return hrefToOrigin(url) === globalOrigin\n}\n\nconst detectBodyType = (body) => {\n  if (!body) {\n    return \"\"\n  }\n  if (typeof body === \"string\") {\n    return \"text\"\n  }\n  if (hasBlob && Blob.prototype.isPrototypeOf(body)) {\n    return \"blob\"\n  }\n  if (hasFormData && FormData.prototype.isPrototypeOf(body)) {\n    return \"formData\"\n  }\n  if (hasArrayBuffer) {\n    if (hasBlob && isDataView(body)) {\n      return `dataView`\n    }\n    if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {\n      return `arrayBuffer`\n    }\n  }\n  if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n    return \"searchParams\"\n  }\n  return \"\"\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example\nconst getHeadersFromXHR = (xhr) => {\n  const headerMap = {}\n\n  const headersString = xhr.getAllResponseHeaders()\n  if (headersString === \"\") return headerMap\n\n  const lines = headersString.trim().split(/[\\r\\n]+/)\n  lines.forEach((line) => {\n    const parts = line.split(\": \")\n    const name = parts.shift()\n    const value = parts.join(\": \")\n    headerMap[name.toLowerCase()] = value\n  })\n\n  return headerMap\n}\n\nconst hrefToOrigin = (href) => {\n  const scheme = hrefToScheme(href)\n\n  if (scheme === \"file\") {\n    return \"file://\"\n  }\n\n  if (scheme === \"http\" || scheme === \"https\") {\n    const secondProtocolSlashIndex = scheme.length + \"://\".length\n    const pathnameSlashIndex = href.indexOf(\"/\", secondProtocolSlashIndex)\n\n    if (pathnameSlashIndex === -1) return href\n    return href.slice(0, pathnameSlashIndex)\n  }\n\n  return href.slice(0, scheme.length + 1)\n}\n\nconst hrefToScheme = (href) => {\n  const colonIndex = href.indexOf(\":\")\n  if (colonIndex === -1) return \"\"\n  return href.slice(0, colonIndex)\n}\n\nconst isDataView = (obj) => {\n  return obj && DataView.prototype.isPrototypeOf(obj)\n}\n\nconst isArrayBufferView =\n  ArrayBuffer.isView ||\n  (() => {\n    const viewClasses = [\n      \"[object Int8Array]\",\n      \"[object Uint8Array]\",\n      \"[object Uint8ClampedArray]\",\n      \"[object Int16Array]\",\n      \"[object Uint16Array]\",\n      \"[object Int32Array]\",\n      \"[object Uint32Array]\",\n      \"[object Float32Array]\",\n      \"[object Float64Array]\",\n    ]\n\n    return (value) => {\n      return (\n        value && viewClasses.includes(Object.prototype.toString.call(value))\n      )\n    }\n  })()\n\nconst textToFormData = (text) => {\n  const form = new FormData()\n  text\n    .trim()\n    .split(\"&\")\n    .forEach(function (bytes) {\n      if (bytes) {\n        const split = bytes.split(\"=\")\n        const name = split.shift().replace(/\\+/g, \" \")\n        const value = split.join(\"=\").replace(/\\+/g, \" \")\n        form.append(decodeURIComponent(name), decodeURIComponent(value))\n      }\n    })\n  return form\n}\n\nconst blobToArrayBuffer = async (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsArrayBuffer(blob)\n  return promise\n}\n\nconst blobToText = (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsText(blob)\n  return promise\n}\n\nconst arrayBufferToText = (arrayBuffer) => {\n  const view = new Uint8Array(arrayBuffer)\n  const chars = new Array(view.length)\n  let i = 0\n  while (i < view.length) {\n    chars[i] = String.fromCharCode(view[i])\n\n    i++\n  }\n  return chars.join(\"\")\n}\n\nconst fileReaderReady = (reader) => {\n  return new Promise(function (resolve, reject) {\n    reader.onload = function () {\n      resolve(reader.result)\n    }\n    reader.onerror = function () {\n      reject(reader.error)\n    }\n  })\n}\n\nconst cloneBuffer = (buffer) => {\n  if (buffer.slice) {\n    return buffer.slice(0)\n  }\n  const view = new Uint8Array(buffer.byteLength)\n  view.set(new Uint8Array(buffer))\n  return view.buffer\n}\n",
     "import { fetchUsingXHR } from \"./fetchUsingXHR.js\"\n\nconst fetchNative = async (url, { mode = \"cors\", ...options } = {}) => {\n  const response = await window.fetch(url, {\n    mode,\n    ...options,\n  })\n\n  return {\n    url: response.url,\n    status: response.status,\n    statusText: \"\",\n    headers: responseToHeaders(response),\n    text: () => response.text(),\n    json: () => response.json(),\n    blob: () => response.blob(),\n    arrayBuffer: () => response.arrayBuffer(),\n    formData: () => response.formData(),\n  }\n}\n\nconst responseToHeaders = (response) => {\n  const headers = {}\n  response.headers.forEach((value, name) => {\n    headers[name] = value\n  })\n  return headers\n}\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? fetchNative\n    : fetchUsingXHR\n",
@@ -60,7 +60,7 @@
     "import { versionCompare } from \"./versionCompare.js\"\n\nexport const versionIsBelow = (versionSupposedBelow, versionSupposedAbove) => {\n  return versionCompare(versionSupposedBelow, versionSupposedAbove) < 0\n}\n",
     "import { versionIsBelow } from \"./versionIsBelow.js\"\n\nexport const findHighestVersion = (...values) => {\n  if (values.length === 0) throw new Error(`missing argument`)\n\n  return values.reduce((highestVersion, value) => {\n    if (versionIsBelow(highestVersion, value)) {\n      return value\n    }\n    return highestVersion\n  })\n}\n",
     "import { findHighestVersion } from \"../semantic-versioning/index.js\"\n\nexport const resolveGroup = ({ name, version }, groupMap) => {\n  return Object.keys(groupMap).find((compileIdCandidate) => {\n    const { minRuntimeVersions } = groupMap[compileIdCandidate]\n    const versionForGroup = minRuntimeVersions[name]\n    if (!versionForGroup) {\n      return false\n    }\n    const highestVersion = findHighestVersion(version, versionForGroup)\n    return highestVersion === version\n  })\n}\n",
-    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\r\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\r\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\r\nimport { resolveGroup } from \"../resolveGroup.js\"\r\n\r\nexport const scanBrowserRuntimeFeatures = async ({\r\n  coverageHandledFromOutside = false,\r\n  failFastOnFeatureDetection = false,\r\n} = {}) => {\r\n  const {\r\n    outDirectoryRelativeUrl,\r\n    inlineImportMapIntoHTML,\r\n    customCompilerPatterns,\r\n    compileServerGroupMap,\r\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\r\n\r\n  const browser = detectBrowser()\r\n  const compileId = computeCompileIdFromGroupId({\r\n    groupId: resolveGroup(browser, compileServerGroupMap),\r\n    groupMap: compileServerGroupMap,\r\n  })\r\n  const groupInfo = compileServerGroupMap[compileId]\r\n\r\n  const featuresReport = {\r\n    importmap: undefined,\r\n    dynamicImport: undefined,\r\n    topLevelAwait: undefined,\r\n    jsonImportAssertions: undefined,\r\n    cssImportAssertions: undefined,\r\n    newStylesheet: undefined,\r\n  }\r\n  await detectSupportedFeatures({\r\n    featuresReport,\r\n    failFastOnFeatureDetection,\r\n    inlineImportMapIntoHTML,\r\n  })\r\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\r\n    groupInfo,\r\n    {\r\n      featuresReport,\r\n      coverageHandledFromOutside,\r\n    },\r\n  )\r\n\r\n  const canAvoidCompilation =\r\n    customCompilerPatterns.length === 0 &&\r\n    pluginRequiredNameArray.length === 0 &&\r\n    featuresReport.importmap &&\r\n    featuresReport.dynamicImport &&\r\n    featuresReport.topLevelAwait\r\n\r\n  return {\r\n    canAvoidCompilation,\r\n    featuresReport,\r\n    customCompilerPatterns,\r\n    pluginRequiredNameArray,\r\n    inlineImportMapIntoHTML,\r\n    outDirectoryRelativeUrl,\r\n    compileId,\r\n    browser,\r\n  }\r\n}\r\n\r\nconst detectSupportedFeatures = async ({\r\n  featuresReport,\r\n  failFastOnFeatureDetection,\r\n  inlineImportMapIntoHTML,\r\n}) => {\r\n  // start testing importmap support first and not in paralell\r\n  // so that there is not module script loaded beore importmap is injected\r\n  // it would log an error in chrome console and return undefined\r\n  const importmap = await supportsImportmap({\r\n    // chrome supports inline but not remote importmap\r\n    // https://github.com/WICG/import-maps/issues/235\r\n\r\n    // at this stage we won't know if the html file will use\r\n    // an importmap or not and if that importmap is inline or specified with an src\r\n    // so we should test if browser support local and remote importmap.\r\n    // But there exploring server can inline importmap by transforming html\r\n    // and in that case we can test only the local importmap support\r\n    // so we test importmap support and the remote one\r\n    remote: !inlineImportMapIntoHTML,\r\n  })\r\n  featuresReport.importmap = importmap\r\n  if (!importmap && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const dynamicImport = await supportsDynamicImport()\r\n  featuresReport.dynamicImport = dynamicImport\r\n  if (!dynamicImport && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const topLevelAwait = await supportsTopLevelAwait()\r\n  featuresReport.topLevelAwait = topLevelAwait\r\n  if (!topLevelAwait && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n}\r\n\r\nconst pluginRequiredNamesFromGroupInfo = async (\r\n  groupInfo,\r\n  { featuresReport, coverageHandledFromOutside },\r\n) => {\r\n  const { pluginRequiredNameArray } = groupInfo\r\n  const requiredPluginNames = pluginRequiredNameArray.slice()\r\n  const markPluginAsSupported = (name) => {\r\n    const index = requiredPluginNames.indexOf(name)\r\n    if (index > -1) {\r\n      requiredPluginNames.splice(index, 1)\r\n    }\r\n  }\r\n\r\n  // When instrumentation CAN be handed by playwright\r\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\r\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\r\n  if (coverageHandledFromOutside) {\r\n    markPluginAsSupported(\"transform-instrument\")\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\r\n    const jsonImportAssertions = await supportsJsonImportAssertions()\r\n    featuresReport.jsonImportAssertions = jsonImportAssertions\r\n\r\n    const cssImportAssertions = await supportsCssImportAssertions()\r\n    featuresReport.cssImportAssertions = cssImportAssertions\r\n\r\n    if (jsonImportAssertions && cssImportAssertions) {\r\n      markPluginAsSupported(\"transform-import-assertions\")\r\n    }\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\r\n    const newStylesheet = supportsNewStylesheet()\r\n    featuresReport.newStylesheet = newStylesheet\r\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\r\n  }\r\n\r\n  return requiredPluginNames\r\n}\r\n\r\nconst supportsNewStylesheet = () => {\r\n  try {\r\n    // eslint-disable-next-line no-new\r\n    new CSSStyleSheet()\r\n    return true\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsImportmap = async ({ remote = true } = {}) => {\r\n  const specifier = asBase64Url(`export default false`)\r\n\r\n  const importMap = {\r\n    imports: {\r\n      [specifier]: asBase64Url(`export default true`),\r\n    },\r\n  }\r\n\r\n  const importmapScript = document.createElement(\"script\")\r\n  const importmapString = JSON.stringify(importMap, null, \"  \")\r\n  importmapScript.type = \"importmap\"\r\n  if (remote) {\r\n    importmapScript.src = `data:application/json;base64,${window.btoa(\r\n      importmapString,\r\n    )}`\r\n  } else {\r\n    importmapScript.textContent = importmapString\r\n  }\r\n\r\n  document.body.appendChild(importmapScript)\r\n\r\n  const scriptModule = document.createElement(\"script\")\r\n  scriptModule.type = \"module\"\r\n  scriptModule.src = asBase64Url(\r\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\r\n  )\r\n\r\n  return new Promise((resolve, reject) => {\r\n    scriptModule.onload = () => {\r\n      const supported = window.__importmap_supported\r\n      delete window.__importmap_supported\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      resolve(supported)\r\n    }\r\n    scriptModule.onerror = () => {\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      reject()\r\n    }\r\n    document.body.appendChild(scriptModule)\r\n  })\r\n}\r\n\r\nconst supportsDynamicImport = async () => {\r\n  const moduleSource = asBase64Url(`export default 42`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsTopLevelAwait = async () => {\r\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsJsonImportAssertions = async () => {\r\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsCssImportAssertions = async () => {\r\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default instanceof CSSStyleSheet\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\r\n  return `data:${mimeType};base64,${window.btoa(text)}`\r\n}\r\n",
+    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\nimport { resolveGroup } from \"../resolveGroup.js\"\n\nexport const scanBrowserRuntimeFeatures = async ({\n  coverageHandledFromOutside = false,\n  failFastOnFeatureDetection = false,\n} = {}) => {\n  const {\n    outDirectoryRelativeUrl,\n    inlineImportMapIntoHTML,\n    customCompilerPatterns,\n    compileServerGroupMap,\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\n\n  const browser = detectBrowser()\n  const compileId = computeCompileIdFromGroupId({\n    groupId: resolveGroup(browser, compileServerGroupMap),\n    groupMap: compileServerGroupMap,\n  })\n  const groupInfo = compileServerGroupMap[compileId]\n\n  const featuresReport = {\n    importmap: undefined,\n    dynamicImport: undefined,\n    topLevelAwait: undefined,\n    jsonImportAssertions: undefined,\n    cssImportAssertions: undefined,\n    newStylesheet: undefined,\n  }\n  await detectSupportedFeatures({\n    featuresReport,\n    failFastOnFeatureDetection,\n    inlineImportMapIntoHTML,\n  })\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\n    groupInfo,\n    {\n      featuresReport,\n      coverageHandledFromOutside,\n    },\n  )\n\n  const canAvoidCompilation =\n    customCompilerPatterns.length === 0 &&\n    pluginRequiredNameArray.length === 0 &&\n    featuresReport.importmap &&\n    featuresReport.dynamicImport &&\n    featuresReport.topLevelAwait\n\n  return {\n    canAvoidCompilation,\n    featuresReport,\n    customCompilerPatterns,\n    pluginRequiredNameArray,\n    inlineImportMapIntoHTML,\n    outDirectoryRelativeUrl,\n    compileId,\n    browser,\n  }\n}\n\nconst detectSupportedFeatures = async ({\n  featuresReport,\n  failFastOnFeatureDetection,\n  inlineImportMapIntoHTML,\n}) => {\n  // start testing importmap support first and not in paralell\n  // so that there is not module script loaded beore importmap is injected\n  // it would log an error in chrome console and return undefined\n  const importmap = await supportsImportmap({\n    // chrome supports inline but not remote importmap\n    // https://github.com/WICG/import-maps/issues/235\n\n    // at this stage we won't know if the html file will use\n    // an importmap or not and if that importmap is inline or specified with an src\n    // so we should test if browser support local and remote importmap.\n    // But there exploring server can inline importmap by transforming html\n    // and in that case we can test only the local importmap support\n    // so we test importmap support and the remote one\n    remote: !inlineImportMapIntoHTML,\n  })\n  featuresReport.importmap = importmap\n  if (!importmap && failFastOnFeatureDetection) {\n    return\n  }\n\n  const dynamicImport = await supportsDynamicImport()\n  featuresReport.dynamicImport = dynamicImport\n  if (!dynamicImport && failFastOnFeatureDetection) {\n    return\n  }\n\n  const topLevelAwait = await supportsTopLevelAwait()\n  featuresReport.topLevelAwait = topLevelAwait\n  if (!topLevelAwait && failFastOnFeatureDetection) {\n    return\n  }\n}\n\nconst pluginRequiredNamesFromGroupInfo = async (\n  groupInfo,\n  { featuresReport, coverageHandledFromOutside },\n) => {\n  const { pluginRequiredNameArray } = groupInfo\n  const requiredPluginNames = pluginRequiredNameArray.slice()\n  const markPluginAsSupported = (name) => {\n    const index = requiredPluginNames.indexOf(name)\n    if (index > -1) {\n      requiredPluginNames.splice(index, 1)\n    }\n  }\n\n  // When instrumentation CAN be handed by playwright\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\n  if (coverageHandledFromOutside) {\n    markPluginAsSupported(\"transform-instrument\")\n  }\n\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\n    const jsonImportAssertions = await supportsJsonImportAssertions()\n    featuresReport.jsonImportAssertions = jsonImportAssertions\n\n    const cssImportAssertions = await supportsCssImportAssertions()\n    featuresReport.cssImportAssertions = cssImportAssertions\n\n    if (jsonImportAssertions && cssImportAssertions) {\n      markPluginAsSupported(\"transform-import-assertions\")\n    }\n  }\n\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\n    const newStylesheet = supportsNewStylesheet()\n    featuresReport.newStylesheet = newStylesheet\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\n  }\n\n  return requiredPluginNames\n}\n\nconst supportsNewStylesheet = () => {\n  try {\n    // eslint-disable-next-line no-new\n    new CSSStyleSheet()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsImportmap = async ({ remote = true } = {}) => {\n  const specifier = asBase64Url(`export default false`)\n\n  const importMap = {\n    imports: {\n      [specifier]: asBase64Url(`export default true`),\n    },\n  }\n\n  const importmapScript = document.createElement(\"script\")\n  const importmapString = JSON.stringify(importMap, null, \"  \")\n  importmapScript.type = \"importmap\"\n  if (remote) {\n    importmapScript.src = `data:application/json;base64,${window.btoa(\n      importmapString,\n    )}`\n  } else {\n    importmapScript.textContent = importmapString\n  }\n\n  document.body.appendChild(importmapScript)\n\n  const scriptModule = document.createElement(\"script\")\n  scriptModule.type = \"module\"\n  scriptModule.src = asBase64Url(\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\n  )\n\n  return new Promise((resolve, reject) => {\n    scriptModule.onload = () => {\n      const supported = window.__importmap_supported\n      delete window.__importmap_supported\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      resolve(supported)\n    }\n    scriptModule.onerror = () => {\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      reject()\n    }\n    document.body.appendChild(scriptModule)\n  })\n}\n\nconst supportsDynamicImport = async () => {\n  const moduleSource = asBase64Url(`export default 42`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsTopLevelAwait = async () => {\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsJsonImportAssertions = async () => {\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsCssImportAssertions = async () => {\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default instanceof CSSStyleSheet\n  } catch (e) {\n    return false\n  }\n}\n\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\n  return `data:${mimeType};base64,${window.btoa(text)}`\n}\n",
     "/* eslint-env browser */\n\nimport { scanBrowserRuntimeFeatures } from \"../runtime/createBrowserRuntime/scanBrowserRuntimeFeatures.js\"\n\nwindow.scanBrowserRuntimeFeatures = scanBrowserRuntimeFeatures\n"
   ],
   "names": [

package/dist/jsenv_exploring_index.js.map CHANGED Viewed

@@ -22,13 +22,13 @@
     "export const memoize = (compute) => {\n  let memoized = false\n  let memoizedValue\n\n  const fnWithMemoization = (...args) => {\n    if (memoized) {\n      return memoizedValue\n    }\n    // if compute is recursive wait for it to be fully done before storing the lockValue\n    // so set locked later\n    memoizedValue = compute(...args)\n    memoized = true\n    return memoizedValue\n  }\n\n  fnWithMemoization.forget = () => {\n    const value = memoizedValue\n    memoized = false\n    memoizedValue = undefined\n    return value\n  }\n\n  return fnWithMemoization\n}\n",
     "import { memoize } from \"../../memoize.js\"\n\nconst fetchPolyfill = async (...args) => {\n  const { fetchUsingXHR } = await loadPolyfill()\n  return fetchUsingXHR(...args)\n}\n\nconst loadPolyfill = memoize(() =>\n  import(\"../../browser-utils/fetchUsingXHR.js\"),\n)\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? window.fetch\n    : fetchPolyfill\n",
     "export const createPreference = (name) => {\n  return {\n    has: () => localStorage.hasOwnProperty(name),\n    get: () =>\n      localStorage.hasOwnProperty(name)\n        ? JSON.parse(localStorage.getItem(name))\n        : undefined,\n    set: (value) => localStorage.setItem(name, JSON.stringify(value)),\n  }\n}\n",
-    "export default (source, excluded) => {\r\n  if (source === null) return {}\r\n  var target = {}\r\n  var sourceKeys = Object.keys(source)\r\n  var key\r\n  var i\r\n  for (i = 0; i < sourceKeys.length; i++) {\r\n    key = sourceKeys[i]\r\n    if (excluded.indexOf(key) >= 0) continue\r\n    target[key] = source[key]\r\n  }\r\n  return target\r\n}\r\n",
-    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\r\n\r\nexport default (source, excluded) => {\r\n  if (source === null) return {}\r\n\r\n  var target = objectWithoutPropertiesLoose(source, excluded)\r\n  var key\r\n  var i\r\n  if (Object.getOwnPropertySymbols) {\r\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\r\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\r\n      key = sourceSymbolKeys[i]\r\n      if (excluded.indexOf(key) >= 0) continue\r\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\r\n      target[key] = source[key]\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
+    "export default (source, excluded) => {\n  if (source === null) return {}\n  var target = {}\n  var sourceKeys = Object.keys(source)\n  var key\n  var i\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i]\n    if (excluded.indexOf(key) >= 0) continue\n    target[key] = source[key]\n  }\n  return target\n}\n",
+    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\n\nexport default (source, excluded) => {\n  if (source === null) return {}\n\n  var target = objectWithoutPropertiesLoose(source, excluded)\n  var key\n  var i\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i]\n      if (excluded.indexOf(key) >= 0) continue\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\n      target[key] = source[key]\n    }\n  }\n  return target\n}\n",
     "import { setStyles } from \"./dom.js\"\n\nconst animateFallback = () => {\n  return Promise.resolve()\n}\n\nconst animateNative = (node, keyframes, { signal, ...options } = {}) => {\n  const animation = node.animate(keyframes, options)\n  if (signal) {\n    signal.addEventListener(\"abort\", () => {\n      animation.cancel()\n    })\n  }\n  return new Promise((resolve) => {\n    animation.onfinish = resolve\n  })\n}\n\nexport const canUseAnimation = () =>\n  typeof HTMLElement.prototype.animate === \"function\"\n\nexport const animateElement = canUseAnimation()\n  ? animateNative\n  : animateFallback\n\nexport const fadeIn = (node, options) =>\n  animateElement(\n    node,\n    [\n      {\n        opacity: 0,\n      },\n      {\n        opacity: 1,\n      },\n    ],\n    options,\n  )\n\nexport const fadeOut = (node, options) =>\n  animateElement(\n    node,\n    [\n      {\n        opacity: 1,\n      },\n      {\n        opacity: 0,\n      },\n    ],\n    options,\n  )\n\nexport const move = (fromNode, toNode, options) => {\n  const fromComputedStyle = window.getComputedStyle(fromNode)\n  const toComputedStyle = window.getComputedStyle(toNode)\n  // get positions of input in toolbar and aElement\n  const fromPosition = fromNode.getBoundingClientRect()\n  const toPosition = toNode.getBoundingClientRect()\n\n  // we'll do the animation in a div preventing overflow and pointer events\n  const div = document.createElement(\"div\")\n  div.style.position = \"absolute\"\n  div.style.left = 0\n  div.style.top = 0\n  div.style.width = `${document.documentElement.scrollWidth}px`\n  div.style.height = `${document.documentElement.scrollHeight}px`\n  div.style.overflow = \"hidden\"\n  div.style.pointerEvents = \"none\"\n\n  const documentScroll = {\n    left: window.pageXOffset || document.documentElement.scrollLeft,\n    top: window.pageYOffset || document.documentElement.scrollTop,\n  }\n\n  // clone node and style it\n  const copy = fromNode.cloneNode(true)\n  copy.style.position = \"absolute\"\n  copy.style.left = `${documentScroll.left + fromPosition.left}px`\n  copy.style.top = `${documentScroll.top + fromPosition.top}px`\n  copy.style.maxWidth = `${fromPosition.right - fromPosition.left}px`\n  copy.style.overflow = toComputedStyle.overflow\n  copy.style.textOverflow = toComputedStyle.textOverflow\n  div.appendChild(copy)\n  document.body.appendChild(div)\n\n  const left =\n    toPosition.left -\n    fromPosition.left -\n    (parseInt(fromComputedStyle.paddingLeft) || 0)\n  const top =\n    toPosition.top -\n    fromPosition.top -\n    (parseInt(fromComputedStyle.paddingTop) || 0)\n  // define final position of new element and the duration\n  const translate = `translate(${left}px, ${top}px)`\n\n  // animate new element\n  return animateElement(\n    copy,\n    [\n      {\n        transform: \"translate(0px, 0px)\",\n        backgroundColor: fromComputedStyle.backgroundColor,\n        color: fromComputedStyle.color,\n        fontSize: fromComputedStyle.fontSize,\n        height: `${fromPosition.bottom - fromPosition.top}px`,\n        width: \"100%\",\n      },\n      {\n        offset: 0.9,\n        backgroundColor: fromComputedStyle.backgroundColor,\n        color: fromComputedStyle.color,\n      },\n      {\n        transform: translate,\n        backgroundColor: toComputedStyle.backgroundColor,\n        color: toComputedStyle.color,\n        fontSize: toComputedStyle.fontSize,\n        height: `${toPosition.bottom - toPosition.top}px`,\n        width: toComputedStyle.width,\n      },\n    ],\n    options,\n  ).then(() => {\n    div.parentNode.removeChild(div)\n  })\n}\n\n// the whole point of this toolbar animation wass to flight a visual imperfection when it's done by css transition.\n// This imperfection is a white line sometimes flickering at the bottom of the page.\n// It got fixed by removing the usage of calc(100vh - 40px)\n// It was hapenning in chrome, safari but not inside Firefox\n// I assume it's because Firefox does not read parent element min-height while\n// chrome use it to compute min-height: 100%\nexport const createToolbarAnimation = () => {\n  const collapsedState = {\n    \"#page\": { paddingBottom: 0 },\n    \"footer\": { height: 0 },\n    \"#toolbar\": { visibility: \"hidden\" },\n  }\n  const expandedState = {\n    \"#page\": { paddingBottom: \"40px\" },\n    \"footer\": { height: \"40px\" },\n    \"#toolbar\": { visibility: \"visible\" },\n  }\n  const expandTransition = transit(collapsedState, expandedState, {\n    duration: 300,\n  })\n\n  const expand = () => {\n    expandTransition.play()\n  }\n\n  const collapse = () => {\n    expandTransition.reverse()\n  }\n\n  return { expand, collapse }\n}\n\nexport const transit = (\n  fromState,\n  toState,\n  { commitStyles = true, fill = \"both\", duration = 300 } = {},\n) => {\n  const steps = []\n  Object.keys(fromState).forEach((selector) => {\n    const fromStyles = {}\n    const toStyles = {}\n    const element = document.querySelector(selector)\n\n    const keyframes = []\n    const fromProperties = fromState[selector]\n    const toProperties = toState[selector]\n    Object.keys(fromProperties).forEach((propertyName) => {\n      const from = fromProperties[propertyName]\n      const to = toProperties[propertyName]\n      fromStyles[propertyName] = from\n      toStyles[propertyName] = to\n    })\n    keyframes.push(fromStyles, toStyles)\n\n    let animation\n    if (canUseAnimation()) {\n      const effect = new KeyframeEffect(element, keyframes, { fill, duration })\n      animation = new Animation(effect)\n    } else {\n      animation = {\n        playbackRate: 1,\n        play: () => {\n          animation.onfinish()\n        },\n        reverse: () => {\n          animation.playbackRate = -1\n          animation.onfinish()\n        },\n        finish: () => {},\n        onfinish: () => {},\n      }\n    }\n\n    steps.push({\n      element,\n      animation,\n      fromStyles,\n      toStyles,\n    })\n  })\n\n  const play = async () => {\n    await Promise.all(\n      steps.map(({ animation, element, toStyles }) => {\n        return new Promise((resolve) => {\n          animation.onfinish = () => {\n            if (commitStyles) {\n              setStyles(element, toStyles)\n            }\n            resolve()\n          }\n          if (animation.playbackRate === -1) {\n            animation.reverse()\n          } else {\n            animation.play()\n          }\n        })\n      }),\n    )\n  }\n\n  const reverse = async () => {\n    await Promise.all(\n      steps.map(({ animation, element, fromStyles }) => {\n        return new Promise((resolve) => {\n          animation.onfinish = () => {\n            if (commitStyles) {\n              setStyles(element, fromStyles)\n            }\n            resolve()\n          }\n          animation.reverse()\n        })\n      }),\n    )\n  }\n\n  const finish = async () => {\n    steps.forEach(({ animation }) => {\n      animation.finish()\n    })\n  }\n\n  return { play, reverse, finish }\n}\n\nexport const startJavaScriptAnimation = ({\n  duration = 300,\n  timingFunction = (t) => t,\n  onProgress = () => {},\n  onCancel = () => {},\n  onComplete = () => {},\n}) => {\n  if (isNaN(duration)) {\n    // console.warn(`duration must be a number, received ${duration}`)\n    return () => {}\n  }\n  duration = parseInt(duration, 10)\n  const startMs = performance.now()\n  let currentRequestAnimationFrameId\n  let done = false\n  let rawProgress = 0\n  let progress = 0\n  const handler = () => {\n    currentRequestAnimationFrameId = null\n    const nowMs = performance.now()\n    rawProgress = Math.min((nowMs - startMs) / duration, 1)\n    progress = timingFunction(rawProgress)\n    done = rawProgress === 1\n    onProgress({\n      done,\n      rawProgress,\n      progress,\n    })\n    if (done) {\n      onComplete()\n    } else {\n      currentRequestAnimationFrameId = window.requestAnimationFrame(handler)\n    }\n  }\n  handler()\n  const stop = () => {\n    if (currentRequestAnimationFrameId) {\n      window.cancelAnimationFrame(currentRequestAnimationFrameId)\n      currentRequestAnimationFrameId = null\n    }\n    if (!done) {\n      done = true\n      onCancel({\n        rawProgress,\n        progress,\n      })\n    }\n  }\n  return stop\n}\n",
-    "export default (obj, key, value) => {\r\n  // Shortcircuit the slow defineProperty path when possible.\r\n  // We are trying to avoid issues where setters defined on the\r\n  // prototype cause side effects under the fast path of simple\r\n  // assignment. By checking for existence of the property with\r\n  // the in operator, we can optimize most of this overhead away.\r\n  if (key in obj) {\r\n    Object.defineProperty(obj, key, {\r\n      value,\r\n      enumerable: true,\r\n      configurable: true,\r\n      writable: true,\r\n    })\r\n  } else {\r\n    obj[key] = value\r\n  }\r\n  return obj\r\n}\r\n",
+    "export default (obj, key, value) => {\n  // Shortcircuit the slow defineProperty path when possible.\n  // We are trying to avoid issues where setters defined on the\n  // prototype cause side effects under the fast path of simple\n  // assignment. By checking for existence of the property with\n  // the in operator, we can optimize most of this overhead away.\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value,\n      enumerable: true,\n      configurable: true,\n      writable: true,\n    })\n  } else {\n    obj[key] = value\n  }\n  return obj\n}\n",
     "export const createDetailedMessage = (message, details = {}) => {\n  let string = `${message}`\n\n  Object.keys(details).forEach((key) => {\n    const value = details[key]\n    string += `\n--- ${key} ---\n${\n  Array.isArray(value)\n    ? value.join(`\n`)\n    : value\n}`\n  })\n\n  return string\n}\n",
-    "import defineProperty from \"../defineProperty/defineProperty.js\"\r\n\r\nfunction ownKeys(object, enumerableOnly) {\r\n  var keys = Object.keys(object)\r\n  if (Object.getOwnPropertySymbols) {\r\n    var symbols = Object.getOwnPropertySymbols(object)\r\n    if (enumerableOnly) {\r\n      symbols = symbols.filter(function (sym) {\r\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\r\n      })\r\n    }\r\n    keys.push.apply(keys, symbols)\r\n  }\r\n  return keys\r\n}\r\n\r\nexport default function _objectSpread2(target) {\r\n  for (var i = 1; i < arguments.length; i++) {\r\n    var source = arguments[i] != null ? arguments[i] : {}\r\n    if (i % 2) {\r\n      ownKeys(Object(source), true).forEach(function (key) {\r\n        defineProperty(target, key, source[key])\r\n      })\r\n    } else if (Object.getOwnPropertyDescriptors) {\r\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\r\n    } else {\r\n      ownKeys(Object(source)).forEach(function (key) {\r\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\r\n      })\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "const nativeTypeOf = (obj) => typeof obj\r\n\r\nconst customTypeOf = (obj) => {\r\n  return obj &&\r\n    typeof Symbol === \"function\" &&\r\n    obj.constructor === Symbol &&\r\n    obj !== Symbol.prototype\r\n    ? \"symbol\"\r\n    : typeof obj\r\n}\r\n\r\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\r\n  ? nativeTypeOf\r\n  : customTypeOf\r\n",
+    "import defineProperty from \"../defineProperty/defineProperty.js\"\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object)\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object)\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\n      })\n    }\n    keys.push.apply(keys, symbols)\n  }\n  return keys\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {}\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        defineProperty(target, key, source[key])\n      })\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\n      })\n    }\n  }\n  return target\n}\n",
+    "const nativeTypeOf = (obj) => typeof obj\n\nconst customTypeOf = (obj) => {\n  return obj &&\n    typeof Symbol === \"function\" &&\n    obj.constructor === Symbol &&\n    obj !== Symbol.prototype\n    ? \"symbol\"\n    : typeof obj\n}\n\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\n  ? nativeTypeOf\n  : customTypeOf\n",
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nexport const fetchUsingXHR = async (\n  url,\n  {\n    signal,\n    method = \"GET\",\n    credentials = \"same-origin\",\n    headers = {},\n    body = null,\n  } = {},\n) => {\n  const headersPromise = createPromiseAndHooks()\n  const bodyPromise = createPromiseAndHooks()\n\n  const xhr = new XMLHttpRequest()\n\n  const failure = (error) => {\n    // if it was already resolved, we must reject the body promise\n    if (headersPromise.settled) {\n      bodyPromise.reject(error)\n    } else {\n      headersPromise.reject(error)\n    }\n  }\n\n  const cleanup = () => {\n    xhr.ontimeout = null\n    xhr.onerror = null\n    xhr.onload = null\n    xhr.onreadystatechange = null\n  }\n\n  xhr.ontimeout = () => {\n    cleanup()\n    failure(new Error(`xhr request timeout on ${url}.`))\n  }\n\n  xhr.onerror = (error) => {\n    cleanup()\n    // unfortunately with have no clue why it fails\n    // might be cors for instance\n    failure(createRequestError(error, { url }))\n  }\n\n  xhr.onload = () => {\n    cleanup()\n    bodyPromise.resolve()\n  }\n\n  signal.addEventListener(\"abort\", () => {\n    xhr.abort()\n    const abortError = new Error(\"aborted\")\n    abortError.name = \"AbortError\"\n    failure(abortError)\n  })\n\n  xhr.onreadystatechange = () => {\n    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState\n    const { readyState } = xhr\n\n    if (readyState === 2) {\n      headersPromise.resolve()\n    } else if (readyState === 4) {\n      cleanup()\n      bodyPromise.resolve()\n    }\n  }\n\n  xhr.open(method, url, true)\n  Object.keys(headers).forEach((key) => {\n    xhr.setRequestHeader(key, headers[key])\n  })\n  xhr.withCredentials = computeWithCredentials({ credentials, url })\n  if (\"responseType\" in xhr && hasBlob) {\n    xhr.responseType = \"blob\"\n  }\n  xhr.send(body)\n\n  await headersPromise\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL\n  const responseUrl =\n    \"responseURL\" in xhr ? xhr.responseURL : headers[\"x-request-url\"]\n  let responseStatus = xhr.status\n  const responseStatusText = xhr.statusText\n  const responseHeaders = getHeadersFromXHR(xhr)\n\n  const readBody = async () => {\n    await bodyPromise\n\n    const { status } = xhr\n    // in Chrome on file:/// URLs, status is 0\n    if (status === 0) {\n      responseStatus = 200\n    }\n\n    const body = \"response\" in xhr ? xhr.response : xhr.responseText\n\n    return {\n      responseBody: body,\n      responseBodyType: detectBodyType(body),\n    }\n  }\n\n  const text = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return blobToText(responseBody)\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as text\")\n    }\n    if (responseBodyType === \"dataView\") {\n      return arrayBufferToText(responseBody.buffer)\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return arrayBufferToText(responseBody)\n    }\n    // if (responseBodyType === \"text\" || responseBodyType === 'searchParams') {\n    //   return body\n    // }\n    return String(responseBody)\n  }\n\n  const json = async () => {\n    const responseText = await text()\n    return JSON.parse(responseText)\n  }\n\n  const blob = async () => {\n    if (!hasBlob) {\n      throw new Error(`blob not supported`)\n    }\n\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return responseBody\n    }\n    if (responseBodyType === \"dataView\") {\n      return new Blob([cloneBuffer(responseBody.buffer)])\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return new Blob([cloneBuffer(responseBody)])\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as blob\")\n    }\n    return new Blob([String(responseBody)])\n  }\n\n  const arrayBuffer = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"arrayBuffer\") {\n      return cloneBuffer(responseBody)\n    }\n    const responseBlob = await blob()\n    return blobToArrayBuffer(responseBlob)\n  }\n\n  const formData = async () => {\n    if (!hasFormData) {\n      throw new Error(`formData not supported`)\n    }\n    const responseText = await text()\n    return textToFormData(responseText)\n  }\n\n  return {\n    url: responseUrl,\n    status: responseStatus,\n    statusText: responseStatusText,\n    headers: responseHeaders,\n    text,\n    json,\n    blob,\n    arrayBuffer,\n    formData,\n  }\n}\n\nconst canUseBlob = () => {\n  if (typeof window.FileReader !== \"function\") return false\n\n  if (typeof window.Blob !== \"function\") return false\n\n  try {\n    // eslint-disable-next-line no-new\n    new Blob()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst hasBlob = canUseBlob()\n\nconst hasFormData = typeof window.FormData === \"function\"\n\nconst hasArrayBuffer = typeof window.ArrayBuffer === \"function\"\n\nconst hasSearchParams = typeof window.URLSearchParams === \"function\"\n\nconst createRequestError = (error, { url }) => {\n  return new Error(\n    createDetailedMessage(`error during xhr request on ${url}.`, {\n      [\"error stack\"]: error.stack,\n    }),\n  )\n}\n\nconst createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = (value) => {\n      promise.settled = true\n      res(value)\n    }\n    reject = (value) => {\n      promise.settled = true\n      rej(value)\n    }\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\nconst computeWithCredentials = ({ credentials, url }) => {\n  if (credentials === \"same-origin\") {\n    return originSameAsGlobalOrigin(url)\n  }\n  return credentials === \"include\"\n}\n\nconst originSameAsGlobalOrigin = (url) => {\n  // if we cannot read globalOrigin from window.location.origin, let's consider it's ok\n  if (typeof window !== \"object\") return true\n  if (typeof window.location !== \"object\") return true\n  const globalOrigin = window.location.origin\n  if (globalOrigin === \"null\") return true\n  return hrefToOrigin(url) === globalOrigin\n}\n\nconst detectBodyType = (body) => {\n  if (!body) {\n    return \"\"\n  }\n  if (typeof body === \"string\") {\n    return \"text\"\n  }\n  if (hasBlob && Blob.prototype.isPrototypeOf(body)) {\n    return \"blob\"\n  }\n  if (hasFormData && FormData.prototype.isPrototypeOf(body)) {\n    return \"formData\"\n  }\n  if (hasArrayBuffer) {\n    if (hasBlob && isDataView(body)) {\n      return `dataView`\n    }\n    if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {\n      return `arrayBuffer`\n    }\n  }\n  if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n    return \"searchParams\"\n  }\n  return \"\"\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example\nconst getHeadersFromXHR = (xhr) => {\n  const headerMap = {}\n\n  const headersString = xhr.getAllResponseHeaders()\n  if (headersString === \"\") return headerMap\n\n  const lines = headersString.trim().split(/[\\r\\n]+/)\n  lines.forEach((line) => {\n    const parts = line.split(\": \")\n    const name = parts.shift()\n    const value = parts.join(\": \")\n    headerMap[name.toLowerCase()] = value\n  })\n\n  return headerMap\n}\n\nconst hrefToOrigin = (href) => {\n  const scheme = hrefToScheme(href)\n\n  if (scheme === \"file\") {\n    return \"file://\"\n  }\n\n  if (scheme === \"http\" || scheme === \"https\") {\n    const secondProtocolSlashIndex = scheme.length + \"://\".length\n    const pathnameSlashIndex = href.indexOf(\"/\", secondProtocolSlashIndex)\n\n    if (pathnameSlashIndex === -1) return href\n    return href.slice(0, pathnameSlashIndex)\n  }\n\n  return href.slice(0, scheme.length + 1)\n}\n\nconst hrefToScheme = (href) => {\n  const colonIndex = href.indexOf(\":\")\n  if (colonIndex === -1) return \"\"\n  return href.slice(0, colonIndex)\n}\n\nconst isDataView = (obj) => {\n  return obj && DataView.prototype.isPrototypeOf(obj)\n}\n\nconst isArrayBufferView =\n  ArrayBuffer.isView ||\n  (() => {\n    const viewClasses = [\n      \"[object Int8Array]\",\n      \"[object Uint8Array]\",\n      \"[object Uint8ClampedArray]\",\n      \"[object Int16Array]\",\n      \"[object Uint16Array]\",\n      \"[object Int32Array]\",\n      \"[object Uint32Array]\",\n      \"[object Float32Array]\",\n      \"[object Float64Array]\",\n    ]\n\n    return (value) => {\n      return (\n        value && viewClasses.includes(Object.prototype.toString.call(value))\n      )\n    }\n  })()\n\nconst textToFormData = (text) => {\n  const form = new FormData()\n  text\n    .trim()\n    .split(\"&\")\n    .forEach(function (bytes) {\n      if (bytes) {\n        const split = bytes.split(\"=\")\n        const name = split.shift().replace(/\\+/g, \" \")\n        const value = split.join(\"=\").replace(/\\+/g, \" \")\n        form.append(decodeURIComponent(name), decodeURIComponent(value))\n      }\n    })\n  return form\n}\n\nconst blobToArrayBuffer = async (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsArrayBuffer(blob)\n  return promise\n}\n\nconst blobToText = (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsText(blob)\n  return promise\n}\n\nconst arrayBufferToText = (arrayBuffer) => {\n  const view = new Uint8Array(arrayBuffer)\n  const chars = new Array(view.length)\n  let i = 0\n  while (i < view.length) {\n    chars[i] = String.fromCharCode(view[i])\n\n    i++\n  }\n  return chars.join(\"\")\n}\n\nconst fileReaderReady = (reader) => {\n  return new Promise(function (resolve, reject) {\n    reader.onload = function () {\n      resolve(reader.result)\n    }\n    reader.onerror = function () {\n      reject(reader.error)\n    }\n  })\n}\n\nconst cloneBuffer = (buffer) => {\n  if (buffer.slice) {\n    return buffer.slice(0)\n  }\n  const view = new Uint8Array(buffer.byteLength)\n  view.set(new Uint8Array(buffer))\n  return view.buffer\n}\n",
     "import { fetchUsingXHR } from \"./fetchUsingXHR.js\"\n\nconst fetchNative = async (url, { mode = \"cors\", ...options } = {}) => {\n  const response = await window.fetch(url, {\n    mode,\n    ...options,\n  })\n\n  return {\n    url: response.url,\n    status: response.status,\n    statusText: \"\",\n    headers: responseToHeaders(response),\n    text: () => response.text(),\n    json: () => response.json(),\n    blob: () => response.blob(),\n    arrayBuffer: () => response.arrayBuffer(),\n    formData: () => response.formData(),\n  }\n}\n\nconst responseToHeaders = (response) => {\n  const headers = {}\n  response.headers.forEach((value, name) => {\n    headers[name] = value\n  })\n  return headers\n}\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? fetchNative\n    : fetchUsingXHR\n",
     "import { fetchUrl } from \"./fetch-browser.js\"\n\nexport const fetchJson = async (url, options = {}) => {\n  const response = await fetchUrl(url, options)\n  const object = await response.json()\n  return object\n}\n",

package/dist/jsenv_exploring_redirector.js.map CHANGED Viewed

@@ -40,17 +40,17 @@
     "../src/internal/exploring/exploring.redirector.js"
   ],
   "sourcesContent": [
-    "// eslint-disable-next-line consistent-return\r\nexport default (arr) => {\r\n  if (Array.isArray(arr)) return arr\r\n}\r\n",
-    "export default function _iterableToArrayLimit(arr, i) {\r\n  // this is an expanded form of \\`for...of\\` that properly supports abrupt completions of\r\n  // iterators etc. variable names have been minimised to reduce the size of this massive\r\n  // helper. sometimes spec compliance is annoying :(\r\n  //\r\n  // _n = _iteratorNormalCompletion\r\n  // _d = _didIteratorError\r\n  // _e = _iteratorError\r\n  // _i = _iterator\r\n  // _s = _step\r\n  var _i =\r\n    arr == null\r\n      ? null\r\n      : (typeof Symbol !== \"undefined\" && arr[Symbol.iterator]) || arr[\"@@iterator\"]\r\n  if (_i == null) return\r\n  var _arr = []\r\n  var _n = true\r\n  var _d = false\r\n  var _s, _e\r\n  try {\r\n    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\r\n      _arr.push(_s.value)\r\n      if (i && _arr.length === i) break\r\n    }\r\n  } catch (err) {\r\n    _d = true\r\n    _e = err\r\n  } finally {\r\n    try {\r\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]()\r\n    } finally {\r\n      if (_d) throw _e\r\n    }\r\n  }\r\n  return _arr\r\n}\r\n",
-    "/* eslint-disable no-eq-null, eqeqeq */\r\nexport default function arrayLikeToArray(arr, len) {\r\n  if (len == null || len > arr.length) len = arr.length\r\n  var arr2 = new Array(len)\r\n  for (var i = 0; i < len; i++) arr2[i] = arr[i]\r\n  return arr2\r\n}\r\n",
-    "/* eslint-disable consistent-return */\r\nimport arrayLikeToArray from \"../arrayLikeToArray/arrayLikeToArray.js\"\r\n\r\nexport default function unsupportedIterableToArray(o, minLen) {\r\n  if (!o) return\r\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen)\r\n  var n = Object.prototype.toString.call(o).slice(8, -1)\r\n  if (n === \"Object\" && o.constructor) n = o.constructor.name\r\n  if (n === \"Map\" || n === \"Set\") return Array.from(o)\r\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))\r\n    return arrayLikeToArray(o, minLen)\r\n}\r\n",
-    "export default () => {\r\n  throw new TypeError(\r\n    \"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\",\r\n  )\r\n}\r\n",
-    "import arrayWithHoles from \"../arrayWithHoles/arrayWithHoles.js\"\r\nimport iterableToArrayLimit from \"../iterableToArrayLimit/iterableToArrayLimit.js\"\r\nimport unsupportedIterableToArray from \"../unsupportedIterableToArray/unsupportedIterableToArray.js\"\r\nimport nonIterableRest from \"../nonIterableRest/nonIterableRest.js\"\r\n\r\nexport default (arr, i) =>\r\n  arrayWithHoles(arr) ||\r\n  iterableToArrayLimit(arr, i) ||\r\n  unsupportedIterableToArray(arr, i) ||\r\n  nonIterableRest()\r\n",
-    "export default (obj, key, value) => {\r\n  // Shortcircuit the slow defineProperty path when possible.\r\n  // We are trying to avoid issues where setters defined on the\r\n  // prototype cause side effects under the fast path of simple\r\n  // assignment. By checking for existence of the property with\r\n  // the in operator, we can optimize most of this overhead away.\r\n  if (key in obj) {\r\n    Object.defineProperty(obj, key, {\r\n      value,\r\n      enumerable: true,\r\n      configurable: true,\r\n      writable: true,\r\n    })\r\n  } else {\r\n    obj[key] = value\r\n  }\r\n  return obj\r\n}\r\n",
-    "import defineProperty from \"../defineProperty/defineProperty.js\"\r\n\r\nfunction ownKeys(object, enumerableOnly) {\r\n  var keys = Object.keys(object)\r\n  if (Object.getOwnPropertySymbols) {\r\n    var symbols = Object.getOwnPropertySymbols(object)\r\n    if (enumerableOnly) {\r\n      symbols = symbols.filter(function (sym) {\r\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\r\n      })\r\n    }\r\n    keys.push.apply(keys, symbols)\r\n  }\r\n  return keys\r\n}\r\n\r\nexport default function _objectSpread2(target) {\r\n  for (var i = 1; i < arguments.length; i++) {\r\n    var source = arguments[i] != null ? arguments[i] : {}\r\n    if (i % 2) {\r\n      ownKeys(Object(source), true).forEach(function (key) {\r\n        defineProperty(target, key, source[key])\r\n      })\r\n    } else if (Object.getOwnPropertyDescriptors) {\r\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\r\n    } else {\r\n      ownKeys(Object(source)).forEach(function (key) {\r\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\r\n      })\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "export default (source, excluded) => {\r\n  if (source === null) return {}\r\n  var target = {}\r\n  var sourceKeys = Object.keys(source)\r\n  var key\r\n  var i\r\n  for (i = 0; i < sourceKeys.length; i++) {\r\n    key = sourceKeys[i]\r\n    if (excluded.indexOf(key) >= 0) continue\r\n    target[key] = source[key]\r\n  }\r\n  return target\r\n}\r\n",
-    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\r\n\r\nexport default (source, excluded) => {\r\n  if (source === null) return {}\r\n\r\n  var target = objectWithoutPropertiesLoose(source, excluded)\r\n  var key\r\n  var i\r\n  if (Object.getOwnPropertySymbols) {\r\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\r\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\r\n      key = sourceSymbolKeys[i]\r\n      if (excluded.indexOf(key) >= 0) continue\r\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\r\n      target[key] = source[key]\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "const nativeTypeOf = (obj) => typeof obj\r\n\r\nconst customTypeOf = (obj) => {\r\n  return obj &&\r\n    typeof Symbol === \"function\" &&\r\n    obj.constructor === Symbol &&\r\n    obj !== Symbol.prototype\r\n    ? \"symbol\"\r\n    : typeof obj\r\n}\r\n\r\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\r\n  ? nativeTypeOf\r\n  : customTypeOf\r\n",
+    "// eslint-disable-next-line consistent-return\nexport default (arr) => {\n  if (Array.isArray(arr)) return arr\n}\n",
+    "export default function _iterableToArrayLimit(arr, i) {\n  // this is an expanded form of \\`for...of\\` that properly supports abrupt completions of\n  // iterators etc. variable names have been minimised to reduce the size of this massive\n  // helper. sometimes spec compliance is annoying :(\n  //\n  // _n = _iteratorNormalCompletion\n  // _d = _didIteratorError\n  // _e = _iteratorError\n  // _i = _iterator\n  // _s = _step\n  var _i =\n    arr == null\n      ? null\n      : (typeof Symbol !== \"undefined\" && arr[Symbol.iterator]) || arr[\"@@iterator\"]\n  if (_i == null) return\n  var _arr = []\n  var _n = true\n  var _d = false\n  var _s, _e\n  try {\n    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value)\n      if (i && _arr.length === i) break\n    }\n  } catch (err) {\n    _d = true\n    _e = err\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]()\n    } finally {\n      if (_d) throw _e\n    }\n  }\n  return _arr\n}\n",
+    "/* eslint-disable no-eq-null, eqeqeq */\nexport default function arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length\n  var arr2 = new Array(len)\n  for (var i = 0; i < len; i++) arr2[i] = arr[i]\n  return arr2\n}\n",
+    "/* eslint-disable consistent-return */\nimport arrayLikeToArray from \"../arrayLikeToArray/arrayLikeToArray.js\"\n\nexport default function unsupportedIterableToArray(o, minLen) {\n  if (!o) return\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen)\n  var n = Object.prototype.toString.call(o).slice(8, -1)\n  if (n === \"Object\" && o.constructor) n = o.constructor.name\n  if (n === \"Map\" || n === \"Set\") return Array.from(o)\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))\n    return arrayLikeToArray(o, minLen)\n}\n",
+    "export default () => {\n  throw new TypeError(\n    \"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\",\n  )\n}\n",
+    "import arrayWithHoles from \"../arrayWithHoles/arrayWithHoles.js\"\nimport iterableToArrayLimit from \"../iterableToArrayLimit/iterableToArrayLimit.js\"\nimport unsupportedIterableToArray from \"../unsupportedIterableToArray/unsupportedIterableToArray.js\"\nimport nonIterableRest from \"../nonIterableRest/nonIterableRest.js\"\n\nexport default (arr, i) =>\n  arrayWithHoles(arr) ||\n  iterableToArrayLimit(arr, i) ||\n  unsupportedIterableToArray(arr, i) ||\n  nonIterableRest()\n",
+    "export default (obj, key, value) => {\n  // Shortcircuit the slow defineProperty path when possible.\n  // We are trying to avoid issues where setters defined on the\n  // prototype cause side effects under the fast path of simple\n  // assignment. By checking for existence of the property with\n  // the in operator, we can optimize most of this overhead away.\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value,\n      enumerable: true,\n      configurable: true,\n      writable: true,\n    })\n  } else {\n    obj[key] = value\n  }\n  return obj\n}\n",
+    "import defineProperty from \"../defineProperty/defineProperty.js\"\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object)\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object)\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\n      })\n    }\n    keys.push.apply(keys, symbols)\n  }\n  return keys\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {}\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        defineProperty(target, key, source[key])\n      })\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\n      })\n    }\n  }\n  return target\n}\n",
+    "export default (source, excluded) => {\n  if (source === null) return {}\n  var target = {}\n  var sourceKeys = Object.keys(source)\n  var key\n  var i\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i]\n    if (excluded.indexOf(key) >= 0) continue\n    target[key] = source[key]\n  }\n  return target\n}\n",
+    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\n\nexport default (source, excluded) => {\n  if (source === null) return {}\n\n  var target = objectWithoutPropertiesLoose(source, excluded)\n  var key\n  var i\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i]\n      if (excluded.indexOf(key) >= 0) continue\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\n      target[key] = source[key]\n    }\n  }\n  return target\n}\n",
+    "const nativeTypeOf = (obj) => typeof obj\n\nconst customTypeOf = (obj) => {\n  return obj &&\n    typeof Symbol === \"function\" &&\n    obj.constructor === Symbol &&\n    obj !== Symbol.prototype\n    ? \"symbol\"\n    : typeof obj\n}\n\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\n  ? nativeTypeOf\n  : customTypeOf\n",
     "export const createDetailedMessage = (message, details = {}) => {\n  let string = `${message}`\n\n  Object.keys(details).forEach((key) => {\n    const value = details[key]\n    string += `\n--- ${key} ---\n${\n  Array.isArray(value)\n    ? value.join(`\n`)\n    : value\n}`\n  })\n\n  return string\n}\n",
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nexport const fetchUsingXHR = async (\n  url,\n  {\n    signal,\n    method = \"GET\",\n    credentials = \"same-origin\",\n    headers = {},\n    body = null,\n  } = {},\n) => {\n  const headersPromise = createPromiseAndHooks()\n  const bodyPromise = createPromiseAndHooks()\n\n  const xhr = new XMLHttpRequest()\n\n  const failure = (error) => {\n    // if it was already resolved, we must reject the body promise\n    if (headersPromise.settled) {\n      bodyPromise.reject(error)\n    } else {\n      headersPromise.reject(error)\n    }\n  }\n\n  const cleanup = () => {\n    xhr.ontimeout = null\n    xhr.onerror = null\n    xhr.onload = null\n    xhr.onreadystatechange = null\n  }\n\n  xhr.ontimeout = () => {\n    cleanup()\n    failure(new Error(`xhr request timeout on ${url}.`))\n  }\n\n  xhr.onerror = (error) => {\n    cleanup()\n    // unfortunately with have no clue why it fails\n    // might be cors for instance\n    failure(createRequestError(error, { url }))\n  }\n\n  xhr.onload = () => {\n    cleanup()\n    bodyPromise.resolve()\n  }\n\n  signal.addEventListener(\"abort\", () => {\n    xhr.abort()\n    const abortError = new Error(\"aborted\")\n    abortError.name = \"AbortError\"\n    failure(abortError)\n  })\n\n  xhr.onreadystatechange = () => {\n    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState\n    const { readyState } = xhr\n\n    if (readyState === 2) {\n      headersPromise.resolve()\n    } else if (readyState === 4) {\n      cleanup()\n      bodyPromise.resolve()\n    }\n  }\n\n  xhr.open(method, url, true)\n  Object.keys(headers).forEach((key) => {\n    xhr.setRequestHeader(key, headers[key])\n  })\n  xhr.withCredentials = computeWithCredentials({ credentials, url })\n  if (\"responseType\" in xhr && hasBlob) {\n    xhr.responseType = \"blob\"\n  }\n  xhr.send(body)\n\n  await headersPromise\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL\n  const responseUrl =\n    \"responseURL\" in xhr ? xhr.responseURL : headers[\"x-request-url\"]\n  let responseStatus = xhr.status\n  const responseStatusText = xhr.statusText\n  const responseHeaders = getHeadersFromXHR(xhr)\n\n  const readBody = async () => {\n    await bodyPromise\n\n    const { status } = xhr\n    // in Chrome on file:/// URLs, status is 0\n    if (status === 0) {\n      responseStatus = 200\n    }\n\n    const body = \"response\" in xhr ? xhr.response : xhr.responseText\n\n    return {\n      responseBody: body,\n      responseBodyType: detectBodyType(body),\n    }\n  }\n\n  const text = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return blobToText(responseBody)\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as text\")\n    }\n    if (responseBodyType === \"dataView\") {\n      return arrayBufferToText(responseBody.buffer)\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return arrayBufferToText(responseBody)\n    }\n    // if (responseBodyType === \"text\" || responseBodyType === 'searchParams') {\n    //   return body\n    // }\n    return String(responseBody)\n  }\n\n  const json = async () => {\n    const responseText = await text()\n    return JSON.parse(responseText)\n  }\n\n  const blob = async () => {\n    if (!hasBlob) {\n      throw new Error(`blob not supported`)\n    }\n\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return responseBody\n    }\n    if (responseBodyType === \"dataView\") {\n      return new Blob([cloneBuffer(responseBody.buffer)])\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return new Blob([cloneBuffer(responseBody)])\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as blob\")\n    }\n    return new Blob([String(responseBody)])\n  }\n\n  const arrayBuffer = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"arrayBuffer\") {\n      return cloneBuffer(responseBody)\n    }\n    const responseBlob = await blob()\n    return blobToArrayBuffer(responseBlob)\n  }\n\n  const formData = async () => {\n    if (!hasFormData) {\n      throw new Error(`formData not supported`)\n    }\n    const responseText = await text()\n    return textToFormData(responseText)\n  }\n\n  return {\n    url: responseUrl,\n    status: responseStatus,\n    statusText: responseStatusText,\n    headers: responseHeaders,\n    text,\n    json,\n    blob,\n    arrayBuffer,\n    formData,\n  }\n}\n\nconst canUseBlob = () => {\n  if (typeof window.FileReader !== \"function\") return false\n\n  if (typeof window.Blob !== \"function\") return false\n\n  try {\n    // eslint-disable-next-line no-new\n    new Blob()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst hasBlob = canUseBlob()\n\nconst hasFormData = typeof window.FormData === \"function\"\n\nconst hasArrayBuffer = typeof window.ArrayBuffer === \"function\"\n\nconst hasSearchParams = typeof window.URLSearchParams === \"function\"\n\nconst createRequestError = (error, { url }) => {\n  return new Error(\n    createDetailedMessage(`error during xhr request on ${url}.`, {\n      [\"error stack\"]: error.stack,\n    }),\n  )\n}\n\nconst createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = (value) => {\n      promise.settled = true\n      res(value)\n    }\n    reject = (value) => {\n      promise.settled = true\n      rej(value)\n    }\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\nconst computeWithCredentials = ({ credentials, url }) => {\n  if (credentials === \"same-origin\") {\n    return originSameAsGlobalOrigin(url)\n  }\n  return credentials === \"include\"\n}\n\nconst originSameAsGlobalOrigin = (url) => {\n  // if we cannot read globalOrigin from window.location.origin, let's consider it's ok\n  if (typeof window !== \"object\") return true\n  if (typeof window.location !== \"object\") return true\n  const globalOrigin = window.location.origin\n  if (globalOrigin === \"null\") return true\n  return hrefToOrigin(url) === globalOrigin\n}\n\nconst detectBodyType = (body) => {\n  if (!body) {\n    return \"\"\n  }\n  if (typeof body === \"string\") {\n    return \"text\"\n  }\n  if (hasBlob && Blob.prototype.isPrototypeOf(body)) {\n    return \"blob\"\n  }\n  if (hasFormData && FormData.prototype.isPrototypeOf(body)) {\n    return \"formData\"\n  }\n  if (hasArrayBuffer) {\n    if (hasBlob && isDataView(body)) {\n      return `dataView`\n    }\n    if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {\n      return `arrayBuffer`\n    }\n  }\n  if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n    return \"searchParams\"\n  }\n  return \"\"\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example\nconst getHeadersFromXHR = (xhr) => {\n  const headerMap = {}\n\n  const headersString = xhr.getAllResponseHeaders()\n  if (headersString === \"\") return headerMap\n\n  const lines = headersString.trim().split(/[\\r\\n]+/)\n  lines.forEach((line) => {\n    const parts = line.split(\": \")\n    const name = parts.shift()\n    const value = parts.join(\": \")\n    headerMap[name.toLowerCase()] = value\n  })\n\n  return headerMap\n}\n\nconst hrefToOrigin = (href) => {\n  const scheme = hrefToScheme(href)\n\n  if (scheme === \"file\") {\n    return \"file://\"\n  }\n\n  if (scheme === \"http\" || scheme === \"https\") {\n    const secondProtocolSlashIndex = scheme.length + \"://\".length\n    const pathnameSlashIndex = href.indexOf(\"/\", secondProtocolSlashIndex)\n\n    if (pathnameSlashIndex === -1) return href\n    return href.slice(0, pathnameSlashIndex)\n  }\n\n  return href.slice(0, scheme.length + 1)\n}\n\nconst hrefToScheme = (href) => {\n  const colonIndex = href.indexOf(\":\")\n  if (colonIndex === -1) return \"\"\n  return href.slice(0, colonIndex)\n}\n\nconst isDataView = (obj) => {\n  return obj && DataView.prototype.isPrototypeOf(obj)\n}\n\nconst isArrayBufferView =\n  ArrayBuffer.isView ||\n  (() => {\n    const viewClasses = [\n      \"[object Int8Array]\",\n      \"[object Uint8Array]\",\n      \"[object Uint8ClampedArray]\",\n      \"[object Int16Array]\",\n      \"[object Uint16Array]\",\n      \"[object Int32Array]\",\n      \"[object Uint32Array]\",\n      \"[object Float32Array]\",\n      \"[object Float64Array]\",\n    ]\n\n    return (value) => {\n      return (\n        value && viewClasses.includes(Object.prototype.toString.call(value))\n      )\n    }\n  })()\n\nconst textToFormData = (text) => {\n  const form = new FormData()\n  text\n    .trim()\n    .split(\"&\")\n    .forEach(function (bytes) {\n      if (bytes) {\n        const split = bytes.split(\"=\")\n        const name = split.shift().replace(/\\+/g, \" \")\n        const value = split.join(\"=\").replace(/\\+/g, \" \")\n        form.append(decodeURIComponent(name), decodeURIComponent(value))\n      }\n    })\n  return form\n}\n\nconst blobToArrayBuffer = async (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsArrayBuffer(blob)\n  return promise\n}\n\nconst blobToText = (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsText(blob)\n  return promise\n}\n\nconst arrayBufferToText = (arrayBuffer) => {\n  const view = new Uint8Array(arrayBuffer)\n  const chars = new Array(view.length)\n  let i = 0\n  while (i < view.length) {\n    chars[i] = String.fromCharCode(view[i])\n\n    i++\n  }\n  return chars.join(\"\")\n}\n\nconst fileReaderReady = (reader) => {\n  return new Promise(function (resolve, reject) {\n    reader.onload = function () {\n      resolve(reader.result)\n    }\n    reader.onerror = function () {\n      reject(reader.error)\n    }\n  })\n}\n\nconst cloneBuffer = (buffer) => {\n  if (buffer.slice) {\n    return buffer.slice(0)\n  }\n  const view = new Uint8Array(buffer.byteLength)\n  view.set(new Uint8Array(buffer))\n  return view.buffer\n}\n",
     "import { fetchUsingXHR } from \"./fetchUsingXHR.js\"\n\nconst fetchNative = async (url, { mode = \"cors\", ...options } = {}) => {\n  const response = await window.fetch(url, {\n    mode,\n    ...options,\n  })\n\n  return {\n    url: response.url,\n    status: response.status,\n    statusText: \"\",\n    headers: responseToHeaders(response),\n    text: () => response.text(),\n    json: () => response.json(),\n    blob: () => response.blob(),\n    arrayBuffer: () => response.arrayBuffer(),\n    formData: () => response.formData(),\n  }\n}\n\nconst responseToHeaders = (response) => {\n  const headers = {}\n  response.headers.forEach((value, name) => {\n    headers[name] = value\n  })\n  return headers\n}\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? fetchNative\n    : fetchUsingXHR\n",
@@ -73,7 +73,7 @@
     "import { versionCompare } from \"./versionCompare.js\"\n\nexport const versionIsBelow = (versionSupposedBelow, versionSupposedAbove) => {\n  return versionCompare(versionSupposedBelow, versionSupposedAbove) < 0\n}\n",
     "import { versionIsBelow } from \"./versionIsBelow.js\"\n\nexport const findHighestVersion = (...values) => {\n  if (values.length === 0) throw new Error(`missing argument`)\n\n  return values.reduce((highestVersion, value) => {\n    if (versionIsBelow(highestVersion, value)) {\n      return value\n    }\n    return highestVersion\n  })\n}\n",
     "import { findHighestVersion } from \"../semantic-versioning/index.js\"\n\nexport const resolveGroup = ({ name, version }, groupMap) => {\n  return Object.keys(groupMap).find((compileIdCandidate) => {\n    const { minRuntimeVersions } = groupMap[compileIdCandidate]\n    const versionForGroup = minRuntimeVersions[name]\n    if (!versionForGroup) {\n      return false\n    }\n    const highestVersion = findHighestVersion(version, versionForGroup)\n    return highestVersion === version\n  })\n}\n",
-    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\r\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\r\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\r\nimport { resolveGroup } from \"../resolveGroup.js\"\r\n\r\nexport const scanBrowserRuntimeFeatures = async ({\r\n  coverageHandledFromOutside = false,\r\n  failFastOnFeatureDetection = false,\r\n} = {}) => {\r\n  const {\r\n    outDirectoryRelativeUrl,\r\n    inlineImportMapIntoHTML,\r\n    customCompilerPatterns,\r\n    compileServerGroupMap,\r\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\r\n\r\n  const browser = detectBrowser()\r\n  const compileId = computeCompileIdFromGroupId({\r\n    groupId: resolveGroup(browser, compileServerGroupMap),\r\n    groupMap: compileServerGroupMap,\r\n  })\r\n  const groupInfo = compileServerGroupMap[compileId]\r\n\r\n  const featuresReport = {\r\n    importmap: undefined,\r\n    dynamicImport: undefined,\r\n    topLevelAwait: undefined,\r\n    jsonImportAssertions: undefined,\r\n    cssImportAssertions: undefined,\r\n    newStylesheet: undefined,\r\n  }\r\n  await detectSupportedFeatures({\r\n    featuresReport,\r\n    failFastOnFeatureDetection,\r\n    inlineImportMapIntoHTML,\r\n  })\r\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\r\n    groupInfo,\r\n    {\r\n      featuresReport,\r\n      coverageHandledFromOutside,\r\n    },\r\n  )\r\n\r\n  const canAvoidCompilation =\r\n    customCompilerPatterns.length === 0 &&\r\n    pluginRequiredNameArray.length === 0 &&\r\n    featuresReport.importmap &&\r\n    featuresReport.dynamicImport &&\r\n    featuresReport.topLevelAwait\r\n\r\n  return {\r\n    canAvoidCompilation,\r\n    featuresReport,\r\n    customCompilerPatterns,\r\n    pluginRequiredNameArray,\r\n    inlineImportMapIntoHTML,\r\n    outDirectoryRelativeUrl,\r\n    compileId,\r\n    browser,\r\n  }\r\n}\r\n\r\nconst detectSupportedFeatures = async ({\r\n  featuresReport,\r\n  failFastOnFeatureDetection,\r\n  inlineImportMapIntoHTML,\r\n}) => {\r\n  // start testing importmap support first and not in paralell\r\n  // so that there is not module script loaded beore importmap is injected\r\n  // it would log an error in chrome console and return undefined\r\n  const importmap = await supportsImportmap({\r\n    // chrome supports inline but not remote importmap\r\n    // https://github.com/WICG/import-maps/issues/235\r\n\r\n    // at this stage we won't know if the html file will use\r\n    // an importmap or not and if that importmap is inline or specified with an src\r\n    // so we should test if browser support local and remote importmap.\r\n    // But there exploring server can inline importmap by transforming html\r\n    // and in that case we can test only the local importmap support\r\n    // so we test importmap support and the remote one\r\n    remote: !inlineImportMapIntoHTML,\r\n  })\r\n  featuresReport.importmap = importmap\r\n  if (!importmap && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const dynamicImport = await supportsDynamicImport()\r\n  featuresReport.dynamicImport = dynamicImport\r\n  if (!dynamicImport && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const topLevelAwait = await supportsTopLevelAwait()\r\n  featuresReport.topLevelAwait = topLevelAwait\r\n  if (!topLevelAwait && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n}\r\n\r\nconst pluginRequiredNamesFromGroupInfo = async (\r\n  groupInfo,\r\n  { featuresReport, coverageHandledFromOutside },\r\n) => {\r\n  const { pluginRequiredNameArray } = groupInfo\r\n  const requiredPluginNames = pluginRequiredNameArray.slice()\r\n  const markPluginAsSupported = (name) => {\r\n    const index = requiredPluginNames.indexOf(name)\r\n    if (index > -1) {\r\n      requiredPluginNames.splice(index, 1)\r\n    }\r\n  }\r\n\r\n  // When instrumentation CAN be handed by playwright\r\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\r\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\r\n  if (coverageHandledFromOutside) {\r\n    markPluginAsSupported(\"transform-instrument\")\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\r\n    const jsonImportAssertions = await supportsJsonImportAssertions()\r\n    featuresReport.jsonImportAssertions = jsonImportAssertions\r\n\r\n    const cssImportAssertions = await supportsCssImportAssertions()\r\n    featuresReport.cssImportAssertions = cssImportAssertions\r\n\r\n    if (jsonImportAssertions && cssImportAssertions) {\r\n      markPluginAsSupported(\"transform-import-assertions\")\r\n    }\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\r\n    const newStylesheet = supportsNewStylesheet()\r\n    featuresReport.newStylesheet = newStylesheet\r\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\r\n  }\r\n\r\n  return requiredPluginNames\r\n}\r\n\r\nconst supportsNewStylesheet = () => {\r\n  try {\r\n    // eslint-disable-next-line no-new\r\n    new CSSStyleSheet()\r\n    return true\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsImportmap = async ({ remote = true } = {}) => {\r\n  const specifier = asBase64Url(`export default false`)\r\n\r\n  const importMap = {\r\n    imports: {\r\n      [specifier]: asBase64Url(`export default true`),\r\n    },\r\n  }\r\n\r\n  const importmapScript = document.createElement(\"script\")\r\n  const importmapString = JSON.stringify(importMap, null, \"  \")\r\n  importmapScript.type = \"importmap\"\r\n  if (remote) {\r\n    importmapScript.src = `data:application/json;base64,${window.btoa(\r\n      importmapString,\r\n    )}`\r\n  } else {\r\n    importmapScript.textContent = importmapString\r\n  }\r\n\r\n  document.body.appendChild(importmapScript)\r\n\r\n  const scriptModule = document.createElement(\"script\")\r\n  scriptModule.type = \"module\"\r\n  scriptModule.src = asBase64Url(\r\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\r\n  )\r\n\r\n  return new Promise((resolve, reject) => {\r\n    scriptModule.onload = () => {\r\n      const supported = window.__importmap_supported\r\n      delete window.__importmap_supported\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      resolve(supported)\r\n    }\r\n    scriptModule.onerror = () => {\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      reject()\r\n    }\r\n    document.body.appendChild(scriptModule)\r\n  })\r\n}\r\n\r\nconst supportsDynamicImport = async () => {\r\n  const moduleSource = asBase64Url(`export default 42`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsTopLevelAwait = async () => {\r\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsJsonImportAssertions = async () => {\r\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsCssImportAssertions = async () => {\r\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default instanceof CSSStyleSheet\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\r\n  return `data:${mimeType};base64,${window.btoa(text)}`\r\n}\r\n",
+    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\nimport { resolveGroup } from \"../resolveGroup.js\"\n\nexport const scanBrowserRuntimeFeatures = async ({\n  coverageHandledFromOutside = false,\n  failFastOnFeatureDetection = false,\n} = {}) => {\n  const {\n    outDirectoryRelativeUrl,\n    inlineImportMapIntoHTML,\n    customCompilerPatterns,\n    compileServerGroupMap,\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\n\n  const browser = detectBrowser()\n  const compileId = computeCompileIdFromGroupId({\n    groupId: resolveGroup(browser, compileServerGroupMap),\n    groupMap: compileServerGroupMap,\n  })\n  const groupInfo = compileServerGroupMap[compileId]\n\n  const featuresReport = {\n    importmap: undefined,\n    dynamicImport: undefined,\n    topLevelAwait: undefined,\n    jsonImportAssertions: undefined,\n    cssImportAssertions: undefined,\n    newStylesheet: undefined,\n  }\n  await detectSupportedFeatures({\n    featuresReport,\n    failFastOnFeatureDetection,\n    inlineImportMapIntoHTML,\n  })\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\n    groupInfo,\n    {\n      featuresReport,\n      coverageHandledFromOutside,\n    },\n  )\n\n  const canAvoidCompilation =\n    customCompilerPatterns.length === 0 &&\n    pluginRequiredNameArray.length === 0 &&\n    featuresReport.importmap &&\n    featuresReport.dynamicImport &&\n    featuresReport.topLevelAwait\n\n  return {\n    canAvoidCompilation,\n    featuresReport,\n    customCompilerPatterns,\n    pluginRequiredNameArray,\n    inlineImportMapIntoHTML,\n    outDirectoryRelativeUrl,\n    compileId,\n    browser,\n  }\n}\n\nconst detectSupportedFeatures = async ({\n  featuresReport,\n  failFastOnFeatureDetection,\n  inlineImportMapIntoHTML,\n}) => {\n  // start testing importmap support first and not in paralell\n  // so that there is not module script loaded beore importmap is injected\n  // it would log an error in chrome console and return undefined\n  const importmap = await supportsImportmap({\n    // chrome supports inline but not remote importmap\n    // https://github.com/WICG/import-maps/issues/235\n\n    // at this stage we won't know if the html file will use\n    // an importmap or not and if that importmap is inline or specified with an src\n    // so we should test if browser support local and remote importmap.\n    // But there exploring server can inline importmap by transforming html\n    // and in that case we can test only the local importmap support\n    // so we test importmap support and the remote one\n    remote: !inlineImportMapIntoHTML,\n  })\n  featuresReport.importmap = importmap\n  if (!importmap && failFastOnFeatureDetection) {\n    return\n  }\n\n  const dynamicImport = await supportsDynamicImport()\n  featuresReport.dynamicImport = dynamicImport\n  if (!dynamicImport && failFastOnFeatureDetection) {\n    return\n  }\n\n  const topLevelAwait = await supportsTopLevelAwait()\n  featuresReport.topLevelAwait = topLevelAwait\n  if (!topLevelAwait && failFastOnFeatureDetection) {\n    return\n  }\n}\n\nconst pluginRequiredNamesFromGroupInfo = async (\n  groupInfo,\n  { featuresReport, coverageHandledFromOutside },\n) => {\n  const { pluginRequiredNameArray } = groupInfo\n  const requiredPluginNames = pluginRequiredNameArray.slice()\n  const markPluginAsSupported = (name) => {\n    const index = requiredPluginNames.indexOf(name)\n    if (index > -1) {\n      requiredPluginNames.splice(index, 1)\n    }\n  }\n\n  // When instrumentation CAN be handed by playwright\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\n  if (coverageHandledFromOutside) {\n    markPluginAsSupported(\"transform-instrument\")\n  }\n\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\n    const jsonImportAssertions = await supportsJsonImportAssertions()\n    featuresReport.jsonImportAssertions = jsonImportAssertions\n\n    const cssImportAssertions = await supportsCssImportAssertions()\n    featuresReport.cssImportAssertions = cssImportAssertions\n\n    if (jsonImportAssertions && cssImportAssertions) {\n      markPluginAsSupported(\"transform-import-assertions\")\n    }\n  }\n\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\n    const newStylesheet = supportsNewStylesheet()\n    featuresReport.newStylesheet = newStylesheet\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\n  }\n\n  return requiredPluginNames\n}\n\nconst supportsNewStylesheet = () => {\n  try {\n    // eslint-disable-next-line no-new\n    new CSSStyleSheet()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsImportmap = async ({ remote = true } = {}) => {\n  const specifier = asBase64Url(`export default false`)\n\n  const importMap = {\n    imports: {\n      [specifier]: asBase64Url(`export default true`),\n    },\n  }\n\n  const importmapScript = document.createElement(\"script\")\n  const importmapString = JSON.stringify(importMap, null, \"  \")\n  importmapScript.type = \"importmap\"\n  if (remote) {\n    importmapScript.src = `data:application/json;base64,${window.btoa(\n      importmapString,\n    )}`\n  } else {\n    importmapScript.textContent = importmapString\n  }\n\n  document.body.appendChild(importmapScript)\n\n  const scriptModule = document.createElement(\"script\")\n  scriptModule.type = \"module\"\n  scriptModule.src = asBase64Url(\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\n  )\n\n  return new Promise((resolve, reject) => {\n    scriptModule.onload = () => {\n      const supported = window.__importmap_supported\n      delete window.__importmap_supported\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      resolve(supported)\n    }\n    scriptModule.onerror = () => {\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      reject()\n    }\n    document.body.appendChild(scriptModule)\n  })\n}\n\nconst supportsDynamicImport = async () => {\n  const moduleSource = asBase64Url(`export default 42`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsTopLevelAwait = async () => {\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsJsonImportAssertions = async () => {\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsCssImportAssertions = async () => {\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default instanceof CSSStyleSheet\n  } catch (e) {\n    return false\n  }\n}\n\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\n  return `data:${mimeType};base64,${window.btoa(text)}`\n}\n",
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nimport { fetchJson } from \"../browser-utils/fetchJson.js\"\n\nexport const fetchExploringJson = async ({ signal } = {}) => {\n  try {\n    const exploringInfo = await fetchJson(\"/.jsenv/exploring.json\", {\n      signal,\n    })\n    return exploringInfo\n  } catch (e) {\n    if (signal && signal.aborted && e.name === \"AbortError\") {\n      throw e\n    }\n    throw new Error(\n      createDetailedMessage(\n        `Cannot communicate with exploring server due to a network error`,\n        {\n          [\"error stack\"]: e.stack,\n        },\n      ),\n    )\n  }\n}\n",
     "import { scanBrowserRuntimeFeatures } from \"../runtime/createBrowserRuntime/scanBrowserRuntimeFeatures.js\"\nimport { fetchExploringJson } from \"./fetchExploringJson.js\"\n\nconst redirect = async () => {\n  const [browserRuntimeFeaturesReport, { exploringHtmlFileRelativeUrl }] =\n    await Promise.all([\n      scanBrowserRuntimeFeatures({\n        failFastOnFeatureDetection: true,\n      }),\n      fetchExploringJson(),\n    ])\n\n  if (browserRuntimeFeaturesReport.canAvoidCompilation) {\n    window.location.href = `/${exploringHtmlFileRelativeUrl}`\n    return\n  }\n\n  const { outDirectoryRelativeUrl, compileId } = browserRuntimeFeaturesReport\n  window.location.href = `/${outDirectoryRelativeUrl}${compileId}/${exploringHtmlFileRelativeUrl}`\n}\n\nredirect()\n"
   ],

package/dist/jsenv_toolbar.js.map CHANGED Viewed

@@ -61,12 +61,12 @@
     "export const getCommonPathname = (pathname, otherPathname) => {\n  const firstDifferentCharacterIndex = findFirstDifferentCharacterIndex(\n    pathname,\n    otherPathname,\n  )\n\n  // pathname and otherpathname are exactly the same\n  if (firstDifferentCharacterIndex === -1) {\n    return pathname\n  }\n\n  const commonString = pathname.slice(0, firstDifferentCharacterIndex + 1)\n\n  // the first different char is at firstDifferentCharacterIndex\n  if (pathname.charAt(firstDifferentCharacterIndex) === \"/\") {\n    return commonString\n  }\n\n  if (otherPathname.charAt(firstDifferentCharacterIndex) === \"/\") {\n    return commonString\n  }\n\n  const firstDifferentSlashIndex = commonString.lastIndexOf(\"/\")\n  return pathname.slice(0, firstDifferentSlashIndex + 1)\n}\n\nconst findFirstDifferentCharacterIndex = (string, otherString) => {\n  const maxCommonLength = Math.min(string.length, otherString.length)\n  let i = 0\n  while (i < maxCommonLength) {\n    const char = string.charAt(i)\n    const otherChar = otherString.charAt(i)\n    if (char !== otherChar) {\n      return i\n    }\n    i++\n  }\n  if (string.length === otherString.length) {\n    return -1\n  }\n  // they differ at maxCommonLength\n  return maxCommonLength\n}\n",
     "export const pathnameToParentPathname = (pathname) => {\n  const slashLastIndex = pathname.lastIndexOf(\"/\")\n  if (slashLastIndex === -1) {\n    return \"/\"\n  }\n\n  return pathname.slice(0, slashLastIndex + 1)\n}\n",
     "import { getCommonPathname } from \"./internal/getCommonPathname.js\"\nimport { pathnameToParentPathname } from \"./internal/pathnameToParentPathname.js\"\n\nexport const urlToRelativeUrl = (url, baseUrl) => {\n  const urlObject = new URL(url)\n  const baseUrlObject = new URL(baseUrl)\n\n  if (urlObject.protocol !== baseUrlObject.protocol) {\n    const urlAsString = String(url)\n    return urlAsString\n  }\n\n  if (\n    urlObject.username !== baseUrlObject.username ||\n    urlObject.password !== baseUrlObject.password ||\n    urlObject.host !== baseUrlObject.host\n  ) {\n    const afterUrlScheme = String(url).slice(urlObject.protocol.length)\n    return afterUrlScheme\n  }\n\n  const { pathname, hash, search } = urlObject\n  if (pathname === \"/\") {\n    const baseUrlRessourceWithoutLeadingSlash = baseUrlObject.pathname.slice(1)\n    return baseUrlRessourceWithoutLeadingSlash\n  }\n\n  const basePathname = baseUrlObject.pathname\n  const commonPathname = getCommonPathname(pathname, basePathname)\n  if (!commonPathname) {\n    const urlAsString = String(url)\n    return urlAsString\n  }\n\n  const specificPathname = pathname.slice(commonPathname.length)\n  const baseSpecificPathname = basePathname.slice(commonPathname.length)\n  if (baseSpecificPathname.includes(\"/\")) {\n    const baseSpecificParentPathname =\n      pathnameToParentPathname(baseSpecificPathname)\n    const relativeDirectoriesNotation = baseSpecificParentPathname.replace(\n      /.*?\\//g,\n      \"../\",\n    )\n    const relativeUrl = `${relativeDirectoriesNotation}${specificPathname}${search}${hash}`\n    return relativeUrl\n  }\n\n  const relativeUrl = `${specificPathname}${search}${hash}`\n  return relativeUrl\n}\n",
-    "export default (obj, key, value) => {\r\n  // Shortcircuit the slow defineProperty path when possible.\r\n  // We are trying to avoid issues where setters defined on the\r\n  // prototype cause side effects under the fast path of simple\r\n  // assignment. By checking for existence of the property with\r\n  // the in operator, we can optimize most of this overhead away.\r\n  if (key in obj) {\r\n    Object.defineProperty(obj, key, {\r\n      value,\r\n      enumerable: true,\r\n      configurable: true,\r\n      writable: true,\r\n    })\r\n  } else {\r\n    obj[key] = value\r\n  }\r\n  return obj\r\n}\r\n",
+    "export default (obj, key, value) => {\n  // Shortcircuit the slow defineProperty path when possible.\n  // We are trying to avoid issues where setters defined on the\n  // prototype cause side effects under the fast path of simple\n  // assignment. By checking for existence of the property with\n  // the in operator, we can optimize most of this overhead away.\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value,\n      enumerable: true,\n      configurable: true,\n      writable: true,\n    })\n  } else {\n    obj[key] = value\n  }\n  return obj\n}\n",
     "export const createDetailedMessage = (message, details = {}) => {\n  let string = `${message}`\n\n  Object.keys(details).forEach((key) => {\n    const value = details[key]\n    string += `\n--- ${key} ---\n${\n  Array.isArray(value)\n    ? value.join(`\n`)\n    : value\n}`\n  })\n\n  return string\n}\n",
-    "import defineProperty from \"../defineProperty/defineProperty.js\"\r\n\r\nfunction ownKeys(object, enumerableOnly) {\r\n  var keys = Object.keys(object)\r\n  if (Object.getOwnPropertySymbols) {\r\n    var symbols = Object.getOwnPropertySymbols(object)\r\n    if (enumerableOnly) {\r\n      symbols = symbols.filter(function (sym) {\r\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\r\n      })\r\n    }\r\n    keys.push.apply(keys, symbols)\r\n  }\r\n  return keys\r\n}\r\n\r\nexport default function _objectSpread2(target) {\r\n  for (var i = 1; i < arguments.length; i++) {\r\n    var source = arguments[i] != null ? arguments[i] : {}\r\n    if (i % 2) {\r\n      ownKeys(Object(source), true).forEach(function (key) {\r\n        defineProperty(target, key, source[key])\r\n      })\r\n    } else if (Object.getOwnPropertyDescriptors) {\r\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\r\n    } else {\r\n      ownKeys(Object(source)).forEach(function (key) {\r\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\r\n      })\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "export default (source, excluded) => {\r\n  if (source === null) return {}\r\n  var target = {}\r\n  var sourceKeys = Object.keys(source)\r\n  var key\r\n  var i\r\n  for (i = 0; i < sourceKeys.length; i++) {\r\n    key = sourceKeys[i]\r\n    if (excluded.indexOf(key) >= 0) continue\r\n    target[key] = source[key]\r\n  }\r\n  return target\r\n}\r\n",
-    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\r\n\r\nexport default (source, excluded) => {\r\n  if (source === null) return {}\r\n\r\n  var target = objectWithoutPropertiesLoose(source, excluded)\r\n  var key\r\n  var i\r\n  if (Object.getOwnPropertySymbols) {\r\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\r\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\r\n      key = sourceSymbolKeys[i]\r\n      if (excluded.indexOf(key) >= 0) continue\r\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\r\n      target[key] = source[key]\r\n    }\r\n  }\r\n  return target\r\n}\r\n",
-    "const nativeTypeOf = (obj) => typeof obj\r\n\r\nconst customTypeOf = (obj) => {\r\n  return obj &&\r\n    typeof Symbol === \"function\" &&\r\n    obj.constructor === Symbol &&\r\n    obj !== Symbol.prototype\r\n    ? \"symbol\"\r\n    : typeof obj\r\n}\r\n\r\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\r\n  ? nativeTypeOf\r\n  : customTypeOf\r\n",
+    "import defineProperty from \"../defineProperty/defineProperty.js\"\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object)\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object)\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable\n      })\n    }\n    keys.push.apply(keys, symbols)\n  }\n  return keys\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {}\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        defineProperty(target, key, source[key])\n      })\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))\n      })\n    }\n  }\n  return target\n}\n",
+    "export default (source, excluded) => {\n  if (source === null) return {}\n  var target = {}\n  var sourceKeys = Object.keys(source)\n  var key\n  var i\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i]\n    if (excluded.indexOf(key) >= 0) continue\n    target[key] = source[key]\n  }\n  return target\n}\n",
+    "import objectWithoutPropertiesLoose from \"../objectWithoutPropertiesLoose/objectWithoutPropertiesLoose.js\"\n\nexport default (source, excluded) => {\n  if (source === null) return {}\n\n  var target = objectWithoutPropertiesLoose(source, excluded)\n  var key\n  var i\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i]\n      if (excluded.indexOf(key) >= 0) continue\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue\n      target[key] = source[key]\n    }\n  }\n  return target\n}\n",
+    "const nativeTypeOf = (obj) => typeof obj\n\nconst customTypeOf = (obj) => {\n  return obj &&\n    typeof Symbol === \"function\" &&\n    obj.constructor === Symbol &&\n    obj !== Symbol.prototype\n    ? \"symbol\"\n    : typeof obj\n}\n\nexport default typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\"\n  ? nativeTypeOf\n  : customTypeOf\n",
     "import { createDetailedMessage } from \"@jsenv/logger\"\n\nexport const fetchUsingXHR = async (\n  url,\n  {\n    signal,\n    method = \"GET\",\n    credentials = \"same-origin\",\n    headers = {},\n    body = null,\n  } = {},\n) => {\n  const headersPromise = createPromiseAndHooks()\n  const bodyPromise = createPromiseAndHooks()\n\n  const xhr = new XMLHttpRequest()\n\n  const failure = (error) => {\n    // if it was already resolved, we must reject the body promise\n    if (headersPromise.settled) {\n      bodyPromise.reject(error)\n    } else {\n      headersPromise.reject(error)\n    }\n  }\n\n  const cleanup = () => {\n    xhr.ontimeout = null\n    xhr.onerror = null\n    xhr.onload = null\n    xhr.onreadystatechange = null\n  }\n\n  xhr.ontimeout = () => {\n    cleanup()\n    failure(new Error(`xhr request timeout on ${url}.`))\n  }\n\n  xhr.onerror = (error) => {\n    cleanup()\n    // unfortunately with have no clue why it fails\n    // might be cors for instance\n    failure(createRequestError(error, { url }))\n  }\n\n  xhr.onload = () => {\n    cleanup()\n    bodyPromise.resolve()\n  }\n\n  signal.addEventListener(\"abort\", () => {\n    xhr.abort()\n    const abortError = new Error(\"aborted\")\n    abortError.name = \"AbortError\"\n    failure(abortError)\n  })\n\n  xhr.onreadystatechange = () => {\n    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState\n    const { readyState } = xhr\n\n    if (readyState === 2) {\n      headersPromise.resolve()\n    } else if (readyState === 4) {\n      cleanup()\n      bodyPromise.resolve()\n    }\n  }\n\n  xhr.open(method, url, true)\n  Object.keys(headers).forEach((key) => {\n    xhr.setRequestHeader(key, headers[key])\n  })\n  xhr.withCredentials = computeWithCredentials({ credentials, url })\n  if (\"responseType\" in xhr && hasBlob) {\n    xhr.responseType = \"blob\"\n  }\n  xhr.send(body)\n\n  await headersPromise\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL\n  const responseUrl =\n    \"responseURL\" in xhr ? xhr.responseURL : headers[\"x-request-url\"]\n  let responseStatus = xhr.status\n  const responseStatusText = xhr.statusText\n  const responseHeaders = getHeadersFromXHR(xhr)\n\n  const readBody = async () => {\n    await bodyPromise\n\n    const { status } = xhr\n    // in Chrome on file:/// URLs, status is 0\n    if (status === 0) {\n      responseStatus = 200\n    }\n\n    const body = \"response\" in xhr ? xhr.response : xhr.responseText\n\n    return {\n      responseBody: body,\n      responseBodyType: detectBodyType(body),\n    }\n  }\n\n  const text = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return blobToText(responseBody)\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as text\")\n    }\n    if (responseBodyType === \"dataView\") {\n      return arrayBufferToText(responseBody.buffer)\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return arrayBufferToText(responseBody)\n    }\n    // if (responseBodyType === \"text\" || responseBodyType === 'searchParams') {\n    //   return body\n    // }\n    return String(responseBody)\n  }\n\n  const json = async () => {\n    const responseText = await text()\n    return JSON.parse(responseText)\n  }\n\n  const blob = async () => {\n    if (!hasBlob) {\n      throw new Error(`blob not supported`)\n    }\n\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"blob\") {\n      return responseBody\n    }\n    if (responseBodyType === \"dataView\") {\n      return new Blob([cloneBuffer(responseBody.buffer)])\n    }\n    if (responseBodyType === \"arrayBuffer\") {\n      return new Blob([cloneBuffer(responseBody)])\n    }\n    if (responseBodyType === \"formData\") {\n      throw new Error(\"could not read FormData body as blob\")\n    }\n    return new Blob([String(responseBody)])\n  }\n\n  const arrayBuffer = async () => {\n    const { responseBody, responseBodyType } = await readBody()\n\n    if (responseBodyType === \"arrayBuffer\") {\n      return cloneBuffer(responseBody)\n    }\n    const responseBlob = await blob()\n    return blobToArrayBuffer(responseBlob)\n  }\n\n  const formData = async () => {\n    if (!hasFormData) {\n      throw new Error(`formData not supported`)\n    }\n    const responseText = await text()\n    return textToFormData(responseText)\n  }\n\n  return {\n    url: responseUrl,\n    status: responseStatus,\n    statusText: responseStatusText,\n    headers: responseHeaders,\n    text,\n    json,\n    blob,\n    arrayBuffer,\n    formData,\n  }\n}\n\nconst canUseBlob = () => {\n  if (typeof window.FileReader !== \"function\") return false\n\n  if (typeof window.Blob !== \"function\") return false\n\n  try {\n    // eslint-disable-next-line no-new\n    new Blob()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst hasBlob = canUseBlob()\n\nconst hasFormData = typeof window.FormData === \"function\"\n\nconst hasArrayBuffer = typeof window.ArrayBuffer === \"function\"\n\nconst hasSearchParams = typeof window.URLSearchParams === \"function\"\n\nconst createRequestError = (error, { url }) => {\n  return new Error(\n    createDetailedMessage(`error during xhr request on ${url}.`, {\n      [\"error stack\"]: error.stack,\n    }),\n  )\n}\n\nconst createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = (value) => {\n      promise.settled = true\n      res(value)\n    }\n    reject = (value) => {\n      promise.settled = true\n      rej(value)\n    }\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch\nconst computeWithCredentials = ({ credentials, url }) => {\n  if (credentials === \"same-origin\") {\n    return originSameAsGlobalOrigin(url)\n  }\n  return credentials === \"include\"\n}\n\nconst originSameAsGlobalOrigin = (url) => {\n  // if we cannot read globalOrigin from window.location.origin, let's consider it's ok\n  if (typeof window !== \"object\") return true\n  if (typeof window.location !== \"object\") return true\n  const globalOrigin = window.location.origin\n  if (globalOrigin === \"null\") return true\n  return hrefToOrigin(url) === globalOrigin\n}\n\nconst detectBodyType = (body) => {\n  if (!body) {\n    return \"\"\n  }\n  if (typeof body === \"string\") {\n    return \"text\"\n  }\n  if (hasBlob && Blob.prototype.isPrototypeOf(body)) {\n    return \"blob\"\n  }\n  if (hasFormData && FormData.prototype.isPrototypeOf(body)) {\n    return \"formData\"\n  }\n  if (hasArrayBuffer) {\n    if (hasBlob && isDataView(body)) {\n      return `dataView`\n    }\n    if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {\n      return `arrayBuffer`\n    }\n  }\n  if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n    return \"searchParams\"\n  }\n  return \"\"\n}\n\n// https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example\nconst getHeadersFromXHR = (xhr) => {\n  const headerMap = {}\n\n  const headersString = xhr.getAllResponseHeaders()\n  if (headersString === \"\") return headerMap\n\n  const lines = headersString.trim().split(/[\\r\\n]+/)\n  lines.forEach((line) => {\n    const parts = line.split(\": \")\n    const name = parts.shift()\n    const value = parts.join(\": \")\n    headerMap[name.toLowerCase()] = value\n  })\n\n  return headerMap\n}\n\nconst hrefToOrigin = (href) => {\n  const scheme = hrefToScheme(href)\n\n  if (scheme === \"file\") {\n    return \"file://\"\n  }\n\n  if (scheme === \"http\" || scheme === \"https\") {\n    const secondProtocolSlashIndex = scheme.length + \"://\".length\n    const pathnameSlashIndex = href.indexOf(\"/\", secondProtocolSlashIndex)\n\n    if (pathnameSlashIndex === -1) return href\n    return href.slice(0, pathnameSlashIndex)\n  }\n\n  return href.slice(0, scheme.length + 1)\n}\n\nconst hrefToScheme = (href) => {\n  const colonIndex = href.indexOf(\":\")\n  if (colonIndex === -1) return \"\"\n  return href.slice(0, colonIndex)\n}\n\nconst isDataView = (obj) => {\n  return obj && DataView.prototype.isPrototypeOf(obj)\n}\n\nconst isArrayBufferView =\n  ArrayBuffer.isView ||\n  (() => {\n    const viewClasses = [\n      \"[object Int8Array]\",\n      \"[object Uint8Array]\",\n      \"[object Uint8ClampedArray]\",\n      \"[object Int16Array]\",\n      \"[object Uint16Array]\",\n      \"[object Int32Array]\",\n      \"[object Uint32Array]\",\n      \"[object Float32Array]\",\n      \"[object Float64Array]\",\n    ]\n\n    return (value) => {\n      return (\n        value && viewClasses.includes(Object.prototype.toString.call(value))\n      )\n    }\n  })()\n\nconst textToFormData = (text) => {\n  const form = new FormData()\n  text\n    .trim()\n    .split(\"&\")\n    .forEach(function (bytes) {\n      if (bytes) {\n        const split = bytes.split(\"=\")\n        const name = split.shift().replace(/\\+/g, \" \")\n        const value = split.join(\"=\").replace(/\\+/g, \" \")\n        form.append(decodeURIComponent(name), decodeURIComponent(value))\n      }\n    })\n  return form\n}\n\nconst blobToArrayBuffer = async (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsArrayBuffer(blob)\n  return promise\n}\n\nconst blobToText = (blob) => {\n  const reader = new FileReader()\n  const promise = fileReaderReady(reader)\n  reader.readAsText(blob)\n  return promise\n}\n\nconst arrayBufferToText = (arrayBuffer) => {\n  const view = new Uint8Array(arrayBuffer)\n  const chars = new Array(view.length)\n  let i = 0\n  while (i < view.length) {\n    chars[i] = String.fromCharCode(view[i])\n\n    i++\n  }\n  return chars.join(\"\")\n}\n\nconst fileReaderReady = (reader) => {\n  return new Promise(function (resolve, reject) {\n    reader.onload = function () {\n      resolve(reader.result)\n    }\n    reader.onerror = function () {\n      reject(reader.error)\n    }\n  })\n}\n\nconst cloneBuffer = (buffer) => {\n  if (buffer.slice) {\n    return buffer.slice(0)\n  }\n  const view = new Uint8Array(buffer.byteLength)\n  view.set(new Uint8Array(buffer))\n  return view.buffer\n}\n",
     "import { fetchUsingXHR } from \"./fetchUsingXHR.js\"\n\nconst fetchNative = async (url, { mode = \"cors\", ...options } = {}) => {\n  const response = await window.fetch(url, {\n    mode,\n    ...options,\n  })\n\n  return {\n    url: response.url,\n    status: response.status,\n    statusText: \"\",\n    headers: responseToHeaders(response),\n    text: () => response.text(),\n    json: () => response.json(),\n    blob: () => response.blob(),\n    arrayBuffer: () => response.arrayBuffer(),\n    formData: () => response.formData(),\n  }\n}\n\nconst responseToHeaders = (response) => {\n  const headers = {}\n  response.headers.forEach((value, name) => {\n    headers[name] = value\n  })\n  return headers\n}\n\nexport const fetchUrl =\n  typeof window.fetch === \"function\" &&\n  typeof window.AbortController === \"function\"\n    ? fetchNative\n    : fetchUsingXHR\n",
     "import { fetchUrl } from \"./fetch-browser.js\"\n\nexport const fetchJson = async (url, options = {}) => {\n  const response = await fetchUrl(url, options)\n  const object = await response.json()\n  return object\n}\n",
@@ -102,14 +102,14 @@
     "import { versionCompare } from \"./versionCompare.js\"\n\nexport const versionIsBelow = (versionSupposedBelow, versionSupposedAbove) => {\n  return versionCompare(versionSupposedBelow, versionSupposedAbove) < 0\n}\n",
     "import { versionIsBelow } from \"./versionIsBelow.js\"\n\nexport const findHighestVersion = (...values) => {\n  if (values.length === 0) throw new Error(`missing argument`)\n\n  return values.reduce((highestVersion, value) => {\n    if (versionIsBelow(highestVersion, value)) {\n      return value\n    }\n    return highestVersion\n  })\n}\n",
     "import { findHighestVersion } from \"../semantic-versioning/index.js\"\n\nexport const resolveGroup = ({ name, version }, groupMap) => {\n  return Object.keys(groupMap).find((compileIdCandidate) => {\n    const { minRuntimeVersions } = groupMap[compileIdCandidate]\n    const versionForGroup = minRuntimeVersions[name]\n    if (!versionForGroup) {\n      return false\n    }\n    const highestVersion = findHighestVersion(version, versionForGroup)\n    return highestVersion === version\n  })\n}\n",
-    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\r\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\r\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\r\nimport { resolveGroup } from \"../resolveGroup.js\"\r\n\r\nexport const scanBrowserRuntimeFeatures = async ({\r\n  coverageHandledFromOutside = false,\r\n  failFastOnFeatureDetection = false,\r\n} = {}) => {\r\n  const {\r\n    outDirectoryRelativeUrl,\r\n    inlineImportMapIntoHTML,\r\n    customCompilerPatterns,\r\n    compileServerGroupMap,\r\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\r\n\r\n  const browser = detectBrowser()\r\n  const compileId = computeCompileIdFromGroupId({\r\n    groupId: resolveGroup(browser, compileServerGroupMap),\r\n    groupMap: compileServerGroupMap,\r\n  })\r\n  const groupInfo = compileServerGroupMap[compileId]\r\n\r\n  const featuresReport = {\r\n    importmap: undefined,\r\n    dynamicImport: undefined,\r\n    topLevelAwait: undefined,\r\n    jsonImportAssertions: undefined,\r\n    cssImportAssertions: undefined,\r\n    newStylesheet: undefined,\r\n  }\r\n  await detectSupportedFeatures({\r\n    featuresReport,\r\n    failFastOnFeatureDetection,\r\n    inlineImportMapIntoHTML,\r\n  })\r\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\r\n    groupInfo,\r\n    {\r\n      featuresReport,\r\n      coverageHandledFromOutside,\r\n    },\r\n  )\r\n\r\n  const canAvoidCompilation =\r\n    customCompilerPatterns.length === 0 &&\r\n    pluginRequiredNameArray.length === 0 &&\r\n    featuresReport.importmap &&\r\n    featuresReport.dynamicImport &&\r\n    featuresReport.topLevelAwait\r\n\r\n  return {\r\n    canAvoidCompilation,\r\n    featuresReport,\r\n    customCompilerPatterns,\r\n    pluginRequiredNameArray,\r\n    inlineImportMapIntoHTML,\r\n    outDirectoryRelativeUrl,\r\n    compileId,\r\n    browser,\r\n  }\r\n}\r\n\r\nconst detectSupportedFeatures = async ({\r\n  featuresReport,\r\n  failFastOnFeatureDetection,\r\n  inlineImportMapIntoHTML,\r\n}) => {\r\n  // start testing importmap support first and not in paralell\r\n  // so that there is not module script loaded beore importmap is injected\r\n  // it would log an error in chrome console and return undefined\r\n  const importmap = await supportsImportmap({\r\n    // chrome supports inline but not remote importmap\r\n    // https://github.com/WICG/import-maps/issues/235\r\n\r\n    // at this stage we won't know if the html file will use\r\n    // an importmap or not and if that importmap is inline or specified with an src\r\n    // so we should test if browser support local and remote importmap.\r\n    // But there exploring server can inline importmap by transforming html\r\n    // and in that case we can test only the local importmap support\r\n    // so we test importmap support and the remote one\r\n    remote: !inlineImportMapIntoHTML,\r\n  })\r\n  featuresReport.importmap = importmap\r\n  if (!importmap && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const dynamicImport = await supportsDynamicImport()\r\n  featuresReport.dynamicImport = dynamicImport\r\n  if (!dynamicImport && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n\r\n  const topLevelAwait = await supportsTopLevelAwait()\r\n  featuresReport.topLevelAwait = topLevelAwait\r\n  if (!topLevelAwait && failFastOnFeatureDetection) {\r\n    return\r\n  }\r\n}\r\n\r\nconst pluginRequiredNamesFromGroupInfo = async (\r\n  groupInfo,\r\n  { featuresReport, coverageHandledFromOutside },\r\n) => {\r\n  const { pluginRequiredNameArray } = groupInfo\r\n  const requiredPluginNames = pluginRequiredNameArray.slice()\r\n  const markPluginAsSupported = (name) => {\r\n    const index = requiredPluginNames.indexOf(name)\r\n    if (index > -1) {\r\n      requiredPluginNames.splice(index, 1)\r\n    }\r\n  }\r\n\r\n  // When instrumentation CAN be handed by playwright\r\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\r\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\r\n  if (coverageHandledFromOutside) {\r\n    markPluginAsSupported(\"transform-instrument\")\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\r\n    const jsonImportAssertions = await supportsJsonImportAssertions()\r\n    featuresReport.jsonImportAssertions = jsonImportAssertions\r\n\r\n    const cssImportAssertions = await supportsCssImportAssertions()\r\n    featuresReport.cssImportAssertions = cssImportAssertions\r\n\r\n    if (jsonImportAssertions && cssImportAssertions) {\r\n      markPluginAsSupported(\"transform-import-assertions\")\r\n    }\r\n  }\r\n\r\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\r\n    const newStylesheet = supportsNewStylesheet()\r\n    featuresReport.newStylesheet = newStylesheet\r\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\r\n  }\r\n\r\n  return requiredPluginNames\r\n}\r\n\r\nconst supportsNewStylesheet = () => {\r\n  try {\r\n    // eslint-disable-next-line no-new\r\n    new CSSStyleSheet()\r\n    return true\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsImportmap = async ({ remote = true } = {}) => {\r\n  const specifier = asBase64Url(`export default false`)\r\n\r\n  const importMap = {\r\n    imports: {\r\n      [specifier]: asBase64Url(`export default true`),\r\n    },\r\n  }\r\n\r\n  const importmapScript = document.createElement(\"script\")\r\n  const importmapString = JSON.stringify(importMap, null, \"  \")\r\n  importmapScript.type = \"importmap\"\r\n  if (remote) {\r\n    importmapScript.src = `data:application/json;base64,${window.btoa(\r\n      importmapString,\r\n    )}`\r\n  } else {\r\n    importmapScript.textContent = importmapString\r\n  }\r\n\r\n  document.body.appendChild(importmapScript)\r\n\r\n  const scriptModule = document.createElement(\"script\")\r\n  scriptModule.type = \"module\"\r\n  scriptModule.src = asBase64Url(\r\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\r\n  )\r\n\r\n  return new Promise((resolve, reject) => {\r\n    scriptModule.onload = () => {\r\n      const supported = window.__importmap_supported\r\n      delete window.__importmap_supported\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      resolve(supported)\r\n    }\r\n    scriptModule.onerror = () => {\r\n      document.body.removeChild(scriptModule)\r\n      document.body.removeChild(importmapScript)\r\n      reject()\r\n    }\r\n    document.body.appendChild(scriptModule)\r\n  })\r\n}\r\n\r\nconst supportsDynamicImport = async () => {\r\n  const moduleSource = asBase64Url(`export default 42`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsTopLevelAwait = async () => {\r\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsJsonImportAssertions = async () => {\r\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default === 42\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst supportsCssImportAssertions = async () => {\r\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\r\n  const moduleSource = asBase64Url(\r\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\r\n  )\r\n  try {\r\n    const namespace = await import(moduleSource)\r\n    return namespace.default instanceof CSSStyleSheet\r\n  } catch (e) {\r\n    return false\r\n  }\r\n}\r\n\r\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\r\n  return `data:${mimeType};base64,${window.btoa(text)}`\r\n}\r\n",
+    "import { fetchJson } from \"../../browser-utils/fetchJson.js\"\nimport { computeCompileIdFromGroupId } from \"../computeCompileIdFromGroupId.js\"\nimport { detectBrowser } from \"../detectBrowser/detectBrowser.js\"\nimport { resolveGroup } from \"../resolveGroup.js\"\n\nexport const scanBrowserRuntimeFeatures = async ({\n  coverageHandledFromOutside = false,\n  failFastOnFeatureDetection = false,\n} = {}) => {\n  const {\n    outDirectoryRelativeUrl,\n    inlineImportMapIntoHTML,\n    customCompilerPatterns,\n    compileServerGroupMap,\n  } = await fetchJson(\"/.jsenv/__compile_server_meta__.json\")\n\n  const browser = detectBrowser()\n  const compileId = computeCompileIdFromGroupId({\n    groupId: resolveGroup(browser, compileServerGroupMap),\n    groupMap: compileServerGroupMap,\n  })\n  const groupInfo = compileServerGroupMap[compileId]\n\n  const featuresReport = {\n    importmap: undefined,\n    dynamicImport: undefined,\n    topLevelAwait: undefined,\n    jsonImportAssertions: undefined,\n    cssImportAssertions: undefined,\n    newStylesheet: undefined,\n  }\n  await detectSupportedFeatures({\n    featuresReport,\n    failFastOnFeatureDetection,\n    inlineImportMapIntoHTML,\n  })\n  const pluginRequiredNameArray = await pluginRequiredNamesFromGroupInfo(\n    groupInfo,\n    {\n      featuresReport,\n      coverageHandledFromOutside,\n    },\n  )\n\n  const canAvoidCompilation =\n    customCompilerPatterns.length === 0 &&\n    pluginRequiredNameArray.length === 0 &&\n    featuresReport.importmap &&\n    featuresReport.dynamicImport &&\n    featuresReport.topLevelAwait\n\n  return {\n    canAvoidCompilation,\n    featuresReport,\n    customCompilerPatterns,\n    pluginRequiredNameArray,\n    inlineImportMapIntoHTML,\n    outDirectoryRelativeUrl,\n    compileId,\n    browser,\n  }\n}\n\nconst detectSupportedFeatures = async ({\n  featuresReport,\n  failFastOnFeatureDetection,\n  inlineImportMapIntoHTML,\n}) => {\n  // start testing importmap support first and not in paralell\n  // so that there is not module script loaded beore importmap is injected\n  // it would log an error in chrome console and return undefined\n  const importmap = await supportsImportmap({\n    // chrome supports inline but not remote importmap\n    // https://github.com/WICG/import-maps/issues/235\n\n    // at this stage we won't know if the html file will use\n    // an importmap or not and if that importmap is inline or specified with an src\n    // so we should test if browser support local and remote importmap.\n    // But there exploring server can inline importmap by transforming html\n    // and in that case we can test only the local importmap support\n    // so we test importmap support and the remote one\n    remote: !inlineImportMapIntoHTML,\n  })\n  featuresReport.importmap = importmap\n  if (!importmap && failFastOnFeatureDetection) {\n    return\n  }\n\n  const dynamicImport = await supportsDynamicImport()\n  featuresReport.dynamicImport = dynamicImport\n  if (!dynamicImport && failFastOnFeatureDetection) {\n    return\n  }\n\n  const topLevelAwait = await supportsTopLevelAwait()\n  featuresReport.topLevelAwait = topLevelAwait\n  if (!topLevelAwait && failFastOnFeatureDetection) {\n    return\n  }\n}\n\nconst pluginRequiredNamesFromGroupInfo = async (\n  groupInfo,\n  { featuresReport, coverageHandledFromOutside },\n) => {\n  const { pluginRequiredNameArray } = groupInfo\n  const requiredPluginNames = pluginRequiredNameArray.slice()\n  const markPluginAsSupported = (name) => {\n    const index = requiredPluginNames.indexOf(name)\n    if (index > -1) {\n      requiredPluginNames.splice(index, 1)\n    }\n  }\n\n  // When instrumentation CAN be handed by playwright\n  // https://playwright.dev/docs/api/class-chromiumcoverage#chromiumcoveragestartjscoverageoptions\n  // coverageHandledFromOutside is true and \"transform-instrument\" becomes non mandatory\n  if (coverageHandledFromOutside) {\n    markPluginAsSupported(\"transform-instrument\")\n  }\n\n  if (pluginRequiredNameArray.includes(\"transform-import-assertions\")) {\n    const jsonImportAssertions = await supportsJsonImportAssertions()\n    featuresReport.jsonImportAssertions = jsonImportAssertions\n\n    const cssImportAssertions = await supportsCssImportAssertions()\n    featuresReport.cssImportAssertions = cssImportAssertions\n\n    if (jsonImportAssertions && cssImportAssertions) {\n      markPluginAsSupported(\"transform-import-assertions\")\n    }\n  }\n\n  if (pluginRequiredNameArray.includes(\"new-stylesheet-as-jsenv-import\")) {\n    const newStylesheet = supportsNewStylesheet()\n    featuresReport.newStylesheet = newStylesheet\n    markPluginAsSupported(\"new-stylesheet-as-jsenv-import\")\n  }\n\n  return requiredPluginNames\n}\n\nconst supportsNewStylesheet = () => {\n  try {\n    // eslint-disable-next-line no-new\n    new CSSStyleSheet()\n    return true\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsImportmap = async ({ remote = true } = {}) => {\n  const specifier = asBase64Url(`export default false`)\n\n  const importMap = {\n    imports: {\n      [specifier]: asBase64Url(`export default true`),\n    },\n  }\n\n  const importmapScript = document.createElement(\"script\")\n  const importmapString = JSON.stringify(importMap, null, \"  \")\n  importmapScript.type = \"importmap\"\n  if (remote) {\n    importmapScript.src = `data:application/json;base64,${window.btoa(\n      importmapString,\n    )}`\n  } else {\n    importmapScript.textContent = importmapString\n  }\n\n  document.body.appendChild(importmapScript)\n\n  const scriptModule = document.createElement(\"script\")\n  scriptModule.type = \"module\"\n  scriptModule.src = asBase64Url(\n    `import supported from \"${specifier}\"; window.__importmap_supported = supported`,\n  )\n\n  return new Promise((resolve, reject) => {\n    scriptModule.onload = () => {\n      const supported = window.__importmap_supported\n      delete window.__importmap_supported\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      resolve(supported)\n    }\n    scriptModule.onerror = () => {\n      document.body.removeChild(scriptModule)\n      document.body.removeChild(importmapScript)\n      reject()\n    }\n    document.body.appendChild(scriptModule)\n  })\n}\n\nconst supportsDynamicImport = async () => {\n  const moduleSource = asBase64Url(`export default 42`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsTopLevelAwait = async () => {\n  const moduleSource = asBase64Url(`export default await Promise.resolve(42)`)\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsJsonImportAssertions = async () => {\n  const jsonBase64Url = asBase64Url(\"42\", \"application/json\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${jsonBase64Url}\" assert { type: \"json\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default === 42\n  } catch (e) {\n    return false\n  }\n}\n\nconst supportsCssImportAssertions = async () => {\n  const cssBase64Url = asBase64Url(\"p { color: red; }\", \"text/css\")\n  const moduleSource = asBase64Url(\n    `export { default } from \"${cssBase64Url}\" assert { type: \"css\" }`,\n  )\n  try {\n    const namespace = await import(moduleSource)\n    return namespace.default instanceof CSSStyleSheet\n  } catch (e) {\n    return false\n  }\n}\n\nconst asBase64Url = (text, mimeType = \"application/javascript\") => {\n  return `data:${mimeType};base64,${window.btoa(text)}`\n}\n",
     "import { scanBrowserRuntimeFeatures } from \"../../runtime/createBrowserRuntime/scanBrowserRuntimeFeatures.js\"\nimport { removeForceHideElement } from \"../util/dom.js\"\nimport { enableVariant } from \"../variant/variant.js\"\n\nexport const renderCompilationInToolbar = ({ compileGroup }) => {\n  const browserSupportRootNode = document.querySelector(\"#browser_support\")\n  const filesCompilationRootNode = document.querySelector(\"#files_compilation\")\n\n  removeForceHideElement(browserSupportRootNode)\n  removeForceHideElement(filesCompilationRootNode)\n\n  scanBrowserRuntimeFeatures().then(\n    ({\n      canAvoidCompilation,\n      featuresReport,\n      customCompilerPatterns,\n      pluginRequiredNameArray,\n      inlineImportMapIntoHTML,\n      outDirectoryRelativeUrl,\n      compileId,\n    }) => {\n      const browserSupport = canAvoidCompilation\n        ? inlineImportMapIntoHTML\n          ? \"partial\"\n          : \"full\"\n        : \"no\"\n      enableVariant(browserSupportRootNode, {\n        browserSupport,\n      })\n      if (browserSupport === \"no\") {\n        browserSupportRootNode.querySelector(\n          `a.browser_support_read_more_link`,\n        ).onclick = () => {\n          // eslint-disable-next-line no-alert\n          window.alert(\n            `Source files needs to be compiled to be executable in this browser because: ${getBrowserSupportMessage(\n              {\n                missingOnly: true,\n                featuresReport,\n                customCompilerPatterns,\n                pluginRequiredNameArray,\n                inlineImportMapIntoHTML,\n              },\n            )}`,\n          )\n        }\n      } else if (browserSupport === \"partial\") {\n        browserSupportRootNode.querySelector(\n          `a.browser_support_read_more_link`,\n        ).onclick = () => {\n          // eslint-disable-next-line no-alert\n          window.alert(\n            `Source files (except html) can be executed directly in this browser because: ${getBrowserSupportMessage(\n              {\n                featuresReport,\n                customCompilerPatterns,\n                pluginRequiredNameArray,\n                inlineImportMapIntoHTML,\n              },\n            )}`,\n          )\n        }\n      } else if (browserSupport === \"full\") {\n        browserSupportRootNode.querySelector(\n          `a.browser_support_read_more_link`,\n        ).onclick = () => {\n          // eslint-disable-next-line no-alert\n          window.alert(\n            `Source files can be executed directly in this browser because: ${getBrowserSupportMessage(\n              {\n                featuresReport,\n                customCompilerPatterns,\n                pluginRequiredNameArray,\n                inlineImportMapIntoHTML,\n              },\n            )}`,\n          )\n        }\n      }\n\n      const filesCompilation = compileGroup.compileId\n        ? \"yes\"\n        : inlineImportMapIntoHTML\n        ? \"html_only\"\n        : \"no\"\n      enableVariant(filesCompilationRootNode, {\n        filesCompilation,\n        compiled: compileGroup.compileId ? \"yes\" : \"no\",\n      })\n      filesCompilationRootNode.querySelector(\"a.go_to_source_link\").onclick =\n        () => {\n          window.parent.location = `/${compileGroup.fileRelativeUrl}`\n        }\n      filesCompilationRootNode.querySelector(\"a.go_to_compiled_link\").onclick =\n        () => {\n          window.parent.location = `/${outDirectoryRelativeUrl}${compileId}/${compileGroup.fileRelativeUrl}`\n        }\n\n      const shouldCompile =\n        filesCompilation !== \"yes\" && browserSupport === \"no\"\n\n      if (shouldCompile) {\n        document\n          .querySelector(\".files_compilation_text\")\n          .setAttribute(\"data-warning\", \"\")\n        document\n          .querySelector(\".browser_support_text\")\n          .setAttribute(\"data-warning\", \"\")\n        document\n          .querySelector(\"#settings-button\")\n          .setAttribute(\"data-warning\", \"\")\n      } else {\n        document\n          .querySelector(\".files_compilation_text\")\n          .removeAttribute(\"data-warning\")\n        document\n          .querySelector(\".browser_support_text\")\n          .removeAttribute(\"data-warning\")\n        document\n          .querySelector(\"#settings-button\")\n          .removeAttribute(\"data-warning\")\n      }\n    },\n  )\n}\n\nconst getBrowserSupportMessage = ({\n  missingOnly,\n  featuresReport,\n  customCompilerPatterns,\n  pluginRequiredNameArray,\n  inlineImportMapIntoHTML,\n}) => {\n  const parts = []\n\n  const { importmapSupported } = featuresReport\n  if (importmapSupported) {\n    if (!missingOnly) {\n      if (inlineImportMapIntoHTML) {\n        parts.push(`importmaps are supported (only when inlined in html files)`)\n      } else {\n        parts.push(`importmaps are supported`)\n      }\n    }\n  } else {\n    parts.push(`importmaps are not supported`)\n  }\n\n  const { dynamicImportSupported } = featuresReport\n  if (dynamicImportSupported) {\n    if (!missingOnly) {\n      parts.push(`dynamic imports are supported`)\n    }\n  } else {\n    parts.push(`dynamic imports are not supported`)\n  }\n\n  const { topLevelAwaitSupported } = featuresReport\n  if (topLevelAwaitSupported) {\n    if (!missingOnly) {\n      parts.push(`top level await is supported`)\n    }\n  } else {\n    parts.push(`top level await is not supported`)\n  }\n\n  const pluginRequiredCount = pluginRequiredNameArray.length\n  if (pluginRequiredCount === 0) {\n    if (!missingOnly) {\n      parts.push(`all plugins are natively supported`)\n    }\n  } else {\n    parts.push(\n      `${pluginRequiredCount} plugins are mandatory: ${pluginRequiredNameArray}`,\n    )\n  }\n\n  const customCompilerCount = customCompilerPatterns.length\n  if (customCompilerCount === 0) {\n    // no need to talk about something unused\n  } else {\n    parts.push(\n      `${customCompilerCount} custom compilers enabled: ${customCompilerPatterns}`,\n    )\n  }\n\n  return `\n- ${parts.join(`\n- `)}`\n}\n",
     "export const createPromiseAndHooks = () => {\n  let resolve\n  let reject\n  const promise = new Promise((res, rej) => {\n    resolve = res\n    reject = rej\n  })\n  promise.resolve = resolve\n  promise.reject = reject\n  return promise\n}\n\nexport const moveElement = (element, from, to) => {\n  to.appendChild(element)\n}\n\nexport const replaceElement = (elementToReplace, otherElement) => {\n  elementToReplace.parentNode.replaceChild(otherElement, elementToReplace)\n}\n",
     "export const connectEventSource = (\n  eventSourceUrl,\n  events = {},\n  {\n    connecting = () => {},\n    connected = () => {},\n    cancelled = () => {},\n    failed = () => {},\n    retryMaxAttempt = Infinity,\n    retryAllocatedMs = Infinity,\n    lastEventId,\n  } = {},\n) => {\n  const { EventSource } = window\n  if (typeof EventSource !== \"function\") {\n    return () => {}\n  }\n\n  const eventSourceOrigin = new URL(eventSourceUrl).origin\n\n  // will be either abort, disconnect or a third function calling cancelled\n  // depending on connectionStatus\n  let cancelCurrentConnection = () => {}\n\n  const reconnect = () => {\n    attemptConnection(\n      lastEventId\n        ? addLastEventIdIntoUrlSearchParams(eventSourceUrl, lastEventId)\n        : eventSourceUrl,\n    )\n  }\n\n  const attemptConnection = (url) => {\n    const eventSource = new EventSource(url, {\n      withCredentials: true,\n    })\n\n    let connectionStatus = \"connecting\"\n    const abort = () => {\n      if (connectionStatus !== \"connecting\") {\n        console.warn(`abort ignored because connection is ${connectionStatus}`)\n        return\n      }\n      connectionStatus = \"aborted\"\n      eventSource.onerror = undefined\n      eventSource.close()\n      cancelled({ connect: reconnect })\n    }\n    cancelCurrentConnection = abort\n    connecting({ cancel: abort })\n\n    eventSource.onopen = () => {\n      connectionStatus = \"connected\"\n      const disconnect = () => {\n        if (connectionStatus !== \"connected\") {\n          console.warn(\n            `disconnect ignored because connection is ${connectionStatus}`,\n          )\n          return\n        }\n        connectionStatus = \"disconnected\"\n        eventSource.onerror = undefined\n        eventSource.close()\n        cancelled({ connect: reconnect })\n      }\n      cancelCurrentConnection = disconnect\n      connected({ cancel: disconnect })\n    }\n\n    let retryCount = 0\n    let firstRetryMs = Date.now()\n\n    eventSource.onerror = (errorEvent) => {\n      const considerFailed = () => {\n        connectionStatus = \"disconnected\"\n        failed({\n          cancel: () => {\n            if (connectionStatus !== \"failed\") {\n              console.warn(\n                `disable ignored because connection is ${connectionStatus}`,\n              )\n              return\n            }\n            connectionStatus = \"disabled\"\n            cancelled({ connect: reconnect })\n          },\n          connect: reconnect,\n        })\n      }\n\n      if (errorEvent.target.readyState === EventSource.CONNECTING) {\n        if (retryCount > retryMaxAttempt) {\n          console.info(`could not connect after ${retryMaxAttempt} attempt`)\n          eventSource.onerror = undefined\n          eventSource.close()\n          considerFailed()\n          return\n        }\n\n        if (retryCount === 0) {\n          firstRetryMs = Date.now()\n        } else {\n          const allRetryDuration = Date.now() - firstRetryMs\n          if (retryAllocatedMs && allRetryDuration > retryAllocatedMs) {\n            console.info(\n              `could not connect in less than ${retryAllocatedMs} ms`,\n            )\n            eventSource.onerror = undefined\n            eventSource.close()\n            considerFailed()\n            return\n          }\n        }\n\n        connectionStatus = \"connecting\"\n        retryCount++\n        connecting({ cancel: abort })\n        return\n      }\n\n      if (errorEvent.target.readyState === EventSource.CLOSED) {\n        considerFailed()\n        return\n      }\n    }\n    Object.keys(events).forEach((eventName) => {\n      eventSource.addEventListener(eventName, (e) => {\n        if (e.origin === eventSourceOrigin) {\n          if (e.lastEventId) {\n            lastEventId = e.lastEventId\n          }\n          events[eventName](e)\n        }\n      })\n    })\n    if (!events.hasOwnProperty(\"welcome\")) {\n      eventSource.addEventListener(\"welcome\", (e) => {\n        if (e.origin === eventSourceOrigin && e.lastEventId) {\n          lastEventId = e.lastEventId\n        }\n      })\n    }\n  }\n\n  attemptConnection(eventSourceUrl)\n  const disconnect = () => {\n    cancelCurrentConnection()\n  }\n\n  const removePageUnloadListener = listenPageUnload(() => {\n    disconnect()\n  })\n\n  return () => {\n    removePageUnloadListener()\n    disconnect()\n  }\n}\n\nconst addLastEventIdIntoUrlSearchParams = (url, lastEventId) => {\n  if (url.indexOf(\"?\") === -1) {\n    url += \"?\"\n  } else {\n    url += \"&\"\n  }\n  return `${url}last-event-id=${encodeURIComponent(lastEventId)}`\n}\n\n// const listenPageMightFreeze = (callback) => {\n//   const removePageHideListener = listenEvent(window, \"pagehide\", (pageHideEvent) => {\n//     if (pageHideEvent.persisted === true) {\n//       callback(pageHideEvent)\n//     }\n//   })\n//   return removePageHideListener\n// }\n\n// const listenPageFreeze = (callback) => {\n//   const removeFreezeListener = listenEvent(document, \"freeze\", (freezeEvent) => {\n//     callback(freezeEvent)\n//   })\n//   return removeFreezeListener\n// }\n\n// const listenPageIsRestored = (callback) => {\n//   const removeResumeListener = listenEvent(document, \"resume\", (resumeEvent) => {\n//     removePageshowListener()\n//     callback(resumeEvent)\n//   })\n//   const removePageshowListener = listenEvent(window, \"pageshow\", (pageshowEvent) => {\n//     if (pageshowEvent.persisted === true) {\n//       removePageshowListener()\n//       removeResumeListener()\n//       callback(pageshowEvent)\n//     }\n//   })\n//   return () => {\n//     removeResumeListener()\n//     removePageshowListener()\n//   }\n// }\n\nconst listenPageUnload = (callback) => {\n  const removePageHideListener = listenEvent(\n    window,\n    \"pagehide\",\n    (pageHideEvent) => {\n      if (pageHideEvent.persisted !== true) {\n        callback(pageHideEvent)\n      }\n    },\n  )\n  return removePageHideListener\n}\n\nconst listenEvent = (emitter, event, callback) => {\n  emitter.addEventListener(event, callback)\n  return () => {\n    emitter.removeEventListener(event, callback)\n  }\n}\n",
     "import { connectEventSource } from \"./connectEventSource.js\"\nimport { jsenvLogger } from \"../util/jsenvLogger.js\"\n\nexport const connectCompileServerEventSource = (\n  fileRelativeUrl,\n  {\n    onFileModified,\n    onFileRemoved,\n    onConnecting,\n    onConnectionCancelled,\n    onConnectionFailed,\n    onConnected,\n    lastEventId,\n  },\n) => {\n  const eventSourceUrl = `${window.origin}/${fileRelativeUrl}`\n\n  let cancel = () => {}\n\n  const connect = () => {\n    return new Promise((resolve) => {\n      cancel = connectEventSource(\n        eventSourceUrl,\n        {\n          \"file-modified\": ({ data }) => {\n            jsenvLogger.debug(`${data} modified`)\n            onFileModified(data)\n          },\n          \"file-removed\": ({ data }) => {\n            jsenvLogger.debug(`${data} removed`)\n            onFileRemoved(data)\n          },\n        },\n        {\n          connecting: ({ cancel }) => {\n            jsenvLogger.debug(`connecting to ${eventSourceUrl}`)\n            onConnecting({\n              cancel: () => {\n                cancel()\n              },\n            })\n          },\n          connected: ({ cancel }) => {\n            jsenvLogger.debug(`connected to ${eventSourceUrl}`)\n            resolve(true)\n            onConnected({\n              cancel: () => {\n                cancel()\n              },\n            })\n          },\n          cancelled: ({ connect }) => {\n            jsenvLogger.debug(`disconnected from ${eventSourceUrl}`)\n            resolve(false)\n            onConnectionCancelled({ connect })\n          },\n          failed: ({ connect }) => {\n            jsenvLogger.debug(`disconnected from ${eventSourceUrl}`)\n            resolve(false)\n            onConnectionFailed({ connect })\n          },\n          retryMaxAttempt: Infinity,\n          retryAllocatedMs: 20 * 1000,\n          lastEventId,\n        },\n      )\n    })\n  }\n\n  return {\n    connect,\n    disconnect: () => cancel(),\n  }\n}\n",
     "import { removeForceHideElement } from \"../util/dom.js\"\nimport { createPromiseAndHooks } from \"../util/util.js\"\nimport { createPreference } from \"../util/preferences.js\"\nimport { enableVariant } from \"../variant/variant.js\"\n\nimport {\n  toggleTooltip,\n  removeAutoShowTooltip,\n  autoShowTooltip,\n} from \"../tooltip/tooltip.js\"\nimport { connectCompileServerEventSource } from \"./connectCompileServerEventSource.js\"\n\nconst livereloadingPreference = createPreference(\"livereloading\")\nlet eventSourceState = \"default\"\nlet livereloadingAvailableOnServer = false\n\nexport const initToolbarEventSource = ({\n  executedFileRelativeUrl,\n  livereloading,\n}) => {\n  const getLivereloadCallback = (originalFileProjectRelativeUrl) => {\n    const callbacks = window.parent.__jsenv__.livereloadingCallbacks\n    return callbacks[originalFileProjectRelativeUrl]\n  }\n\n  removeForceHideElement(document.querySelector(\"#eventsource-indicator\"))\n  connectEventSource({ executedFileRelativeUrl, getLivereloadCallback })\n  livereloadingAvailableOnServer = livereloading\n  if (!livereloadingAvailableOnServer) {\n    disableLivereloadSetting()\n  }\n\n  const livereloadCheckbox = document.querySelector(\"#toggle-livereload\")\n  livereloadCheckbox.checked = shouldLivereload()\n  livereloadCheckbox.onchange = () => {\n    livereloadingPreference.set(livereloadCheckbox.checked)\n    updateEventSourceIndicator()\n  }\n  updateEventSourceIndicator()\n}\n\nconst shouldLivereload = () => {\n  return livereloadingAvailableOnServer && getLivereloadingPreference()\n}\n\nconst disableLivereloadSetting = () => {\n  document\n    .querySelector(\".settings-livereload\")\n    .setAttribute(\"data-disabled\", \"true\")\n  document\n    .querySelector(\".settings-livereload\")\n    .setAttribute(\"title\", `Livereload not available: disabled by server`)\n  document.querySelector(\"#toggle-livereload\").disabled = true\n}\n\nconst parentEventSource = window.parent.__jsenv_eventsource__()\nconst latestChangeMap = parentEventSource.latestChangeMap\nlet eventSourceHooks = {}\nlet eventSourceConnection\nlet connectionReadyPromise\n\nconst handleFileChange = ({ file, eventType, livereloadCallback }) => {\n  latestChangeMap[file] = eventType\n  updateEventSourceIndicator()\n\n  if (shouldLivereload()) {\n    if (livereloadCallback) {\n      livereloadCallback({\n        file,\n        latestChangeMap,\n        reloadPage,\n      })\n    } else if (\n      file.endsWith(\".css\") ||\n      file.endsWith(\".scss\") ||\n      file.endsWith(\".sass\")\n    ) {\n      reloadAllCss()\n      delete latestChangeMap[file]\n      updateEventSourceIndicator()\n    } else {\n      reloadPage()\n    }\n  }\n}\n\nconst reloadAllCss = () => {\n  const links = Array.from(window.parent.document.getElementsByTagName(\"link\"))\n  links.forEach((link) => {\n    if (link.rel === \"stylesheet\") {\n      const url = new URL(link.href)\n      url.searchParams.set(\"t\", Date.now())\n      link.href = String(url)\n    }\n  })\n}\n\nconst reloadPage = () => {\n  window.parent.location.reload(true)\n}\n\nconst reloadChanges = () => {\n  const fullReloadRequired = Object.keys(latestChangeMap).some(\n    (key) => !key.endsWith(\".css\"),\n  )\n  if (fullReloadRequired) {\n    reloadPage()\n    return\n  }\n  const cssReloadRequired = Object.keys(latestChangeMap).some((key) =>\n    key.endsWith(\".css\"),\n  )\n  if (cssReloadRequired) {\n    reloadAllCss()\n    Object.keys(latestChangeMap).forEach((key) => {\n      if (key.endsWith(\".css\")) {\n        delete latestChangeMap[key]\n      }\n      updateEventSourceIndicator()\n    })\n  }\n}\n\nconst connectEventSource = ({\n  executedFileRelativeUrl,\n  getLivereloadCallback,\n}) => {\n  updateEventSourceIndicator()\n  connectionReadyPromise = createPromiseAndHooks()\n\n  eventSourceConnection = connectCompileServerEventSource(\n    executedFileRelativeUrl,\n    {\n      onFileModified: (file) => {\n        handleFileChange({\n          file,\n          eventType: \"modified\",\n          livereloadCallback: getLivereloadCallback(file),\n        })\n      },\n      onFileRemoved: (file) => {\n        handleFileChange({\n          file,\n          eventType: \"removed\",\n          livereloadCallback: getLivereloadCallback(file),\n        })\n      },\n      onFileAdded: (file) => {\n        handleFileChange({\n          file,\n          eventType: \"added\",\n          livereloadCallback: getLivereloadCallback(file),\n        })\n      },\n      onConnecting: ({ cancel }) => {\n        eventSourceState = \"connecting\"\n        eventSourceHooks = { abort: cancel }\n        updateEventSourceIndicator()\n      },\n      onConnectionCancelled: ({ connect }) => {\n        eventSourceState = \"disabled\"\n        eventSourceHooks = { connect }\n        updateEventSourceIndicator()\n      },\n      onConnectionFailed: ({ connect }) => {\n        eventSourceState = \"failed\"\n        eventSourceHooks = { reconnect: connect }\n        updateEventSourceIndicator()\n      },\n      onConnected: ({ cancel }) => {\n        eventSourceState = \"connected\"\n        eventSourceHooks = { disconnect: cancel }\n        updateEventSourceIndicator()\n        connectionReadyPromise.resolve()\n        parentEventSource.disconnect()\n      },\n      lastEventId: parentEventSource.lastEventId,\n    },\n  )\n\n  eventSourceConnection.connect()\n}\n\nconst getLivereloadingPreference = () => {\n  return livereloadingPreference.has() ? livereloadingPreference.get() : true\n}\n\nexport const disconnectEventSource = () => {\n  if (eventSourceConnection) {\n    eventSourceConnection.disconnect()\n    eventSourceConnection = undefined\n  }\n}\n\nexport const waitEventSourceReady = () => connectionReadyPromise\n\nconst updateEventSourceIndicator = () => {\n  const { connect, abort, reconnect } = eventSourceHooks\n\n  const eventSourceIndicator = document.querySelector(\"#eventsource-indicator\")\n  const changeCount = Object.keys(latestChangeMap).length\n  enableVariant(eventSourceIndicator, {\n    eventsource: eventSourceState,\n    livereload: shouldLivereload() ? \"on\" : \"off\",\n    changes: changeCount > 0 ? \"yes\" : \"no\",\n  })\n\n  const variantNode = document.querySelector(\n    \"#eventsource-indicator > [data-when-active]\",\n  )\n  variantNode.querySelector(\"button\").onclick = () => {\n    toggleTooltip(eventSourceIndicator)\n  }\n\n  if (eventSourceState === \"disabled\") {\n    variantNode.querySelector(\"a\").onclick = connect\n  } else if (eventSourceState === \"connecting\") {\n    variantNode.querySelector(\"a\").onclick = abort\n  } else if (eventSourceState === \"connected\") {\n    removeAutoShowTooltip(eventSourceIndicator)\n    if (changeCount) {\n      const changeLink = variantNode.querySelector(\".eventsource-changes-link\")\n      changeLink.innerHTML = changeCount\n      changeLink.onclick = () => {\n        console.log(\n          JSON.stringify(latestChangeMap, null, \"  \"),\n          latestChangeMap,\n        )\n        // eslint-disable-next-line no-alert\n        window.parent.alert(JSON.stringify(latestChangeMap, null, \"  \"))\n      }\n      variantNode.querySelector(\".eventsource-reload-link\").onclick =\n        reloadChanges\n    }\n  } else if (eventSourceState === \"failed\") {\n    autoShowTooltip(eventSourceIndicator)\n    variantNode.querySelector(\"a\").onclick = reconnect\n  }\n}\n",
     "import {\n  forceHideElement,\n  removeForceHideElement,\n  deactivateToolbarSection,\n} from \"../util/dom.js\"\nimport { createHorizontalBreakpoint } from \"../util/responsive.js\"\nimport { hideTooltip } from \"../tooltip/tooltip.js\"\n\nconst WINDOW_SMALL_WIDTH = 420\n\nexport const makeToolbarResponsive = () => {\n  // apply responsive design on toolbar icons if needed + add listener on resize screen\n  // ideally we should listen breakpoint once, for now restore toolbar\n  const overflowMenuBreakpoint = createHorizontalBreakpoint(WINDOW_SMALL_WIDTH)\n  const handleOverflowMenuBreakpoint = () => {\n    responsiveToolbar(overflowMenuBreakpoint)\n  }\n  handleOverflowMenuBreakpoint()\n  overflowMenuBreakpoint.changed.listen(handleOverflowMenuBreakpoint)\n\n  // overflow menu\n  document.querySelector(\"#overflow-menu-button\").onclick = () =>\n    toggleOverflowMenu()\n}\n\nconst responsiveToolbar = (overflowMenuBreakpoint) => {\n  // close all tooltips in case opened\n  hideTooltip(document.querySelector(\"#eventsource-indicator\"))\n  hideTooltip(document.querySelector(\"#execution-indicator\"))\n  // close settings box in case opened\n  deactivateToolbarSection(document.querySelector(\"#settings\"))\n\n  if (overflowMenuBreakpoint.isBelow()) {\n    enableOverflow()\n  } else {\n    disableOverflow()\n  }\n}\n\nlet moves = []\n\nconst enableOverflow = () => {\n  // move elements from toolbar to overflow menu\n  const responsiveToolbarElements = document.querySelectorAll(\n    \"[data-responsive-toolbar-element]\",\n  )\n  const overflowMenu = document.querySelector(\"#overflow-menu\")\n\n  // keep a placeholder element to know where to move them back\n  moves = Array.from(responsiveToolbarElements).map((element) => {\n    const placeholder = document.createElement(\"div\")\n    placeholder.style.display = \"none\"\n    placeholder.setAttribute(\"data-placeholder\", \"\")\n    element.parentNode.replaceChild(placeholder, element)\n    overflowMenu.appendChild(element)\n    return { element, placeholder }\n  })\n\n  document\n    .querySelector(\"#toolbar\")\n    .setAttribute(\"data-overflow-menu-enabled\", \"\")\n  removeForceHideElement(document.querySelector(\"#overflow-menu-button\"))\n}\n\nconst disableOverflow = () => {\n  // close overflow menu in case it's open & unselect toggleOverflowMenu button in case it's selected\n  hideOverflowMenu()\n  deactivateToolbarSection(document.querySelector(\"#overflow-menu\"))\n  moves.forEach(({ element, placeholder }) => {\n    placeholder.parentNode.replaceChild(element, placeholder)\n  })\n  moves = []\n\n  document\n    .querySelector(\"#toolbar\")\n    .removeAttribute(\"data-overflow-menu-enabled\")\n  forceHideElement(document.querySelector(\"#overflow-menu-button\"))\n}\n\nconst toggleOverflowMenu = () => {\n  if (overflowMenuIsVisible()) {\n    hideOverflowMenu()\n  } else {\n    showOverflowMenu()\n  }\n}\n\nconst overflowMenuIsVisible = () => {\n  const toolbar = document.querySelector(\"#toolbar\")\n  return toolbar.hasAttribute(\"data-overflow-menu-visible\")\n}\n\nconst showOverflowMenu = () => {\n  const toolbar = document.querySelector(\"#toolbar\")\n  document.querySelector(\"#overflow-menu\").setAttribute(\"data-animate\", \"\")\n  toolbar.setAttribute(\"data-overflow-menu-visible\", \"\")\n}\n\nconst hideOverflowMenu = () => {\n  const toolbar = document.querySelector(\"#toolbar\")\n  toolbar.removeAttribute(\"data-overflow-menu-visible\")\n  document.querySelector(\"#overflow-menu\").removeAttribute(\"data-animate\")\n}\n",
-    "import { urlIsInsideOf } from \"@jsenv/filesystem/src/urlIsInsideOf.js\"\r\nimport { urlToRelativeUrl } from \"@jsenv/filesystem/src/urlToRelativeUrl.js\"\r\n\r\nimport { fetchExploringJson } from \"../exploring/fetchExploringJson.js\"\r\nimport { startJavaScriptAnimation } from \"../toolbar/util/animation.js\"\r\nimport \"./focus/toolbar.focus.js\"\r\nimport { renderBackToListInToolbar } from \"./backtolist/toolbar.backtolist.js\"\r\nimport {\r\n  getToolbarIframe,\r\n  deactivateToolbarSection,\r\n  setStyles,\r\n} from \"./util/dom.js\"\r\nimport { createPreference } from \"./util/preferences.js\"\r\nimport { hideTooltip, hideAllTooltip } from \"./tooltip/tooltip.js\"\r\nimport {\r\n  renderToolbarSettings,\r\n  hideSettings,\r\n} from \"./settings/toolbar.settings.js\"\r\nimport { renderToolbarNotification } from \"./notification/toolbar.notification.js\"\r\nimport { renderToolbarTheme } from \"./theme/toolbar.theme.js\"\r\nimport { renderToolbarAnimation } from \"./animation/toolbar.animation.js\"\r\nimport { renderExecutionInToolbar } from \"./execution/toolbar.execution.js\"\r\nimport { renderCompilationInToolbar } from \"./compilation/toolbar.compilation.js\"\r\nimport { initToolbarEventSource } from \"./eventsource/toolbar.eventsource.js\"\r\nimport { makeToolbarResponsive } from \"./responsive/toolbar.responsive.js\"\r\n\r\nconst toolbarVisibilityPreference = createPreference(\"toolbar\")\r\n\r\nconst renderToolbar = async () => {\r\n  const executedFileCompiledUrl = window.parent.location.href\r\n  const compileServerOrigin = window.parent.location.origin\r\n  // this should not block the whole toolbar rendering + interactivity\r\n  const exploringConfig = await fetchExploringJson()\r\n  const { outDirectoryRelativeUrl, livereloading } = exploringConfig\r\n  const compileGroup = getCompileGroup({\r\n    executedFileCompiledUrl,\r\n    outDirectoryRelativeUrl,\r\n    compileServerOrigin,\r\n  })\r\n  const executedFileRelativeUrl = compileGroup.fileRelativeUrl\r\n\r\n  const toolbarOverlay = document.querySelector(\"#toolbar-overlay\")\r\n  toolbarOverlay.onclick = () => {\r\n    hideAllTooltip()\r\n    hideSettings()\r\n  }\r\n\r\n  const toolbarElement = document.querySelector(\"#toolbar\")\r\n  exposeOnParentWindow({\r\n    toolbar: {\r\n      element: toolbarElement,\r\n      show: showToolbar,\r\n      hide: () => hideToolbar(),\r\n      toggle: toogleToolbar,\r\n    },\r\n  })\r\n\r\n  const toolbarVisible = toolbarVisibilityPreference.has()\r\n    ? toolbarVisibilityPreference.get()\r\n    : true\r\n\r\n  if (toolbarVisible) {\r\n    showToolbar({ animate: false })\r\n  } else {\r\n    hideToolbar({ animate: false })\r\n  }\r\n\r\n  renderBackToListInToolbar({\r\n    outDirectoryRelativeUrl,\r\n    exploringHtmlFileRelativeUrl: exploringConfig.exploringHtmlFileRelativeUrl,\r\n  })\r\n\r\n  renderToolbarNotification()\r\n  makeToolbarResponsive()\r\n  renderToolbarSettings()\r\n  renderToolbarAnimation()\r\n  renderToolbarTheme()\r\n  renderExecutionInToolbar({ executedFileRelativeUrl })\r\n  renderCompilationInToolbar({ compileGroup })\r\n  // this might become active but we need to detect this somehow\r\n  deactivateToolbarSection(document.querySelector(\"#file-list-link\"))\r\n  initToolbarEventSource({\r\n    executedFileRelativeUrl,\r\n    livereloading,\r\n  })\r\n\r\n  // if user click enter or space quickly while closing toolbar\r\n  // it will cancel the closing\r\n  // that's why I used toggleToolbar and not hideToolbar\r\n  document.querySelector(\"#button-close-toolbar\").onclick = () =>\r\n    toogleToolbar()\r\n}\r\n\r\nconst exposeOnParentWindow = (object) => {\r\n  let { __jsenv__ } = window.parent\r\n  if (!__jsenv__) {\r\n    __jsenv__ = {}\r\n    window.parent.__jsenv__ = {}\r\n  }\r\n\r\n  Object.assign(__jsenv__, object)\r\n}\r\n\r\nconst toogleToolbar = () => {\r\n  if (toolbarIsVisible()) {\r\n    hideToolbar()\r\n  } else {\r\n    showToolbar()\r\n  }\r\n}\r\n\r\nconst toolbarIsVisible = () =>\r\n  document.documentElement.hasAttribute(\"data-toolbar-visible\")\r\n\r\nlet hideToolbar = () => {\r\n  // toolbar hidden by default, nothing to do to hide it by default\r\n  sendEventToParent(\"toolbar-visibility-change\", false)\r\n}\r\n\r\n// (by the way it might be cool to have the toolbar auto show when)\r\n// it has something to say (being disconnected from livereload server)\r\nconst showToolbar = ({ animate = true } = {}) => {\r\n  toolbarVisibilityPreference.set(true)\r\n  if (animate) {\r\n    document.documentElement.setAttribute(\"data-toolbar-animation\", \"\")\r\n  } else {\r\n    document.documentElement.removeAttribute(\"data-toolbar-animation\")\r\n  }\r\n  document.documentElement.setAttribute(\"data-toolbar-visible\", \"\")\r\n\r\n  sendEventToParent(\"toolbar-visibility-change\", true)\r\n\r\n  const toolbarIframe = getToolbarIframe()\r\n  const toolbarIframeParent = toolbarIframe.parentNode\r\n  const parentWindow = window.parent\r\n  const parentDocumentElement =\r\n    parentWindow.document.compatMode === \"CSS1Compat\"\r\n      ? parentWindow.document.documentElement\r\n      : parentWindow.document.body\r\n\r\n  const scrollYMax =\r\n    parentDocumentElement.scrollHeight - parentWindow.innerHeight\r\n  const scrollY = parentDocumentElement.scrollTop\r\n  const scrollYRemaining = scrollYMax - scrollY\r\n\r\n  setStyles(toolbarIframeParent, {\r\n    \"transition-property\": \"padding-bottom\",\r\n    \"transition-duration\": \"300ms\",\r\n  })\r\n  // maybe we should use js animation here because we would not conflict with css\r\n  const restoreToolbarIframeParentStyles = setStyles(toolbarIframeParent, {\r\n    \"scroll-padding-bottom\": \"40px\", // same here we should add 40px\r\n    \"padding-bottom\": \"40px\", // if there is already one we should add 40px\r\n  })\r\n  const restoreToolbarIframeStyles = setStyles(toolbarIframe, {\r\n    height: \"40px\",\r\n    visibility: \"visible\",\r\n  })\r\n\r\n  if (scrollYRemaining < 40 && scrollYMax > 0) {\r\n    const scrollEnd = scrollY + 40\r\n    startJavaScriptAnimation({\r\n      duration: 300,\r\n      onProgress: ({ progress }) => {\r\n        const value = scrollY + (scrollEnd - scrollY) * progress\r\n        parentDocumentElement.scrollTop = value\r\n      },\r\n    })\r\n  }\r\n\r\n  hideToolbar = () => {\r\n    restoreToolbarIframeParentStyles()\r\n    restoreToolbarIframeStyles()\r\n\r\n    hideTooltip(document.querySelector(\"#eventsource-indicator\"))\r\n    hideTooltip(document.querySelector(\"#execution-indicator\"))\r\n    toolbarVisibilityPreference.set(false)\r\n    if (animate) {\r\n      document.documentElement.setAttribute(\"data-toolbar-animation\", \"\")\r\n    } else {\r\n      document.documentElement.removeAttribute(\"data-toolbar-animation\")\r\n    }\r\n    document.documentElement.removeAttribute(\"data-toolbar-visible\")\r\n    sendEventToParent(\"toolbar-visibility-change\", false)\r\n  }\r\n}\r\n\r\nconst getCompileGroup = ({\r\n  executedFileCompiledUrl,\r\n  outDirectoryRelativeUrl,\r\n  compileServerOrigin,\r\n}) => {\r\n  const outDirectoryServerUrl = String(\r\n    new URL(outDirectoryRelativeUrl, compileServerOrigin),\r\n  )\r\n  if (urlIsInsideOf(executedFileCompiledUrl, outDirectoryServerUrl)) {\r\n    const afterCompileDirectory = urlToRelativeUrl(\r\n      executedFileCompiledUrl,\r\n      outDirectoryServerUrl,\r\n    )\r\n    const slashIndex = afterCompileDirectory.indexOf(\"/\")\r\n    const fileRelativeUrl = afterCompileDirectory.slice(slashIndex + 1)\r\n    return {\r\n      fileRelativeUrl,\r\n      outDirectoryRelativeUrl,\r\n      compileId: afterCompileDirectory.slice(0, slashIndex),\r\n    }\r\n  }\r\n  return {\r\n    fileRelativeUrl: new URL(executedFileCompiledUrl).pathname.slice(1),\r\n    outDirectoryRelativeUrl,\r\n    compileId: null,\r\n  }\r\n}\r\n\r\nconst sendEventToParent = (type, value) => {\r\n  window.parent.postMessage(\r\n    {\r\n      jsenv: true,\r\n      type,\r\n      value,\r\n    },\r\n    \"*\",\r\n  )\r\n}\r\n\r\nwindow.renderToolbar = renderToolbar\r\n"
+    "import { urlIsInsideOf } from \"@jsenv/filesystem/src/urlIsInsideOf.js\"\nimport { urlToRelativeUrl } from \"@jsenv/filesystem/src/urlToRelativeUrl.js\"\n\nimport { fetchExploringJson } from \"../exploring/fetchExploringJson.js\"\nimport { startJavaScriptAnimation } from \"../toolbar/util/animation.js\"\nimport \"./focus/toolbar.focus.js\"\nimport { renderBackToListInToolbar } from \"./backtolist/toolbar.backtolist.js\"\nimport {\n  getToolbarIframe,\n  deactivateToolbarSection,\n  setStyles,\n} from \"./util/dom.js\"\nimport { createPreference } from \"./util/preferences.js\"\nimport { hideTooltip, hideAllTooltip } from \"./tooltip/tooltip.js\"\nimport {\n  renderToolbarSettings,\n  hideSettings,\n} from \"./settings/toolbar.settings.js\"\nimport { renderToolbarNotification } from \"./notification/toolbar.notification.js\"\nimport { renderToolbarTheme } from \"./theme/toolbar.theme.js\"\nimport { renderToolbarAnimation } from \"./animation/toolbar.animation.js\"\nimport { renderExecutionInToolbar } from \"./execution/toolbar.execution.js\"\nimport { renderCompilationInToolbar } from \"./compilation/toolbar.compilation.js\"\nimport { initToolbarEventSource } from \"./eventsource/toolbar.eventsource.js\"\nimport { makeToolbarResponsive } from \"./responsive/toolbar.responsive.js\"\n\nconst toolbarVisibilityPreference = createPreference(\"toolbar\")\n\nconst renderToolbar = async () => {\n  const executedFileCompiledUrl = window.parent.location.href\n  const compileServerOrigin = window.parent.location.origin\n  // this should not block the whole toolbar rendering + interactivity\n  const exploringConfig = await fetchExploringJson()\n  const { outDirectoryRelativeUrl, livereloading } = exploringConfig\n  const compileGroup = getCompileGroup({\n    executedFileCompiledUrl,\n    outDirectoryRelativeUrl,\n    compileServerOrigin,\n  })\n  const executedFileRelativeUrl = compileGroup.fileRelativeUrl\n\n  const toolbarOverlay = document.querySelector(\"#toolbar-overlay\")\n  toolbarOverlay.onclick = () => {\n    hideAllTooltip()\n    hideSettings()\n  }\n\n  const toolbarElement = document.querySelector(\"#toolbar\")\n  exposeOnParentWindow({\n    toolbar: {\n      element: toolbarElement,\n      show: showToolbar,\n      hide: () => hideToolbar(),\n      toggle: toogleToolbar,\n    },\n  })\n\n  const toolbarVisible = toolbarVisibilityPreference.has()\n    ? toolbarVisibilityPreference.get()\n    : true\n\n  if (toolbarVisible) {\n    showToolbar({ animate: false })\n  } else {\n    hideToolbar({ animate: false })\n  }\n\n  renderBackToListInToolbar({\n    outDirectoryRelativeUrl,\n    exploringHtmlFileRelativeUrl: exploringConfig.exploringHtmlFileRelativeUrl,\n  })\n\n  renderToolbarNotification()\n  makeToolbarResponsive()\n  renderToolbarSettings()\n  renderToolbarAnimation()\n  renderToolbarTheme()\n  renderExecutionInToolbar({ executedFileRelativeUrl })\n  renderCompilationInToolbar({ compileGroup })\n  // this might become active but we need to detect this somehow\n  deactivateToolbarSection(document.querySelector(\"#file-list-link\"))\n  initToolbarEventSource({\n    executedFileRelativeUrl,\n    livereloading,\n  })\n\n  // if user click enter or space quickly while closing toolbar\n  // it will cancel the closing\n  // that's why I used toggleToolbar and not hideToolbar\n  document.querySelector(\"#button-close-toolbar\").onclick = () =>\n    toogleToolbar()\n}\n\nconst exposeOnParentWindow = (object) => {\n  let { __jsenv__ } = window.parent\n  if (!__jsenv__) {\n    __jsenv__ = {}\n    window.parent.__jsenv__ = {}\n  }\n\n  Object.assign(__jsenv__, object)\n}\n\nconst toogleToolbar = () => {\n  if (toolbarIsVisible()) {\n    hideToolbar()\n  } else {\n    showToolbar()\n  }\n}\n\nconst toolbarIsVisible = () =>\n  document.documentElement.hasAttribute(\"data-toolbar-visible\")\n\nlet hideToolbar = () => {\n  // toolbar hidden by default, nothing to do to hide it by default\n  sendEventToParent(\"toolbar-visibility-change\", false)\n}\n\n// (by the way it might be cool to have the toolbar auto show when)\n// it has something to say (being disconnected from livereload server)\nconst showToolbar = ({ animate = true } = {}) => {\n  toolbarVisibilityPreference.set(true)\n  if (animate) {\n    document.documentElement.setAttribute(\"data-toolbar-animation\", \"\")\n  } else {\n    document.documentElement.removeAttribute(\"data-toolbar-animation\")\n  }\n  document.documentElement.setAttribute(\"data-toolbar-visible\", \"\")\n\n  sendEventToParent(\"toolbar-visibility-change\", true)\n\n  const toolbarIframe = getToolbarIframe()\n  const toolbarIframeParent = toolbarIframe.parentNode\n  const parentWindow = window.parent\n  const parentDocumentElement =\n    parentWindow.document.compatMode === \"CSS1Compat\"\n      ? parentWindow.document.documentElement\n      : parentWindow.document.body\n\n  const scrollYMax =\n    parentDocumentElement.scrollHeight - parentWindow.innerHeight\n  const scrollY = parentDocumentElement.scrollTop\n  const scrollYRemaining = scrollYMax - scrollY\n\n  setStyles(toolbarIframeParent, {\n    \"transition-property\": \"padding-bottom\",\n    \"transition-duration\": \"300ms\",\n  })\n  // maybe we should use js animation here because we would not conflict with css\n  const restoreToolbarIframeParentStyles = setStyles(toolbarIframeParent, {\n    \"scroll-padding-bottom\": \"40px\", // same here we should add 40px\n    \"padding-bottom\": \"40px\", // if there is already one we should add 40px\n  })\n  const restoreToolbarIframeStyles = setStyles(toolbarIframe, {\n    height: \"40px\",\n    visibility: \"visible\",\n  })\n\n  if (scrollYRemaining < 40 && scrollYMax > 0) {\n    const scrollEnd = scrollY + 40\n    startJavaScriptAnimation({\n      duration: 300,\n      onProgress: ({ progress }) => {\n        const value = scrollY + (scrollEnd - scrollY) * progress\n        parentDocumentElement.scrollTop = value\n      },\n    })\n  }\n\n  hideToolbar = () => {\n    restoreToolbarIframeParentStyles()\n    restoreToolbarIframeStyles()\n\n    hideTooltip(document.querySelector(\"#eventsource-indicator\"))\n    hideTooltip(document.querySelector(\"#execution-indicator\"))\n    toolbarVisibilityPreference.set(false)\n    if (animate) {\n      document.documentElement.setAttribute(\"data-toolbar-animation\", \"\")\n    } else {\n      document.documentElement.removeAttribute(\"data-toolbar-animation\")\n    }\n    document.documentElement.removeAttribute(\"data-toolbar-visible\")\n    sendEventToParent(\"toolbar-visibility-change\", false)\n  }\n}\n\nconst getCompileGroup = ({\n  executedFileCompiledUrl,\n  outDirectoryRelativeUrl,\n  compileServerOrigin,\n}) => {\n  const outDirectoryServerUrl = String(\n    new URL(outDirectoryRelativeUrl, compileServerOrigin),\n  )\n  if (urlIsInsideOf(executedFileCompiledUrl, outDirectoryServerUrl)) {\n    const afterCompileDirectory = urlToRelativeUrl(\n      executedFileCompiledUrl,\n      outDirectoryServerUrl,\n    )\n    const slashIndex = afterCompileDirectory.indexOf(\"/\")\n    const fileRelativeUrl = afterCompileDirectory.slice(slashIndex + 1)\n    return {\n      fileRelativeUrl,\n      outDirectoryRelativeUrl,\n      compileId: afterCompileDirectory.slice(0, slashIndex),\n    }\n  }\n  return {\n    fileRelativeUrl: new URL(executedFileCompiledUrl).pathname.slice(1),\n    outDirectoryRelativeUrl,\n    compileId: null,\n  }\n}\n\nconst sendEventToParent = (type, value) => {\n  window.parent.postMessage(\n    {\n      jsenv: true,\n      type,\n      value,\n    },\n    \"*\",\n  )\n}\n\nwindow.renderToolbar = renderToolbar\n"
   ],
   "names": [
     "urlIsInsideOf",