@jsenv/core 22.0.1 → 22.2.1

package/dist/jsenv_toolbar_injector.js

@@ -145,46 +145,7 @@
   // fallback to this polyfill (or even use an existing polyfill would be better)
   // https://github.com/github/fetch/blob/master/fetch.js
 
-  function _await$4(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$3(f) {
-    return function () {
-      for (var args = [], i = 0; i < arguments.length; i++) {
-        args[i] = arguments[i];
-      }
-
-      try {
-        return Promise.resolve(f.apply(this, args));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-  }
-
-  function _call$1(body, then, direct) {
-    if (direct) {
-      return then ? then(body()) : body();
-    }
-
-    try {
-      var result = Promise.resolve(body());
-      return then ? result.then(then) : result;
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }
-
-  var fetchUsingXHR = _async$3(function (url) {
+  var fetchUsingXHR = async function fetchUsingXHR(url) {
     var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
         _ref$cancellationToke = _ref.cancellationToken,
         cancellationToken = _ref$cancellationToke === void 0 ? createCancellationToken() : _ref$cancellationToke,
@@ -267,108 +228,122 @@
     }
 
     xhr.send(body);
-    return _await$4(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 readBody = function readBody() {
-        return _await$4(bodyPromise, function () {
-          var status = xhr.status; // in Chrome on file:/// URLs, status is 0
-
-          if (status === 0) {
-            responseStatus = 200;
-          }
+    await headersPromise; // https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseURL
 
-          var body = "response" in xhr ? xhr.response : xhr.responseText;
-          return {
-            responseBody: body,
-            responseBodyType: detectBodyType(body)
-          };
-        });
+    var responseUrl = "responseURL" in xhr ? xhr.responseURL : headers["x-request-url"];
+    var responseStatus = xhr.status;
+    var responseStatusText = xhr.statusText;
+    var responseHeaders = getHeadersFromXHR(xhr);
+
+    var readBody = async function readBody() {
+      await bodyPromise;
+      var status = xhr.status; // in Chrome on file:/// URLs, status is 0
+
+      if (status === 0) {
+        responseStatus = 200;
+      }
+
+      var body = "response" in xhr ? xhr.response : xhr.responseText;
+      return {
+        responseBody: body,
+        responseBodyType: detectBodyType(body)
       };
+    };
 
-      var text = function text() {
-        return _call$1(readBody, function (_ref2) {
-          var responseBody = _ref2.responseBody,
-              responseBodyType = _ref2.responseBodyType;
+    var text = async function text() {
+      var _await$readBody = await readBody(),
+          responseBody = _await$readBody.responseBody,
+          responseBodyType = _await$readBody.responseBodyType;
 
-          if (responseBodyType === "blob") {
-            return blobToText(responseBody);
-          }
+      if (responseBodyType === "blob") {
+        return blobToText(responseBody);
+      }
 
-          if (responseBodyType === "formData") {
-            throw new Error("could not read FormData body as text");
-          }
+      if (responseBodyType === "formData") {
+        throw new Error("could not read FormData body as text");
+      }
 
-          return responseBodyType === "dataView" ? arrayBufferToText(responseBody.buffer) : responseBodyType === "arrayBuffer" ? arrayBufferToText(responseBody) : String(responseBody);
-        });
-      };
+      if (responseBodyType === "dataView") {
+        return arrayBufferToText(responseBody.buffer);
+      }
 
-      var json = function json() {
-        return _call$1(text, JSON.parse);
-      };
+      if (responseBodyType === "arrayBuffer") {
+        return arrayBufferToText(responseBody);
+      } // if (responseBodyType === "text" || responseBodyType === 'searchParams') {
+      //   return body
+      // }
 
-      var blob = _async$3(function () {
-        if (!hasBlob) {
-          throw new Error("blob not supported");
-        }
 
-        return _call$1(readBody, function (_ref3) {
-          var responseBody = _ref3.responseBody,
-              responseBodyType = _ref3.responseBodyType;
+      return String(responseBody);
+    };
 
-          if (responseBodyType === "blob") {
-            return responseBody;
-          }
+    var json = async function json() {
+      var responseText = await text();
+      return JSON.parse(responseText);
+    };
 
-          if (responseBodyType === "dataView") {
-            return new Blob([cloneBuffer(responseBody.buffer)]);
-          }
+    var blob = async function blob() {
+      if (!hasBlob) {
+        throw new Error("blob not supported");
+      }
 
-          if (responseBodyType === "arrayBuffer") {
-            return new Blob([cloneBuffer(responseBody)]);
-          }
+      var _await$readBody2 = await readBody(),
+          responseBody = _await$readBody2.responseBody,
+          responseBodyType = _await$readBody2.responseBodyType;
 
-          if (responseBodyType === "formData") {
-            throw new Error("could not read FormData body as blob");
-          }
+      if (responseBodyType === "blob") {
+        return responseBody;
+      }
 
-          return new Blob([String(responseBody)]);
-        });
-      });
+      if (responseBodyType === "dataView") {
+        return new Blob([cloneBuffer(responseBody.buffer)]);
+      }
 
-      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);
-        });
-      };
+      if (responseBodyType === "arrayBuffer") {
+        return new Blob([cloneBuffer(responseBody)]);
+      }
 
-      var formData = _async$3(function () {
-        if (!hasFormData) {
-          throw new Error("formData not supported");
-        }
+      if (responseBodyType === "formData") {
+        throw new Error("could not read FormData body as blob");
+      }
 
-        return _call$1(text, textToFormData);
-      });
+      return new Blob([String(responseBody)]);
+    };
 
-      return {
-        url: responseUrl,
-        status: responseStatus,
-        statusText: responseStatusText,
-        headers: responseHeaders,
-        text: text,
-        json: json,
-        blob: blob,
-        arrayBuffer: arrayBuffer,
-        formData: formData
-      };
-    });
-  });
+    var arrayBuffer = async function arrayBuffer() {
+      var _await$readBody3 = await readBody(),
+          responseBody = _await$readBody3.responseBody,
+          responseBodyType = _await$readBody3.responseBodyType;
+
+      if (responseBodyType === "arrayBuffer") {
+        return cloneBuffer(responseBody);
+      }
+
+      var responseBlob = await blob();
+      return blobToArrayBuffer(responseBlob);
+    };
+
+    var formData = async function formData() {
+      if (!hasFormData) {
+        throw new Error("formData not supported");
+      }
+
+      var responseText = await text();
+      return textToFormData(responseText);
+    };
+
+    return {
+      url: responseUrl,
+      status: responseStatus,
+      statusText: responseStatusText,
+      headers: responseHeaders,
+      text: text,
+      json: json,
+      blob: blob,
+      arrayBuffer: arrayBuffer,
+      formData: formData
+    };
+  };
 
   var canUseBlob = function canUseBlob() {
     if (typeof window.FileReader !== "function") return false;
@@ -388,8 +363,8 @@
   var hasArrayBuffer = typeof window.ArrayBuffer === "function";
   var hasSearchParams = typeof window.URLSearchParams === "function";
 
-  var createRequestError = function createRequestError(error, _ref5) {
-    var url = _ref5.url;
+  var createRequestError = function createRequestError(error, _ref2) {
+    var url = _ref2.url;
     return new Error(createDetailedMessage("error during xhr request on ".concat(url, "."), _defineProperty({}, "error stack", error.stack)));
   };
 
@@ -413,9 +388,9 @@
   }; // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
 
 
-  var computeWithCredentials = function computeWithCredentials(_ref6) {
-    var credentials = _ref6.credentials,
-        url = _ref6.url;
+  var computeWithCredentials = function computeWithCredentials(_ref3) {
+    var credentials = _ref3.credentials,
+        url = _ref3.url;
 
     if (credentials === "same-origin") {
       return originSameAsGlobalOrigin(url);
@@ -529,12 +504,12 @@
     return form;
   };
 
-  var blobToArrayBuffer = _async$3(function (blob) {
+  var blobToArrayBuffer = async function blobToArrayBuffer(blob) {
     var reader = new FileReader();
     var promise = fileReaderReady(reader);
     reader.readAsArrayBuffer(blob);
     return promise;
-  });
+  };
 
   var blobToText = function blobToText(blob) {
     var reader = new FileReader();
@@ -580,20 +555,7 @@
 
   var _excluded = ["cancellationToken", "mode"];
 
-  function _await$3(value, then, direct) {
-    if (direct) {
-      return then ? then(value) : value;
-    }
-
-    if (!value || !value.then) {
-      value = Promise.resolve(value);
-    }
-
-    return then ? value.then(then) : value;
-  }
-
-  var fetchNative = _async$2(function (url) {
-
+  var fetchNative = async function fetchNative(url) {
     var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
     var _ref$cancellationToke = _ref.cancellationToken,
@@ -609,57 +571,42 @@
       abortController.abort(reason);
     });
     var response;
-    return _continue(_catch$1(function () {
-      return _await$3(window.fetch(url, _objectSpread2({
+
+    try {
+      response = await window.fetch(url, _objectSpread2({
         signal: abortController.signal,
         mode: mode
-      }, options)), function (_window$fetch) {
-        response = _window$fetch;
-      });
-    }, function (e) {
+      }, options));
+    } catch (e) {
       if (cancelError && e.name === "AbortError") {
         throw cancelError;
       }
 
       throw e;
-    }), function (_result) {
-      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();
-        }
-      };
-    });
-  });
-
-  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;
-  }
+    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();
+      }
+    };
+  };
 
   var responseToHeaders = function responseToHeaders(response) {
     var headers = {};
@@ -669,115 +616,32 @@
     return headers;
   };
 
