@jsenv/core 25.4.2 → 25.4.7

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

@@ -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>
@@ -2426,6 +2426,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 +2684,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 +4471,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 +4773,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 +4966,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_0f93509c.js",
+  "toolbar_injector.js.map": "toolbar_injector_0f93509c.js.map"
 }

package/dist/toolbar_injector/{toolbar_injector_34f6ad8e.js → toolbar_injector_0f93509c.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_17abd09a.html";
 
   function _call(body, then, direct) {
     if (direct) {
@@ -973,4 +973,4 @@
 
 })();
 
-//# sourceMappingURL=toolbar_injector_34f6ad8e.js.map
+//# sourceMappingURL=toolbar_injector_0f93509c.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "file": "toolbar_injector_34f6ad8e.js",
+  "file": "toolbar_injector_0f93509c.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_17abd09a.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.2",
+  "version": "25.4.7",
   "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": {
@@ -141,4 +142,4 @@
     "redux": "4.1.2",
     "rollup-plugin-import-assert": "1.1.1"
   }
-}
+}

package/src/internal/compiling/jsenvCompilerForHtml.js

@@ -139,7 +139,7 @@ export const compileHtml = async ({
       addHtmlMutation,
     })
   }
-  await visitImportmapScript({
+  await visitImportmapScripts({
     logger,
     url,
     compiledUrl,
@@ -245,7 +245,7 @@ const visitRessourceHints = async ({ ressourceHints, addHtmlMutation }) => {
   )
 }
 
-const visitImportmapScript = async ({
+const visitImportmapScripts = async ({
   logger,
   url,
   compiledUrl,
@@ -265,14 +265,15 @@ const visitImportmapScript = async ({
     const type = typeAttribute ? typeAttribute.value : "application/javascript"
     return type === "importmap"
   })
+  const jsenvImportmap = getDefaultImportmap(compiledUrl, {
+    projectDirectoryUrl,
+    compileDirectoryUrl,
+  })
+
   // in case there is no importmap, force the presence
   // so that '@jsenv/core/' are still remapped
   if (importmapScripts.length === 0) {
-    const defaultImportMap = getDefaultImportmap(compiledUrl, {
-      projectDirectoryUrl,
-      compileDirectoryUrl,
-    })
-    const defaultImportMapAsText = JSON.stringify(defaultImportMap, null, "  ")
+    const defaultImportMapAsText = JSON.stringify(jsenvImportmap, null, "  ")
     onHtmlImportmapInfo({
       url: compiledUrl,
       text: defaultImportMapAsText,
@@ -324,6 +325,7 @@ const visitImportmapScript = async ({
       )
       importmap = {}
     }
+    importmap = composeTwoImportMaps(jsenvImportmap, importmap)
     const importmapAsText = JSON.stringify(importmap, null, "  ")
     onHtmlImportmapInfo({
       url: importmapUrl,
@@ -343,10 +345,6 @@ const visitImportmapScript = async ({
     return
   }
 
-  const jsenvImportmap = getDefaultImportmap(compiledUrl, {
-    projectDirectoryUrl,
-    compileDirectoryUrl,
-  })
   const htmlImportmap = JSON.parse(
     getHtmlNodeTextNode(firstImportmapScript).value,
   )

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

@@ -20,5 +20,8 @@ export const sameValueInTwoObjects = (object, secondObject) => {
 }
 
 export const sameValuesInTwoArrays = (array, secondArray) => {
-  return array.every((value) => secondArray.includes(value))
+  return (
+    array.length === secondArray.length &&
+    array.every((value) => secondArray.includes(value))
+  )
 }

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/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()

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

@@ -6,51 +6,80 @@ const notificationPreference = createPreference("notification")
 
 const arrayOfOpenedNotifications = []
 export const renderToolbarNotification = () => {
-  const notifCheckbox = document.querySelector("#toggle-notifs")
   if (!notificationAvailable) {
-    const notifSetting = document.querySelector(".settings-notification")
-    notifSetting.setAttribute("data-disabled", "true")
-    notifSetting.setAttribute(
-      "title",
-      `Notification not available in the browser`,
-    )
-    notifCheckbox.disabled = true
+    applyNotificationNotAvailableEffects()
     return
   }
+  updatePermission()
+}
 
-  const updatePermission = () => {
-    if (Notification.permission === "denied") {
-      const notifSetting = document.querySelector(".settings-notification")
-      notifSetting.setAttribute("data-disabled", "true")
-      notifSetting.setAttribute("title", `Notification denied`)
-      notifCheckbox.disabled = true
-      return
-    }
+const updatePermission = () => {
+  const notifPermission = Notification.permission
+  if (notifPermission === "default") {
+    applyNotificationDefaultEffects()
+    return
+  }
+  if (notifPermission === "denied") {
+    applyNotificationDeniedEffects()
+    return
+  }
+  if (notifPermission === "granted") {
+    applyNotificationGrantedEffects()
+    return
+  }
+}
 
-    notifCheckbox.checked = getNotificationPreference()
-    notifCheckbox.onchange = () => {
-      setNotificationPreference(notifCheckbox.checked)
-      if (!notifCheckbox.checked) {
-        // slice because arrayOfOpenedNotifications can be mutated while looping
-        arrayOfOpenedNotifications.slice().forEach((notification) => {
-          notification.close()
-        })
-      }
+const notifCheckbox = document.querySelector("#toggle-notifs")
+
+const applyNotificationNotAvailableEffects = () => {
+  const notifSetting = document.querySelector(".settings-notification")
+  notifSetting.setAttribute("data-disabled", "true")
+  notifSetting.setAttribute(
+    "title",
+    `Notification not available in the browser`,
+  )
+  notifCheckbox.disabled = true
+}
+const applyNotificationDefaultEffects = () => {
+  applyNotificationNOTGrantedEffects()
+  const notifSetting = document.querySelector(".settings-notification")
+  notifSetting.removeAttribute("data-disabled")
+  notifSetting.removeAttribute("title")
+}
+const applyNotificationDeniedEffects = () => {
+  applyNotificationNOTGrantedEffects()
+  const notifSetting = document.querySelector(".settings-notification")
+  notifSetting.setAttribute("data-disabled", "true")
+  notifSetting.setAttribute("title", `Notification denied`)
+}
+const applyNotificationGrantedEffects = () => {
+  enableVariant(document.querySelector(".notification-text"), {
+    notif_granted: "yes",
+  })
+  notifCheckbox.disabled = false
+  notifCheckbox.checked = getNotificationPreference()
+  notifCheckbox.onchange = () => {
+    setNotificationPreference(notifCheckbox.checked)
+    if (!notifCheckbox.checked) {
+      // slice because arrayOfOpenedNotifications can be mutated while looping
+      arrayOfOpenedNotifications.slice().forEach((notification) => {
+        notification.close()
+      })
     }
-    const notifPermission = Notification.permission
-    enableVariant(document.querySelector(".notification-text"), {
-      notif_permission: notifPermission === "granted" ? "yes" : "no",
+  }
+}
+const applyNotificationNOTGrantedEffects = () => {
+  enableVariant(document.querySelector(".notification-text"), {
+    notif_granted: "no",
+  })
+  notifCheckbox.disabled = true
+  notifCheckbox.checked = false
+  document.querySelector("a.request_notification_permission").onclick = () => {
+    requestPermission().then(() => {
+      setNotificationPreference(true)
+      updatePermission()
     })
-    if (notifPermission === "default") {
-      document.querySelector("a.request_notification_permission").onclick =
-        () => {
-          requestPermission().then(() => {
-            updatePermission()
-          })
-        }
-    }
   }
-  updatePermission()
 }
 
 export const notifyExecutionResult = (

package/src/internal/dev_server/toolbar/toolbar.html

@@ -281,7 +281,7 @@
                     Send system notification when execution fails or is fixed.
                     <div class="notification-text">
                       <a
-                        data-when="notif_permission:no"
+                        data-when="notif_granted:no"
                         class="request_notification_permission"
                         href="javascript:void(0);"
                         >Enable notification</a

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

@@ -3,6 +3,7 @@ import { urlToRelativeUrl } from "@jsenv/filesystem/src/urlToRelativeUrl.js"
 
 import { startJavaScriptAnimation } from "../toolbar/util/animation.js"
 import "./focus/toolbar.focus.js"
+import { setLinkHrefForParentWindow } from "./util/iframe_to_parent_href.js"
 import {
   getToolbarIframe,
   deactivateToolbarSection,
@@ -52,9 +53,10 @@ const renderToolbar = async ({ exploringJSON }) => {
     hideToolbar({ animate: false })
   }
 
-  document.querySelector(".toolbar-icon-wrapper").onclick = () => {
-    window.parent.location.href = "/"
-  }
+  setLinkHrefForParentWindow(
+    document.querySelector(".toolbar-icon-wrapper"),
+    "/",
+  )
 
   renderToolbarNotification()
   makeToolbarResponsive()

package/src/internal/dev_server/toolbar/util/iframe_to_parent_href.js

@@ -0,0 +1,10 @@
+export const setLinkHrefForParentWindow = (a, href) => {
+  a.href = href
+  a.onclick = (e) => {
+    if (e.ctrlKey || e.metaKey) {
+      return
+    }
+    e.preventDefault()
+    window.parent.location.href = href
+  }
+}

package/src/internal/import-resolution/importmap_default.js

@@ -18,7 +18,6 @@ export const getDefaultImportmap = (
     jsenvCoreDirectoryUrl,
     projectDirectoryUrl,
   )
-
   let jsenvCoreUrl
   if (compileDirectoryUrl && urlIsInsideOf(url, compileDirectoryUrl)) {
     jsenvCoreUrl = resolveUrl(
@@ -28,25 +27,11 @@ export const getDefaultImportmap = (
   } else {
     jsenvCoreUrl = jsenvCoreDirectoryUrl
   }
-
+  const jsenvCoreRelativeUrl = urlToRelativeUrl(jsenvCoreUrl, url)
   const importmap = {
     imports: {
-      "@jsenv/core/": makeRelativeMapping(jsenvCoreUrl, url),
+      "@jsenv/core/": `./${jsenvCoreRelativeUrl}`,
     },
   }
   return importmap
 }
-
-// this function just here to ensure relative urls starts with './'
-// so that importmap do not consider them as bare specifiers
-const makeRelativeMapping = (url, baseUrl) => {
-  const relativeUrl = urlToRelativeUrl(url, baseUrl)
-
-  if (urlIsInsideOf(url, baseUrl)) {
-    if (relativeUrl.startsWith("../")) return relativeUrl
-    if (relativeUrl.startsWith("./")) return relativeUrl
-    return `./${relativeUrl}`
-  }
-
-  return relativeUrl
-}