@jsenv/core 35.0.3 → 35.0.5

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

@@ -1,23 +1,23 @@
 window.__supervisor__ = (() => {
   const notImplemented = () => {
-    throw new Error(`window.__supervisor__.setup() not called`)
-  }
+    throw new Error(`window.__supervisor__.setup() not called`);
+  };
   const supervisor = {
     reportException: notImplemented,
     superviseScript: notImplemented,
     superviseScriptTypeModule: notImplemented,
     reloadSupervisedScript: notImplemented,
     getDocumentExecutionResult: notImplemented,
-  }
+  };
 
-  const executionResults = {}
-  let documentExecutionStartTime
+  const executionResults = {};
+  let documentExecutionStartTime;
   try {
-    documentExecutionStartTime = window.performance.timing.navigationStart
+    documentExecutionStartTime = window.performance.timing.navigationStart;
   } catch (e) {
-    documentExecutionStartTime = Date.now()
+    documentExecutionStartTime = Date.now();
   }
-  let documentExecutionEndTime
+  let documentExecutionEndTime;
   supervisor.setup = ({
     rootDirectoryUrl,
     scriptInfos,
@@ -27,53 +27,53 @@ window.__supervisor__ = (() => {
     errorBaseUrl,
     openInEditor,
   }) => {
-    const executions = {}
-    const promises = []
-    let remainingScriptCount = scriptInfos.length
+    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 executionQueue = [];
+    let executing = false;
     const addToExecutionQueue = async (execution) => {
       if (execution.async) {
-        execution.execute()
-        return
+        execution.execute();
+        return;
       }
       if (executing) {
-        executionQueue.push(execution)
-        return
+        executionQueue.push(execution);
+        return;
       }
-      execThenDequeue(execution)
-    }
+      execThenDequeue(execution);
+    };
     const execThenDequeue = async (execution) => {
-      executing = true
+      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
+      let resolveExecutingPromise;
       const executingPromise = new Promise((resolve) => {
-        resolveExecutingPromise = resolve
-      })
+        resolveExecutingPromise = resolve;
+      });
       const promise = execution.execute({
         onExecuting: () => resolveExecutingPromise(),
-      })
-      await Promise.race([promise, executingPromise])
-      executing = false
+      });
+      await Promise.race([promise, executingPromise]);
+      executing = false;
       if (executionQueue.length) {
-        const nextExecution = executionQueue.shift()
-        execThenDequeue(nextExecution)
+        const nextExecution = executionQueue.shift();
+        execThenDequeue(nextExecution);
       }
-    }
+    };
 
     const asExecutionId = (src) => {
-      const url = new URL(src, window.location).href
+      const url = new URL(src, window.location).href;
       if (url.startsWith(window.location.origin)) {
-        return src
+        return src;
       }
-      return url
-    }
+      return url;
+    };
 
     const createExecutionController = (src, type) => {
       const result = {
@@ -82,192 +82,193 @@ window.__supervisor__ = (() => {
         coverage: null,
         exception: null,
         value: null,
-      }
+      };
 
-      let resolve
+      let resolve;
       const promise = new Promise((_resolve) => {
-        resolve = _resolve
-      })
-      promises.push(promise)
-      executionResults[src] = result
+        resolve = _resolve;
+      });
+      promises.push(promise);
+      executionResults[src] = result;
 
       const start = () => {
-        result.duration = null
-        result.coverage = null
-        result.status = "started"
-        result.exception = null
+        result.duration = null;
+        result.coverage = null;
+        result.status = "started";
+        result.exception = null;
         if (logs) {
-          console.group(`[jsenv] ${src} execution started (${type})`)
+          console.group(`[jsenv] ${src} execution started (${type})`);
         }
-      }
+      };
       const end = () => {
-        const now = Date.now()
-        remainingScriptCount--
-        result.duration = now - documentExecutionStartTime
-        result.coverage = window.__coverage__
+        const now = Date.now();
+        remainingScriptCount--;
+        result.duration = now - documentExecutionStartTime;
+        result.coverage = window.__coverage__;
         if (logs) {
-          console.log(`execution ${result.status}`)
-          console.groupEnd()
+          console.log(`execution ${result.status}`);
+          console.groupEnd();
         }
         if (remainingScriptCount === 0) {
-          documentExecutionEndTime = now
+          documentExecutionEndTime = now;
         }
-        resolve()
-      }
+        resolve();
+      };
       const complete = () => {
-        result.status = "completed"
-        end()
-      }
+        result.status = "completed";
+        end();
+      };
       const fail = (error, info) => {
-        result.status = "failed"
-        const exception = supervisor.createException(error, info)
-        result.exception = exception
-        end()
-      }
+        result.status = "failed";
+        const exception = supervisor.createException(error, info);
+        result.exception = exception;
+        end();
+      };
 
