@jsenv/core 23.1.3 → 23.2.2

package/dist/jsenv_toolbar_injector.js

@@ -41,69 +41,6 @@
     return string;
   };
 
-  var objectWithoutPropertiesLoose = (function (source, excluded) {
-    if (source === null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key;
-    var i;
-
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-
-    return target;
-  });
-
-  var _objectWithoutProperties = (function (source, excluded) {
-    if (source === null) return {};
-    var target = objectWithoutPropertiesLoose(source, excluded);
-    var key;
-    var i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  });
-
-  var createCancellationToken = function createCancellationToken() {
-    var register = function register(callback) {
-      if (typeof callback !== "function") {
-        throw new Error("callback must be a function, got ".concat(callback));
-      }
-
-      return {
-        callback: callback,
-        unregister: function unregister() {}
-      };
-    };
-
-    var throwIfRequested = function throwIfRequested() {
-      return undefined;
-    };
-
-    return {
-      register: register,
-      cancellationRequested: false,
-      throwIfRequested: throwIfRequested
-    };
-  };
-
-  var isCancelError = function isCancelError(value) {
-    return value && _typeof(value) === "object" && value.name === "CANCEL_ERROR";
-  };
-
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -142,8 +79,41 @@
     return target;
   }
 
-  // fallback to this polyfill (or even use an existing polyfill would be better)
-  // https://github.com/github/fetch/blob/master/fetch.js
+  var objectWithoutPropertiesLoose = (function (source, excluded) {
+    if (source === null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key;
+    var i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  });
+
+  var _objectWithoutProperties = (function (source, excluded) {
+    if (source === null) return {};
+    var target = objectWithoutPropertiesLoose(source, excluded);
+    var key;
+    var i;
+
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
+    }
+
+    return target;
+  });
 
   function _await$4(value, then, direct) {
     if (direct) {
@@ -157,7 +127,7 @@
     return then ? value.then(then) : value;
   }
 
-  function _async$3(f) {
+  function _async$4(f) {
     return function () {
       for (var args = [], i = 0; i < arguments.length; i++) {
         args[i] = arguments[i];
@@ -184,10 +154,9 @@
     }
   }
 
-  var fetchUsingXHR = _async$3(function (url) {
+  var fetchUsingXHR = _async$4(function (url) {
     var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref$cancellationToke = _ref.cancellationToken,
-        cancellationToken = _ref$cancellationToke === void 0 ? createCancellationToken() : _ref$cancellationToke,
+        signal = _ref.signal,
         _ref$method = _ref.method,
         method = _ref$method === void 0 ? "GET" : _ref$method,
         _ref$credentials = _ref.credentials,
@@ -236,9 +205,11 @@
       bodyPromise.resolve();
     };
 
-    cancellationToken.register(function (cancelError) {
+    signal.addEventListener("abort", function () {
       xhr.abort();
-      failure(cancelError);
+      var abortError = new Error("aborted");
+      abortError.name = "AbortError";
+      failure(abortError);
     });
 
     xhr.onreadystatechange = function () {
@@ -311,7 +282,7 @@
         return _call$1(text, JSON.parse);
       };
 
-      var blob = _async$3(function () {
+      var blob = _async$4(function () {
         if (!hasBlob) {
           throw new Error("blob not supported");
         }
@@ -348,7 +319,7 @@
         });
       };
 
-      var formData = _async$3(function () {
+      var formData = _async$4(function () {
         if (!hasFormData) {
           throw new Error("formData not supported");
         }
@@ -529,7 +500,7 @@
     return form;
   };
 
-  var blobToArrayBuffer = _async$3(function (blob) {
+  var blobToArrayBuffer = _async$4(function (blob) {
     var reader = new FileReader();
     var promise = fileReaderReady(reader);
     reader.readAsArrayBuffer(blob);
@@ -578,7 +549,7 @@
     return view.buffer;
   };
 
-  var _excluded = ["cancellationToken", "mode"];
+  var _excluded = ["mode"];
 
   function _await$3(value, then, direct) {
     if (direct) {
@@ -592,37 +563,16 @@
     return then ? value.then(then) : value;
   }
 
-  var fetchNative = _async$2(function (url) {
-
+  var fetchNative = _async$3(function (url) {
     var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-    var _ref$cancellationToke = _ref.cancellationToken,
-        cancellationToken = _ref$cancellationToke === void 0 ? createCancellationToken() : _ref$cancellationToke,
-        _ref$mode = _ref.mode,
+    var _ref$mode = _ref.mode,
         mode = _ref$mode === void 0 ? "cors" : _ref$mode,
         options = _objectWithoutProperties(_ref, _excluded);
 
-    var abortController = new AbortController();
-    var cancelError;
-    cancellationToken.register(function (reason) {
-      cancelError = reason;
-      abortController.abort(reason);
-    });
-    var response;
-    return _continue(_catch$1(function () {
-      return _await$3(window.fetch(url, _objectSpread2({
-        signal: abortController.signal,
-        mode: mode
-      }, options)), function (_window$fetch) {
-        response = _window$fetch;
-      });
-    }, function (e) {
-      if (cancelError && e.name === "AbortError") {
-        throw cancelError;
-      }
-
-      throw e;
-    }), function (_result) {
+    return _await$3(window.fetch(url, _objectSpread2({
+      mode: mode
+    }, options)), function (response) {
       return {
         url: response.url,
         status: response.status,
@@ -647,33 +597,7 @@
     });
   });
 
-  function _catch$1(body, recover) {
-    try {
-      var result = body();
-    } catch (e) {
-      return recover(e);
-    }
-
-    if (result && result.then) {
-      return result.then(void 0, recover);
-    }
-
-    return result;
-  }
-
-  var responseToHeaders = function responseToHeaders(response) {
-    var headers = {};
-    response.headers.forEach(function (value, name) {
-      headers[name] = value;
-    });
-    return headers;
-  };
-
-  function _continue(value, then) {
-    return value && value.then ? value.then(then) : then(value);
-  }
-
-  function _async$2(f) {
+  function _async$3(f) {
     return function () {
       for (var args = [], i = 0; i < arguments.length; i++) {
         args[i] = arguments[i];
@@ -687,6 +611,14 @@
     };
   }
 
+  var responseToHeaders = function responseToHeaders(response) {
+    var headers = {};
+    response.headers.forEach(function (value, name) {
+      headers[name] = value;
+    });
+    return headers;
+  };
+
   var fetchUrl = typeof window.fetch === "function" && typeof window.AbortController === "function" ? fetchNative : fetchUsingXHR;
 
   function _await$2(value, then, direct) {
@@ -701,7 +633,7 @@
     return then ? value.then(then) : value;
   }
 
-  function _async$1(f) {
+  function _async$2(f) {
     return function () {
       for (var args = [], i = 0; i < arguments.length; i++) {
         args[i] = arguments[i];
@@ -715,7 +647,7 @@
     };
   }
 
-  var fetchJson = _async$1(function (url) {
+  var fetchJson = _async$2(function (url) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return _await$2(fetchUrl(url, options), function (response) {
       return _await$2(response.json());
@@ -748,7 +680,7 @@
     return result;
   }
 
-  function _async(f) {
+  function _async$1(f) {
     return function () {
       for (var args = [], i = 0; i < arguments.length; i++) {
         args[i] = arguments[i];
@@ -762,16 +694,16 @@
     };
   }
 
-  var fetchExploringJson = _async(function () {
+  var fetchExploringJson = _async$1(function () {
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        cancellationToken = _ref.cancellationToken;
+        signal = _ref.signal;
 
     return _catch(function () {
       return _await$1(fetchJson("/.jsenv/exploring.json", {
-        cancellationToken: cancellationToken
+        signal: signal
       }));
     }, function (e) {
-      if (isCancelError(e)) {
+      if (signal && signal.aborted && e.name === "AbortError") {
         throw e;
       }
 
@@ -929,116 +861,138 @@
     }
   }
 
-  window.__jsenv_eventsource__ = connectLivereload();
+  function _async(f) {
+    return function () {
+      for (var args = [], i = 0; i < arguments.length; i++) {
+        args[i] = arguments[i];
+      }
 
-  var injectToolbar = function injectToolbar() {
-    return _call(fetchExploringJson, function (_ref4) {
-      var jsenvDirectoryRelativeUrl = _ref4.jsenvDirectoryRelativeUrl;
-      var jsenvDirectoryServerUrl = resolveUrl(jsenvDirectoryRelativeUrl, document.location.origin);
-      var placeholder = getToolbarPlaceholder();
-      var iframe = document.createElement("iframe");
-      setAttributes(iframe, {
-        tabindex: -1,
-        // sandbox: "allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation",
-        // allow: "accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr",
-        allowtransparency: true
-      });
-      setStyles(iframe, {
-        "position": "fixed",
-        "zIndex": 1000,
-        "bottom": 0,
-        "left": 0,
-        "width": "100%",
-        "height": 0,
-
-        /* ensure toolbar children are not focusable when hidden */
-        "visibility": "hidden",
-        "transition-duration": "300ms",
-        "transition-property": "height, visibility",
-        "border": "none"
-      });
-      var iframeLoadedPromise = iframeToLoadedPromise(iframe);
-      var jsenvToolbarHtmlServerUrl = resolveUrl("./src/internal/toolbar/toolbar.html", jsenvDirectoryServerUrl); // set iframe src BEFORE putting it into the DOM (prevent firefox adding an history entry)
-
-      iframe.setAttribute("src", jsenvToolbarHtmlServerUrl);
-      placeholder.parentNode.replaceChild(iframe, placeholder);
-      return _await(iframeLoadedPromise, function () {
-        iframe.removeAttribute("tabindex");
-
-        var listenToolbarIframeEvent = function listenToolbarIframeEvent(event, fn) {
-          window.addEventListener("message", function (messageEvent) {
-            var data = messageEvent.data;
-            if (_typeof(data) !== "object") return;
-            var jsenv = data.jsenv;
-            if (!jsenv) return;
-            var type = data.type;
-            if (type !== event) return;
-            fn(data.value);
-          }, false);
-        };
+      try {
+        return Promise.resolve(f.apply(this, args));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+  }
 
-        listenToolbarIframeEvent("toolbar-visibility-change", function (visible) {
-          if (visible) {
-            hideToolbarTrigger();
-          } else {
-            showToolbarTrigger();
-          }
+  window.__jsenv_eventsource__ = connectLivereload();
+
+  var injectToolbar = _async(function () {
+    return _await(new Promise(function (resolve) {
+      if (window.requestIdleCallback) {
+        window.requestIdleCallback(resolve);
+      } else {
+        window.requestAnimationFrame(resolve);
+      }
+    }), function () {
+      return _call(fetchExploringJson, function (_ref4) {
+        var jsenvDirectoryRelativeUrl = _ref4.jsenvDirectoryRelativeUrl;
+        var jsenvDirectoryServerUrl = resolveUrl(jsenvDirectoryRelativeUrl, document.location.origin);
+        var placeholder = getToolbarPlaceholder();
+        var iframe = document.createElement("iframe");
+        setAttributes(iframe, {
+          tabindex: -1,
+          // sandbox: "allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation",
+          // allow: "accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr",
+          allowtransparency: true
         });
-        var div = document.createElement("div");
-        var jsenvLogoUrl = resolveUrl("./src/internal/toolbar/jsenv-logo.svg", jsenvDirectoryServerUrl);
-        var jsenvLogoSvgSrc = jsenvLogoUrl;
-        div.innerHTML = "\n<div id=\"jsenv-toolbar-trigger\">\n  <svg id=\"jsenv-toolbar-trigger-icon\">\n    <use xlink:href=\"".concat(jsenvLogoSvgSrc, "#jsenv-logo\"></use>\n  </svg>\n  <style>\n    #jsenv-toolbar-trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>");
-        var toolbarTrigger = div.firstElementChild;
-        iframe.parentNode.appendChild(toolbarTrigger);
-        var timer;
-
-        toolbarTrigger.onmouseenter = function () {
-          toolbarTrigger.setAttribute("data-animate", "");
-          timer = setTimeout(expandToolbarTrigger, 500);
-        };
+        setStyles(iframe, {
+          "position": "fixed",
+          "zIndex": 1000,
+          "bottom": 0,
+          "left": 0,
+          "width": "100%",
+          "height": 0,
+
+          /* ensure toolbar children are not focusable when hidden */
+          "visibility": "hidden",
+          "transition-duration": "300ms",
+          "transition-property": "height, visibility",
+          "border": "none"
+        });
+        var iframeLoadedPromise = iframeToLoadedPromise(iframe);
+        var jsenvToolbarHtmlServerUrl = resolveUrl("./src/internal/toolbar/toolbar.html", jsenvDirectoryServerUrl); // set iframe src BEFORE putting it into the DOM (prevent firefox adding an history entry)
+
+        iframe.setAttribute("src", jsenvToolbarHtmlServerUrl);
+        placeholder.parentNode.replaceChild(iframe, placeholder);
+        return _await(iframeLoadedPromise, function () {
+          iframe.removeAttribute("tabindex");
+
+          var listenToolbarIframeEvent = function listenToolbarIframeEvent(event, fn) {
+            window.addEventListener("message", function (messageEvent) {
+              var data = messageEvent.data;
+              if (_typeof(data) !== "object") return;
+              var jsenv = data.jsenv;
+              if (!jsenv) return;
+              var type = data.type;
+              if (type !== event) return;
+              fn(data.value);
+            }, false);
+          };
 
-        toolbarTrigger.onmouseleave = function () {
-          clearTimeout(timer);
-          collapseToolbarTrigger();
-        };
+          listenToolbarIframeEvent("toolbar-visibility-change", function (visible) {
+            if (visible) {
+              hideToolbarTrigger();
+            } else {
+              showToolbarTrigger();
+            }
+          });
+          var div = document.createElement("div");
+          var jsenvLogoUrl = resolveUrl("./src/internal/toolbar/jsenv-logo.svg", jsenvDirectoryServerUrl);
+          var jsenvLogoSvgSrc = jsenvLogoUrl;
+          div.innerHTML = "\n<div id=\"jsenv-toolbar-trigger\">\n  <svg id=\"jsenv-toolbar-trigger-icon\">\n    <use xlink:href=\"".concat(jsenvLogoSvgSrc, "#jsenv-logo\"></use>\n  </svg>\n  <style>\n    #jsenv-toolbar-trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>");
+          var toolbarTrigger = div.firstElementChild;
+          iframe.parentNode.appendChild(toolbarTrigger);
+          var timer;
+
+          toolbarTrigger.onmouseenter = function () {
+            toolbarTrigger.setAttribute("data-animate", "");
+            timer = setTimeout(expandToolbarTrigger, 500);
+          };
 
-        toolbarTrigger.onfocus = function () {
-          toolbarTrigger.removeAttribute("data-animate");
-          expandToolbarTrigger();
-        };
+          toolbarTrigger.onmouseleave = function () {
+            clearTimeout(timer);
+            collapseToolbarTrigger();
+          };
 
-        toolbarTrigger.onblur = function () {
-          toolbarTrigger.removeAttribute("data-animate");
-          clearTimeout(timer);
-          collapseToolbarTrigger();
-        };
+          toolbarTrigger.onfocus = function () {
+            toolbarTrigger.removeAttribute("data-animate");
+            expandToolbarTrigger();
+          };
 
-        toolbarTrigger.onclick = function () {
-          window.__jsenv__.toolbar.show();
-        };
+          toolbarTrigger.onblur = function () {
+            toolbarTrigger.removeAttribute("data-animate");
+            clearTimeout(timer);
+            collapseToolbarTrigger();
+          };
 
-        var showToolbarTrigger = function showToolbarTrigger() {
-          toolbarTrigger.style.display = "block";
-        };
+          toolbarTrigger.onclick = function () {
+            window.__jsenv__.toolbar.show();
+          };
 
-        var hideToolbarTrigger = function hideToolbarTrigger() {
-          toolbarTrigger.style.display = "none";
-        };
+          var showToolbarTrigger = function showToolbarTrigger() {
+            toolbarTrigger.style.display = "block";
+          };
 
-        var expandToolbarTrigger = function expandToolbarTrigger() {
-          toolbarTrigger.setAttribute("data-expanded", "");
-        };
+          var hideToolbarTrigger = function hideToolbarTrigger() {
+            toolbarTrigger.style.display = "none";
+          };
 
-        var collapseToolbarTrigger = function collapseToolbarTrigger() {
-          toolbarTrigger.removeAttribute("data-expanded", "");
-        };
+          var expandToolbarTrigger = function expandToolbarTrigger() {
+            toolbarTrigger.setAttribute("data-expanded", "");
+          };
 
-        hideToolbarTrigger();
-        iframe.contentWindow.renderToolbar();
-        return iframe;
+          var collapseToolbarTrigger = function collapseToolbarTrigger() {
+            toolbarTrigger.removeAttribute("data-expanded", "");
+          };
+
+          hideToolbarTrigger();
+          iframe.contentWindow.renderToolbar();
+          return iframe;
+        });
       });
     });
-  };
+  });
 
   var getToolbarPlaceholder = function getToolbarPlaceholder() {
     var placeholder = queryPlaceholder();