@jsenv/core 24.1.0-alpha.0 → 24.3.1

package/dist/toolbar_injector/assets/jsenv-logo-188b9ca6.svg

@@ -0,0 +1,95 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="jsenv-logo" viewBox="0 0 430 430" enable-background="new 0 0 430 430">
+  <g>
+    <g>
+      <path id="j-letter" fill="#F7931E" d="M78.879,272.229c3.381-0.441,7.056-1.176,9.408-3.822c2.793-2.939,3.234-8.086,3.234-19.111v-63.064
+          h19.404v66.74c0,16.023-3.381,23.52-9.555,28.371c-5.292,4.264-14.112,6.174-21.021,6.174L78.879,272.229z M111.072,167.121
+          c0,6.174-4.41,10.438-10.143,10.438c-5.292,0-9.702-4.263-9.555-10.438c-0.147-6.468,4.41-10.437,9.849-10.437
+          S111.072,160.653,111.072,167.121z"></path>
+      <path id="s-letter" fill="#F7931E" d="M123.714,240.77c2.793,1.764,8.085,3.822,12.936,3.822c4.998,0,7.791-2.205,7.791-6.469
+          c0-3.675-2.058-6.027-8.379-9.702c-11.76-6.615-14.553-14.112-14.553-20.727c0-12.937,9.261-22.639,23.667-22.639
+          c6.027,0,10.731,1.47,14.553,3.234l-3.381,14.112c-2.793-1.617-6.174-2.94-9.996-2.94c-4.851,0-7.203,2.94-7.203,6.174
+          c0,3.234,1.617,4.998,8.379,8.967c10.584,6.027,14.553,13.524,14.553,21.756c0,14.699-10.584,22.639-25.432,22.639
+          c-6.027,0-13.083-1.617-16.464-4.117L123.714,240.77z"></path>
+      <path id="e-letter" fill="#F7931E" d="M204.414,223.57c0.148,21.756,8.674,26.461,16.906,26.461c4.852,0,8.967-1.176,11.76-2.793l1.764,8.379
+          c-3.969,2.205-9.996,3.381-15.582,3.381c-17.052,0-25.872-13.965-25.872-35.722c0-23.08,9.702-37.486,23.961-37.486
+          c14.553,0,20.285,15.289,20.285,31.459c0,2.646,0,4.557-0.146,6.321H204.414z M226.76,215.191
+          c0.293-14.259-5.145-20.581-10.584-20.581c-7.352,0-11.174,10.878-11.613,20.581H226.76z"></path>
+      <path id="n-letter" fill="#F7931E" d="M249.836,205.342c0-8.379-0.441-12.643-0.588-18.375h9.85l0.588,8.526h0.293
+          c3.088-5.733,8.82-9.702,16.318-9.702c9.85,0,17.199,7.35,17.199,24.55v47.775h-11.318V212.25c0-8.379-1.617-16.905-9.85-16.905
+          c-4.705,0-9.262,3.969-10.732,11.613c-0.293,1.764-0.439,3.969-0.439,6.321v44.835h-11.32V205.342z"></path>
+      <path id="v-letter" fill="#F7931E" d="M313.783,186.966l8.967,39.985c1.029,4.851,2.205,11.172,3.088,17.346h0.441
+          c0.734-5.879,1.91-11.907,2.939-17.346l8.82-39.985h11.172l-18.523,71.149h-10.143l-18.521-71.149H313.783z"></path>
+    </g>
+    <g>
+      <g>
+        <path id="arc1" fill="#F7931E" d="M32.118,204.979c0,0,0.105,1.801,0.302,5.179c0.124,3.4,0.638,8.29,1.434,14.48
+            c0.249,1.546,0.511,3.174,0.786,4.882c0.137,0.853,0.278,1.725,0.421,2.617c0.154,0.89,0.376,1.789,0.558,2.712
+            c0.384,1.843,0.783,3.761,1.197,5.75c0.444,1.981,1.027,4.008,1.56,6.112c2.274,8.378,5.328,17.708,9.758,27.396
+            c4.406,9.688,10.04,19.776,17.062,29.673c7.003,9.901,15.393,19.609,25.102,28.499c9.702,8.888,20.652,17.025,32.581,23.85
+            c11.948,6.789,24.834,12.287,38.159,16.203c13.357,3.824,27.155,5.896,40.737,6.35l2.541,0.113l2.542-0.017
+            c1.689-0.012,3.376-0.142,5.059-0.152l1.259-0.126h0.157c-0.466,0-0.034,0.113-0.096,0.111l0.329,0.039l0.657-0.012l2.625-0.138
+            c1.748-0.094,3.492-0.181,5.229-0.274l2.599-0.14l2.399-0.292c1.596-0.203,3.188-0.354,4.772-0.526
+            c3.147-0.236,6.372-0.888,9.541-1.397c12.69-2.107,24.746-5.299,35.916-9.232c2.755-1.075,5.479-2.131,8.182-3.142
+            c2.655-1.114,5.222-2.329,7.782-3.459c2.6-1.056,4.984-2.43,7.407-3.636c1.206-0.616,2.401-1.228,3.584-1.832
+            c1.189-0.598,2.295-1.31,3.432-1.949c2.248-1.316,4.477-2.577,6.623-3.866c2.099-1.369,4.148-2.706,6.146-4.011
+            c2.042-1.258,3.901-2.66,5.735-3.997c1.822-1.352,3.646-2.613,5.355-3.907c1.669-1.351,3.284-2.656,4.843-3.918
+            c1.569-1.258,3.121-2.439,4.471-3.723c1.402-1.238,2.746-2.427,4.031-3.563c1.288-1.139,2.548-2.204,3.621-3.327
+            c2.193-2.203,4.225-4.131,5.979-5.831c1.697-1.744,3.063-3.304,4.243-4.516c2.34-2.456,3.588-3.767,3.588-3.767l0.026-0.028
+            c0.326-0.342,0.867-0.355,1.209-0.029c0.285,0.271,0.341,0.695,0.161,1.026c0,0-0.868,1.598-2.574,4.574
+            c-0.854,1.488-1.885,3.349-3.214,5.459c-1.387,2.064-2.967,4.465-4.816,7.108c-0.887,1.355-1.955,2.669-3.051,4.075
+            c-1.103,1.406-2.257,2.878-3.46,4.412c-1.185,1.56-2.571,3.036-3.979,4.607c-1.424,1.563-2.899,3.181-4.424,4.853
+            c-1.572,1.628-3.282,3.218-5.018,4.893c-1.745,1.662-3.502,3.432-5.49,5.023c-1.957,1.641-3.965,3.323-6.021,5.047
+            c-2.111,1.653-4.363,3.226-6.623,4.899c-9.169,6.472-19.718,12.805-31.671,17.869c-11.917,5.107-25.137,9.123-39.146,11.367
+            c-3.516,0.507-7.004,1.114-10.719,1.336c-1.834,0.148-3.674,0.319-5.521,0.438l-2.773,0.192l-2.611,0.027
+            c-1.74,0.015-3.486,0.03-5.237,0.045l-2.63,0.012l-1.585-0.006l-1.378-0.074c-1.836-0.101-3.676-0.201-5.521-0.302l-2.766-0.157
+            l-2.764-0.29c-14.755-1.437-29.532-4.559-43.748-9.26c-14.191-4.788-27.769-11.24-40.221-18.991
+            c-12.467-7.743-23.632-16.999-33.41-26.861c-9.758-9.893-18.135-20.455-24.833-31.222c-6.743-10.739-11.988-21.536-15.97-31.794
+            c-4.006-10.258-6.601-20.021-8.441-28.721c-1.917-8.698-2.688-16.429-3.245-22.764c-0.396-6.374-0.584-11.386-0.485-14.752
+            c0.026-3.383,0.04-5.188,0.04-5.188c0.003-0.47,0.387-0.848,0.857-0.844C31.725,204.181,32.091,204.536,32.118,204.979z"></path>
+      </g>
+      <g>
+        <path id="arc2" fill="#F7931E" d="M393.625,225.021c0,0-0.104-1.731-0.297-4.979c-0.049-0.812-0.103-1.718-0.162-2.716
+            c-0.029-0.499-0.061-1.021-0.093-1.565c-0.059-0.538-0.119-1.097-0.182-1.679c-0.269-2.323-0.534-4.99-0.906-7.966
+            c-0.241-1.486-0.496-3.051-0.763-4.693c-0.133-0.82-0.269-1.658-0.408-2.516c-0.126-0.859-0.286-1.731-0.487-2.616
+            c-0.778-3.54-1.458-7.393-2.614-11.413c-0.266-1.009-0.537-2.034-0.812-3.075c-0.264-1.043-0.553-2.096-0.908-3.147
+            c-0.672-2.11-1.362-4.281-2.071-6.509c-1.604-4.392-3.258-9.013-5.353-13.684c-4.077-9.377-9.302-19.173-15.844-28.827
+            c-6.541-9.647-14.329-19.197-23.385-28.038l-1.683-1.677l-1.766-1.605c-1.182-1.068-2.366-2.142-3.557-3.218
+            c-1.163-1.104-2.449-2.08-3.686-3.116c-1.246-1.024-2.496-2.052-3.75-3.083c-1.3-0.972-2.604-1.946-3.91-2.924
+            c-1.324-0.953-2.58-2.003-3.953-2.902c-1.354-0.92-2.714-1.843-4.075-2.768l-2.042-1.389l-2.112-1.291
+            c-11.209-6.99-23.347-12.819-35.961-17.193c-12.643-4.307-25.78-6.991-38.788-8.151c-1.628-0.128-3.24-0.356-4.867-0.403
+            c-1.623-0.068-3.243-0.136-4.858-0.205c-3.224-0.204-6.444-0.09-9.634-0.125l-2.151-0.002l-2.495,0.128
+            c-1.66,0.095-3.316,0.141-4.966,0.211l-2.47,0.097c-0.809,0.042-1.532,0.143-2.3,0.21c-1.513,0.146-3.021,0.293-4.522,0.438
+            c-2.979,0.166-6.046,0.719-9.053,1.084c-3.023,0.336-5.975,0.917-8.906,1.449c-1.462,0.28-2.93,0.501-4.374,0.794
+            c-1.436,0.332-2.863,0.661-4.282,0.989c-1.424,0.318-2.838,0.634-4.245,0.947c-1.396,0.353-2.766,0.767-4.137,1.143
+            c-2.735,0.781-5.465,1.47-8.073,2.398c-1.315,0.436-2.621,0.868-3.917,1.296c-1.3,0.42-2.588,0.844-3.827,1.363
+            c-2.513,0.967-4.983,1.917-7.408,2.85c-2.367,1.068-4.709,2.091-7.01,3.092c-1.163,0.477-2.267,1.042-3.361,1.598
+            c-1.1,0.548-2.188,1.091-3.263,1.627c-1.082,0.532-2.15,1.059-3.206,1.579c-1.025,0.576-2.039,1.145-3.039,1.706
+            c-1.992,1.14-4.003,2.158-5.868,3.29c-1.848,1.157-3.655,2.272-5.419,3.344c-1.792,1.037-3.405,2.208-5.008,3.287
+            c-1.605,1.084-3.153,2.13-4.64,3.135c-2.895,2.146-5.553,4.117-7.955,5.898c-2.294,1.916-4.409,3.579-6.239,5.05
+            c-0.934,0.718-1.729,1.45-2.471,2.111c-0.751,0.655-1.434,1.25-2.044,1.782c-2.474,2.127-3.793,3.262-3.793,3.262l-0.025,0.022
+            c-0.358,0.308-0.898,0.267-1.207-0.091c-0.256-0.297-0.271-0.721-0.063-1.032c0,0,0.969-1.457,2.861-4.161
+            c0.957-1.342,2.071-3.069,3.577-4.928c1.497-1.867,3.207-4.042,5.195-6.425c2.072-2.294,4.393-4.829,6.954-7.583
+            c1.353-1.299,2.761-2.652,4.222-4.055c1.466-1.404,2.982-2.873,4.665-4.248c1.653-1.413,3.373-2.863,5.158-4.347
+            c1.799-1.46,3.737-2.85,5.699-4.323c0.988-0.729,1.989-1.466,3.003-2.214c1.05-0.693,2.113-1.395,3.188-2.104
+            c1.082-0.705,2.176-1.418,3.282-2.14c1.107-0.723,2.227-1.456,3.411-2.104c9.235-5.625,19.942-10.626,31.724-14.697
+            c1.475-0.504,2.951-1.046,4.456-1.527c1.52-0.435,3.049-0.873,4.587-1.314c1.543-0.431,3.096-0.864,4.658-1.299
+            c1.57-0.402,3.17-0.716,4.772-1.065c1.604-0.341,3.218-0.685,4.839-1.029c0.808-0.191,1.629-0.319,2.454-0.433
+            c0.824-0.123,1.649-0.245,2.478-0.368c3.322-0.481,6.616-1.035,10.133-1.254c1.738-0.127,3.483-0.254,5.236-0.383
+            c0.866-0.054,1.775-0.143,2.61-0.166l2.472-0.042c1.65-0.022,3.307-0.069,4.97-0.067l2.497-0.011
+            c-0.163,0.003,0.397-0.005,0.4-0.001l0.164,0.008l0.327,0.015l0.655,0.031l1.311,0.062c3.497,0.194,7.019,0.236,10.533,0.702
+            c1.757,0.188,3.52,0.377,5.285,0.567c1.767,0.169,3.518,0.523,5.28,0.778c14.083,2.205,28.099,5.979,41.516,11.19
+            c13.397,5.272,26.146,12.065,37.788,20.016l2.192,1.471l2.117,1.569c1.408,1.045,2.813,2.087,4.215,3.127
+            c2.768,2.124,5.406,4.386,8.06,6.582c1.274,1.16,2.545,2.316,3.813,3.468c1.254,1.164,2.556,2.267,3.731,3.496
+            c1.2,1.201,2.396,2.398,3.587,3.591l1.775,1.789l1.689,1.859c9.061,9.819,16.775,20.217,23.014,30.685
+            c6.256,10.46,11.099,20.933,14.763,30.855c1.899,4.94,3.31,9.814,4.67,14.425c0.586,2.333,1.157,4.605,1.712,6.814
+            c0.297,1.098,0.526,2.196,0.731,3.282c0.215,1.083,0.427,2.15,0.636,3.2c0.923,4.179,1.378,8.165,1.943,11.813
+            c0.151,0.911,0.247,1.811,0.318,2.695c0.082,0.882,0.162,1.745,0.24,2.587c0.155,1.684,0.305,3.29,0.445,4.814
+            c0.173,3.065,0.257,5.808,0.365,8.183c0.022,0.594,0.045,1.165,0.066,1.714c-0.006,0.545-0.01,1.068-0.015,1.567
+            c-0.009,1-0.017,1.908-0.024,2.721c-0.029,3.252-0.045,4.987-0.045,4.987c-0.004,0.47-0.389,0.847-0.857,0.843
+            C394.018,225.817,393.652,225.463,393.625,225.021z"></path>
+      </g>
+      <circle id="circle2" fill="#F7931E" stroke-width="9" stroke-miterlimit="10" cx="70.536" cy="110.694" r="36.011"></circle>
+      <circle id="circle1" fill="#F7931E" stroke-width="9" stroke-miterlimit="10" cx="362.721" cy="309.694" r="36.012"></circle>
+    </g>
+  </g>
+</svg>