-      return { result, start, complete, fail }
-    }
+      return { result, start, complete, fail };
+    };
 
     const prepareJsClassicRemoteExecution = (src) => {
-      const urlObject = new URL(src, window.location)
-      const url = urlObject.href
+      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
+      let parentNode;
+      let currentScript;
+      let nodeToReplace;
+      let currentScriptClone;
       const init = () => {
-        currentScript = document.currentScript
-        parentNode = currentScript.parentNode
-        executions[src].async = currentScript.async
-      }
+        currentScript = document.currentScript;
+        parentNode = currentScript.parentNode;
+        executions[src].async = currentScript.async;
+      };
       const execute = async ({ isReload } = {}) => {
-        start()
-        currentScriptClone = prepareScriptToLoad(currentScript)
+        start();
+        currentScriptClone = prepareScriptToLoad(currentScript);
         if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now())
-          nodeToReplace = currentScriptClone
-          currentScriptClone.src = urlObject.href
+          urlObject.searchParams.set("hmr", Date.now());
+          nodeToReplace = currentScriptClone;
+          currentScriptClone.src = urlObject.href;
         } else {
-          nodeToReplace = currentScript
-          currentScriptClone.src = url
+          nodeToReplace = currentScript;
+          currentScriptClone.src = url;
         }
-        const scriptLoadPromise = getScriptLoadPromise(currentScriptClone)
-        parentNode.replaceChild(currentScriptClone, nodeToReplace)
-        const { detectedBy, failed, error } = await scriptLoadPromise
+        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)
+            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)
+            supervisor.reportException(result.exception);
           }
         } else {
-          complete()
+          complete();
         }
-        return result
-      }
-      executions[src] = { init, execute }
-    }
+        return result;
+      };
+      executions[src] = { init, execute };
+    };
     const prepareJsClassicInlineExecution = (src) => {
       const { start, complete, fail } = createExecutionController(
         src,
         "js_classic",
-      )
-      const end = complete
+      );
+      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 }
-    }
+        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"
+      typeof window.webkitConvertPointFromNodeToPage === "function";
     // https://twitter.com/damienmaillard/status/1554752482273787906
     const prepareJsModuleExecutionWithDynamicImport = (src) => {
-      const urlObject = new URL(src, window.location)
+      const urlObject = new URL(src, window.location);
       const { result, start, complete, fail } = createExecutionController(
         src,
         "js_classic",
-      )
+      );
 
-      let importFn
-      let currentScript
+      let importFn;
+      let currentScript;
       const init = (_importFn) => {
-        importFn = _importFn
+        importFn = _importFn;
         currentScript = document.querySelector(
           `script[type="module"][inlined-from-src="${src}"]`,
-        )
-        executions[src].async = currentScript.async
-      }
+        );
+        executions[src].async = currentScript.async;
+      };
       const execute = async ({ isReload } = {}) => {
-        start()
+        start();
         if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now())
+          urlObject.searchParams.set("hmr", Date.now());
         }
         try {
-          const namespace = await importFn(urlObject.href)
-          complete(namespace)
-          return result
+          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)
+            supervisor.reportException(result.exception);
           }
-          return result
+          return result;
         }
