@jsenv/core 25.4.4 → 25.5.0

package/dist/toolbar/{toolbar_0a91ca3b.html → toolbar_9a52325b.html}

@@ -96,8 +96,9 @@
 }
 .browser_support_text[data-warning],
 .files_compilation_text[data-warning] {
-  background: orange;
-  color: black;
+  color: #cb5909;
+  margin-bottom: 5px;
+  display: block;
 }
 button:focus,
 a:focus,
@@ -283,8 +284,7 @@ Because for some element we set the focus outline on a div which would not match
   position: relative;
 }
 #settings-button[data-warning] svg {
-  fill: orange;
-  stroke: darkorange;
+  fill: #cb5909;
 }
 #settings-button[data-warning] svg:hover {
   fill: darkorange !important;
@@ -790,7 +790,7 @@ html[data-toolbar-visible] #toolbar-trigger {
   color: inherit;
 }
 
-/*# sourceMappingURL=assets/toolbar.main.css_269d7ce2.map */</style>
+/*# sourceMappingURL=assets/toolbar.main.css_b7d8bec1.map */</style>
   <script id="jsenv_inject_systemjs">/*
 * SJS 6.11.0
 * Minimal SystemJS Build
@@ -1821,7 +1821,7 @@ html[data-toolbar-visible] #toolbar-trigger {
                   <div class="category-subtitle">
                     Send system notification when execution fails or is fixed.
                     <div class="notification-text">
-                      <a data-when="notif_permission:no" class="request_notification_permission" href="javascript:void(0);">Enable notification</a>
+                      <a data-when="notif_granted:no" class="request_notification_permission" href="javascript:void(0);">Enable notification</a>
                     </div>
                   </div>
                 </div>
@@ -1929,8 +1929,11 @@ html[data-toolbar-visible] #toolbar-trigger {
           </div>
           <button id="settings-button" class="toolbar-icon-wrapper">
             <div data-when="has_warning:yes">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.999 511.999" width="24px" height="24px" class="iconToolbar">
-                <path d="M506.43 421.536 291.573 49.394c-15.814-27.391-55.327-27.401-71.147 0L5.568 421.536c-15.814 27.391 3.934 61.616 35.574 61.616h429.714c31.629.001 51.394-34.214 35.574-61.616zm-231.609-36.502c0 10.394-8.427 18.821-18.821 18.821s-18.821-8.427-18.821-18.821v-11.239c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v11.239zm0-73.332c0 10.394-8.427 18.821-18.821 18.821s-18.821-8.427-18.821-18.821v-107.89c0-10.394 8.427-18.821 18.821-18.821s18.821 8.427 18.821 18.821v107.89z"></path>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.818 45.818" width="20px" height="20px" class="iconToolbar" style="transform: rotate(180deg)">
+                <path d="M22.909,0C10.258,0,0,10.257,0,22.908c0,12.652,10.258,22.91,22.909,22.91s22.909-10.258,22.909-22.91
+               C45.818,10.257,35.561,0,22.909,0z M26.411,35.417c0,1.921-1.573,3.478-3.492,3.478c-1.92,0-3.492-1.557-3.492-3.478V20.201
+               c0-1.92,1.572-3.477,3.492-3.477c1.919,0,3.492,1.556,3.492,3.477V35.417z M22.909,13.851c-2.119,0-3.837-1.718-3.837-3.836
+               c0-2.12,1.718-3.836,3.837-3.836c2.118,0,3.837,1.716,3.837,3.836C26.746,12.133,25.027,13.851,22.909,13.851z"></path>
               </svg>
             </div>
             <div data-when="has_warning:no">
@@ -2426,6 +2429,19 @@ html[data-toolbar-visible] #toolbar-trigger {
         document.documentElement.setAttribute("data-last-interaction", "keyboard");
       });
 
+      var setLinkHrefForParentWindow = function setLinkHrefForParentWindow(a, href) {
+        a.href = href;
+
+        a.onclick = function (e) {
+          if (e.ctrlKey || e.metaKey) {
+            return;
+          }
+
+          e.preventDefault();
+          window.parent.location.href = href;
+        };
+      };
+
       var createPreference = function createPreference(name) {
         return {
           has: function has() {
@@ -2671,56 +2687,88 @@ html[data-toolbar-visible] #toolbar-trigger {
       var arrayOfOpenedNotifications = [];
 
       var renderToolbarNotification = function renderToolbarNotification() {
-        var notifCheckbox = document.querySelector("#toggle-notifs");
-
         if (!notificationAvailable) {
-          var notifSetting = document.querySelector(".settings-notification");
-          notifSetting.setAttribute("data-disabled", "true");
-          notifSetting.setAttribute("title", "Notification not available in the browser");
-          notifCheckbox.disabled = true;
+          applyNotificationNotAvailableEffects();
           return;
         }
 
-        var updatePermission = function updatePermission() {
-          if (Notification.permission === "denied") {
-            var _notifSetting = document.querySelector(".settings-notification");
+        updatePermission();
+      };
 
-            _notifSetting.setAttribute("data-disabled", "true");
+      var updatePermission = function updatePermission() {
+        var notifPermission = Notification.permission;
 
-            _notifSetting.setAttribute("title", "Notification denied");
+        if (notifPermission === "default") {
+          applyNotificationDefaultEffects();
+          return;
+        }
 
-            notifCheckbox.disabled = true;
-            return;
-          }
+        if (notifPermission === "denied") {
+          applyNotificationDeniedEffects();
+          return;
+        }
 
-          notifCheckbox.checked = getNotificationPreference();
+        if (notifPermission === "granted") {
+          applyNotificationGrantedEffects();
+          return;
+        }
+      };
 
-          notifCheckbox.onchange = function () {
-            setNotificationPreference(notifCheckbox.checked);
+      var notifCheckbox = document.querySelector("#toggle-notifs");
 
-            if (!notifCheckbox.checked) {
-              // slice because arrayOfOpenedNotifications can be mutated while looping
-              arrayOfOpenedNotifications.slice().forEach(function (notification) {
-                notification.close();
-              });
-            }
-          };
+      var applyNotificationNotAvailableEffects = function applyNotificationNotAvailableEffects() {
+        var notifSetting = document.querySelector(".settings-notification");
+        notifSetting.setAttribute("data-disabled", "true");
+        notifSetting.setAttribute("title", "Notification not available in the browser");
+        notifCheckbox.disabled = true;
+      };
 
-          var notifPermission = Notification.permission;
-          enableVariant(document.querySelector(".notification-text"), {
-            notif_permission: notifPermission === "granted" ? "yes" : "no"
-          });
+      var applyNotificationDefaultEffects = function applyNotificationDefaultEffects() {
+        applyNotificationNOTGrantedEffects();
+        var notifSetting = document.querySelector(".settings-notification");
+        notifSetting.removeAttribute("data-disabled");
+        notifSetting.removeAttribute("title");
+      };
 
-          if (notifPermission === "default") {
-            document.querySelector("a.request_notification_permission").onclick = function () {
-              requestPermission().then(function () {
-                updatePermission();
-              });
-            };
+      var applyNotificationDeniedEffects = function applyNotificationDeniedEffects() {
+        applyNotificationNOTGrantedEffects();
+        var notifSetting = document.querySelector(".settings-notification");
+        notifSetting.setAttribute("data-disabled", "true");
+        notifSetting.setAttribute("title", "Notification denied");
+      };
+
+      var applyNotificationGrantedEffects = function applyNotificationGrantedEffects() {
+        enableVariant(document.querySelector(".notification-text"), {
+          notif_granted: "yes"
+        });
+        notifCheckbox.disabled = false;
+        notifCheckbox.checked = getNotificationPreference();
+
+        notifCheckbox.onchange = function () {
+          setNotificationPreference(notifCheckbox.checked);
+
+          if (!notifCheckbox.checked) {
+            // slice because arrayOfOpenedNotifications can be mutated while looping
+            arrayOfOpenedNotifications.slice().forEach(function (notification) {
+              notification.close();
+            });
           }
         };
+      };
 
-        updatePermission();
+      var applyNotificationNOTGrantedEffects = function applyNotificationNOTGrantedEffects() {
+        enableVariant(document.querySelector(".notification-text"), {
+          notif_granted: "no"
+        });
+        notifCheckbox.disabled = true;
+        notifCheckbox.checked = false;
+
+        document.querySelector("a.request_notification_permission").onclick = function () {
+          requestPermission().then(function () {
+            setNotificationPreference(true);
+            updatePermission();
+          });
+        };
       };
 
       var notifyExecutionResult = function notifyExecutionResult(executedFileRelativeUrl, execution, previousExecution) {
@@ -4426,21 +4474,10 @@ html[data-toolbar-visible] #toolbar-trigger {
             document.querySelector(".files_compilation_text").innerHTML = "Files shown are compiled for ".concat(runtimeReport.name, "@").concat(runtimeReport.version);
           }
 
-          filesCompilationRootNode.querySelector("a.link_to_source_files").onclick = function () {
-            window.parent.location.href = "/".concat(compileGroup.fileRelativeUrl);
-          };
-
-          filesCompilationRootNode.querySelector("a.link_to_compiled_files").onclick = function () {
-            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl).concat(expectedCompiledId, "/").concat(compileGroup.fileRelativeUrl);
-          };
-
-          filesCompilationRootNode.querySelector("a.link_to_compilation_forced_files").onclick = function () {
-            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl, "force/").concat(compileGroup.fileRelativeUrl);
-          };
-
-          filesCompilationRootNode.querySelector("a.link_to_appropriate_files").onclick = function () {
-            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl).concat(expectedCompiledId, "/").concat(compileGroup.fileRelativeUrl);
-          };
+          setLinkHrefForParentWindow(filesCompilationRootNode.querySelector("a.link_to_source_files"), "/".concat(compileGroup.fileRelativeUrl));
+          setLinkHrefForParentWindow(filesCompilationRootNode.querySelector("a.link_to_compiled_files"), "/".concat(jsenvDirectoryRelativeUrl).concat(expectedCompiledId, "/").concat(compileGroup.fileRelativeUrl));
+          setLinkHrefForParentWindow(filesCompilationRootNode.querySelector("a.link_to_compilation_forced_files"), "/".concat(jsenvDirectoryRelativeUrl, "force/").concat(compileGroup.fileRelativeUrl));
+          setLinkHrefForParentWindow(filesCompilationRootNode.querySelector("a.link_to_appropriate_files"), "/".concat(jsenvDirectoryRelativeUrl).concat(expectedCompiledId, "/").concat(compileGroup.fileRelativeUrl));
 
           if (hasWarning) {
             enableWarningStyle();
@@ -4739,10 +4776,7 @@ html[data-toolbar-visible] #toolbar-trigger {
           });
         }
 
-        document.querySelector(".toolbar-icon-wrapper").onclick = function () {
-          window.parent.location.href = "/";
-        };
-
+        setLinkHrefForParentWindow(document.querySelector(".toolbar-icon-wrapper"), "/");
         renderToolbarNotification();
         makeToolbarResponsive();
         renderToolbarSettings();
@@ -4935,7 +4969,7 @@ html[data-toolbar-visible] #toolbar-trigger {
   };
 });
 
-//# sourceMappingURL=toolbar.main_279b3a68.js.map</script>
+//# sourceMappingURL=toolbar.main_2c56a4e0.js.map</script>
   
 
 </body></html>

package/dist/toolbar_injector/asset-manifest.json

@@ -1,5 +1,5 @@
 {
   "assets/jsenv-logo.svg": "assets/jsenv-logo_188b9ca6.svg",
-  "toolbar_injector.js": "toolbar_injector_34f6ad8e.js",
-  "toolbar_injector.js.map": "toolbar_injector_34f6ad8e.js.map"
+  "toolbar_injector.js": "toolbar_injector_1e193101.js",
+  "toolbar_injector.js.map": "toolbar_injector_1e193101.js.map"
 }

package/dist/toolbar_injector/{toolbar_injector_34f6ad8e.js → toolbar_injector_1e193101.js}

@@ -746,7 +746,7 @@
     return then ? value.then(then) : value;
   }
 
-  var TOOLBAR_BUILD_RELATIVE_URL = "dist/toolbar/toolbar_0a91ca3b.html";
+  var TOOLBAR_BUILD_RELATIVE_URL = "dist/toolbar/toolbar_9a52325b.html";
 
   function _call(body, then, direct) {
     if (direct) {
@@ -973,4 +973,4 @@
 
 })();
 
-//# sourceMappingURL=toolbar_injector_34f6ad8e.js.map
+//# sourceMappingURL=toolbar_injector_1e193101.js.map

package/dist/toolbar_injector/{toolbar_injector_34f6ad8e.js.map → toolbar_injector_1e193101.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "file": "toolbar_injector_34f6ad8e.js",
+  "file": "toolbar_injector_1e193101.js",
   "sources": [
     "../../helpers/babel/typeof/typeof.js",
     "../../helpers/babel/defineProperty/defineProperty.js",
@@ -25,7 +25,7 @@
     "import { fetchUrl } from \"./fetch_browser.js\"\n\nexport const fetchJson = async (url, options = {}) => {\n  const response = await fetchUrl(url, options)\n  const object = await response.json()\n  return object\n}\n",
     "import { fetchJson } from \"../../browser_utils/fetchJson.js\"\n\nexport const fetchExploringJson = async ({ signal } = {}) => {\n  try {\n    const exploringInfo = await fetchJson(\"/.jsenv/exploring.json\", {\n      signal,\n    })\n    return exploringInfo\n  } catch (e) {\n    if (signal && signal.aborted && e.name === \"AbortError\") {\n      throw e\n    }\n    throw new Error(\n      `Cannot communicate with exploring server due to a network error\n--- error stack ---\n${e.stack}`,\n    )\n  }\n}\n",
     "export const updateIframeOverflowOnParentWindow = () => {\n  if (!window.parent) {\n    // can happen while parent iframe reloads\n    return\n  }\n\n  const aTooltipIsOpened =\n    document.querySelector(\"[data-tooltip-visible]\") ||\n    document.querySelector(\"[data-tooltip-auto-visible]\")\n  const settingsAreOpened = document.querySelector(\"#settings[data-active]\")\n\n  if (aTooltipIsOpened || settingsAreOpened) {\n    enableIframeOverflowOnParentWindow()\n  } else {\n    disableIframeOverflowOnParentWindow()\n  }\n}\n\nlet iframeOverflowEnabled = false\nconst enableIframeOverflowOnParentWindow = () => {\n  if (iframeOverflowEnabled) return\n  iframeOverflowEnabled = true\n\n  const iframe = getToolbarIframe()\n  const transitionDuration = iframe.style.transitionDuration\n  setStyles(iframe, { \"height\": \"100%\", \"transition-duration\": \"0ms\" })\n  if (transitionDuration) {\n    setTimeout(() => {\n      setStyles(iframe, { \"transition-duration\": transitionDuration })\n    })\n  }\n}\n\nconst disableIframeOverflowOnParentWindow = () => {\n  if (!iframeOverflowEnabled) return\n  iframeOverflowEnabled = false\n\n  const iframe = getToolbarIframe()\n  const transitionDuration = iframe.style.transitionDuration\n  setStyles(iframe, { \"height\": \"40px\", \"transition-duration\": \"0ms\" })\n  if (transitionDuration) {\n    setTimeout(() => {\n      setStyles(iframe, { \"transition-duration\": transitionDuration })\n    })\n  }\n}\n\nexport const getToolbarIframe = () => {\n  const iframes = Array.from(window.parent.document.querySelectorAll(\"iframe\"))\n  return iframes.find((iframe) => iframe.contentWindow === window)\n}\n\nexport const forceHideElement = (element) => {\n  element.setAttribute(\"data-force-hide\", \"\")\n}\n\nexport const removeForceHideElement = (element) => {\n  element.removeAttribute(\"data-force-hide\")\n}\n\nexport const setStyles = (element, styles) => {\n  const elementStyle = element.style\n  const restoreStyles = Object.keys(styles).map((styleName) => {\n    let restore\n    if (styleName in elementStyle) {\n      const currentStyle = elementStyle[styleName]\n      restore = () => {\n        elementStyle[styleName] = currentStyle\n      }\n    } else {\n      restore = () => {\n        delete elementStyle[styleName]\n      }\n    }\n\n    elementStyle[styleName] = styles[styleName]\n\n    return restore\n  })\n  return () => {\n    restoreStyles.forEach((restore) => restore())\n  }\n}\n\nexport const setAttributes = (element, attributes) => {\n  Object.keys(attributes).forEach((name) => {\n    element.setAttribute(name, attributes[name])\n  })\n}\n\nexport const getDocumentScroll = () => {\n  return {\n    x: document.documentElement.scrollLeft,\n    y: document.documentElement.scrollTop,\n  }\n}\n\nexport const toolbarSectionIsActive = (element) => {\n  return element.hasAttribute(\"data-active\")\n}\n\nexport const activateToolbarSection = (element) => {\n  element.setAttribute(\"data-active\", \"\")\n}\n\nexport const deactivateToolbarSection = (element) => {\n  element.removeAttribute(\"data-active\")\n}\n",
-    "import { fetchExploringJson } from \"@jsenv/core/src/internal/dev_server/exploring/fetchExploringJson.js\"\nimport { setAttributes, setStyles } from \"./util/dom.js\"\n\n// eslint-disable-next-line no-undef\nconst TOOLBAR_BUILD_RELATIVE_URL = \"dist/toolbar/toolbar_0a91ca3b.html\"\nconst jsenvLogoSvgUrl = new URL(\"./jsenv-logo.svg\", import.meta.url)\n\nconst injectToolbar = async () => {\n  await new Promise((resolve) => {\n    if (window.requestIdleCallback) {\n      window.requestIdleCallback(resolve, { timeout: 400 })\n    } else {\n      window.requestAnimationFrame(resolve)\n    }\n  })\n  const exploringJSON = await fetchExploringJson()\n  const placeholder = getToolbarPlaceholder()\n\n  const iframe = document.createElement(\"iframe\")\n  setAttributes(iframe, {\n    tabindex: -1,\n    // sandbox: \"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation\",\n    // allow: \"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr\",\n    allowtransparency: true,\n  })\n  setStyles(iframe, {\n    \"position\": \"fixed\",\n    \"zIndex\": 1000,\n    \"bottom\": 0,\n    \"left\": 0,\n    \"width\": \"100%\",\n    \"height\": 0,\n    /* ensure toolbar children are not focusable when hidden */\n    \"visibility\": \"hidden\",\n    \"transition-duration\": \"300ms\",\n    \"transition-property\": \"height, visibility\",\n    \"border\": \"none\",\n  })\n  const iframeLoadedPromise = iframeToLoadedPromise(iframe)\n  const jsenvCoreDirectoryServerUrl = new URL(\n    exploringJSON.jsenvCoreDirectoryRelativeUrl,\n    document.location.origin,\n  ).href\n  const jsenvToolbarHtmlServerUrl = new URL(\n    TOOLBAR_BUILD_RELATIVE_URL,\n    jsenvCoreDirectoryServerUrl,\n  )\n  // set iframe src BEFORE putting it into the DOM (prevent firefox adding an history entry)\n  iframe.setAttribute(\"src\", jsenvToolbarHtmlServerUrl)\n  placeholder.parentNode.replaceChild(iframe, placeholder)\n\n  addToolbarEventCallback(iframe, \"toolbar_ready\", () => {\n    sendCommandToToolbar(iframe, \"renderToolbar\", { exploringJSON })\n  })\n\n  await iframeLoadedPromise\n  iframe.removeAttribute(\"tabindex\")\n\n  const div = document.createElement(\"div\")\n  div.innerHTML = `\n<div id=\"jsenv-toolbar-trigger\">\n  <svg id=\"jsenv-toolbar-trigger-icon\">\n    <use xlink:href=\"${jsenvLogoSvgUrl}#jsenv-logo\"></use>\n  </svg>\n  <style>\n    #jsenv-toolbar-trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      margin: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>`\n  const toolbarTrigger = div.firstElementChild\n  iframe.parentNode.appendChild(toolbarTrigger)\n\n  let timer\n  toolbarTrigger.onmouseenter = () => {\n    toolbarTrigger.setAttribute(\"data-animate\", \"\")\n    timer = setTimeout(expandToolbarTrigger, 500)\n  }\n  toolbarTrigger.onmouseleave = () => {\n    clearTimeout(timer)\n    collapseToolbarTrigger()\n  }\n  toolbarTrigger.onfocus = () => {\n    toolbarTrigger.removeAttribute(\"data-animate\")\n    expandToolbarTrigger()\n  }\n  toolbarTrigger.onblur = () => {\n    toolbarTrigger.removeAttribute(\"data-animate\")\n    clearTimeout(timer)\n    collapseToolbarTrigger()\n  }\n  toolbarTrigger.onclick = () => {\n    sendCommandToToolbar(iframe, \"showToolbar\")\n  }\n\n  const showToolbarTrigger = () => {\n    toolbarTrigger.style.display = \"block\"\n  }\n\n  const hideToolbarTrigger = () => {\n    toolbarTrigger.style.display = \"none\"\n  }\n\n  const expandToolbarTrigger = () => {\n    toolbarTrigger.setAttribute(\"data-expanded\", \"\")\n  }\n\n  const collapseToolbarTrigger = () => {\n    toolbarTrigger.removeAttribute(\"data-expanded\", \"\")\n  }\n\n  hideToolbarTrigger()\n  addToolbarEventCallback(iframe, \"toolbar-visibility-change\", (visible) => {\n    if (visible) {\n      hideToolbarTrigger()\n    } else {\n      showToolbarTrigger()\n    }\n  })\n\n  return iframe\n}\n\nconst addToolbarEventCallback = (iframe, eventName, callback) => {\n  const messageEventCallback = (messageEvent) => {\n    const { data } = messageEvent\n    if (typeof data !== \"object\") {\n      return\n    }\n    const { __jsenv__ } = data\n    if (!__jsenv__) {\n      return\n    }\n    if (__jsenv__.event !== eventName) {\n      return\n    }\n    callback(__jsenv__.data)\n  }\n\n  window.addEventListener(\"message\", messageEventCallback, false)\n  return () => {\n    window.removeEventListener(\"message\", messageEventCallback, false)\n  }\n}\n\nconst sendCommandToToolbar = (iframe, command, ...args) => {\n  iframe.contentWindow.postMessage(\n    {\n      __jsenv__: {\n        command,\n        args,\n      },\n    },\n    window.origin,\n  )\n}\n\nconst getToolbarPlaceholder = () => {\n  const placeholder = queryPlaceholder()\n  if (placeholder) {\n    if (document.body.contains(placeholder)) {\n      return placeholder\n    }\n    // otherwise iframe would not be visible because in <head>\n    console.warn(\n      \"element with [data-jsenv-toolbar-placeholder] must be inside document.body\",\n    )\n    return createTooolbarPlaceholder()\n  }\n  return createTooolbarPlaceholder()\n}\n\nconst queryPlaceholder = () => {\n  return document.querySelector(\"[data-jsenv-toolbar-placeholder]\")\n}\n\nconst createTooolbarPlaceholder = () => {\n  const placeholder = document.createElement(\"span\")\n  document.body.appendChild(placeholder)\n  return placeholder\n}\n\nconst iframeToLoadedPromise = (iframe) => {\n  return new Promise((resolve) => {\n    const onload = () => {\n      iframe.removeEventListener(\"load\", onload, true)\n      resolve()\n    }\n    iframe.addEventListener(\"load\", onload, true)\n  })\n}\n\nif (document.readyState === \"complete\") {\n  injectToolbar()\n} else {\n  window.addEventListener(\"load\", injectToolbar)\n  // document.addEventListener(\"readystatechange\", () => {\n  //   if (document.readyState === \"complete\") {\n  //     injectToolbar()\n  //   }\n  // })\n}\n"
+    "import { fetchExploringJson } from \"@jsenv/core/src/internal/dev_server/exploring/fetchExploringJson.js\"\nimport { setAttributes, setStyles } from \"./util/dom.js\"\n\n// eslint-disable-next-line no-undef\nconst TOOLBAR_BUILD_RELATIVE_URL = \"dist/toolbar/toolbar_9a52325b.html\"\nconst jsenvLogoSvgUrl = new URL(\"./jsenv-logo.svg\", import.meta.url)\n\nconst injectToolbar = async () => {\n  await new Promise((resolve) => {\n    if (window.requestIdleCallback) {\n      window.requestIdleCallback(resolve, { timeout: 400 })\n    } else {\n      window.requestAnimationFrame(resolve)\n    }\n  })\n  const exploringJSON = await fetchExploringJson()\n  const placeholder = getToolbarPlaceholder()\n\n  const iframe = document.createElement(\"iframe\")\n  setAttributes(iframe, {\n    tabindex: -1,\n    // sandbox: \"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation\",\n    // allow: \"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr\",\n    allowtransparency: true,\n  })\n  setStyles(iframe, {\n    \"position\": \"fixed\",\n    \"zIndex\": 1000,\n    \"bottom\": 0,\n    \"left\": 0,\n    \"width\": \"100%\",\n    \"height\": 0,\n    /* ensure toolbar children are not focusable when hidden */\n    \"visibility\": \"hidden\",\n    \"transition-duration\": \"300ms\",\n    \"transition-property\": \"height, visibility\",\n    \"border\": \"none\",\n  })\n  const iframeLoadedPromise = iframeToLoadedPromise(iframe)\n  const jsenvCoreDirectoryServerUrl = new URL(\n    exploringJSON.jsenvCoreDirectoryRelativeUrl,\n    document.location.origin,\n  ).href\n  const jsenvToolbarHtmlServerUrl = new URL(\n    TOOLBAR_BUILD_RELATIVE_URL,\n    jsenvCoreDirectoryServerUrl,\n  )\n  // set iframe src BEFORE putting it into the DOM (prevent firefox adding an history entry)\n  iframe.setAttribute(\"src\", jsenvToolbarHtmlServerUrl)\n  placeholder.parentNode.replaceChild(iframe, placeholder)\n\n  addToolbarEventCallback(iframe, \"toolbar_ready\", () => {\n    sendCommandToToolbar(iframe, \"renderToolbar\", { exploringJSON })\n  })\n\n  await iframeLoadedPromise\n  iframe.removeAttribute(\"tabindex\")\n\n  const div = document.createElement(\"div\")\n  div.innerHTML = `\n<div id=\"jsenv-toolbar-trigger\">\n  <svg id=\"jsenv-toolbar-trigger-icon\">\n    <use xlink:href=\"${jsenvLogoSvgUrl}#jsenv-logo\"></use>\n  </svg>\n  <style>\n    #jsenv-toolbar-trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      margin: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>`\n  const toolbarTrigger = div.firstElementChild\n  iframe.parentNode.appendChild(toolbarTrigger)\n\n  let timer\n  toolbarTrigger.onmouseenter = () => {\n    toolbarTrigger.setAttribute(\"data-animate\", \"\")\n    timer = setTimeout(expandToolbarTrigger, 500)\n  }\n  toolbarTrigger.onmouseleave = () => {\n    clearTimeout(timer)\n    collapseToolbarTrigger()\n  }\n  toolbarTrigger.onfocus = () => {\n    toolbarTrigger.removeAttribute(\"data-animate\")\n    expandToolbarTrigger()\n  }\n  toolbarTrigger.onblur = () => {\n    toolbarTrigger.removeAttribute(\"data-animate\")\n    clearTimeout(timer)\n    collapseToolbarTrigger()\n  }\n  toolbarTrigger.onclick = () => {\n    sendCommandToToolbar(iframe, \"showToolbar\")\n  }\n\n  const showToolbarTrigger = () => {\n    toolbarTrigger.style.display = \"block\"\n  }\n\n  const hideToolbarTrigger = () => {\n    toolbarTrigger.style.display = \"none\"\n  }\n\n  const expandToolbarTrigger = () => {\n    toolbarTrigger.setAttribute(\"data-expanded\", \"\")\n  }\n\n  const collapseToolbarTrigger = () => {\n    toolbarTrigger.removeAttribute(\"data-expanded\", \"\")\n  }\n\n  hideToolbarTrigger()\n  addToolbarEventCallback(iframe, \"toolbar-visibility-change\", (visible) => {\n    if (visible) {\n      hideToolbarTrigger()\n    } else {\n      showToolbarTrigger()\n    }\n  })\n\n  return iframe\n}\n\nconst addToolbarEventCallback = (iframe, eventName, callback) => {\n  const messageEventCallback = (messageEvent) => {\n    const { data } = messageEvent\n    if (typeof data !== \"object\") {\n      return\n    }\n    const { __jsenv__ } = data\n    if (!__jsenv__) {\n      return\n    }\n    if (__jsenv__.event !== eventName) {\n      return\n    }\n    callback(__jsenv__.data)\n  }\n\n  window.addEventListener(\"message\", messageEventCallback, false)\n  return () => {\n    window.removeEventListener(\"message\", messageEventCallback, false)\n  }\n}\n\nconst sendCommandToToolbar = (iframe, command, ...args) => {\n  iframe.contentWindow.postMessage(\n    {\n      __jsenv__: {\n        command,\n        args,\n      },\n    },\n    window.origin,\n  )\n}\n\nconst getToolbarPlaceholder = () => {\n  const placeholder = queryPlaceholder()\n  if (placeholder) {\n    if (document.body.contains(placeholder)) {\n      return placeholder\n    }\n    // otherwise iframe would not be visible because in <head>\n    console.warn(\n      \"element with [data-jsenv-toolbar-placeholder] must be inside document.body\",\n    )\n    return createTooolbarPlaceholder()\n  }\n  return createTooolbarPlaceholder()\n}\n\nconst queryPlaceholder = () => {\n  return document.querySelector(\"[data-jsenv-toolbar-placeholder]\")\n}\n\nconst createTooolbarPlaceholder = () => {\n  const placeholder = document.createElement(\"span\")\n  document.body.appendChild(placeholder)\n  return placeholder\n}\n\nconst iframeToLoadedPromise = (iframe) => {\n  return new Promise((resolve) => {\n    const onload = () => {\n      iframe.removeEventListener(\"load\", onload, true)\n      resolve()\n    }\n    iframe.addEventListener(\"load\", onload, true)\n  })\n}\n\nif (document.readyState === \"complete\") {\n  injectToolbar()\n} else {\n  window.addEventListener(\"load\", injectToolbar)\n  // document.addEventListener(\"readystatechange\", () => {\n  //   if (document.readyState === \"complete\") {\n  //     injectToolbar()\n  //   }\n  // })\n}\n"
   ],
   "names": [
     "nativeTypeOf",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "25.4.4",
+  "version": "25.5.0",
   "description": "Tool to develop, test and build js projects",
   "license": "MIT",
   "repository": {
@@ -11,7 +11,8 @@
     "node": ">=16.13.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "type": "module",
   "exports": {
@@ -101,6 +102,7 @@
     "rollup-plugin-node-globals": "1.4.0",
     "rollup-plugin-polyfill-node": "0.8.0",
     "source-map": "0.7.3",
+    "strip-ansi": "7.0.1",
     "systemjs": "6.11.0",
     "terser": "5.10.0",
     "v8-to-istanbul": "8.1.0",
@@ -141,4 +143,4 @@
     "redux": "4.1.2",
     "rollup-plugin-import-assert": "1.1.1"
   }
-}
+}

