@jsenv/core 36.0.2 → 36.1.0

package/src/plugins/supervisor/client/supervisor.js

@@ -1,1153 +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 }));
-          }
-          export_missing: {
-            // 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;
-            }
-          }
-          js_syntax_error: {
-            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;
-    error_formatter: {
-      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;
-    error_notification: {
-      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;
-    error_overlay: {
-      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;
-})();