-      }
-      executions[src] = { init, execute }
-    }
+      };
+      executions[src] = { init, execute };
+    };
     const prepareJsModuleExecutionWithScriptThenDynamicImport = (src) => {
-      const urlObject = new URL(src, window.location)
+      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
+      let importFn;
+      let currentScript;
+      let parentNode;
+      let nodeToReplace;
+      let currentScriptClone;
       const init = (_importFn) => {
-        importFn = _importFn
+        importFn = _importFn;
         currentScript = document.querySelector(
           `script[type="module"][inlined-from-src="${src}"]`,
-        )
-        parentNode = currentScript.parentNode
-        executions[src].async = currentScript.async
-      }
+        );
+        parentNode = currentScript.parentNode;
+        executions[src].async = currentScript.async;
+      };
       const execute = async ({ isReload, onExecuting = () => {} } = {}) => {
-        start()
-        currentScriptClone = prepareScriptToLoad(currentScript)
+        start();
+        currentScriptClone = prepareScriptToLoad(currentScript);
         if (isReload) {
-          urlObject.searchParams.set("hmr", Date.now())
-          nodeToReplace = currentScriptClone
-          currentScriptClone.src = urlObject.href
+          urlObject.searchParams.set("hmr", Date.now());
+          nodeToReplace = currentScriptClone;
+          currentScriptClone.src = urlObject.href;
         } else {
-          nodeToReplace = currentScript
-          currentScriptClone.src = urlObject.href
+          nodeToReplace = currentScript;
+          currentScriptClone.src = urlObject.href;
         }
-        const scriptLoadResultPromise = getScriptLoadPromise(currentScriptClone)
-        parentNode.replaceChild(currentScriptClone, nodeToReplace)
-        const { detectedBy, failed, error } = await scriptLoadResultPromise
+        const scriptLoadResultPromise =
+          getScriptLoadPromise(currentScriptClone);
+        parentNode.replaceChild(currentScriptClone, nodeToReplace);
+        const { detectedBy, failed, error } = await scriptLoadResultPromise;
 
         if (failed) {
           // if (detectedBy === "script_error_event") {
@@ -277,49 +278,49 @@ window.__supervisor__ = (() => {
             message: `Error while loading module: ${urlObject.href}`,
             reportedBy: "script_error_event",
             url: urlObject.href,
-          })
+          });
           if (detectedBy === "script_error_event") {
-            supervisor.reportException(result.exception)
+            supervisor.reportException(result.exception);
           }
-          return result
+          return result;
         }
 
-        onExecuting()
-        result.status = "executing"
+        onExecuting();
+        result.status = "executing";
         if (logs) {
-          console.log(`load ended`)
+          console.log(`load ended`);
         }
         try {
-          const namespace = await importFn(urlObject.href)
-          complete(namespace)
-          return result
+          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
+          });
+          return result;
         }
-      }
-      executions[src] = { init, execute }
-    }
+      };
+      executions[src] = { init, execute };
+    };
     const prepareJsModuleRemoteExecution = isWebkitOrSafari
       ? prepareJsModuleExecutionWithDynamicImport