package/src/buildProject.js

@@ -19,13 +19,16 @@ import {
 
 /**
  * Generate optimized version of source files into a directory
- * @param {string|url} projectDirectoryUrl Root directory of the project
- * @param {string|url} buildDirectoryRelativeUrl Directory where optimized files are written
- * @param {object} entryPoints Describe entry point paths and control their names in the build directory
- * @param {"esmodule" | "systemjs" | "commonjs" | "global"} format Code generated will use this module format
- * @param {object} runtimeSupport Code generated will be compatible with these runtimes
- * @param {boolean} [minify=false] Minify file content in the build directory (HTML, CSS, JS, JSON, SVG)
+ * @param {Object} buildProjectParameters
+ * @param {string|url} buildProjectParameters.projectDirectoryUrl Root directory of the project
+ * @param {string|url} buildProjectParameters.buildDirectoryRelativeUrl Directory where optimized files are written
+ * @param {object} buildProjectParameters.entryPoints Describe entry point paths and control their names in the build directory
+ * @param {"esmodule" | "systemjs" | "commonjs" | "global"} buildProjectParameters.format Code generated will use this module format
+ * @param {object} buildProjectParameters.runtimeSupport Code generated will be compatible with these runtimes
+ * @param {boolean} [buildProjectParameters.minify=false] Minify file content in the build directory (HTML, CSS, JS, JSON, SVG)
+ * @return {Object} An object containing the result of building files
  */
+
 export const buildProject = async ({
   signal = new AbortController().signal,
   handleSIGINT = true,

package/src/executeTestPlan.js

@@ -21,14 +21,19 @@ import { jsenvCoverageConfig } from "./jsenvCoverageConfig.js"
 
 /**
  * Execute a list of files and log how it goes
- * @param {object} testPlan Configure files to execute and their runtimes (browsers/node)
- * @param {string|url} projectDirectoryUrl Root directory of the project
- * @param {number} [maxExecutionsInParallel=1] Maximum amount of execution in parallel
- * @param {number} [defaultMsAllocatedPerExecution=30000] Milliseconds after which execution is aborted and considered as failed by timeout
- * @param {number} [cooldownBetweenExecutions=0] Millisecond to wait between each execution
- * @param {boolean} [logMemoryHeapUsage=false] Add memory heap usage during logs
- * @param {boolean} [coverage=false] Controls if coverage is collected during files executions
- * @param {boolean} [coverageV8ConflictWarning=true] Warn when coverage from 2 executions cannot be merged
+ * @param {Object} testPlanParameters
+ * @param {string|url} testPlanParameters.projectDirectoryUrl Root directory of the project
+ * @param {Object} testPlanParameters.testPlan Object associating patterns leading to files to runtimes where they should be executed
+ * @param {boolean} [testPlanParameters.completedExecutionLogAbbreviation=false] Abbreviate completed execution information to shorten terminal output
+ * @param {boolean} [testPlanParameters.completedExecutionLogMerging=false] Merge completed execution logs to shorten terminal output
+ * @param {number} [testPlanParameters.maxExecutionsInParallel=1] Maximum amount of execution in parallel
+ * @param {number} [testPlanParameters.defaultMsAllocatedPerExecution=30000] Milliseconds after which execution is aborted and considered as failed by timeout
+ * @param {boolean} [testPlanParameters.failFast=false] Fails immediatly when a test execution fails
+ * @param {number} [testPlanParameters.cooldownBetweenExecutions=0] Millisecond to wait between each execution
+ * @param {boolean} [testPlanParameters.logMemoryHeapUsage=false] Add memory heap usage during logs
+ * @param {boolean} [testPlanParameters.coverage=false] Controls if coverage is collected during files executions
+ * @param {boolean} [testPlanParameters.coverageV8ConflictWarning=true] Warn when coverage from 2 executions cannot be merged
+ * @return {Object} An object containing the result of all file executions
  */
 export const executeTestPlan = async ({
   signal = new AbortController().signal,
@@ -44,15 +49,17 @@ export const executeTestPlan = async ({
 
   testPlan,
 
+  logSummary = true,
   logMemoryHeapUsage = false,
+  logFileRelativeUrl = ".jsenv/test_plan_debug.txt",
   completedExecutionLogAbbreviation = false,
   completedExecutionLogMerging = false,
-  logSummary = true,
   updateProcessExitCode = true,
   windowsProcessExitFix = true,
 
   maxExecutionsInParallel = 1,
   defaultMsAllocatedPerExecution = 30000,
+  failFast = false,
   // stopAfterExecute: true to ensure runtime is stopped once executed
   // because we have what we wants: execution is completed and
   // we have associated coverage and capturedConsole
@@ -99,14 +106,11 @@ export const executeTestPlan = async ({
   jsenvDirectoryClean,
 }) => {
   const logger = createLogger({ logLevel })
-
   projectDirectoryUrl = assertProjectDirectoryUrl({ projectDirectoryUrl })
   await assertProjectDirectoryExists({ projectDirectoryUrl })
-
   if (typeof testPlan !== "object") {
     throw new Error(`testPlan must be an object, got ${testPlan}`)
   }
-
   if (coverage) {
     if (typeof coverageConfig !== "object") {
       throw new TypeError(
@@ -151,7 +155,6 @@ export const executeTestPlan = async ({
       }
     }
   }
-
   const result = await executePlan(testPlan, {
     signal,
     handleSIGINT,
@@ -167,13 +170,15 @@ export const executeTestPlan = async ({
     importResolutionMethod,
     importDefaultExtension,
 
+    logSummary,
     logMemoryHeapUsage,
+    logFileRelativeUrl,
     completedExecutionLogMerging,
     completedExecutionLogAbbreviation,
-    logSummary,
 
-    defaultMsAllocatedPerExecution,
     maxExecutionsInParallel,
+    defaultMsAllocatedPerExecution,
+    failFast,
     stopAfterExecute,
     cooldownBetweenExecutions,
     gcBetweenExecutions,
@@ -201,11 +206,9 @@ export const executeTestPlan = async ({
     importMapInWebWorkers,
     customCompilers,
   })
-
   if (updateProcessExitCode && !executionIsPassed(result)) {
     process.exitCode = 1
   }
-
   const planCoverage = result.planCoverage
   // planCoverage can be null when execution is aborted
   if (planCoverage) {
@@ -256,7 +259,6 @@ export const executeTestPlan = async ({
     }
     await Promise.all(promises)
   }
-
   // Sometimes on windows test plan scripts never ends
   // I suspect it's some node process keeping the process alive
   // because not properly killed for some reason.
@@ -267,7 +269,6 @@ export const executeTestPlan = async ({
       process.exit()
     }, 2000).unref()
   }
-
   return {
     testPlanAborted: result.aborted,
     testPlanSummary: result.planSummary,

package/src/internal/compiling/jsenv_directory/compile_context.js

@@ -61,8 +61,9 @@ const readJsenvCoreVersionFromPackageFile = async () => {
     "./package.json",
     jsenvCoreDirectoryUrl,
   )
-  const jsenvCoreVersion = await readFile(jsenvCorePackageFileUrl, {
+  const jsenvCorePackage = await readFile(jsenvCorePackageFileUrl, {
     as: "json",
-  }).version
-  return jsenvCoreVersion
+  })
+  const version = jsenvCorePackage.version
+  return version
 }

package/src/internal/compiling/jsenv_directory/jsenv_directory.js

@@ -84,7 +84,7 @@ export const setupJsenvDirectory = async ({
       const { runtimes } = compileDirectory
       if (!runtimes.includes(runtime)) {
         runtimes.push(runtime)
-        await writeMetaFile()
+        writeMetaFile()
       }
       return existingCompileId
     }

package/src/internal/dev_server/toolbar/compilation/compilation.css

@@ -17,6 +17,7 @@
 
 .browser_support_text[data-warning],
 .files_compilation_text[data-warning] {
-  background: orange;
-  color: black;
+  color: #cb5909;
+  margin-bottom: 5px;
+  display: block;
 }

package/src/internal/dev_server/toolbar/compilation/toolbar.compilation.js

@@ -1,4 +1,5 @@
 import { scanBrowserRuntimeFeatures } from "../../../features/browser_feature_detection/browser_feature_detection.js"
+import { setLinkHrefForParentWindow } from "../util/iframe_to_parent_href.js"
 import { removeForceHideElement } from "../util/dom.js"
 import { enableVariant } from "../variant/variant.js"
 import {
@@ -101,25 +102,24 @@ export const renderCompilationInToolbar = ({ compileGroup }) => {
           ".files_compilation_text",
         ).innerHTML = `Files shown are compiled for ${runtimeReport.name}@${runtimeReport.version}`
       }
-      filesCompilationRootNode.querySelector("a.link_to_source_files").onclick =
-        () => {
-          window.parent.location.href = `/${compileGroup.fileRelativeUrl}`
-        }
-      filesCompilationRootNode.querySelector(
-        "a.link_to_compiled_files",
-      ).onclick = () => {
-        window.parent.location.href = `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`
-      }
-      filesCompilationRootNode.querySelector(
-        "a.link_to_compilation_forced_files",
-      ).onclick = () => {
-        window.parent.location.href = `/${jsenvDirectoryRelativeUrl}force/${compileGroup.fileRelativeUrl}`
-      }
-      filesCompilationRootNode.querySelector(
-        "a.link_to_appropriate_files",
-      ).onclick = () => {
-        window.parent.location.href = `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`
-      }
+      setLinkHrefForParentWindow(
+        filesCompilationRootNode.querySelector("a.link_to_source_files"),
+        `/${compileGroup.fileRelativeUrl}`,
+      )
+      setLinkHrefForParentWindow(
+        filesCompilationRootNode.querySelector("a.link_to_compiled_files"),
+        `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`,
+      )
+      setLinkHrefForParentWindow(
+        filesCompilationRootNode.querySelector(
+          "a.link_to_compilation_forced_files",
+        ),
+        `/${jsenvDirectoryRelativeUrl}force/${compileGroup.fileRelativeUrl}`,
+      )
+      setLinkHrefForParentWindow(
+        filesCompilationRootNode.querySelector("a.link_to_appropriate_files"),
+        `/${jsenvDirectoryRelativeUrl}${expectedCompiledId}/${compileGroup.fileRelativeUrl}`,
+      )
 
       if (hasWarning) {
         enableWarningStyle()