@websublime/vite-plugin-open-api-devtools 0.8.5 → 0.9.0-next.0

package/dist/main-DmyM_bX3.js

@@ -1,537 +0,0 @@
-import { createPinia as ce } from "pinia";
-import { h as $, computed as i, ref as T, onMounted as Y, getCurrentInstance as X, defineComponent as se, resolveComponent as re, createElementBlock as A, openBlock as g, createElementVNode as d, createVNode as O, unref as w, Fragment as le, renderList as ie, normalizeClass as U, createBlock as W, resolveDynamicComponent as N, toDisplayString as F, withCtx as j, Transition as ue, watch as de, onUnmounted as pe, createApp as fe } from "vue";
-import { createRouter as me, createWebHashHistory as he, useRoute as ve, useRouter as ke } from "vue-router";
-const Z = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ye = (e) => e.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (t, n, a) => a ? a.toUpperCase() : n.toLowerCase()
-), _e = (e) => {
-  const t = ye(e);
-  return t.charAt(0).toUpperCase() + t.slice(1);
-}, ge = (...e) => e.filter((t, n, a) => !!t && t.trim() !== "" && a.indexOf(t) === n).join(" ").trim();
-var M = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-const we = ({ size: e, strokeWidth: t = 2, absoluteStrokeWidth: n, color: a, iconNode: s, name: l, class: v, ...k }, { slots: m }) => $(
-  "svg",
-  {
-    ...M,
-    width: e || M.width,
-    height: e || M.height,
-    stroke: a || M.stroke,
-    "stroke-width": n ? Number(t) * 24 / Number(e) : t,
-    class: ge(
-      "lucide",
-      ...l ? [`lucide-${Z(_e(l))}-icon`, `lucide-${Z(l)}`] : ["lucide-icon"]
-    ),
-    ...k
-  },
-  [...s.map((o) => $(...o)), ...m.default ? [m.default()] : []]
-);
-const S = (e, t) => (n, { slots: a }) => $(
-  we,
-  {
-    ...n,
-    iconNode: t,
-    name: e
-  },
-  a
-);
-const be = S("clock", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
-]);
-const Se = S("database", [
-  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
-  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
-  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
-]);
-const G = S("route", [
-  ["circle", { cx: "6", cy: "19", r: "3", key: "1kj8tv" }],
-  ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15", key: "1d8sl" }],
-  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }]
-]);
-const Ce = S("wifi-off", [
-  ["path", { d: "M12 20h.01", key: "zekei9" }],
-  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }],
-  ["path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69", key: "1dl1wf" }],
-  ["path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523", key: "4k23kn" }],
-  ["path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643", key: "1grhjp" }],
-  ["path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764", key: "z3jwby" }],
-  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-]);
-const Te = S("wifi", [
-  ["path", { d: "M12 20h.01", key: "zekei9" }],
-  ["path", { d: "M2 8.82a15 15 0 0 1 20 0", key: "dnpr2z" }],
-  ["path", { d: "M5 12.859a10 10 0 0 1 14 0", key: "1x1e6c" }],
-  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }]
-]);
-const Q = S("zap", [
-  [
-    "path",
-    {
-      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-      key: "1xq2db"
-    }
-  ]
-]), H = {
-  path: "/_ws",
-  reconnectDelay: 2e3,
-  maxReconnectAttempts: Number.POSITIVE_INFINITY,
-  autoConnect: !0
-}, r = T("disconnected"), P = T(null), C = T(0);
-let c = null, x = null, b = { ...H }, L = !1;
-const p = /* @__PURE__ */ new Map();
-function ee() {
-  return typeof window < "u" && typeof WebSocket < "u";
-}
-function Me() {
-  return X() !== null;
-}
-function De(e) {
-  return ee() ? `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}${e}` : `ws://localhost${e}`;
-}
-function te() {
-  x !== null && (clearTimeout(x), x = null);
-}
-function Ee(e, t) {
-  const n = p.get(e);
-  if (n)
-    for (const s of n)
-      try {
-        s(t);
-      } catch (l) {
-        console.error(`[DevTools WebSocket] Error in event handler for '${e}':`, l);
-      }
-  const a = p.get("*");
-  if (a)
-    for (const s of a)
-      try {
-        s({ type: e, data: t });
-      } catch (l) {
-        console.error("[DevTools WebSocket] Error in wildcard event handler:", l);
-      }
-}
-function Ie() {
-  r.value = "connected", C.value = 0, te();
-}
-function xe(e) {
-  try {
-    const t = JSON.parse(e.data);
-    if (t.type === "connected") {
-      const n = t.data;
-      P.value = n.serverVersion;
-    }
-    Ee(t.type, t.data);
-  } catch (t) {
-    console.error("[DevTools WebSocket] Failed to parse message:", t);
-  }
-}
-function Ae() {
-  r.value, r.value = "disconnected", c = null, C.value < b.maxReconnectAttempts && (r.value = "reconnecting", C.value++, x = setTimeout(() => {
-    R();
-  }, b.reconnectDelay));
-}
-function Oe(e) {
-  console.error("[DevTools WebSocket] Error:", e);
-}
-function R() {
-  if (!ee() || r.value === "connecting" || r.value === "connected" || c && (c.readyState === WebSocket.CONNECTING || c.readyState === WebSocket.OPEN))
-    return;
-  ne(), r.value = "connecting";
-  const e = De(b.path);
-  try {
-    c = new WebSocket(e), c.onopen = Ie, c.onmessage = xe, c.onclose = Ae, c.onerror = Oe;
-  } catch (t) {
-    console.error("[DevTools WebSocket] Failed to create WebSocket:", t), r.value = "disconnected";
-  }
-}
-function ne() {
-  c && (c.onopen = null, c.onmessage = null, c.onclose = null, c.onerror = null, (c.readyState === WebSocket.OPEN || c.readyState === WebSocket.CONNECTING) && c.close(), c = null);
-}
-function oe() {
-  te(), ne(), r.value = "disconnected", C.value = 0;
-}
-function We(e) {
-  if (!c || c.readyState !== WebSocket.OPEN)
-    return !1;
-  try {
-    return c.send(JSON.stringify(e)), !0;
-  } catch (t) {
-    return console.error("[DevTools WebSocket] Failed to send command:", t), !1;
-  }
-}
-function B(e, t) {
-  p.has(e) || p.set(e, /* @__PURE__ */ new Set());
-  const n = p.get(e);
-  return n && n.add(t), () => {
-    const a = p.get(e);
-    a && (a.delete(t), a.size === 0 && p.delete(e));
-  };
-}
-function V(e, t) {
-  const n = p.get(e);
-  n && (n.delete(t), n.size === 0 && p.delete(e));
-}
-function Ne(e, t) {
-  const n = (a) => {
-    V(e, n), t(a);
-  };
-  return B(e, n);
-}
-function ze(e, t) {
-  const n = (a) => {
-    t(a) === !0 && V(e, n);
-  };
-  return B(e, n);
-}
-function $e() {
-  oe(), P.value = null, p.clear(), b = { ...H }, L = !1;
-}
-function Le(e = {}) {
-  (!L || r.value === "disconnected") && (b = { ...H, ...e }, L = !0);
-  const t = i(() => r.value === "connected"), n = i(() => r.value === "reconnecting");
-  return Me() && Y(() => {
-    b.autoConnect && R();
-  }), {
-    /**
-     * Current connection state
-     */
-    connectionState: i(() => r.value),
-    /**
-     * Whether the WebSocket is connected
-     */
-    connected: t,
-    /**
-     * Whether the WebSocket is attempting to reconnect
-     */
-    isReconnecting: n,
-    /**
-     * Server version received on connection
-     */
-    serverVersion: i(() => P.value),
-    /**
-     * Number of reconnection attempts made
-     */
-    reconnectAttempts: i(() => C.value),
-    /**
-     * Connect to the WebSocket server
-     */
-    connect: R,
-    /**
-     * Disconnect from the WebSocket server
-     */
-    disconnect: oe,
-    /**
-     * Send a command to the server
-     */
-    send: We,
-    /**
-     * Subscribe to a server event
-     */
-    on: B,
-    /**
-     * Unsubscribe from a server event
-     */
-    off: V,
-    /**
-     * Subscribe to an event once (one-shot, auto-unsubscribes after first call)
-     */
-    once: Ne,
-    /**
-     * Subscribe to an event until handler returns true
-     */
-    onUntil: ze,
-    /**
-     * Reset the composable state (useful for testing)
-     */
-    resetState: $e
-  };
-}
-const ae = [
-  {
-    path: "/",
-    redirect: "/routes"
-  },
-  {
-    path: "/routes",
-    name: "routes",
-    component: () => import("./RoutesPage-BCKS0kdj.js"),
-    meta: {
-      title: "Routes",
-      icon: "route"
-    }
-  },
-  {
-    path: "/timeline",
-    name: "timeline",
-    component: () => import("./TimelinePage-BhtcWy3o.js"),
-    meta: {
-      title: "Timeline",
-      icon: "clock"
-    }
-  },
-  {
-    path: "/models",
-    name: "models",
-    component: () => import("./ModelsPage-DxcKgz3y.js"),
-    meta: {
-      title: "Models",
-      icon: "database"
-    }
-  },
-  {
-    path: "/simulator",
-    name: "simulator",
-    component: () => import("./SimulatorPage-BlbxLDdf.js"),
-    meta: {
-      title: "Simulator",
-      icon: "zap"
-    }
-  },
-  // Catch-all route for undefined paths - redirects to routes page
-  {
-    path: "/:pathMatch(.*)*",
-    name: "not-found",
-    redirect: "/routes"
-  }
-], Re = me({
-  history: he(),
-  routes: ae
-}), He = { class: "app" }, Pe = { class: "app-header" }, Be = { class: "app-header__brand" }, Ve = {
-  class: "app-nav",
-  role: "tablist",
-  "aria-label": "DevTools navigation"
-}, Ue = ["aria-selected", "aria-current", "aria-controls", "onClick"], Fe = { class: "app-nav__label" }, je = { class: "app-header__status" }, Ze = { class: "connection-status" }, Ge = { class: "connection-status__text" }, Qe = { class: "app-main" }, qe = /* @__PURE__ */ se({
-  __name: "App",
-  setup(e) {
-    const t = ve(), n = ke(), a = i(
-      () => ae.filter((o) => o.name && o.meta?.title).map((o) => ({
-        name: o.name,
-        path: o.path,
-        title: o.meta?.title,
-        icon: o.meta?.icon
-      }))
-    ), s = i(() => t.name);
-    function l(o) {
-      n.push(o);
-    }
-    const v = {
-      route: G,
-      clock: be,
-      database: Se,
-      zap: Q
-    };
-    function k(o) {
-      return v[o] ?? G;
-    }
-    const { connected: m } = Le();
-    return (o, y) => {
-      const _ = re("router-view");
-      return g(), A("div", He, [
-        d("header", Pe, [
-          d("div", Be, [
-            O(w(Q), {
-              class: "app-header__logo",
-              size: 20
-            }),
-            y[0] || (y[0] = d("span", { class: "app-header__title" }, "OpenAPI DevTools", -1))
-          ]),
-          d("nav", Ve, [
-            (g(!0), A(le, null, ie(a.value, (u) => (g(), A("button", {
-              key: u.name,
-              role: "tab",
-              "aria-selected": s.value === u.name,
-              "aria-current": s.value === u.name ? "true" : void 0,
-              "aria-controls": `panel-${u.name}`,
-              tabindex: 0,
-              class: U([
-                "app-nav__tab",
-                { "app-nav__tab--active": s.value === u.name }
-              ]),
-              onClick: (tt) => l(u.path)
-            }, [
-              (g(), W(N(k(u.icon)), {
-                size: 16,
-                class: "app-nav__icon"
-              })),
-              d("span", Fe, F(u.title), 1)
-            ], 10, Ue))), 128))
-          ]),
-          d("div", je, [
-            d("div", Ze, [
-              d("span", {
-                class: U([
-                  "connection-status__dot",
-                  w(m) ? "connection-status__dot--connected" : "connection-status__dot--disconnected"
-                ])
-              }, null, 2),
-              d("span", Ge, F(w(m) ? "Connected" : "Disconnected"), 1),
-              (g(), W(N(w(m) ? w(Te) : w(Ce)), {
-                size: 14,
-                class: "connection-status__icon"
-              }))
-            ])
-          ])
-        ]),
-        d("main", Qe, [
-          O(_, null, {
-            default: j(({ Component: u }) => [
-              O(ue, {
-                name: "fade",
-                mode: "out-in"
-              }, {
-                default: j(() => [
-                  (g(), W(N(u)))
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-}), Je = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, s] of t)
-    n[a] = s;
-  return n;
-}, Ke = /* @__PURE__ */ Je(qe, [["__scopeId", "data-v-0a83e2b9"]]), Ye = ["light", "dark", "system"];
-function q(e) {
-  return typeof e == "string" && Ye.includes(e);
-}
-const z = "openapi-devtools-theme", f = T("system"), h = T(!1);
-let D = null, E = null;
-function I() {
-  return typeof window < "u" && typeof document < "u";
-}
-function Xe() {
-  return X() !== null;
-}
-function ct() {
-  const e = i(() => f.value === "system" ? h.value ? "dark" : "light" : f.value), t = i(() => e.value === "dark");
-  function n() {
-    if (!I()) return;
-    const o = document.documentElement;
-    e.value === "dark" ? (o.classList.add("dark"), o.classList.remove("light")) : (o.classList.add("light"), o.classList.remove("dark"));
-  }
-  function a(o) {
-    if (!q(o)) {
-      console.warn(`[DevTools] Invalid theme mode: ${o}`);
-      return;
-    }
-    if (f.value = o, I())
-      try {
-        localStorage.setItem(z, o);
-      } catch {
-        console.warn("[DevTools] Unable to persist theme preference");
-      }
-  }
-  function s() {
-    f.value === "system" ? a(h.value ? "light" : "dark") : a(f.value === "dark" ? "light" : "dark");
-  }
-  function l() {
-    a("system");
-  }
-  function v() {
-    D && E && (D.removeEventListener("change", E), D = null, E = null);
-  }
-  function k() {
-    if (!I()) return;
-    v();
-    const o = window.matchMedia("(prefers-color-scheme: dark)");
-    h.value = o.matches;
-    const y = (_) => {
-      h.value = _.matches;
-    };
-    o.addEventListener("change", y), D = o, E = y;
-    try {
-      const _ = localStorage.getItem(z);
-      q(_) && (f.value = _);
-    } catch {
-    }
-    n();
-  }
-  function m() {
-    if (v(), f.value = "system", h.value = !1, I()) {
-      document.documentElement.classList.remove("dark", "light");
-      try {
-        localStorage.removeItem(z);
-      } catch {
-      }
-    }
-  }
-  return de([f, h], () => {
-    n();
-  }), Xe() && (Y(() => {
-    k();
-  }), pe(() => {
-    v();
-  })), {
-    /**
-     * Current theme mode setting ('light', 'dark', or 'system')
-     */
-    themeMode: i(() => f.value),
-    /**
-     * The effective theme after resolving 'system' mode
-     */
-    effectiveTheme: e,
-    /**
-     * Whether dark mode is currently active
-     */
-    isDark: t,
-    /**
-     * Whether the system prefers dark mode
-     */
-    systemPrefersDark: i(() => h.value),
-    /**
-     * Set the theme mode
-     */
-    setTheme: a,
-    /**
-     * Toggle between light and dark mode
-     */
-    toggleTheme: s,
-    /**
-     * Reset to system preference
-     */
-    resetToSystem: l,
-    /**
-     * Manually initialize theme (useful for SSR hydration)
-     */
-    initialize: k,
-    /**
-     * Reset theme state to defaults (useful for testing)
-     */
-    resetState: m
-  };
-}
-let J = !1, K = null;
-function et() {
-  if (J)
-    return K;
-  const e = fe(Ke), t = ce();
-  return e.use(t), e.use(Re), e.mount("#app"), J = !0, K = e, e;
-}
-typeof window < "u" && document.getElementById("app") && et();
-export {
-  be as C,
-  Se as D,
-  G as R,
-  Q as Z,
-  Je as _,
-  ct as a,
-  et as b,
-  S as c,
-  Le as u
-};
-//# sourceMappingURL=main-DmyM_bX3.js.map