-      : prepareJsModuleExecutionWithScriptThenDynamicImport
+      : prepareJsModuleExecutionWithScriptThenDynamicImport;
     const prepareJsModuleInlineExecution = (src) => {
       const { start, complete, fail } = createExecutionController(
         src,
         "js_module",
-      )
-      const end = complete
+      );
+      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 }
-    }
+        reportErrorBackToBrowser(e);
+        fail(e);
+      };
+      executions[src] = { isInline: true, start, end, error };
+    };
 
     supervisor.setupReportException({
       logs,
@@ -328,82 +329,82 @@ window.__supervisor__ = (() => {
       errorOverlay,
       errorBaseUrl,
       openInEditor,
-    })
+    });
 
     scriptInfos.forEach((scriptInfo) => {
-      const { type, src, isInline } = scriptInfo
+      const { type, src, isInline } = scriptInfo;
       if (type === "js_module") {
         if (isInline) {
-          prepareJsModuleInlineExecution(src)
+          prepareJsModuleInlineExecution(src);
         } else {
-          prepareJsModuleRemoteExecution(src)
+          prepareJsModuleRemoteExecution(src);
         }
       } else if (isInline) {
-        prepareJsClassicInlineExecution(src)
+        prepareJsClassicInlineExecution(src);
       } else {
-        prepareJsClassicRemoteExecution(src)
+        prepareJsClassicRemoteExecution(src);
       }
-    })
+    });
 
     // js classic
     supervisor.jsClassicStart = (inlineSrc) => {
-      executions[inlineSrc].start()
-    }
+      executions[inlineSrc].start();
+    };
     supervisor.jsClassicEnd = (inlineSrc) => {
-      executions[inlineSrc].end()
-    }
+      executions[inlineSrc].end();
+    };
     supervisor.jsClassicError = (inlineSrc, e) => {
-      executions[inlineSrc].error(e)
-    }
+      executions[inlineSrc].error(e);
+    };
     supervisor.superviseScript = (src) => {
-      const execution = executions[asExecutionId(src)]
-      execution.init()
-      return addToExecutionQueue(execution)
-    }
+      const execution = executions[asExecutionId(src)];
+      execution.init();
+      return addToExecutionQueue(execution);
+    };
     // js module
     supervisor.jsModuleStart = (inlineSrc) => {
-      executions[inlineSrc].start()
-    }
+      executions[inlineSrc].start();
+    };
     supervisor.jsModuleEnd = (inlineSrc) => {
-      executions[inlineSrc].end()
-    }
+      executions[inlineSrc].end();
+    };
     supervisor.jsModuleError = (inlineSrc, e) => {
-      executions[inlineSrc].error(e)
-    }
+      executions[inlineSrc].error(e);
+    };
     supervisor.superviseScriptTypeModule = (src, importFn) => {
-      const execution = executions[asExecutionId(src)]
-      execution.init(importFn)
-      return addToExecutionQueue(execution)
-    }
+      const execution = executions[asExecutionId(src)];
+      execution.init(importFn);
+      return addToExecutionQueue(execution);
+    };
 
     supervisor.reloadSupervisedScript = (src) => {
-      const execution = executions[src]
+      const execution = executions[src];
       if (!execution) {
-        throw new Error(`no execution for ${src}`)
+        throw new Error(`no execution for ${src}`);
       }
       if (execution.isInline) {
-        throw new Error(`cannot reload inline script ${src}`)
+        throw new Error(`cannot reload inline script ${src}`);
       }
-      return execution.execute({ isReload: true })
-    }
+      return execution.execute({ isReload: true });
+    };
 
     supervisor.getDocumentExecutionResult = async () => {
-      await Promise.all(promises)
+      await Promise.all(promises);
       return {
         startTime: documentExecutionStartTime,
         endTime: documentExecutionEndTime,
         status: "completed",
         executionResults,
-      }
-    }
-  }
+      };
+    };
+  };
   const reportErrorBackToBrowser = (error) => {
     if (typeof window.reportError === "function") {
-      window.reportError(error)
+      window.reportError(error);
     } else {
-      console.error(error)
+      console.error(error);
     }
-  }
+  };
 
   supervisor.setupReportException = ({
     logs,
@@ -414,9 +415,9 @@ window.__supervisor__ = (() => {
     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 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
@@ -440,165 +441,165 @@ window.__supervisor__ = (() => {
           column: null,
           originalUrl: null,
         },
-      }
+      };
 
       const writeBasicProperties = () => {
         if (reason === undefined) {
-          exception.message = "undefined"
-          return
+          exception.message = "undefined";
+          return;
         }
         if (reason === null) {
-          exception.message = "null"
-          return
+          exception.message = "null";
+          return;
         }
         if (typeof reason === "string") {
-          exception.message = reason
-          return
+          exception.message = reason;
+          return;
         }
         if (reason instanceof Error) {
-          const error = reason
-          let message = error.message
-          exception.isError = true
+          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
+            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
+            exception.message = message;
+            exception.stack = error.stack ? `  ${error.stack}` : null;
+            exception.stackFormatIsV8 = false;
+            exception.stackSourcemapped = false;
           }
           if (error.reportedBy) {
-            exception.reportedBy = error.reportedBy
+            exception.reportedBy = error.reportedBy;
           }
           if (error.url) {
-            Object.assign(exception.site, resolveUrlSite({ url: 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
+              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
+              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
+              return;
             }
             // safari
             if (message.startsWith("import binding name")) {
-              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING
-              return
+              exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
+              return;
             }
             if (message.includes("Importing a module script failed")) {
-              exception.code = DYNAMIC_IMPORT_FETCH_ERROR
-              return
+              exception.code = DYNAMIC_IMPORT_FETCH_ERROR;
+              return;
             }
           }
           js_syntax_error: {
             if (error.name === "SyntaxError" && typeof line === "number") {
-              exception.code = DYNAMIC_IMPORT_SYNTAX_ERROR
-              return
+              exception.code = DYNAMIC_IMPORT_SYNTAX_ERROR;
+              return;
             }
           }
-          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
+          exception.code = reason.code;
+          exception.message = reason.message || message;
+          exception.stack = reason.stack;
           if (reason.reportedBy) {
-            exception.reportedBy = reason.reportedBy
+            exception.reportedBy = reason.reportedBy;
           }
           if (reason.url) {
-            Object.assign(exception.site, resolveUrlSite({ url: reason.url }))
+            Object.assign(exception.site, resolveUrlSite({ url: reason.url }));
           }
-          return
+          return;
         }
-        exception.message = JSON.stringify(reason)
-      }
-      writeBasicProperties()
+        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.originalStack = exception.stack;
         exception.stack = replaceUrls(
           exception.originalStack,
           (serverUrlSite) => {
-            const fileUrlSite = resolveUrlSite(serverUrlSite)
+            const fileUrlSite = resolveUrlSite(serverUrlSite);
             if (exception.site.url === null) {
-              Object.assign(exception.site, fileUrlSite)
+              Object.assign(exception.site, fileUrlSite);
             }
-            return stringifyUrlSite(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)
+          line = parseInt(line);
         }
         if (typeof column === "string") {
-          column = parseInt(column)
+          column = parseInt(column);
         }
-        const fileUrlSite = resolveUrlSite({ url, line, 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
+          fileUrlSite.line = fileUrlSite.line - 1;
         }
-        Object.assign(exception.site, fileUrlSite)
+        Object.assign(exception.site, fileUrlSite);
       }
-      exception.text = stringifyMessageAndStack(exception)
-      return exception
-    }
+      exception.text = stringifyMessageAndStack(exception);
+      return exception;
+    };
 
     const stringifyMessageAndStack = ({ message, stack }) => {
       if (message && stack) {
-        return `${message}\n${stack}`
+        return `${message}\n${stack}`;
       }
       if (stack) {
-        return stack
+        return stack;
       }
-      return message
-    }
+      return message;
+    };
 
     const stringifyUrlSite = ({ url, line, column }) => {
       if (typeof line === "number" && typeof column === "number") {
-        return `${url}:${line}:${column}`
+        return `${url}:${line}:${column}`;
       }
       if (typeof line === "number") {
-        return `${url}:${line}`
+        return `${url}:${line}`;
       }
-      return url
-    }
+      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)
+        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,
@@ -606,7 +607,7 @@ window.__supervisor__ = (() => {
           url: fileUrl,
           line,
           column,
-        }
+        };
       }
       return {
         isInline: false,
@@ -614,40 +615,42 @@ window.__supervisor__ = (() => {
         url: resolveFileUrl(url),
         line,
         column,
-      }
-    }
+      };
+    };
 
     const getErrorStackWithoutErrorMessage = (error) => {
-      let stack = error.stack
-      if (!stack) return ""
-      const messageInStack = `${error.name}: ${error.message}`
+      let stack = error.stack;
+      if (!stack) return "";
+      const messageInStack = `${error.name}: ${error.message}`;
       if (stack.startsWith(messageInStack)) {
-        stack = stack.slice(messageInStack.length)
+        stack = stack.slice(messageInStack.length);
       }
-      const nextLineIndex = stack.indexOf("\n")
+      const nextLineIndex = stack.indexOf("\n");
       if (nextLineIndex > -1) {
-        stack = stack.slice(nextLineIndex + 1)
+        stack = stack.slice(nextLineIndex + 1);
       }
-      return stack
-    }
+      return stack;
+    };
 
     const resolveFileUrl = (url) => {
-      let urlObject = new URL(url, window.origin)
+      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/")
+        const atFsIndex = urlObject.pathname.indexOf("/@fs/");
         if (atFsIndex > -1) {
-          const afterAtFs = urlObject.pathname.slice(atFsIndex + "/@fs/".length)
-          return new URL(afterAtFs, "file:///").href
+          const afterAtFs = urlObject.pathname.slice(
+            atFsIndex + "/@fs/".length,
+          );
+          return new URL(afterAtFs, "file:///").href;
         }
       }
