@jsenv/plugin-toolbar 1.5.16 → 1.5.19

package/dist/js/toolbar_core.js

@@ -511,6 +511,7 @@ const createHorizontalBreakpoint = breakpointValue => {
   return createBreakpoint(windowWidthMeasure, breakpointValue);
 };
 const createMeasure = ({
+  name,
   compute,
   register
 }) => {
@@ -529,6 +530,7 @@ const createMeasure = ({
     });
   }
   return {
+    name,
     get,
     changed,
     unregister
@@ -556,6 +558,7 @@ const createSignal = () => {
   };
 };
 const windowWidthMeasure = createMeasure({
+  name: "window-width",
   compute: () => window.innerWidth,
   register: onchange => {
     window.addEventListener("resize", onchange);

package/dist/jsenv_plugin_toolbar_node_modules.js

@@ -1,5 +1,8 @@
 var l$2,
   t$2;
+function k$1(n) {
+  return n.children;
+}
 l$2 = {
   __e: function (n, l, u, t) {
     for (var i, r, o; l = l.__;) if ((i = l.__c) && !i.__) try {
@@ -21,10 +24,10 @@ var t$1,
   f$1 = [],
   c$1 = l$2,
   e$1 = c$1.__b,
-  a$2 = c$1.__r,
+  a$1 = c$1.__r,
   v$2 = c$1.diffed,
   l$1 = c$1.__c,
-  m$1 = c$1.unmount,
+  m = c$1.unmount,
   s$1 = c$1.__;
 function p$1(n, t) {
   c$1.__h && c$1.__h(r$1, n, o$1 || t), o$1 = 0;
@@ -34,6 +37,45 @@ function p$1(n, t) {
   });
   return n >= u.__.length && u.__.push({}), u.__[n];
 }
+function d$1(n) {
+  return o$1 = 1, h$2(D, n);
+}
+function h$2(n, u, i) {
+  var o = p$1(t$1++, 2);
+  if (o.t = n, !o.__c && (o.__ = [D(void 0, u), function (n) {
+    var t = o.__N ? o.__N[0] : o.__[0],
+      r = o.t(t, n);
+    t !== r && (o.__N = [r, o.__[1]], o.__c.setState({}));
+  }], o.__c = r$1, !r$1.__f)) {
+    var f = function (n, t, r) {
+      if (!o.__c.__H) return true;
+      var u = o.__c.__H.__.filter(function (n) {
+        return !!n.__c;
+      });
+      if (u.every(function (n) {
+        return !n.__N;
+      })) return !c || c.call(this, n, t, r);
+      var i = o.__c.props !== n;
+      return u.forEach(function (n) {
+        if (n.__N) {
+          var t = n.__[0];
+          n.__ = n.__N, n.__N = void 0, t !== n.__[0] && (i = true);
+        }
+      }), c && c.call(this, n, t, r) || i;
+    };
+    r$1.__f = true;
+    var c = r$1.shouldComponentUpdate,
+      e = r$1.componentWillUpdate;
+    r$1.componentWillUpdate = function (n, t, r) {
+      if (this.__e) {
+        var u = c;
+        c = void 0, f(n, t, r), c = u;
+      }
+      e && e.call(this, n, t, r);
+    }, r$1.shouldComponentUpdate = f;
+  }
+  return o.__N || o.__;
+}
 function T(n, r) {
   var u = p$1(t$1++, 7);
   return C(u.__H, r) && (u.__ = n(), u.__H = r, u.__h = n), u.__;
@@ -50,7 +92,7 @@ c$1.__b = function (n) {
 }, c$1.__ = function (n, t) {
   n && t.__k && t.__k.__m && (n.__m = t.__k.__m), s$1 && s$1(n, t);
 }, c$1.__r = function (n) {
-  a$2 && a$2(n), t$1 = 0;
+  a$1 && a$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;
@@ -74,7 +116,7 @@ c$1.__b = function (n) {
     }
   }), l$1 && l$1(n, t);
 }, c$1.unmount = function (n) {
-  m$1 && m$1(n);
+  m && m(n);
   var t,
     r = n.__c;
   r && r.__H && (r.__H.__.forEach(function (n) {
@@ -85,14 +127,14 @@ c$1.__b = function (n) {
     }
   }), r.__H = void 0, t && c$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, 100);
-  k$1 && (t = requestAnimationFrame(r));
+    u = setTimeout(r, 35);
+  k && (t = requestAnimationFrame(r));
 }
 function z(n) {
   var t = r$1,
@@ -108,6 +150,9 @@ function C(n, t) {
     return t !== n[r];
   });
 }
+function D(n, t) {
+  return "function" == typeof t ? t(n) : t;
+}
 
 const i = Symbol.for("preact-signals");
 function t() {
@@ -150,7 +195,7 @@ function o(i) {
   }
 }
 let n, s;
-function h(i) {
+function h$1(i) {
   const t = n;
   n = void 0;
   try {
@@ -162,7 +207,7 @@ function h(i) {
 let r = 0,
   f = 0,
   e = 0;
-function c(i) {
+function u(i) {
   if (void 0 === n) return;
   let t = i.n;
   if (void 0 === t || t.t !== n) {
@@ -194,30 +239,31 @@ function c(i) {
     return t;
   }
 }
-function u(i, t) {
+function c(i, t) {
   this.v = i;
   this.i = 0;
   this.n = void 0;
   this.t = void 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;
 }
-u.prototype.brand = i;
-u.prototype.h = function () {
+c.prototype.brand = i;
+c.prototype.h = function () {
   return true;
 };
-u.prototype.S = function (i) {
+c.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);
     });
   }
 };
-u.prototype.U = function (i) {
+c.prototype.U = function (i) {
   if (void 0 !== this.t) {
     const t = i.e,
       o = i.x;
@@ -231,14 +277,14 @@ u.prototype.U = function (i) {
     }
     if (i === this.t) {
       this.t = o;
-      if (void 0 === o) h(() => {
+      if (void 0 === o) h$1(() => {
         var i;
         null == (i = this.Z) || i.call(this);
       });
     }
   }
 };
-u.prototype.subscribe = function (i) {
+c.prototype.subscribe = function (i) {
   return E(() => {
     const t = this.value,
       o = n;
@@ -248,18 +294,20 @@ u.prototype.subscribe = function (i) {
     } finally {
       n = o;
     }
+  }, {
+    name: "sub"
   });
 };
-u.prototype.valueOf = function () {
+c.prototype.valueOf = function () {
   return this.value;
 };
-u.prototype.toString = function () {
+c.prototype.toString = function () {
   return this.value + "";
 };
-u.prototype.toJSON = function () {
+c.prototype.toJSON = function () {
   return this.value;
 };
-u.prototype.peek = function () {
+c.prototype.peek = function () {
   const i = n;
   n = void 0;
   try {
@@ -268,9 +316,9 @@ u.prototype.peek = function () {
     n = i;
   }
 };
-Object.defineProperty(u.prototype, "value", {
+Object.defineProperty(c.prototype, "value", {
   get() {
-    const i = c(this);
+    const i = u(this);
     if (void 0 !== i) i.i = this.i;
     return this.v;
   },
@@ -289,8 +337,8 @@ Object.defineProperty(u.prototype, "value", {
     }
   }
 });
-function d$1(i, t) {
-  return new u(i, t);
+function d(i, t) {
+  return new c(i, t);
 }
 function v$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;
@@ -308,7 +356,7 @@ function l(i) {
     }
   }
 }
-function y(i) {
+function y$1(i) {
   let t,
     o = i.s;
   while (void 0 !== o) {
@@ -324,17 +372,18 @@ function y(i) {
   }
   i.s = t;
 }
-function a$1(i, t) {
-  u.call(this, void 0);
+function a(i, t) {
+  c.call(this, void 0);
   this.x = i;
   this.s = void 0;
   this.g = e - 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$1.prototype = new u();
-a$1.prototype.h = function () {
+a.prototype = new c();
+a.prototype.h = function () {
   this.f &= -3;
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
@@ -362,36 +411,36 @@ a$1.prototype.h = function () {
     this.i++;
   }
   n = i;
-  y(this);
+  y$1(this);
   this.f &= -2;
   return true;
 };
-a$1.prototype.S = function (i) {
+a.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);
   }
-  u.prototype.S.call(this, i);
+  c.prototype.S.call(this, i);
 };
-a$1.prototype.U = function (i) {
+a.prototype.U = function (i) {
   if (void 0 !== this.t) {
-    u.prototype.U.call(this, i);
+    c.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$1.prototype.N = function () {
+a.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$1.prototype, "value", {
+Object.defineProperty(a.prototype, "value", {
   get() {
     if (1 & this.f) throw new Error("Cycle detected");
-    const i = c(this);
+    const i = u(this);
     this.h();
     if (void 0 !== i) i.i = this.i;
     if (16 & this.f) throw this.v;
@@ -399,7 +448,7 @@ Object.defineProperty(a$1.prototype, "value", {
   }
 });
 function w$1(i, t) {
-  return new a$1(i, t);
+  return new a(i, t);
 }
 function _$1(i) {
   const o = i.u;
@@ -413,7 +462,7 @@ function _$1(i) {
     } catch (t) {
       i.f &= -2;
       i.f |= 8;
-      g$1(i);
+      b$1(i);
       throw t;
     } finally {
       n = s;
@@ -421,28 +470,29 @@ function _$1(i) {
     }
   }
 }
-function g$1(i) {
+function b$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;
   _$1(i);
 }
-function p(i) {
+function g$1(i) {
   if (n !== this) throw new Error("Out-of-order effect");
-  y(this);
+  y$1(this);
   n = i;
   this.f &= -2;
-  if (8 & this.f) g$1(this);
+  if (8 & this.f) b$1(this);
   t();
 }
-function b$1(i) {
+function p(i, t) {
   this.x = i;
   this.u = void 0;
   this.s = void 0;
   this.o = void 0;
   this.f = 32;
+  this.name = null == t ? void 0 : t.name;
 }
-b$1.prototype.c = function () {
+p.prototype.c = function () {
   const i = this.S();
   try {
     if (8 & this.f) return;
@@ -453,7 +503,7 @@ b$1.prototype.c = function () {
     i();
   }
 };
-b$1.prototype.S = function () {
+p.prototype.S = function () {
   if (1 & this.f) throw new Error("Cycle detected");
   this.f |= 1;
   this.f &= -9;
@@ -462,81 +512,83 @@ b$1.prototype.S = function () {
   r++;
   const i = n;
   n = this;
-  return p.bind(this, i);
+  return g$1.bind(this, i);
 };
-b$1.prototype.N = function () {
+p.prototype.N = function () {
   if (!(2 & this.f)) {
     this.f |= 2;
     this.o = s;
     s = this;
   }
 };
-b$1.prototype.d = function () {
+p.prototype.d = function () {
   this.f |= 8;
-  if (!(1 & this.f)) g$1(this);
+  if (!(1 & this.f)) b$1(this);
 };
-b$1.prototype.dispose = function () {
+p.prototype.dispose = function () {
   this.d();
 };
-function E(i) {
-  const t = new b$1(i);
+function E(i, t) {
+  const o = new p(i, t);
   try {
-    t.c();
+    o.c();
   } catch (i) {
-    t.d();
+    o.d();
     throw i;
   }
-  return t.d.bind(t);
+  const n = o.d.bind(o);
+  n[Symbol.dispose] = n;
+  return n;
 }
 
-let a,
-  d,
-  m = [];
+let h,
+  w,
+  v = [];
 E(function () {
-  a = this.N;
+  h = this.N;
 })();
-function _(t, e) {
-  l$2[t] = e.bind(null, l$2[t] || (() => {}));
+function y(i, n) {
+  l$2[i] = n.bind(null, l$2[i] || (() => {}));
 }
-function v(t) {
-  if (d) d();
-  d = t && t.S();
+function _(i) {
+  if (w) w();
+  w = i && i.S();
 }
 function g({
-  data: t
+  data: i
 }) {
-  const i = useSignal(t);
-  i.value = t;
-  const [o, r] = T(() => {
-    let t = this,
-      n = this.__v;
-    while (n = n.__) if (n.__c) {
-      n.__c.__$f |= 4;
+  const t = useSignal(i);
+  t.value = i;
+  const [e, f] = T(() => {
+    let i = this,
+      e = this.__v;
+    while (e = e.__) if (e.__c) {
+      e.__c.__$f |= 4;
       break;
     }
     const o = w$1(() => {
-        let t = i.value.value;
-        return 0 === t ? 0 : true === t ? "" : t || "";
+        let i = t.value.value;
+        return 0 === i ? 0 : true === i ? "" : i || "";
       }),
-      r = w$1(() => !Array.isArray(o.value) && !t$2(o.value)),
-      s = E(function () {
+      f = w$1(() => !Array.isArray(o.value) && !t$2(o.value)),
+      r = E(function () {
         this.N = F;
-        if (r.value) {
-          const i = o.value;
-          if (t.__v && t.__v.__e && 3 === t.__v.__e.nodeType) t.__v.__e.data = i;
+        if (f.value) {
+          const t = o.value;
+          if (i.__v && i.__v.__e && 3 === i.__v.__e.nodeType) i.__v.__e.data = t;
         }
       }),
-      c = this.__$u.d;
+      u = this.__$u.d;
     this.__$u.d = function () {
-      s();
-      c.call(this);
+      r();
+      u.call(this);
     };
-    return [r, o];
+    return [f, o];
   }, []);
-  return o.value ? r.peek() : r.value;
+  return e.value ? f.peek() : f.value;
 }
-g.displayName = "_st";
-Object.defineProperties(u.prototype, {
+g.displayName = "ReactiveTextNode";
+Object.defineProperties(c.prototype, {
   constructor: {
     configurable: true,
     value: void 0
@@ -558,141 +610,147 @@ Object.defineProperties(u.prototype, {
     value: 1
   }
 });
-_("__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 u) {
-        if (!t) i.__np = t = {};
-        t[n] = o;
-        e[n] = o.peek();
+y("__b", (i, t) => {
+  if ("function" == typeof t.type && "undefined" != typeof window && window.__PREACT_SIGNALS_DEVTOOLS__) window.__PREACT_SIGNALS_DEVTOOLS__.exitComponent();
+  if ("string" == typeof t.type) {
+    let i,
+      n = t.props;
+    for (let e in n) {
+      if ("children" === e) continue;
+      let o = n[e];
+      if (o instanceof c) {
+        if (!i) t.__np = i = {};
+        i[e] = o;
+        n[e] = o.peek();
       }
     }
   }
-  t(i);
+  i(t);
 });
-_("__r", (t, i) => {
-  v();
-  let e,
-    n = i.__c;
-  if (n) {
-    n.__$f &= -2;
-    e = n.__$u;
-    if (void 0 === e) n.__$u = e = function (t) {
-      let i;
-      E(function () {
-        i = this;
-      });
-      i.c = () => {
-        n.__$f |= 1;
-        n.setState({});
-      };
-      return i;
-    }();
+y("__r", (i, t) => {
+  if ("function" == typeof t.type && "undefined" != typeof window && window.__PREACT_SIGNALS_DEVTOOLS__) window.__PREACT_SIGNALS_DEVTOOLS__.enterComponent(t);
+  if (t.type !== k$1) {
+    _();
+    let i,
+      n = t.__c;
+    if (n) {
+      n.__$f &= -2;
+      i = n.__$u;
+      if (void 0 === i) n.__$u = i = function (i) {
+        let t;
+        E(function () {
+          t = this;
+        });
+        t.c = () => {
+          n.__$f |= 1;
+          n.setState({});
+        };
+        return t;
+      }();
+    }
+    _(i);
   }
-  v(e);
-  t(i);
+  i(t);
 });
-_("__e", (t, i, e, n) => {
-  v();
-  t(i, e, n);
+y("__e", (i, t, n, e) => {
+  if ("undefined" != typeof window && window.__PREACT_SIGNALS_DEVTOOLS__) window.__PREACT_SIGNALS_DEVTOOLS__.exitComponent();
+  _();
+  i(t, n, e);
 });
-_("diffed", (t, i) => {
-  v();
-  let e;
-  if ("string" == typeof i.type && (e = i.__e)) {
-    let t = i.__np,
-      n = i.props;
-    if (t) {
-      let i = e.U;
-      if (i) for (let e in i) {
-        let n = i[e];
-        if (void 0 !== n && !(e in t)) {
-          n.d();
-          i[e] = void 0;
+y("diffed", (i, t) => {
+  if ("function" == typeof t.type && "undefined" != typeof window && window.__PREACT_SIGNALS_DEVTOOLS__) window.__PREACT_SIGNALS_DEVTOOLS__.exitComponent();
+  _();
+  let n;
+  if ("string" == typeof t.type && (n = t.__e)) {
+    let i = t.__np,
+      e = t.props;
+    if (i) {
+      let t = n.U;
+      if (t) for (let n in t) {
+        let e = t[n];
+        if (void 0 !== e && !(n in i)) {
+          e.d();
+          t[n] = void 0;
         }
       } else {
-        i = {};
-        e.U = i;
+        t = {};
+        n.U = t;
       }
-      for (let o in t) {
-        let r = i[o],
-          f = t[o];
-        if (void 0 === r) {
-          r = b(e, o, f, n);
-          i[o] = r;
-        } else r.o(f, n);
+      for (let o in i) {
+        let f = t[o],
+          r = i[o];
+        if (void 0 === f) {
+          f = b(n, o, r, e);
+          t[o] = f;
+        } else f.o(r, e);
       }
     }
   }
-  t(i);
+  i(t);
 });
-function b(t, i, e, n) {
-  const o = i in t && void 0 === t.ownerSVGElement,
-    r = d$1(e);
+function b(i, t, n, e) {
+  const o = t in i && void 0 === i.ownerSVGElement,
+    f = d(n);
   return {
-    o: (t, i) => {
-      r.value = t;
-      n = i;
+    o: (i, t) => {
+      f.value = i;
+      e = t;
     },
     d: E(function () {
       this.N = F;
-      const e = r.value.value;
-      if (n[i] !== e) {
-        n[i] = e;
-        if (o) t[i] = e;else if (e) t.setAttribute(i, e);else t.removeAttribute(i);
+      const n = f.value.value;
+      if (e[t] !== n) {
+        e[t] = n;
+        if (o) i[t] = n;else if (n) i.setAttribute(t, n);else i.removeAttribute(t);
       }
     })
   };
 }
-_("unmount", (t, i) => {
-  if ("string" == typeof i.type) {
-    let t = i.__e;
-    if (t) {
-      const i = t.U;
-      if (i) {
-        t.U = void 0;
-        for (let t in i) {
-          let e = i[t];
-          if (e) e.d();
+y("unmount", (i, t) => {
+  if ("string" == typeof t.type) {
+    let i = t.__e;
+    if (i) {
+      const t = i.U;
+      if (t) {
+        i.U = void 0;
+        for (let i in t) {
+          let n = t[i];
+          if (n) n.d();
         }
       }
     }
   } else {
-    let t = i.__c;
-    if (t) {
-      const i = t.__$u;
-      if (i) {
-        t.__$u = void 0;
-        i.d();
+    let i = t.__c;
+    if (i) {
+      const t = i.__$u;
+      if (t) {
+        i.__$u = void 0;
+        t.d();
       }
     }
   }
-  t(i);
+  i(t);
 });
-_("__h", (t, i, e, n) => {
-  if (n < 3 || 9 === n) i.__$f |= 2;
-  t(i, e, n);
+y("__h", (i, t, n, e) => {
+  if (e < 3 || 9 === e) t.__$f |= 2;
+  i(t, n, e);
 });
-function useSignal(t) {
-  return T(() => d$1(t), []);
+function useSignal(i, t) {
+  return d$1(() => d(i, t))[0];
 }
-const k = t => {
+const q = i => {
     queueMicrotask(() => {
-      queueMicrotask(t);
+      queueMicrotask(i);
     });
   };
-function w() {
+function x() {
   o(() => {
-    let t;
-    while (t = m.shift()) a.call(t);
+    let i;
+    while (i = v.shift()) h.call(i);
   });
 }
 function F() {
-  if (1 === m.push(this)) (l$2.requestAnimationFrame || k)(w);
+  if (1 === v.push(this)) (l$2.requestAnimationFrame || q)(x);
 }
 
-export { E, d$1 as d, w$1 as w };
+export { E, d, w$1 as w };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-toolbar",
-  "version": "1.5.16",
+  "version": "1.5.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/jsenv/core",
@@ -28,15 +28,15 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@jsenv/ast": "6.7.8"
+    "@jsenv/ast": "6.7.14"
   },
   "devDependencies": {
     "@jsenv/core": "../../",
     "@jsenv/filesystem": "../../tooling/filesystem",
     "@jsenv/plugin-toolbar": "./",
     "@jsenv/utils": "../../tooling/utils",
-    "@preact/signals": "2.0.4",
-    "playwright": "1.52.0"
+    "@preact/signals": "2.3.2",
+    "playwright": "1.56.1"
   },
   "publishConfig": {
     "access": "public"

package/src/client/ui/util/responsive.js

@@ -2,7 +2,7 @@ export const createHorizontalBreakpoint = (breakpointValue) => {
   return createBreakpoint(windowWidthMeasure, breakpointValue);
 };
 
-const createMeasure = ({ compute, register }) => {
+const createMeasure = ({ name, compute, register }) => {
   let currentValue = compute();
 
   const get = () => compute();
@@ -21,7 +21,7 @@ const createMeasure = ({ compute, register }) => {
     });
   }
 
-  return { get, changed, unregister };
+  return { name, get, changed, unregister };
 };
 
 const createSignal = () => {