@jsenv/core 25.4.0 → 25.4.4

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

@@ -1921,6 +1921,7 @@ html[data-toolbar-visible] #toolbar-trigger {
                     <a data-when="compilation_link:source" class="link_to_source_files" href="javascript:void(0);">Switch to source files</a>
                     <a data-when="compilation_link:mismatch" class="link_to_appropriate_files" href="javascript:void(0);">Switch to appropriate files</a>
                     <a data-when="compilation_link:compiled" class="link_to_compiled_files" href="javascript:void(0);">Switch to compiled files</a>
+                    <a data-when="compilation_link:force" class="link_to_compilation_forced_files" href="javascript:void(0);">Force compilation</a>
                   </div>
                 </div>
               </div>
@@ -2191,64 +2192,6 @@ html[data-toolbar-visible] #toolbar-trigger {
         return relativeUrl;
       };
 
-      var _defineProperty = function (obj, key, value) {
-        // Shortcircuit the slow defineProperty path when possible.
-        // We are trying to avoid issues where setters defined on the
-        // prototype cause side effects under the fast path of simple
-        // assignment. By checking for existence of the property with
-        // the in operator, we can optimize most of this overhead away.
-        if (key in obj) {
-          Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-          });
-        } else {
-          obj[key] = value;
-        }
-
-        return obj;
-      };
-
-      function ownKeys(object, enumerableOnly) {
-        var keys = Object.keys(object);
-
-        if (Object.getOwnPropertySymbols) {
-          var symbols = Object.getOwnPropertySymbols(object);
-
-          if (enumerableOnly) {
-            symbols = symbols.filter(function (sym) {
-              return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-          }
-
-          keys.push.apply(keys, symbols);
-        }
-
-        return keys;
-      }
-
-      function _objectSpread2(target) {
-        for (var i = 1; i < arguments.length; i++) {
-          var source = arguments[i] != null ? arguments[i] : {};
-
-          if (i % 2) {
-            ownKeys(Object(source), true).forEach(function (key) {
-              _defineProperty(target, key, source[key]);
-            });
-          } else if (Object.getOwnPropertyDescriptors) {
-            Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-          } else {
-            ownKeys(Object(source)).forEach(function (key) {
-              Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-            });
-          }
-        }
-
-        return target;
-      }
-
       var objectWithoutPropertiesLoose = function (source, excluded) {
         if (source === null) return {};
         var target = {};
@@ -2284,457 +2227,419 @@ html[data-toolbar-visible] #toolbar-trigger {
 
         return target;
       };
-      /* eslint-env browser */
-
 
-      function _await$a(value, then, direct) {
-        if (direct) {
-          return then ? then(value) : value;
+      var updateIframeOverflowOnParentWindow = function updateIframeOverflowOnParentWindow() {
+        if (!window.parent) {
+          // can happen while parent iframe reloads
+          return;
         }
 
-        if (!value || !value.then) {
-          value = Promise.resolve(value);
-        }
+        var aTooltipIsOpened = document.querySelector("[data-tooltip-visible]") || document.querySelector("[data-tooltip-auto-visible]");
+        var settingsAreOpened = document.querySelector("#settings[data-active]");
 
-        return then ? value.then(then) : value;
-      }
+        if (aTooltipIsOpened || settingsAreOpened) {
+          enableIframeOverflowOnParentWindow();
+        } else {
+          disableIframeOverflowOnParentWindow();
+        }
+      };
 
-      function _async$a(f) {
-        return function () {
-          for (var args = [], i = 0; i < arguments.length; i++) {
-            args[i] = arguments[i];
-          }
+      var iframeOverflowEnabled = false;
 
-          try {
-            return Promise.resolve(f.apply(this, args));
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        };
-      }
+      var enableIframeOverflowOnParentWindow = function enableIframeOverflowOnParentWindow() {
+        if (iframeOverflowEnabled) return;
+        iframeOverflowEnabled = true;
+        var iframe = getToolbarIframe();
+        var transitionDuration = iframe.style.transitionDuration;
+        setStyles(iframe, {
+          "height": "100%",
+          "transition-duration": "0ms"
+        });
 
-      function _call$2(body, then, direct) {
-        if (direct) {
-          return then ? then(body()) : body();
+        if (transitionDuration) {
+          setTimeout(function () {
+            setStyles(iframe, {
+              "transition-duration": transitionDuration
+            });
+          });
         }
+      };
 
-        try {
-          var result = Promise.resolve(body());
-          return then ? result.then(then) : result;
-        } catch (e) {
-          return Promise.reject(e);
+      var disableIframeOverflowOnParentWindow = function disableIframeOverflowOnParentWindow() {
+        if (!iframeOverflowEnabled) return;
+        iframeOverflowEnabled = false;
+        var iframe = getToolbarIframe();
+        var transitionDuration = iframe.style.transitionDuration;
+        setStyles(iframe, {
+          "height": "40px",
+          "transition-duration": "0ms"
+        });
+
+        if (transitionDuration) {
+          setTimeout(function () {
+            setStyles(iframe, {
+              "transition-duration": transitionDuration
+            });
+          });
         }
-      }
+      };
 
-      var fetchUsingXHR = _async$a(function (url) {
-        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-            signal = _ref.signal,
-            _ref$method = _ref.method,
-            method = _ref$method === void 0 ? "GET" : _ref$method,
-            _ref$credentials = _ref.credentials,
-            credentials = _ref$credentials === void 0 ? "same-origin" : _ref$credentials,
-            _ref$headers = _ref.headers,
-            headers = _ref$headers === void 0 ? {} : _ref$headers,
-            _ref$body = _ref.body,
-            body = _ref$body === void 0 ? null : _ref$body;
+      var getToolbarIframe = function getToolbarIframe() {
+        var iframes = Array.from(window.parent.document.querySelectorAll("iframe"));
+        return iframes.find(function (iframe) {
+          return iframe.contentWindow === window;
+        });
+      };
 
-        var headersPromise = createPromiseAndHooks();
-        var bodyPromise = createPromiseAndHooks();
-        var xhr = new XMLHttpRequest();
+      var forceHideElement = function forceHideElement(element) {
+        element.setAttribute("data-force-hide", "");
+      };
 
-        var failure = function failure(error) {
-          // if it was already resolved, we must reject the body promise
-          if (headersPromise.settled) {
-            bodyPromise.reject(error);
+      var removeForceHideElement = function removeForceHideElement(element) {
+        element.removeAttribute("data-force-hide");
+      };
+
+      var setStyles = function setStyles(element, styles) {
+        var elementStyle = element.style;
+        var restoreStyles = Object.keys(styles).map(function (styleName) {
+          var restore;
+
+          if (styleName in elementStyle) {
+            var currentStyle = elementStyle[styleName];
+
+            restore = function restore() {
+              elementStyle[styleName] = currentStyle;
+            };
           } else {
-            headersPromise.reject(error);
+            restore = function restore() {
+              delete elementStyle[styleName];
+            };
           }
-        };
-
-        var cleanup = function cleanup() {
-          xhr.ontimeout = null;
-          xhr.onerror = null;
-          xhr.onload = null;
-          xhr.onreadystatechange = null;
-        };
 
-        xhr.ontimeout = function () {
-          cleanup();
-          failure(new Error("xhr request timeout on ".concat(url, ".")));
+          elementStyle[styleName] = styles[styleName];
+          return restore;
+        });
+        return function () {
+          restoreStyles.forEach(function (restore) {
+            return restore();
+          });
         };
+      };
 
-        xhr.onerror = function (error) {
-          cleanup(); // unfortunately with have no clue why it fails
-          // might be cors for instance
+      var toolbarSectionIsActive = function toolbarSectionIsActive(element) {
+        return element.hasAttribute("data-active");
+      };
 
-          failure(createRequestError(error, {
-            url: url
-          }));
-        };
+      var activateToolbarSection = function activateToolbarSection(element) {
+        element.setAttribute("data-active", "");
+      };
 
-        xhr.onload = function () {
-          cleanup();
-          bodyPromise.resolve();
-        };
+      var deactivateToolbarSection = function deactivateToolbarSection(element) {
+        element.removeAttribute("data-active");
+      };
 
-        signal.addEventListener("abort", function () {
-          xhr.abort();
-          var abortError = new Error("aborted");
-          abortError.name = "AbortError";
-          failure(abortError);
-        });
+      var startJavaScriptAnimation = function startJavaScriptAnimation(_ref6) {
+        var _ref6$duration = _ref6.duration,
+            duration = _ref6$duration === void 0 ? 300 : _ref6$duration,
+            _ref6$timingFunction = _ref6.timingFunction,
+            timingFunction = _ref6$timingFunction === void 0 ? function (t) {
+          return t;
+        } : _ref6$timingFunction,
+            _ref6$onProgress = _ref6.onProgress,
+            onProgress = _ref6$onProgress === void 0 ? function () {} : _ref6$onProgress,
+            _ref6$onCancel = _ref6.onCancel,
+            onCancel = _ref6$onCancel === void 0 ? function () {} : _ref6$onCancel,
+            _ref6$onComplete = _ref6.onComplete,
+            onComplete = _ref6$onComplete === void 0 ? function () {} : _ref6$onComplete;
 
-        xhr.onreadystatechange = function () {
-          // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState
-          var readyState = xhr.readyState;
+        if (isNaN(duration)) {
+          // console.warn(`duration must be a number, received ${duration}`)
+          return function () {};
+        }
 
-          if (readyState === 2) {
-            headersPromise.resolve();
-          } else if (readyState === 4) {
-            cleanup();
-            bodyPromise.resolve();
-          }
-        };
+        duration = parseInt(duration, 10);
+        var startMs = performance.now();
+        var currentRequestAnimationFrameId;
+        var done = false;
+        var rawProgress = 0;
+        var progress = 0;
 
-        xhr.open(method, url, true);
-        Object.keys(headers).forEach(function (key) {
-          xhr.setRequestHeader(key, headers[key]);
-        });
-        xhr.withCredentials = computeWithCredentials({
-          credentials: credentials,
-          url: url
-        });
-
-        if ("responseType" in xhr && hasBlob) {
-          xhr.responseType = "blob";
-        }
+        var handler = function handler() {
+          currentRequestAnimationFrameId = null;
+          var nowMs = performance.now();
+          rawProgress = Math.min((nowMs - startMs) / duration, 1);
+          progress = timingFunction(rawProgress);
+          done = rawProgress === 1;
+          onProgress({
+            done: done,
+            rawProgress: rawProgress,
+            progress: progress
+          });
 
-        xhr.send(body);
-        return _await$a(headersPromise, function () {
-          // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL
-          var responseUrl = "responseURL" in xhr ? xhr.responseURL : headers["x-request-url"];
-          var responseStatus = xhr.status;
-          var responseStatusText = xhr.statusText;
-          var responseHeaders = getHeadersFromXHR(xhr);
+          if (done) {
+            onComplete();
+          } else {
+            currentRequestAnimationFrameId = window.requestAnimationFrame(handler);
+          }
+        };
 
-          var readBody = function readBody() {
-            return _await$a(bodyPromise, function () {
-              var status = xhr.status; // in Chrome on file:/// URLs, status is 0
+        handler();
 
-              if (status === 0) {
-                responseStatus = 200;
-              }
+        var stop = function stop() {
+          if (currentRequestAnimationFrameId) {
+            window.cancelAnimationFrame(currentRequestAnimationFrameId);
+            currentRequestAnimationFrameId = null;
+          }
 
-              var body = "response" in xhr ? xhr.response : xhr.responseText;
-              return {
-                responseBody: body,
-                responseBodyType: detectBodyType(body)
-              };
+          if (!done) {
+            done = true;
+            onCancel({
+              rawProgress: rawProgress,
+              progress: progress
             });
-          };
+          }
+        };
 
-          var text = function text() {
-            return _call$2(readBody, function (_ref2) {
-              var responseBody = _ref2.responseBody,
-                  responseBodyType = _ref2.responseBodyType;
+        return stop;
+      }; // handle data-last-interaction attr on html (focusring)
 
-              if (responseBodyType === "blob") {
-                return blobToText(responseBody);
-              }
 
-              if (responseBodyType === "formData") {
-                throw new Error("could not read FormData body as text");
-              }
+      window.addEventListener("mousedown", function (mousedownEvent) {
+        if (mousedownEvent.defaultPrevented) {
+          return;
+        }
 
-              return responseBodyType === "dataView" ? arrayBufferToText(responseBody.buffer) : responseBodyType === "arrayBuffer" ? arrayBufferToText(responseBody) : String(responseBody);
-            });
-          };
+        document.documentElement.setAttribute("data-last-interaction", "mouse");
+      });
+      window.addEventListener("touchstart", function (touchstartEvent) {
+        if (touchstartEvent.defaultPrevented) {
+          return;
+        }
 
-          var json = function json() {
-            return _call$2(text, JSON.parse);
-          };
+        document.documentElement.setAttribute("data-last-interaction", "mouse");
+      });
+      window.addEventListener("keydown", function (keydownEvent) {
+        if (keydownEvent.defaultPrevented) {
+          return;
+        }
 
-          var blob = _async$a(function () {
-            if (!hasBlob) {
-              throw new Error("blob not supported");
-            }
+        document.documentElement.setAttribute("data-last-interaction", "keyboard");
+      });
 
-            return _call$2(readBody, function (_ref3) {
-              var responseBody = _ref3.responseBody,
-                  responseBodyType = _ref3.responseBodyType;
+      var createPreference = function createPreference(name) {
+        return {
+          has: function has() {
+            return localStorage.hasOwnProperty(name);
+          },
+          get: function get() {
+            return localStorage.hasOwnProperty(name) ? JSON.parse(localStorage.getItem(name)) : undefined;
+          },
+          set: function set(value) {
+            return localStorage.setItem(name, JSON.stringify(value));
+          }
+        };
+      };
 
-              if (responseBodyType === "blob") {
-                return responseBody;
-              }
+      var toggleTooltip = function toggleTooltip(element) {
+        if (element.hasAttribute("data-tooltip-visible")) {
+          hideTooltip(element);
+        } else {
+          showTooltip(element);
+        }
+      };
 
-              if (responseBodyType === "dataView") {
-                return new Blob([cloneBuffer(responseBody.buffer)]);
-              }
+      var hideTooltip = function hideTooltip(element) {
+        element.removeAttribute("data-tooltip-visible");
+        element.removeAttribute("data-tooltip-auto-visible");
+        updateIframeOverflowOnParentWindow();
+      };
 
-              if (responseBodyType === "arrayBuffer") {
-                return new Blob([cloneBuffer(responseBody)]);
-              }
+      var showTooltip = function showTooltip(element) {
+        element.setAttribute("data-tooltip-visible", "");
+        updateIframeOverflowOnParentWindow();
+      };
 
-              if (responseBodyType === "formData") {
-                throw new Error("could not read FormData body as blob");
-              }
+      var autoShowTooltip = function autoShowTooltip(element) {
+        element.setAttribute("data-tooltip-auto-visible", "");
+        updateIframeOverflowOnParentWindow();
+      };
 
-              return new Blob([String(responseBody)]);
-            });
-          });
+      var removeAutoShowTooltip = function removeAutoShowTooltip(element) {
+        element.removeAttribute("data-tooltip-auto-visible");
+        updateIframeOverflowOnParentWindow();
+      };
 
-          var arrayBuffer = function arrayBuffer() {
-            return _call$2(readBody, function (_ref4) {
-              var responseBody = _ref4.responseBody,
-                  responseBodyType = _ref4.responseBodyType;
-              return responseBodyType === "arrayBuffer" ? cloneBuffer(responseBody) : _call$2(blob, blobToArrayBuffer);
-            });
-          };
+      var hideAllTooltip = function hideAllTooltip() {
+        var elementsWithTooltip = Array.from(document.querySelectorAll("[data-tooltip-visible]"));
+        elementsWithTooltip.forEach(function (elementWithTooltip) {
+          hideTooltip(elementWithTooltip);
+        });
+      };
 
-          var formData = _async$a(function () {
-            if (!hasFormData) {
-              throw new Error("formData not supported");
-            }
+      var enableVariant = function enableVariant(rootNode, variables) {
+        var nodesNotMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingACondition, "]")));
+        nodesNotMatching.forEach(function (nodeNotMatching) {
+          var conditionAttributeValue = nodeNotMatching.getAttribute(attributeIndicatingACondition);
+          var matches = testCondition(conditionAttributeValue, variables);
 
-            return _call$2(text, textToFormData);
-          });
+          if (matches) {
+            renameAttribute(nodeNotMatching, attributeIndicatingACondition, attributeIndicatingAMatch);
+          }
+        });
+        var nodesMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingAMatch, "]")));
+        nodesMatching.forEach(function (nodeMatching) {
+          var conditionAttributeValue = nodeMatching.getAttribute(attributeIndicatingAMatch);
+          var matches = testCondition(conditionAttributeValue, variables);
 
-          return {
-            url: responseUrl,
-            status: responseStatus,
-            statusText: responseStatusText,
-            headers: responseHeaders,
-            text: text,
-            json: json,
-            blob: blob,
-            arrayBuffer: arrayBuffer,
-            formData: formData
-          };
+          if (!matches) {
+            renameAttribute(nodeMatching, attributeIndicatingAMatch, attributeIndicatingACondition);
+          }
         });
-      });
+      };
 
-      var canUseBlob = function canUseBlob() {
-        if (typeof window.FileReader !== "function") return false;
-        if (typeof window.Blob !== "function") return false;
+      var testCondition = function testCondition(conditionAttributeValue, variables) {
+        var condition = parseCondition(conditionAttributeValue);
+        return Object.keys(variables).some(function (key) {
+          if (condition.key !== key) {
+            return false;
+          } // the condition do not specify a value, any value is ok
 
-        try {
-          // eslint-disable-next-line no-new
-          new Blob();
-          return true;
-        } catch (e) {
-          return false;
-        }
-      };
 
-      var hasBlob = canUseBlob();
-      var hasFormData = typeof window.FormData === "function";
-      var hasArrayBuffer = typeof window.ArrayBuffer === "function";
-      var hasSearchParams = typeof window.URLSearchParams === "function";
+          if (condition.value === undefined) {
+            return true;
+          }
 
-      var createRequestError = function createRequestError(error, _ref5) {
-        var url = _ref5.url;
-        return new Error("error during xhr request on ".concat(url, ".\n--- error stack ---\n").concat(error.stack));
+          if (condition.value === variables[key]) {
+            return true;
+          }
+
+          return false;
+        });
       };
 
-      var createPromiseAndHooks = function createPromiseAndHooks() {
-        var resolve;
-        var reject;
-        var promise = new Promise(function (res, rej) {
-          resolve = function resolve(value) {
-            promise.settled = true;
-            res(value);
-          };
+      var parseCondition = function parseCondition(conditionAttributeValue) {
+        var colonIndex = conditionAttributeValue.indexOf(":");
 
-          reject = function reject(value) {
-            promise.settled = true;
-            rej(value);
+        if (colonIndex === -1) {
+          return {
+            key: conditionAttributeValue,
+            value: undefined
           };
-        });
-        promise.resolve = resolve;
-        promise.reject = reject;
-        return promise;
-      }; // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
+        }
 
+        return {
+          key: conditionAttributeValue.slice(0, colonIndex),
+          value: conditionAttributeValue.slice(colonIndex + 1)
+        };
+      };
 
-      var computeWithCredentials = function computeWithCredentials(_ref6) {
-        var credentials = _ref6.credentials,
-            url = _ref6.url;
-
-        if (credentials === "same-origin") {
-          return originSameAsGlobalOrigin(url);
-        }
+      var attributeIndicatingACondition = "data-when";
+      var attributeIndicatingAMatch = "data-when-active";
 
-        return credentials === "include";
+      var renameAttribute = function renameAttribute(node, name, newName) {
+        node.setAttribute(newName, node.getAttribute(name));
+        node.removeAttribute(name);
       };
 
-      var originSameAsGlobalOrigin = function originSameAsGlobalOrigin(url) {
-        // if we cannot read globalOrigin from window.location.origin, let's consider it's ok
-        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== "object") return true;
-        if (_typeof(window.location) !== "object") return true;
-        var globalOrigin = window.location.origin;
-        if (globalOrigin === "null") return true;
-        return hrefToOrigin(url) === globalOrigin;
+      var renderToolbarSettings = function renderToolbarSettings() {
+        document.querySelector("#settings-button").onclick = toggleSettings;
+        document.querySelector("#button-close-settings").onclick = toggleSettings;
       };
 
-      var detectBodyType = function detectBodyType(body) {
-        if (!body) {
-          return "";
-        }
-
-        if (typeof body === "string") {
-          return "text";
-        }
-
-        if (hasBlob && Blob.prototype.isPrototypeOf(body)) {
-          return "blob";
-        }
-
-        if (hasFormData && FormData.prototype.isPrototypeOf(body)) {
-          return "formData";
-        }
-
-        if (hasArrayBuffer) {
-          if (hasBlob && isDataView(body)) {
-            return "dataView";
-          }
-
-          if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {
-            return "arrayBuffer";
-          }
-        }
-
-        if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
-          return "searchParams";
+      var toggleSettings = function toggleSettings() {
+        if (settingsAreVisible()) {
+          hideSettings();
+        } else {
+          showSettings();
         }
-
-        return "";
-      }; // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example
-
-
-      var getHeadersFromXHR = function getHeadersFromXHR(xhr) {
-        var headerMap = {};
-        var headersString = xhr.getAllResponseHeaders();
-        if (headersString === "") return headerMap;
-        var lines = headersString.trim().split(/[\r\n]+/);
-        lines.forEach(function (line) {
-          var parts = line.split(": ");
-          var name = parts.shift();
-          var value = parts.join(": ");
-          headerMap[name.toLowerCase()] = value;
-        });
-        return headerMap;
       };
 
-      var hrefToOrigin = function hrefToOrigin(href) {
-        var scheme = hrefToScheme(href);
-
-        if (scheme === "file") {
-          return "file://";
-        }
-
-        if (scheme === "http" || scheme === "https") {
-          var secondProtocolSlashIndex = scheme.length + "://".length;
-          var pathnameSlashIndex = href.indexOf("/", secondProtocolSlashIndex);
-          if (pathnameSlashIndex === -1) return href;
-          return href.slice(0, pathnameSlashIndex);
-        }
-
-        return href.slice(0, scheme.length + 1);
+      var enableWarningStyle = function enableWarningStyle() {
+        enableVariant(document.querySelector("#settings-button"), {
+          has_warning: "yes"
+        });
       };
 
-      var hrefToScheme = function hrefToScheme(href) {
-        var colonIndex = href.indexOf(":");
-        if (colonIndex === -1) return "";
-        return href.slice(0, colonIndex);
+      var disableWarningStyle = function disableWarningStyle() {
+        enableVariant(document.querySelector("#settings-button"), {
+          has_warning: "no"
+        });
       };
 
-      var isDataView = function isDataView(obj) {
-        return obj && DataView.prototype.isPrototypeOf(obj);
+      var settingsAreVisible = function settingsAreVisible() {
+        return toolbarSectionIsActive(document.querySelector("#settings"));
       };
 
-      var isArrayBufferView = ArrayBuffer.isView || function () {
-        var viewClasses = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"];
-        return function (value) {
-          return value && viewClasses.includes(Object.prototype.toString.call(value));
-        };
-      }();
-
-      var textToFormData = function textToFormData(text) {
-        var form = new FormData();
-        text.trim().split("&").forEach(function (bytes) {
-          if (bytes) {
-            var split = bytes.split("=");
-            var name = split.shift().replace(/\+/g, " ");
-            var value = split.join("=").replace(/\+/g, " ");
-            form.append(decodeURIComponent(name), decodeURIComponent(value));
-          }
-        });
-        return form;
+      var hideSettings = function hideSettings() {
+        deactivateToolbarSection(document.querySelector("#settings"));
+        updateIframeOverflowOnParentWindow();
       };
 
-      var blobToArrayBuffer = _async$a(function (blob) {
-        var reader = new FileReader();
-        var promise = fileReaderReady(reader);
-        reader.readAsArrayBuffer(blob);
-        return promise;
-      });
-
-      var blobToText = function blobToText(blob) {
-        var reader = new FileReader();
-        var promise = fileReaderReady(reader);
-        reader.readAsText(blob);
-        return promise;
+      var showSettings = function showSettings() {
+        activateToolbarSection(document.querySelector("#settings"));
+        updateIframeOverflowOnParentWindow();
       };
 
-      var arrayBufferToText = function arrayBufferToText(arrayBuffer) {
-        var view = new Uint8Array(arrayBuffer);
-        var chars = new Array(view.length);
-        var i = 0;
-
-        while (i < view.length) {
-          chars[i] = String.fromCharCode(view[i]);
-          i++;
+      var _defineProperty = function (obj, key, value) {
+        // Shortcircuit the slow defineProperty path when possible.
+        // We are trying to avoid issues where setters defined on the
+        // prototype cause side effects under the fast path of simple
+        // assignment. By checking for existence of the property with
+        // the in operator, we can optimize most of this overhead away.
+        if (key in obj) {
+          Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          });
+        } else {
+          obj[key] = value;
         }
 
-        return chars.join("");
+        return obj;
       };
 
-      var fileReaderReady = function fileReaderReady(reader) {
-        return new Promise(function (resolve, reject) {
-          reader.onload = function () {
-            resolve(reader.result);
-          };
+      function ownKeys(object, enumerableOnly) {
+        var keys = Object.keys(object);
 
-          reader.onerror = function () {
-            reject(reader.error);
-          };
-        });
-      };
+        if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(object);
 
-      var cloneBuffer = function cloneBuffer(buffer) {
-        if (buffer.slice) {
-          return buffer.slice(0);
-        }
+          if (enumerableOnly) {
+            symbols = symbols.filter(function (sym) {
+              return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+          }
 
-        var view = new Uint8Array(buffer.byteLength);
-        view.set(new Uint8Array(buffer));
-        return view.buffer;
-      };
+          keys.push.apply(keys, symbols);
+        }
 
-      var _excluded$1 = ["mode"];
+        return keys;
+      }
 
-      function _await$9(value, then, direct) {
-        if (direct) {
-          return then ? then(value) : value;
-        }
+      function _objectSpread2(target) {
+        for (var i = 1; i < arguments.length; i++) {
+          var source = arguments[i] != null ? arguments[i] : {};
 
-        if (!value || !value.then) {
-          value = Promise.resolve(value);
+          if (i % 2) {
+            ownKeys(Object(source), true).forEach(function (key) {
+              _defineProperty(target, key, source[key]);
+            });
+          } else if (Object.getOwnPropertyDescriptors) {
+            Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+          } else {
+            ownKeys(Object(source)).forEach(function (key) {
+              Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+            });
+          }
         }
 
-        return then ? value.then(then) : value;
+        return target;
       }
 
+      var _excluded$1 = ["clickToFocus", "clickToClose"];
+
       function _async$9(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
@@ -2749,495 +2654,492 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      var fetchNative = _async$9(function (url) {
-        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      function _await$a(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-        var _ref$mode = _ref.mode,
-            mode = _ref$mode === void 0 ? "cors" : _ref$mode,
-            options = _objectWithoutProperties(_ref, _excluded$1);
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-        return _await$9(window.fetch(url, _objectSpread2({
-          mode: mode
-        }, options)), function (response) {
-          return {
-            url: response.url,
-            status: response.status,
-            statusText: "",
-            headers: responseToHeaders(response),
-            text: function text() {
-              return response.text();
-            },
-            json: function json() {
-              return response.json();
-            },
-            blob: function blob() {
-              return response.blob();
-            },
-            arrayBuffer: function arrayBuffer() {
-              return response.arrayBuffer();
-            },
-            formData: function formData() {
-              return response.formData();
-            }
-          };
-        });
-      });
+        return then ? value.then(then) : value;
+      }
 
-      var responseToHeaders = function responseToHeaders(response) {
-        var headers = {};
-        response.headers.forEach(function (value, name) {
-          headers[name] = value;
-        });
-        return headers;
-      };
+      var notificationAvailable = typeof window.Notification === "function";
+      var notificationPreference = createPreference("notification");
+      var arrayOfOpenedNotifications = [];
 
-      var fetchUrl = typeof window.fetch === "function" && typeof window.AbortController === "function" ? fetchNative : fetchUsingXHR;
+      var renderToolbarNotification = function renderToolbarNotification() {
+        var notifCheckbox = document.querySelector("#toggle-notifs");
 
-      function _await$8(value, then, direct) {
-        if (direct) {
-          return then ? then(value) : value;
+        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;
+          return;
         }
 
-        if (!value || !value.then) {
-          value = Promise.resolve(value);
-        }
+        var updatePermission = function updatePermission() {
+          if (Notification.permission === "denied") {
+            var _notifSetting = document.querySelector(".settings-notification");
 
-        return then ? value.then(then) : value;
-      }
+            _notifSetting.setAttribute("data-disabled", "true");
 
-      function _async$8(f) {
-        return function () {
-          for (var args = [], i = 0; i < arguments.length; i++) {
-            args[i] = arguments[i];
-          }
+            _notifSetting.setAttribute("title", "Notification denied");
 
-          try {
-            return Promise.resolve(f.apply(this, args));
-          } catch (e) {
-            return Promise.reject(e);
+            notifCheckbox.disabled = true;
+            return;
           }
-        };
-      }
-
-      var fetchJson = _async$8(function (url) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return _await$8(fetchUrl(url, options), function (response) {
-          return _await$8(response.json());
-        });
-      });
-
-      function _await$7(value, then, direct) {
-        if (direct) {
-          return then ? then(value) : value;
-        }
-
-        if (!value || !value.then) {
-          value = Promise.resolve(value);
-        }
-
-        return then ? value.then(then) : value;
-      }
 
-      function _catch$5(body, recover) {
-        try {
-          var result = body();
-        } catch (e) {
-          return recover(e);
-        }
+          notifCheckbox.checked = getNotificationPreference();
 
-        if (result && result.then) {
-          return result.then(void 0, recover);
-        }
+          notifCheckbox.onchange = function () {
+            setNotificationPreference(notifCheckbox.checked);
 
-        return result;
-      }
+            if (!notifCheckbox.checked) {
+              // slice because arrayOfOpenedNotifications can be mutated while looping
+              arrayOfOpenedNotifications.slice().forEach(function (notification) {
+                notification.close();
+              });
+            }
+          };
 
-      function _async$7(f) {
-        return function () {
-          for (var args = [], i = 0; i < arguments.length; i++) {
-            args[i] = arguments[i];
-          }
+          var notifPermission = Notification.permission;
+          enableVariant(document.querySelector(".notification-text"), {
+            notif_permission: notifPermission === "granted" ? "yes" : "no"
+          });
 
-          try {
-            return Promise.resolve(f.apply(this, args));
-          } catch (e) {
-            return Promise.reject(e);
+          if (notifPermission === "default") {
+            document.querySelector("a.request_notification_permission").onclick = function () {
+              requestPermission().then(function () {
+                updatePermission();
+              });
+            };
           }
         };
-      }
-
-      var fetchExploringJson = _async$7(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            signal = _ref.signal;
-
-        return _catch$5(function () {
-          return _await$7(fetchJson("/.jsenv/exploring.json", {
-            signal: signal
-          }));
-        }, function (e) {
-          if (signal && signal.aborted && e.name === "AbortError") {
-            throw e;
-          }
-
-          throw new Error("Cannot communicate with exploring server due to a network error\n--- error stack ---\n".concat(e.stack));
-        });
-      });
-
-      var updateIframeOverflowOnParentWindow = function updateIframeOverflowOnParentWindow() {
-        if (!window.parent) {
-          // can happen while parent iframe reloads
-          return;
-        }
-
-        var aTooltipIsOpened = document.querySelector("[data-tooltip-visible]") || document.querySelector("[data-tooltip-auto-visible]");
-        var settingsAreOpened = document.querySelector("#settings[data-active]");
 
-        if (aTooltipIsOpened || settingsAreOpened) {
-          enableIframeOverflowOnParentWindow();
-        } else {
-          disableIframeOverflowOnParentWindow();
-        }
+        updatePermission();
       };
 
-      var iframeOverflowEnabled = false;
-
-      var enableIframeOverflowOnParentWindow = function enableIframeOverflowOnParentWindow() {
-        if (iframeOverflowEnabled) return;
-        iframeOverflowEnabled = true;
-        var iframe = getToolbarIframe();
-        var transitionDuration = iframe.style.transitionDuration;
-        setStyles(iframe, {
-          "height": "100%",
-          "transition-duration": "0ms"
-        });
+      var notifyExecutionResult = function notifyExecutionResult(executedFileRelativeUrl, execution, previousExecution) {
+        var notificationEnabled = getNotificationPreference();
+        if (!notificationEnabled) return;
+        var notificationOptions = {
+          lang: "en",
+          icon: getFaviconHref(),
+          clickToFocus: true,
+          clickToClose: true
+        };
 
-        if (transitionDuration) {
-          setTimeout(function () {
-            setStyles(iframe, {
-              "transition-duration": transitionDuration
-            });
-          });
+        if (execution.status === "errored") {
+          if (previousExecution) {
+            if (previousExecution.status === "completed") {
+              notify("Broken", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
+                body: "".concat(executedFileRelativeUrl, " execution now failing.")
+              }));
+            } else {
+              notify("Still failing", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
+                body: "".concat(executedFileRelativeUrl, " execution still failing.")
+              }));
+            }
+          } else {
+            notify("Failing", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
+              body: "".concat(executedFileRelativeUrl, " execution failed.")
+            }));
+          }
+        } else if (previousExecution && previousExecution.status === "errored") {
+          notify("Fixed", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
+            body: "".concat(executedFileRelativeUrl, " execution fixed.")
+          }));
         }
       };
 
-      var disableIframeOverflowOnParentWindow = function disableIframeOverflowOnParentWindow() {
-        if (!iframeOverflowEnabled) return;
-        iframeOverflowEnabled = false;
-        var iframe = getToolbarIframe();
-        var transitionDuration = iframe.style.transitionDuration;
-        setStyles(iframe, {
-          "height": "40px",
-          "transition-duration": "0ms"
-        });
-
-        if (transitionDuration) {
-          setTimeout(function () {
-            setStyles(iframe, {
-              "transition-duration": transitionDuration
-            });
-          });
-        }
+      var getNotificationPreference = function getNotificationPreference() {
+        return notificationPreference.has() ? notificationPreference.get() : true;
       };
 
-      var getToolbarIframe = function getToolbarIframe() {
-        var iframes = Array.from(window.parent.document.querySelectorAll("iframe"));
-        return iframes.find(function (iframe) {
-          return iframe.contentWindow === window;
-        });
+      var setNotificationPreference = function setNotificationPreference(value) {
+        return notificationPreference.set(value);
       };
 
-      var forceHideElement = function forceHideElement(element) {
-        element.setAttribute("data-force-hide", "");
+      var getFaviconHref = function getFaviconHref() {
+        var link = document.querySelector('link[rel="icon"]');
+        return link ? link.href : undefined;
       };
 
-      var removeForceHideElement = function removeForceHideElement(element) {
-        element.removeAttribute("data-force-hide");
-      };
+      var permission = "default";
+      var notify = notificationAvailable ? _async$9(function (title) {
+        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-      var setStyles = function setStyles(element, styles) {
-        var elementStyle = element.style;
-        var restoreStyles = Object.keys(styles).map(function (styleName) {
-          var restore;
+        var _ref$clickToFocus = _ref.clickToFocus,
+            clickToFocus = _ref$clickToFocus === void 0 ? false : _ref$clickToFocus,
+            _ref$clickToClose = _ref.clickToClose,
+            clickToClose = _ref$clickToClose === void 0 ? false : _ref$clickToClose,
+            options = _objectWithoutProperties(_ref, _excluded$1);
 
-          if (styleName in elementStyle) {
-            var currentStyle = elementStyle[styleName];
+        if (permission !== "granted") {
+          return null;
+        }
 
-            restore = function restore() {
-              elementStyle[styleName] = currentStyle;
-            };
-          } else {
-            restore = function restore() {
-              delete elementStyle[styleName];
-            };
-          }
+        var notification = new Notification(title, options);
+        arrayOfOpenedNotifications.push(notification);
 
-          elementStyle[styleName] = styles[styleName];
-          return restore;
-        });
-        return function () {
-          restoreStyles.forEach(function (restore) {
-            return restore();
-          });
+        notification.onclick = function () {
+          // but if the user navigated inbetween
+          // focusing window will show something else
+          // in that case it could be great to do something
+          // maybe like showing a message saying this execution
+          // is no longer visible
+          // we could also navigauate to this file execution but
+          // there is no guarantee re-executing the file would give same output
+          // and it would also trigger an other notification
+          if (clickToFocus) window.focus();
+          if (clickToClose) notification.close();
         };
-      };
 
-      var toolbarSectionIsActive = function toolbarSectionIsActive(element) {
-        return element.hasAttribute("data-active");
-      };
+        notification.onclose = function () {
+          var index = arrayOfOpenedNotifications.indexOf(notification);
 
-      var activateToolbarSection = function activateToolbarSection(element) {
-        element.setAttribute("data-active", "");
-      };
+          if (index > -1) {
+            arrayOfOpenedNotifications.splice(index, 1);
+          }
+        };
 
-      var deactivateToolbarSection = function deactivateToolbarSection(element) {
-        element.removeAttribute("data-active");
+        return notification;
+      }) : function () {};
+      var requestPromise;
+      var requestPermission = notificationAvailable ? _async$9(function () {
+        if (requestPromise) return requestPromise;
+        requestPromise = Notification.requestPermission();
+        return _await$a(requestPromise, function (_requestPromise) {
+          permission = _requestPromise;
+          requestPromise = undefined;
+          return permission;
+        });
+      }) : function () {
+        return Promise.resolve("default");
       };
+      var DARK_THEME = "dark";
+      var LIGHT_THEME = "light";
+      var themePreference = createPreference("theme");
 
-      var startJavaScriptAnimation = function startJavaScriptAnimation(_ref6) {
-        var _ref6$duration = _ref6.duration,
-            duration = _ref6$duration === void 0 ? 300 : _ref6$duration,
-            _ref6$timingFunction = _ref6.timingFunction,
-            timingFunction = _ref6$timingFunction === void 0 ? function (t) {
-          return t;
-        } : _ref6$timingFunction,
-            _ref6$onProgress = _ref6.onProgress,
-            onProgress = _ref6$onProgress === void 0 ? function () {} : _ref6$onProgress,
-            _ref6$onCancel = _ref6.onCancel,
-            onCancel = _ref6$onCancel === void 0 ? function () {} : _ref6$onCancel,
-            _ref6$onComplete = _ref6.onComplete,
-            onComplete = _ref6$onComplete === void 0 ? function () {} : _ref6$onComplete;
-
-        if (isNaN(duration)) {
-          // console.warn(`duration must be a number, received ${duration}`)
-          return function () {};
-        }
-
-        duration = parseInt(duration, 10);
-        var startMs = performance.now();
-        var currentRequestAnimationFrameId;
-        var done = false;
-        var rawProgress = 0;
-        var progress = 0;
-
-        var handler = function handler() {
-          currentRequestAnimationFrameId = null;
-          var nowMs = performance.now();
-          rawProgress = Math.min((nowMs - startMs) / duration, 1);
-          progress = timingFunction(rawProgress);
-          done = rawProgress === 1;
-          onProgress({
-            done: done,
-            rawProgress: rawProgress,
-            progress: progress
-          });
+      var renderToolbarTheme = function renderToolbarTheme() {
+        var theme = getThemePreference();
+        var checkbox = document.querySelector("#checkbox-dark-theme");
+        checkbox.checked = theme === DARK_THEME;
+        setTheme(theme);
 
-          if (done) {
-            onComplete();
+        checkbox.onchange = function () {
+          if (checkbox.checked) {
+            setThemePreference(DARK_THEME);
+            setTheme(DARK_THEME);
           } else {
-            currentRequestAnimationFrameId = window.requestAnimationFrame(handler);
+            setThemePreference(LIGHT_THEME);
+            setTheme(LIGHT_THEME);
           }
         };
+      };
 
-        handler();
-
-        var stop = function stop() {
-          if (currentRequestAnimationFrameId) {
-            window.cancelAnimationFrame(currentRequestAnimationFrameId);
-            currentRequestAnimationFrameId = null;
-          }
-
-          if (!done) {
-            done = true;
-            onCancel({
-              rawProgress: rawProgress,
-              progress: progress
-            });
-          }
-        };
+      var getThemePreference = function getThemePreference() {
+        return themePreference.has() ? themePreference.get() : DARK_THEME;
+      };
 
-        return stop;
-      }; // handle data-last-interaction attr on html (focusring)
+      var setThemePreference = function setThemePreference(value) {
+        themePreference.set(value);
+        setTheme(value);
+      };
 
+      var setTheme = function setTheme(theme) {
+        document.querySelector("html").setAttribute("data-theme", theme);
+      };
 
-      window.addEventListener("mousedown", function (mousedownEvent) {
-        if (mousedownEvent.defaultPrevented) {
-          return;
-        }
+      var animationPreference = createPreference("animation");
 
-        document.documentElement.setAttribute("data-last-interaction", "mouse");
-      });
-      window.addEventListener("touchstart", function (touchstartEvent) {
-        if (touchstartEvent.defaultPrevented) {
-          return;
-        }
+      var renderToolbarAnimation = function renderToolbarAnimation() {
+        var animCheckbox = document.querySelector("#toggle-anims");
+        animCheckbox.checked = getAnimationPreference();
 
-        document.documentElement.setAttribute("data-last-interaction", "mouse");
-      });
-      window.addEventListener("keydown", function (keydownEvent) {
-        if (keydownEvent.defaultPrevented) {
-          return;
-        }
+        animCheckbox.onchange = function () {
+          setAnimationPreference(animCheckbox.checked);
+          onPreferenceChange(animCheckbox.checked);
+        };
 
-        document.documentElement.setAttribute("data-last-interaction", "keyboard");
-      });
+        onPreferenceChange(); // enable toolbar transition only after first render
 
-      var createPreference = function createPreference(name) {
-        return {
-          has: function has() {
-            return localStorage.hasOwnProperty(name);
-          },
-          get: function get() {
-            return localStorage.hasOwnProperty(name) ? JSON.parse(localStorage.getItem(name)) : undefined;
-          },
-          set: function set(value) {
-            return localStorage.setItem(name, JSON.stringify(value));
-          }
-        };
+        setTimeout(function () {
+          document.querySelector("#toolbar").setAttribute("data-animate", "");
+        });
       };
 
-      var toggleTooltip = function toggleTooltip(element) {
-        if (element.hasAttribute("data-tooltip-visible")) {
-          hideTooltip(element);
+      var onPreferenceChange = function onPreferenceChange() {
+        var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getAnimationPreference();
+
+        if (value) {
+          enableAnimation();
         } else {
-          showTooltip(element);
+          disableAnimation();
         }
       };
 
-      var hideTooltip = function hideTooltip(element) {
-        element.removeAttribute("data-tooltip-visible");
-        element.removeAttribute("data-tooltip-auto-visible");
-        updateIframeOverflowOnParentWindow();
-      };
-
-      var showTooltip = function showTooltip(element) {
-        element.setAttribute("data-tooltip-visible", "");
-        updateIframeOverflowOnParentWindow();
+      var getAnimationPreference = function getAnimationPreference() {
+        return animationPreference.has() ? animationPreference.get() : true;
       };
 
-      var autoShowTooltip = function autoShowTooltip(element) {
-        element.setAttribute("data-tooltip-auto-visible", "");
-        updateIframeOverflowOnParentWindow();
+      var setAnimationPreference = function setAnimationPreference(value) {
+        return animationPreference.set(value);
       };
 
-      var removeAutoShowTooltip = function removeAutoShowTooltip(element) {
-        element.removeAttribute("data-tooltip-auto-visible");
-        updateIframeOverflowOnParentWindow();
+      var enableAnimation = function enableAnimation() {
+        document.documentElement.removeAttribute("data-animation-disabled");
       };
 
-      var hideAllTooltip = function hideAllTooltip() {
-        var elementsWithTooltip = Array.from(document.querySelectorAll("[data-tooltip-visible]"));
-        elementsWithTooltip.forEach(function (elementWithTooltip) {
-          hideTooltip(elementWithTooltip);
-        });
+      var disableAnimation = function disableAnimation() {
+        document.documentElement.setAttribute("data-animation-disabled", "");
       };
 
-      var enableVariant = function enableVariant(rootNode, variables) {
-        var nodesNotMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingACondition, "]")));
-        nodesNotMatching.forEach(function (nodeNotMatching) {
-          var conditionAttributeValue = nodeNotMatching.getAttribute(attributeIndicatingACondition);
-          var matches = testCondition(conditionAttributeValue, variables);
-
-          if (matches) {
-            renameAttribute(nodeNotMatching, attributeIndicatingACondition, attributeIndicatingAMatch);
-          }
-        });
-        var nodesMatching = Array.from(rootNode.querySelectorAll("[".concat(attributeIndicatingAMatch, "]")));
-        nodesMatching.forEach(function (nodeMatching) {
-          var conditionAttributeValue = nodeMatching.getAttribute(attributeIndicatingAMatch);
-          var matches = testCondition(conditionAttributeValue, variables);
-
-          if (!matches) {
-            renameAttribute(nodeMatching, attributeIndicatingAMatch, attributeIndicatingACondition);
-          }
-        });
+      var createHorizontalBreakpoint = function createHorizontalBreakpoint(breakpointValue) {
+        return createBreakpoint(windowWidthMeasure, breakpointValue);
       };
 
-      var testCondition = function testCondition(conditionAttributeValue, variables) {
-        var condition = parseCondition(conditionAttributeValue);
-        return Object.keys(variables).some(function (key) {
-          if (condition.key !== key) {
-            return false;
-          } // the condition do not specify a value, any value is ok
-
+      var createMeasure = function createMeasure(_ref) {
+        var compute = _ref.compute,
+            register = _ref.register;
+        var currentValue = compute();
 
-          if (condition.value === undefined) {
-            return true;
-          }
+        var get = function get() {
+          return compute();
+        };
 
-          if (condition.value === variables[key]) {
-            return true;
-          }
+        var changed = createSignal();
 
-          return false;
-        });
-      };
+        var unregister = function unregister() {};
 
-      var parseCondition = function parseCondition(conditionAttributeValue) {
-        var colonIndex = conditionAttributeValue.indexOf(":");
+        if (register) {
+          unregister = register(function () {
+            var value = compute();
 
-        if (colonIndex === -1) {
-          return {
-            key: conditionAttributeValue,
-            value: undefined
-          };
+            if (value !== currentValue) {
+              var previousValue = value;
+              currentValue = value;
+              changed.notify(value, previousValue);
+            }
+          });
         }
 
         return {
-          key: conditionAttributeValue.slice(0, colonIndex),
-          value: conditionAttributeValue.slice(colonIndex + 1)
+          get: get,
+          changed: changed,
+          unregister: unregister
         };
       };
 
-      var attributeIndicatingACondition = "data-when";
-      var attributeIndicatingAMatch = "data-when-active";
+      var createSignal = function createSignal() {
+        var callbackArray = [];
 
-      var renameAttribute = function renameAttribute(node, name, newName) {
-        node.setAttribute(newName, node.getAttribute(name));
-        node.removeAttribute(name);
-      };
+        var listen = function listen(callback) {
+          callbackArray.push(callback);
+          return function () {
+            var index = callbackArray.indexOf(callback);
 
-      var renderToolbarSettings = function renderToolbarSettings() {
-        document.querySelector("#settings-button").onclick = toggleSettings;
-        document.querySelector("#button-close-settings").onclick = toggleSettings;
+            if (index > -1) {
+              callbackArray.splice(index, 1);
+            }
+          };
+        };
+
+        var notify = function notify() {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          callbackArray.slice().forEach(function (callback) {
+            callback.apply(void 0, args);
+          });
+        };
+
+        return {
+          listen: listen,
+          notify: notify
+        };
       };
 
-      var toggleSettings = function toggleSettings() {
-        if (settingsAreVisible()) {
-          hideSettings();
-        } else {
-          showSettings();
+      var windowWidthMeasure = createMeasure({
+        name: "window-width",
+        compute: function compute() {
+          return window.innerWidth;
+        },
+        register: function register(onchange) {
+          window.addEventListener("resize", onchange);
+          window.addEventListener("orientationchange", onchange);
+          return function () {
+            window.removeEventListener("resize", onchange);
+            window.removeEventListener("orientationchange", onchange);
+          };
         }
-      };
+      });
 
-      var enableWarningStyle = function enableWarningStyle() {
-        enableVariant(document.querySelector("#settings-button"), {
-          has_warning: "yes"
+      var createBreakpoint = function createBreakpoint(measure, breakpointValue) {
+        var getBreakpointState = function getBreakpointState() {
+          var value = measure.get();
+
+          if (value < breakpointValue) {
+            return "below";
+          }
+
+          if (value > breakpointValue) {
+            return "above";
+          }
+
+          return "equals";
+        };
+
+        var currentBreakpointState = getBreakpointState();
+
+        var isAbove = function isAbove() {
+          return measure.get() > breakpointValue;
+        };
+
+        var isBelow = function isBelow() {
+          return measure.get() < breakpointValue;
+        };
+
+        var breakpointChanged = createSignal();
+        measure.changed.listen(function () {
+          var breakpointState = getBreakpointState();
+
+          if (breakpointState !== currentBreakpointState) {
+            var breakpointStatePrevious = currentBreakpointState;
+            currentBreakpointState = breakpointState;
+            breakpointChanged.notify(breakpointState, breakpointStatePrevious);
+          }
         });
-      };
+        return {
+          isAbove: isAbove,
+          isBelow: isBelow,
+          changed: breakpointChanged
+        };
+      }; // const windowScrollTop = createMeasure({
+      //   name: "window-scroll-top",
+      //   compute: () => window.scrollTop,
+      //   register: (onchange) => {
+      //     window.addEventListener("scroll", onchange)
+      //     return () => {
+      //       window.removeEventListener("scroll", onchange)
+      //     }
+      //   },
+      // })
 
-      var disableWarningStyle = function disableWarningStyle() {
-        enableVariant(document.querySelector("#settings-button"), {
-          has_warning: "no"
+
+      var WINDOW_MEDIUM_WIDTH = 570;
+
+      var renderExecutionInToolbar = function renderExecutionInToolbar(_ref) {
+        var executedFileRelativeUrl = _ref.executedFileRelativeUrl; // reset file execution indicator ui
+
+        applyExecutionIndicator();
+        removeForceHideElement(document.querySelector("#execution-indicator")); // apply responsive design on fileInput if needed + add listener on resize screen
+
+        var input = document.querySelector("#file-input");
+        var fileWidthBreakpoint = createHorizontalBreakpoint(WINDOW_MEDIUM_WIDTH);
+
+        var handleFileWidthBreakpoint = function handleFileWidthBreakpoint() {
+          resizeInput(input, fileWidthBreakpoint);
+        };
+
+        handleFileWidthBreakpoint();
+        fileWidthBreakpoint.changed.listen(handleFileWidthBreakpoint);
+        input.value = executedFileRelativeUrl;
+        resizeInput(input, fileWidthBreakpoint);
+        activateToolbarSection(document.querySelector("#file"));
+        removeForceHideElement(document.querySelector("#file"));
+
+        window.parent.__jsenv__.executionResultPromise.then(function (_ref2) {
+          var status = _ref2.status,
+              startTime = _ref2.startTime,
+              endTime = _ref2.endTime;
+          var execution = {
+            status: status,
+            startTime: startTime,
+            endTime: endTime
+          };
+          applyExecutionIndicator(execution);
+          var executionStorageKey = executedFileRelativeUrl;
+          var previousExecution = sessionStorage.hasOwnProperty(executionStorageKey) ? JSON.parse(sessionStorage.getItem(executionStorageKey)) : undefined;
+          notifyExecutionResult(executedFileRelativeUrl, execution, previousExecution);
+          sessionStorage.setItem(executedFileRelativeUrl, JSON.stringify(execution));
         });
       };
 
-      var settingsAreVisible = function settingsAreVisible() {
-        return toolbarSectionIsActive(document.querySelector("#settings"));
+      var applyExecutionIndicator = function applyExecutionIndicator() {
+        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref3$status = _ref3.status,
+            status = _ref3$status === void 0 ? "running" : _ref3$status,
+            startTime = _ref3.startTime,
+            endTime = _ref3.endTime;
+
+        var executionIndicator = document.querySelector("#execution-indicator");
+        enableVariant(executionIndicator, {
+          execution: status
+        });
+        var variantNode = executionIndicator.querySelector("[data-when-active]");
+
+        variantNode.querySelector("button").onclick = function () {
+          return toggleTooltip(executionIndicator);
+        };
+
+        variantNode.querySelector(".tooltip").textContent = computeText({
+          status: status,
+          startTime: startTime,
+          endTime: endTime
+        });
       };
 
-      var hideSettings = function hideSettings() {
-        deactivateToolbarSection(document.querySelector("#settings"));
-        updateIframeOverflowOnParentWindow();
+      var computeText = function computeText(_ref4) {
+        var status = _ref4.status,
+            startTime = _ref4.startTime,
+            endTime = _ref4.endTime;
+
+        if (status === "completed") {
+          return "Execution completed in ".concat(endTime - startTime, "ms");
+        }
+
+        if (status === "errored") {
+          return "Execution failed in ".concat(endTime - startTime, "ms");
+        }
+
+        if (status === "running") {
+          return "Executing...";
+        }
+
+        return "";
       };
 
-      var showSettings = function showSettings() {
-        activateToolbarSection(document.querySelector("#settings"));
-        updateIframeOverflowOnParentWindow();
+      var resizeInput = function resizeInput(input, fileWidthBreakpoint) {
+        var size = fileWidthBreakpoint.isBelow() ? 20 : 40;
+
+        if (input.value.length > size) {
+          input.style.width = "".concat(size, "ch");
+        } else {
+          input.style.width = "".concat(input.value.length, "ch");
+        }
       };
+      /* eslint-env browser */
 
-      var _excluded = ["clickToFocus", "clickToClose"];
 
-      function _async$6(f) {
+      function _await$9(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
+
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
+
+        return then ? value.then(then) : value;
+      }
+
+      function _async$8(f) {
         return function () {
           for (var args = [], i = 0; i < arguments.length; i++) {
             args[i] = arguments[i];
@@ -3251,476 +3153,518 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      function _await$6(value, then, direct) {
+      function _call$1(body, then, direct) {
         if (direct) {
-          return then ? then(value) : value;
+          return then ? then(body()) : body();
         }
 
-        if (!value || !value.then) {
-          value = Promise.resolve(value);
+        try {
+          var result = Promise.resolve(body());
+          return then ? result.then(then) : result;
+        } catch (e) {
+          return Promise.reject(e);
         }
-
-        return then ? value.then(then) : value;
       }
 
-      var notificationAvailable = typeof window.Notification === "function";
-      var notificationPreference = createPreference("notification");
-      var arrayOfOpenedNotifications = [];
-
-      var renderToolbarNotification = function renderToolbarNotification() {
-        var notifCheckbox = document.querySelector("#toggle-notifs");
+      var fetchUsingXHR = _async$8(function (url) {
+        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+            signal = _ref.signal,
+            _ref$method = _ref.method,
+            method = _ref$method === void 0 ? "GET" : _ref$method,
+            _ref$credentials = _ref.credentials,
+            credentials = _ref$credentials === void 0 ? "same-origin" : _ref$credentials,
+            _ref$headers = _ref.headers,
+            headers = _ref$headers === void 0 ? {} : _ref$headers,
+            _ref$body = _ref.body,
+            body = _ref$body === void 0 ? null : _ref$body;
 
-        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;
-          return;
-        }
+        var headersPromise = createPromiseAndHooks();
+        var bodyPromise = createPromiseAndHooks();
+        var xhr = new XMLHttpRequest();
 
-        var updatePermission = function updatePermission() {
-          if (Notification.permission === "denied") {
-            var _notifSetting = document.querySelector(".settings-notification");
+        var failure = function failure(error) {
+          // if it was already resolved, we must reject the body promise
+          if (headersPromise.settled) {
+            bodyPromise.reject(error);
+          } else {
+            headersPromise.reject(error);
+          }
+        };
 
-            _notifSetting.setAttribute("data-disabled", "true");
+        var cleanup = function cleanup() {
+          xhr.ontimeout = null;
+          xhr.onerror = null;
+          xhr.onload = null;
+          xhr.onreadystatechange = null;
+        };
 
-            _notifSetting.setAttribute("title", "Notification denied");
+        xhr.ontimeout = function () {
+          cleanup();
+          failure(new Error("xhr request timeout on ".concat(url, ".")));
+        };
 
-            notifCheckbox.disabled = true;
-            return;
-          }
+        xhr.onerror = function (error) {
+          cleanup(); // unfortunately with have no clue why it fails
+          // might be cors for instance
 
-          notifCheckbox.checked = getNotificationPreference();
+          failure(createRequestError(error, {
+            url: url
+          }));
+        };
 
-          notifCheckbox.onchange = function () {
-            setNotificationPreference(notifCheckbox.checked);
+        xhr.onload = function () {
+          cleanup();
+          bodyPromise.resolve();
+        };
 
-            if (!notifCheckbox.checked) {
-              // slice because arrayOfOpenedNotifications can be mutated while looping
-              arrayOfOpenedNotifications.slice().forEach(function (notification) {
-                notification.close();
-              });
-            }
-          };
+        signal.addEventListener("abort", function () {
+          xhr.abort();
+          var abortError = new Error("aborted");
+          abortError.name = "AbortError";
+          failure(abortError);
+        });
 
-          var notifPermission = Notification.permission;
-          enableVariant(document.querySelector(".notification-text"), {
-            notif_permission: notifPermission === "granted" ? "yes" : "no"
-          });
+        xhr.onreadystatechange = function () {
+          // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest/readyState
+          var readyState = xhr.readyState;
 
-          if (notifPermission === "default") {
-            document.querySelector("a.request_notification_permission").onclick = function () {
-              requestPermission().then(function () {
-                updatePermission();
-              });
-            };
+          if (readyState === 2) {
+            headersPromise.resolve();
+          } else if (readyState === 4) {
+            cleanup();
+            bodyPromise.resolve();
           }
         };
 
-        updatePermission();
-      };
-
-      var notifyExecutionResult = function notifyExecutionResult(executedFileRelativeUrl, execution, previousExecution) {
-        var notificationEnabled = getNotificationPreference();
-        if (!notificationEnabled) return;
-        var notificationOptions = {
-          lang: "en",
-          icon: getFaviconHref(),
-          clickToFocus: true,
-          clickToClose: true
-        };
+        xhr.open(method, url, true);
+        Object.keys(headers).forEach(function (key) {
+          xhr.setRequestHeader(key, headers[key]);
+        });
+        xhr.withCredentials = computeWithCredentials({
+          credentials: credentials,
+          url: url
+        });
 
-        if (execution.status === "errored") {
-          if (previousExecution) {
-            if (previousExecution.status === "completed") {
-              notify("Broken", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
-                body: "".concat(executedFileRelativeUrl, " execution now failing.")
-              }));
-            } else {
-              notify("Still failing", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
-                body: "".concat(executedFileRelativeUrl, " execution still failing.")
-              }));
-            }
-          } else {
-            notify("Failing", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
-              body: "".concat(executedFileRelativeUrl, " execution failed.")
-            }));
-          }
-        } else if (previousExecution && previousExecution.status === "errored") {
-          notify("Fixed", _objectSpread2(_objectSpread2({}, notificationOptions), {}, {
-            body: "".concat(executedFileRelativeUrl, " execution fixed.")
-          }));
+        if ("responseType" in xhr && hasBlob) {
+          xhr.responseType = "blob";
         }
-      };
 
-      var getNotificationPreference = function getNotificationPreference() {
-        return notificationPreference.has() ? notificationPreference.get() : true;
-      };
+        xhr.send(body);
+        return _await$9(headersPromise, function () {
+          // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL
+          var responseUrl = "responseURL" in xhr ? xhr.responseURL : headers["x-request-url"];
+          var responseStatus = xhr.status;
+          var responseStatusText = xhr.statusText;
+          var responseHeaders = getHeadersFromXHR(xhr);
 
-      var setNotificationPreference = function setNotificationPreference(value) {
-        return notificationPreference.set(value);
-      };
+          var readBody = function readBody() {
+            return _await$9(bodyPromise, function () {
+              var status = xhr.status; // in Chrome on file:/// URLs, status is 0
 
-      var getFaviconHref = function getFaviconHref() {
-        var link = document.querySelector('link[rel="icon"]');
-        return link ? link.href : undefined;
-      };
+              if (status === 0) {
+                responseStatus = 200;
+              }
 
-      var permission = "default";
-      var notify = notificationAvailable ? _async$6(function (title) {
-        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+              var body = "response" in xhr ? xhr.response : xhr.responseText;
+              return {
+                responseBody: body,
+                responseBodyType: detectBodyType(body)
+              };
+            });
+          };
 
-        var _ref$clickToFocus = _ref.clickToFocus,
-            clickToFocus = _ref$clickToFocus === void 0 ? false : _ref$clickToFocus,
-            _ref$clickToClose = _ref.clickToClose,
-            clickToClose = _ref$clickToClose === void 0 ? false : _ref$clickToClose,
-            options = _objectWithoutProperties(_ref, _excluded);
+          var text = function text() {
+            return _call$1(readBody, function (_ref2) {
+              var responseBody = _ref2.responseBody,
+                  responseBodyType = _ref2.responseBodyType;
 
-        if (permission !== "granted") {
-          return null;
-        }
+              if (responseBodyType === "blob") {
+                return blobToText(responseBody);
+              }
 
-        var notification = new Notification(title, options);
-        arrayOfOpenedNotifications.push(notification);
+              if (responseBodyType === "formData") {
+                throw new Error("could not read FormData body as text");
+              }
 
-        notification.onclick = function () {
-          // but if the user navigated inbetween
-          // focusing window will show something else
-          // in that case it could be great to do something
-          // maybe like showing a message saying this execution
-          // is no longer visible
-          // we could also navigauate to this file execution but
-          // there is no guarantee re-executing the file would give same output
-          // and it would also trigger an other notification
-          if (clickToFocus) window.focus();
-          if (clickToClose) notification.close();
-        };
+              return responseBodyType === "dataView" ? arrayBufferToText(responseBody.buffer) : responseBodyType === "arrayBuffer" ? arrayBufferToText(responseBody) : String(responseBody);
+            });
+          };
 
-        notification.onclose = function () {
-          var index = arrayOfOpenedNotifications.indexOf(notification);
+          var json = function json() {
+            return _call$1(text, JSON.parse);
+          };
 
-          if (index > -1) {
-            arrayOfOpenedNotifications.splice(index, 1);
-          }
-        };
+          var blob = _async$8(function () {
+            if (!hasBlob) {
+              throw new Error("blob not supported");
+            }
 
-        return notification;
-      }) : function () {};
-      var requestPromise;
-      var requestPermission = notificationAvailable ? _async$6(function () {
-        if (requestPromise) return requestPromise;
-        requestPromise = Notification.requestPermission();
-        return _await$6(requestPromise, function (_requestPromise) {
-          permission = _requestPromise;
-          requestPromise = undefined;
-          return permission;
-        });
-      }) : function () {
-        return Promise.resolve("default");
-      };
-      var DARK_THEME = "dark";
-      var LIGHT_THEME = "light";
-      var themePreference = createPreference("theme");
+            return _call$1(readBody, function (_ref3) {
+              var responseBody = _ref3.responseBody,
+                  responseBodyType = _ref3.responseBodyType;
 
-      var renderToolbarTheme = function renderToolbarTheme() {
-        var theme = getThemePreference();
-        var checkbox = document.querySelector("#checkbox-dark-theme");
-        checkbox.checked = theme === DARK_THEME;
-        setTheme(theme);
+              if (responseBodyType === "blob") {
+                return responseBody;
+              }
 
-        checkbox.onchange = function () {
-          if (checkbox.checked) {
-            setThemePreference(DARK_THEME);
-            setTheme(DARK_THEME);
-          } else {
-            setThemePreference(LIGHT_THEME);
-            setTheme(LIGHT_THEME);
-          }
-        };
-      };
+              if (responseBodyType === "dataView") {
+                return new Blob([cloneBuffer(responseBody.buffer)]);
+              }
 
-      var getThemePreference = function getThemePreference() {
-        return themePreference.has() ? themePreference.get() : DARK_THEME;
-      };
+              if (responseBodyType === "arrayBuffer") {
+                return new Blob([cloneBuffer(responseBody)]);
+              }
+
+              if (responseBodyType === "formData") {
+                throw new Error("could not read FormData body as blob");
+              }
+
+              return new Blob([String(responseBody)]);
+            });
+          });
+
+          var arrayBuffer = function arrayBuffer() {
+            return _call$1(readBody, function (_ref4) {
+              var responseBody = _ref4.responseBody,
+                  responseBodyType = _ref4.responseBodyType;
+              return responseBodyType === "arrayBuffer" ? cloneBuffer(responseBody) : _call$1(blob, blobToArrayBuffer);
+            });
+          };
+
+          var formData = _async$8(function () {
+            if (!hasFormData) {
+              throw new Error("formData not supported");
+            }
+
+            return _call$1(text, textToFormData);
+          });
+
+          return {
+            url: responseUrl,
+            status: responseStatus,
+            statusText: responseStatusText,
+            headers: responseHeaders,
+            text: text,
+            json: json,
+            blob: blob,
+            arrayBuffer: arrayBuffer,
+            formData: formData
+          };
+        });
+      });
 
-      var setThemePreference = function setThemePreference(value) {
-        themePreference.set(value);
-        setTheme(value);
-      };
+      var canUseBlob = function canUseBlob() {
+        if (typeof window.FileReader !== "function") return false;
+        if (typeof window.Blob !== "function") return false;
 
-      var setTheme = function setTheme(theme) {
-        document.querySelector("html").setAttribute("data-theme", theme);
+        try {
+          // eslint-disable-next-line no-new
+          new Blob();
+          return true;
+        } catch (e) {
+          return false;
+        }
       };
 
-      var animationPreference = createPreference("animation");
-
-      var renderToolbarAnimation = function renderToolbarAnimation() {
-        var animCheckbox = document.querySelector("#toggle-anims");
-        animCheckbox.checked = getAnimationPreference();
+      var hasBlob = canUseBlob();
+      var hasFormData = typeof window.FormData === "function";
+      var hasArrayBuffer = typeof window.ArrayBuffer === "function";
+      var hasSearchParams = typeof window.URLSearchParams === "function";
 
-        animCheckbox.onchange = function () {
-          setAnimationPreference(animCheckbox.checked);
-          onPreferenceChange(animCheckbox.checked);
-        };
+      var createRequestError = function createRequestError(error, _ref5) {
+        var url = _ref5.url;
+        return new Error("error during xhr request on ".concat(url, ".\n--- error stack ---\n").concat(error.stack));
+      };
 
-        onPreferenceChange(); // enable toolbar transition only after first render
+      var createPromiseAndHooks = function createPromiseAndHooks() {
+        var resolve;
+        var reject;
+        var promise = new Promise(function (res, rej) {
+          resolve = function resolve(value) {
+            promise.settled = true;
+            res(value);
+          };
 
-        setTimeout(function () {
-          document.querySelector("#toolbar").setAttribute("data-animate", "");
+          reject = function reject(value) {
+            promise.settled = true;
+            rej(value);
+          };
         });
-      };
+        promise.resolve = resolve;
+        promise.reject = reject;
+        return promise;
+      }; // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
 
-      var onPreferenceChange = function onPreferenceChange() {
-        var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getAnimationPreference();
 
-        if (value) {
-          enableAnimation();
-        } else {
-          disableAnimation();
+      var computeWithCredentials = function computeWithCredentials(_ref6) {
+        var credentials = _ref6.credentials,
+            url = _ref6.url;
+
+        if (credentials === "same-origin") {
+          return originSameAsGlobalOrigin(url);
         }
-      };
 
-      var getAnimationPreference = function getAnimationPreference() {
-        return animationPreference.has() ? animationPreference.get() : true;
+        return credentials === "include";
       };
 
-      var setAnimationPreference = function setAnimationPreference(value) {
-        return animationPreference.set(value);
+      var originSameAsGlobalOrigin = function originSameAsGlobalOrigin(url) {
+        // if we cannot read globalOrigin from window.location.origin, let's consider it's ok
+        if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== "object") return true;
+        if (_typeof(window.location) !== "object") return true;
+        var globalOrigin = window.location.origin;
+        if (globalOrigin === "null") return true;
+        return hrefToOrigin(url) === globalOrigin;
       };
 
-      var enableAnimation = function enableAnimation() {
-        document.documentElement.removeAttribute("data-animation-disabled");
-      };
+      var detectBodyType = function detectBodyType(body) {
+        if (!body) {
+          return "";
+        }
 
-      var disableAnimation = function disableAnimation() {
-        document.documentElement.setAttribute("data-animation-disabled", "");
-      };
+        if (typeof body === "string") {
+          return "text";
+        }
 
-      var createHorizontalBreakpoint = function createHorizontalBreakpoint(breakpointValue) {
-        return createBreakpoint(windowWidthMeasure, breakpointValue);
-      };
+        if (hasBlob && Blob.prototype.isPrototypeOf(body)) {
+          return "blob";
+        }
 
-      var createMeasure = function createMeasure(_ref) {
-        var compute = _ref.compute,
-            register = _ref.register;
-        var currentValue = compute();
+        if (hasFormData && FormData.prototype.isPrototypeOf(body)) {
+          return "formData";
+        }
 
-        var get = function get() {
-          return compute();
-        };
+        if (hasArrayBuffer) {
+          if (hasBlob && isDataView(body)) {
+            return "dataView";
+          }
 
-        var changed = createSignal();
+          if (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body)) {
+            return "arrayBuffer";
+          }
+        }
 
-        var unregister = function unregister() {};
+        if (hasSearchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
+          return "searchParams";
+        }
 
-        if (register) {
-          unregister = register(function () {
-            var value = compute();
+        return "";
+      }; // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getAllResponseHeaders#Example
 
-            if (value !== currentValue) {
-              var previousValue = value;
-              currentValue = value;
-              changed.notify(value, previousValue);
-            }
-          });
-        }
 
-        return {
-          get: get,
-          changed: changed,
-          unregister: unregister
-        };
+      var getHeadersFromXHR = function getHeadersFromXHR(xhr) {
+        var headerMap = {};
+        var headersString = xhr.getAllResponseHeaders();
+        if (headersString === "") return headerMap;
+        var lines = headersString.trim().split(/[\r\n]+/);
+        lines.forEach(function (line) {
+          var parts = line.split(": ");
+          var name = parts.shift();
+          var value = parts.join(": ");
+          headerMap[name.toLowerCase()] = value;
+        });
+        return headerMap;
       };
 
-      var createSignal = function createSignal() {
-        var callbackArray = [];
-
-        var listen = function listen(callback) {
-          callbackArray.push(callback);
-          return function () {
-            var index = callbackArray.indexOf(callback);
+      var hrefToOrigin = function hrefToOrigin(href) {
+        var scheme = hrefToScheme(href);
 
-            if (index > -1) {
-              callbackArray.splice(index, 1);
-            }
-          };
-        };
+        if (scheme === "file") {
+          return "file://";
+        }
 
-        var notify = function notify() {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
+        if (scheme === "http" || scheme === "https") {
+          var secondProtocolSlashIndex = scheme.length + "://".length;
+          var pathnameSlashIndex = href.indexOf("/", secondProtocolSlashIndex);
+          if (pathnameSlashIndex === -1) return href;
+          return href.slice(0, pathnameSlashIndex);
+        }
 
-          callbackArray.slice().forEach(function (callback) {
-            callback.apply(void 0, args);
-          });
-        };
+        return href.slice(0, scheme.length + 1);
+      };
 
-        return {
-          listen: listen,
-          notify: notify
-        };
+      var hrefToScheme = function hrefToScheme(href) {
+        var colonIndex = href.indexOf(":");
+        if (colonIndex === -1) return "";
+        return href.slice(0, colonIndex);
       };
 
-      var windowWidthMeasure = createMeasure({
-        name: "window-width",
-        compute: function compute() {
-          return window.innerWidth;
-        },
-        register: function register(onchange) {
-          window.addEventListener("resize", onchange);
-          window.addEventListener("orientationchange", onchange);
-          return function () {
-            window.removeEventListener("resize", onchange);
-            window.removeEventListener("orientationchange", onchange);
-          };
-        }
-      });
+      var isDataView = function isDataView(obj) {
+        return obj && DataView.prototype.isPrototypeOf(obj);
+      };
 
-      var createBreakpoint = function createBreakpoint(measure, breakpointValue) {
-        var getBreakpointState = function getBreakpointState() {
-          var value = measure.get();
+      var isArrayBufferView = ArrayBuffer.isView || function () {
+        var viewClasses = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"];
+        return function (value) {
+          return value && viewClasses.includes(Object.prototype.toString.call(value));
+        };
+      }();
 
-          if (value < breakpointValue) {
-            return "below";
+      var textToFormData = function textToFormData(text) {
+        var form = new FormData();
+        text.trim().split("&").forEach(function (bytes) {
+          if (bytes) {
+            var split = bytes.split("=");
+            var name = split.shift().replace(/\+/g, " ");
+            var value = split.join("=").replace(/\+/g, " ");
+            form.append(decodeURIComponent(name), decodeURIComponent(value));
           }
+        });
+        return form;
+      };
 
-          if (value > breakpointValue) {
-            return "above";
-          }
+      var blobToArrayBuffer = _async$8(function (blob) {
+        var reader = new FileReader();
+        var promise = fileReaderReady(reader);
+        reader.readAsArrayBuffer(blob);
+        return promise;
+      });
 
-          return "equals";
-        };
+      var blobToText = function blobToText(blob) {
+        var reader = new FileReader();
+        var promise = fileReaderReady(reader);
+        reader.readAsText(blob);
+        return promise;
+      };
 
-        var currentBreakpointState = getBreakpointState();
+      var arrayBufferToText = function arrayBufferToText(arrayBuffer) {
+        var view = new Uint8Array(arrayBuffer);
+        var chars = new Array(view.length);
+        var i = 0;
 
-        var isAbove = function isAbove() {
-          return measure.get() > breakpointValue;
-        };
+        while (i < view.length) {
+          chars[i] = String.fromCharCode(view[i]);
+          i++;
+        }
 
-        var isBelow = function isBelow() {
-          return measure.get() < breakpointValue;
-        };
+        return chars.join("");
+      };
 
-        var breakpointChanged = createSignal();
-        measure.changed.listen(function () {
-          var breakpointState = getBreakpointState();
+      var fileReaderReady = function fileReaderReady(reader) {
+        return new Promise(function (resolve, reject) {
+          reader.onload = function () {
+            resolve(reader.result);
+          };
 
-          if (breakpointState !== currentBreakpointState) {
-            var breakpointStatePrevious = currentBreakpointState;
-            currentBreakpointState = breakpointState;
-            breakpointChanged.notify(breakpointState, breakpointStatePrevious);
-          }
+          reader.onerror = function () {
+            reject(reader.error);
+          };
         });
-        return {
-          isAbove: isAbove,
-          isBelow: isBelow,
-          changed: breakpointChanged
-        };
-      }; // const windowScrollTop = createMeasure({
-      //   name: "window-scroll-top",
-      //   compute: () => window.scrollTop,
-      //   register: (onchange) => {
-      //     window.addEventListener("scroll", onchange)
-      //     return () => {
-      //       window.removeEventListener("scroll", onchange)
-      //     }
-      //   },
-      // })
+      };
 
+      var cloneBuffer = function cloneBuffer(buffer) {
+        if (buffer.slice) {
+          return buffer.slice(0);
+        }
 
-      var WINDOW_MEDIUM_WIDTH = 570;
+        var view = new Uint8Array(buffer.byteLength);
+        view.set(new Uint8Array(buffer));
+        return view.buffer;
+      };
 
-      var renderExecutionInToolbar = function renderExecutionInToolbar(_ref) {
-        var executedFileRelativeUrl = _ref.executedFileRelativeUrl; // reset file execution indicator ui
+      var _excluded = ["mode"];
 
-        applyExecutionIndicator();
-        removeForceHideElement(document.querySelector("#execution-indicator")); // apply responsive design on fileInput if needed + add listener on resize screen
+      function _await$8(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
+        }
 
-        var input = document.querySelector("#file-input");
-        var fileWidthBreakpoint = createHorizontalBreakpoint(WINDOW_MEDIUM_WIDTH);
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
+        }
 
-        var handleFileWidthBreakpoint = function handleFileWidthBreakpoint() {
-          resizeInput(input, fileWidthBreakpoint);
-        };
+        return then ? value.then(then) : value;
+      }
 
-        handleFileWidthBreakpoint();
-        fileWidthBreakpoint.changed.listen(handleFileWidthBreakpoint);
-        input.value = executedFileRelativeUrl;
-        resizeInput(input, fileWidthBreakpoint);
-        activateToolbarSection(document.querySelector("#file"));
-        removeForceHideElement(document.querySelector("#file"));
+      function _async$7(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
 
-        window.parent.__jsenv__.executionResultPromise.then(function (_ref2) {
-          var status = _ref2.status,
-              startTime = _ref2.startTime,
-              endTime = _ref2.endTime;
-          var execution = {
-            status: status,
-            startTime: startTime,
-            endTime: endTime
-          };
-          applyExecutionIndicator(execution);
-          var executionStorageKey = executedFileRelativeUrl;
-          var previousExecution = sessionStorage.hasOwnProperty(executionStorageKey) ? JSON.parse(sessionStorage.getItem(executionStorageKey)) : undefined;
-          notifyExecutionResult(executedFileRelativeUrl, execution, previousExecution);
-          sessionStorage.setItem(executedFileRelativeUrl, JSON.stringify(execution));
-        });
-      };
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
 
-      var applyExecutionIndicator = function applyExecutionIndicator() {
-        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref3$status = _ref3.status,
-            status = _ref3$status === void 0 ? "running" : _ref3$status,
-            startTime = _ref3.startTime,
-            endTime = _ref3.endTime;
+      var fetchNative = _async$7(function (url) {
+        var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-        var executionIndicator = document.querySelector("#execution-indicator");
-        enableVariant(executionIndicator, {
-          execution: status
-        });
-        var variantNode = executionIndicator.querySelector("[data-when-active]");
+        var _ref$mode = _ref.mode,
+            mode = _ref$mode === void 0 ? "cors" : _ref$mode,
+            options = _objectWithoutProperties(_ref, _excluded);
 
-        variantNode.querySelector("button").onclick = function () {
-          return toggleTooltip(executionIndicator);
-        };
+        return _await$8(window.fetch(url, _objectSpread2({
+          mode: mode
+        }, options)), function (response) {
+          return {
+            url: response.url,
+            status: response.status,
+            statusText: "",
+            headers: responseToHeaders(response),
+            text: function text() {
+              return response.text();
+            },
+            json: function json() {
+              return response.json();
+            },
+            blob: function blob() {
+              return response.blob();
+            },
+            arrayBuffer: function arrayBuffer() {
+              return response.arrayBuffer();
+            },
+            formData: function formData() {
+              return response.formData();
+            }
+          };
+        });
+      });
 
-        variantNode.querySelector(".tooltip").textContent = computeText({
-          status: status,
-          startTime: startTime,
-          endTime: endTime
+      var responseToHeaders = function responseToHeaders(response) {
+        var headers = {};
+        response.headers.forEach(function (value, name) {
+          headers[name] = value;
         });
+        return headers;
       };
 
-      var computeText = function computeText(_ref4) {
-        var status = _ref4.status,
-            startTime = _ref4.startTime,
-            endTime = _ref4.endTime;
+      var fetchUrl = typeof window.fetch === "function" && typeof window.AbortController === "function" ? fetchNative : fetchUsingXHR;
 
-        if (status === "completed") {
-          return "Execution completed in ".concat(endTime - startTime, "ms");
+      function _await$7(value, then, direct) {
+        if (direct) {
+          return then ? then(value) : value;
         }
 
-        if (status === "errored") {
-          return "Execution failed in ".concat(endTime - startTime, "ms");
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
         }
 
-        if (status === "running") {
-          return "Executing...";
-        }
+        return then ? value.then(then) : value;
+      }
 
-        return "";
-      };
+      function _async$6(f) {
+        return function () {
+          for (var args = [], i = 0; i < arguments.length; i++) {
+            args[i] = arguments[i];
+          }
 
-      var resizeInput = function resizeInput(input, fileWidthBreakpoint) {
-        var size = fileWidthBreakpoint.isBelow() ? 20 : 40;
+          try {
+            return Promise.resolve(f.apply(this, args));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+      }
 
-        if (input.value.length > size) {
-          input.style.width = "".concat(size, "ch");
-        } else {
-          input.style.width = "".concat(input.value.length, "ch");
-        }
-      };
+      var fetchJson = _async$6(function (url) {
+        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        return _await$7(fetchUrl(url, options), function (response) {
+          return _await$7(response.json());
+        });
+      });
       /*
        * Prefer window.navigator.userAgentData before resorting to
        * window.navigator.userAgent because of
@@ -4005,7 +3949,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         return "data:".concat(mimeType, ";base64,").concat(window.btoa(text));
       };
 
-      function _await$5(value, then, direct) {
+      function _await$6(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4066,7 +4010,7 @@ html[data-toolbar-visible] #toolbar-trigger {
 
         document.body.appendChild(importmapScript);
         return _catch$4(function () {
-          return _await$5(executeWithScriptModuleInjection("import supported from \"".concat(specifier, "\"; window.__jsenv_runtime_test_importmap__ = supported")), function () {
+          return _await$6(executeWithScriptModuleInjection("import supported from \"".concat(specifier, "\"; window.__jsenv_runtime_test_importmap__ = supported")), function () {
             document.body.removeChild(importmapScript);
             var supported = window.__jsenv_runtime_test_importmap__;
             delete window.__jsenv_runtime_test_importmap__;
@@ -4078,7 +4022,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         });
       });
 
-      function _await$4(value, then, direct) {
+      function _await$5(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4121,8 +4065,8 @@ html[data-toolbar-visible] #toolbar-trigger {
       var supportsDynamicImport = _async$4(function () {
         var moduleSource = asBase64Url("export default 42");
         return _catch$3(function () {
-          return _await$4(executeWithScriptModuleInjection("window.__jsenv_runtime_test_dynamic_import__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await$4(window.__jsenv_runtime_test_dynamic_import__, function (namespace) {
+          return _await$5(executeWithScriptModuleInjection("window.__jsenv_runtime_test_dynamic_import__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$5(window.__jsenv_runtime_test_dynamic_import__, function (namespace) {
               delete window.__jsenv_runtime_test_dynamic_import__;
               return namespace.default === 42;
             });
@@ -4132,7 +4076,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         });
       });
 
-      function _await$3(value, then, direct) {
+      function _await$4(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4159,8 +4103,8 @@ html[data-toolbar-visible] #toolbar-trigger {
       }
 
       var supportsTopLevelAwait = function supportsTopLevelAwait() {
-        return _await$3(_catch$2(function () {
-          return _await$3(executeWithScriptModuleInjection("window.__jsenv_runtime_test_top_level_await__ = await Promise.resolve(42)"), function () {
+        return _await$4(_catch$2(function () {
+          return _await$4(executeWithScriptModuleInjection("window.__jsenv_runtime_test_top_level_await__ = await Promise.resolve(42)"), function () {
             var supported = window.__jsenv_runtime_test_top_level_await__ === 42;
             delete window.__jsenv_runtime_test_top_level_await__;
             return supported;
@@ -4170,7 +4114,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         }));
       };
 
-      function _await$2(value, then, direct) {
+      function _await$3(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4214,8 +4158,8 @@ html[data-toolbar-visible] #toolbar-trigger {
         var jsonBase64Url = asBase64Url("42", "application/json");
         var moduleSource = asBase64Url("import data from \"".concat(jsonBase64Url, "\" assert { type: \"json\" }\n  export default data"));
         return _catch$1(function () {
-          return _await$2(executeWithScriptModuleInjection("window.__jsenv_runtime_test_json_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await$2(window.__jsenv_runtime_test_json_import_assertion__, function (namespace) {
+          return _await$3(executeWithScriptModuleInjection("window.__jsenv_runtime_test_json_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$3(window.__jsenv_runtime_test_json_import_assertion__, function (namespace) {
               var supported = namespace.default === 42;
               delete window.__jsenv_runtime_test_json_import_assertion__;
               return supported;
@@ -4226,7 +4170,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         });
       });
 
-      function _await$1(value, then, direct) {
+      function _await$2(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4270,8 +4214,8 @@ html[data-toolbar-visible] #toolbar-trigger {
         var cssBase64Url = asBase64Url("p { color: red; }", "text/css");
         var moduleSource = asBase64Url("import css from \"".concat(cssBase64Url, "\" assert { type: \"css\" }\n  export default css"));
         return _catch(function () {
-          return _await$1(executeWithScriptModuleInjection("window.__jsenv_runtime_test_css_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
-            return _await$1(window.__jsenv_runtime_test_css_import_assertion__, function (namespace) {
+          return _await$2(executeWithScriptModuleInjection("window.__jsenv_runtime_test_css_import_assertion__ = import(".concat(JSON.stringify(moduleSource), ")")), function () {
+            return _await$2(window.__jsenv_runtime_test_css_import_assertion__, function (namespace) {
               return namespace.default instanceof CSSStyleSheet;
             });
           });
@@ -4290,7 +4234,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         }
       };
 
-      function _await(value, then, direct) {
+      function _await$1(value, then, direct) {
         if (direct) {
           return then ? then(value) : value;
         }
@@ -4316,7 +4260,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      function _call$1(body, then, direct) {
+      function _call(body, then, direct) {
         if (direct) {
           return then ? then(body()) : body();
         }
@@ -4339,15 +4283,16 @@ html[data-toolbar-visible] #toolbar-trigger {
             forceSource = _ref$forceSource === void 0 ? false : _ref$forceSource;
 
         var jsenvCompileProfileUrl = "/__jsenv_compile_profile__";
-        return _await(fetchJson(jsenvCompileProfileUrl), function (_ref2) {
+        return _await$1(fetchJson(jsenvCompileProfileUrl), function (_ref2) {
           var jsenvDirectoryRelativeUrl = _ref2.jsenvDirectoryRelativeUrl,
-              inlineImportMapIntoHTML = _ref2.inlineImportMapIntoHTML;
+              inlineImportMapIntoHTML = _ref2.inlineImportMapIntoHTML,
+              availableCompileIds = _ref2.availableCompileIds;
 
           var _detectBrowser = detectBrowser(),
               name = _detectBrowser.name,
               version = _detectBrowser.version;
 
-          return _await(detectSupportedFeatures({
+          return _await$1(detectSupportedFeatures({
             coverageHandledFromOutside: coverageHandledFromOutside,
             inlineImportMapIntoHTML: inlineImportMapIntoHTML
           }), function (featuresReport) {
@@ -4361,7 +4306,7 @@ html[data-toolbar-visible] #toolbar-trigger {
               forceSource: forceSource,
               forceCompilation: forceCompilation
             };
-            return _await(fetchJson(jsenvCompileProfileUrl, {
+            return _await$1(fetchJson(jsenvCompileProfileUrl, {
               method: "POST",
               headers: {
                 "content-type": "application/json"
@@ -4373,9 +4318,10 @@ html[data-toolbar-visible] #toolbar-trigger {
               return {
                 jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
                 inlineImportMapIntoHTML: inlineImportMapIntoHTML,
+                availableCompileIds: availableCompileIds,
+                runtimeReport: runtimeReport,
                 compileProfile: compileProfile,
-                compileId: compileId,
-                runtimeReport: runtimeReport
+                compileId: compileId
               };
             });
           });
@@ -4394,7 +4340,7 @@ html[data-toolbar-visible] #toolbar-trigger {
         // so that there is not module script loaded beore importmap is injected
         // it would log an error in chrome console and return undefined
 
-        return _await(supportsImportmap({
+        return _await$1(supportsImportmap({
           // chrome supports inline but not remote importmap
           // https://github.com/WICG/import-maps/issues/235
           // at this stage we won't know if the html file will use
@@ -4407,15 +4353,15 @@ html[data-toolbar-visible] #toolbar-trigger {
         }), function (_supportsImportmap) {
           featuresReport.importmap = _supportsImportmap; // dynamic import
 
-          return _call$1(supportsDynamicImport, function (_supportsDynamicImpor) {
+          return _call(supportsDynamicImport, function (_supportsDynamicImpor) {
             featuresReport["import_dynamic"] = _supportsDynamicImpor; // top level await
 
-            return _call$1(supportsTopLevelAwait, function (_supportsTopLevelAwai) {
+            return _call(supportsTopLevelAwait, function (_supportsTopLevelAwai) {
               featuresReport["top_level_await"] = _supportsTopLevelAwai; // import assertions
 
-              return _call$1(supportsJsonImportAssertions, function (_supportsJsonImportAs) {
+              return _call(supportsJsonImportAssertions, function (_supportsJsonImportAs) {
                 featuresReport["import_assertion_type_json"] = _supportsJsonImportAs;
-                return _call$1(supportsCssImportAssertions, function (_supportsCssImportAss) {
+                return _call(supportsCssImportAssertions, function (_supportsCssImportAss) {
                   featuresReport["import_assertion_type_css"] = _supportsCssImportAss;
                   return featuresReport;
                 });
@@ -4473,7 +4419,7 @@ html[data-toolbar-visible] #toolbar-trigger {
           var hasWarning = shouldCompile || shouldSwitchCompileId;
           enableVariant(filesCompilationRootNode, {
             filesCompilation: filesCompilation,
-            compilation_link: shouldSwitchCompileId ? "mismatch" : actualCompileId ? "source" : "compiled"
+            compilation_link: shouldSwitchCompileId ? "mismatch" : actualCompileId ? "source" : expectedCompiledId ? "compiled" : "force"
           });
 
           if (filesCompilation === "yes") {
@@ -4485,7 +4431,11 @@ html[data-toolbar-visible] #toolbar-trigger {
           };
 
           filesCompilationRootNode.querySelector("a.link_to_compiled_files").onclick = function () {
-            window.parent.location.href = "/".concat(jsenvDirectoryRelativeUrl).concat(compileId, "/").concat(compileGroup.fileRelativeUrl);
+            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 () {
@@ -4729,17 +4679,16 @@ html[data-toolbar-visible] #toolbar-trigger {
         document.querySelector("#overflow-menu").removeAttribute("data-animate");
       };
 
-      function _call(body, then, direct) {
+      function _await(value, then, direct) {
         if (direct) {
-          return then ? then(body()) : body();
+          return then ? then(value) : value;
         }
 
-        try {
-          var result = Promise.resolve(body());
-          return then ? result.then(then) : result;
-        } catch (e) {
-          return Promise.reject(e);
+        if (!value || !value.then) {
+          value = Promise.resolve(value);
         }
+
+        return then ? value.then(then) : value;
       }
 
       var toolbarVisibilityPreference = createPreference("toolbar");
@@ -4758,66 +4707,67 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       }
 
-      var renderToolbar = _async(function () {
+      var renderToolbar = _async(function (_ref) {
+        var exploringJSON = _ref.exploringJSON;
         var executedFileCompiledUrl = window.parent.location.href;
         var compileServerOrigin = window.parent.location.origin; // this should not block the whole toolbar rendering + interactivity
 
-        return _call(fetchExploringJson, function (exploringConfig) {
-          var jsenvDirectoryRelativeUrl = exploringConfig.jsenvDirectoryRelativeUrl,
-              livereloading = exploringConfig.livereloading;
-          var compileGroup = getCompileGroup({
-            executedFileCompiledUrl: executedFileCompiledUrl,
-            jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
-            compileServerOrigin: compileServerOrigin
-          });
-          var executedFileRelativeUrl = compileGroup.fileRelativeUrl;
-          var toolbarOverlay = document.querySelector("#toolbar-overlay");
+        var jsenvDirectoryRelativeUrl = exploringJSON.jsenvDirectoryRelativeUrl,
+            livereloading = exploringJSON.livereloading;
+        var compileGroup = getCompileGroup({
+          executedFileCompiledUrl: executedFileCompiledUrl,
+          jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
+          compileServerOrigin: compileServerOrigin
+        });
+        var executedFileRelativeUrl = compileGroup.fileRelativeUrl;
+        var toolbarOverlay = document.querySelector("#toolbar-overlay");
 
-          toolbarOverlay.onclick = function () {
-            hideAllTooltip();
-            hideSettings();
-          };
+        toolbarOverlay.onclick = function () {
+          hideAllTooltip();
+          hideSettings();
+        };
 
-          var toolbarVisible = toolbarVisibilityPreference.has() ? toolbarVisibilityPreference.get() : true;
+        var toolbarVisible = toolbarVisibilityPreference.has() ? toolbarVisibilityPreference.get() : true;
 
-          if (toolbarVisible) {
-            showToolbar({
-              animate: false
-            });
-          } else {
-            hideToolbar({
-              animate: false
-            });
-          }
+        if (toolbarVisible) {
+          showToolbar({
+            animate: false
+          });
+        } else {
+          hideToolbar({
+            animate: false
+          });
+        }
 
-          document.querySelector(".toolbar-icon-wrapper").onclick = function () {
-            window.parent.location.href = "/";
-          };
+        document.querySelector(".toolbar-icon-wrapper").onclick = function () {
+          window.parent.location.href = "/";
+        };
 
-          renderToolbarNotification();
-          makeToolbarResponsive();
-          renderToolbarSettings();
-          renderToolbarAnimation();
-          renderToolbarTheme();
-          renderExecutionInToolbar({
-            executedFileRelativeUrl: executedFileRelativeUrl
-          });
-          renderCompilationInToolbar({
-            compileGroup: compileGroup
-          }); // this might become active but we need to detect this somehow
-
-          deactivateToolbarSection(document.querySelector("#file-list-link"));
-          initToolbarEventSource({
-            executedFileRelativeUrl: executedFileRelativeUrl,
-            livereloading: livereloading
-          }); // if user click enter or space quickly while closing toolbar
-          // it will cancel the closing
-          // that's why I used toggleToolbar and not hideToolbar
-
-          document.querySelector("#button-close-toolbar").onclick = function () {
-            return toogleToolbar();
-          };
+        renderToolbarNotification();
+        makeToolbarResponsive();
+        renderToolbarSettings();
+        renderToolbarAnimation();
+        renderToolbarTheme();
+        renderExecutionInToolbar({
+          executedFileRelativeUrl: executedFileRelativeUrl
         });
+        renderCompilationInToolbar({
+          compileGroup: compileGroup
+        }); // this might become active but we need to detect this somehow
+
+        deactivateToolbarSection(document.querySelector("#file-list-link"));
+        initToolbarEventSource({
+          executedFileRelativeUrl: executedFileRelativeUrl,
+          livereloading: livereloading
+        }); // if user click enter or space quickly while closing toolbar
+        // it will cancel the closing
+        // that's why I used toggleToolbar and not hideToolbar
+
+        document.querySelector("#button-close-toolbar").onclick = function () {
+          return toogleToolbar();
+        };
+
+        return _await();
       });
 
       var toogleToolbar = function toogleToolbar() {
@@ -4840,9 +4790,9 @@ html[data-toolbar-visible] #toolbar-trigger {
 
 
       var showToolbar = function showToolbar() {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-            _ref$animate = _ref.animate,
-            animate = _ref$animate === void 0 ? true : _ref$animate;
+        var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+            _ref2$animate = _ref2.animate,
+            animate = _ref2$animate === void 0 ? true : _ref2$animate;
 
         toolbarVisibilityPreference.set(true);
 
@@ -4881,8 +4831,8 @@ html[data-toolbar-visible] #toolbar-trigger {
           var scrollEnd = scrollY + 40;
           startJavaScriptAnimation({
             duration: 300,
-            onProgress: function onProgress(_ref2) {
-              var progress = _ref2.progress;
+            onProgress: function onProgress(_ref3) {
+              var progress = _ref3.progress;
               var value = scrollY + (scrollEnd - scrollY) * progress;
               parentDocumentElement.scrollTop = value;
             }
@@ -4907,26 +4857,24 @@ html[data-toolbar-visible] #toolbar-trigger {
         };
       };
 
-      var getCompileGroup = function getCompileGroup(_ref3) {
-        var executedFileCompiledUrl = _ref3.executedFileCompiledUrl,
-            jsenvDirectoryRelativeUrl = _ref3.jsenvDirectoryRelativeUrl,
-            compileServerOrigin = _ref3.compileServerOrigin;
-        var outDirectoryServerUrl = String(new URL(jsenvDirectoryRelativeUrl, compileServerOrigin));
+      var getCompileGroup = function getCompileGroup(_ref4) {
+        var executedFileCompiledUrl = _ref4.executedFileCompiledUrl,
+            jsenvDirectoryRelativeUrl = _ref4.jsenvDirectoryRelativeUrl,
+            compileServerOrigin = _ref4.compileServerOrigin;
+        var jsenvDirectoryServerUrl = new URL(jsenvDirectoryRelativeUrl, compileServerOrigin).href;
 
-        if (urlIsInsideOf(executedFileCompiledUrl, outDirectoryServerUrl)) {
-          var afterCompileDirectory = urlToRelativeUrl(executedFileCompiledUrl, outDirectoryServerUrl);
+        if (urlIsInsideOf(executedFileCompiledUrl, jsenvDirectoryServerUrl)) {
+          var afterCompileDirectory = urlToRelativeUrl(executedFileCompiledUrl, jsenvDirectoryServerUrl);
           var slashIndex = afterCompileDirectory.indexOf("/");
           var fileRelativeUrl = afterCompileDirectory.slice(slashIndex + 1);
           return {
             fileRelativeUrl: fileRelativeUrl,
-            jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
             compileId: afterCompileDirectory.slice(0, slashIndex)
           };
         }
 
         return {
           fileRelativeUrl: new URL(executedFileCompiledUrl).pathname.slice(1),
-          jsenvDirectoryRelativeUrl: jsenvDirectoryRelativeUrl,
           compileId: null
         };
       };
@@ -4968,14 +4916,13 @@ html[data-toolbar-visible] #toolbar-trigger {
       };
 
       window.toolbar = {
-        render: renderToolbar,
         show: showToolbar,
         hide: function hide() {
           return hideToolbar();
         }
       };
-      addExternalCommandCallback("renderToolbar", function () {
-        renderToolbar();
+      addExternalCommandCallback("renderToolbar", function (data) {
+        renderToolbar(data);
       });
       addExternalCommandCallback("showToolbar", function () {
         showToolbar();
@@ -4988,7 +4935,7 @@ html[data-toolbar-visible] #toolbar-trigger {
   };
 });
 
-//# sourceMappingURL=toolbar.main_86335f90.js.map</script>
+//# sourceMappingURL=toolbar.main_279b3a68.js.map</script>
   
 
 </body></html>