-      return urlObject.href
-    }
+      return urlObject.href;
+    };
 
     // `Error: yo
     // at Object.execute (http://127.0.0.1:57300/build/src/__test__/file-throw.js:9:13)
@@ -658,49 +661,49 @@ window.__supervisor__ = (() => {
     // })
     const replaceUrls = (source, replace) => {
       return source.replace(/(?:https?|ftp|file):\/\/\S+/gm, (match) => {
-        let replacement = ""
-        const lastChar = match[match.length - 1]
+        let replacement = "";
+        const lastChar = match[match.length - 1];
 
         // hotfix because our url regex sucks a bit
-        const endsWithSeparationChar = lastChar === ")" || lastChar === ":"
+        const endsWithSeparationChar = lastChar === ")" || lastChar === ":";
         if (endsWithSeparationChar) {
-          match = match.slice(0, -1)
+          match = match.slice(0, -1);
         }
 
-        const lineAndColumnPattern = /:([0-9]+):([0-9]+)$/
-        const lineAndColumMatch = match.match(lineAndColumnPattern)
+        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]
+          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)
+          const linePattern = /:([0-9]+)$/;
+          const lineMatch = match.match(linePattern);
           if (lineMatch) {
-            const lineString = lineMatch[0]
+            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}${lastChar}`;
         }
-        return replacement
-      })
-    }
+        return replacement;
+      });
+    };
 
-    let formatError
+    let formatError;
     error_formatter: {
       formatError = (exceptionInfo) => {
         const errorParts = {
@@ -709,25 +712,25 @@ window.__supervisor__ = (() => {
           text: "",
           tip: "",
           errorDetailsPromise: null,
-        }
-        const tips = []
-        tips.push("Click outside to close.")
-        errorParts.tip = tips.join(`\n    <br />\n    `)
+        };
+        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 })
+              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"
+                  urlSite.url = "file:///mocked_for_snapshots";
                 }
               }
-              const urlWithLineAndColumn = stringifyUrlSite(urlSite)
+              const urlWithLineAndColumn = stringifyUrlSite(urlSite);
               return {
                 href:
                   urlSite.url.startsWith("file:") && openInEditor
@@ -736,11 +739,11 @@ window.__supervisor__ = (() => {
                       )}')`
                     : urlSite.url,
                 text: urlWithLineAndColumn,
-              }
+              };
             },
