@vue/devtools-electron 8.0.1 → 8.0.3

package/client/{settings-B7z3XkWa.js → settings-DEG_TfAU.js}

@@ -1,5 +1,5 @@
-import { d as ee, j as le, k as P, l as te, m as B, p as oe, i as ne, c as m, q as a, b as l, F as x, s as E, u as t, a as _, w as d, v as U, M as $, y as p, z as se, A as ae, o as r, e as j, t as I, B as F, n as O, D as ie, E as z, G as ue, H as R, I as h, J as V, K as de } from "./index-CY7IKY7E.js";
-import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-mFqaFlPj.js";
+import { d as ee, k as le, l as B, m as te, p as E, q as oe, i as ne, c as m, s as a, b as l, F as x, v as $, u as t, a as U, w as d, x as I, M as F, z as p, A as se, B as ae, o as r, e as R, t as O, D as _, n as z, _ as ie, E as D, G as ue, H as h, I as j, J as V, K as de } from "./index-e6Cke-ty.js";
+import { _ as re } from "./IconTitle.vue_vue_type_script_setup_true_lang-DLtdfn-T.js";
 const pe = {
   "h-full": "",
   "w-full": "",
@@ -24,10 +24,10 @@ const pe = {
   "justify-start": "",
   "pr-4": "",
   "text-sm": ""
-}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, we = { class: "flex items-center gap2 text-sm" }, Ce = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, _e = { flex: "~ gap-2" }, ze = /* @__PURE__ */ ee({
+}, ce = ["onClick"], be = ["onClick"], ye = ["onClick"], Ve = { flex: "~ col gap-2" }, ke = { flex: "~ gap2" }, we = { class: "flex items-center gap2 text-sm" }, Ce = { class: "flex items-center gap2 text-sm" }, Se = { class: "flex items-center gap2 text-sm" }, Te = { class: "flex items-center gap2 text-sm" }, Ue = { flex: "~ gap-2" }, De = /* @__PURE__ */ ee({
   __name: "settings",
-  setup(Ue) {
-    const { categorizedTabs: H } = le(), D = ae(), q = D === "iframe" || D === "separate-window", { scale: k, interactionCloseOnOutsideClick: w, showPanel: C, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = P(te(B)), J = [
+  setup(Ie) {
+    const { categorizedTabs: H } = le(), A = ae(), q = A === "iframe" || A === "separate-window", { scale: k, interactionCloseOnOutsideClick: w, showPanel: C, minimizePanelInteractive: g, expandSidebar: S, scrollableSidebar: T, reduceMotion: G } = B(te(E)), J = [
       ["Tiny", 12 / 15],
       ["Small", 14 / 15],
       ["Normal", 1],
@@ -40,7 +40,7 @@ const pe = {
       ["5s", 5e3],
       ["10s", 1e4],
       ["Never", -1]
-    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = P(B.value.tabSettings);
+    ], { hiddenTabCategories: c, hiddenTabs: b, pinnedTabs: i } = B(E.value.tabSettings);
     function Q(s, e) {
       e ? b.value = b.value.filter((u) => u !== s) : b.value.push(s);
     }
@@ -50,7 +50,7 @@ const pe = {
     function X(s) {
       i.value.includes(s) ? i.value = i.value.filter((e) => e !== s) : i.value.push(s);
     }
-    function A(s, e) {
+    function L(s, e) {
       const u = i.value.indexOf(s);
       if (u === -1)
         return;
@@ -64,7 +64,7 @@ const pe = {
     async function Y() {
       de(), window.location.reload();
     }
-    const L = K.map(([s, e]) => ({ label: s, value: e })), Z = ne(() => `${L.find((e) => e.value === g.value)?.label ?? "Select..."}`);
+    const M = K.map(([s, e]) => ({ label: s, value: e })), Z = ne(() => `${M.find((e) => e.value === g.value)?.label ?? "Select..."}`);
     return (s, e) => {
       const u = re, v = ie;
       return r(), m("div", pe, [
@@ -76,22 +76,22 @@ const pe = {
         l("div", me, [
           l("div", ve, [
             e[12] || (e[12] = l("h3", { "text-lg": "" }, " Tabs ", -1)),
-            (r(!0), m(x, null, E(t(H), ([{ name: o, hidden: f }, M]) => (r(), m(x, { key: o }, [
-              M.length ? (r(), j(t(U), {
+            (r(!0), m(x, null, $(t(H), ([{ name: o, hidden: f }, N]) => (r(), m(x, { key: o }, [
+              N.length ? (r(), R(t(I), {
                 key: 0,
                 p3: "",
                 flex: "~ col gap-1",
-                class: O(f ? "op50 grayscale" : "")
+                class: z(f ? "op50 grayscale" : "")
               }, {
                 default: d(() => [
-                  a(t(F), {
+                  a(t(_), {
                     "model-value": !t(c).includes(o),
                     class: "row-reverse flex py1 pl2 pr1 hover:bg-active",
                     "onUpdate:modelValue": (n) => W(o, n)
                   }, {
                     default: d(() => [
                       l("div", fe, [
-                        l("span", xe, I(o), 1)
+                        l("span", xe, O(o), 1)
                       ])
                     ]),
                     _: 2
@@ -103,11 +103,11 @@ const pe = {
                     border: "b base",
                     op75: ""
                   }, null, -1)),
-                  (r(!0), m(x, null, E(M, (n) => (r(), j(t(F), {
+                  (r(!0), m(x, null, $(N, (n) => (r(), R(t(_), {
                     key: n.name,
-                    class: O(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active", n.hidden ? "op35" : ""]),
+                    class: z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active", n.hidden ? "op35" : ""]),
                     "model-value": !t(b).includes(n.name),
-                    "onUpdate:modelValue": (N) => Q(n.name, N)
+                    "onUpdate:modelValue": (P) => Q(n.name, P)
                   }, {
                     default: d(() => [
                       l("div", ge, [
@@ -117,32 +117,32 @@ const pe = {
                           fallback: n.fallbackIcon,
                           title: n.title
                         }, null, 8, ["icon", "fallback", "title"]),
-                        l("span", null, I(n.title), 1),
+                        l("span", null, O(n.title), 1),
                         e[10] || (e[10] = l("div", { "flex-auto": "" }, null, -1)),
                         t(i).includes(n.name) ? (r(), m(x, { key: 0 }, [
                           l("button", {
                             class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                            onClick: z(() => {
-                              t(i).indexOf(n.name) !== 0 && A(n.name, -1);
+                            onClick: D(() => {
+                              t(i).indexOf(n.name) !== 0 && L(n.name, -1);
                             }, ["stop"])
-                          }, e[8] || (e[8] = [
+                          }, [...e[8] || (e[8] = [
                             l("div", { class: "i-carbon-caret-up" }, null, -1)
-                          ]), 8, ce),
+                          ])], 8, ce),
                           l("button", {
                             class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                            onClick: z(() => {
-                              t(i).indexOf(n.name) !== t(i).length - 1 && A(n.name, 1);
+                            onClick: D(() => {
+                              t(i).indexOf(n.name) !== t(i).length - 1 && L(n.name, 1);
                             }, ["stop"])
-                          }, e[9] || (e[9] = [
+                          }, [...e[9] || (e[9] = [
                             l("div", { class: "i-carbon-caret-down" }, null, -1)
-                          ]), 8, be)
-                        ], 64)) : _("", !0),
+                          ])], 8, be)
+                        ], 64)) : U("", !0),
                         l("button", {
                           class: "flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",
-                          onClick: z((N) => X(n.name), ["stop"])
+                          onClick: D((P) => X(n.name), ["stop"])
                         }, [
                           l("div", {
-                            class: O(t(i).includes(n.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
+                            class: z(t(i).includes(n.name) ? " i-carbon-pin-filled rotate--45" : " i-carbon-pin op45")
                           }, null, 2)
                         ], 8, ye)
                       ])
@@ -150,14 +150,13 @@ const pe = {
                     _: 2
                   }, 1032, ["model-value", "class", "onUpdate:modelValue"]))), 128))
                 ]),
-                _: 2,
-                __: [11]
-              }, 1032, ["class"])) : _("", !0)
+                _: 2
+              }, 1032, ["class"])) : U("", !0)
             ], 64))), 128))
           ]),
           l("div", Ve, [
             e[25] || (e[25] = l("h3", { "text-lg": "" }, " Appearance ", -1)),
-            a(t(U), {
+            a(t(I), {
               p4: "",
               flex: "~ col gap-2"
             }, {
@@ -167,7 +166,7 @@ const pe = {
                     animation: !t(G)
                   }, {
                     default: d(({ isDark: o, toggle: f }) => [
-                      a(t($), {
+                      a(t(F), {
                         outlined: "",
                         type: "primary",
                         onClick: f
@@ -178,10 +177,9 @@ const pe = {
                             "dark:i-carbon-moon": "",
                             "translate-y--1px": ""
                           }, null, -1)),
-                          R(" " + I(o ? "Dark" : "Light"), 1)
+                          h(" " + O(o ? "Dark" : "Light"), 1)
                         ]),
-                        _: 2,
-                        __: [13]
+                        _: 2
                       }, 1032, ["onClick"])
                     ]),
                     _: 1
@@ -196,7 +194,7 @@ const pe = {
                 }, null, -1)),
                 e[17] || (e[17] = l("p", null, "UI Scale", -1)),
                 l("div", null, [
-                  a(t(h), {
+                  a(t(j), {
                     modelValue: t(k),
                     "onUpdate:modelValue": e[0] || (e[0] = (o) => p(k) ? k.value = o : null),
                     options: J.map(([o, f]) => ({ label: o, value: f })),
@@ -225,15 +223,14 @@ const pe = {
                   e[15] || (e[15] = l("span", { op75: "" }, "Scrollable Sidebar", -1))
                 ])
               ]),
-              _: 1,
-              __: [16, 17, 18]
+              _: 1
             }),
             t(q) ? (r(), m(x, { key: 0 }, [
               e[23] || (e[23] = l("h3", {
                 mt2: "",
                 "text-lg": ""
               }, " Features ", -1)),
-              a(t(U), {
+              a(t(I), {
                 p4: "",
                 flex: "~ col gap-2"
               }, {
@@ -261,35 +258,33 @@ const pe = {
                   }, null, -1)),
                   e[22] || (e[22] = l("p", null, "Minimize floating panel on inactive", -1)),
                   l("div", null, [
-                    a(t(h), {
+                    a(t(j), {
                       modelValue: t(g),
                       "onUpdate:modelValue": e[5] || (e[5] = (o) => p(g) ? g.value = o : null),
                       "button-props": { outlined: !0 },
-                      options: t(L),
+                      options: t(M),
                       placeholder: t(Z)
                     }, null, 8, ["modelValue", "options", "placeholder"])
                   ])
                 ]),
-                _: 1,
-                __: [21, 22]
+                _: 1
               })
-            ], 64)) : _("", !0),
+            ], 64)) : U("", !0),
             e[26] || (e[26] = l("h3", {
               mt2: "",
               "text-lg": ""
             }, " Debug ", -1)),
-            l("div", _e, [
-              a(t($), {
+            l("div", Ue, [
+              a(t(F), {
                 outlined: "",
                 type: "warning",
                 onClick: e[6] || (e[6] = (o) => y.value = !0)
               }, {
-                default: d(() => e[24] || (e[24] = [
+                default: d(() => [...e[24] || (e[24] = [
                   l("div", { "i-carbon-breaking-change": "" }, null, -1),
-                  R(" Reset Local Settings & State ", -1)
-                ])),
-                _: 1,
-                __: [24]
+                  h(" Reset Local Settings & State ", -1)
+                ])]),
+                _: 1
               }),
               a(t(se), {
                 modelValue: t(y),
@@ -308,5 +303,5 @@ const pe = {
   }
 });
 export {
-  ze as default
+  De as default
 };

package/client/{timeline-DPBeIF7u.js → timeline-nZEynGnP.js}

@@ -1,4 +1,4 @@
-import { d as A, ag as V, i as d, Y as I, ah as D, ai as W, aj as j, c as o, o as l, b as i, a as N, u as e, T, ak as L, q as s, al as $, F, s as P, g as w, n as U, H as q, t as z, E as H, W as K, p as h, am as O, a7 as Y, w as E, ae as G, e as J, an as Q, y as M, af as R, ao as X } from "./index-CY7IKY7E.js";
+import { d as A, ag as V, i as c, Y as I, ah as D, ai as U, aj as j, c as o, o as l, b as i, a as N, u as e, T as L, ak as R, s, al as $, F, v as P, g as w, n as W, H as q, t as z, E as H, W as K, q as h, am as O, a7 as Y, w as E, ae as G, e as J, an as Q, z as M, af as C, ao as X } from "./index-e6Cke-ty.js";
 const Z = {
   "h-full": "",
   flex: "",
@@ -16,7 +16,7 @@ const Z = {
 }, oe = {
   key: 1,
   class: "recording-btn bg-black op70 dark:bg-white hover:op100"
-}, ne = { class: "flex items-center gap1" }, se = { class: "p2" }, ie = ["onClick"], re = ["onClick"], de = /* @__PURE__ */ A({
+}, ne = { class: "flex items-center gap1" }, se = { class: "p2" }, ie = ["onClick"], re = ["onClick"], ce = /* @__PURE__ */ A({
   __name: "TimelineLayers",
   props: /* @__PURE__ */ V({
     data: {}
@@ -25,21 +25,21 @@ const Z = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["select", "clear"], ["update:modelValue"]),
-  setup(C, { emit: y }) {
-    const m = y, f = I(), c = d(() => f.timelineLayersState.value.recordingState), r = d(() => f.timelineLayersState.value), b = d(() => c.value ? "Stop recording" : "Start recording"), { colorMode: x } = D();
-    d(() => x.value === "dark");
-    const _ = W(C, "modelValue");
+  setup(S, { emit: y }) {
+    const m = y, f = I(), d = c(() => f.timelineLayersState.value.recordingState), r = c(() => f.timelineLayersState.value), b = c(() => d.value ? "Stop recording" : "Start recording"), { colorMode: x } = D();
+    c(() => x.value === "dark");
+    const g = U(S, "modelValue");
     function u(a) {
-      _.value = a, m("select", a), w.value.updateTimelineLayersState({
+      g.value = a, m("select", a), w.value.updateTimelineLayersState({
         selected: a
       });
     }
     j(() => r.value.selected, (a) => {
-      _.value = a;
+      g.value = a;
     }, {
       immediate: !0
     });
-    function g(a) {
+    function _(a) {
       return {
         mouse: r.value.mouseEventEnabled,
         keyboard: r.value.keyboardEventEnabled,
@@ -49,10 +49,10 @@ const Z = {
     }
     function p() {
       w.value.updateTimelineLayersState({
-        recordingState: !c.value
+        recordingState: !d.value
       });
     }
-    function S(a) {
+    function T(a) {
       const v = {
         mouse: "mouseEventEnabled",
         keyboard: "keyboardEventEnabled",
@@ -60,27 +60,27 @@ const Z = {
         performance: "performanceEventEnabled"
       }[a];
       w.value.updateTimelineLayersState({
-        [v]: !g(a)
+        [v]: !_(a)
       });
     }
     return (a, v) => (l(), o("div", Z, [
       i("div", ee, [
-        e(c) ? N("", !0) : (l(), o("span", te, "Not recording")),
+        e(d) ? N("", !0) : (l(), o("span", te, "Not recording")),
         i("div", ae, [
-          T((l(), o("div", {
+          L((l(), o("div", {
             class: "flex items-center gap1",
             onClick: p
           }, [
-            e(c) ? (l(), o("span", le)) : (l(), o("span", oe))
+            e(d) ? (l(), o("span", le)) : (l(), o("span", oe))
           ])), [
             [
-              e(L),
+              e(R),
               { content: e(b) },
               void 0,
               { "bottom-end": !0 }
             ]
           ]),
-          T((l(), o("div", {
+          L((l(), o("div", {
             class: "flex items-center gap1",
             onClick: v[0] || (v[0] = (t) => m("clear"))
           }, [
@@ -93,13 +93,13 @@ const Z = {
             })
           ])), [
             [
-              e(L),
+              e(R),
               { content: "Clear all timelines" },
               void 0,
               { "bottom-end": !0 }
             ]
           ]),
-          T((l(), o("div", ne, [
+          L((l(), o("div", ne, [
             s(e($), {
               name: "baseline-tips-and-updates",
               "cursor-pointer": "",
@@ -109,7 +109,7 @@ const Z = {
             })
           ])), [
             [
-              e(L),
+              e(R),
               { content: "<p style='width: 285px'>Timeline events can cause significant performance overhead in large applications, so we recommend enabling it only when needed and on-demand. </p>", html: !0 },
               void 0,
               { "bottom-end": !0 }
@@ -118,39 +118,39 @@ const Z = {
         ])
       ]),
       i("ul", se, [
-        (l(!0), o(F, null, P(a.data, (t) => (l(), o("li", {
+        (l(!0), o(F, null, P(S.data, (t) => (l(), o("li", {
           key: t.id,
-          class: U(["group relative selectable-item", { active: t.id === _.value, op60: !g(t.id) }]),
+          class: W(["group relative selectable-item", { active: t.id === g.value, op60: !_(t.id) }]),
           onClick: (n) => u(t.id)
         }, [
           q(z(t.label) + " ", 1),
           i("span", {
             class: "absolute right-2 rounded-1 bg-primary-500 px1 text-3 text-white op0 [.active_&]:bg-primary-400 [.active_&]:dark:bg-gray-600 group-hover:op80 hover:op100!",
-            onClick: H((n) => S(t.id), ["stop"])
-          }, z(g(t.id) ? "Disable" : "Enable"), 9, re)
+            onClick: H((n) => T(t.id), ["stop"])
+          }, z(_(t.id) ? "Disable" : "Enable"), 9, re)
         ], 10, ie))), 128))
       ])
     ]));
   }
-}), ce = /* @__PURE__ */ K(de, [["__scopeId", "data-v-ba7472d9"]]), ue = { class: "h-full w-full" }, pe = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, ve = { class: "h-full flex flex-col" }, me = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, fe = { class: "h-full flex flex-col p2" }, _e = /* @__PURE__ */ A({
+}), de = /* @__PURE__ */ K(ce, [["__scopeId", "data-v-ba7472d9"]]), ue = { class: "h-full w-full" }, pe = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, ve = { class: "h-full flex flex-col" }, me = { class: "no-scrollbar h-full flex select-none gap-2 overflow-scroll" }, fe = { class: "h-full flex flex-col p2" }, ge = /* @__PURE__ */ A({
   __name: "timeline",
-  setup(C) {
-    const y = h(), m = h(), f = h(!1), { width: c } = O(m), r = d(() => f.value ? c.value < 700 : !1), b = I(), x = d(() => b.appRecords.value.map((t) => ({
+  setup(S) {
+    const y = h(), m = h(), f = h(!1), { width: d } = O(m), r = c(() => f.value ? d.value < 700 : !1), b = I(), x = c(() => b.appRecords.value.map((t) => ({
       label: t.name + (t.version ? ` (${t.version})` : ""),
       value: t.id
-    }))), _ = d(() => x.value.map((t) => ({
+    }))), g = c(() => x.value.map((t) => ({
       label: t.label,
       id: t.value
     }))), u = h(b.activeAppRecordId.value);
     Y(() => {
       u.value = b.activeAppRecordId.value;
     });
-    function g(t) {
+    function _(t) {
       w.value.toggleApp(t).then(() => {
         a();
       });
     }
-    const p = h(""), S = [
+    const p = h(""), T = [
       {
         label: "Mouse",
         id: "mouse"
@@ -175,7 +175,7 @@ const Z = {
       a();
     }
     return (t, n) => {
-      const B = ce;
+      const B = de;
       return l(), o("div", ue, [
         s(e(G), {
           ref_key: "splitpanesRef",
@@ -185,7 +185,7 @@ const Z = {
           onReady: n[2] || (n[2] = (k) => f.value = !0)
         }, {
           default: E(() => [
-            e(x).length > 1 ? (l(), J(e(R), {
+            e(x).length > 1 ? (l(), J(e(C), {
               key: 0,
               border: "base h-full",
               size: "20"
@@ -195,15 +195,15 @@ const Z = {
                   s(e(Q), {
                     modelValue: e(u),
                     "onUpdate:modelValue": n[0] || (n[0] = (k) => M(u) ? u.value = k : null),
-                    data: e(_),
+                    data: e(g),
                     class: "w-full",
-                    onSelect: g
+                    onSelect: _
                   }, null, 8, ["modelValue", "data"])
                 ])
               ]),
               _: 1
             })) : N("", !0),
-            s(e(R), {
+            s(e(C), {
               border: "base",
               "h-full": ""
             }, {
@@ -213,7 +213,7 @@ const Z = {
                     s(B, {
                       modelValue: e(p),
                       "onUpdate:modelValue": n[1] || (n[1] = (k) => M(p) ? p.value = k : null),
-                      data: S,
+                      data: T,
                       class: "w-full",
                       onSelect: v,
                       onClear: a
@@ -223,7 +223,7 @@ const Z = {
               ]),
               _: 1
             }),
-            s(e(R), {
+            s(e(C), {
               relative: "",
               "h-full": "",
               size: "65"
@@ -251,5 +251,5 @@ const Z = {
   }
 });
 export {
-  _e as default
+  ge as default
 };

package/dist/cli.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
+const node_child_process = require('node:child_process');
 const electron = require('electron');
-const execa = require('execa');
 const pathe = require('pathe');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -11,8 +11,8 @@ const electron__default = /*#__PURE__*/_interopDefaultCompat(electron);
 
 const appPath = decodeURIComponent(pathe.resolve(new URL("../dist/app.cjs", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href))).pathname));
 const argv = process.argv.slice(2);
-const result = execa.execaSync(electron__default, [appPath].concat(argv), {
+const result = node_child_process.spawnSync(electron__default, [appPath].concat(argv), {
   stdio: "inherit",
-  windowsHide: false
+  shell: process.platform === "win32"
 });
-process.exit(result.exitCode);
+process.exit(result.status ?? 0);

package/dist/cli.mjs

@@ -1,11 +1,11 @@
+import { spawnSync } from 'node:child_process';
 import electron from 'electron';
-import { execaSync } from 'execa';
 import { resolve } from 'pathe';
 
 const appPath = decodeURIComponent(resolve(new URL("../dist/app.cjs", import.meta.url).pathname));
 const argv = process.argv.slice(2);
-const result = execaSync(electron, [appPath].concat(argv), {
+const result = spawnSync(electron, [appPath].concat(argv), {
   stdio: "inherit",
-  windowsHide: false
+  shell: process.platform === "win32"
 });
-process.exit(result.exitCode);
+process.exit(result.status ?? 0);