@jsenv/plugin-toolbar 1.5.24 → 1.5.26

package/dist/js/toolbar_core.js

@@ -1,4 +1,4 @@
-import { d, E, w } from "../jsenv_plugin_toolbar_node_modules.js";
+import { v, m, b } from "../jsenv_plugin_toolbar_node_modules.js";
 
 const paramsFromParentWindow = {};
 const searchParams = new URLSearchParams(window.location.search);
@@ -9,9 +9,9 @@ const parentWindowReloader = window.parent.__reloader__;
 
 const stateFromLocalStorage = localStorage.hasOwnProperty("jsenv_toolbar") ? JSON.parse(localStorage.getItem("jsenv_toolbar")) : {};
 
-const animationsEnabledSignal = d(typeof stateFromLocalStorage.animationsEnabled === "boolean" ? stateFromLocalStorage.animationsEnabled : typeof paramsFromParentWindow.animationsEnabled === "boolean" ? paramsFromParentWindow.animationsEnabled : false);
+const animationsEnabledSignal = v(typeof stateFromLocalStorage.animationsEnabled === "boolean" ? stateFromLocalStorage.animationsEnabled : typeof paramsFromParentWindow.animationsEnabled === "boolean" ? paramsFromParentWindow.animationsEnabled : false);
 
