@jsenv/plugin-toolbar 1.5.27 → 1.5.29

package/dist/js/toolbar_core.js

@@ -1,4 +1,4 @@
-import { a, C, g } from "../jsenv_plugin_toolbar_node_modules.js";
+import { a, j, g } from "../jsenv_plugin_toolbar_node_modules.js";
 
 const paramsFromParentWindow = {};
 const searchParams = new URLSearchParams(window.location.search);
@@ -11,7 +11,7 @@ const stateFromLocalStorage = localStorage.hasOwnProperty("jsenv_toolbar") ? JSO
 
 const animationsEnabledSignal = a(typeof stateFromLocalStorage.animationsEnabled === "boolean" ? stateFromLocalStorage.animationsEnabled : typeof paramsFromParentWindow.animationsEnabled === "boolean" ? paramsFromParentWindow.animationsEnabled : false);
 
-C(() => {
+j(() => {
   const animationsEnabled = animationsEnabledSignal.value;
   if (animationsEnabled) {
     document.documentElement.removeAttribute("data-animation-disabled");
@@ -146,13 +146,13 @@ const getFaviconHref = () => {
   return link ? link.href : undefined;
 };
 
-C(() => {
+j(() => {
   const execution = executionSignal.value;
   if (execution) {
     sessionStorage.setItem(window.location.href, JSON.stringify(execution));
   }
 });
-C(() => {
+j(() => {
   const execution = executionSignal.value;
   const previousExecution = previousExecutionSignal.value;
   if (execution) {
@@ -160,7 +160,7 @@ C(() => {
   }
 });
 
-C(() => {
+j(() => {
   const notificationsEnabled = notificationsEnabledSignal.value;
   if (!notificationsEnabled) {
     closeAllNotifications();
@@ -252,7 +252,7 @@ const renameAttribute = (node, name, newName) => {
 
 const changesIndicator = document.querySelector("#changes_indicator");
 const renderChangesIndicator = () => {
-  C(() => {
+  j(() => {
     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();
   };
-  C(() => {
+  j(() => {
     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"));
-  C(() => {
+  j(() => {
     const execution = executionSignal.value;
     updateExecutionIndicator(execution);
   });
-  C(() => {
+  j(() => {
     const executionTooltipOpened = executionTooltipOpenedSignal.value;
     if (executionTooltipOpened) {
       executionIndicator.setAttribute("data-tooltip-visible", "");
@@ -437,11 +437,11 @@ const serverEvents = window.__server_events__;
 const serverIndicator = document.querySelector("#server_indicator");
 const renderServerIndicator = () => {
   removeForceHideElement(document.querySelector("#server_indicator"));
-  C(() => {
+  j(() => {
     const serverConnection = serverConnectionSignal.value;
     updateServerIndicator(serverConnection);
   });
-  C(() => {
+  j(() => {
     const serverTooltipOpened = serverTooltipOpenedSignal.value;
     if (serverTooltipOpened) {
       serverIndicator.setAttribute("data-tooltip-visible", "");
@@ -745,7 +745,7 @@ const startJavaScriptAnimation = ({
 };
 
 const initToolbarOpening = () => {
-  C(() => {
+  j(() => {
     const opened = openedSignal.value;
     if (opened) {
       showToolbar();
@@ -818,7 +818,7 @@ const renderToolbarOverlay = () => {
     closeAllTooltips();
     closeSettings();
   };
-  C(() => {
+  j(() => {
     const opened = openedSignal.value;
     const settingsOpened = settingsOpenedSignal.value;
     const executionTooltipOpened = executionTooltipOpenedSignal.value;
@@ -882,7 +882,7 @@ const disableAnimations = () => {
 
 const renderToolbarAnimationSetting = () => {
   const animCheckbox = document.querySelector("#toggle_anims");
-  C(() => {
+  j(() => {
     const animationsEnabled = animationsEnabledSignal.value;
     animCheckbox.checked = animationsEnabled;
   });
@@ -945,7 +945,7 @@ const renderToolbarAutoreloadSetting = () => {
     return;
   }
   const autoreloadCheckbox = document.querySelector("#toggle_autoreload");
-  C(() => {
+  j(() => {
     const autoreloadEnabled = autoreloadEnabledSignal.value;
     if (autoreloadEnabled) {
       autoreloadCheckbox.checked = true;
@@ -1005,11 +1005,11 @@ const disableAutoreloadSetting = () => {
 
 const notifCheckbox = document.querySelector("#toggle_notifs");
 const renderToolbarNotificationSetting = () => {
-  C(() => {
+  j(() => {
     const notificationsEnabled = notificationsEnabledSignal.value;
     notifCheckbox.checked = notificationsEnabled;
   });
-  C(() => {
+  j(() => {
     const notificationPermission = notificationPermissionSignal.value;
     if (!notificationAPIDetected) {
       applyNotificationNotAvailableEffects();
@@ -1079,7 +1079,7 @@ const renderToolbarRibbonSetting = () => {
   const ribbonContainer = window.parent.document.querySelector("#jsenv_ribbon_container");
   if (ribbonContainer) {
     ribbonBox.style.display = "block";
-    C(() => {
+    j(() => {
       const ribbonDisplayed = ribbonDisplayedSignal.value;
       ribbonCheckbox.checked = ribbonDisplayed;
       if (ribbonDisplayed) {
@@ -1128,7 +1128,7 @@ const renderToolbarSettings = () => {
   renderToolbarNotificationSetting();
   renderToolbarThemeSetting();
   renderToolbarRibbonSetting();
-  C(() => {
+  j(() => {
     const settingsOpened = settingsOpenedSignal.value;
     if (settingsOpened) {
       activateToolbarSection(document.querySelector("#settings"));
@@ -1176,14 +1176,14 @@ addExternalCommandCallback("initToolbar", () => {
 });
 sendEventToParent("toolbar_ready");
 
-C(() => {
+j(() => {
   const serverConnection = serverConnectionSignal.value;
   if (serverConnection === "connecting" || serverConnection === "closed") {
     openServerTooltip();
   }
 });
 
-C(() => {
+j(() => {
   const theme = themeSignal.value;
   document.querySelector("html").setAttribute("data-theme", theme);
 });
@@ -1206,7 +1206,7 @@ const toolbarStateSignal = g(() => {
   };
 });
 
-C(() => {
+j(() => {
   const toolbarState = toolbarStateSignal.value;
   localStorage.setItem("jsenv_toolbar", JSON.stringify(toolbarState));
   sendEventToParent("toolbar_state_change", toolbarState);

package/dist/jsenv_plugin_toolbar_node_modules.js

@@ -5,10 +5,10 @@ function k$1(n) {
 }
 n$1 = {
   __e: function (n, l, u, t) {
-    for (var i, f, e; l = l.__;) if ((i = l.__c) && !(1 & i.__g)) {
+    for (var i, o, f; l = l.__;) if ((i = l.__c) && !(1 & i.__g)) {
       i.__g |= 4;
       try {
-        if ((f = i.constructor) && null != f.getDerivedStateFromError && (i.setState(f.getDerivedStateFromError(n)), e = 8 & i.__g), null != i.componentDidCatch && (i.componentDidCatch(n, t || {}), e = 8 & i.__g), e) return void (i.__g |= 2);
+        if ((o = i.constructor) && null != o.getDerivedStateFromError && (i.setState(o.getDerivedStateFromError(n)), f = 8 & i.__g), null != i.componentDidCatch && (i.componentDidCatch(n, t || {}), f = 8 & i.__g), f) return void (i.__g |= 2);
       } catch (l) {
         n = l;
       }
@@ -16,7 +16,7 @@ n$1 = {
     throw n;
   }
 }, u$2 = function (n) {
-  return null != n && null == n.constructor;
+  return null != n && void 0 === n.constructor;
 };
 
 var t$1,
@@ -28,11 +28,11 @@ var t$1,
   c$1 = [],
   e$1 = n$1,
   a$1 = e$1.__b,
-  v$1 = e$1.__r,
+  v$2 = e$1.__r,
   l$1 = e$1.diffed,
-  m$2 = e$1.__c,
-  s$1 = e$1.unmount,
-  p$1 = e$1.__;
+  m$1 = e$1.__c,
+  p$1 = e$1.unmount,
+  s$1 = e$1.__;
 function d$2(n, t) {
   e$1.__h && e$1.__h(r$1, n, f || t), f = 0;
   var u = r$1.__H || (r$1.__H = {
@@ -43,11 +43,11 @@ function d$2(n, t) {
 }
 function q$1(n, r) {
   var u = d$2(t$1++, 7);
-  return C$1(u.__H, r) && (u.__ = n(), u.__H = r, u.__h = n), u.__;
+  return C(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 {
-    n.__H.__h.forEach(z), n.__H.__h.forEach(B), n.__H.__h = [];
+    n.__H.__h.some(z), n.__H.__h.some(B), n.__H.__h = [];
   } catch (t) {
     n.__H.__h = [], e$1.__e(t, n.__v);
   }
@@ -55,23 +55,23 @@ 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$1 && p$1(n, t);
+  n && t.__k && t.__k.__m && (n.__m = t.__k.__m), s$1 && s$1(n, t);
 }, e$1.__r = function (n) {
-  v$1 && v$1(n), t$1 = 0;
+  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) {
+  i && (u$1 === r$1 ? (i.__h = [], r$1.__h = [], i.__.some(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.some(z), i.__h.some(B), i.__h = [], t$1 = 0)), u$1 = r$1;
 }, 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) {
+  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.__.some(function (n) {
     n.u && (n.__H = n.u), n.u = void 0;
   })), u$1 = r$1 = null;
 }, e$1.__c = function (n, t) {
   t.some(function (n) {
     try {
-      n.__h.forEach(z), n.__h = n.__h.filter(function (n) {
+      n.__h.some(z), n.__h = n.__h.filter(function (n) {
         return !n.__ || B(n);
       });
     } catch (r) {
@@ -79,12 +79,12 @@ e$1.__b = function (n) {
         n.__h && (n.__h = []);
       }), t = [], e$1.__e(r, n.__v);
     }
-  }), m$2 && m$2(n, t);
+  }), m$1 && m$1(n, t);
 }, e$1.unmount = function (n) {
-  s$1 && s$1(n);
+  p$1 && p$1(n);
   var t,
     r = n.__c;
-  r && r.__H && (r.__H.__.forEach(function (n) {
+  r && r.__H && (r.__H.__.some(function (n) {
     try {
       z(n);
     } catch (n) {
@@ -110,7 +110,7 @@ function B(n) {
   var t = r$1;
   n.__c = n.__(), r$1 = t;
 }
-function C$1(n, t) {
+function C(n, t) {
   return !n || n.length !== t.length || t.some(function (t, r) {
     return !o$1(t, n[r]);
   });
@@ -157,7 +157,7 @@ function t() {
 }
 function n(i) {
   if (e > 0) return i();
-  v = ++c;
+  d$1 = ++c;
   e++;
   try {
     return i();
@@ -179,8 +179,8 @@ let r,
   e = 0,
   u = 0,
   c = 0,
-  v = 0,
-  d$1 = 0;
+  d$1 = 0,
+  v$1 = 0;
 function l(i) {
   if (void 0 === o) return;
   let t = i.n;
@@ -260,7 +260,7 @@ y$1.prototype.U = function (i) {
   }
 };
 y$1.prototype.subscribe = function (i) {
-  return C(() => {
+  return j(() => {
     const t = this.value,
       n = o;
     o = void 0;
@@ -301,8 +301,8 @@ Object.defineProperty(y$1.prototype, "value", {
     if (i !== this.v) {
       if (u > 100) throw new Error("Cycle detected");
       !function (i) {
-        if (0 !== e && 0 === u) if (i.l !== v) {
-          i.l = v;
+        if (0 !== e && 0 === u) if (i.l !== d$1) {
+          i.l = d$1;
           r = {
             S: i,
             v: i.v,
@@ -313,7 +313,7 @@ Object.defineProperty(y$1.prototype, "value", {
       }(this);
       this.v = i;
       this.i++;
-      d$1++;
+      v$1++;
       e++;
       try {
         for (let i = this.t; void 0 !== i; i = i.x) i.t.N();
@@ -362,7 +362,7 @@ function p(i, t) {
   y$1.call(this, void 0);
   this.x = i;
   this.s = void 0;
-  this.g = d$1 - 1;
+  this.g = v$1 - 1;
   this.f = 4;
   this.W = null == t ? void 0 : t.watched;
   this.Z = null == t ? void 0 : t.unwatched;
@@ -374,8 +374,8 @@ p.prototype.h = function () {
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
   this.f &= -5;
-  if (this.g === d$1) return true;
-  this.g = d$1;
+  if (this.g === v$1) return true;
+  this.g = v$1;
   this.f |= 1;
   if (this.i > 0 && !w$1(this)) {
     this.f &= -2;
@@ -448,7 +448,7 @@ function S(i) {
     } catch (t) {
       i.f &= -2;
       i.f |= 8;
-      m$1(i);
+      m(i);
       throw t;
     } finally {
       o = s;
@@ -456,7 +456,7 @@ function S(i) {
     }
   }
 }
-function m$1(i) {
+function m(i) {
   for (let t = i.s; void 0 !== t; t = t.n) t.S.U(t);
   i.x = void 0;
   i.s = void 0;
@@ -467,7 +467,7 @@ function x$1(i) {
   b$1(this);
   o = i;
   this.f &= -2;
-  if (8 & this.f) m$1(this);
+  if (8 & this.f) m(this);
   t();
 }
 function E(i, t) {
@@ -509,12 +509,12 @@ E.prototype.N = function () {
 };
 E.prototype.d = function () {
   this.f |= 8;
-  if (!(1 & this.f)) m$1(this);
+  if (!(1 & this.f)) m(this);
 };
 E.prototype.dispose = function () {
   this.d();
 };
-function C(i, t) {
+function j(i, t) {
   const n = new E(i, t);
   try {
     n.c();
@@ -529,28 +529,28 @@ function C(i, t) {
 
 const d = "undefined" != typeof window && !!window.__PREACT_SIGNALS_DEVTOOLS__;
 let h,
-  m,
+  v,
   _ = [];
-C(function () {
+j(function () {
   h = this.N;
 })();
 function g(t, e) {
   n$1[t] = e.bind(null, n$1[t] || (() => {}));
 }
 function b(t) {
-  if (m) {
-    const t = m;
-    m = void 0;
+  if (v) {
+    const t = v;
+    v = void 0;
     t();
   }
-  m = t && t.S();
+  v = t && t.S();
 }
 function y({
   data: t
 }) {
   const i = useSignal(t);
   i.value = t;
-  const [n, f] = q$1(() => {
+  const [n, r] = q$1(() => {
     let t = this,
       n = this.__v;
     while (n = n.__) if (n.__c) {
@@ -561,22 +561,22 @@ function y({
         let t = i.value.value;
         return 0 === t ? 0 : true === t ? "" : t || "";
       }),
-      f = g$1(() => !Array.isArray(o.value) && !u$2(o.value)),
-      r = C(function () {
+      r = g$1(() => !Array.isArray(o.value) && !u$2(o.value)),
+      f = j(function () {
         this.N = F;
-        if (f.value) {
+        if (r.value) {
           const i = o.value;
           if (t.__v && t.__v.__e && 3 === t.__v.__e.nodeType) t.__v.__e.data = i;
         }
       }),
-      u = this.__$u.d;
+      s = this.__$u.d;
     this.__$u.d = function () {
-      r();
-      u.call(this);
+      f();
+      s.call(this);
     };
-    return [f, o];
+    return [r, o];
   }, []);
-  return n.value ? f.peek() : f.value;
+  return n.value ? r.peek() : r.value;
 }
 y.displayName = "ReactiveTextNode";
 Object.defineProperties(y$1.prototype, {
@@ -591,8 +591,13 @@ Object.defineProperties(y$1.prototype, {
   props: {
     configurable: true,
     get() {
+      const t = this;
       return {
-        data: this
+        data: {
+          get value() {
+            return t.value;
+          }
+        }
       };
     }
   },
@@ -628,7 +633,7 @@ g("__r", (t, i) => {
       t = e.__$u;
       if (void 0 === t) e.__$u = t = function (t, i) {
         let e;
-        C(function () {
+        j(function () {
           e = this;
         }, {
           name: i
@@ -668,12 +673,12 @@ g("diffed", (t, i) => {
         e.U = i;
       }
       for (let o in t) {
-        let f = i[o],
-          r = t[o];
-        if (void 0 === f) {
-          f = w(e, o, r);
-          i[o] = f;
-        } else f.o(r, n);
+        let r = i[o],
+          f = t[o];
+        if (void 0 === r) {
+          r = w(e, o, f);
+          i[o] = r;
+        } else r.o(f, n);
       }
       for (let i in t) n[i] = t[i];
     }
@@ -682,20 +687,20 @@ g("diffed", (t, i) => {
 });
 function w(t, i, e, n) {
   const o = i in t && void 0 === t.ownerSVGElement,
-    f = a(e);
-  let r = e.peek();
+    r = a(e);
+  let f = e.peek();
   return {
     o: (t, i) => {
-      f.value = t;
-      r = t.peek();
+      r.value = t;
+      f = t.peek();
     },
-    d: C(function () {
+    d: j(function () {
       this.N = F;
-      const e = f.value.value;
-      if (r !== e) {
-        r = void 0;
+      const e = r.value.value;
+      if (f !== e) {
+        f = 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;
+      } else f = void 0;
     })
   };
 }
@@ -747,4 +752,4 @@ function F() {
   if (1 === _.push(this)) (n$1.requestAnimationFrame || q)(x);
 }
 
-export { C, a, g$1 as g };
+export { a, g$1 as g, j };

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@jsenv/plugin-toolbar",
-  "version": "1.5.27",
+  "version": "1.5.29",
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "https://github.com/jsenv/core",
     "directory": "packages/related/plugin-toolbar"
   },
   "license": "MIT",
-  "type": "module",
+  "main": "./src/main.js",
   "exports": {
     ".": {
       "import": {
@@ -17,7 +18,6 @@
     },
     "./*": "./*"
   },
-  "main": "./src/main.js",
   "files": [
     "/dist/",
     "/src/"
@@ -28,14 +28,14 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@jsenv/ast": "6.7.21"
+    "@jsenv/ast": "6.8.1"
   },
   "devDependencies": {
     "@jsenv/core": "../../",
     "@jsenv/filesystem": "../../tooling/filesystem",
     "@jsenv/plugin-toolbar": "./",
     "@jsenv/utils": "../../tooling/utils",
-    "@preact/signals": "2.8.1",
+    "@preact/signals": "2.9.0",
     "playwright": "1.58.1"
   },
   "publishConfig": {