adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/ConfigSection-CRzYxqW2.js

@@ -0,0 +1,576 @@
+import { defineComponent as re, inject as m, ref as w, computed as x, openBlock as i, createElementBlock as r, createElementVNode as n, normalizeClass as a, createCommentVNode as b, Fragment as _, toDisplayString as u, unref as c, renderList as A, withModifiers as I, normalizeStyle as R } from "vue";
+import { u as ue } from "./index-qCQpBftQ.js";
+import { isRedactedValue as d, flattenConfig as z, TAB_ICONS as g, countLeaves as ce, collectTopLevelObjectKeys as pe, copyWithFeedback as de, formatFlatValue as ve } from "adonisjs-server-stats/core";
+const fe = { style: { position: "relative", flex: 1 } }, he = ["value"], ge = ["title", "onClick"], ye = ["viewBox", "innerHTML"], be = ["viewBox", "innerHTML"], $e = ["onClick"], we = { key: 0 }, xe = ["title", "onClick"], ke = ["viewBox", "innerHTML"], Ce = ["viewBox", "innerHTML"], _e = ["onClick"], Se = { key: 0 }, Be = { style: { padding: "4px 16px", fontSize: "10px", color: "var(--ss-muted)" } }, Le = ["onClick"], He = ["title"], Te = ["title"], je = ["title", "onClick"], Me = ["viewBox", "innerHTML"], me = ["viewBox", "innerHTML"], Ae = ["onClick"], Ie = ["title", "onClick"], Ee = ["viewBox", "innerHTML"], Ve = ["viewBox", "innerHTML"], Oe = {
+  key: 1,
+  style: { color: "var(--ss-dim)" }
+}, Re = {
+  key: 3,
+  style: { color: "var(--ss-amber-fg)" }
+}, ze = {
+  key: 4,
+  style: { color: "var(--ss-purple-fg)" }
+}, Ne = { key: 5 }, Ke = ["onClick"], l = "ss-dash", Pe = /* @__PURE__ */ re({
+  __name: "ConfigSection",
+  setup(We) {
+    const P = m("ss-refresh-key", w(0)), U = m("ss-base-url", ""), Y = m("ss-dashboard-endpoint", "/__stats/api"), q = m("ss-auth-token", void 0), { data: N, loading: G } = ue(() => "config", {
+      baseUrl: U,
+      dashboardEndpoint: Y,
+      authToken: q,
+      refreshKey: P
+    }), S = w(""), k = w(""), $ = w("app"), C = w(/* @__PURE__ */ new Set()), E = w("Copy JSON"), v = w(/* @__PURE__ */ new Set()), K = w(/* @__PURE__ */ new Map());
+    let V = null;
+    function Q(t) {
+      S.value = t, V && clearTimeout(V), V = setTimeout(() => {
+        k.value = t;
+      }, 200);
+    }
+    function X(t) {
+      return t.target.value;
+    }
+    const h = x(() => N.value ?? null), W = x(() => {
+      const t = h.value?.env ?? {}, o = k.value.toLowerCase();
+      return Object.entries(t).filter(([e, s]) => {
+        if (!o) return !0;
+        const f = d(s) ? s.display : s == null ? "" : String(s);
+        return e.toLowerCase().includes(o) || f.toLowerCase().includes(o);
+      });
+    }), O = x(() => {
+      const t = h.value?.app ?? {}, o = k.value.toLowerCase();
+      return z(t, "").filter((s) => {
+        const f = d(s.value) ? s.value.display : s.value === null || s.value === void 0 ? "" : String(s.value);
+        return s.path.toLowerCase().includes(o) || f.toLowerCase().includes(o);
+      });
+    }), Z = x(() => {
+      const t = h.value?.app ?? {};
+      return z(t, "").length;
+    }), ee = x(() => {
+      const t = h.value?.app;
+      return !t || typeof t != "object" || Array.isArray(t) || d(t) ? [] : Object.keys(t);
+    });
+    function te(t) {
+      const o = new Set(C.value);
+      o.has(t) ? o.delete(t) : o.add(t), C.value = o;
+    }
+    function ne() {
+      if (!h.value) return;
+      const t = $.value === "app" ? h.value.app : h.value.env;
+      if (!t) return;
+      const o = pe(t);
+      C.value = new Set(o);
+    }
+    function le() {
+      C.value = /* @__PURE__ */ new Set();
+    }
+    function oe() {
+      if (!h.value) return;
+      const t = $.value === "app" ? h.value.app : h.value.env;
+      navigator.clipboard?.writeText(JSON.stringify(t, null, 2)).then(() => {
+        E.value = "Copied!", setTimeout(() => {
+          E.value = "Copy JSON";
+        }, 1500);
+      }).catch(() => {
+      });
+    }
+    function B(t) {
+      const o = new Set(v.value);
+      o.has(t) ? o.delete(t) : o.add(t), v.value = o;
+    }
+    function L(t, o) {
+      K.value.set(t, o);
+    }
+    function H(t, o, e) {
+      e.stopPropagation(), de(t, K.value.get(o) ?? null, l);
+    }
+    function se(t) {
+      return t !== null && typeof t == "object" && !Array.isArray(t) && !d(t);
+    }
+    function ae(t, o) {
+      return z(t, o);
+    }
+    function D(t, o) {
+      return t.indexOf(o + ".") === 0 ? t.slice(o.length + 1) : t;
+    }
+    function y(t) {
+      return ve(t);
+    }
+    function F(t) {
+      return d(t) ? t.display : t == null ? "null" : String(t);
+    }
+    function p(t) {
+      const o = h.value?.app;
+      return !o || typeof o != "object" ? null : o[t] ?? null;
+    }
+    function T(t, o) {
+      return d(t) ? o ? t.value : t.display : "";
+    }
+    function ie() {
+      S.value = "", k.value = "";
+    }
+    function J(t) {
+      return d(t) ? t.display : "";
+    }
+    const j = x(() => g.eye.elements.join("")), M = x(() => g["eye-off"].elements.join(""));
+    return (t, o) => (i(), r("div", null, [
+      n("div", {
+        class: a(`${l}-config-toolbar`),
+        style: { display: "flex", alignItems: "center", gap: "8px", padding: "8px 12px" }
+      }, [
+        n("button", {
+          type: "button",
+          class: a(`${l}-config-tab${$.value === "app" ? ` ${l}-active` : ""}`),
+          onClick: o[0] || (o[0] = (e) => $.value = "app")
+        }, " App Config ", 2),
+        n("button", {
+          type: "button",
+          class: a(`${l}-config-tab${$.value === "env" ? ` ${l}-active` : ""}`),
+          onClick: o[1] || (o[1] = (e) => $.value = "env")
+        }, " Env ", 2),
+        n("div", fe, [
+          n("input", {
+            type: "text",
+            class: a(`${l}-search`),
+            placeholder: "Search keys and values...",
+            value: S.value,
+            style: { width: "100%" },
+            onInput: o[2] || (o[2] = (e) => Q(X(e)))
+          }, null, 42, he),
+          S.value ? (i(), r("button", {
+            key: 0,
+            type: "button",
+            style: {
+              position: "absolute",
+              right: "6px",
+              top: "50%",
+              transform: "translateY(-50%)",
+              background: "none",
+              border: "none",
+              cursor: "pointer",
+              fontSize: "14px",
+              color: "var(--ss-dim)",
+              padding: "0 2px",
+              lineHeight: 1
+            },
+            onClick: ie
+          }, " × ")) : b("", !0)
+        ]),
+        $.value === "app" && !k.value ? (i(), r(_, { key: 0 }, [
+          n("button", {
+            type: "button",
+            class: a(`${l}-btn`),
+            onClick: ne
+          }, "Expand All", 2),
+          n("button", {
+            type: "button",
+            class: a(`${l}-btn`),
+            onClick: le
+          }, "Collapse All", 2)
+        ], 64)) : b("", !0),
+        n("button", {
+          type: "button",
+          class: a(`${l}-btn`),
+          onClick: oe
+        }, u(E.value), 3)
+      ], 2),
+      c(G) && !c(N) ? (i(), r("div", {
+        key: 0,
+        class: a(`${l}-empty`)
+      }, "Loading config...", 2)) : h.value ? $.value === "env" ? (i(), r("div", {
+        key: 2,
+        class: a(`${l}-config-table-wrap`)
+      }, [
+        n("table", {
+          class: a(`${l}-table ${l}-config-env-table`)
+        }, [
+          o[4] || (o[4] = n("thead", null, [
+            n("tr", null, [
+              n("th", null, "Variable"),
+              n("th", null, "Value"),
+              n("th", { style: { width: "36px" } })
+            ])
+          ], -1)),
+          n("tbody", null, [
+            (i(!0), r(_, null, A(W.value, ([e, s]) => (i(), r("tr", { key: e }, [
+              n("td", {
+                class: a(`${l}-env-key`)
+              }, [
+                n("span", {
+                  class: a(`${l}-config-key`)
+                }, u(e), 3)
+              ], 2),
+              n("td", {
+                class: a(`${l}-env-val`)
+              }, [
+                c(d)(s) ? (i(), r("span", {
+                  key: 0,
+                  class: a(`${l}-config-redacted`),
+                  style: { display: "inline-flex", alignItems: "center", gap: "4px" }
+                }, [
+                  n("span", null, u(T(s, v.value.has(e))), 1),
+                  n("button", {
+                    type: "button",
+                    class: a(`${l}-btn`),
+                    title: v.value.has(e) ? "Hide" : "Reveal",
+                    style: {
+                      padding: "0 4px",
+                      fontSize: "0.85em",
+                      lineHeight: 1,
+                      minWidth: "auto"
+                    },
+                    onClick: I((f) => B(e), ["stop"])
+                  }, [
+                    v.value.has(e) ? (i(), r("svg", {
+                      key: 0,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g)["eye-off"].viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: M.value
+                    }, null, 8, ye)) : (i(), r("svg", {
+                      key: 1,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g).eye.viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: j.value
+                    }, null, 8, be))
+                  ], 10, ge)
+                ], 2)) : (i(), r("span", {
+                  key: 1,
+                  class: a(`${l}-config-val`)
+                }, u(F(s)), 3))
+              ], 2),
+              n("td", null, [
+                c(d)(s) ? b("", !0) : (i(), r("button", {
+                  key: 0,
+                  type: "button",
+                  class: a(`${l}-copy-row-btn`),
+                  title: "Copy",
+                  ref_for: !0,
+                  ref: (f) => L(`env-${e}`, f),
+                  onClick: (f) => H(`${e}=${F(s)}`, `env-${e}`, f)
+                }, " ⎘ ", 10, $e))
+              ])
+            ]))), 128)),
+            W.value.length === 0 ? (i(), r("tr", we, [...o[3] || (o[3] = [
+              n("td", {
+                colspan: "3",
+                style: { textAlign: "center", color: "var(--ss-dim)" }
+              }, " No matching variables ", -1)
+            ])])) : b("", !0)
+          ])
+        ], 2)
+      ], 2)) : k.value ? (i(), r("div", {
+        key: 3,
+        class: a(`${l}-config-table-wrap`)
+      }, [
+        n("table", {
+          class: a(`${l}-table`)
+        }, [
+          o[6] || (o[6] = n("thead", null, [
+            n("tr", null, [
+              n("th", null, "Path"),
+              n("th", null, "Value"),
+              n("th", { style: { width: "36px" } })
+            ])
+          ], -1)),
+          n("tbody", null, [
+            (i(!0), r(_, null, A(O.value, (e) => (i(), r("tr", {
+              key: e.path
+            }, [
+              n("td", null, [
+                n("span", {
+                  class: a(`${l}-config-key`),
+                  style: { whiteSpace: "nowrap" }
+                }, u(e.path), 3)
+              ]),
+              n("td", null, [
+                c(d)(e.value) ? (i(), r("span", {
+                  key: 0,
+                  class: a(`${l}-config-redacted`),
+                  style: { display: "inline-flex", alignItems: "center", gap: "4px" }
+                }, [
+                  n("span", null, u(T(e.value, v.value.has(e.path))), 1),
+                  n("button", {
+                    type: "button",
+                    class: a(`${l}-btn`),
+                    title: v.value.has(e.path) ? "Hide" : "Reveal",
+                    style: {
+                      padding: "0 4px",
+                      fontSize: "0.85em",
+                      lineHeight: 1,
+                      minWidth: "auto"
+                    },
+                    onClick: I((s) => B(e.path), ["stop"])
+                  }, [
+                    v.value.has(e.path) ? (i(), r("svg", {
+                      key: 0,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g)["eye-off"].viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: M.value
+                    }, null, 8, ke)) : (i(), r("svg", {
+                      key: 1,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g).eye.viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: j.value
+                    }, null, 8, Ce))
+                  ], 10, xe)
+                ], 2)) : (i(), r("span", {
+                  key: 1,
+                  class: a(`${l}-config-val`),
+                  style: R({ wordBreak: "break-all", color: y(e.value).color })
+                }, u(y(e.value).text), 7))
+              ]),
+              n("td", null, [
+                c(d)(e.value) ? b("", !0) : (i(), r("button", {
+                  key: 0,
+                  type: "button",
+                  class: a(`${l}-copy-row-btn`),
+                  title: "Copy",
+                  ref_for: !0,
+                  ref: (s) => L(`search-${e.path}`, s),
+                  onClick: (s) => H(
+                    `${e.path}: ${c(d)(e.value) ? J(e.value) : y(e.value).text}`,
+                    `search-${e.path}`,
+                    s
+                  )
+                }, " ⎘ ", 10, _e))
+              ])
+            ]))), 128)),
+            O.value.length === 0 ? (i(), r("tr", Se, [...o[5] || (o[5] = [
+              n("td", {
+                colspan: "3",
+                style: { textAlign: "center", color: "var(--ss-dim)" }
+              }, " No matching entries ", -1)
+            ])])) : b("", !0)
+          ])
+        ], 2),
+        n("div", Be, u(O.value.length) + " of " + u(Z.value) + " entries ", 1)
+      ], 2)) : (i(), r("div", {
+        key: 4,
+        class: a(`${l}-config-table-wrap`)
+      }, [
+        n("div", {
+          class: a(`${l}-config-sections`)
+        }, [
+          (i(!0), r(_, null, A(ee.value, (e) => (i(), r("div", {
+            key: e,
+            class: a(`${l}-config-section`)
+          }, [
+            se(p(e)) ? (i(), r(_, { key: 0 }, [
+              n("div", {
+                class: a(`${l}-config-section-header`),
+                style: { cursor: "pointer" },
+                onClick: (s) => te(e)
+              }, [
+                n("span", {
+                  class: a(`${l}-config-toggle`)
+                }, u(C.value.has(e) ? "▼" : "▶"), 3),
+                n("span", {
+                  class: a(`${l}-config-key`)
+                }, u(e), 3),
+                n("span", {
+                  class: a(`${l}-config-count`)
+                }, u(c(ce)(p(e))) + " entries ", 3)
+              ], 10, Le),
+              C.value.has(e) ? (i(), r("div", {
+                key: 0,
+                class: a(`${l}-config-section-body`)
+              }, [
+                n("table", {
+                  class: a(`${l}-table ${l}-config-inner-table`)
+                }, [
+                  o[7] || (o[7] = n("thead", null, [
+                    n("tr", null, [
+                      n("th", { style: { width: "35%" } }, "Key"),
+                      n("th", null, "Value"),
+                      n("th", { style: { width: "36px" } })
+                    ])
+                  ], -1)),
+                  n("tbody", null, [
+                    (i(!0), r(_, null, A(ae(p(e), e), (s) => (i(), r("tr", {
+                      key: s.path
+                    }, [
+                      n("td", {
+                        title: D(s.path, e)
+                      }, [
+                        n("span", {
+                          class: a(`${l}-config-key`)
+                        }, u(D(s.path, e)), 3)
+                      ], 8, He),
+                      n("td", {
+                        title: c(d)(s.value) ? J(s.value) : y(s.value).text
+                      }, [
+                        c(d)(s.value) ? (i(), r("span", {
+                          key: 0,
+                          class: a(`${l}-config-redacted`),
+                          style: { display: "inline-flex", alignItems: "center", gap: "4px" }
+                        }, [
+                          n("span", null, u(T(s.value, v.value.has(s.path))), 1),
+                          n("button", {
+                            type: "button",
+                            class: a(`${l}-btn`),
+                            title: v.value.has(s.path) ? "Hide" : "Reveal",
+                            style: {
+                              padding: "0 4px",
+                              fontSize: "0.85em",
+                              lineHeight: 1,
+                              minWidth: "auto"
+                            },
+                            onClick: I((f) => B(s.path), ["stop"])
+                          }, [
+                            v.value.has(s.path) ? (i(), r("svg", {
+                              key: 0,
+                              width: "14",
+                              height: "14",
+                              viewBox: c(g)["eye-off"].viewBox,
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round",
+                              innerHTML: M.value
+                            }, null, 8, Me)) : (i(), r("svg", {
+                              key: 1,
+                              width: "14",
+                              height: "14",
+                              viewBox: c(g).eye.viewBox,
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "2",
+                              "stroke-linecap": "round",
+                              "stroke-linejoin": "round",
+                              innerHTML: j.value
+                            }, null, 8, me))
+                          ], 10, je)
+                        ], 2)) : (i(), r("span", {
+                          key: 1,
+                          class: a(`${l}-config-val`),
+                          style: R({ color: y(s.value).color })
+                        }, u(y(s.value).text), 7))
+                      ], 8, Te),
+                      n("td", null, [
+                        c(d)(s.value) ? b("", !0) : (i(), r("button", {
+                          key: 0,
+                          type: "button",
+                          class: a(`${l}-copy-row-btn`),
+                          title: "Copy",
+                          ref_for: !0,
+                          ref: (f) => L(`inner-${s.path}`, f),
+                          onClick: (f) => H(
+                            `${s.path}: ${y(s.value).text}`,
+                            `inner-${s.path}`,
+                            f
+                          )
+                        }, " ⎘ ", 10, Ae))
+                      ])
+                    ]))), 128))
+                  ])
+                ], 2)
+              ], 2)) : b("", !0)
+            ], 64)) : (i(), r("div", {
+              key: 1,
+              class: a(`${l}-config-section-header ${l}-config-leaf`),
+              style: { cursor: "default" }
+            }, [
+              n("span", {
+                class: a(`${l}-config-toggle`),
+                style: { visibility: "hidden" }
+              }, "•", 2),
+              n("span", {
+                class: a(`${l}-config-key`)
+              }, u(e), 3),
+              n("span", {
+                class: a(`${l}-config-val`),
+                style: { marginLeft: "8px" }
+              }, [
+                c(d)(p(e)) ? (i(), r("span", {
+                  key: 0,
+                  class: a(`${l}-config-redacted`),
+                  style: { display: "inline-flex", alignItems: "center", gap: "4px" }
+                }, [
+                  n("span", null, u(T(p(e), v.value.has(e))), 1),
+                  n("button", {
+                    type: "button",
+                    class: a(`${l}-btn`),
+                    title: v.value.has(e) ? "Hide" : "Reveal",
+                    style: {
+                      padding: "0 4px",
+                      fontSize: "0.85em",
+                      lineHeight: 1,
+                      minWidth: "auto"
+                    },
+                    onClick: I((s) => B(e), ["stop"])
+                  }, [
+                    v.value.has(e) ? (i(), r("svg", {
+                      key: 0,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g)["eye-off"].viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: M.value
+                    }, null, 8, Ee)) : (i(), r("svg", {
+                      key: 1,
+                      width: "14",
+                      height: "14",
+                      viewBox: c(g).eye.viewBox,
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      innerHTML: j.value
+                    }, null, 8, Ve))
+                  ], 10, Ie)
+                ], 2)) : p(e) === null || p(e) === void 0 ? (i(), r("span", Oe, "null")) : typeof p(e) == "boolean" ? (i(), r("span", {
+                  key: 2,
+                  style: R({ color: p(e) ? "var(--ss-green-fg)" : "var(--ss-red-fg)" })
+                }, u(String(p(e))), 5)) : typeof p(e) == "number" ? (i(), r("span", Re, u(String(p(e))), 1)) : Array.isArray(p(e)) ? (i(), r("span", ze, u(y(p(e)).text), 1)) : (i(), r("span", Ne, u(String(p(e))), 1))
+              ], 2),
+              c(d)(p(e)) ? b("", !0) : (i(), r("button", {
+                key: 0,
+                type: "button",
+                class: a(`${l}-copy-row-btn`),
+                style: { marginLeft: "4px" },
+                title: "Copy",
+                ref_for: !0,
+                ref: (s) => L(`leaf-${e}`, s),
+                onClick: (s) => H(`${e}: ${y(p(e)).text}`, `leaf-${e}`, s)
+              }, " ⎘ ", 10, Ke))
+            ], 2))
+          ], 2))), 128))
+        ], 2)
+      ], 2)) : (i(), r("div", {
+        key: 1,
+        class: a(`${l}-empty`)
+      }, "Config not available", 2))
+    ]));
+  }
+});
+export {
+  Pe as default
+};