-          })
-          return textWithHtmlLinks
-        }
+          });
+          return textWithHtmlLinks;
+        };
 
         errorParts.text = stringifyMessageAndStack({
           message: exceptionInfo.message
@@ -749,11 +752,11 @@ window.__supervisor__ = (() => {
           stack: exceptionInfo.stack
             ? generateClickableText(exceptionInfo.stack)
             : "",
-        })
+        });
         if (exceptionInfo.site.url) {
           errorParts.errorDetailsPromise = (async () => {
             if (!serverIsJsenvDevServer) {
-              return null
+              return null;
             }
             try {
               if (
@@ -766,13 +769,13 @@ window.__supervisor__ = (() => {
                       ? exceptionInfo.site.originalUrl
                       : exceptionInfo.site.url,
                   )}`,
-                )
+                );
                 if (response.status !== 200) {
-                  return null
+                  return null;
                 }
-                const causeInfo = await response.json()
+                const causeInfo = await response.json();
                 if (!causeInfo) {
-                  return null
+                  return null;
                 }
                 const causeText =
                   causeInfo.code === "NOT_FOUND"
@@ -783,10 +786,10 @@ window.__supervisor__ = (() => {
                     : stringifyMessageAndStack({
                         message: generateClickableText(causeInfo.stack),
                         stack: generateClickableText(causeInfo.codeFrame),
-                      })
+                      });
                 return {
                   cause: causeText,
-                }
+                };
               }
               if (exceptionInfo.site.line !== undefined) {
                 const urlToFetch = new URL(
@@ -794,43 +797,43 @@ window.__supervisor__ = (() => {
                     stringifyUrlSite(exceptionInfo.site),
                   )}`,
                   window.origin,
-                )
+                );
                 if (!exceptionInfo.stackSourcemapped) {
-                  urlToFetch.searchParams.set("remap", "")
+                  urlToFetch.searchParams.set("remap", "");
                 }
-                const response = await window.fetch(urlToFetch)
+                const response = await window.fetch(urlToFetch);
                 if (response.status !== 200) {
-                  return null
+                  return null;
                 }
-                const codeFrame = await response.text()
+                const codeFrame = await response.text();
                 return {
                   codeFrame: generateClickableText(codeFrame),
-                }
+                };
               }
             } catch (e) {
               // happens if server is closed for instance
-              return null
+              return null;
             }
-            return null
-          })()
+            return null;
+          })();
         }