package/dist/{jsenv_toolbar_injector.js → toolbar_injector/toolbar_injector-01f71ce3.js}

@@ -11,7 +11,7 @@
 
   var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? nativeTypeOf : customTypeOf;
 
-  var _defineProperty = (function (obj, key, value) {
+  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
@@ -31,16 +31,6 @@
     return obj;
   });
 
-  var createDetailedMessage = function createDetailedMessage(message) {
-    var details = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var string = "".concat(message);
-    Object.keys(details).forEach(function (key) {
-      var value = details[key];
-      string += "\n--- ".concat(key, " ---\n").concat(Array.isArray(value) ? value.join("\n") : value);
-    });
-    return string;
-  };
-
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
 
@@ -65,7 +55,7 @@
 
       if (i % 2) {
         ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
+          defineProperty(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -115,6 +105,7 @@
     return target;
   });
 
+  /* eslint-env browser */
   function _await$4(value, then, direct) {
     if (direct) {
       return then ? then(value) : value;
@@ -361,7 +352,7 @@
 
   var createRequestError = function createRequestError(error, _ref5) {
     var url = _ref5.url;
-    return new Error(createDetailedMessage("error during xhr request on ".concat(url, "."), _defineProperty({}, "error stack", error.stack)));
+    return new Error("error during xhr request on ".concat(url, ".\n--- error stack ---\n").concat(error.stack));
   };
 
   var createPromiseAndHooks = function createPromiseAndHooks() {
@@ -707,7 +698,7 @@
         throw e;
       }
 
-      throw new Error(createDetailedMessage("Cannot communicate with exploring server due to a network error", _defineProperty({}, "error stack", e.stack)));
+      throw new Error("Cannot communicate with exploring server due to a network error\n--- error stack ---\n".concat(e.stack));
     });
   });
 
