@praxisjs/devtools 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/index.d.ts +11 -4
- package/dist/index.js +427 -408
- package/package.json +5 -5
- package/src/decorators/debug.ts +56 -6
package/dist/index.js
CHANGED
|
@@ -1,32 +1,33 @@
|
|
|
1
1
|
var Bt = Object.create;
|
|
2
|
-
var
|
|
2
|
+
var pe = Object.defineProperty;
|
|
3
3
|
var Ht = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var Ae = (r, t) => (t = Symbol[r]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + r),
|
|
4
|
+
var Ae = (r, t) => (t = Symbol[r]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + r), J = (r) => {
|
|
5
5
|
throw TypeError(r);
|
|
6
6
|
};
|
|
7
|
-
var Fe = (r, t, e) => t in r ?
|
|
8
|
-
var Ne = (r, t) =>
|
|
9
|
-
var
|
|
10
|
-
for (var
|
|
7
|
+
var Fe = (r, t, e) => t in r ? pe(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
|
|
8
|
+
var Ne = (r, t) => pe(r, "name", { value: t, configurable: !0 });
|
|
9
|
+
var b = (r) => [, , , Bt(r?.[Ae("metadata")] ?? null)], Be = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], Y = (r) => r !== void 0 && typeof r != "function" ? J("Function expected") : r, Gt = (r, t, e, n, i) => ({ kind: Be[r], name: t, metadata: n, addInitializer: (s) => e._ ? J("Already initialized") : i.push(Y(s || null)) }), Tt = (r, t) => Fe(t, Ae("metadata"), r[3]), a = (r, t, e, n) => {
|
|
10
|
+
for (var i = 0, s = r[t >> 1], l = s && s.length; i < l; i++) t & 1 ? s[i].call(e) : n = s[i].call(e, n);
|
|
11
11
|
return n;
|
|
12
|
-
}, d = (r, t, e, n,
|
|
13
|
-
var p,
|
|
12
|
+
}, d = (r, t, e, n, i, s) => {
|
|
13
|
+
var l, p, g, h, m, u = t & 7, k = !!(t & 8), z = !!(t & 16), _ = u > 3 ? r.length + 1 : u ? k ? 1 : 2 : 0, U = Be[u + 5], W = u > 3 && (r[_ - 1] = []), Ft = r[_] || (r[_] = []), L = u && (!z && !k && (i = i.prototype), u < 5 && (u > 3 || !z) && Ht(u < 4 ? i : { get [e]() {
|
|
14
14
|
return Ue(this, s);
|
|
15
15
|
}, set [e](C) {
|
|
16
16
|
return Oe(this, s, C);
|
|
17
17
|
} }, e));
|
|
18
|
-
|
|
19
|
-
for (var
|
|
20
|
-
|
|
21
|
-
return
|
|
22
|
-
}, f = (r, t, e) => Fe(r, typeof t != "symbol" ? t + "" : t, e),
|
|
23
|
-
var Oe = (r, t, e, n) => (
|
|
24
|
-
import { jsxs as
|
|
25
|
-
import { StatelessComponent as w, StatefulComponent as
|
|
26
|
-
import { Component as x, State as
|
|
18
|
+
u ? z && u < 4 && Ne(s, (u > 2 ? "set " : u > 1 ? "get " : "") + e) : Ne(i, e);
|
|
19
|
+
for (var ce = n.length - 1; ce >= 0; ce--)
|
|
20
|
+
h = Gt(u, e, g = {}, r[3], Ft), u && (h.static = k, h.private = z, m = h.access = { has: z ? (C) => Rt(i, C) : (C) => e in C }, u ^ 3 && (m.get = z ? (C) => (u ^ 1 ? Ue : Wt)(C, i, u ^ 4 ? s : L.get) : (C) => C[e]), u > 2 && (m.set = z ? (C, de) => Oe(C, i, de, u ^ 4 ? s : L.set) : (C, de) => C[e] = de)), p = (0, n[ce])(u ? u < 4 ? z ? s : L[U] : u > 4 ? void 0 : { get: L.get, set: L.set } : i, h), g._ = 1, u ^ 4 || p === void 0 ? Y(p) && (u > 4 ? W.unshift(p) : u ? z ? s = p : L[U] = p : i = p) : typeof p != "object" || p === null ? J("Object expected") : (Y(l = p.get) && (L.get = l), Y(l = p.set) && (L.set = l), Y(l = p.init) && W.unshift(l));
|
|
21
|
+
return u || Tt(r, i), L && pe(i, e, L), z ? u ^ 4 ? s : L : i;
|
|
22
|
+
}, f = (r, t, e) => Fe(r, typeof t != "symbol" ? t + "" : t, e), ue = (r, t, e) => t.has(r) || J("Cannot " + e), Rt = (r, t) => Object(t) !== t ? J('Cannot use the "in" operator on this value') : r.has(t), Ue = (r, t, e) => (ue(r, t, "read from private field"), e ? e.call(r) : t.get(r));
|
|
23
|
+
var Oe = (r, t, e, n) => (ue(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e), Wt = (r, t, e) => (ue(r, t, "access private method"), e);
|
|
24
|
+
import { jsxs as c, jsx as o } from "@praxisjs/jsx/jsx-runtime";
|
|
25
|
+
import { StatelessComponent as w, StatefulComponent as R } from "@praxisjs/core";
|
|
26
|
+
import { Component as x, State as M } from "@praxisjs/decorators";
|
|
27
27
|
import { render as He } from "@praxisjs/runtime";
|
|
28
|
-
const At = "data:image/svg+xml,%3csvg%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M605.411%20445.66L641.322%20498.293L641.342%20498.278L697.538%20578.57L742.673%20512.806L512.5%20178.878L281.327%20512.806L512.5%20848.182L603.519%20715.561L650.559%20782.134L512.701%20983L187%20510.478L512.701%2040L837%20510.478L698.206%20712.709L668.895%20671.104L604.033%20578.775L512%20712.504L373.199%20511.5L512.233%20309.092L584.13%20414.469L536.746%20480.456L513.69%20445.66L466.305%20511.5L512.166%20577.425L556.48%20513.91L605.411%20445.66Z'%20fill='url(%23paint0_linear_3024_20)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3024_20'%20x1='512'%20y1='40'%20x2='512'%20y2='983'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239B76FF'%20stop-opacity='0.86'/%3e%3cstop%20offset='1'%20stop-color='%232D246B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Yt = '*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:host{all:initial;display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}input::placeholder{color:#6f6a8f}input:focus{outline:none;box-shadow:0 0 0 2px #9b90e64d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9b90e633;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9b90e666}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-full{top:100%}.z-\\[2147483647\\]{z-index:2147483647}.z-10{z-index:10}.grid{display:grid}.grid-cols-\\[1\\.2fr_0\\.8fr_1fr_auto\\]{grid-template-columns:1.2fr .8fr 1fr auto}.m6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mr-\\[2px\\]{margin-right:2px}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.h-\\[13px\\]{height:13px}.h-\\[22px\\]{height:22px}.h-\\[2px\\]{height:2px}.h-\\[32px\\]{height:32px}.h-\\[6px\\]{height:6px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:0}.w-\\[13px\\]{width:13px}.w-\\[22px\\]{width:22px}.w-\\[2px\\]{width:2px}.w-\\[6px\\]{width:6px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.cursor-\\[ew-resize\\]{cursor:ew-resize}.cursor-\\[ns-resize\\]{cursor:ns-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{--un-border-opacity:.25;border-color:rgba(155,144,230,var(--un-border-opacity))}.border-warn{--un-border-opacity:1;border-color:rgb(217 119 6 / var(--un-border-opacity))}.hover\\:border-accent:hover{--un-border-opacity:1;border-color:rgb(155 144 230 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-\\[rgba\\(124\\,109\\,214\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(124,109,214,var(--un-bg-opacity))}.bg-\\[rgba\\(14\\,165\\,122\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(14,165,122,var(--un-bg-opacity))}.bg-\\[rgba\\(155\\,144\\,230\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-\\[rgba\\(217\\,119\\,6\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(217,119,6,var(--un-bg-opacity))}.bg-\\[rgba\\(220\\,38\\,38\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(220,38,38,var(--un-bg-opacity))}.bg-\\[rgba\\(74\\,222\\,128\\,0\\.12\\)\\]{--un-bg-opacity:.12;background-color:rgba(74,222,128,var(--un-bg-opacity))}.bg-accent{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.bg-bg{--un-bg-opacity:1;background-color:rgb(15 13 23 / var(--un-bg-opacity))}.bg-border{--un-bg-opacity:.25;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-header{--un-bg-opacity:1;background-color:rgb(22 19 38 / var(--un-bg-opacity))}.bg-input,.bg-section{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.bg-selected{--un-bg-opacity:1;background-color:rgb(34 30 61 / var(--un-bg-opacity))}.bg-soft{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-subtle{--un-bg-opacity:1;background-color:rgb(111 106 143 / var(--un-bg-opacity))}.bg-success{--un-bg-opacity:1;background-color:rgb(14 165 122 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.hover\\:bg-accent:hover{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.hover\\:bg-section:hover{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.hover\\:bg-soft:hover{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[4px\\]{padding-top:4px;padding-bottom:4px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[56px\\]{padding-left:56px}.pl-1{padding-left:.25rem}.pr-\\[14px\\]{padding-right:14px}.pr-3{padding-right:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[20px\\]{font-size:20px}.text-\\[9px\\]{font-size:9px}.text-\\[\\#0ea57a\\]{--un-text-opacity:1;color:rgb(14 165 122 / var(--un-text-opacity))}.text-\\[\\#4ade80\\]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-\\[\\#7c6dd6\\]{--un-text-opacity:1;color:rgb(124 109 214 / var(--un-text-opacity))}.text-\\[\\#9b90e6\\],.text-accent{--un-text-opacity:1;color:rgb(155 144 230 / var(--un-text-opacity))}.text-\\[\\#d97706\\],.text-warn{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity))}.text-\\[\\#dc2626\\]{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-muted{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.text-subtle{--un-text-opacity:1;color:rgb(111 106 143 / var(--un-text-opacity))}.text-text,.hover\\:text-text:hover{--un-text-opacity:1;color:rgb(244 242 255 / var(--un-text-opacity))}.color-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\\:color-muted:hover{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\\[0\\.07em\\]{letter-spacing:.07em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-widest{letter-spacing:.1em}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.7\\)\\]{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(0, 0, 0, .7));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\\:shadow-\\[0_8px_32px_rgba\\(56\\,189\\,248\\,0\\.1\\)\\]:hover{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(56, 189, 248, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}';
|
|
29
|
-
class Jt {
|
|
28
|
+
import { computed as Yt } from "@praxisjs/core/internal";
|
|
29
|
+
const At = "data:image/svg+xml,%3csvg%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M605.411%20445.66L641.322%20498.293L641.342%20498.278L697.538%20578.57L742.673%20512.806L512.5%20178.878L281.327%20512.806L512.5%20848.182L603.519%20715.561L650.559%20782.134L512.701%20983L187%20510.478L512.701%2040L837%20510.478L698.206%20712.709L668.895%20671.104L604.033%20578.775L512%20712.504L373.199%20511.5L512.233%20309.092L584.13%20414.469L536.746%20480.456L513.69%20445.66L466.305%20511.5L512.166%20577.425L556.48%20513.91L605.411%20445.66Z'%20fill='url(%23paint0_linear_3024_20)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_3024_20'%20x1='512'%20y1='40'%20x2='512'%20y2='983'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%239B76FF'%20stop-opacity='0.86'/%3e%3cstop%20offset='1'%20stop-color='%232D246B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", Jt = '*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:host{all:initial;display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}input::placeholder{color:#6f6a8f}input:focus{outline:none;box-shadow:0 0 0 2px #9b90e64d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9b90e633;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9b90e666}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-full{top:100%}.z-\\[2147483647\\]{z-index:2147483647}.z-10{z-index:10}.grid{display:grid}.grid-cols-\\[1\\.2fr_0\\.8fr_1fr_auto\\]{grid-template-columns:1.2fr .8fr 1fr auto}.m6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mr-\\[2px\\]{margin-right:2px}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.h-\\[13px\\]{height:13px}.h-\\[22px\\]{height:22px}.h-\\[2px\\]{height:2px}.h-\\[32px\\]{height:32px}.h-\\[6px\\]{height:6px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-full{height:100%}.h-screen{height:100vh}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:0}.w-\\[13px\\]{width:13px}.w-\\[22px\\]{width:22px}.w-\\[2px\\]{width:2px}.w-\\[6px\\]{width:6px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.cursor-\\[ew-resize\\]{cursor:ew-resize}.cursor-\\[ns-resize\\]{cursor:ns-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{--un-border-opacity:.25;border-color:rgba(155,144,230,var(--un-border-opacity))}.border-warn{--un-border-opacity:1;border-color:rgb(217 119 6 / var(--un-border-opacity))}.hover\\:border-accent:hover{--un-border-opacity:1;border-color:rgb(155 144 230 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bg-\\[rgba\\(124\\,109\\,214\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(124,109,214,var(--un-bg-opacity))}.bg-\\[rgba\\(14\\,165\\,122\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(14,165,122,var(--un-bg-opacity))}.bg-\\[rgba\\(155\\,144\\,230\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-\\[rgba\\(217\\,119\\,6\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(217,119,6,var(--un-bg-opacity))}.bg-\\[rgba\\(220\\,38\\,38\\,0\\.14\\)\\]{--un-bg-opacity:.14;background-color:rgba(220,38,38,var(--un-bg-opacity))}.bg-\\[rgba\\(74\\,222\\,128\\,0\\.12\\)\\]{--un-bg-opacity:.12;background-color:rgba(74,222,128,var(--un-bg-opacity))}.bg-accent{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.bg-bg{--un-bg-opacity:1;background-color:rgb(15 13 23 / var(--un-bg-opacity))}.bg-border{--un-bg-opacity:.25;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-header{--un-bg-opacity:1;background-color:rgb(22 19 38 / var(--un-bg-opacity))}.bg-input,.bg-section{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.bg-selected{--un-bg-opacity:1;background-color:rgb(34 30 61 / var(--un-bg-opacity))}.bg-soft{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.bg-subtle{--un-bg-opacity:1;background-color:rgb(111 106 143 / var(--un-bg-opacity))}.bg-success{--un-bg-opacity:1;background-color:rgb(14 165 122 / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.hover\\:bg-accent:hover{--un-bg-opacity:1;background-color:rgb(155 144 230 / var(--un-bg-opacity))}.hover\\:bg-section:hover{--un-bg-opacity:1;background-color:rgb(27 24 48 / var(--un-bg-opacity))}.hover\\:bg-soft:hover{--un-bg-opacity:.18;background-color:rgba(155,144,230,var(--un-bg-opacity))}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.py-\\[4px\\]{padding-top:4px;padding-bottom:4px}.py-\\[5px\\]{padding-top:5px;padding-bottom:5px}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[56px\\]{padding-left:56px}.pl-1{padding-left:.25rem}.pr-\\[14px\\]{padding-right:14px}.pr-3{padding-right:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[20px\\]{font-size:20px}.text-\\[9px\\]{font-size:9px}.text-\\[\\#0ea57a\\]{--un-text-opacity:1;color:rgb(14 165 122 / var(--un-text-opacity))}.text-\\[\\#4ade80\\]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.text-\\[\\#7c6dd6\\]{--un-text-opacity:1;color:rgb(124 109 214 / var(--un-text-opacity))}.text-\\[\\#9b90e6\\],.text-accent{--un-text-opacity:1;color:rgb(155 144 230 / var(--un-text-opacity))}.text-\\[\\#d97706\\],.text-warn{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity))}.text-\\[\\#dc2626\\]{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-muted{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.text-subtle{--un-text-opacity:1;color:rgb(111 106 143 / var(--un-text-opacity))}.text-text,.hover\\:text-text:hover{--un-text-opacity:1;color:rgb(244 242 255 / var(--un-text-opacity))}.color-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\\:color-muted:hover{--un-text-opacity:1;color:rgb(199 195 230 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\\[0\\.07em\\]{letter-spacing:.07em}.tracking-\\[0\\.12em\\]{letter-spacing:.12em}.tracking-widest{letter-spacing:.1em}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.7\\)\\]{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(0, 0, 0, .7));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\\:shadow-\\[0_8px_32px_rgba\\(56\\,189\\,248\\,0\\.1\\)\\]:hover{--un-shadow:0 8px 32px var(--un-shadow-color, rgba(56, 189, 248, .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}';
|
|
30
|
+
class qt {
|
|
30
31
|
handlers = /* @__PURE__ */ new Map();
|
|
31
32
|
on(t, e) {
|
|
32
33
|
return this.handlers.has(t) || this.handlers.set(t, /* @__PURE__ */ new Set()), this.handlers.get(t).add(e), () => this.handlers.get(t)?.delete(e);
|
|
@@ -38,55 +39,55 @@ class Jt {
|
|
|
38
39
|
}
|
|
39
40
|
}
|
|
40
41
|
const Xt = 200;
|
|
41
|
-
let
|
|
42
|
-
function
|
|
43
|
-
return `v${(++
|
|
42
|
+
let Kt = 0;
|
|
43
|
+
function Ge() {
|
|
44
|
+
return `v${(++Kt).toString()}_${Date.now().toString(36)}`;
|
|
44
45
|
}
|
|
45
|
-
class
|
|
46
|
+
class v {
|
|
46
47
|
static _instance = null;
|
|
47
48
|
static get instance() {
|
|
48
|
-
return
|
|
49
|
+
return v._instance ??= new v(), v._instance;
|
|
49
50
|
}
|
|
50
|
-
bus = new
|
|
51
|
+
bus = new qt();
|
|
51
52
|
instanceIds = /* @__PURE__ */ new WeakMap();
|
|
52
53
|
signals = /* @__PURE__ */ new Map();
|
|
53
54
|
components = /* @__PURE__ */ new Map();
|
|
54
55
|
timeline = [];
|
|
55
56
|
getInstanceId(t) {
|
|
56
|
-
return this.instanceIds.has(t) || this.instanceIds.set(t,
|
|
57
|
+
return this.instanceIds.has(t) || this.instanceIds.set(t, Ge()), this.instanceIds.get(t);
|
|
57
58
|
}
|
|
58
|
-
registerSignal(t, e, n,
|
|
59
|
-
const s = this.getInstanceId(t),
|
|
60
|
-
id:
|
|
59
|
+
registerSignal(t, e, n, i) {
|
|
60
|
+
const s = this.getInstanceId(t), l = `${s}:${e}`, p = {
|
|
61
|
+
id: l,
|
|
61
62
|
label: e,
|
|
62
63
|
componentId: s,
|
|
63
|
-
componentName:
|
|
64
|
+
componentName: i,
|
|
64
65
|
value: n,
|
|
65
66
|
history: [{ value: n, timestamp: Date.now() }],
|
|
66
67
|
changedAt: Date.now()
|
|
67
68
|
};
|
|
68
|
-
this.signals.set(
|
|
69
|
+
this.signals.set(l, p), this.bus.emit("signal:registered", p);
|
|
69
70
|
}
|
|
70
|
-
updateSignal(t, e, n,
|
|
71
|
-
const
|
|
72
|
-
if (!
|
|
73
|
-
const
|
|
74
|
-
...
|
|
71
|
+
updateSignal(t, e, n, i) {
|
|
72
|
+
const l = `${this.getInstanceId(t)}:${e}`, p = this.signals.get(l);
|
|
73
|
+
if (!p) return;
|
|
74
|
+
const g = [
|
|
75
|
+
...p.history,
|
|
75
76
|
{ value: n, timestamp: Date.now() }
|
|
76
|
-
].slice(-20),
|
|
77
|
-
...
|
|
77
|
+
].slice(-20), h = {
|
|
78
|
+
...p,
|
|
78
79
|
value: n,
|
|
79
|
-
history:
|
|
80
|
+
history: g,
|
|
80
81
|
changedAt: Date.now()
|
|
81
82
|
};
|
|
82
|
-
this.signals.set(
|
|
83
|
+
this.signals.set(l, h), this.bus.emit("signal:changed", { entry: h, oldValue: i }), this.pushTimeline({
|
|
83
84
|
type: "signal:change",
|
|
84
|
-
label: `${
|
|
85
|
-
data: { old:
|
|
85
|
+
label: `${p.componentName}.${e}`,
|
|
86
|
+
data: { old: i, new: n, signalId: l }
|
|
86
87
|
});
|
|
87
88
|
}
|
|
88
89
|
registerComponent(t, e) {
|
|
89
|
-
const n = this.getInstanceId(t),
|
|
90
|
+
const n = this.getInstanceId(t), i = {
|
|
90
91
|
id: n,
|
|
91
92
|
name: e,
|
|
92
93
|
renderCount: 0,
|
|
@@ -95,45 +96,45 @@ class z {
|
|
|
95
96
|
status: "mounted",
|
|
96
97
|
lifecycle: []
|
|
97
98
|
};
|
|
98
|
-
this.components.set(n,
|
|
99
|
+
this.components.set(n, i), this.bus.emit("component:registered", i);
|
|
99
100
|
}
|
|
100
101
|
recordRender(t, e) {
|
|
101
|
-
const n = this.getInstanceId(t),
|
|
102
|
-
|
|
102
|
+
const n = this.getInstanceId(t), i = this.components.get(n);
|
|
103
|
+
i && (i.renderCount++, i.lastRenderDuration = e, this.bus.emit("component:render", { ...i }), this.pushTimeline({
|
|
103
104
|
type: "component:render",
|
|
104
|
-
label: `<${
|
|
105
|
+
label: `<${i.name}>`,
|
|
105
106
|
data: {
|
|
106
107
|
componentId: n,
|
|
107
108
|
duration: +e.toFixed(3),
|
|
108
|
-
renderCount:
|
|
109
|
+
renderCount: i.renderCount
|
|
109
110
|
}
|
|
110
111
|
}));
|
|
111
112
|
}
|
|
112
113
|
recordLifecycle(t, e) {
|
|
113
|
-
const n = this.getInstanceId(t),
|
|
114
|
-
if (!
|
|
114
|
+
const n = this.getInstanceId(t), i = this.components.get(n);
|
|
115
|
+
if (!i) return;
|
|
115
116
|
const s = { hook: e, timestamp: Date.now() };
|
|
116
|
-
|
|
117
|
-
const
|
|
117
|
+
i.lifecycle.push(s), this.bus.emit("lifecycle", { componentId: n, name: i.name, hook: e });
|
|
118
|
+
const l = e === "onUnmount" ? "component:unmount" : e === "onBeforeMount" ? "component:mount" : "lifecycle";
|
|
118
119
|
if (this.pushTimeline({
|
|
119
|
-
type:
|
|
120
|
-
label: `<${
|
|
120
|
+
type: l,
|
|
121
|
+
label: `<${i.name}>.${e}`,
|
|
121
122
|
data: { componentId: n, hook: e }
|
|
122
123
|
}), e === "onUnmount") {
|
|
123
|
-
|
|
124
|
-
for (const [
|
|
125
|
-
|
|
124
|
+
i.status = "unmounted", this.bus.emit("component:unmount", { ...i }), this.components.delete(n);
|
|
125
|
+
for (const [p, g] of this.signals)
|
|
126
|
+
g.componentId === n && this.signals.delete(p);
|
|
126
127
|
}
|
|
127
128
|
}
|
|
128
|
-
recordMethodCall(t, e, n,
|
|
129
|
-
const
|
|
129
|
+
recordMethodCall(t, e, n, i, s, l) {
|
|
130
|
+
const p = this.getInstanceId(t);
|
|
130
131
|
this.pushTimeline({
|
|
131
132
|
type: "method:call",
|
|
132
|
-
label: `${
|
|
133
|
+
label: `${l}.${e}()`,
|
|
133
134
|
data: {
|
|
134
|
-
componentId:
|
|
135
|
+
componentId: p,
|
|
135
136
|
args: n,
|
|
136
|
-
result:
|
|
137
|
+
result: i,
|
|
137
138
|
duration: +s.toFixed(3)
|
|
138
139
|
}
|
|
139
140
|
});
|
|
@@ -152,30 +153,30 @@ class z {
|
|
|
152
153
|
}
|
|
153
154
|
pushTimeline(t) {
|
|
154
155
|
const e = {
|
|
155
|
-
id:
|
|
156
|
+
id: Ge(),
|
|
156
157
|
timestamp: Date.now(),
|
|
157
158
|
...t
|
|
158
159
|
};
|
|
159
160
|
this.timeline.push(e), this.timeline.length > Xt && this.timeline.shift(), this.bus.emit("timeline:push", e);
|
|
160
161
|
}
|
|
161
162
|
}
|
|
162
|
-
var Ye,
|
|
163
|
+
var Ye, he, an;
|
|
163
164
|
Ye = [x()];
|
|
164
|
-
class
|
|
165
|
+
class H extends (an = w) {
|
|
165
166
|
render() {
|
|
166
|
-
return /* @__PURE__ */
|
|
167
|
-
/* @__PURE__ */
|
|
168
|
-
/* @__PURE__ */
|
|
167
|
+
return /* @__PURE__ */ c("div", { class: "flex flex-col items-center justify-center gap-2 py-12", children: [
|
|
168
|
+
/* @__PURE__ */ o("span", { class: "text-subtle text-[20px] leading-none select-none font-mono", children: "—" }),
|
|
169
|
+
/* @__PURE__ */ o("p", { class: "text-subtle text-[11px] text-center leading-relaxed max-w-[200px]", children: this.props.message })
|
|
169
170
|
] });
|
|
170
171
|
}
|
|
171
172
|
}
|
|
172
|
-
|
|
173
|
-
var Je,
|
|
173
|
+
he = b(an), H = d(he, 0, "EmptyState", Ye, H), a(he, 1, H);
|
|
174
|
+
var Je, ge, ln;
|
|
174
175
|
Je = [x()];
|
|
175
|
-
class X extends (
|
|
176
|
+
class X extends (ln = w) {
|
|
176
177
|
render() {
|
|
177
178
|
const { children: t, width: e = "280px" } = this.props;
|
|
178
|
-
return /* @__PURE__ */
|
|
179
|
+
return /* @__PURE__ */ o(
|
|
179
180
|
"div",
|
|
180
181
|
{
|
|
181
182
|
class: "shrink-0 border-l border-border flex flex-col overflow-hidden",
|
|
@@ -185,8 +186,8 @@ class X extends (an = w) {
|
|
|
185
186
|
);
|
|
186
187
|
}
|
|
187
188
|
}
|
|
188
|
-
|
|
189
|
-
function
|
|
189
|
+
ge = b(ln), X = d(ge, 0, "SidePanel", Je, X), a(ge, 1, X);
|
|
190
|
+
function Ee(r) {
|
|
190
191
|
if (r === null) return "null";
|
|
191
192
|
if (r === void 0) return "undefined";
|
|
192
193
|
if (typeof r == "string") return `"${r}"`;
|
|
@@ -198,41 +199,41 @@ function je(r) {
|
|
|
198
199
|
}
|
|
199
200
|
return String(r);
|
|
200
201
|
}
|
|
201
|
-
var
|
|
202
|
-
|
|
203
|
-
class N extends (
|
|
202
|
+
var qe, be, cn;
|
|
203
|
+
qe = [x()];
|
|
204
|
+
class N extends (cn = w) {
|
|
204
205
|
render() {
|
|
205
206
|
const { k: t, v: e, signal: n } = this.props;
|
|
206
|
-
return /* @__PURE__ */
|
|
207
|
-
/* @__PURE__ */
|
|
207
|
+
return /* @__PURE__ */ c("div", { class: "flex justify-between items-center px-3 py-2 border-b border-border gap-3", children: [
|
|
208
|
+
/* @__PURE__ */ o(
|
|
208
209
|
"span",
|
|
209
210
|
{
|
|
210
211
|
class: `text-[11px] font-mono shrink-0 ${n ? "text-accent" : "text-muted"}`,
|
|
211
212
|
children: t
|
|
212
213
|
}
|
|
213
214
|
),
|
|
214
|
-
/* @__PURE__ */
|
|
215
|
+
/* @__PURE__ */ o("span", { class: "text-[11px] text-text font-mono truncate text-right", children: e })
|
|
215
216
|
] });
|
|
216
217
|
}
|
|
217
218
|
}
|
|
218
|
-
|
|
219
|
-
var
|
|
220
|
-
|
|
221
|
-
class
|
|
219
|
+
be = b(cn), N = d(be, 0, "DetailRow", qe, N), a(be, 1, N);
|
|
220
|
+
var Xe, xe, dn;
|
|
221
|
+
Xe = [x()];
|
|
222
|
+
class G extends (dn = w) {
|
|
222
223
|
render() {
|
|
223
|
-
return /* @__PURE__ */
|
|
224
|
-
/* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ c("div", { class: "border-b border-border", children: [
|
|
225
|
+
/* @__PURE__ */ o("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
|
|
225
226
|
this.props.children
|
|
226
227
|
] });
|
|
227
228
|
}
|
|
228
229
|
}
|
|
229
|
-
|
|
230
|
-
var Ke,
|
|
230
|
+
xe = b(dn), G = d(xe, 0, "DetailSection", Xe, G), a(xe, 1, G);
|
|
231
|
+
var Ke, me, pn;
|
|
231
232
|
Ke = [x()];
|
|
232
|
-
class
|
|
233
|
+
class K extends (pn = w) {
|
|
233
234
|
render() {
|
|
234
235
|
const { status: t } = this.props;
|
|
235
|
-
return /* @__PURE__ */
|
|
236
|
+
return /* @__PURE__ */ o(
|
|
236
237
|
"span",
|
|
237
238
|
{
|
|
238
239
|
class: `inline-block w-[6px] h-[6px] rounded-full shrink-0 ${t === "mounted" ? "bg-success" : "bg-subtle"}`,
|
|
@@ -241,81 +242,81 @@ class q extends (dn = w) {
|
|
|
241
242
|
);
|
|
242
243
|
}
|
|
243
244
|
}
|
|
244
|
-
|
|
245
|
-
var Ze,
|
|
245
|
+
me = b(pn), K = d(me, 0, "StatusDot", Ke, K), a(me, 1, K);
|
|
246
|
+
var Ze, fe, un;
|
|
246
247
|
Ze = [x()];
|
|
247
|
-
class
|
|
248
|
+
class Z extends (un = w) {
|
|
248
249
|
render() {
|
|
249
250
|
const { entry: t, signals: e } = this.props;
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
/* @__PURE__ */
|
|
252
|
-
/* @__PURE__ */
|
|
253
|
-
/* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */ c(X, { children: [
|
|
252
|
+
/* @__PURE__ */ c("div", { class: "px-3 py-2 border-b border-border flex items-center gap-2 bg-bg shrink-0", children: [
|
|
253
|
+
/* @__PURE__ */ o(K, { status: t.status }),
|
|
254
|
+
/* @__PURE__ */ c("span", { class: "text-accent font-mono text-[11px] font-semibold truncate pl-1", children: [
|
|
254
255
|
"<",
|
|
255
256
|
t.name,
|
|
256
257
|
">"
|
|
257
258
|
] })
|
|
258
259
|
] }),
|
|
259
|
-
/* @__PURE__ */
|
|
260
|
-
/* @__PURE__ */
|
|
261
|
-
/* @__PURE__ */
|
|
262
|
-
/* @__PURE__ */
|
|
260
|
+
/* @__PURE__ */ c("div", { class: "flex-1 overflow-y-auto", children: [
|
|
261
|
+
/* @__PURE__ */ c(G, { label: "Stats", children: [
|
|
262
|
+
/* @__PURE__ */ o(N, { k: "renders", v: String(t.renderCount) }),
|
|
263
|
+
/* @__PURE__ */ o(
|
|
263
264
|
N,
|
|
264
265
|
{
|
|
265
266
|
k: "last render",
|
|
266
267
|
v: `${t.lastRenderDuration.toFixed(3)}ms`
|
|
267
268
|
}
|
|
268
269
|
),
|
|
269
|
-
/* @__PURE__ */
|
|
270
|
+
/* @__PURE__ */ o(N, { k: "status", v: t.status })
|
|
270
271
|
] }),
|
|
271
|
-
e.length > 0 && /* @__PURE__ */
|
|
272
|
+
e.length > 0 && /* @__PURE__ */ o(G, { label: "State", children: e.map((n) => /* @__PURE__ */ o(
|
|
272
273
|
N,
|
|
273
274
|
{
|
|
274
275
|
k: n.label,
|
|
275
|
-
v:
|
|
276
|
+
v: Ee(n.value),
|
|
276
277
|
signal: !0
|
|
277
278
|
},
|
|
278
279
|
n.id
|
|
279
280
|
)) }),
|
|
280
|
-
t.lifecycle.length > 0 && /* @__PURE__ */
|
|
281
|
+
t.lifecycle.length > 0 && /* @__PURE__ */ o(G, { label: "Lifecycle", children: [...t.lifecycle].reverse().slice(0, 20).map((n, i) => /* @__PURE__ */ c(
|
|
281
282
|
"div",
|
|
282
283
|
{
|
|
283
284
|
class: "px-3 py-2 flex justify-between items-center border-b border-border",
|
|
284
285
|
children: [
|
|
285
|
-
/* @__PURE__ */
|
|
286
|
-
/* @__PURE__ */
|
|
286
|
+
/* @__PURE__ */ o("span", { class: "text-[11px] text-text font-mono", children: n.hook }),
|
|
287
|
+
/* @__PURE__ */ o("span", { class: "text-[10px] text-subtle tabular-nums", children: new Date(n.timestamp).toLocaleTimeString() })
|
|
287
288
|
]
|
|
288
289
|
},
|
|
289
|
-
String(
|
|
290
|
+
String(i)
|
|
290
291
|
)) })
|
|
291
292
|
] })
|
|
292
293
|
] });
|
|
293
294
|
}
|
|
294
295
|
}
|
|
295
|
-
|
|
296
|
-
var Qe,
|
|
296
|
+
fe = b(un), Z = d(fe, 0, "ComponentDetail", Ze, Z), a(fe, 1, Z);
|
|
297
|
+
var Qe, we, hn;
|
|
297
298
|
Qe = [x()];
|
|
298
|
-
class
|
|
299
|
+
class Q extends (hn = w) {
|
|
299
300
|
render() {
|
|
300
301
|
const { entry: t, selected: e, onClick: n } = this.props;
|
|
301
|
-
return /* @__PURE__ */
|
|
302
|
+
return /* @__PURE__ */ c(
|
|
302
303
|
"div",
|
|
303
304
|
{
|
|
304
305
|
onClick: n,
|
|
305
306
|
class: () => `relative flex items-center gap-2 px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${e() ? "bg-selected" : "hover:bg-section"}`,
|
|
306
307
|
children: [
|
|
307
|
-
() => e() && /* @__PURE__ */
|
|
308
|
-
/* @__PURE__ */
|
|
309
|
-
/* @__PURE__ */
|
|
308
|
+
() => e() && /* @__PURE__ */ o("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
|
|
309
|
+
/* @__PURE__ */ o(K, { status: t.status }),
|
|
310
|
+
/* @__PURE__ */ c("span", { class: "text-accent font-mono text-[11px] flex-1 truncate pl-1", children: [
|
|
310
311
|
"<",
|
|
311
312
|
t.name,
|
|
312
313
|
">"
|
|
313
314
|
] }),
|
|
314
|
-
/* @__PURE__ */
|
|
315
|
+
/* @__PURE__ */ c("span", { class: "text-muted text-[11px] tabular-nums", children: [
|
|
315
316
|
"×",
|
|
316
317
|
t.renderCount
|
|
317
318
|
] }),
|
|
318
|
-
/* @__PURE__ */
|
|
319
|
+
/* @__PURE__ */ c(
|
|
319
320
|
"span",
|
|
320
321
|
{
|
|
321
322
|
class: `text-[10px] tabular-nums w-12 text-right ${t.lastRenderDuration > 16 ? "text-warn" : "text-subtle"}`,
|
|
@@ -330,14 +331,14 @@ class Z extends (un = w) {
|
|
|
330
331
|
);
|
|
331
332
|
}
|
|
332
333
|
}
|
|
333
|
-
|
|
334
|
-
var Pe, Ve, et, tt,
|
|
334
|
+
we = b(hn), Q = d(we, 0, "ComponentRow", Qe, Q), a(we, 1, Q);
|
|
335
|
+
var Pe, Ve, et, tt, $;
|
|
335
336
|
tt = [x()];
|
|
336
|
-
class
|
|
337
|
+
class F extends (et = R, Ve = [M()], Pe = [M()], et) {
|
|
337
338
|
constructor() {
|
|
338
339
|
super(...arguments);
|
|
339
|
-
f(this, "components", a(
|
|
340
|
-
f(this, "selectedId", a(
|
|
340
|
+
f(this, "components", a($, 8, this, [])), a($, 11, this);
|
|
341
|
+
f(this, "selectedId", a($, 12, this, null)), a($, 15, this);
|
|
341
342
|
f(this, "_handlers", []);
|
|
342
343
|
}
|
|
343
344
|
get registry() {
|
|
@@ -364,15 +365,15 @@ class A extends (et = G, Ve = [k()], Pe = [k()], et) {
|
|
|
364
365
|
}
|
|
365
366
|
render() {
|
|
366
367
|
const { registry: e } = this;
|
|
367
|
-
return /* @__PURE__ */
|
|
368
|
-
/* @__PURE__ */
|
|
369
|
-
/* @__PURE__ */
|
|
370
|
-
/* @__PURE__ */
|
|
371
|
-
/* @__PURE__ */
|
|
372
|
-
/* @__PURE__ */
|
|
368
|
+
return /* @__PURE__ */ c("div", { class: "flex h-full overflow-hidden", children: [
|
|
369
|
+
/* @__PURE__ */ c("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
|
|
370
|
+
/* @__PURE__ */ c("div", { class: "flex items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
|
|
371
|
+
/* @__PURE__ */ o("span", { class: "flex-1", children: "Component" }),
|
|
372
|
+
/* @__PURE__ */ o("span", { children: "Renders" }),
|
|
373
|
+
/* @__PURE__ */ o("span", { class: "w-12 text-right", children: "Last" })
|
|
373
374
|
] }),
|
|
374
|
-
/* @__PURE__ */
|
|
375
|
-
|
|
375
|
+
/* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => this.components.length === 0 ? /* @__PURE__ */ o(H, { message: "No components tracked. Add @Trace() to component classes." }) : this.components.map((n) => /* @__PURE__ */ o(
|
|
376
|
+
Q,
|
|
376
377
|
{
|
|
377
378
|
entry: n,
|
|
378
379
|
selected: () => this.selectedId === n.id,
|
|
@@ -384,24 +385,24 @@ class A extends (et = G, Ve = [k()], Pe = [k()], et) {
|
|
|
384
385
|
)) })
|
|
385
386
|
] }),
|
|
386
387
|
() => {
|
|
387
|
-
const n = this.selectedId,
|
|
388
|
-
return
|
|
388
|
+
const n = this.selectedId, i = n ? this.components.find((l) => l.id === n) ?? null : null, s = n ? e.getSignalsByComponent(n) : [];
|
|
389
|
+
return i ? /* @__PURE__ */ o(Z, { entry: i, signals: s }) : null;
|
|
389
390
|
}
|
|
390
391
|
] });
|
|
391
392
|
}
|
|
392
393
|
}
|
|
393
|
-
|
|
394
|
-
const
|
|
394
|
+
$ = b(et), d($, 5, "components", Ve, F), d($, 5, "selectedId", Pe, F), F = d($, 0, "ComponentsTab", tt, F), a($, 1, F);
|
|
395
|
+
const Zt = {
|
|
395
396
|
id: "components",
|
|
396
397
|
label: "Components",
|
|
397
|
-
component:
|
|
398
|
+
component: F
|
|
398
399
|
};
|
|
399
|
-
var nt,
|
|
400
|
+
var nt, ye, gn;
|
|
400
401
|
nt = [x()];
|
|
401
|
-
class
|
|
402
|
+
class P extends (gn = w) {
|
|
402
403
|
render() {
|
|
403
404
|
const { placeholder: t, onInput: e } = this.props;
|
|
404
|
-
return /* @__PURE__ */
|
|
405
|
+
return /* @__PURE__ */ o(
|
|
405
406
|
"input",
|
|
406
407
|
{
|
|
407
408
|
type: "text",
|
|
@@ -414,74 +415,74 @@ class Q extends (hn = w) {
|
|
|
414
415
|
);
|
|
415
416
|
}
|
|
416
417
|
}
|
|
417
|
-
|
|
418
|
-
var rt,
|
|
418
|
+
ye = b(gn), P = d(ye, 0, "SearchInput", nt, P), a(ye, 1, P);
|
|
419
|
+
var rt, ve, bn;
|
|
419
420
|
rt = [x()];
|
|
420
|
-
class
|
|
421
|
+
class V extends (bn = w) {
|
|
421
422
|
render() {
|
|
422
|
-
return /* @__PURE__ */
|
|
423
|
-
/* @__PURE__ */
|
|
423
|
+
return /* @__PURE__ */ c("div", { class: "border-b border-border", children: [
|
|
424
|
+
/* @__PURE__ */ o("div", { class: "px-3 py-[4px] text-[9px] text-subtle font-bold tracking-[0.12em] uppercase bg-section border-b border-border", children: this.props.label }),
|
|
424
425
|
this.props.children
|
|
425
426
|
] });
|
|
426
427
|
}
|
|
427
428
|
}
|
|
428
|
-
|
|
429
|
-
function
|
|
429
|
+
ve = b(bn), V = d(ve, 0, "PanelSection", rt, V), a(ve, 1, V);
|
|
430
|
+
function De(r, t) {
|
|
430
431
|
const e = t ? ` ${t}` : "", n = Date.now() - r;
|
|
431
432
|
return n < 1e3 ? `${n.toString()}ms${e}` : n < 6e4 ? `${(n / 1e3).toFixed(1)}s${e}` : `${Math.floor(n / 6e4).toString()}m${e}`;
|
|
432
433
|
}
|
|
433
|
-
var ot,
|
|
434
|
+
var ot, ke, xn;
|
|
434
435
|
ot = [x()];
|
|
435
|
-
class
|
|
436
|
+
class ee extends (xn = w) {
|
|
436
437
|
render() {
|
|
437
438
|
const { entry: t } = this.props;
|
|
438
|
-
return /* @__PURE__ */
|
|
439
|
-
[...t.history].reverse().map((e, n) => /* @__PURE__ */
|
|
439
|
+
return /* @__PURE__ */ o(X, { width: "260px", children: /* @__PURE__ */ o(V, { label: "History", children: /* @__PURE__ */ c("div", { class: "overflow-y-auto", children: [
|
|
440
|
+
[...t.history].reverse().map((e, n) => /* @__PURE__ */ c(
|
|
440
441
|
"div",
|
|
441
442
|
{
|
|
442
443
|
class: "px-3 py-2 border-b border-border flex justify-between items-center gap-3",
|
|
443
444
|
children: [
|
|
444
|
-
/* @__PURE__ */
|
|
445
|
-
/* @__PURE__ */
|
|
445
|
+
/* @__PURE__ */ o("span", { class: "font-mono text-[11px] text-text truncate", children: Ee(e.value) }),
|
|
446
|
+
/* @__PURE__ */ o("span", { class: "text-[10px] text-subtle shrink-0 tabular-nums", children: De(e.timestamp, "ago") })
|
|
446
447
|
]
|
|
447
448
|
},
|
|
448
449
|
String(n)
|
|
449
450
|
)),
|
|
450
|
-
t.history.length === 0 && /* @__PURE__ */
|
|
451
|
+
t.history.length === 0 && /* @__PURE__ */ o("p", { class: "px-3 py-6 text-[11px] text-subtle text-center", children: "No history yet." })
|
|
451
452
|
] }) }) });
|
|
452
453
|
}
|
|
453
454
|
}
|
|
454
|
-
|
|
455
|
-
var it,
|
|
455
|
+
ke = b(xn), ee = d(ke, 0, "SignalDetail", ot, ee), a(ke, 1, ee);
|
|
456
|
+
var it, ze, mn;
|
|
456
457
|
it = [x()];
|
|
457
|
-
class
|
|
458
|
+
class te extends (mn = w) {
|
|
458
459
|
render() {
|
|
459
460
|
const { entry: t, selected: e, onClick: n } = this.props;
|
|
460
|
-
return /* @__PURE__ */
|
|
461
|
+
return /* @__PURE__ */ c(
|
|
461
462
|
"div",
|
|
462
463
|
{
|
|
463
464
|
onClick: n,
|
|
464
465
|
class: `relative grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 py-2 cursor-pointer border-b border-border transition-colors duration-100 ${e ? "bg-selected" : "hover:bg-section"}`,
|
|
465
466
|
children: [
|
|
466
|
-
e && /* @__PURE__ */
|
|
467
|
-
/* @__PURE__ */
|
|
468
|
-
/* @__PURE__ */
|
|
469
|
-
/* @__PURE__ */
|
|
470
|
-
/* @__PURE__ */
|
|
467
|
+
e && /* @__PURE__ */ o("span", { class: "absolute left-0 top-0 bottom-0 w-[2px] bg-accent rounded-r" }),
|
|
468
|
+
/* @__PURE__ */ o("span", { class: "text-accent font-mono text-[11px] truncate pl-1", children: t.label }),
|
|
469
|
+
/* @__PURE__ */ o("span", { class: "text-muted text-[11px] truncate", children: t.componentName }),
|
|
470
|
+
/* @__PURE__ */ o("span", { class: "text-text font-mono text-[11px] truncate", children: Ee(t.value) }),
|
|
471
|
+
/* @__PURE__ */ o("span", { class: "text-subtle text-[10px] text-right tabular-nums", children: De(t.changedAt, "ago") })
|
|
471
472
|
]
|
|
472
473
|
}
|
|
473
474
|
);
|
|
474
475
|
}
|
|
475
476
|
}
|
|
476
|
-
|
|
477
|
-
var st, at, lt, ct, dt,
|
|
477
|
+
ze = b(mn), te = d(ze, 0, "SignalRow", it, te), a(ze, 1, te);
|
|
478
|
+
var st, at, lt, ct, dt, S;
|
|
478
479
|
dt = [x()];
|
|
479
|
-
class E extends (ct =
|
|
480
|
+
class E extends (ct = R, lt = [M()], at = [M()], st = [M()], ct) {
|
|
480
481
|
constructor() {
|
|
481
482
|
super(...arguments);
|
|
482
|
-
f(this, "signals", a(
|
|
483
|
-
f(this, "search", a(
|
|
484
|
-
f(this, "selectedId", a(
|
|
483
|
+
f(this, "signals", a(S, 8, this, [])), a(S, 11, this);
|
|
484
|
+
f(this, "search", a(S, 12, this, "")), a(S, 15, this);
|
|
485
|
+
f(this, "selectedId", a(S, 16, this, null)), a(S, 19, this);
|
|
485
486
|
f(this, "_handlers", []);
|
|
486
487
|
}
|
|
487
488
|
get registry() {
|
|
@@ -503,10 +504,10 @@ class E extends (ct = G, lt = [k()], at = [k()], st = [k()], ct) {
|
|
|
503
504
|
});
|
|
504
505
|
}
|
|
505
506
|
render() {
|
|
506
|
-
return /* @__PURE__ */
|
|
507
|
-
/* @__PURE__ */
|
|
508
|
-
/* @__PURE__ */
|
|
509
|
-
|
|
507
|
+
return /* @__PURE__ */ c("div", { class: "flex h-full overflow-hidden", children: [
|
|
508
|
+
/* @__PURE__ */ c("div", { class: "flex-1 flex flex-col overflow-hidden min-w-0", children: [
|
|
509
|
+
/* @__PURE__ */ o("div", { class: "px-3 py-2 border-b border-border bg-bg shrink-0", children: /* @__PURE__ */ o(
|
|
510
|
+
P,
|
|
510
511
|
{
|
|
511
512
|
placeholder: "Search signals…",
|
|
512
513
|
onInput: (e) => {
|
|
@@ -514,54 +515,54 @@ class E extends (ct = G, lt = [k()], at = [k()], st = [k()], ct) {
|
|
|
514
515
|
}
|
|
515
516
|
}
|
|
516
517
|
) }),
|
|
517
|
-
/* @__PURE__ */
|
|
518
|
-
/* @__PURE__ */
|
|
519
|
-
/* @__PURE__ */
|
|
520
|
-
/* @__PURE__ */
|
|
521
|
-
/* @__PURE__ */
|
|
518
|
+
/* @__PURE__ */ c("div", { class: "grid grid-cols-[1.2fr_0.8fr_1fr_auto] items-center px-3 h-7 text-[9px] text-subtle font-bold tracking-[0.12em] uppercase border-b border-border bg-section gap-2 shrink-0", children: [
|
|
519
|
+
/* @__PURE__ */ o("span", { children: "Signal" }),
|
|
520
|
+
/* @__PURE__ */ o("span", { children: "Component" }),
|
|
521
|
+
/* @__PURE__ */ o("span", { children: "Value" }),
|
|
522
|
+
/* @__PURE__ */ o("span", { children: "Age" })
|
|
522
523
|
] }),
|
|
523
|
-
/* @__PURE__ */
|
|
524
|
+
/* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => {
|
|
524
525
|
const e = this.search.toLowerCase(), n = e === "" ? this.signals : this.signals.filter(
|
|
525
|
-
(
|
|
526
|
+
(i) => i.label.toLowerCase().includes(e) || i.componentName.toLowerCase().includes(e)
|
|
526
527
|
);
|
|
527
|
-
return n.length === 0 ? /* @__PURE__ */
|
|
528
|
-
|
|
528
|
+
return n.length === 0 ? /* @__PURE__ */ o(
|
|
529
|
+
H,
|
|
529
530
|
{
|
|
530
531
|
message: this.signals.length === 0 ? "No signals tracked. Add @Debug() on top of @State() properties." : "No signals match your search."
|
|
531
532
|
}
|
|
532
|
-
) : n.map((
|
|
533
|
-
|
|
533
|
+
) : n.map((i) => /* @__PURE__ */ o(
|
|
534
|
+
te,
|
|
534
535
|
{
|
|
535
|
-
entry:
|
|
536
|
-
selected: this.selectedId ===
|
|
536
|
+
entry: i,
|
|
537
|
+
selected: this.selectedId === i.id,
|
|
537
538
|
onClick: () => {
|
|
538
|
-
this.selectedId = this.selectedId ===
|
|
539
|
+
this.selectedId = this.selectedId === i.id ? null : i.id;
|
|
539
540
|
}
|
|
540
541
|
},
|
|
541
|
-
|
|
542
|
+
i.id
|
|
542
543
|
));
|
|
543
544
|
} })
|
|
544
545
|
] }),
|
|
545
546
|
() => {
|
|
546
|
-
const e = this.selectedId, n = e ? this.signals.find((
|
|
547
|
-
return n ? /* @__PURE__ */
|
|
547
|
+
const e = this.selectedId, n = e ? this.signals.find((i) => i.id === e) ?? null : null;
|
|
548
|
+
return n ? /* @__PURE__ */ o(ee, { entry: n }) : null;
|
|
548
549
|
}
|
|
549
550
|
] });
|
|
550
551
|
}
|
|
551
552
|
}
|
|
552
|
-
|
|
553
|
-
const
|
|
553
|
+
S = b(ct), d(S, 5, "signals", lt, E), d(S, 5, "search", at, E), d(S, 5, "selectedId", st, E), E = d(S, 0, "SignalsTab", dt, E), a(S, 1, E);
|
|
554
|
+
const Qt = {
|
|
554
555
|
id: "signals",
|
|
555
556
|
label: "Signals",
|
|
556
557
|
component: E
|
|
557
|
-
},
|
|
558
|
+
}, Pt = {
|
|
558
559
|
"signal:change": { label: "signal", cls: "text-[#9b90e6] bg-[rgba(155,144,230,0.14)]" },
|
|
559
560
|
"component:render": { label: "render", cls: "text-[#4ade80] bg-[rgba(74,222,128,0.12)]" },
|
|
560
561
|
"component:mount": { label: "mount", cls: "text-[#0ea57a] bg-[rgba(14,165,122,0.14)]" },
|
|
561
562
|
"component:unmount": { label: "unmount", cls: "text-[#dc2626] bg-[rgba(220,38,38,0.14)]" },
|
|
562
563
|
lifecycle: { label: "lifecycle", cls: "text-[#d97706] bg-[rgba(217,119,6,0.14)]" },
|
|
563
564
|
"method:call": { label: "method", cls: "text-[#7c6dd6] bg-[rgba(124,109,214,0.14)]" }
|
|
564
|
-
},
|
|
565
|
+
}, Vt = [
|
|
565
566
|
{ value: "all", label: "All" },
|
|
566
567
|
{ value: "signal:change", label: "Signals" },
|
|
567
568
|
{ value: "component:render", label: "Renders" },
|
|
@@ -569,12 +570,12 @@ const Zt = {
|
|
|
569
570
|
{ value: "lifecycle", label: "Lifecycle" },
|
|
570
571
|
{ value: "method:call", label: "Methods" }
|
|
571
572
|
];
|
|
572
|
-
var pt,
|
|
573
|
+
var pt, Me, fn;
|
|
573
574
|
pt = [x()];
|
|
574
|
-
class
|
|
575
|
+
class ne extends (fn = w) {
|
|
575
576
|
render() {
|
|
576
|
-
const t =
|
|
577
|
-
return /* @__PURE__ */
|
|
577
|
+
const t = Pt[this.props.type];
|
|
578
|
+
return /* @__PURE__ */ o(
|
|
578
579
|
"span",
|
|
579
580
|
{
|
|
580
581
|
class: `text-[9px] px-[6px] py-[2px] rounded font-bold uppercase tracking-[0.07em] shrink-0 ${t.cls}`,
|
|
@@ -583,18 +584,18 @@ class te extends (mn = w) {
|
|
|
583
584
|
);
|
|
584
585
|
}
|
|
585
586
|
}
|
|
586
|
-
|
|
587
|
-
var ut, ht, gt,
|
|
587
|
+
Me = b(fn), ne = d(Me, 0, "Badge", pt, ne), a(Me, 1, ne);
|
|
588
|
+
var ut, ht, gt, O;
|
|
588
589
|
gt = [x()];
|
|
589
|
-
class
|
|
590
|
+
class q extends (ht = R, ut = [M()], ht) {
|
|
590
591
|
constructor() {
|
|
591
592
|
super(...arguments);
|
|
592
|
-
f(this, "open", a(
|
|
593
|
+
f(this, "open", a(O, 8, this, !1)), a(O, 11, this);
|
|
593
594
|
}
|
|
594
595
|
render() {
|
|
595
596
|
const { entry: e } = this.props, n = Object.keys(e.data).length > 0;
|
|
596
|
-
return /* @__PURE__ */
|
|
597
|
-
/* @__PURE__ */
|
|
597
|
+
return /* @__PURE__ */ c("div", { class: "border-b border-border", children: [
|
|
598
|
+
/* @__PURE__ */ c(
|
|
598
599
|
"div",
|
|
599
600
|
{
|
|
600
601
|
onClick: () => {
|
|
@@ -602,32 +603,32 @@ class J extends (ht = G, ut = [k()], ht) {
|
|
|
602
603
|
},
|
|
603
604
|
class: `flex items-center gap-2 px-3 py-2 transition-colors duration-100 ${n ? "cursor-pointer hover:bg-section" : "cursor-default"}`,
|
|
604
605
|
children: [
|
|
605
|
-
/* @__PURE__ */
|
|
606
|
-
/* @__PURE__ */
|
|
607
|
-
/* @__PURE__ */
|
|
608
|
-
n && /* @__PURE__ */
|
|
606
|
+
/* @__PURE__ */ o("span", { class: "text-subtle text-[10px] w-10 shrink-0 text-right tabular-nums font-mono", children: De(e.timestamp) }),
|
|
607
|
+
/* @__PURE__ */ o(ne, { type: e.type }),
|
|
608
|
+
/* @__PURE__ */ o("span", { class: "flex-1 text-text font-mono text-[11px] truncate", children: e.label }),
|
|
609
|
+
n && /* @__PURE__ */ o("span", { class: "text-subtle text-[11px] shrink-0 w-4 text-center", children: () => this.open ? "▾" : "▸" })
|
|
609
610
|
]
|
|
610
611
|
}
|
|
611
612
|
),
|
|
612
|
-
() => this.open && n ? /* @__PURE__ */
|
|
613
|
-
/* @__PURE__ */
|
|
614
|
-
|
|
613
|
+
() => this.open && n ? /* @__PURE__ */ o("div", { class: "px-3 py-2 pl-[56px] font-mono text-[11px] bg-section border-t border-border", children: Object.entries(e.data).map(([i, s]) => /* @__PURE__ */ c("div", { class: "flex gap-3 py-[3px]", children: [
|
|
614
|
+
/* @__PURE__ */ c("span", { class: "text-accent shrink-0", children: [
|
|
615
|
+
i,
|
|
615
616
|
":"
|
|
616
617
|
] }),
|
|
617
|
-
/* @__PURE__ */
|
|
618
|
-
] },
|
|
618
|
+
/* @__PURE__ */ o("span", { class: "text-muted truncate", children: typeof s == "object" ? JSON.stringify(s) : String(s) })
|
|
619
|
+
] }, i)) }) : null
|
|
619
620
|
] });
|
|
620
621
|
}
|
|
621
622
|
}
|
|
622
|
-
|
|
623
|
-
var bt, xt, mt, ft, wt,
|
|
623
|
+
O = b(ht), d(O, 5, "open", ut, q), q = d(O, 0, "TimelineRow", gt, q), a(O, 1, q);
|
|
624
|
+
var bt, xt, mt, ft, wt, I;
|
|
624
625
|
wt = [x()];
|
|
625
|
-
class D extends (ft =
|
|
626
|
+
class D extends (ft = R, mt = [M()], xt = [M()], bt = [M()], ft) {
|
|
626
627
|
constructor() {
|
|
627
628
|
super(...arguments);
|
|
628
|
-
f(this, "entries", a(
|
|
629
|
-
f(this, "filter", a(
|
|
630
|
-
f(this, "paused", a(
|
|
629
|
+
f(this, "entries", a(I, 8, this, [])), a(I, 11, this);
|
|
630
|
+
f(this, "filter", a(I, 12, this, "all")), a(I, 15, this);
|
|
631
|
+
f(this, "paused", a(I, 16, this, !1)), a(I, 19, this);
|
|
631
632
|
f(this, "_handlers", []);
|
|
632
633
|
}
|
|
633
634
|
get registry() {
|
|
@@ -646,9 +647,9 @@ class D extends (ft = G, mt = [k()], xt = [k()], bt = [k()], ft) {
|
|
|
646
647
|
});
|
|
647
648
|
}
|
|
648
649
|
render() {
|
|
649
|
-
return /* @__PURE__ */
|
|
650
|
-
/* @__PURE__ */
|
|
651
|
-
|
|
650
|
+
return /* @__PURE__ */ c("div", { class: "flex flex-col h-full overflow-hidden", children: [
|
|
651
|
+
/* @__PURE__ */ c("div", { class: "flex items-center gap-[3px] px-2 py-2 border-b border-border bg-bg shrink-0 flex-wrap", children: [
|
|
652
|
+
Vt.map((e) => /* @__PURE__ */ o(
|
|
652
653
|
"button",
|
|
653
654
|
{
|
|
654
655
|
onClick: () => {
|
|
@@ -659,8 +660,8 @@ class D extends (ft = G, mt = [k()], xt = [k()], bt = [k()], ft) {
|
|
|
659
660
|
},
|
|
660
661
|
e.value
|
|
661
662
|
)),
|
|
662
|
-
/* @__PURE__ */
|
|
663
|
-
/* @__PURE__ */
|
|
663
|
+
/* @__PURE__ */ o("div", { class: "flex-1" }),
|
|
664
|
+
/* @__PURE__ */ o(
|
|
664
665
|
"button",
|
|
665
666
|
{
|
|
666
667
|
onClick: () => {
|
|
@@ -670,7 +671,7 @@ class D extends (ft = G, mt = [k()], xt = [k()], bt = [k()], ft) {
|
|
|
670
671
|
children: () => this.paused ? "Resume" : "Pause"
|
|
671
672
|
}
|
|
672
673
|
),
|
|
673
|
-
/* @__PURE__ */
|
|
674
|
+
/* @__PURE__ */ o(
|
|
674
675
|
"button",
|
|
675
676
|
{
|
|
676
677
|
onClick: () => {
|
|
@@ -681,26 +682,26 @@ class D extends (ft = G, mt = [k()], xt = [k()], bt = [k()], ft) {
|
|
|
681
682
|
}
|
|
682
683
|
)
|
|
683
684
|
] }),
|
|
684
|
-
/* @__PURE__ */
|
|
685
|
+
/* @__PURE__ */ o("div", { class: "flex-1 overflow-y-auto", children: () => {
|
|
685
686
|
const e = this.filter, n = e === "all" ? this.entries : this.entries.filter(
|
|
686
|
-
(
|
|
687
|
+
(i) => i.type === e || e === "component:mount" && i.type === "component:unmount"
|
|
687
688
|
);
|
|
688
|
-
return n.length === 0 ? /* @__PURE__ */
|
|
689
|
+
return n.length === 0 ? /* @__PURE__ */ o(H, { message: "No events yet. Interact with your app to see the timeline." }) : [...n].reverse().map((i) => /* @__PURE__ */ o(q, { entry: i }, i.id));
|
|
689
690
|
} })
|
|
690
691
|
] });
|
|
691
692
|
}
|
|
692
693
|
}
|
|
693
|
-
|
|
694
|
-
const
|
|
694
|
+
I = b(ft), d(I, 5, "entries", mt, D), d(I, 5, "filter", xt, D), d(I, 5, "paused", bt, D), D = d(I, 0, "TimelineTab", wt, D), a(I, 1, D);
|
|
695
|
+
const en = {
|
|
695
696
|
id: "timeline",
|
|
696
697
|
label: "Timeline",
|
|
697
698
|
component: D
|
|
698
|
-
},
|
|
699
|
-
var yt, Ce,
|
|
699
|
+
}, tn = '*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}';
|
|
700
|
+
var yt, Ce, wn;
|
|
700
701
|
yt = [x()];
|
|
701
|
-
class
|
|
702
|
+
class re extends (wn = w) {
|
|
702
703
|
render() {
|
|
703
|
-
return /* @__PURE__ */
|
|
704
|
+
return /* @__PURE__ */ c(
|
|
704
705
|
"svg",
|
|
705
706
|
{
|
|
706
707
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -714,20 +715,20 @@ class ne extends (fn = w) {
|
|
|
714
715
|
"stroke-linejoin": "round",
|
|
715
716
|
class: "lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical",
|
|
716
717
|
children: [
|
|
717
|
-
/* @__PURE__ */
|
|
718
|
-
/* @__PURE__ */
|
|
719
|
-
/* @__PURE__ */
|
|
718
|
+
/* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "1" }),
|
|
719
|
+
/* @__PURE__ */ o("circle", { cx: "12", cy: "5", r: "1" }),
|
|
720
|
+
/* @__PURE__ */ o("circle", { cx: "12", cy: "19", r: "1" })
|
|
720
721
|
]
|
|
721
722
|
}
|
|
722
723
|
);
|
|
723
724
|
}
|
|
724
725
|
}
|
|
725
|
-
Ce =
|
|
726
|
-
var vt,
|
|
726
|
+
Ce = b(wn), re = d(Ce, 0, "EllipsisVerticalIcon", yt, re), a(Ce, 1, re);
|
|
727
|
+
var vt, Se, yn;
|
|
727
728
|
vt = [x()];
|
|
728
|
-
class
|
|
729
|
+
class oe extends (yn = w) {
|
|
729
730
|
render() {
|
|
730
|
-
return /* @__PURE__ */
|
|
731
|
+
return /* @__PURE__ */ c(
|
|
731
732
|
"svg",
|
|
732
733
|
{
|
|
733
734
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -741,19 +742,19 @@ class re extends (wn = w) {
|
|
|
741
742
|
"stroke-linejoin": "round",
|
|
742
743
|
class: "lucide lucide-panel-bottom-icon lucide-panel-bottom",
|
|
743
744
|
children: [
|
|
744
|
-
/* @__PURE__ */
|
|
745
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
746
|
+
/* @__PURE__ */ o("path", { d: "M3 15h18" })
|
|
746
747
|
]
|
|
747
748
|
}
|
|
748
749
|
);
|
|
749
750
|
}
|
|
750
751
|
}
|
|
751
|
-
|
|
752
|
-
var kt,
|
|
752
|
+
Se = b(yn), oe = d(Se, 0, "PanelBottomIcon", vt, oe), a(Se, 1, oe);
|
|
753
|
+
var kt, Ie, vn;
|
|
753
754
|
kt = [x()];
|
|
754
|
-
class
|
|
755
|
+
class ie extends (vn = w) {
|
|
755
756
|
render() {
|
|
756
|
-
return /* @__PURE__ */
|
|
757
|
+
return /* @__PURE__ */ c(
|
|
757
758
|
"svg",
|
|
758
759
|
{
|
|
759
760
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -767,19 +768,19 @@ class oe extends (yn = w) {
|
|
|
767
768
|
"stroke-linejoin": "round",
|
|
768
769
|
class: "lucide lucide-panel-left-icon lucide-panel-left",
|
|
769
770
|
children: [
|
|
770
|
-
/* @__PURE__ */
|
|
771
|
-
/* @__PURE__ */
|
|
771
|
+
/* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
772
|
+
/* @__PURE__ */ o("path", { d: "M9 3v18" })
|
|
772
773
|
]
|
|
773
774
|
}
|
|
774
775
|
);
|
|
775
776
|
}
|
|
776
777
|
}
|
|
777
|
-
|
|
778
|
-
var zt, Le,
|
|
778
|
+
Ie = b(vn), ie = d(Ie, 0, "PanelLeftIcon", kt, ie), a(Ie, 1, ie);
|
|
779
|
+
var zt, Le, kn;
|
|
779
780
|
zt = [x()];
|
|
780
|
-
class
|
|
781
|
+
class se extends (kn = w) {
|
|
781
782
|
render() {
|
|
782
|
-
return /* @__PURE__ */
|
|
783
|
+
return /* @__PURE__ */ c(
|
|
783
784
|
"svg",
|
|
784
785
|
{
|
|
785
786
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -793,19 +794,19 @@ class ie extends (vn = w) {
|
|
|
793
794
|
"stroke-linejoin": "round",
|
|
794
795
|
class: "lucide lucide-panel-right-icon lucide-panel-right",
|
|
795
796
|
children: [
|
|
796
|
-
/* @__PURE__ */
|
|
797
|
-
/* @__PURE__ */
|
|
797
|
+
/* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
798
|
+
/* @__PURE__ */ o("path", { d: "M15 3v18" })
|
|
798
799
|
]
|
|
799
800
|
}
|
|
800
801
|
);
|
|
801
802
|
}
|
|
802
803
|
}
|
|
803
|
-
Le =
|
|
804
|
-
var
|
|
805
|
-
|
|
806
|
-
class
|
|
804
|
+
Le = b(kn), se = d(Le, 0, "PanelRightIcon", zt, se), a(Le, 1, se);
|
|
805
|
+
var Mt, _e, zn;
|
|
806
|
+
Mt = [x()];
|
|
807
|
+
class ae extends (zn = w) {
|
|
807
808
|
render() {
|
|
808
|
-
return /* @__PURE__ */
|
|
809
|
+
return /* @__PURE__ */ c(
|
|
809
810
|
"svg",
|
|
810
811
|
{
|
|
811
812
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -819,19 +820,19 @@ class se extends (kn = w) {
|
|
|
819
820
|
"stroke-linejoin": "round",
|
|
820
821
|
class: "lucide lucide-panel-top-icon lucide-panel-top",
|
|
821
822
|
children: [
|
|
822
|
-
/* @__PURE__ */
|
|
823
|
-
/* @__PURE__ */
|
|
823
|
+
/* @__PURE__ */ o("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
824
|
+
/* @__PURE__ */ o("path", { d: "M3 9h18" })
|
|
824
825
|
]
|
|
825
826
|
}
|
|
826
827
|
);
|
|
827
828
|
}
|
|
828
829
|
}
|
|
829
|
-
_e =
|
|
830
|
-
var
|
|
831
|
-
|
|
832
|
-
class
|
|
830
|
+
_e = b(zn), ae = d(_e, 0, "PanelTopIcon", Mt, ae), a(_e, 1, ae);
|
|
831
|
+
var Ct, $e, Mn;
|
|
832
|
+
Ct = [x()];
|
|
833
|
+
class le extends (Mn = w) {
|
|
833
834
|
render() {
|
|
834
|
-
return /* @__PURE__ */
|
|
835
|
+
return /* @__PURE__ */ c(
|
|
835
836
|
"svg",
|
|
836
837
|
{
|
|
837
838
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -845,47 +846,47 @@ class ae extends (zn = w) {
|
|
|
845
846
|
"stroke-linejoin": "round",
|
|
846
847
|
class: "lucide lucide-x-icon lucide-x",
|
|
847
848
|
children: [
|
|
848
|
-
/* @__PURE__ */
|
|
849
|
-
/* @__PURE__ */
|
|
849
|
+
/* @__PURE__ */ o("path", { d: "M18 6 6 18" }),
|
|
850
|
+
/* @__PURE__ */ o("path", { d: "m6 6 12 12" })
|
|
850
851
|
]
|
|
851
852
|
}
|
|
852
853
|
);
|
|
853
854
|
}
|
|
854
855
|
}
|
|
855
|
-
|
|
856
|
-
var St,
|
|
856
|
+
$e = b(Mn), le = d($e, 0, "XIcon", Ct, le), a($e, 1, le);
|
|
857
|
+
var St, je, Cn;
|
|
857
858
|
St = [x()];
|
|
858
859
|
class T extends (Cn = w) {
|
|
859
860
|
render() {
|
|
860
|
-
const { title: t, active: e, icon: n, onClick:
|
|
861
|
-
return /* @__PURE__ */
|
|
861
|
+
const { title: t, active: e, icon: n, onClick: i } = this.props;
|
|
862
|
+
return /* @__PURE__ */ o(
|
|
862
863
|
"button",
|
|
863
864
|
{
|
|
864
865
|
title: t,
|
|
865
|
-
onClick:
|
|
866
|
+
onClick: i,
|
|
866
867
|
class: () => `w-[22px] h-[22px] flex items-center justify-center rounded-md text-[11px] cursor-pointer transition-colors duration-150 ${(typeof e == "function" ? e() : e) ? "text-accent bg-soft color-white" : "text-subtle hover:color-muted hover:bg-section"}`,
|
|
867
|
-
children: /* @__PURE__ */
|
|
868
|
+
children: /* @__PURE__ */ o(n, {})
|
|
868
869
|
}
|
|
869
870
|
);
|
|
870
871
|
}
|
|
871
872
|
}
|
|
872
|
-
|
|
873
|
-
const
|
|
874
|
-
bottom:
|
|
875
|
-
top:
|
|
876
|
-
left:
|
|
877
|
-
right:
|
|
873
|
+
je = b(Cn), T = d(je, 0, "IconButton", St, T), a(je, 1, T);
|
|
874
|
+
const Te = 180, nn = 300, Re = 240, rn = 380, on = {
|
|
875
|
+
bottom: oe,
|
|
876
|
+
top: ae,
|
|
877
|
+
left: ie,
|
|
878
|
+
right: se
|
|
878
879
|
};
|
|
879
|
-
var Lt, _t,
|
|
880
|
+
var It, Lt, _t, $t, jt, Et, Dt, y;
|
|
880
881
|
Dt = [x()];
|
|
881
|
-
class
|
|
882
|
+
class j extends (Et = R, jt = [M()], $t = [M()], _t = [M()], Lt = [M()], It = [M()], Et) {
|
|
882
883
|
constructor() {
|
|
883
884
|
super(...arguments);
|
|
884
885
|
f(this, "activeTab", a(y, 8, this, "")), a(y, 11, this);
|
|
885
886
|
f(this, "dock", a(y, 12, this, "bottom")), a(y, 15, this);
|
|
886
887
|
f(this, "dockMenuOpen", a(y, 16, this, !1)), a(y, 19, this);
|
|
887
|
-
f(this, "bottomSize", a(y, 20, this,
|
|
888
|
-
f(this, "vertSize", a(y, 24, this,
|
|
888
|
+
f(this, "bottomSize", a(y, 20, this, nn)), a(y, 23, this);
|
|
889
|
+
f(this, "vertSize", a(y, 24, this, rn)), a(y, 27, this);
|
|
889
890
|
}
|
|
890
891
|
get p() {
|
|
891
892
|
return this.props;
|
|
@@ -895,41 +896,41 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
895
896
|
}
|
|
896
897
|
handleMouseDown(e) {
|
|
897
898
|
e.preventDefault();
|
|
898
|
-
const n = e.clientX,
|
|
899
|
+
const n = e.clientX, i = e.clientY, s = this.dock, l = s === "bottom" || s === "top" ? this.bottomSize : this.vertSize, p = (h) => {
|
|
899
900
|
const m = this.dock;
|
|
900
901
|
m === "bottom" ? this.bottomSize = Math.max(
|
|
901
|
-
|
|
902
|
+
Te,
|
|
902
903
|
Math.min(
|
|
903
904
|
window.innerHeight * 0.85,
|
|
904
|
-
|
|
905
|
+
l + (i - h.clientY)
|
|
905
906
|
)
|
|
906
907
|
) : m === "top" ? this.bottomSize = Math.max(
|
|
907
|
-
|
|
908
|
+
Te,
|
|
908
909
|
Math.min(
|
|
909
910
|
window.innerHeight * 0.85,
|
|
910
|
-
|
|
911
|
+
l + (h.clientY - i)
|
|
911
912
|
)
|
|
912
913
|
) : m === "left" ? this.vertSize = Math.max(
|
|
913
914
|
Re,
|
|
914
915
|
Math.min(
|
|
915
916
|
window.innerWidth * 0.6,
|
|
916
|
-
|
|
917
|
+
l + (h.clientX - n)
|
|
917
918
|
)
|
|
918
919
|
) : this.vertSize = Math.max(
|
|
919
920
|
Re,
|
|
920
921
|
Math.min(
|
|
921
922
|
window.innerWidth * 0.6,
|
|
922
|
-
|
|
923
|
+
l + (n - h.clientX)
|
|
923
924
|
)
|
|
924
925
|
);
|
|
925
|
-
},
|
|
926
|
-
document.removeEventListener("mousemove",
|
|
926
|
+
}, g = () => {
|
|
927
|
+
document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
|
|
927
928
|
};
|
|
928
|
-
document.addEventListener("mousemove",
|
|
929
|
+
document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
|
|
929
930
|
}
|
|
930
931
|
render() {
|
|
931
|
-
const { plugins: e, registry: n, onClose:
|
|
932
|
-
return /* @__PURE__ */
|
|
932
|
+
const { plugins: e, registry: n, onClose: i } = this.p;
|
|
933
|
+
return /* @__PURE__ */ c(
|
|
933
934
|
"div",
|
|
934
935
|
{
|
|
935
936
|
class: () => {
|
|
@@ -937,7 +938,7 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
937
938
|
return s === "top" ? "flex flex-col-reverse fixed top-0 left-0 w-full z-[2147483647]" : s === "left" ? "flex flex-row-reverse fixed left-0 top-0 h-screen z-[2147483647]" : s === "right" ? "flex fixed right-0 top-0 h-screen z-[2147483647]" : "flex flex-col fixed bottom-0 left-0 w-full z-[2147483647]";
|
|
938
939
|
},
|
|
939
940
|
children: [
|
|
940
|
-
/* @__PURE__ */
|
|
941
|
+
/* @__PURE__ */ o(
|
|
941
942
|
"div",
|
|
942
943
|
{
|
|
943
944
|
class: () => {
|
|
@@ -949,7 +950,7 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
949
950
|
}
|
|
950
951
|
}
|
|
951
952
|
),
|
|
952
|
-
/* @__PURE__ */
|
|
953
|
+
/* @__PURE__ */ o(
|
|
953
954
|
"div",
|
|
954
955
|
{
|
|
955
956
|
class: () => {
|
|
@@ -960,13 +961,13 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
960
961
|
const s = this.dock;
|
|
961
962
|
return s === "bottom" || s === "top" ? { height: `${this.bottomSize.toString()}px` } : { width: `${this.vertSize.toString()}px` };
|
|
962
963
|
},
|
|
963
|
-
children: /* @__PURE__ */
|
|
964
|
-
/* @__PURE__ */
|
|
965
|
-
/* @__PURE__ */
|
|
966
|
-
/* @__PURE__ */
|
|
967
|
-
/* @__PURE__ */
|
|
964
|
+
children: /* @__PURE__ */ c("div", { class: "flex flex-col flex-1 w-full h-full overflow-hidden", children: [
|
|
965
|
+
/* @__PURE__ */ c("div", { class: "flex h-10 items-stretch border-b border-border bg-header shrink-0 px-2 gap-[2px]", children: [
|
|
966
|
+
/* @__PURE__ */ c("div", { class: "flex items-center gap-[6px] pr-3 mr-[2px] border-r border-border shrink-0", children: [
|
|
967
|
+
/* @__PURE__ */ o("img", { class: "h-[13px] w-[13px]", src: At }),
|
|
968
|
+
/* @__PURE__ */ o("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "praxisjs" })
|
|
968
969
|
] }),
|
|
969
|
-
/* @__PURE__ */
|
|
970
|
+
/* @__PURE__ */ o("div", { class: "flex items-stretch flex-1", children: e.map((s) => /* @__PURE__ */ c(
|
|
970
971
|
"button",
|
|
971
972
|
{
|
|
972
973
|
class: () => this.activeTab === s.id ? "relative flex items-center px-3 text-[11px] font-semibold text-accent cursor-pointer" : "flex items-center px-3 text-[11px] text-muted cursor-pointer hover:text-text transition-colors duration-150",
|
|
@@ -975,31 +976,31 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
975
976
|
},
|
|
976
977
|
children: [
|
|
977
978
|
s.label,
|
|
978
|
-
() => this.activeTab === s.id ? /* @__PURE__ */
|
|
979
|
+
() => this.activeTab === s.id ? /* @__PURE__ */ o("span", { class: "absolute bottom-0 left-0 right-0 h-[2px] bg-accent" }) : null
|
|
979
980
|
]
|
|
980
981
|
},
|
|
981
982
|
s.id
|
|
982
983
|
)) }),
|
|
983
|
-
/* @__PURE__ */
|
|
984
|
-
/* @__PURE__ */
|
|
985
|
-
/* @__PURE__ */
|
|
984
|
+
/* @__PURE__ */ c("div", { class: "flex items-center gap-[2px] shrink-0", children: [
|
|
985
|
+
/* @__PURE__ */ c("div", { class: "relative", children: [
|
|
986
|
+
/* @__PURE__ */ o(
|
|
986
987
|
T,
|
|
987
988
|
{
|
|
988
989
|
title: "Dock position",
|
|
989
|
-
icon:
|
|
990
|
+
icon: re,
|
|
990
991
|
active: () => this.dockMenuOpen,
|
|
991
992
|
onClick: () => {
|
|
992
993
|
this.dockMenuOpen = !this.dockMenuOpen;
|
|
993
994
|
}
|
|
994
995
|
}
|
|
995
996
|
),
|
|
996
|
-
() => this.dockMenuOpen ? /* @__PURE__ */
|
|
997
|
-
(s) => /* @__PURE__ */
|
|
997
|
+
() => this.dockMenuOpen ? /* @__PURE__ */ o("div", { class: "absolute right-0 top-full mt-1 flex gap-[2px] bg-bg border border-border rounded-md shadow-lg p-1 z-10", children: ["bottom", "top", "left", "right"].map(
|
|
998
|
+
(s) => /* @__PURE__ */ o(
|
|
998
999
|
T,
|
|
999
1000
|
{
|
|
1000
1001
|
title: `Dock ${s}`,
|
|
1001
1002
|
active: () => this.dock === s,
|
|
1002
|
-
icon:
|
|
1003
|
+
icon: on[s],
|
|
1003
1004
|
onClick: () => {
|
|
1004
1005
|
this.dock = s, this.dockMenuOpen = !1;
|
|
1005
1006
|
}
|
|
@@ -1008,13 +1009,13 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
1008
1009
|
)
|
|
1009
1010
|
) }) : null
|
|
1010
1011
|
] }),
|
|
1011
|
-
/* @__PURE__ */
|
|
1012
|
-
/* @__PURE__ */
|
|
1012
|
+
/* @__PURE__ */ o("div", { class: "w-px h-3 bg-border mx-1" }),
|
|
1013
|
+
/* @__PURE__ */ o(T, { title: "Close", icon: le, onClick: i })
|
|
1013
1014
|
] })
|
|
1014
1015
|
] }),
|
|
1015
|
-
/* @__PURE__ */
|
|
1016
|
-
const
|
|
1017
|
-
return
|
|
1016
|
+
/* @__PURE__ */ o("div", { class: "flex-1 overflow-hidden flex flex-col", children: () => {
|
|
1017
|
+
const l = e.find((p) => p.id === this.activeTab)?.component;
|
|
1018
|
+
return l ? /* @__PURE__ */ o(l, { registry: n }) : null;
|
|
1018
1019
|
} })
|
|
1019
1020
|
] })
|
|
1020
1021
|
}
|
|
@@ -1024,26 +1025,26 @@ class I extends (Et = G, jt = [k()], $t = [k()], It = [k()], _t = [k()], Lt = [k
|
|
|
1024
1025
|
);
|
|
1025
1026
|
}
|
|
1026
1027
|
}
|
|
1027
|
-
y =
|
|
1028
|
-
const
|
|
1028
|
+
y = b(Et), d(y, 5, "activeTab", jt, j), d(y, 5, "dock", $t, j), d(y, 5, "dockMenuOpen", _t, j), d(y, 5, "bottomSize", Lt, j), d(y, 5, "vertSize", It, j), j = d(y, 0, "Panel", Dt, j), a(y, 1, j);
|
|
1029
|
+
const sn = [
|
|
1030
|
+
Qt,
|
|
1029
1031
|
Zt,
|
|
1030
|
-
|
|
1031
|
-
Vt
|
|
1032
|
+
en
|
|
1032
1033
|
];
|
|
1033
|
-
var Nt, Ut, Ot,
|
|
1034
|
+
var Nt, Ut, Ot, A;
|
|
1034
1035
|
Ot = [x()];
|
|
1035
|
-
class
|
|
1036
|
+
class B extends (Ut = R, Nt = [M()], Ut) {
|
|
1036
1037
|
constructor() {
|
|
1037
1038
|
super(...arguments);
|
|
1038
|
-
f(this, "open", a(
|
|
1039
|
+
f(this, "open", a(A, 8, this, !1)), a(A, 11, this);
|
|
1039
1040
|
}
|
|
1040
1041
|
get p() {
|
|
1041
1042
|
return this.props;
|
|
1042
1043
|
}
|
|
1043
1044
|
render() {
|
|
1044
1045
|
const { plugins: e, registry: n } = this.p;
|
|
1045
|
-
return /* @__PURE__ */
|
|
1046
|
-
|
|
1046
|
+
return /* @__PURE__ */ o("div", { children: () => this.open ? /* @__PURE__ */ o(
|
|
1047
|
+
j,
|
|
1047
1048
|
{
|
|
1048
1049
|
plugins: e,
|
|
1049
1050
|
registry: n,
|
|
@@ -1051,7 +1052,7 @@ class F extends (Ut = G, Nt = [k()], Ut) {
|
|
|
1051
1052
|
this.open = !1;
|
|
1052
1053
|
}
|
|
1053
1054
|
}
|
|
1054
|
-
) : /* @__PURE__ */
|
|
1055
|
+
) : /* @__PURE__ */ c(
|
|
1055
1056
|
"button",
|
|
1056
1057
|
{
|
|
1057
1058
|
onClick: () => {
|
|
@@ -1059,42 +1060,42 @@ class F extends (Ut = G, Nt = [k()], Ut) {
|
|
|
1059
1060
|
},
|
|
1060
1061
|
class: "fixed bottom-5 right-5 z-[2147483647] flex items-center gap-1 pl-[10px] pr-[14px] h-[32px] rounded-xl font-sans font-semibold text-[12px] text-accent bg-header border border-border cursor-pointer select-none shadow-[0_8px_32px_rgba(0,0,0,0.7)] transition-all duration-200 hover:border-accent hover:bg-soft hover:shadow-[0_8px_32px_rgba(56,189,248,0.1)]",
|
|
1061
1062
|
children: [
|
|
1062
|
-
/* @__PURE__ */
|
|
1063
|
-
/* @__PURE__ */
|
|
1063
|
+
/* @__PURE__ */ o("img", { class: "h-[13px] w-[13px]", src: At }),
|
|
1064
|
+
/* @__PURE__ */ o("span", { class: "text-[10px] font-bold text-accent tracking-widest uppercase", children: "devtools" })
|
|
1064
1065
|
]
|
|
1065
1066
|
}
|
|
1066
1067
|
) });
|
|
1067
1068
|
}
|
|
1068
1069
|
}
|
|
1069
|
-
|
|
1070
|
-
const
|
|
1071
|
-
plugins: [...
|
|
1070
|
+
A = b(Ut), d(A, 5, "open", Nt, B), B = d(A, 0, "DevToolsApp", Ot, B), a(A, 1, B);
|
|
1071
|
+
const En = {
|
|
1072
|
+
plugins: [...sn],
|
|
1072
1073
|
host: null,
|
|
1073
1074
|
cleanup: null,
|
|
1074
1075
|
init(r = {}) {
|
|
1075
1076
|
if (this.host) return;
|
|
1076
|
-
r.plugins && (this.plugins = r.plugins), this.plugins.forEach((s) => s.setup?.(
|
|
1077
|
+
r.plugins && (this.plugins = r.plugins), this.plugins.forEach((s) => s.setup?.(v.instance));
|
|
1077
1078
|
const t = document.createElement("div");
|
|
1078
1079
|
t.id = "praxisjs-devtools", document.body.appendChild(t), this.host = t;
|
|
1079
1080
|
const e = t.attachShadow({ mode: "open" }), n = document.createElement("style");
|
|
1080
|
-
n.textContent =
|
|
1081
|
-
const
|
|
1082
|
-
e.appendChild(
|
|
1083
|
-
() => /* @__PURE__ */
|
|
1084
|
-
|
|
1081
|
+
n.textContent = tn + Jt, e.appendChild(n);
|
|
1082
|
+
const i = document.createElement("div");
|
|
1083
|
+
e.appendChild(i), this.cleanup = He(
|
|
1084
|
+
() => /* @__PURE__ */ o(B, { plugins: this.plugins, registry: v.instance }),
|
|
1085
|
+
i
|
|
1085
1086
|
);
|
|
1086
1087
|
},
|
|
1087
1088
|
registerPlugin(r) {
|
|
1088
|
-
this.plugins.find((t) => t.id === r.id) || (r.setup?.(
|
|
1089
|
+
this.plugins.find((t) => t.id === r.id) || (r.setup?.(v.instance), this.plugins.push(r), this.remount());
|
|
1089
1090
|
},
|
|
1090
1091
|
get registry() {
|
|
1091
|
-
return
|
|
1092
|
+
return v.instance;
|
|
1092
1093
|
},
|
|
1093
1094
|
remount() {
|
|
1094
1095
|
if (!this.host) return;
|
|
1095
1096
|
const t = this.host.shadowRoot.querySelector("div:last-child");
|
|
1096
1097
|
this.cleanup?.(), this.cleanup = He(
|
|
1097
|
-
() => /* @__PURE__ */
|
|
1098
|
+
() => /* @__PURE__ */ o(B, { plugins: this.plugins, registry: v.instance }),
|
|
1098
1099
|
t
|
|
1099
1100
|
);
|
|
1100
1101
|
}
|
|
@@ -1102,85 +1103,103 @@ const $n = {
|
|
|
1102
1103
|
function We(r) {
|
|
1103
1104
|
return typeof r == "function" && typeof r.subscribe == "function" && !("set" in r);
|
|
1104
1105
|
}
|
|
1105
|
-
function
|
|
1106
|
-
return function(
|
|
1107
|
-
const
|
|
1108
|
-
if (
|
|
1109
|
-
const
|
|
1110
|
-
return function(...
|
|
1111
|
-
const p = this.constructor.name,
|
|
1112
|
-
let h,
|
|
1106
|
+
function Dn(r = {}) {
|
|
1107
|
+
return function(e, n) {
|
|
1108
|
+
const i = r.label ?? n.name;
|
|
1109
|
+
if (n.kind === "method") {
|
|
1110
|
+
const s = e;
|
|
1111
|
+
return function(...l) {
|
|
1112
|
+
const p = this.constructor.name, g = performance.now();
|
|
1113
|
+
let h, m = !1;
|
|
1113
1114
|
try {
|
|
1114
|
-
h =
|
|
1115
|
-
} catch (
|
|
1116
|
-
throw
|
|
1115
|
+
h = s.apply(this, l);
|
|
1116
|
+
} catch (u) {
|
|
1117
|
+
throw m = !0, h = u, u;
|
|
1117
1118
|
} finally {
|
|
1118
|
-
const
|
|
1119
|
-
|
|
1119
|
+
const u = performance.now() - g;
|
|
1120
|
+
v.instance.recordMethodCall(
|
|
1120
1121
|
this,
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1122
|
+
i,
|
|
1123
|
+
l,
|
|
1124
|
+
m ? `throw ${String(h)}` : h,
|
|
1125
|
+
u,
|
|
1125
1126
|
p
|
|
1126
1127
|
);
|
|
1127
1128
|
}
|
|
1128
1129
|
return h;
|
|
1129
1130
|
};
|
|
1130
1131
|
}
|
|
1131
|
-
|
|
1132
|
-
const
|
|
1133
|
-
|
|
1134
|
-
const
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1132
|
+
if (n.kind === "getter") {
|
|
1133
|
+
const s = e;
|
|
1134
|
+
n.addInitializer(function() {
|
|
1135
|
+
const l = this, p = l.constructor.name;
|
|
1136
|
+
queueMicrotask(() => {
|
|
1137
|
+
const g = Yt(() => s.call(l));
|
|
1138
|
+
let h = !0, m = g();
|
|
1139
|
+
v.instance.registerSignal(l, i, m, p), g.subscribe((u) => {
|
|
1140
|
+
if (h) {
|
|
1141
|
+
h = !1;
|
|
1142
|
+
return;
|
|
1143
|
+
}
|
|
1144
|
+
v.instance.updateSignal(l, i, u, m), m = u;
|
|
1145
|
+
});
|
|
1146
|
+
});
|
|
1147
|
+
});
|
|
1148
|
+
return;
|
|
1149
|
+
}
|
|
1150
|
+
n.addInitializer(function() {
|
|
1151
|
+
const s = this, l = n.name, p = s.constructor.name, g = Object.getOwnPropertyDescriptor(s, l);
|
|
1152
|
+
if (g?.get && g.set) {
|
|
1153
|
+
const k = g.get, z = g.set;
|
|
1154
|
+
v.instance.registerSignal(
|
|
1155
|
+
s,
|
|
1156
|
+
i,
|
|
1157
|
+
k.call(s),
|
|
1139
1158
|
p
|
|
1140
|
-
), Object.defineProperty(
|
|
1159
|
+
), Object.defineProperty(s, l, {
|
|
1141
1160
|
get() {
|
|
1142
|
-
return
|
|
1161
|
+
return k.call(this);
|
|
1143
1162
|
},
|
|
1144
|
-
set(
|
|
1145
|
-
const
|
|
1146
|
-
|
|
1163
|
+
set(_) {
|
|
1164
|
+
const U = k.call(this);
|
|
1165
|
+
z.call(this, _), v.instance.updateSignal(this, i, _, U);
|
|
1147
1166
|
},
|
|
1148
1167
|
enumerable: !0,
|
|
1149
1168
|
configurable: !0
|
|
1150
1169
|
});
|
|
1151
1170
|
return;
|
|
1152
1171
|
}
|
|
1153
|
-
const h =
|
|
1154
|
-
if (Reflect.deleteProperty(
|
|
1172
|
+
const h = s[l];
|
|
1173
|
+
if (Reflect.deleteProperty(s, l), !We(h)) {
|
|
1155
1174
|
h !== void 0 && console.warn(
|
|
1156
|
-
`[PraxisJS DevTools] @Debug() on "${p}.${
|
|
1157
|
-
),
|
|
1175
|
+
`[PraxisJS DevTools] @Debug() on "${p}.${l}": expected a computed() value but got ${typeof h}. Skipping.`
|
|
1176
|
+
), s[l] = h;
|
|
1158
1177
|
return;
|
|
1159
1178
|
}
|
|
1160
|
-
let
|
|
1161
|
-
function
|
|
1162
|
-
let
|
|
1163
|
-
const
|
|
1164
|
-
if (
|
|
1165
|
-
|
|
1179
|
+
let m;
|
|
1180
|
+
function u(k) {
|
|
1181
|
+
let z = !0, _ = k();
|
|
1182
|
+
const U = k.subscribe((W) => {
|
|
1183
|
+
if (z) {
|
|
1184
|
+
z = !1;
|
|
1166
1185
|
return;
|
|
1167
1186
|
}
|
|
1168
|
-
|
|
1187
|
+
v.instance.updateSignal(s, i, W, _), _ = W;
|
|
1169
1188
|
});
|
|
1170
|
-
return
|
|
1189
|
+
return v.instance.registerSignal(s, i, _, p), U;
|
|
1171
1190
|
}
|
|
1172
|
-
|
|
1191
|
+
m = { computed: h, unsub: u(h) }, Object.defineProperty(s, l, {
|
|
1173
1192
|
get() {
|
|
1174
|
-
return
|
|
1193
|
+
return m.computed;
|
|
1175
1194
|
},
|
|
1176
|
-
set(
|
|
1177
|
-
if (
|
|
1195
|
+
set(k) {
|
|
1196
|
+
if (m.unsub(), !We(k)) {
|
|
1178
1197
|
console.warn(
|
|
1179
|
-
`[PraxisJS DevTools] @Debug() on "${p}.${
|
|
1198
|
+
`[PraxisJS DevTools] @Debug() on "${p}.${l}": expected a computed() value but got ${typeof k}. Skipping.`
|
|
1180
1199
|
);
|
|
1181
1200
|
return;
|
|
1182
1201
|
}
|
|
1183
|
-
|
|
1202
|
+
m = { computed: k, unsub: u(k) };
|
|
1184
1203
|
},
|
|
1185
1204
|
enumerable: !0,
|
|
1186
1205
|
configurable: !0
|
|
@@ -1188,39 +1207,39 @@ function jn(r = {}) {
|
|
|
1188
1207
|
});
|
|
1189
1208
|
};
|
|
1190
1209
|
}
|
|
1191
|
-
function
|
|
1210
|
+
function Nn() {
|
|
1192
1211
|
return function(r, t) {
|
|
1193
|
-
const e = r.name, n =
|
|
1194
|
-
s && (
|
|
1195
|
-
const
|
|
1196
|
-
return n.recordRender(this,
|
|
1212
|
+
const e = r.name, n = v.instance, i = r.prototype, s = i.render;
|
|
1213
|
+
s && (i.render = function(...g) {
|
|
1214
|
+
const h = performance.now(), m = s.call(this, ...g), u = performance.now() - h;
|
|
1215
|
+
return n.recordRender(this, u), m;
|
|
1197
1216
|
});
|
|
1198
|
-
const
|
|
1199
|
-
|
|
1200
|
-
return n.registerComponent(this, e), n.recordLifecycle(this, "onBeforeMount"),
|
|
1217
|
+
const l = i.onBeforeMount;
|
|
1218
|
+
i.onBeforeMount = function(...g) {
|
|
1219
|
+
return n.registerComponent(this, e), n.recordLifecycle(this, "onBeforeMount"), l?.call(this, ...g);
|
|
1201
1220
|
};
|
|
1202
|
-
const
|
|
1221
|
+
const p = [
|
|
1203
1222
|
"onMount",
|
|
1204
1223
|
"onUnmount",
|
|
1205
1224
|
"onBeforeUpdate",
|
|
1206
1225
|
"onUpdate",
|
|
1207
1226
|
"onAfterUpdate"
|
|
1208
1227
|
];
|
|
1209
|
-
for (const
|
|
1210
|
-
const
|
|
1211
|
-
|
|
1212
|
-
return n.recordLifecycle(this,
|
|
1228
|
+
for (const g of p) {
|
|
1229
|
+
const h = i[g];
|
|
1230
|
+
i[g] = function(...m) {
|
|
1231
|
+
return n.recordLifecycle(this, g), h?.call(this, ...m);
|
|
1213
1232
|
};
|
|
1214
1233
|
}
|
|
1215
1234
|
return r;
|
|
1216
1235
|
};
|
|
1217
1236
|
}
|
|
1218
1237
|
export {
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1238
|
+
Zt as ComponentsPlugin,
|
|
1239
|
+
Dn as Debug,
|
|
1240
|
+
En as DevTools,
|
|
1241
|
+
v as Registry,
|
|
1242
|
+
Qt as SignalsPlugin,
|
|
1243
|
+
en as TimelinePlugin,
|
|
1244
|
+
Nn as Trace
|
|
1226
1245
|
};
|