-  function _continue(value, then) {
-    return value && value.then ? value.then(then) : then(value);
-  }
-
-  function _async$2(f) {
-    return function () {
-      for (var args = [], i = 0; i < arguments.length; i++) {
-        args[i] = arguments[i];
-      }
-
-      try {
-        return Promise.resolve(f.apply(this, args));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-  }
-
   var fetchUrl = typeof window.fetch === "function" && typeof window.AbortController === "function" ? fetchNative : fetchUsingXHR;
 
-  function _await$2(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$1(f) {
-    return function () {
-      for (var args = [], i = 0; i < arguments.length; i++) {
-        args[i] = arguments[i];
-      }
-
-      try {
-        return Promise.resolve(f.apply(this, args));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-  }
-
-  var fetchJson = _async$1(function (url) {
+  var fetchJson = async function fetchJson(url) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return _await$2(fetchUrl(url, options), function (response) {
-      return _await$2(response.json());
-    });
-  });
-
-  function _await$1(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(body, recover) {
-    try {
-      var result = body();
-    } catch (e) {
-      return recover(e);
-    }
-
-    if (result && result.then) {
-      return result.then(void 0, recover);
-    }
-
-    return result;
-  }
-
-  function _async(f) {
-    return function () {
-      for (var args = [], i = 0; i < arguments.length; i++) {
-        args[i] = arguments[i];
-      }
-
-      try {
-        return Promise.resolve(f.apply(this, args));
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-  }
+    var response = await fetchUrl(url, options);
+    var object = await response.json();
+    return object;
+  };
 
-  var fetchExploringJson = _async(function () {
+  var fetchExploringJson = async function fetchExploringJson() {
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         cancellationToken = _ref.cancellationToken;
 
-    return _catch(function () {
-      return _await$1(fetchJson("/.jsenv/exploring.json", {
+    try {
+      var exploringInfo = await fetchJson("/.jsenv/exploring.json", {
         cancellationToken: cancellationToken
-      }));
-    }, function (e) {
+      });
+      return exploringInfo;
+    } catch (e) {
       if (isCancelError(e)) {
         throw e;
       }
 
       throw new Error(createDetailedMessage("Cannot communicate with exploring server due to a network error", _defineProperty({}, "error stack", e.stack)));
-    });
-  });
+    }
+  };
 
   var setStyles = function setStyles(element, styles) {
     var elementStyle = element.style;
@@ -821,18 +685,6 @@
   When toolbar is loaded it will open an other connection to server sent events and close this one.
   */
 
-  function _await(value, then, direct) {
-    if (direct) {
-      return then ? then(value) : value;
-    }
-
-    if (!value || !value.then) {
-      value = Promise.resolve(value);
-    }
-
-    return then ? value.then(then) : value;
-  }
-
   var connectLivereload = function connectLivereload() {
     var _window = window,
         EventSource = _window.EventSource;
@@ -916,128 +768,114 @@
   }; // eslint-disable-next-line camelcase
 
 
-  function _call(body, then, direct) {
-    if (direct) {
-      return then ? then(body()) : body();
-    }
-
-    try {
-      var result = Promise.resolve(body());
-      return then ? result.then(then) : result;
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }
-
   window.__jsenv_eventsource__ = connectLivereload();
 
-  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);
-        };
+  var injectToolbar = async function injectToolbar() {
+    var _await$fetchExploring = await fetchExploringJson(),
+        jsenvDirectoryRelativeUrl = _await$fetchExploring.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);
+    await iframeLoadedPromise;
+    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);
+    };
 
-        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);
-        };
+    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.onmouseleave = function () {
-          clearTimeout(timer);
-          collapseToolbarTrigger();
-        };
+    toolbarTrigger.onmouseleave = function () {
+      clearTimeout(timer);
+      collapseToolbarTrigger();
+    };
 
-        toolbarTrigger.onfocus = function () {
-          toolbarTrigger.removeAttribute("data-animate");
-          expandToolbarTrigger();
-        };
+    toolbarTrigger.onfocus = function () {
+      toolbarTrigger.removeAttribute("data-animate");
+      expandToolbarTrigger();
+    };
 
-        toolbarTrigger.onblur = function () {
-          toolbarTrigger.removeAttribute("data-animate");
-          clearTimeout(timer);
-          collapseToolbarTrigger();
-        };
+    toolbarTrigger.onblur = function () {
+      toolbarTrigger.removeAttribute("data-animate");
+      clearTimeout(timer);
+      collapseToolbarTrigger();
+    };
 
-        toolbarTrigger.onclick = function () {
-          window.__jsenv__.toolbar.show();
-        };
+    toolbarTrigger.onclick = function () {
+      window.__jsenv__.toolbar.show();
+    };
 
-        var showToolbarTrigger = function showToolbarTrigger() {
-          toolbarTrigger.style.display = "block";
-        };
+    var showToolbarTrigger = function showToolbarTrigger() {
+      toolbarTrigger.style.display = "block";
+    };
 
-        var hideToolbarTrigger = function hideToolbarTrigger() {
-          toolbarTrigger.style.display = "none";
-        };
+    var hideToolbarTrigger = function hideToolbarTrigger() {
+      toolbarTrigger.style.display = "none";
+    };
 
-        var expandToolbarTrigger = function expandToolbarTrigger() {
-          toolbarTrigger.setAttribute("data-expanded", "");
-        };
+    var expandToolbarTrigger = function expandToolbarTrigger() {
+      toolbarTrigger.setAttribute("data-expanded", "");
+    };
 
-        var collapseToolbarTrigger = function collapseToolbarTrigger() {
-          toolbarTrigger.removeAttribute("data-expanded", "");
-        };
+    var collapseToolbarTrigger = function collapseToolbarTrigger() {
+      toolbarTrigger.removeAttribute("data-expanded", "");
+    };
 
-        hideToolbarTrigger();
-        iframe.contentWindow.renderToolbar();
-        return iframe;
-      });
-    });
+    hideToolbarTrigger();
+    iframe.contentWindow.renderToolbar();
+    return iframe;
   };
 
   var getToolbarPlaceholder = function getToolbarPlaceholder() {