@jsenv/core 29.1.19 → 29.2.1

package/dist/js/supervisor.js

@@ -2,7 +2,6 @@ window.__supervisor__ = (() => {
   const notImplemented = () => {
     throw new Error(`window.__supervisor__.setup() not called`);
   };
-
   const executionResults = {};
   const supervisor = {
     reportError: notImplemented,
@@ -12,13 +11,11 @@ window.__supervisor__ = (() => {
     executionResults
   };
   let navigationStartTime;
-
   try {
     navigationStartTime = window.performance.timing.navigationStart;
   } catch (e) {
     navigationStartTime = Date.now();
   }
-
   supervisor.setupReportException = ({
     rootDirectoryUrl,
     errorNotification,
@@ -29,7 +26,6 @@ window.__supervisor__ = (() => {
     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,
       reportedBy,
@@ -57,28 +53,23 @@ window.__supervisor__ = (() => {
           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;
@@ -91,108 +82,88 @@ window.__supervisor__ = (() => {
             exception.stackFormatIsV8 = false;
             exception.stackSourcemapped = false;
           }
-
           if (error.reportedBy) {
             exception.reportedBy = error.reportedBy;
           }
-
           if (error.url) {
             Object.assign(exception.site, resolveUrlSite({
               url: error.url
             }));
           }
-
           if (error.needsReport) {
             exception.needsReport = true;
           }
-
           {
             // chrome
             if (message.includes("does not provide an export named")) {
               exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
               return;
-            } // firefox
-
-
+            }
+            // firefox
             if (message.startsWith("import not found:") || message.startsWith("ambiguous indirect export:")) {
               exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
               return;
-            } // safari
-
-
+            }
+            // safari
             if (message.startsWith("import binding name")) {
               exception.code = DYNAMIC_IMPORT_EXPORT_MISSING;
               return;
             }
           }
-
           {
             if (error.name === "SyntaxError" && typeof line === "number") {
               exception.code = DYNAMIC_IMPORT_SYNTAX_ERROR;
               return;
             }
           }
-
           return;
         }
-
         if (typeof reason === "object") {
           exception.code = reason.code;
           exception.message = reason.message;
           exception.stack = reason.stack;
-
           if (reason.reportedBy) {
             exception.reportedBy = reason.reportedBy;
           }
-
           if (reason.url) {
             Object.assign(exception.site, resolveUrlSite({
               url: reason.url
             }));
           }
-
           if (reason.needsReport) {
             exception.needsReport = true;
           }
-
           return;
         }
-
         exception.message = JSON.stringify(reason);
       };
+      writeBasicProperties();
 
-      writeBasicProperties(); // first create a version of the stack with file://
+      // 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
-
-
+      }
+      // 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
           if (Error.captureStackTrace) {
@@ -202,14 +173,11 @@ window.__supervisor__ = (() => {
             fileUrlSite.line -= 2;
           }
         }
-
         Object.assign(exception.site, fileUrlSite);
       }
-
       exception.text = stringifyMessageAndStack(exception);
       return exception;
     };
-
     const stringifyMessageAndStack = ({
       message,
       stack
@@ -217,14 +185,11 @@ window.__supervisor__ = (() => {
       if (message && stack) {
         return `${message}\n${stack}`;
       }
-
       if (stack) {
         return stack;
       }
-
       return message;
     };
-
     const stringifyUrlSite = ({
       url,
       line,
@@ -233,21 +198,17 @@ window.__supervisor__ = (() => {
       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]);
@@ -256,12 +217,11 @@ window.__supervisor__ = (() => {
         const tagColumnEnd = parseInt(inlineUrlMatch[4]);
         const extension = inlineUrlMatch[5];
         url = htmlUrl;
-        line = tagLineStart + (typeof line === "number" ? line : 0); // stackTrace formatted by V8 (chrome)
-
+        line = tagLineStart + (typeof line === "number" ? line : 0);
+        // stackTrace formatted by V8 (chrome)
         if (Error.captureStackTrace) {
           line--;
         }
-
         column = tagColumnStart + (typeof column === "number" ? column : 0);
         const fileUrl = resolveFileUrl(url);
         return {
@@ -273,7 +233,6 @@ window.__supervisor__ = (() => {
           column
         };
       }
-
       return {
         isInline: false,
         serverUrl: url,
@@ -282,65 +241,53 @@ window.__supervisor__ = (() => {
         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);
-
       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
+    };
+
+    // `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 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];
@@ -353,7 +300,6 @@ window.__supervisor__ = (() => {
         } else {
           const linePattern = /:([0-9]+)$/;
           const lineMatch = match.match(linePattern);
-
           if (lineMatch) {
             const lineString = lineMatch[0];
             replacement = replace({
@@ -366,17 +312,13 @@ window.__supervisor__ = (() => {
             });
           }
         }
-
         if (endsWithSeparationChar) {
           return `${replacement}${lastChar}`;
         }
-
         return replacement;
       });
     };
-
     let formatError;
-
     {
       formatError = exceptionInfo => {
         const errorParts = {
@@ -389,7 +331,6 @@ window.__supervisor__ = (() => {
         const tips = [];
         tips.push("Click outside to close.");
         errorParts.tip = tips.join(`\n    <br />\n    `);
-
         const generateClickableText = text => {
           const textWithHtmlLinks = makeLinksClickable(text, {
             createLink: ({
@@ -402,7 +343,6 @@ window.__supervisor__ = (() => {
                 line,
                 column
               });
-
               if (errorBaseUrl) {
                 if (urlSite.url.startsWith(rootDirectoryUrl)) {
                   urlSite.url = `${errorBaseUrl}${urlSite.url.slice(rootDirectoryUrl.length)}`;
@@ -410,7 +350,6 @@ window.__supervisor__ = (() => {
                   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,
@@ -420,28 +359,22 @@ window.__supervisor__ = (() => {
           });
           return textWithHtmlLinks;
         };
-
         errorParts.text = stringifyMessageAndStack({
           message: exceptionInfo.message ? generateClickableText(exceptionInfo.message) : "",
           stack: exceptionInfo.stack ? generateClickableText(exceptionInfo.stack) : ""
         });
-
         if (exceptionInfo.site.url) {
           errorParts.errorDetailsPromise = (async () => {
             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)
@@ -453,21 +386,17 @@ window.__supervisor__ = (() => {
                   cause: causeText
                 };
               }
-
-              if (exceptionInfo.site.line !== undefined && // code frame showing internal window.reportError is pointless
+              if (exceptionInfo.site.line !== undefined &&
+              // code frame showing internal window.reportError is pointless
               !exceptionInfo.site.url.endsWith(`script_type_module_supervisor.js`)) {
                 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)
@@ -477,14 +406,11 @@ window.__supervisor__ = (() => {
               // happens if server is closed for instance
               return null;
             }
-
             return null;
           })();
         }
-
         return errorParts;
       };
-
       const makeLinksClickable = (string, {
         createLink = ({
           url
@@ -492,8 +418,8 @@ window.__supervisor__ = (() => {
       }) => {
         // normalize line breaks
         string = string.replace(/\n/g, "\n");
-        string = escapeHtml(string); // render links
-
+        string = escapeHtml(string);
+        // render links
         string = replaceUrls(string, ({
           url,
           line,
@@ -514,19 +440,15 @@ window.__supervisor__ = (() => {
         });
         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
@@ -542,17 +464,14 @@ window.__supervisor__ = (() => {
             body: text,
             icon
           });
-
           notification.onclick = () => {
             window.focus();
           };
         }
       } : () => {};
     }
-
     const JSENV_ERROR_OVERLAY_TAGNAME = "jsenv-error-overlay";
     let displayJsenvErrorOverlay;
-
     {
       displayJsenvErrorOverlay = params => {
         let jsenvErrorOverlay = new JsenvErrorOverlay(params);
@@ -560,17 +479,14 @@ window.__supervisor__ = (() => {
           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,
@@ -597,32 +513,26 @@ window.__supervisor__ = (() => {
     ${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}`;
@@ -630,28 +540,22 @@ window.__supervisor__ = (() => {
             });
           }
         }
-
       }
-
       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;
@@ -728,9 +632,7 @@ window.__supervisor__ = (() => {
     color: inherit;
   }`;
     }
-
     supervisor.createException = createException;
-
     supervisor.reportException = exception => {
       const {
         theme,
@@ -739,7 +641,6 @@ window.__supervisor__ = (() => {
         tip,
         errorDetailsPromise
       } = formatError(exception);
-
       if (errorOverlay) {
         const removeErrorOverlay = displayJsenvErrorOverlay({
           theme,
@@ -748,7 +649,6 @@ window.__supervisor__ = (() => {
           tip,
           errorDetailsPromise
         });
-
         if (window.__reloader__) {
           window.__reloader__.onstatuschange = () => {
             if (window.__reloader__.status === "reloading") {
@@ -757,23 +657,19 @@ window.__supervisor__ = (() => {
           };
         }
       }
-
       if (errorNotification) {
         displayErrorNotification({
           title,
           text
         });
       }
-
       return exception;
     };
-
     window.addEventListener("error", errorEvent => {
       if (!errorEvent.isTrusted) {
         // ignore custom error event (not sent by browser)
         return;
       }
-
       const {
         error,
         message,
@@ -796,7 +692,6 @@ window.__supervisor__ = (() => {
       if (event.defaultPrevented) {
         return;
       }
-
       const exception = supervisor.createException({
         reason: event.reason,
         reportedBy: "window_unhandledrejection_event"
@@ -804,7 +699,6 @@ window.__supervisor__ = (() => {
       supervisor.reportException(exception);
     });
   };
-
   supervisor.setup = ({
     rootDirectoryUrl,
     logs,
@@ -819,40 +713,34 @@ window.__supervisor__ = (() => {
       openInEditor
     });
     const supervisedScripts = [];
-    const pendingPromises = []; // respect execution order
+    const pendingPromises = [];
+    // 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.start();
         return;
       }
-
       if (executing) {
         executionQueue.push(execution);
         return;
       }
-
       startThenDequeue(execution);
     };
-
     const startThenDequeue = async execution => {
       executing = true;
       const promise = execution.start();
       await promise;
       executing = false;
-
       if (executionQueue.length) {
         const nextExecution = executionQueue.shift();
         startThenDequeue(nextExecution);
       }
     };
-
     supervisor.addExecution = ({
       type,
       src,
@@ -865,30 +753,25 @@ window.__supervisor__ = (() => {
         async,
         execute
       };
-
       execution.start = () => {
         return superviseExecution(execution, {
           isReload: false
         });
       };
-
       execution.reload = () => {
         return superviseExecution(execution, {
           isReload: true
         });
       };
-
       supervisedScripts.push(execution);
       return addToExecutionQueue(execution);
     };
-
     const superviseExecution = async (execution, {
       isReload
     }) => {
       if (logs) {
         console.group(`[jsenv] loading ${execution.type} ${execution.src}`);
       }
-
       const executionResult = {
         status: "pending",
         loadDuration: null,
@@ -899,7 +782,6 @@ window.__supervisor__ = (() => {
         coverage: null
       };
       executionResults[execution.src] = executionResult;
-
       const monitorScriptLoad = () => {
         const loadStartTime = Date.now();
         let resolveScriptLoadPromise;
@@ -913,7 +795,6 @@ window.__supervisor__ = (() => {
           resolveScriptLoadPromise();
         };
       };
-
       const monitorScriptExecution = () => {
         const executionStartTime = Date.now();
         let resolveExecutionPromise;
@@ -928,36 +809,28 @@ window.__supervisor__ = (() => {
           resolveExecutionPromise();
         };
       };
-
       const onError = e => {
         executionResult.status = "errored";
         const exception = supervisor.createException({
           reason: e
         });
-
         if (exception.needsReport) {
           supervisor.reportException(exception);
         }
-
         executionResult.exception = exception;
       };
-
       const scriptLoadDone = monitorScriptLoad();
-
       try {
         const result = await execution.execute({
           isReload
         });
-
         if (logs) {
           console.log(`${execution.type} load ended`);
           console.groupEnd();
         }
-
         executionResult.status = "loaded";
         scriptLoadDone();
         const scriptExecutionDone = monitorScriptExecution();
-
         if (execution.type === "js_classic") {
           executionResult.status = "completed";
           scriptExecutionDone();
@@ -975,12 +848,10 @@ window.__supervisor__ = (() => {
         if (logs) {
           console.groupEnd();
         }
-
         onError(e);
         scriptLoadDone();
       }
     };
-
     supervisor.superviseScript = async ({
       src,
       async
@@ -1002,14 +873,13 @@ window.__supervisor__ = (() => {
           const loadPromise = new Promise((resolve, reject) => {
             // do not use script.cloneNode()
             // bcause https://stackoverflow.com/questions/28771542/why-dont-clonenode-script-tags-execute
-            currentScriptClone = document.createElement("script"); // browsers set async by default when creating script(s)
+            currentScriptClone = document.createElement("script");
+            // browsers set async by default when creating script(s)
             // we want an exact copy to preserves how code is executed
-
             currentScriptClone.async = false;
             Array.from(currentScript.attributes).forEach(attribute => {
               currentScriptClone.setAttribute(attribute.nodeName, attribute.nodeValue);
             });
-
             if (isReload) {
               urlObject.searchParams.set("hmr", Date.now());
               nodeToReplace = currentScriptClone;
@@ -1023,12 +893,10 @@ window.__supervisor__ = (() => {
               nodeToReplace = currentScript;
               currentScriptClone.src = src;
             }
-
             currentScriptClone.addEventListener("error", reject);
             currentScriptClone.addEventListener("load", resolve);
             parentNode.replaceChild(currentScriptClone, nodeToReplace);
           });
-
           try {
             await loadPromise;
           } catch (e) {
@@ -1044,7 +912,6 @@ window.__supervisor__ = (() => {
         }
       });
     };
-
     supervisor.reloadSupervisedScript = ({
       type,
       src
@@ -1053,15 +920,12 @@ window.__supervisor__ = (() => {
         if (type && supervisedScriptCandidate.type !== type) {
           return false;
         }
-
         return supervisedScriptCandidate.src === src;
       });
-
       if (supervisedScript) {
         supervisedScript.reload();
       }
     };
-
     supervisor.getDocumentExecutionResult = async () => {
       // just to be super safe and ensure any <script type="module"> got a chance to execute
       const documentReadyPromise = new Promise(resolve => {
@@ -1069,29 +933,24 @@ window.__supervisor__ = (() => {
           resolve();
           return;
         }
-
         const loadCallback = () => {
           window.removeEventListener("load", loadCallback);
           resolve();
         };
-
         window.addEventListener("load", loadCallback);
       });
       await documentReadyPromise;
-
       const waitScriptExecutions = async () => {
         const numberOfPromises = pendingPromises.length;
-        await Promise.all(pendingPromises); // new scripts added while the other where executing
+        await Promise.all(pendingPromises);
+        // new scripts added while the other where executing
         // (should happen only on webkit where
         // script might be added after window load event)
-
         await new Promise(resolve => setTimeout(resolve));
-
         if (pendingPromises.length > numberOfPromises) {
           await waitScriptExecutions();
         }
       };
-
       await waitScriptExecutions();
       return {
         status: "completed",
@@ -1101,6 +960,5 @@ window.__supervisor__ = (() => {
       };
     };
   };
-
   return supervisor;
 })();