@@ -743,16 +734,6 @@
     });
   };
 
-  /*
-  We must connect to livereload server asap so that if a file is modified
-  while page is loading we are notified of it.
-
-  Otherwise it's possible that a file is loaded and used by browser then its modified before
-  livereload connection is established.
-
-  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;
@@ -765,88 +746,7 @@
     return then ? value.then(then) : value;
   }
 
-  var connectLivereload = function connectLivereload() {
-    var _window = window,
-        EventSource = _window.EventSource;
-
-    if (typeof EventSource !== "function") {
-      return function () {};
-    }
-
-    var getLivereloadPreference = function getLivereloadPreference() {
-      return localStorage.hasOwnProperty("livereload") ? JSON.parse(localStorage.getItem("livereload")) : true;
-    };
-
-    var url = document.location.href;
-    var isOpen = false;
-    var lastEventId;
-    var latestChangeMap = {};
-    var events = {
-      "file-modified": function fileModified(_ref) {
-        var data = _ref.data;
-        latestChangeMap[data] = "modified";
-
-        if (getLivereloadPreference()) {
-          window.location.reload(true);
-        }
-      },
-      "file-removed": function fileRemoved(_ref2) {
-        var data = _ref2.data;
-        latestChangeMap[data] = "removed";
-
-        if (getLivereloadPreference()) {
-          window.location.reload(true);
-        }
-      },
-      "file-added": function fileAdded(_ref3) {
-        var data = _ref3.data;
-        latestChangeMap[data] = "added";
-
-        if (getLivereloadPreference()) {
-          window.location.reload(true);
-        }
-      }
-    };
-    var eventSourceOrigin = new URL(url).origin;
-    var eventSource = new EventSource(url, {
-      withCredentials: true
-    });
-
-    var disconnect = function disconnect() {
-      eventSource.close();
-    };
-
-    eventSource.onopen = function () {
-      isOpen = true;
-    };
-
-    eventSource.onerror = function (errorEvent) {
-      if (errorEvent.target.readyState === EventSource.CLOSED) {
-        isOpen = false;
-      }
-    };
-
-    Object.keys(events).forEach(function (eventName) {
-      eventSource.addEventListener(eventName, function (e) {
-        if (e.origin === eventSourceOrigin) {
-          if (e.lastEventId) {
-            lastEventId = e.lastEventId;
-          }
-
-          events[eventName](e);
-        }
-      });
-    });
-    return function () {
-      return {
-        isOpen: isOpen,
-        latestChangeMap: latestChangeMap,
-        lastEventId: lastEventId,
-        disconnect: disconnect
-      };
-    };
-  }; // eslint-disable-next-line camelcase
-
+  var TOOLBAR_BUILD_RELATIVE_URL = "dist/toolbar/toolbar-d3d98c2e.html";
 
   function _call(body, then, direct) {
     if (direct) {
@@ -861,6 +761,8 @@
     }
   }
 
+  var jsenvLogoSvgUrl = new URL("assets/jsenv-logo-188b9ca6.svg", document.currentScript && document.currentScript.src || document.baseURI);
+
   function _async(f) {
     return function () {
       for (var args = [], i = 0; i < arguments.length; i++) {
@@ -875,8 +777,6 @@
     };
   }
 
-  window.__jsenv_eventsource__ = connectLivereload();
-
   var injectToolbar = _async(function () {
     return _await(new Promise(function (resolve) {
       if (window.requestIdleCallback) {
@@ -885,8 +785,8 @@
         window.requestAnimationFrame(resolve);
       }
     }), function () {
-      return _call(fetchExploringJson, function (_ref4) {
-        var jsenvDirectoryRelativeUrl = _ref4.jsenvDirectoryRelativeUrl;
+      return _call(fetchExploringJson, function (_ref) {
+        var jsenvDirectoryRelativeUrl = _ref.jsenvDirectoryRelativeUrl;
         var jsenvDirectoryServerUrl = resolveUrl(jsenvDirectoryRelativeUrl, document.location.origin);
         var placeholder = getToolbarPlaceholder();
         var iframe = document.createElement("iframe");
@@ -911,36 +811,14 @@
           "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)
+        var jsenvToolbarHtmlServerUrl = resolveUrl(TOOLBAR_BUILD_RELATIVE_URL, 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);
-          };
-
-          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      margin: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>");
+          div.innerHTML = "\n<div id=\"jsenv-toolbar-trigger\">\n  <svg id=\"jsenv-toolbar-trigger-icon\">\n    <use xlink:href=\"".concat(jsenvLogoSvgUrl, "#jsenv-logo\"></use>\n  </svg>\n  <style>\n    #jsenv-toolbar-trigger {\n      display: block;\n      overflow: hidden;\n      position: fixed;\n      z-index: 1000;\n      bottom: -32px;\n      right: 20px;\n      height: 40px;\n      width: 40px;\n      padding: 0;\n      margin: 0;\n      border-radius: 5px 5px 0 0;\n      border: 1px solid rgba(0, 0, 0, 0.33);\n      border-bottom: none;\n      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.46);\n      background: transparent;\n      text-align: center;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger:hover {\n      cursor: pointer;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] {\n      bottom: 0;\n    }\n\n    #jsenv-toolbar-trigger-icon {\n      width: 35px;\n      height: 35px;\n      opacity: 0;\n      transition: 600ms;\n    }\n\n    #jsenv-toolbar-trigger[data-expanded] #jsenv-toolbar-trigger-icon {\n      opacity: 1;\n    }\n  </style>\n</div>");
           var toolbarTrigger = div.firstElementChild;
           iframe.parentNode.appendChild(toolbarTrigger);
           var timer;
@@ -967,7 +845,7 @@
           };
 
           toolbarTrigger.onclick = function () {
-            window.__jsenv__.toolbar.show();
+            sendCommandToToolbar(iframe, "showToolbar");
           };
 
           var showToolbarTrigger = function showToolbarTrigger() {
@@ -987,13 +865,60 @@
           };
 
           hideToolbarTrigger();
-          iframe.contentWindow.renderToolbar();
+          addToolbarEventCallback(iframe, "toolbar-visibility-change", function (visible) {
+            if (visible) {
+              hideToolbarTrigger();
+            } else {
+              showToolbarTrigger();
+            }
+          });
+          sendCommandToToolbar(iframe, "renderToolbar");
           return iframe;
         });
       });
     });
   });
 
+  var addToolbarEventCallback = function addToolbarEventCallback(iframe, eventName, callback) {
+    var messageEventCallback = function messageEventCallback(messageEvent) {
+      var data = messageEvent.data;
+
+      if (_typeof(data) !== "object") {
+        return;
+      }
+
+      var __jsenv__ = data.__jsenv__;
+
+      if (!__jsenv__) {
+        return;
+      }
+
+      if (__jsenv__.event !== eventName) {
+        return;
+      }
+
+      callback(__jsenv__.data);
+    };
+
+    window.addEventListener("message", messageEventCallback, false);
+    return function () {
+      window.removeEventListener("message", messageEventCallback, false);
+    };
+  };
+
+  var sendCommandToToolbar = function sendCommandToToolbar(iframe, command) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    iframe.contentWindow.postMessage({
+      __jsenv__: {
+        command: command,
+        args: args
+      }
+    }, window.origin);
+  };
+
   var getToolbarPlaceholder = function getToolbarPlaceholder() {
     var placeholder = queryPlaceholder();
 
@@ -1043,4 +968,4 @@
 
 })();
 
-//# sourceMappingURL=jsenv_toolbar_injector.js.map
+//# sourceMappingURL=toolbar_injector-01f71ce3.js.map