@jsenv/core 36.0.2 → 36.1.1

package/dist/js/supervisor.js

@@ -1,1175 +0,0 @@
-window.__supervisor__ = (() => {
-  const notImplemented = () => {
-    throw new Error(`window.__supervisor__.setup() not called`);
-  };
-  const supervisor = {
-    reportException: notImplemented,
-    superviseScript: notImplemented,
-    superviseScriptTypeModule: notImplemented,
-    reloadSupervisedScript: notImplemented,
-    getDocumentExecutionResult: notImplemented
-  };
-  const executionResults = {};
-  let documentExecutionStartTime;
-  try {
-    documentExecutionStartTime = window.performance.timing.navigationStart;
-  } catch (e) {
-    documentExecutionStartTime = Date.now();
-  }
-  let documentExecutionEndTime;
-  supervisor.setup = ({
-    rootDirectoryUrl,
-    scriptInfos,
-    serverIsJsenvDevServer,
-    logs,
-    errorOverlay,
-    errorBaseUrl,
-    openInEditor
-  }) => {
-    const executions = {};
-    const promises = [];
-    let remainingScriptCount = scriptInfos.length;
-
-    // respect execution order
-    // - wait for classic scripts to be done (non async)
-    // - wait module script previous execution (non async)
-    // see https://gist.github.com/jakub-g/385ee6b41085303a53ad92c7c8afd7a6#typemodule-vs-non-module-typetextjavascript-vs-script-nomodule
-    const executionQueue = [];
-    let executing = false;
-    const addToExecutionQueue = async execution => {
-      if (execution.async) {
-        execution.execute();
-        return;
-      }
-      if (executing) {
-        executionQueue.push(execution);
-        return;
-      }
-      execThenDequeue(execution);
-    };
-    const execThenDequeue = async execution => {
-      executing = true;
-      // start next js module execution as soon as current js module starts to execute
-      // (do not wait in case of top level await)
-      let resolveExecutingPromise;
-      const executingPromise = new Promise(resolve => {
-        resolveExecutingPromise = resolve;
-      });
-      const promise = execution.execute({
-        onExecuting: () => resolveExecutingPromise()
-      });
-      await Promise.race([promise, executingPromise]);
-      executing = false;
-      if (executionQueue.length) {
-        const nextExecution = executionQueue.shift();
-        execThenDequeue(nextExecution);
-      }
-    };
-    const asExecutionId = src => {
-      const url = new URL(src, window.location).href;
-      if (url.startsWith(window.location.origin)) {
-        return src;
-      }
-      return url;
-    };
-    const createExecutionController = (src, type) => {
-      const result = {
-        status: "pending",
-        duration: null,
-        coverage: null,
-        exception: null,
-        value: null
-      };
-      let resolve;
-      const promise = new Promise(_resolve => {
-        resolve = _resolve;
-      });
-      promises.push(promise);
-      executionResults[src] = result;
-      const start = () => {
-        result.duration = null;
-        result.coverage = null;
-        result.status = "started";
-        result.exception = null;
-        if (logs) {
-          console.group(`[jsenv] ${src} execution started (${type})`);
-        }
-      };
-      const end = () => {
-        const now = Date.now();
-        remainingScriptCount--;
-        result.duration = now - documentExecutionStartTime;
-        result.coverage = window.__coverage__;
-        if (logs) {
-          console.log(`execution ${result.status}`);
-          console.groupEnd();
-        }
-        if (remainingScriptCount === 0) {
-          documentExecutionEndTime = now;
-        }
-        resolve();
-      };
-      const complete = () => {
-        result.status = "completed";
-        end();
-      };
-      const fail = (error, info) => {
-        result.status = "failed";
-        const exception = supervisor.createException(error, info);
-        result.exception = exception;
-        end();
-      };
-      return {
-        result,
-        start,
-        complete,
-        fail
-      };
-    };
-    const prepareJsClassicRemoteExecution = src => {
-      const urlObject = new URL(src, window.location);
-      const url = urlObject.href;
-      const {
-        result,
-        start,
-        complete,
-        fail
-      } = createExecutionController(src, "js_classic");
-      let parentNode;
-      let currentScript;
-      let nodeToReplace;
-      let currentScriptClone;
-      const init = () => {
-        currentScript = document.currentScript;
-        parentNode = currentScript.parentNode;
-        executions[src].async = currentScript.async;
-      };
-      const execute = async ({
-        isReload
-      } = {}) => {
-        start();
-        currentScriptClone = prepareScriptToLoad(currentScript);
-        if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now());
-          nodeToReplace = currentScriptClone;
-          currentScriptClone.src = urlObject.href;
-        } else {
-          nodeToReplace = currentScript;
-          currentScriptClone.src = url;
-        }
-        const scriptLoadPromise = getScriptLoadPromise(currentScriptClone);
-        parentNode.replaceChild(currentScriptClone, nodeToReplace);
-        const {
-          detectedBy,
-          failed,
-          error
-        } = await scriptLoadPromise;
-        if (failed) {
-          if (detectedBy === "script_error_event") {
-            // window.error won't be dispatched for this error
-            reportErrorBackToBrowser(error);
-          }
-          fail(error, {
-            message: `Error while loading script: ${urlObject.href}`,
-            reportedBy: "script_error_event",
-            url: urlObject.href
-          });
-          if (detectedBy === "script_error_event") {
-            supervisor.reportException(result.exception);
-          }
-        } else {
-          complete();
-        }
-        return result;
-      };
-      executions[src] = {
-        init,
-        execute
-      };
-    };
-    const prepareJsClassicInlineExecution = src => {
-      const {
-        start,
-        complete,
-        fail
-      } = createExecutionController(src, "js_classic");
-      const end = complete;
-      const error = e => {
-        reportErrorBackToBrowser(e); // supervision shallowed the error, report back to browser
-        fail(e);
-      };
-      executions[src] = {
-        isInline: true,
-        start,
-        end,
-        error
-      };
-    };
-    const isWebkitOrSafari = typeof window.webkitConvertPointFromNodeToPage === "function";
-    // https://twitter.com/damienmaillard/status/1554752482273787906
-    const prepareJsModuleExecutionWithDynamicImport = src => {
-      const urlObject = new URL(src, window.location);
-      const {
-        result,
-        start,
-        complete,
-        fail
-      } = createExecutionController(src, "js_classic");
-      let importFn;
-      let currentScript;
-      const init = _importFn => {
-        importFn = _importFn;
-        currentScript = document.querySelector(`script[type="module"][inlined-from-src="${src}"]`);
-        executions[src].async = currentScript.async;
-      };
-      const execute = async ({
-        isReload
-      } = {}) => {
-        start();
-        if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now());
-        }
-        try {
-          const namespace = await importFn(urlObject.href);
-          complete(namespace);
-          return result;
-        } catch (e) {
-          fail(e, {
-            message: `Error while importing module: ${urlObject.href}`,
-            reportedBy: "dynamic_import",
-            url: urlObject.href
-          });
-          if (isWebkitOrSafari) {
-            supervisor.reportException(result.exception);
-          }
-          return result;
-        }
-      };
-      executions[src] = {
-        init,
-        execute
-      };
-    };
-    const prepareJsModuleExecutionWithScriptThenDynamicImport = src => {
-      const urlObject = new URL(src, window.location);
-      const {
-        result,
-        start,
-        complete,
-        fail
-      } = createExecutionController(src, "js_module");
-      let importFn;
-      let currentScript;
-      let parentNode;
-      let nodeToReplace;
-      let currentScriptClone;
-      const init = _importFn => {
-        importFn = _importFn;
-        currentScript = document.querySelector(`script[type="module"][inlined-from-src="${src}"]`);
-        parentNode = currentScript.parentNode;
-        executions[src].async = currentScript.async;
-      };
-      const execute = async ({
-        isReload,
-        onExecuting = () => {}
-      } = {}) => {
-        start();
-        currentScriptClone = prepareScriptToLoad(currentScript);
-        if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now());
-          nodeToReplace = currentScriptClone;
-          currentScriptClone.src = urlObject.href;
-        } else {
-          nodeToReplace = currentScript;
-          currentScriptClone.src = urlObject.href;
-        }
-        const scriptLoadResultPromise = getScriptLoadPromise(currentScriptClone);
-        parentNode.replaceChild(currentScriptClone, nodeToReplace);
-        const {
-          detectedBy,
-          failed,
-          error
-        } = await scriptLoadResultPromise;
-        if (failed) {
-          // if (detectedBy === "script_error_event") {
-          //   reportErrorBackToBrowser(error)
-          // }
-          fail(error, {
-            message: `Error while loading module: ${urlObject.href}`,
-            reportedBy: "script_error_event",
-            url: urlObject.href
-          });
-          if (detectedBy === "script_error_event") {
-            supervisor.reportException(result.exception);
-          }
-          return result;
-        }
-        onExecuting();
-        result.status = "executing";
-        if (logs) {
-          console.log(`load ended`);
-        }
-        try {
-          const namespace = await importFn(urlObject.href);
-          complete(namespace);
-          return result;
-        } catch (e) {
-          fail(e, {
-            message: `Error while importing module: ${urlObject.href}`,
-            reportedBy: "dynamic_import",
-            url: urlObject.href
-          });
-          return result;
-        }
-      };
-      executions[src] = {
-        init,
-        execute
-      };
-    };
-    const prepareJsModuleRemoteExecution = isWebkitOrSafari ? prepareJsModuleExecutionWithDynamicImport : prepareJsModuleExecutionWithScriptThenDynamicImport;
-    const prepareJsModuleInlineExecution = src => {
-      const {
-        start,
-        complete,
-        fail
-      } = createExecutionController(src, "js_module");
-      const end = complete;
-      const error = e => {
-        // supervision shallowed the error, report back to browser
-        reportErrorBackToBrowser(e);
-        fail(e);
-      };
-      executions[src] = {
-        isInline: true,
-        start,
-        end,
-        error
-      };
-    };
-    supervisor.setupReportException({
-      logs,
-      serverIsJsenvDevServer,
-      rootDirectoryUrl,
-      errorOverlay,
-      errorBaseUrl,
-      openInEditor
-    });
-    scriptInfos.forEach(scriptInfo => {
-      const {
-        type,
-        src,
-        isInline
-      } = scriptInfo;
-      if (type === "js_module") {
-        if (isInline) {
-          prepareJsModuleInlineExecution(src);
-        } else {
-          prepareJsModuleRemoteExecution(src);
-        }
-      } else if (isInline) {
-        prepareJsClassicInlineExecution(src);
-      } else {
-        prepareJsClassicRemoteExecution(src);
-      }
-    });
-
-    // js classic
-    supervisor.jsClassicStart = inlineSrc => {
-      executions[inlineSrc].start();
-    };
-    supervisor.jsClassicEnd = inlineSrc => {
-      executions[inlineSrc].end();
-    };
-    supervisor.jsClassicError = (inlineSrc, e) => {
-      executions[inlineSrc].error(e);
-    };
-    supervisor.superviseScript = src => {
-      const execution = executions[asExecutionId(src)];
-      execution.init();
-      return addToExecutionQueue(execution);
-    };
-    // js module
-    supervisor.jsModuleStart = inlineSrc => {
-      executions[inlineSrc].start();
-    };
-    supervisor.jsModuleEnd = inlineSrc => {
-      executions[inlineSrc].end();
-    };
-    supervisor.jsModuleError = (inlineSrc, e) => {
-      executions[inlineSrc].error(e);
-    };
-    supervisor.superviseScriptTypeModule = (src, importFn) => {
-      const execution = executions[asExecutionId(src)];
-      execution.init(importFn);
-      return addToExecutionQueue(execution);
-    };
-    supervisor.reloadSupervisedScript = src => {
-      const execution = executions[src];
-      if (!execution) {
-        throw new Error(`no execution for ${src}`);
-      }
-      if (execution.isInline) {
-        throw new Error(`cannot reload inline script ${src}`);
-      }
-      return execution.execute({
-        isReload: true
-      });
-    };
-    supervisor.getDocumentExecutionResult = async () => {
-      await Promise.all(promises);
-      return {
-        startTime: documentExecutionStartTime,
-        endTime: documentExecutionEndTime,
-        status: "completed",
-        executionResults
-      };
-    };
-  };
-  const reportErrorBackToBrowser = error => {
-    if (typeof window.reportError === "function") {
-      window.reportError(error);
-    } else {
-      console.error(error);
-    }
-  };
-  supervisor.setupReportException = ({
-    logs,
-    rootDirectoryUrl,
-    serverIsJsenvDevServer,
-    errorNotification,
-    errorOverlay,
-    errorBaseUrl,
-    openInEditor
-  }) => {
-    const DYNAMIC_IMPORT_FETCH_ERROR = "dynamic_import_fetch_error";
-    const DYNAMIC_IMPORT_EXPORT_MISSING = "dynamic_import_export_missing";
-    const DYNAMIC_IMPORT_SYNTAX_ERROR = "dynamic_import_syntax_error";
-    const createException = (reason,
-    // can be error, string, object
-    {
-      message,
-      reportedBy,
-      url,
-      line,
-      column
-    } = {}) => {
-      const exception = {
-        reason,
-        isError: false,
-        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/throw
-        reportedBy,
-        code: null,
-        message: null,
-        stack: null,
-        stackFormatIsV8: null,
-        stackSourcemapped: null,
-        originalStack: null,
-        meta: null,
-        site: {
-          isInline: null,
-          url: null,
-          line: null,
-          column: null,
-          originalUrl: null
-        }
-      };
-      const writeBasicProperties = () => {
-        if (reason === undefined) {
-          exception.message = "undefined";
-          return;
-        }
-        if (reason === null) {
-          exception.message = "null";
-          return;
-        }
-        if (typeof reason === "string") {
-          exception.message = reason;
-          return;
-        }
-        if (reason instanceof Error) {
-          const error = reason;
-          let message = error.message;
-          exception.isError = true;
-          if (Error.captureStackTrace) {
-            // stackTrace formatted by V8
-            exception.message = message;
-            exception.stack = getErrorStackWithoutErrorMessage(error);
-            exception.stackFormatIsV8 = true;
-            exception.stackSourcemapped = true;
-          } else {
-            exception.message = message;
-            exception.stack = error.stack ? `  ${error.stack}` : null;
-            exception.stackFormatIsV8 = false;
-            exception.stackSourcemapped = false;
-          }
-          if (error.reportedBy) {
-            exception.reportedBy = error.reportedBy;
-          }
-          if (error.url) {
-            Object.assign(exception.site, resolveUrlSite({
-              url: error.url
-            }));
-          }
-          {
-            // chrome
-            if (message.includes("does not provide an export named")) {
-              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
-              return;
-            }
-            // firefox
-            if (message.startsWith("import not found:") || message.startsWith("ambiguous indirect export:")) {
-              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
-              return;
-            }
-            // safari
-            if (message.startsWith("import binding name")) {
-              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
-              return;
-            }
-            if (message.includes("Importing a module script failed")) {
-              exception.code = DYNAMIC_IMPORT_FETCH_ERROR;
-              return;
-            }
-          }
-          {
-            if (error.name === "SyntaxError" && typeof line === "number") {
-              exception.code = DYNAMIC_IMPORT_SYNTAX_ERROR;
-              return;
-            }
-          }
-          return;
-        }
-        if (typeof reason === "object") {
-          // happens when reason is an Event for instance
-          exception.code = reason.code;
-          exception.message = reason.message || message;
-          exception.stack = reason.stack;
-          if (reason.reportedBy) {
-            exception.reportedBy = reason.reportedBy;
-          }
-          if (reason.url) {
-            Object.assign(exception.site, resolveUrlSite({
-              url: reason.url
-            }));
-          }
-          return;
-        }
-        exception.message = JSON.stringify(reason);
-      };
-      writeBasicProperties();
-
-      // first create a version of the stack with file://
-      // (and use it to locate exception url+line+column)
-      if (exception.stack) {
-        exception.originalStack = exception.stack;
-        exception.stack = replaceUrls(exception.originalStack, serverUrlSite => {
-          const fileUrlSite = resolveUrlSite(serverUrlSite);
-          if (exception.site.url === null) {
-            Object.assign(exception.site, fileUrlSite);
-          }
-          return stringifyUrlSite(fileUrlSite);
-        });
-      }
-      // then if it fails, use url+line+column passed
-      if (exception.site.url === null && url) {
-        if (typeof line === "string") {
-          line = parseInt(line);
-        }
-        if (typeof column === "string") {
-          column = parseInt(column);
-        }
-        const fileUrlSite = resolveUrlSite({
-          url,
-          line,
-          column
-        });
-        if (fileUrlSite.isInline && exception.code === DYNAMIC_IMPORT_SYNTAX_ERROR) {
-          // syntax error on inline script need line-1 for some reason
-          fileUrlSite.line = fileUrlSite.line - 1;
-        }
-        Object.assign(exception.site, fileUrlSite);
-      }
-      exception.text = stringifyMessageAndStack(exception);
-      return exception;
-    };
-    const stringifyMessageAndStack = ({
-      message,
-      stack
-    }) => {
-      if (message && stack) {
-        return `${message}\n${stack}`;
-      }
-      if (stack) {
-        return stack;
-      }
-      return message;
-    };
-    const stringifyUrlSite = ({
-      url,
-      line,
-      column
-    }) => {
-      if (typeof line === "number" && typeof column === "number") {
-        return `${url}:${line}:${column}`;
-      }
-      if (typeof line === "number") {
-        return `${url}:${line}`;
-      }
-      return url;
-    };
-    const resolveUrlSite = ({
-      url,
-      line,
-      column
-    }) => {
-      const inlineUrlMatch = url.match(/@L([0-9]+)C([0-9]+)\-L([0-9]+)C([0-9]+)(\.[\w]+)$/);
-      if (inlineUrlMatch) {
-        const htmlUrl = url.slice(0, inlineUrlMatch.index);
-        const tagLineStart = parseInt(inlineUrlMatch[1]);
-        const tagColumnStart = parseInt(inlineUrlMatch[2]);
-        const tagLineEnd = parseInt(inlineUrlMatch[3]);
-        const tagColumnEnd = parseInt(inlineUrlMatch[4]);
-        const extension = inlineUrlMatch[5];
-        url = htmlUrl;
-        line = tagLineStart + (typeof line === "number" ? line : 0);
-        line = line - 1; // sauf pour les erreur de syntaxe
-        column = tagColumnStart + (typeof column === "number" ? column : 0);
-        const fileUrl = resolveFileUrl(url);
-        return {
-          isInline: true,
-          serverUrl: url,
-          originalUrl: `${fileUrl}@L${tagLineStart}C${tagColumnStart}-L${tagLineEnd}C${tagColumnEnd}${extension}`,
-          url: fileUrl,
-          line,
-          column
-        };
-      }
-      return {
-        isInline: false,
-        serverUrl: url,
-        url: resolveFileUrl(url),
-        line,
-        column
-      };
-    };
-    const getErrorStackWithoutErrorMessage = error => {
-      let stack = error.stack;
-      if (!stack) return "";
-      const messageInStack = `${error.name}: ${error.message}`;
-      if (stack.startsWith(messageInStack)) {
-        stack = stack.slice(messageInStack.length);
-      }
-      const nextLineIndex = stack.indexOf("\n");
-      if (nextLineIndex > -1) {
-        stack = stack.slice(nextLineIndex + 1);
-      }
-      return stack;
-    };
-    const resolveFileUrl = url => {
-      let urlObject = new URL(url, window.origin);
-      if (urlObject.origin === window.origin) {
-        urlObject = new URL(`${urlObject.pathname.slice(1)}${urlObject.search}`, rootDirectoryUrl);
-      }
-      if (urlObject.href.startsWith("file:")) {
-        const atFsIndex = urlObject.pathname.indexOf("/@fs/");
-        if (atFsIndex > -1) {
-          const afterAtFs = urlObject.pathname.slice(atFsIndex + "/@fs/".length);
-          return new URL(afterAtFs, "file:///").href;
-        }
-      }
-      return urlObject.href;
-    };
-
-    // `Error: yo
-    // at Object.execute (http://127.0.0.1:57300/build/src/__test__/file-throw.js:9:13)
-    // at doExec (http://127.0.0.1:3000/src/__test__/file-throw.js:452:38)
-    // at postOrderExec (http://127.0.0.1:3000/src/__test__/file-throw.js:448:16)
-    // at http://127.0.0.1:3000/src/__test__/file-throw.js:399:18`.replace(/(?:https?|ftp|file):\/\/(.*+)$/gm, (...args) => {
-    //   debugger
-    // })
-    const replaceUrls = (source, replace) => {
-      return source.replace(/(?:https?|ftp|file):\/\/\S+/gm, match => {
-        let replacement = "";
-        const lastChar = match[match.length - 1];
-
-        // hotfix because our url regex sucks a bit
-        const endsWithSeparationChar = lastChar === ")" || lastChar === ":";
-        if (endsWithSeparationChar) {
-          match = match.slice(0, -1);
-        }
-        const lineAndColumnPattern = /:([0-9]+):([0-9]+)$/;
-        const lineAndColumMatch = match.match(lineAndColumnPattern);
-        if (lineAndColumMatch) {
-          const lineAndColumnString = lineAndColumMatch[0];
-          const lineString = lineAndColumMatch[1];
-          const columnString = lineAndColumMatch[2];
-          replacement = replace({
-            url: match.slice(0, -lineAndColumnString.length),
-            line: lineString ? parseInt(lineString) : null,
-            column: columnString ? parseInt(columnString) : null
-          });
-        } else {
-          const linePattern = /:([0-9]+)$/;
-          const lineMatch = match.match(linePattern);
-          if (lineMatch) {
-            const lineString = lineMatch[0];
-            replacement = replace({
-              url: match.slice(0, -lineString.length),
-              line: lineString ? parseInt(lineString) : null
-            });
-          } else {
-            replacement = replace({
-              url: match
-            });
-          }
-        }
-        if (endsWithSeparationChar) {
-          return `${replacement}${lastChar}`;
-        }
-        return replacement;
-      });
-    };
-    let formatError;
-    {
-      formatError = exceptionInfo => {
-        const errorParts = {
-          theme: "dark",
-          title: "An error occured",
-          text: "",
-          tip: "",
-          errorDetailsPromise: null
-        };
-        const tips = [];
-        tips.push("Click outside to close.");
-        errorParts.tip = tips.join(`\n    <br />\n    `);
-        const generateClickableText = text => {
-          const textWithHtmlLinks = makeLinksClickable(text, {
-            createLink: ({
-              url,
-              line,
-              column
-            }) => {
-              const urlSite = resolveUrlSite({
-                url,
-                line,
-                column
-              });
-              if (errorBaseUrl) {
-                if (urlSite.url.startsWith(rootDirectoryUrl)) {
-                  urlSite.url = `${errorBaseUrl}${urlSite.url.slice(rootDirectoryUrl.length)}`;
-                } else {
-                  urlSite.url = "file:///mocked_for_snapshots";
-                }
-              }
-              const urlWithLineAndColumn = stringifyUrlSite(urlSite);
-              return {
-                href: urlSite.url.startsWith("file:") && openInEditor ? `javascript:window.fetch('/__open_in_editor__/${encodeURIComponent(urlWithLineAndColumn)}')` : urlSite.url,
-                text: urlWithLineAndColumn
-              };
-            }
-          });
-          return textWithHtmlLinks;
-        };
-        errorParts.text = stringifyMessageAndStack({
-          message: exceptionInfo.message ? generateClickableText(exceptionInfo.message) : "",
-          stack: exceptionInfo.stack ? generateClickableText(exceptionInfo.stack) : ""
-        });
-        if (exceptionInfo.site.url) {
-          errorParts.errorDetailsPromise = (async () => {
-            if (!serverIsJsenvDevServer) {
-              return null;
-            }
-            try {
-              if (exceptionInfo.code === DYNAMIC_IMPORT_FETCH_ERROR || exceptionInfo.reportedBy === "script_error_event") {
-                const response = await window.fetch(`/__get_error_cause__/${encodeURIComponent(exceptionInfo.site.isInline ? exceptionInfo.site.originalUrl : exceptionInfo.site.url)}`);
-                if (response.status !== 200) {
-                  return null;
-                }
-                const causeInfo = await response.json();
-                if (!causeInfo) {
-                  return null;
-                }
-                const causeText = causeInfo.code === "NOT_FOUND" ? stringifyMessageAndStack({
-                  message: generateClickableText(causeInfo.reason),
-                  stack: generateClickableText(causeInfo.codeFrame)
-                }) : stringifyMessageAndStack({
-                  message: generateClickableText(causeInfo.stack),
-                  stack: generateClickableText(causeInfo.codeFrame)
-                });
-                return {
-                  cause: causeText
-                };
-              }
-              if (exceptionInfo.site.line !== undefined) {
-                const urlToFetch = new URL(`/__get_code_frame__/${encodeURIComponent(stringifyUrlSite(exceptionInfo.site))}`, window.origin);
-                if (!exceptionInfo.stackSourcemapped) {
-                  urlToFetch.searchParams.set("remap", "");
-                }
-                const response = await window.fetch(urlToFetch);
-                if (response.status !== 200) {
-                  return null;
-                }
-                const codeFrame = await response.text();
-                return {
-                  codeFrame: generateClickableText(codeFrame)
-                };
-              }
-            } catch (e) {
-              // happens if server is closed for instance
-              return null;
-            }
-            return null;
-          })();
-        }
-        return errorParts;
-      };
-      const makeLinksClickable = (string, {
-        createLink = ({
-          url
-        }) => url
-      }) => {
-        // normalize line breaks
-        string = string.replace(/\n/g, "\n");
-        string = escapeHtml(string);
-        // render links
-        string = replaceUrls(string, ({
-          url,
-          line,
-          column
-        }) => {
-          const {
-            href,
-            text
-          } = createLink({
-            url,
-            line,
-            column
-          });
-          return link({
-            href,
-            text
-          });
-        });
-        return string;
-      };
-      const escapeHtml = string => {
-        return string.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-      };
-      const link = ({
-        href,
-        text = href
-      }) => `<a href="${href}">${text}</a>`;
-    }
-    let displayErrorNotification;
-    {
-      const {
-        Notification
-      } = window;
-      displayErrorNotification = typeof Notification === "function" ? ({
-        title,
-        text,
-        icon
-      }) => {
-        if (Notification.permission === "granted") {
-          const notification = new Notification(title, {
-            lang: "en",
-            body: text,
-            icon
-          });
-          notification.onclick = () => {
-            window.focus();
-          };
-        }
-      } : () => {};
-    }
-    const JSENV_ERROR_OVERLAY_TAGNAME = "jsenv-error-overlay";
-    let displayJsenvErrorOverlay;
-    {
-      displayJsenvErrorOverlay = params => {
-        if (logs) {
-          console.log("display jsenv error overlay", params);
-        }
-        let jsenvErrorOverlay = new JsenvErrorOverlay(params);
-        document.querySelectorAll(JSENV_ERROR_OVERLAY_TAGNAME).forEach(node => {
-          node.parentNode.removeChild(node);
-        });
-        document.body.appendChild(jsenvErrorOverlay);
-        const removeErrorOverlay = () => {
-          if (jsenvErrorOverlay && jsenvErrorOverlay.parentNode) {
-            document.body.removeChild(jsenvErrorOverlay);
-            jsenvErrorOverlay = null;
-          }
-        };
-        return removeErrorOverlay;
-      };
-      class JsenvErrorOverlay extends HTMLElement {
-        constructor({
-          theme,
-          title,
-          text,
-          tip,
-          errorDetailsPromise
-        }) {
-          super();
-          this.root = this.attachShadow({
-            mode: "open"
-          });
-          this.root.innerHTML = `
-<style>
-  ${overlayCSS}
-</style>
-<div class="backdrop"></div>
-<div class="overlay" data-theme=${theme}>
-  <h1 class="title">
-    ${title}
-  </h1>
-  <pre class="text">${text}</pre>
-  <div class="tip">
-    ${tip}
-  </div>
-</div>`;
-          this.root.querySelector(".backdrop").onclick = () => {
-            if (!this.parentNode) {
-              // not in document anymore
-              return;
-            }
-            this.root.querySelector(".backdrop").onclick = null;
-            this.parentNode.removeChild(this);
-          };
-          if (errorDetailsPromise) {
-            errorDetailsPromise.then(errorDetails => {
-              if (!errorDetails || !this.parentNode) {
-                return;
-              }
-              const {
-                codeFrame,
-                cause
-              } = errorDetails;
-              if (codeFrame) {
-                this.root.querySelector(".text").innerHTML += `\n\n${codeFrame}`;
-              }
-              if (cause) {
-                const causeIndented = prefixRemainingLines(cause, "  ");
-                this.root.querySelector(".text").innerHTML += `\n  [cause]: ${causeIndented}`;
-              }
-            });
-          }
-        }
-      }
-      const prefixRemainingLines = (text, prefix) => {
-        const lines = text.split(/\r?\n/);
-        const firstLine = lines.shift();
-        let result = firstLine;
-        let i = 0;
-        while (i < lines.length) {
-          const line = lines[i];
-          i++;
-          result += line.length ? `\n${prefix}${line}` : `\n`;
-        }
-        return result;
-      };
-      if (customElements && !customElements.get(JSENV_ERROR_OVERLAY_TAGNAME)) {
-        customElements.define(JSENV_ERROR_OVERLAY_TAGNAME, JsenvErrorOverlay);
-      }
-      const overlayCSS = `
-  :host {
-    position: fixed;
-    z-index: 99999;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow-y: scroll;
-    margin: 0;
-    background: rgba(0, 0, 0, 0.66);
-  }
-  
-  .backdrop {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-  }
-  
-  .overlay {
-    position: relative;
-    background: rgba(0, 0, 0, 0.95);
-    width: 800px;
-    margin: 30px auto;
-    padding: 25px 40px;
-    padding-top: 0;
-    overflow: hidden; /* for h1 margins */
-    border-radius: 4px 8px;
-    box-shadow: 0 20px 40px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 20%);
-    box-sizing: border-box;
-    font-family: monospace;
-    direction: ltr;
-  }
-  
-  h1 {
-    color: red;
-    text-align: center;
-  }
-  
-  pre {
-    overflow: auto;
-    max-width: 100%;
-    /* padding is nice + prevents scrollbar from hiding the text behind it */
-    /* does not work nicely on firefox though https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
-    padding: 20px; 
-  }
-  
-  .tip {
-    border-top: 1px solid #999;
-    padding-top: 12px;
-  }
-  
-  [data-theme="dark"] {
-    color: #999;
-  }
-  [data-theme="dark"] pre {
-    background: #111;
-    border: 1px solid #333;
-    color: #eee;
-  }
-  
-  [data-theme="light"] {
-    color: #EEEEEE;
-  }
-  [data-theme="light"] pre {
-    background: #1E1E1E;
-    border: 1px solid white;
-    color: #EEEEEE;
-  }
-  
-  pre a {
-    color: inherit;
-  }`;
-    }
-    supervisor.createException = createException;
-    supervisor.reportException = exception => {
-      const {
-        theme,
-        title,
-        text,
-        tip,
-        errorDetailsPromise
-      } = formatError(exception);
-      if (errorOverlay) {
-        const removeErrorOverlay = displayJsenvErrorOverlay({
-          theme,
-          title,
-          text,
-          tip,
-          errorDetailsPromise
-        });
-        if (window.__reloader__) {
-          const onchange = window.__reloader__.status.onchange;
-          window.__reloader__.status.onchange = () => {
-            onchange();
-            if (window.__reloader__.status.value === "reloading") {
-              removeErrorOverlay();
-            }
-          };
-        }
-      }
-      if (errorNotification) {
-        displayErrorNotification({
-          title,
-          text
-        });
-      }
-      return exception;
-    };
-    window.addEventListener("error", errorEvent => {
-      if (!errorEvent.isTrusted) {
-        // ignore custom error event (not sent by browser)
-        if (logs) {
-          console.log("ignore non trusted error event", errorEvent);
-        }
-        return;
-      }
-      if (logs) {
-        console.log('window "error" event received', errorEvent);
-      }
-      const {
-        error,
-        message,
-        filename,
-        lineno,
-        colno
-      } = errorEvent;
-      const exception = supervisor.createException(error || message, {
-        // when error is reported within a worker error is null
-        // but there is a message property on errorEvent
-        reportedBy: "window_error_event",
-        url: filename,
-        line: lineno,
-        column: colno
-      });
-      supervisor.reportException(exception);
-    });
-    window.addEventListener("unhandledrejection", event => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      const exception = supervisor.createException(event.reason, {
-        reportedBy: "window_unhandledrejection_event"
-      });
-      supervisor.reportException(exception);
-    });
-  };
-  const prepareScriptToLoad = script => {
-    // do not use script.cloneNode()
-    // bcause https://stackoverflow.com/questions/28771542/why-dont-clonenode-script-tags-execute
-    const scriptClone = document.createElement("script");
-    // browsers set async by default when creating script(s)
-    // we want an exact copy to preserves how code is executed
-    scriptClone.async = false;
-    Array.from(script.attributes).forEach(attribute => {
-      scriptClone.setAttribute(attribute.nodeName, attribute.nodeValue);
-    });
-    scriptClone.removeAttribute("jsenv-cooked-by");
-    scriptClone.removeAttribute("jsenv-inlined-by");
-    scriptClone.removeAttribute("jsenv-injected-by");
-    scriptClone.removeAttribute("inlined-from-src");
-    scriptClone.removeAttribute("original-position");
-    scriptClone.removeAttribute("original-src-position");
-    return scriptClone;
-  };
-  const getScriptLoadPromise = async script => {
-    return new Promise(resolve => {
-      const windowErrorEventCallback = errorEvent => {
-        if (errorEvent.filename === script.src) {
-          removeWindowErrorEventCallback();
-          resolve({
-            detectedBy: "window_error_event",
-            failed: true,
-            error: errorEvent
-          });
-        }
-      };
-      const removeWindowErrorEventCallback = () => {
-        window.removeEventListener("error", windowErrorEventCallback);
-      };
-      window.addEventListener("error", windowErrorEventCallback);
-      script.addEventListener("error", errorEvent => {
-        removeWindowErrorEventCallback();
-        resolve({
-          detectedBy: "script_error_event",
-          failed: true,
-          error: errorEvent
-        });
-      });
-      script.addEventListener("load", () => {
-        removeWindowErrorEventCallback();
-        resolve({
-          detectedBy: "script_load_event"
-        });
-      });
-    });
-  };
-  return supervisor;
-})();