-E(() => {
+m(() => {
   const animationsEnabled = animationsEnabledSignal.value;
   if (animationsEnabled) {
     document.documentElement.removeAttribute("data-animation-disabled");
@@ -20,11 +20,11 @@ E(() => {
   }
 });
 
-const executionTooltipOpenedSignal = d(false);
-const executionSignal = d({
+const executionTooltipOpenedSignal = v(false);
+const executionSignal = v({
   status: "running"
 });
-const previousExecutionSignal = d(sessionStorage.hasOwnProperty(window.location.href) ? JSON.parse(sessionStorage.getItem(window.location.href)) : null);
+const previousExecutionSignal = v(sessionStorage.hasOwnProperty(window.location.href) ? JSON.parse(sessionStorage.getItem(window.location.href)) : null);
 window.parent.__supervisor__.getDocumentExecutionResult().then(({
   status,
   startTime,
@@ -39,8 +39,8 @@ window.parent.__supervisor__.getDocumentExecutionResult().then(({
 
 const notificationAPIDetected = typeof window.Notification === "function";
 
-const notificationsEnabledSignal = d(typeof stateFromLocalStorage.notificationsEnabled === "boolean" ? stateFromLocalStorage.notificationsEnabled : typeof paramsFromParentWindow.notificationsEnabled === "boolean" ? paramsFromParentWindow.notificationsEnabled : false);
-const notificationPermissionSignal = d(Notification.permission);
+const notificationsEnabledSignal = v(typeof stateFromLocalStorage.notificationsEnabled === "boolean" ? stateFromLocalStorage.notificationsEnabled : typeof paramsFromParentWindow.notificationsEnabled === "boolean" ? paramsFromParentWindow.notificationsEnabled : false);
+const notificationPermissionSignal = v(Notification.permission);
 
 const enableNotifications = () => {
   notificationsEnabledSignal.value = true;
@@ -146,13 +146,13 @@ const getFaviconHref = () => {
   return link ? link.href : undefined;
 };
 
-E(() => {
+m(() => {
   const execution = executionSignal.value;
   if (execution) {
     sessionStorage.setItem(window.location.href, JSON.stringify(execution));
   }
 });
-E(() => {
+m(() => {
   const execution = executionSignal.value;
   const previousExecution = previousExecutionSignal.value;
   if (execution) {
@@ -160,14 +160,14 @@ E(() => {
   }
 });
 
-E(() => {
+m(() => {
   const notificationsEnabled = notificationsEnabledSignal.value;
   if (!notificationsEnabled) {
     closeAllNotifications();
   }
 });
 
-const changesTooltipOpenedSignal = d(false);
+const changesTooltipOpenedSignal = v(false);
 
 const openChangesToolip = () => {
   changesTooltipOpenedSignal.value = true;
@@ -176,9 +176,9 @@ const closeChangesToolip = () => {
   changesTooltipOpenedSignal.value = false;
 };
 
-const autoreloadEnabledSignal = d(false);
-const reloaderStatusSignal = d("idle");
-const changesSignal = d(0);
+const autoreloadEnabledSignal = v(false);
+const reloaderStatusSignal = v("idle");
+const changesSignal = v(0);
 if (parentWindowReloader) {
   autoreloadEnabledSignal.value = parentWindowReloader.autoreload.enabled;
   parentWindowReloader.autoreload.onchange = () => {
@@ -252,7 +252,7 @@ const renameAttribute = (node, name, newName) => {
 
 const changesIndicator = document.querySelector("#changes_indicator");
 const renderChangesIndicator = () => {
-  E(() => {
+  m(() => {
     const autoreloadEnabled = autoreloadEnabledSignal.value;
     const changes = changesSignal.value;
     const changeCount = changes.length;
@@ -274,7 +274,7 @@ const renderChangesIndicator = () => {
   changesIndicator.querySelector(".tooltip_action").onclick = () => {
     parentWindowReloader.reload();
   };
-  E(() => {
+  m(() => {
     const changesTooltipOpened = changesTooltipOpenedSignal.value;
     if (changesTooltipOpened) {
       changesIndicator.setAttribute("data-tooltip-visible", "");
@@ -345,11 +345,11 @@ const deactivateToolbarSection = element => {
 const executionIndicator = document.querySelector("#document_execution_indicator");
 const renderDocumentExecutionIndicator = async () => {
   removeForceHideElement(document.querySelector("#document_execution_indicator"));
-  E(() => {
+  m(() => {
     const execution = executionSignal.value;
     updateExecutionIndicator(execution);
   });
-  E(() => {
+  m(() => {
     const executionTooltipOpened = executionTooltipOpenedSignal.value;
     if (executionTooltipOpened) {
       executionIndicator.setAttribute("data-tooltip-visible", "");
@@ -415,8 +415,8 @@ const renderDocumentIndexLink = () => {
   setLinkHrefForParentWindow(document.querySelector("#document_index_link"), "/");
 };
 
-const serverTooltipOpenedSignal = d(false);
-const serverConnectionSignal = d("default");
+const serverTooltipOpenedSignal = v(false);
+const serverConnectionSignal = v("default");
 const serverEvents$1 = window.__server_events__;
 if (serverEvents$1) {
   serverEvents$1.readyState.onchange = () => {
@@ -437,11 +437,11 @@ const serverEvents = window.__server_events__;
 const serverIndicator = document.querySelector("#server_indicator");
 const renderServerIndicator = () => {
   removeForceHideElement(document.querySelector("#server_indicator"));
-  E(() => {
+  m(() => {
     const serverConnection = serverConnectionSignal.value;
     updateServerIndicator(serverConnection);
   });
-  E(() => {
+  m(() => {
     const serverTooltipOpened = serverTooltipOpenedSignal.value;
     if (serverTooltipOpened) {
       serverIndicator.setAttribute("data-tooltip-visible", "");
@@ -480,7 +480,7 @@ const updateServerIndicator = connectionState => {
   }
 };
 
-const openedSignal = d(typeof stateFromLocalStorage.opened === "boolean" ? stateFromLocalStorage.opened : typeof paramsFromParentWindow.opened === "boolean" ? paramsFromParentWindow.opened : false);
+const openedSignal = v(typeof stateFromLocalStorage.opened === "boolean" ? stateFromLocalStorage.opened : typeof paramsFromParentWindow.opened === "boolean" ? paramsFromParentWindow.opened : false);
 
 const openToolbar = () => {
   openedSignal.value = true;
@@ -745,7 +745,7 @@ const startJavaScriptAnimation = ({
 };
 
 const initToolbarOpening = () => {
-  E(() => {
+  m(() => {
     const opened = openedSignal.value;
     if (opened) {
       showToolbar();
@@ -803,7 +803,7 @@ const showToolbar = () => {
   }
 };
 
-const settingsOpenedSignal = d(false);
+const settingsOpenedSignal = v(false);
 
 const openSettings = () => {
   settingsOpenedSignal.value = true;
@@ -818,16 +818,16 @@ const renderToolbarOverlay = () => {
     closeAllTooltips();
     closeSettings();
   };
-  E(() => {
-    if (!window.parent) {
-      // can happen while parent iframe reloads
-      return;
-    }
+  m(() => {
     const opened = openedSignal.value;
     const settingsOpened = settingsOpenedSignal.value;
     const executionTooltipOpened = executionTooltipOpenedSignal.value;
     const changesTooltipOpened = changesTooltipOpenedSignal.value;
     const serverTooltipOpened = serverTooltipOpenedSignal.value;
+    if (!window.parent) {
+      // can happen while parent iframe reloads
+      return;
+    }
     if (!opened) {
       return;
     }
@@ -882,7 +882,7 @@ const disableAnimations = () => {
 
 const renderToolbarAnimationSetting = () => {
   const animCheckbox = document.querySelector("#toggle_anims");
-  E(() => {
+  m(() => {
     const animationsEnabled = animationsEnabledSignal.value;
     animCheckbox.checked = animationsEnabled;
   });
@@ -945,7 +945,7 @@ const renderToolbarAutoreloadSetting = () => {
     return;
   }
   const autoreloadCheckbox = document.querySelector("#toggle_autoreload");
-  E(() => {
+  m(() => {
     const autoreloadEnabled = autoreloadEnabledSignal.value;
     if (autoreloadEnabled) {
       autoreloadCheckbox.checked = true;
@@ -1005,11 +1005,11 @@ const disableAutoreloadSetting = () => {
 
 const notifCheckbox = document.querySelector("#toggle_notifs");
 const renderToolbarNotificationSetting = () => {
-  E(() => {
+  m(() => {
     const notificationsEnabled = notificationsEnabledSignal.value;
     notifCheckbox.checked = notificationsEnabled;
   });
-  E(() => {
+  m(() => {
     const notificationPermission = notificationPermissionSignal.value;
     if (!notificationAPIDetected) {
       applyNotificationNotAvailableEffects();
@@ -1071,7 +1071,7 @@ const applyNotificationNOTGrantedEffects = () => {
   };
 };
 
-const ribbonDisplayedSignal = d(typeof stateFromLocalStorage.ribbonDisplayed === "boolean" ? stateFromLocalStorage.ribbonDisplayed : true);
+const ribbonDisplayedSignal = v(typeof stateFromLocalStorage.ribbonDisplayed === "boolean" ? stateFromLocalStorage.ribbonDisplayed : true);
 
 const ribbonBox = document.querySelector("#ribbon_box");
 const ribbonCheckbox = ribbonBox.querySelector("input");
@@ -1079,7 +1079,7 @@ const renderToolbarRibbonSetting = () => {
   const ribbonContainer = window.parent.document.querySelector("#jsenv_ribbon_container");
   if (ribbonContainer) {
     ribbonBox.style.display = "block";
-    E(() => {
+    m(() => {
       const ribbonDisplayed = ribbonDisplayedSignal.value;
       ribbonCheckbox.checked = ribbonDisplayed;
       if (ribbonDisplayed) {
@@ -1098,7 +1098,7 @@ const renderToolbarRibbonSetting = () => {
   }
 };
 
-const themeSignal = d(typeof stateFromLocalStorage.theme === "string" ? stateFromLocalStorage.theme : typeof paramsFromParentWindow.theme === "string" ? paramsFromParentWindow.theme : "dark");
+const themeSignal = v(typeof stateFromLocalStorage.theme === "string" ? stateFromLocalStorage.theme : typeof paramsFromParentWindow.theme === "string" ? paramsFromParentWindow.theme : "dark");
 
 const switchToLightTheme = () => {
   themeSignal.value = "light";
@@ -1128,7 +1128,7 @@ const renderToolbarSettings = () => {
   renderToolbarNotificationSetting();
   renderToolbarThemeSetting();
   renderToolbarRibbonSetting();
-  E(() => {
+  m(() => {
     const settingsOpened = settingsOpenedSignal.value;
     if (settingsOpened) {
       activateToolbarSection(document.querySelector("#settings"));
@@ -1176,14 +1176,14 @@ addExternalCommandCallback("initToolbar", () => {
 });
 sendEventToParent("toolbar_ready");
 
-E(() => {
+m(() => {
   const serverConnection = serverConnectionSignal.value;
   if (serverConnection === "connecting" || serverConnection === "closed") {
     openServerTooltip();
   }
 });
 
-E(() => {
+m(() => {
   const theme = themeSignal.value;
   document.querySelector("html").setAttribute("data-theme", theme);
 });
@@ -1191,7 +1191,7 @@ E(() => {
 addExternalCommandCallback("openToolbar", openToolbar);
 addExternalCommandCallback("closeToolbar", closeToolbar);
 
-const toolbarStateSignal = w(() => {
+const toolbarStateSignal = b(() => {
   const opened = openedSignal.value;
   const theme = themeSignal.value;
   const animationsEnabled = animationsEnabledSignal.value;
@@ -1206,7 +1206,7 @@ const toolbarStateSignal = w(() => {
   };
 });
 
-E(() => {
+m(() => {
   const toolbarState = toolbarStateSignal.value;
   localStorage.setItem("jsenv_toolbar", JSON.stringify(toolbarState));
   sendEventToParent("toolbar_state_change", toolbarState);

package/dist/jsenv_plugin_toolbar_node_modules.js

@@ -1,6 +1,6 @@
 var n$1,
   u$2;
-function k$2(n) {
+function k$1(n) {
   return n.children;
 }
 n$1 = {
@@ -20,7 +20,7 @@ n$1 = {
 };
 
 var t$1,
-  r$1,
+  r,
   u$1,
   i$1,
   o$1 = Object.is,
@@ -28,59 +28,20 @@ var t$1,
   c$1 = [],
   e$1 = n$1,
   a$1 = e$1.__b,
-  v$2 = e$1.__r,
+  v$1 = e$1.__r,
   l$1 = e$1.diffed,
-  m = e$1.__c,
+  m$2 = e$1.__c,
   s$1 = e$1.unmount,
-  p$2 = e$1.__;
+  p$1 = e$1.__;
 function d$2(n, t) {
-  e$1.__h && e$1.__h(r$1, n, f$1 || t), f$1 = 0;
-  var u = r$1.__H || (r$1.__H = {
+  e$1.__h && e$1.__h(r, n, f$1 || t), f$1 = 0;
+  var u = r.__H || (r.__H = {
     __: [],
     __h: []
   });
   return n >= u.__.length && u.__.push({}), u.__[n];
 }
-function h$1(n) {
-  return f$1 = 1, y$2(D, n);
-}
-function y$2(n, u, i) {
-  var f = d$2(t$1++, 2);
-  if (f.t = n, !f.__c && (f.__ = [D(void 0, u), function (n) {
-    var t = f.__N ? f.__N[0] : f.__[0],
-      r = f.t(t, n);
-    o$1(t, r) || (f.__N = [r, f.__[1]], f.__c.setState({}));
-  }], f.__c = r$1, !r$1.__f)) {
-    var c = function (n, t, r) {
-      if (!f.__c.__H) return true;
-      var u = f.__c.__H.__.filter(function (n) {
-        return !!n.__c;
-      });
-      if (u.every(function (n) {
-        return !n.__N;
-      })) return !e || e.call(this, n, t, r);
-      var i = f.__c.props !== n;
-      return u.forEach(function (n) {
-        if (n.__N) {
-          var t = n.__[0];
-          n.__ = n.__N, n.__N = void 0, o$1(t, n.__[0]) || (i = true);
-        }
-      }), e && e.call(this, n, t, r) || i;
-    };
-    r$1.__f = true;
-    var e = r$1.shouldComponentUpdate,
-      a = r$1.componentWillUpdate;
-    r$1.componentWillUpdate = function (n, t, r) {
-      if (4 & this.__g) {
-        var u = e;
-        e = void 0, c(n, t, r), e = u;
-      }
-      a && a.call(this, n, t, r);
-    }, r$1.shouldComponentUpdate = c;
-  }
-  return f.__N || f.__;
-}
-function q(n, r) {
+function q$1(n, r) {
   var u = d$2(t$1++, 7);
   return C(u.__H, r) && (u.__ = n(), u.__H = r, u.__h = n), u.__;
 }
@@ -92,21 +53,21 @@ function g$2() {
   }
 }
 e$1.__b = function (n) {
-  r$1 = null, a$1 && a$1(n);
+  r = null, a$1 && a$1(n);
 }, e$1.__ = function (n, t) {
-  n && t.__k && t.__k.__m && (n.__m = t.__k.__m), p$2 && p$2(n, t);
+  n && t.__k && t.__k.__m && (n.__m = t.__k.__m), p$1 && p$1(n, t);
 }, e$1.__r = function (n) {
-  v$2 && v$2(n), t$1 = 0;
-  var i = (r$1 = n.__c).__H;
-  i && (u$1 === r$1 ? (i.__h = [], r$1.__h = [], i.__.forEach(function (n) {
+  v$1 && v$1(n), t$1 = 0;
+  var i = (r = n.__c).__H;
+  i && (u$1 === r ? (i.__h = [], r.__h = [], i.__.forEach(function (n) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
-  })) : (i.__h.forEach(z), i.__h.forEach(B), i.__h = [], t$1 = 0)), u$1 = r$1;
+  })) : (i.__h.forEach(z), i.__h.forEach(B), i.__h = [], t$1 = 0)), u$1 = r;
 }, e$1.diffed = function (n) {
   l$1 && l$1(n);
   var t = n.__c;
   t && t.__H && (t.__H.__h.length && (1 !== c$1.push(t) && i$1 === e$1.requestAnimationFrame || ((i$1 = e$1.requestAnimationFrame) || w$2)(g$2)), t.__H.__.forEach(function (n) {
     n.u && (n.__H = n.u), n.u = void 0;
-  })), u$1 = r$1 = null;
+  })), u$1 = r = null;
 }, e$1.__c = function (n, t) {
   t.some(function (n) {
     try {
@@ -118,7 +79,7 @@ e$1.__b = function (n) {
         n.__h && (n.__h = []);
       }), t = [], e$1.__e(r, n.__v);
     }
-  }), m && m(n, t);
+  }), m$2 && m$2(n, t);
 }, e$1.unmount = function (n) {
   s$1 && s$1(n);
   var t,
@@ -131,119 +92,116 @@ e$1.__b = function (n) {
     }
   }), r.__H = void 0, t && e$1.__e(t, r.__v));
 };
-var k$1 = "function" == typeof requestAnimationFrame;
+var k = "function" == typeof requestAnimationFrame;
 function w$2(n) {
   var t,
     r = function () {
-      clearTimeout(u), k$1 && cancelAnimationFrame(t), setTimeout(n);
+      clearTimeout(u), k && cancelAnimationFrame(t), setTimeout(n);
     },
     u = setTimeout(r, 35);
-  k$1 && (t = requestAnimationFrame(r));
+  k && (t = requestAnimationFrame(r));
 }
 function z(n) {
-  var t = r$1,
+  var t = r,
     u = n.__c;
-  "function" == typeof u && (n.__c = void 0, u()), r$1 = t;
+  "function" == typeof u && (n.__c = void 0, u()), r = t;
 }
 function B(n) {
-  var t = r$1;
-  n.__c = n.__(), r$1 = t;
+  var t = r;
+  n.__c = n.__(), r = t;
 }
 function C(n, t) {
   return !n || n.length !== t.length || t.some(function (t, r) {
     return !o$1(t, n[r]);
   });
 }
-function D(n, t) {
-  return "function" == typeof t ? t(n) : t;
-}
 
 const i = Symbol.for("preact-signals");
 function t() {
-  if (r > 1) {
-    r--;
+  if (f > 1) {
+    f--;
     return;
   }
   let i,
     t = false;
   while (void 0 !== s) {
-    let o = s;
+    let n = s;
     s = void 0;
-    f++;
-    while (void 0 !== o) {
-      const n = o.o;
-      o.o = void 0;
-      o.f &= -3;
-      if (!(8 & o.f) && v$1(o)) try {
-        o.c();
-      } catch (o) {
+    e++;
+    while (void 0 !== n) {
+      const o = n.o;
+      n.o = void 0;
+      n.f &= -3;
+      if (!(8 & n.f) && l(n)) try {
+        n.c();
+      } catch (n) {
         if (!t) {
-          i = o;
+          i = n;
           t = true;
         }
       }
-      o = n;
+      n = o;
     }
   }
-  f = 0;
-  r--;
+  e = 0;
+  f--;
   if (t) throw i;
 }
-function o(i) {
-  if (r > 0) return i();
-  r++;
+function n(i) {
+  if (f > 0) return i();
+  f++;
   try {
     return i();
   } finally {
     t();
   }
 }
-let n, s;
-function h(i) {
-  const t = n;
-  n = void 0;
+let o, s;
+function h$1(i) {
+  const t = o;
+  o = void 0;
   try {
     return i();
   } finally {
-    n = t;
+    o = t;
   }
 }
-let r = 0,
-  f = 0,
-  e = 0;
-function u(i) {
-  if (void 0 === n) return;
+let f = 0,
+  e = 0,
+  u = 0;
+function c(i) {
+  if (void 0 === o) return;
   let t = i.n;
-  if (void 0 === t || t.t !== n) {
+  if (void 0 === t || t.t !== o) {
     t = {
       i: 0,
       S: i,
-      p: n.s,
+      p: o.s,
       n: void 0,
-      t: n,
+      t: o,
       e: void 0,
       x: void 0,
       r: t
     };
-    if (void 0 !== n.s) n.s.n = t;
-    n.s = t;
+    if (void 0 !== o.s) o.s.n = t;
+    o.s = t;
     i.n = t;
-    if (32 & n.f) i.S(t);
+    if (32 & o.f) i.S(t);
     return t;
   } else if (-1 === t.i) {
     t.i = 0;
     if (void 0 !== t.n) {
       t.n.p = t.p;
       if (void 0 !== t.p) t.p.n = t.n;
-      t.p = n.s;
+      t.p = o.s;
       t.n = void 0;
-      n.s.n = t;
-      n.s = t;
+      o.s.n = t;
+      o.s = t;
     }
     return t;
   }
 }
-function c(i, t) {
+function d$1(i, t) {
   this.v = i;
   this.i = 0;
   this.n = void 0;
@@ -252,87 +210,87 @@ function c(i, t) {
   this.Z = null == t ? void 0 : t.unwatched;
   this.name = null == t ? void 0 : t.name;
 }
-c.prototype.brand = i;
-c.prototype.h = function () {
+d$1.prototype.brand = i;
+d$1.prototype.h = function () {
   return true;
 };
-c.prototype.S = function (i) {
+d$1.prototype.S = function (i) {
   const t = this.t;
   if (t !== i && void 0 === i.e) {
     i.x = t;
     this.t = i;
-    if (void 0 !== t) t.e = i;else h(() => {
+    if (void 0 !== t) t.e = i;else h$1(() => {
       var i;
       null == (i = this.W) || i.call(this);
     });
   }
 };
-c.prototype.U = function (i) {
+d$1.prototype.U = function (i) {
   if (void 0 !== this.t) {
     const t = i.e,
-      o = i.x;
+      n = i.x;
     if (void 0 !== t) {
-      t.x = o;
+      t.x = n;
       i.e = void 0;
     }
-    if (void 0 !== o) {
-      o.e = t;
+    if (void 0 !== n) {
+      n.e = t;
       i.x = void 0;
     }
     if (i === this.t) {
-      this.t = o;
-      if (void 0 === o) h(() => {
+      this.t = n;
+      if (void 0 === n) h$1(() => {
         var i;
         null == (i = this.Z) || i.call(this);
       });
     }
   }
 };
-c.prototype.subscribe = function (i) {
-  return E(() => {
+d$1.prototype.subscribe = function (i) {
+  return m$1(() => {
     const t = this.value,
-      o = n;
-    n = void 0;
+      n = o;
+    o = void 0;
     try {
       i(t);
     } finally {
-      n = o;
+      o = n;
     }
   }, {
     name: "sub"
   });
 };
-c.prototype.valueOf = function () {
+d$1.prototype.valueOf = function () {
   return this.value;
 };
-c.prototype.toString = function () {
+d$1.prototype.toString = function () {
   return this.value + "";
 };
-c.prototype.toJSON = function () {
+d$1.prototype.toJSON = function () {
   return this.value;
 };
-c.prototype.peek = function () {
-  const i = n;
-  n = void 0;
+d$1.prototype.peek = function () {
+  const i = o;
+  o = void 0;
   try {
     return this.value;
   } finally {
-    n = i;
+    o = i;
   }
 };
-Object.defineProperty(c.prototype, "value", {
+Object.defineProperty(d$1.prototype, "value", {
   get() {
-    const i = u(this);
+    const i = c(this);
     if (void 0 !== i) i.i = this.i;
     return this.v;
   },
   set(i) {
     if (i !== this.v) {
-      if (f > 100) throw new Error("Cycle detected");
+      if (e > 100) throw new Error("Cycle detected");
       this.v = i;
       this.i++;
-      e++;
-      r++;
+      u++;
+      f++;
       try {
         for (let i = this.t; void 0 !== i; i = i.x) i.t.N();
       } finally {
@@ -341,17 +299,17 @@ Object.defineProperty(c.prototype, "value", {
     }
   }
 });
-function d$1(i, t) {
-  return new c(i, t);
+function v(i, t) {
+  return new d$1(i, t);
 }
-function v$1(i) {
+function l(i) {
   for (let t = i.s; void 0 !== t; t = t.n) if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) return true;
   return false;
 }
-function l(i) {
+function y$1(i) {
   for (let t = i.s; void 0 !== t; t = t.n) {
-    const o = t.S.n;
-    if (void 0 !== o) t.r = o;
+    const n = t.S.n;
+    if (void 0 !== n) t.r = n;
     t.S.n = t;
     t.i = -1;
     if (void 0 === t.n) {
@@ -360,49 +318,49 @@ function l(i) {
     }
   }
 }
-function y$1(i) {
+function a(i) {
   let t,
-    o = i.s;
-  while (void 0 !== o) {
-    const i = o.p;
-    if (-1 === o.i) {
-      o.S.U(o);
-      if (void 0 !== i) i.n = o.n;
-      if (void 0 !== o.n) o.n.p = i;
-    } else t = o;
-    o.S.n = o.r;
-    if (void 0 !== o.r) o.r = void 0;
-    o = i;
+    n = i.s;
+  while (void 0 !== n) {
+    const i = n.p;
+    if (-1 === n.i) {
+      n.S.U(n);
+      if (void 0 !== i) i.n = n.n;
+      if (void 0 !== n.n) n.n.p = i;
+    } else t = n;
+    n.S.n = n.r;
+    if (void 0 !== n.r) n.r = void 0;
+    n = i;
   }
   i.s = t;
 }
-function a(i, t) {
-  c.call(this, void 0);
+function w$1(i, t) {
+  d$1.call(this, void 0);
   this.x = i;
   this.s = void 0;
-  this.g = e - 1;
+  this.g = u - 1;
   this.f = 4;
   this.W = null == t ? void 0 : t.watched;
   this.Z = null == t ? void 0 : t.unwatched;
   this.name = null == t ? void 0 : t.name;
 }
-a.prototype = new c();
-a.prototype.h = function () {
+w$1.prototype = new d$1();
+w$1.prototype.h = function () {
   this.f &= -3;
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
   this.f &= -5;
-  if (this.g === e) return true;
-  this.g = e;
+  if (this.g === u) return true;
+  this.g = u;
   this.f |= 1;
-  if (this.i > 0 && !v$1(this)) {
+  if (this.i > 0 && !l(this)) {
     this.f &= -2;
     return true;
   }
-  const i = n;
+  const i = o;
   try {
-    l(this);
-    n = this;
+    y$1(this);
+    o = this;
     const i = this.x();
     if (16 & this.f || this.v !== i || 0 === this.i) {
       this.v = i;
@@ -414,81 +372,81 @@ a.prototype.h = function () {
     this.f |= 16;
     this.i++;
   }
-  n = i;
-  y$1(this);
+  o = i;
+  a(this);
   this.f &= -2;
   return true;
 };
-a.prototype.S = function (i) {
+w$1.prototype.S = function (i) {
   if (void 0 === this.t) {
     this.f |= 36;
     for (let i = this.s; void 0 !== i; i = i.n) i.S.S(i);
   }
-  c.prototype.S.call(this, i);
+  d$1.prototype.S.call(this, i);
 };
-a.prototype.U = function (i) {
+w$1.prototype.U = function (i) {
   if (void 0 !== this.t) {
-    c.prototype.U.call(this, i);
+    d$1.prototype.U.call(this, i);
     if (void 0 === this.t) {
       this.f &= -33;
       for (let i = this.s; void 0 !== i; i = i.n) i.S.U(i);
     }
   }
 };
-a.prototype.N = function () {
+w$1.prototype.N = function () {
   if (!(2 & this.f)) {
     this.f |= 6;
     for (let i = this.t; void 0 !== i; i = i.x) i.t.N();
   }
 };
-Object.defineProperty(a.prototype, "value", {
+Object.defineProperty(w$1.prototype, "value", {
   get() {
     if (1 & this.f) throw new Error("Cycle detected");
-    const i = u(this);
+    const i = c(this);
     this.h();
     if (void 0 !== i) i.i = this.i;
     if (16 & this.f) throw this.v;
     return this.v;
   }
 });
-function w$1(i, t) {
-  return new a(i, t);
+function b$1(i, t) {
+  return new w$1(i, t);
 }
-function _(i) {
-  const o = i.u;
+function _$1(i) {
+  const n = i.u;
   i.u = void 0;
-  if ("function" == typeof o) {
-    r++;
-    const s = n;
-    n = void 0;
+  if ("function" == typeof n) {
+    f++;
+    const s = o;
+    o = void 0;
     try {
-      o();
+      n();
     } catch (t) {
       i.f &= -2;
       i.f |= 8;
-      b$1(i);
+      p(i);
       throw t;
     } finally {
-      n = s;
+      o = s;
       t();
     }
   }
 }
-function b$1(i) {
+function p(i) {
   for (let t = i.s; void 0 !== t; t = t.n) t.S.U(t);
   i.x = void 0;
   i.s = void 0;
-  _(i);
+  _$1(i);
 }
 function g$1(i) {
-  if (n !== this) throw new Error("Out-of-order effect");
-  y$1(this);
-  n = i;
+  if (o !== this) throw new Error("Out-of-order effect");
+  a(this);
+  o = i;
   this.f &= -2;
-  if (8 & this.f) b$1(this);
+  if (8 & this.f) p(this);
   t();
 }
-function p$1(i, t) {
+function S(i, t) {
   this.x = i;
   this.u = void 0;
   this.s = void 0;
@@ -496,7 +454,7 @@ function p$1(i, t) {
   this.f = 32;
   this.name = null == t ? void 0 : t.name;
 }
-p$1.prototype.c = function () {
+S.prototype.c = function () {
   const i = this.S();
   try {
     if (8 & this.f) return;
@@ -507,77 +465,81 @@ p$1.prototype.c = function () {
     i();
   }
 };
-p$1.prototype.S = function () {
+S.prototype.S = function () {
   if (1 & this.f) throw new Error("Cycle detected");
   this.f |= 1;
   this.f &= -9;
-  _(this);
-  l(this);
-  r++;
-  const i = n;
-  n = this;
+  _$1(this);
+  y$1(this);
+  f++;
+  const i = o;
+  o = this;
   return g$1.bind(this, i);
 };
-p$1.prototype.N = function () {
+S.prototype.N = function () {
   if (!(2 & this.f)) {
     this.f |= 2;
     this.o = s;
     s = this;
   }
 };
-p$1.prototype.d = function () {
+S.prototype.d = function () {
   this.f |= 8;
-  if (!(1 & this.f)) b$1(this);
+  if (!(1 & this.f)) p(this);
 };
-p$1.prototype.dispose = function () {
+S.prototype.dispose = function () {
   this.d();
 };
-function E(i, t) {
-  const o = new p$1(i, t);
+function m$1(i, t) {
+  const n = new S(i, t);
   try {
-    o.c();
+    n.c();
   } catch (i) {
-    o.d();
+    n.d();
     throw i;
   }
-  const n = o.d.bind(o);
-  n[Symbol.dispose] = n;
-  return n;
+  const o = n.d.bind(n);
+  o[Symbol.dispose] = o;
+  return o;
 }
 
 const d = "undefined" != typeof window && !!window.__PREACT_SIGNALS_DEVTOOLS__;
-let p,
-  v,
-  g = [];
-E(function () {
-  p = this.N;
+let h,
+  m,
+  _ = [];
+m$1(function () {
+  h = this.N;
 })();
-function b(t, e) {
+function g(t, e) {
   n$1[t] = e.bind(null, n$1[t] || (() => {}));
 }
-function y(t) {
-  if (v) v();
-  v = t && t.S();
+function b(t) {
+  if (m) {
+    const t = m;
+    m = void 0;
+    t();
+  }
+  m = t && t.S();
 }
-function w({
+function y({
   data: t
 }) {
   const i = useSignal(t);
   i.value = t;
-  const [n, f] = q(() => {
+  const [n, f] = q$1(() => {
     let t = this,
       n = this.__v;
     while (n = n.__) if (n.__c) {
       n.__c.__$f |= 4;
       break;
     }
-    const o = w$1(() => {
+    const o = b$1(() => {
         let t = i.value.value;
         return 0 === t ? 0 : true === t ? "" : t || "";
       }),
-      f = w$1(() => !Array.isArray(o.value) && !u$2(o.value)),
-      r = E(function () {
-        this.N = M;
+      f = b$1(() => !Array.isArray(o.value) && !u$2(o.value)),
+      r = m$1(function () {
+        this.N = F;
         if (f.value) {
           const i = o.value;
           if (t.__v && t.__v.__e && 3 === t.__v.__e.nodeType) t.__v.__e.data = i;
@@ -592,15 +554,15 @@ function w({
   }, []);
   return n.value ? f.peek() : f.value;
 }
-w.displayName = "ReactiveTextNode";
-Object.defineProperties(c.prototype, {
+y.displayName = "ReactiveTextNode";
+Object.defineProperties(d$1.prototype, {
   constructor: {
     configurable: true,
     value: void 0
   },
   type: {
     configurable: true,
-    value: w
+    value: y
   },
   props: {
     configurable: true,
@@ -615,14 +577,14 @@ Object.defineProperties(c.prototype, {
     value: 1
   }
 });
-b("__b", (t, i) => {
+g("__b", (t, i) => {
   if ("string" == typeof i.type) {
     let t,
       e = i.props;
     for (let n in e) {
       if ("children" === n) continue;
       let o = e[n];
-      if (o instanceof c) {
+      if (o instanceof d$1) {
         if (!t) i.__np = t = {};
         t[n] = o;
         e[n] = o.peek();
@@ -631,9 +593,10 @@ b("__b", (t, i) => {
   }
   t(i);
 });
-b("__r", (t, i) => {
-  if (i.type !== k$2) {
-    y();
+g("__r", (t, i) => {
+  t(i);
+  if (i.type !== k$1) {
+    b();
     let t,
       e = i.__c;
     if (e) {
@@ -641,7 +604,7 @@ b("__r", (t, i) => {
       t = e.__$u;
       if (void 0 === t) e.__$u = t = function (t, i) {
         let e;
-        E(function () {
+        m$1(function () {
           e = this;
         }, {
           name: i
@@ -655,16 +618,15 @@ b("__r", (t, i) => {
         e.setState({});
       }, "function" == typeof i.type ? i.type.displayName || i.type.name : "");
     }
-    y(t);
+    b(t);
   }
-  t(i);
 });
-b("__e", (t, i, e, n) => {
-  y();
+g("__e", (t, i, e, n) => {
+  b();
   t(i, e, n);
 });
-b("diffed", (t, i) => {
-  y();
+g("diffed", (t, i) => {
+  b();
   let e;
   if ("string" == typeof i.type && (e = i.__e)) {
     let t = i.__np,
@@ -685,33 +647,35 @@ b("diffed", (t, i) => {
         let f = i[o],
           r = t[o];
         if (void 0 === f) {
-          f = k(e, o, r, n);
+          f = w(e, o, r);
           i[o] = f;
         } else f.o(r, n);
       }
+      for (let i in t) n[i] = t[i];
     }
   }
   t(i);
 });
-function k(t, i, e, n) {
+function w(t, i, e, n) {
   const o = i in t && void 0 === t.ownerSVGElement,
-    f = d$1(e);
+    f = v(e);
+  let r = e.peek();
   return {
     o: (t, i) => {
       f.value = t;
-      n = i;
+      r = t.peek();
     },
-    d: E(function () {
-      this.N = M;
+    d: m$1(function () {
+      this.N = F;
       const e = f.value.value;
-      if (n[i] !== e) {
-        n[i] = e;
+      if (r !== e) {
+        r = void 0;
         if (o) t[i] = e;else if (null != e && (false !== e || "-" === i[4])) t.setAttribute(i, e);else t.removeAttribute(i);
-      }
+      } else r = void 0;
     })
   };
 }
-b("unmount", (t, i) => {
+g("unmount", (t, i) => {
   if ("string" == typeof i.type) {
     let t = i.__e;
     if (t) {
@@ -724,6 +688,7 @@ b("unmount", (t, i) => {
         }
       }
     }
+    i.__np = void 0;
   } else {
     let t = i.__c;
     if (t) {
@@ -736,26 +701,26 @@ b("unmount", (t, i) => {
   }
   t(i);
 });
-b("__h", (t, i, e, n) => {
+g("__h", (t, i, e, n) => {
   if (n < 3 || 9 === n) i.__$f |= 2;
   t(i, e, n);
 });
 function useSignal(t, i) {
-  return h$1(() => d$1(t, i))[0];
+  return q$1(() => v(t, i), []);
 }
-const A = t => {
+const q = t => {
     queueMicrotask(() => {
       queueMicrotask(t);
     });
   };
-function F() {
-  o(() => {
+function x() {
+  n(() => {
     let t;
-    while (t = g.shift()) p.call(t);
+    while (t = _.shift()) h.call(t);
   });
 }
-function M() {
-  if (1 === g.push(this)) (n$1.requestAnimationFrame || A)(F);
+function F() {
+  if (1 === _.push(this)) (n$1.requestAnimationFrame || q)(x);
 }
 
-export { E, d$1 as d, w$1 as w };
+export { b$1 as b, m$1 as m, v };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-toolbar",
-  "version": "1.5.24",
+  "version": "1.5.26",
   "repository": {
     "type": "git",
     "url": "https://github.com/jsenv/core",
@@ -28,14 +28,14 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@jsenv/ast": "6.7.19"
+    "@jsenv/ast": "6.7.20"
   },
   "devDependencies": {
     "@jsenv/core": "../../",
     "@jsenv/filesystem": "../../tooling/filesystem",
     "@jsenv/plugin-toolbar": "./",
     "@jsenv/utils": "../../tooling/utils",
-    "@preact/signals": "2.6.2",
+    "@preact/signals": "2.8.1",
     "playwright": "1.58.1"
   },
   "publishConfig": {

package/src/client/ui/toolbar_overlay/toolbar_overlay.js

@@ -17,15 +17,15 @@ export const renderToolbarOverlay = () => {
   };
 
   effect(() => {
-    if (!window.parent) {
-      // can happen while parent iframe reloads
-      return;
-    }
     const opened = openedSignal.value;
     const settingsOpened = settingsOpenedSignal.value;
     const executionTooltipOpened = executionTooltipOpenedSignal.value;
     const changesTooltipOpened = changesTooltipOpenedSignal.value;
     const serverTooltipOpened = serverTooltipOpenedSignal.value;
+    if (!window.parent) {
+      // can happen while parent iframe reloads
+      return;
+    }
     if (!opened) {
       return;
     }