@jsenv/plugin-toolbar 1.5.25 → 1.5.27

package/dist/css/toolbar.css

@@ -118,7 +118,7 @@ input:focus-visible {
 @keyframes rotateLoader {
   0% {
     opacity: 1;
-    transform: scaleX(-1)rotate(360deg);
+    transform: scaleX(-1) rotate(360deg);
   }
 
   50% {
@@ -127,7 +127,7 @@ input:focus-visible {
 
   100% {
     opacity: 1;
-    transform: scaleX(-1)rotate(0);
+    transform: scaleX(-1) rotate(0);
   }
 }
 

package/dist/js/toolbar_core.js

@@ -1,4 +1,4 @@
-import { d, E, w } from "../jsenv_plugin_toolbar_node_modules.js";
+import { a, C, g } 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 = a(typeof stateFromLocalStorage.animationsEnabled === "boolean" ? stateFromLocalStorage.animationsEnabled : typeof paramsFromParentWindow.animationsEnabled === "boolean" ? paramsFromParentWindow.animationsEnabled : false);
 
-E(() => {
+C(() => {
   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 = a(false);
+const executionSignal = a({
   status: "running"
 });
-const previousExecutionSignal = d(sessionStorage.hasOwnProperty(window.location.href) ? JSON.parse(sessionStorage.getItem(window.location.href)) : null);
+const previousExecutionSignal = a(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 = a(typeof stateFromLocalStorage.notificationsEnabled === "boolean" ? stateFromLocalStorage.notificationsEnabled : typeof paramsFromParentWindow.notificationsEnabled === "boolean" ? paramsFromParentWindow.notificationsEnabled : false);
+const notificationPermissionSignal = a(Notification.permission);
 
 const enableNotifications = () => {
   notificationsEnabledSignal.value = true;
@@ -146,13 +146,13 @@ const getFaviconHref = () => {
   return link ? link.href : undefined;
 };
 
-E(() => {
+C(() => {
   const execution = executionSignal.value;
   if (execution) {
     sessionStorage.setItem(window.location.href, JSON.stringify(execution));
   }
 });
-E(() => {
+C(() => {
   const execution = executionSignal.value;
   const previousExecution = previousExecutionSignal.value;
   if (execution) {
@@ -160,14 +160,14 @@ E(() => {
   }
 });
 
-E(() => {
+C(() => {
   const notificationsEnabled = notificationsEnabledSignal.value;
   if (!notificationsEnabled) {
     closeAllNotifications();
   }
 });
 
-const changesTooltipOpenedSignal = d(false);
+const changesTooltipOpenedSignal = a(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 = a(false);
+const reloaderStatusSignal = a("idle");
+const changesSignal = a(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(() => {
+  C(() => {
     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(() => {
+  C(() => {
     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(() => {
+  C(() => {
     const execution = executionSignal.value;
     updateExecutionIndicator(execution);
   });
-  E(() => {
+  C(() => {
     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 = a(false);
+const serverConnectionSignal = a("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(() => {
+  C(() => {
     const serverConnection = serverConnectionSignal.value;
     updateServerIndicator(serverConnection);
   });
-  E(() => {
+  C(() => {
     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 = a(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(() => {
+  C(() => {
     const opened = openedSignal.value;
     if (opened) {
       showToolbar();
@@ -803,7 +803,7 @@ const showToolbar = () => {
   }
 };
 
-const settingsOpenedSignal = d(false);
+const settingsOpenedSignal = a(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;
-    }
+  C(() => {
     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(() => {
+  C(() => {
     const animationsEnabled = animationsEnabledSignal.value;
     animCheckbox.checked = animationsEnabled;
   });
@@ -945,7 +945,7 @@ const renderToolbarAutoreloadSetting = () => {
     return;
   }
   const autoreloadCheckbox = document.querySelector("#toggle_autoreload");
-  E(() => {
+  C(() => {
     const autoreloadEnabled = autoreloadEnabledSignal.value;
     if (autoreloadEnabled) {
       autoreloadCheckbox.checked = true;
@@ -1005,11 +1005,11 @@ const disableAutoreloadSetting = () => {
 
 const notifCheckbox = document.querySelector("#toggle_notifs");
 const renderToolbarNotificationSetting = () => {
-  E(() => {
+  C(() => {
     const notificationsEnabled = notificationsEnabledSignal.value;
     notifCheckbox.checked = notificationsEnabled;
   });
-  E(() => {
+  C(() => {
     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 = a(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(() => {
+    C(() => {
       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 = a(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(() => {
+  C(() => {
     const settingsOpened = settingsOpenedSignal.value;
     if (settingsOpened) {
       activateToolbarSection(document.querySelector("#settings"));
@@ -1176,14 +1176,14 @@ addExternalCommandCallback("initToolbar", () => {
 });
 sendEventToParent("toolbar_ready");
 
-E(() => {
+C(() => {
   const serverConnection = serverConnectionSignal.value;
   if (serverConnection === "connecting" || serverConnection === "closed") {
     openServerTooltip();
   }
 });
 
-E(() => {
+C(() => {
   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 = g(() => {
   const opened = openedSignal.value;
   const theme = themeSignal.value;
   const animationsEnabled = animationsEnabledSignal.value;
@@ -1206,7 +1206,7 @@ const toolbarStateSignal = w(() => {
   };
 });
 
-E(() => {
+C(() => {
   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 = {
@@ -24,65 +24,26 @@ var t$1,
   u$1,
   i$1,
   o$1 = Object.is,
-  f$1 = 0,
+  f = 0,
   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;
+  e$1.__h && e$1.__h(r$1, n, f || t), f = 0;
   var u = r$1.__H || (r$1.__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.__;
+  return C$1(u.__H, r) && (u.__ = n(), u.__H = r, u.__h = n), u.__;
 }
 function g$2() {
   for (var n; n = c$1.shift();) if (n.__P && n.__H) try {
@@ -94,9 +55,9 @@ function g$2() {
 e$1.__b = function (n) {
   r$1 = 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;
+  v$1 && v$1(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) {
     n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
@@ -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,14 +92,14 @@ 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,
@@ -149,190 +110,211 @@ function B(n) {
   var t = r$1;
   n.__c = n.__(), r$1 = t;
 }
-function C(n, t) {
+function C$1(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 (e > 1) {
+    e--;
     return;
   }
   let i,
     t = false;
+  !function () {
+    let i = r;
+    r = void 0;
+    while (void 0 !== i) {
+      if (i.S.v === i.v) i.S.i = i.i;
+      i = i.o;
+    }
+  }();
   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) {
+    u++;
+    while (void 0 !== n) {
+      const o = n.u;
+      n.u = void 0;
+      n.f &= -3;
+      if (!(8 & n.f) && w$1(n)) try {
+        n.c();
+      } catch (n) {
         if (!t) {
-          i = o;
+          i = n;
           t = true;
         }
       }
-      o = n;
+      n = o;
     }
   }
-  f = 0;
-  r--;
+  u = 0;
+  e--;
   if (t) throw i;
 }
-function o(i) {
-  if (r > 0) return i();
-  r++;
+function n(i) {
+  if (e > 0) return i();
+  v = ++c;
+  e++;
   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 r,
+  e = 0,
+  u = 0,
+  c = 0,
+  v = 0,
+  d$1 = 0;
+function l(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 y$1(i, t) {
   this.v = i;
   this.i = 0;
   this.n = void 0;
   this.t = void 0;
+  this.l = 0;
   this.W = null == t ? void 0 : t.watched;
   this.Z = null == t ? void 0 : t.unwatched;
   this.name = null == t ? void 0 : t.name;
 }
-c.prototype.brand = i;
-c.prototype.h = function () {
+y$1.prototype.brand = i;
+y$1.prototype.h = function () {
   return true;
 };
-c.prototype.S = function (i) {
+y$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) {
+y$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(() => {
+y$1.prototype.subscribe = function (i) {
+  return C(() => {
     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 () {
+y$1.prototype.valueOf = function () {
   return this.value;
 };
-c.prototype.toString = function () {
+y$1.prototype.toString = function () {
   return this.value + "";
 };
-c.prototype.toJSON = function () {
+y$1.prototype.toJSON = function () {
   return this.value;
 };
-c.prototype.peek = function () {
-  const i = n;
-  n = void 0;
+y$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(y$1.prototype, "value", {
   get() {
-    const i = u(this);
+    const i = l(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 (u > 100) throw new Error("Cycle detected");
+      !function (i) {
+        if (0 !== e && 0 === u) if (i.l !== v) {
+          i.l = v;
+          r = {
+            S: i,
+            v: i.v,
+            i: i.i,
+            o: r
+          };
+        }
+      }(this);
       this.v = i;
       this.i++;
+      d$1++;
       e++;
-      r++;
       try {
         for (let i = this.t; void 0 !== i; i = i.x) i.t.N();
       } finally {
@@ -341,17 +323,17 @@ Object.defineProperty(c.prototype, "value", {
     }
   }
 });
-function d$1(i, t) {
-  return new c(i, t);
+function a(i, t) {
+  return new y$1(i, t);
 }
-function v$1(i) {
+function w$1(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 _$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 +342,49 @@ function l(i) {
     }
   }
 }
-function y$1(i) {
+function b$1(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 p(i, t) {
+  y$1.call(this, void 0);
   this.x = i;
   this.s = void 0;
-  this.g = e - 1;
+  this.g = d$1 - 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 () {
+p.prototype = new y$1();
+p.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 === d$1) return true;
+  this.g = d$1;
   this.f |= 1;
-  if (this.i > 0 && !v$1(this)) {
+  if (this.i > 0 && !w$1(this)) {
     this.f &= -2;
     return true;
   }
-  const i = n;
+  const i = o;
   try {
-    l(this);
-    n = this;
+    _$1(this);
+    o = this;
     const i = this.x();
     if (16 & this.f || this.v !== i || 0 === this.i) {
       this.v = i;
@@ -414,170 +396,174 @@ a.prototype.h = function () {
     this.f |= 16;
     this.i++;
   }
-  n = i;
-  y$1(this);
+  o = i;
+  b$1(this);
   this.f &= -2;
   return true;
 };
-a.prototype.S = function (i) {
+p.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);
+  y$1.prototype.S.call(this, i);
 };
-a.prototype.U = function (i) {
+p.prototype.U = function (i) {
   if (void 0 !== this.t) {
-    c.prototype.U.call(this, i);
+    y$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 () {
+p.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(p.prototype, "value", {
   get() {
     if (1 & this.f) throw new Error("Cycle detected");
-    const i = u(this);
+    const i = l(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 _(i) {
-  const o = i.u;
-  i.u = void 0;
-  if ("function" == typeof o) {
-    r++;
-    const s = n;
-    n = void 0;
+function g$1(i, t) {
+  return new p(i, t);
+}
+function S(i) {
+  const n = i.m;
+  i.m = void 0;
+  if ("function" == typeof n) {
+    e++;
+    const s = o;
+    o = void 0;
     try {
-      o();
+      n();
     } catch (t) {
       i.f &= -2;
       i.f |= 8;
-      b$1(i);
+      m$1(i);
       throw t;
     } finally {
-      n = s;
+      o = s;
       t();
     }
   }
 }
-function b$1(i) {
+function m$1(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);
+  S(i);
 }
-function g$1(i) {
-  if (n !== this) throw new Error("Out-of-order effect");
-  y$1(this);
-  n = i;
+function x$1(i) {
+  if (o !== this) throw new Error("Out-of-order effect");
+  b$1(this);
+  o = i;
   this.f &= -2;
-  if (8 & this.f) b$1(this);
+  if (8 & this.f) m$1(this);
   t();
 }
-function p$1(i, t) {
+function E(i, t) {
   this.x = i;
-  this.u = void 0;
+  this.m = void 0;
   this.s = void 0;
-  this.o = void 0;
+  this.u = void 0;
   this.f = 32;
   this.name = null == t ? void 0 : t.name;
 }
-p$1.prototype.c = function () {
+E.prototype.c = function () {
   const i = this.S();
   try {
     if (8 & this.f) return;
     if (void 0 === this.x) return;
     const t = this.x();
-    if ("function" == typeof t) this.u = t;
+    if ("function" == typeof t) this.m = t;
   } finally {
     i();
   }
 };
-p$1.prototype.S = function () {
+E.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;
-  return g$1.bind(this, i);
+  S(this);
+  _$1(this);
+  e++;
+  const i = o;
+  o = this;
+  return x$1.bind(this, i);
 };
-p$1.prototype.N = function () {
+E.prototype.N = function () {
   if (!(2 & this.f)) {
     this.f |= 2;
-    this.o = s;
+    this.u = s;
     s = this;
   }
 };
-p$1.prototype.d = function () {
+E.prototype.d = function () {
   this.f |= 8;
-  if (!(1 & this.f)) b$1(this);
+  if (!(1 & this.f)) m$1(this);
 };
-p$1.prototype.dispose = function () {
+E.prototype.dispose = function () {
   this.d();
 };
-function E(i, t) {
-  const o = new p$1(i, t);
+function C(i, t) {
+  const n = new E(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,
+  _ = [];
+C(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 = g$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 = g$1(() => !Array.isArray(o.value) && !u$2(o.value)),
+      r = C(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 +578,15 @@ function w({
   }, []);
   return n.value ? f.peek() : f.value;
 }
-w.displayName = "ReactiveTextNode";
-Object.defineProperties(c.prototype, {
+y.displayName = "ReactiveTextNode";
+Object.defineProperties(y$1.prototype, {
   constructor: {
     configurable: true,
     value: void 0
   },
   type: {
     configurable: true,
-    value: w
+    value: y
   },
   props: {
     configurable: true,
@@ -615,14 +601,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 y$1) {
         if (!t) i.__np = t = {};
         t[n] = o;
         e[n] = o.peek();
@@ -631,9 +617,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 +628,7 @@ b("__r", (t, i) => {
       t = e.__$u;
       if (void 0 === t) e.__$u = t = function (t, i) {
         let e;
-        E(function () {
+        C(function () {
           e = this;
         }, {
           name: i
@@ -655,16 +642,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 +671,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 = a(e);
+  let r = e.peek();
   return {
     o: (t, i) => {
       f.value = t;
-      n = i;
+      r = t.peek();
     },
-    d: E(function () {
-      this.N = M;
+    d: C(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 +712,7 @@ b("unmount", (t, i) => {
         }
       }
     }
+    i.__np = void 0;
   } else {
     let t = i.__c;
     if (t) {
@@ -736,26 +725,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(() => a(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 { C, a, g$1 as g };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-toolbar",
-  "version": "1.5.25",
+  "version": "1.5.27",
   "repository": {
     "type": "git",
     "url": "https://github.com/jsenv/core",
@@ -28,14 +28,14 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@jsenv/ast": "6.7.20"
+    "@jsenv/ast": "6.7.21"
   },
   "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;
     }