@jsenv/core 29.1.18 → 29.2.0

package/dist/controllable_worker_thread.mjs

@@ -11,13 +11,12 @@ const ACTION_REQUEST_EVENT_NAME = "action";
 const ACTION_RESPONSE_EVENT_NAME = "action-result";
 const ACTION_RESPONSE_STATUS_FAILED = "action-failed";
 const ACTION_RESPONSE_STATUS_COMPLETED = "action-completed";
-
 const sendActionFailed = error => {
   if (error.hasOwnProperty("toString")) {
     delete error.toString;
   }
-
-  sendToParent(ACTION_RESPONSE_EVENT_NAME, // process.send algorithm does not send non enumerable values
+  sendToParent(ACTION_RESPONSE_EVENT_NAME,
+  // process.send algorithm does not send non enumerable values
   // so use @jsenv/uneval
   uneval({
     status: ACTION_RESPONSE_STATUS_FAILED,
@@ -26,9 +25,9 @@ const sendActionFailed = error => {
     ignoreSymbols: true
   }));
 };
-
 const sendActionCompleted = value => {
-  sendToParent(ACTION_RESPONSE_EVENT_NAME, // here we use JSON.stringify because we should not
+  sendToParent(ACTION_RESPONSE_EVENT_NAME,
+  // here we use JSON.stringify because we should not
   // have non enumerable value (unlike there is on Error objects)
   // otherwise uneval is quite slow to turn a giant object
   // into a string (and value can be giant when using coverage)
@@ -37,7 +36,6 @@ const sendActionCompleted = value => {
     value
   }));
 };
-
 const sendToParent = (type, data) => {
   // this can keep process alive longer than expected
   // when source is a long string.
@@ -49,51 +47,41 @@ const sendToParent = (type, data) => {
     data
   });
 };
-
 const onceParentMessage = (type, callback) => {
   const listener = message => {
     if (message && message.jsenv && message.type === type) {
       removeListener(); // commenting this line keep this worker alive
-
       callback(message.data);
     }
   };
-
   const removeListener = () => {
     parentPort.removeListener("message", listener);
   };
-
   parentPort.on("message", listener);
   return removeListener;
 };
-
 const removeActionRequestListener = onceParentMessage(ACTION_REQUEST_EVENT_NAME, async ({
   actionType,
   actionParams
 }) => {
   const action = ACTIONS_AVAILABLE[actionType];
-
   if (!action) {
     sendActionFailed(new Error(`unknown action ${actionType}`));
     return;
   }
-
   let value;
   let failed = false;
-
   try {
     value = await action(actionParams);
   } catch (e) {
     failed = true;
     value = e;
   }
-
   if (failed) {
     sendActionFailed(value);
   } else {
     sendActionCompleted(value);
   }
-
   if (actionParams.exitAfterAction) {
     removeActionRequestListener();
   }

package/dist/js/autoreload.js

@@ -3,11 +3,9 @@ import { parseSrcSet, stringifySrcSet } from "@jsenv/ast/src/html/html_src_set.j
 
 const isAutoreloadEnabled = () => {
   const value = window.localStorage.getItem("autoreload");
-
   if (value === "0") {
     return false;
   }
-
   return true;
 };
 const setAutoreloadPreference = value => {
@@ -18,7 +16,6 @@ const compareTwoUrlPaths = (url, otherUrl) => {
   if (url === otherUrl) {
     return true;
   }
-
   const urlObject = new URL(url);
   const otherUrlObject = new URL(otherUrl);
   return urlObject.origin === otherUrlObject.origin && urlObject.pathname === otherUrlObject.pathname;
@@ -36,33 +33,28 @@ const injectQuery = (url, query) => {
 
 const reloadHtmlPage = () => {
   window.location.reload(true);
-}; // This function can consider everything as hot reloadable:
+};
+
+// This function can consider everything as hot reloadable:
 // - no need to check [hot-accept]and [hot-decline] attributes for instance
 // This is because if something should full reload, we receive "full_reload"
 // from server and this function is not called
-
 const getDOMNodesUsingUrl = urlToReload => {
   const nodes = [];
-
   const shouldReloadUrl = urlCandidate => {
     return compareTwoUrlPaths(urlCandidate, urlToReload);
   };
-
   const visitNodeAttributeAsUrl = (node, attributeName) => {
     let attribute = node[attributeName];
-
     if (!attribute) {
       return;
     }
-
     if (SVGAnimatedString && attribute instanceof SVGAnimatedString) {
       attribute = attribute.animVal;
     }
-
     if (!shouldReloadUrl(attribute)) {
       return;
     }
-
     nodes.push({
       node,
       reload: () => {
@@ -74,7 +66,6 @@ const getDOMNodesUsingUrl = urlToReload => {
           copy.src = injectQuery(node.src, {
             hmr: Date.now()
           });
-
           if (node.parentNode) {
             node.parentNode.replaceChild(copy, node);
           } else {
@@ -88,7 +79,6 @@ const getDOMNodesUsingUrl = urlToReload => {
       }
     });
   };
-
   Array.from(document.querySelectorAll(`link[rel="stylesheet"]`)).forEach(link => {
     visitNodeAttributeAsUrl(link, "href");
   });
@@ -98,10 +88,8 @@ const getDOMNodesUsingUrl = urlToReload => {
   Array.from(document.querySelectorAll("script")).forEach(script => {
     visitNodeAttributeAsUrl(script, "src");
     const inlinedFromSrc = script.getAttribute("inlined-from-src");
-
     if (inlinedFromSrc) {
       const inlinedFromUrl = new URL(inlinedFromSrc, window.location.origin).href;
-
       if (shouldReloadUrl(inlinedFromUrl)) {
         nodes.push({
           node: script,
@@ -112,28 +100,26 @@ const getDOMNodesUsingUrl = urlToReload => {
         });
       }
     }
-  }); // There is no real need to update a.href because the resource will be fetched when clicked.
+  });
+  // There is no real need to update a.href because the resource will be fetched when clicked.
   // But in a scenario where the resource was already visited and is in browser cache, adding
   // the dynamic query param ensure the cache is invalidated
-
   Array.from(document.querySelectorAll("a")).forEach(a => {
     visitNodeAttributeAsUrl(a, "href");
-  }); // About iframes:
+  });
+  // About iframes:
   // - By default iframe itself and everything inside trigger a parent page full-reload
   // - Adding [hot-accept] on the iframe means parent page won't reload when iframe full/hot reload
   //   In that case and if there is code in the iframe and parent doing post message communication:
   //   you must put import.meta.hot.decline() for code involved in communication.
   //   (both in parent and iframe)
-
   Array.from(document.querySelectorAll("img")).forEach(img => {
     visitNodeAttributeAsUrl(img, "src");
     const srcset = img.srcset;
-
     if (srcset) {
       const srcCandidates = parseSrcSet(srcset);
       srcCandidates.forEach(srcCandidate => {
         const url = new URL(srcCandidate.specifier, `${window.location.href}`);
-
         if (shouldReloadUrl(url)) {
           srcCandidate.specifier = injectQuery(url, {
             hmr: Date.now()
@@ -150,12 +136,12 @@ const getDOMNodesUsingUrl = urlToReload => {
   });
   Array.from(document.querySelectorAll("source")).forEach(source => {
     visitNodeAttributeAsUrl(source, "src");
-  }); // svg image tag
-
+  });
+  // svg image tag
   Array.from(document.querySelectorAll("image")).forEach(image => {
     visitNodeAttributeAsUrl(image, "href");
-  }); // svg use
-
+  });
+  // svg use
   Array.from(document.querySelectorAll("use")).forEach(use => {
     visitNodeAttributeAsUrl(use, "href");
   });
@@ -183,7 +169,6 @@ const reloader = {
   messages: [],
   addMessage: reloadMessage => {
     reloader.messages.push(reloadMessage);
-
     if (isAutoreloadEnabled()) {
       reloader.reload();
     } else {
@@ -192,42 +177,34 @@ const reloader = {
   },
   reload: () => {
     const someEffectIsFullReload = reloader.messages.some(reloadMessage => reloadMessage.type === "full");
-
     if (someEffectIsFullReload) {
       reloadHtmlPage();
       return;
     }
-
     reloader.setStatus("reloading");
-
     const onApplied = reloadMessage => {
       const index = reloader.messages.indexOf(reloadMessage);
       reloader.messages.splice(index, 1);
-
       if (reloader.messages.length === 0) {
         reloader.setStatus("idle");
       }
     };
-
     const setReloadMessagePromise = (reloadMessage, promise) => {
       promise.then(() => {
         onApplied(reloadMessage);
         reloader.currentExecution = null;
       }, e => {
         reloader.setStatus("failed");
-
         if (typeof window.reportError === "function") {
           window.reportError(e);
         } else {
           console.error(e);
         }
-
         console.error(`[jsenv] Hot reload failed after ${reloadMessage.reason}.
 This could be due to syntax errors or importing non-existent modules (see errors in console)`);
         reloader.currentExecution = null;
       });
     };
-
     reloader.messages.forEach(reloadMessage => {
       if (reloadMessage.type === "hot") {
         const promise = addToHotQueue(() => {
@@ -242,21 +219,17 @@ This could be due to syntax errors or importing non-existent modules (see errors
 };
 let pendingCallbacks = [];
 let running = false;
-
 const addToHotQueue = async callback => {
   pendingCallbacks.push(callback);
   dequeue();
 };
-
 const dequeue = async () => {
   if (running) {
     return;
   }
-
   const callbacks = pendingCallbacks.slice();
   pendingCallbacks = [];
   running = true;
-
   try {
     await callbacks.reduce(async (previous, callback) => {
       await previous;
@@ -264,13 +237,11 @@ const dequeue = async () => {
     }, Promise.resolve());
   } finally {
     running = false;
-
     if (pendingCallbacks.length) {
       dequeue();
     }
   }
 };
-
 const applyHotReload = async ({
   hotInstructions
 }) => {
@@ -281,14 +252,14 @@ const applyHotReload = async ({
   }) => {
     await previous;
     const urlToFetch = new URL(boundary, `${window.location.origin}/`).href;
-    const urlHotMeta = urlHotMetas[urlToFetch]; // there is no url hot meta when:
+    const urlHotMeta = urlHotMetas[urlToFetch];
+    // there is no url hot meta when:
     // - code was not executed (code splitting with dynamic import)
     // - import.meta.hot.accept() is not called (happens for HTML and CSS)
 
     if (type === "prune") {
       if (urlHotMeta) {
         delete urlHotMetas[urlToFetch];
-
         if (urlHotMeta.disposeCallback) {
           console.groupCollapsed(`[jsenv] cleanup ${boundary} (previously used in ${acceptedBy})`);
           console.log(`call dispose callback`);
@@ -296,53 +267,43 @@ const applyHotReload = async ({
           console.groupEnd();
         }
       }
-
       return null;
     }
-
     if (acceptedBy === boundary) {
       console.groupCollapsed(`[jsenv] hot reloading ${boundary}`);
     } else {
       console.groupCollapsed(`[jsenv] hot reloading ${acceptedBy} usage in ${boundary}`);
     }
-
     if (type === "js_module") {
       if (!urlHotMeta) {
         // code was not executed, no need to re-execute it
         return null;
       }
-
       if (urlHotMeta.disposeCallback) {
         console.log(`call dispose callback`);
         await urlHotMeta.disposeCallback();
       }
-
       console.log(`importing js module`);
       reloader.currentExecution = {
         type: "dynamic_import",
         url: urlToFetch
       };
       const namespace = await reloadJsImport(urlToFetch);
-
       if (urlHotMeta.acceptCallback) {
         await urlHotMeta.acceptCallback(namespace);
       }
-
       console.log(`js module import done`);
       console.groupEnd();
       return namespace;
     }
-
     if (type === "html") {
       if (!compareTwoUrlPaths(urlToFetch, window.location.href)) {
         // we are not in that HTML page
         return null;
       }
-
       const urlToReload = new URL(acceptedBy, `${window.location.origin}/`).href;
       const domNodesUsingUrl = getDOMNodesUsingUrl(urlToReload);
       const domNodesCount = domNodesUsingUrl.length;
-
       if (domNodesCount === 0) {
         console.log(`no dom node using ${acceptedBy}`);
       } else if (domNodesCount === 1) {
@@ -354,18 +315,14 @@ const applyHotReload = async ({
           domNodesUsingUrl.reload();
         });
       }
-
       console.groupEnd();
       return null;
     }
-
     console.warn(`unknown update type: "${type}"`);
     return null;
   }, Promise.resolve());
 };
-
 window.__reloader__ = reloader;
-
 window.__server_events__.listenEvents({
   reload: reloadServerEvent => {
     reloader.addMessage(reloadServerEvent.data);