-        return errorParts
-      }
+        return errorParts;
+      };
 
       const makeLinksClickable = (
         string,
         { createLink = ({ url }) => url },
       ) => {
         // normalize line breaks
-        string = string.replace(/\n/g, "\n")
-        string = escapeHtml(string)
+        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 { href, text } = createLink({ url, line, column });
+          return link({ href, text });
+        });
+        return string;
+      };
 
       const escapeHtml = (string) => {
         return string
@@ -838,15 +841,15 @@ window.__supervisor__ = (() => {
           .replace(/</g, "&lt;")
           .replace(/>/g, "&gt;")
           .replace(/"/g, "&quot;")
-          .replace(/'/g, "&#039;")
-      }
+          .replace(/'/g, "&#039;");
+      };
 
-      const link = ({ href, text = href }) => `<a href="${href}">${text}</a>`
+      const link = ({ href, text = href }) => `<a href="${href}">${text}</a>`;
     }
 
-    let displayErrorNotification
+    let displayErrorNotification;
     error_notification: {
-      const { Notification } = window
+      const { Notification } = window;
       displayErrorNotification =
         typeof Notification === "function"
           ? ({ title, text, icon }) => {
@@ -855,42 +858,42 @@ window.__supervisor__ = (() => {
                   lang: "en",
                   body: text,
                   icon,
-                })
+                });
                 notification.onclick = () => {
-                  window.focus()
-                }
+                  window.focus();
+                };
               }
             }
-          : () => {}
+          : () => {};
     }
 
-    const JSENV_ERROR_OVERLAY_TAGNAME = "jsenv-error-overlay"
-    let displayJsenvErrorOverlay
+    const JSENV_ERROR_OVERLAY_TAGNAME = "jsenv-error-overlay";
+    let displayJsenvErrorOverlay;
     error_overlay: {
       displayJsenvErrorOverlay = (params) => {
         if (logs) {
-          console.log("display jsenv error overlay", params)
+          console.log("display jsenv error overlay", params);
         }
-        let jsenvErrorOverlay = new JsenvErrorOverlay(params)
+        let jsenvErrorOverlay = new JsenvErrorOverlay(params);
         document
           .querySelectorAll(JSENV_ERROR_OVERLAY_TAGNAME)
           .forEach((node) => {
-            node.parentNode.removeChild(node)
-          })
-        document.body.appendChild(jsenvErrorOverlay)
+            node.parentNode.removeChild(node);
+          });
+        document.body.appendChild(jsenvErrorOverlay);
         const removeErrorOverlay = () => {
           if (jsenvErrorOverlay && jsenvErrorOverlay.parentNode) {
-            document.body.removeChild(jsenvErrorOverlay)
-            jsenvErrorOverlay = null
+            document.body.removeChild(jsenvErrorOverlay);
+            jsenvErrorOverlay = null;
           }
-        }
-        return removeErrorOverlay
-      }
+        };
+        return removeErrorOverlay;
+      };
 
       class JsenvErrorOverlay extends HTMLElement {
         constructor({ theme, title, text, tip, errorDetailsPromise }) {
-          super()
-          this.root = this.attachShadow({ mode: "open" })
+          super();
+          this.root = this.attachShadow({ mode: "open" });
           this.root.innerHTML = `
 <style>
   ${overlayCSS}
@@ -904,50 +907,52 @@ window.__supervisor__ = (() => {
   <div class="tip">
     ${tip}
   </div>
-</div>`
+</div>`;
           this.root.querySelector(".backdrop").onclick = () => {
             if (!this.parentNode) {
               // not in document anymore
-              return
+              return;
             }
-            this.root.querySelector(".backdrop").onclick = null
-            this.parentNode.removeChild(this)
-          }
+            this.root.querySelector(".backdrop").onclick = null;
+            this.parentNode.removeChild(this);
+          };
           if (errorDetailsPromise) {
             errorDetailsPromise.then((errorDetails) => {
               if (!errorDetails || !this.parentNode) {
-                return
+                return;
               }
-              const { codeFrame, cause } = errorDetails
+              const { codeFrame, cause } = errorDetails;
               if (codeFrame) {
-                this.root.querySelector(".text").innerHTML += `\n\n${codeFrame}`
+                this.root.querySelector(
+                  ".text",
+                ).innerHTML += `\n\n${codeFrame}`;
               }
               if (cause) {
-                const causeIndented = prefixRemainingLines(cause, "  ")
+                const causeIndented = prefixRemainingLines(cause, "  ");
                 this.root.querySelector(
                   ".text",
-                ).innerHTML += `\n  [cause]: ${causeIndented}`
+                ).innerHTML += `\n  [cause]: ${causeIndented}`;
               }
-            })
+            });
           }
         }
       }
 
       const prefixRemainingLines = (text, prefix) => {
-        const lines = text.split(/\r?\n/)
-        const firstLine = lines.shift()
-        let result = firstLine
-        let i = 0
+        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`
+          const line = lines[i];
+          i++;
+          result += line.length ? `\n${prefix}${line}` : `\n`;
         }
-        return result
-      }
+        return result;
+      };
 
       if (customElements && !customElements.get(JSENV_ERROR_OVERLAY_TAGNAME)) {
-        customElements.define(JSENV_ERROR_OVERLAY_TAGNAME, JsenvErrorOverlay)
+        customElements.define(JSENV_ERROR_OVERLAY_TAGNAME, JsenvErrorOverlay);
       }
 
       const overlayCSS = `
@@ -1024,13 +1029,13 @@ window.__supervisor__ = (() => {
   
   pre a {
     color: inherit;
-  }`
+  }`;
     }
 
-    supervisor.createException = createException
+    supervisor.createException = createException;
     supervisor.reportException = (exception) => {
       const { theme, title, text, tip, errorDetailsPromise } =
-        formatError(exception)
+        formatError(exception);
 
       if (errorOverlay) {
         const removeErrorOverlay = displayJsenvErrorOverlay({
@@ -1039,37 +1044,37 @@ window.__supervisor__ = (() => {
           text,
           tip,
           errorDetailsPromise,
-        })
+        });
         if (window.__reloader__) {
-          const onchange = window.__reloader__.status.onchange
+          const onchange = window.__reloader__.status.onchange;
           window.__reloader__.status.onchange = () => {
-            onchange()
+            onchange();
             if (window.__reloader__.status.value === "reloading") {
-              removeErrorOverlay()
+              removeErrorOverlay();
             }
-          }
+          };
         }
       }
       if (errorNotification) {
         displayErrorNotification({
           title,
           text,
-        })
+        });
       }
-      return exception
-    }
+      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)
+          console.log("ignore non trusted error event", errorEvent);
         }
-        return
+        return;
       }
       if (logs) {
-        console.log('window "error" event received', errorEvent)
+        console.log('window "error" event received', errorEvent);
       }
-      const { error, message, filename, lineno, colno } = 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
@@ -1077,72 +1082,72 @@ window.__supervisor__ = (() => {
         url: filename,
         line: lineno,
         column: colno,
-      })
-      supervisor.reportException(exception)
-    })
+      });
+      supervisor.reportException(exception);
+    });
     window.addEventListener("unhandledrejection", (event) => {
       if (event.defaultPrevented) {
-        return
+        return;
       }
       const exception = supervisor.createException(event.reason, {
         reportedBy: "window_unhandledrejection_event",
-      })
-      supervisor.reportException(exception)
-    })
-  }
+      });
+      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")
+    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
+    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")
+      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
-  }
+    return scriptClone;
+  };
 
   const getScriptLoadPromise = async (script) => {
     return new Promise((resolve) => {
       const windowErrorEventCallback = (errorEvent) => {
         if (errorEvent.filename === script.src) {
-          removeWindowErrorEventCallback()
+          removeWindowErrorEventCallback();
           resolve({
             detectedBy: "window_error_event",
             failed: true,
             error: errorEvent,
-          })
+          });
         }
-      }
+      };
       const removeWindowErrorEventCallback = () => {
-        window.removeEventListener("error", windowErrorEventCallback)
-      }
-      window.addEventListener("error", windowErrorEventCallback)
+        window.removeEventListener("error", windowErrorEventCallback);
+      };
+      window.addEventListener("error", windowErrorEventCallback);
       script.addEventListener("error", (errorEvent) => {
-        removeWindowErrorEventCallback()
+        removeWindowErrorEventCallback();
         resolve({
           detectedBy: "script_error_event",
           failed: true,
           error: errorEvent,
-        })
-      })
+        });
+      });
       script.addEventListener("load", () => {
-        removeWindowErrorEventCallback()
+        removeWindowErrorEventCallback();
         resolve({
           detectedBy: "script_load_event",
-        })
-      })
-    })
-  }
+        });
+      });
+    });
+  };
 
-  return supervisor
-})()
+  return supervisor;
+})();