@websublime/vite-plugin-open-api-devtools 0.4.0 → 0.6.0

package/dist/ModelsPage-CSuUHUuV.js

@@ -0,0 +1,629 @@
+import { ref as C, computed as $, toRaw as Q, defineComponent as H, watch as q, createElementBlock as y, openBlock as h, createElementVNode as s, Fragment as A, renderList as K, toDisplayString as S, normalizeStyle as Z, createCommentVNode as j, createVNode as T, unref as r, reactive as ee, onMounted as te, nextTick as se, createBlock as ae, normalizeClass as ne, Teleport as oe, withModifiers as le, createTextVNode as P } from "vue";
+import { C as re } from "./check-BLIoatWd.js";
+import { c as U, _ as W, u as ie, D as B } from "./main-DKt7pJsx.js";
+import { defineStore as ce } from "pinia";
+import { X as de } from "./x-UqfnjULc.js";
+import { T as ue } from "./trash-2-RxS9jzWT.js";
+const me = U("circle-alert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+const fe = U("refresh-cw", [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]);
+const ve = U("save", [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+]);
+function R(l) {
+  try {
+    return structuredClone(Q(l));
+  } catch {
+    return JSON.parse(JSON.stringify(l));
+  }
+}
+const he = ce("models", () => {
+  const l = C([]), e = C(null), d = C([]), u = C([]), m = C(!1), o = C(null), f = $(() => e.value ? l.value.find((a) => a.name === e.value) ?? null : null), _ = C(!1), i = $(() => _.value), v = $(() => l.value.length), k = $(() => l.value.reduce((a, p) => a + p.count, 0));
+  async function E() {
+    m.value = !0, o.value = null;
+    try {
+      const a = await fetch("/_api/store");
+      if (!a.ok)
+        throw new Error(`Failed to fetch schemas: ${a.statusText}`);
+      const p = await a.json();
+      l.value = p.schemas ?? [];
+    } catch (a) {
+      o.value = a instanceof Error ? a.message : "Failed to fetch schemas", console.error("[ModelsStore] Error fetching schemas:", a);
+    } finally {
+      m.value = !1;
+    }
+  }
+  async function M(a) {
+    e.value !== a && (e.value = a, await x(a));
+  }
+  async function x(a) {
+    m.value = !0, o.value = null;
+    try {
+      const p = await fetch(`/_api/store/${encodeURIComponent(a)}`);
+      if (!p.ok)
+        throw new Error(`Failed to fetch schema data: ${p.statusText}`);
+      const I = await p.json(), N = I.items ?? [];
+      d.value = R(N), u.value = R(N), _.value = !1;
+      const L = l.value.findIndex((G) => G.name === a);
+      L !== -1 && (l.value[L].count = I.count);
+    } catch (p) {
+      o.value = p instanceof Error ? p.message : "Failed to fetch schema data", console.error("[ModelsStore] Error fetching schema data:", p);
+    } finally {
+      m.value = !1;
+    }
+  }
+  function V(a) {
+    if (!Array.isArray(a)) {
+      o.value = "Invalid data: Expected an array of items", console.error("[ModelsStore] updateItems received non-array value:", typeof a);
+      return;
+    }
+    d.value = a, o.value = null, _.value = !0;
+  }
+  async function c() {
+    if (!e.value)
+      return o.value = "No schema selected", !1;
+    m.value = !0, o.value = null;
+    try {
+      const a = await fetch(`/_api/store/${encodeURIComponent(e.value)}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(d.value)
+      });
+      if (!a.ok) {
+        const N = await a.json().catch(() => ({}));
+        throw new Error(N.error || `Failed to save items: ${a.statusText}`);
+      }
+      const p = await a.json();
+      u.value = R(d.value), _.value = !1;
+      const I = l.value.findIndex((N) => N.name === e.value);
+      return I !== -1 && (l.value[I].count = p.created ?? d.value.length), !0;
+    } catch (a) {
+      return o.value = a instanceof Error ? a.message : "Failed to save items", console.error("[ModelsStore] Error saving items:", a), !1;
+    } finally {
+      m.value = !1;
+    }
+  }
+  async function n() {
+    if (!e.value)
+      return o.value = "No schema selected", !1;
+    m.value = !0, o.value = null;
+    try {
+      const a = await fetch(`/_api/store/${encodeURIComponent(e.value)}`, {
+        method: "DELETE"
+      });
+      if (!a.ok)
+        throw new Error(`Failed to clear schema: ${a.statusText}`);
+      d.value = [], u.value = [], _.value = !1;
+      const p = l.value.findIndex((I) => I.name === e.value);
+      return p !== -1 && (l.value[p].count = 0), !0;
+    } catch (a) {
+      return o.value = a instanceof Error ? a.message : "Failed to clear schema", console.error("[ModelsStore] Error clearing schema:", a), !1;
+    } finally {
+      m.value = !1;
+    }
+  }
+  function t() {
+    d.value = R(u.value), _.value = !1;
+  }
+  async function g() {
+    e.value ? await x(e.value) : await E();
+  }
+  function D() {
+    l.value = [], e.value = null, d.value = [], u.value = [], m.value = !1, o.value = null, _.value = !1;
+  }
+  function z(a) {
+    const p = l.value.findIndex((I) => I.name === a.schema);
+    p !== -1 && (l.value[p].count = a.count), e.value === a.schema && (i.value ? console.warn(
+      `[ModelsStore] Skipping auto-refresh for schema "${a.schema}" - unsaved changes exist`
+    ) : x(a.schema));
+  }
+  function Y(a) {
+    a.success && (E(), e.value && (i.value ? console.warn(
+      `[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`
+    ) : x(e.value)));
+  }
+  return {
+    // State
+    schemas: l,
+    selectedSchema: e,
+    currentItems: d,
+    loading: m,
+    error: o,
+    // Computed
+    currentSchema: f,
+    isDirty: i,
+    schemaCount: v,
+    totalItems: k,
+    // Actions
+    fetchSchemas: E,
+    selectSchemaByName: M,
+    fetchSchemaData: x,
+    updateItems: V,
+    saveItems: c,
+    clearSchema: n,
+    discardChanges: t,
+    refresh: g,
+    reset: D,
+    handleStoreUpdate: z,
+    handleReseedComplete: Y
+  };
+}), pe = { class: "json-editor" }, ye = { class: "json-editor__container" }, _e = {
+  class: "json-editor__lines",
+  "aria-hidden": "true"
+}, ge = ["value", "readonly", "placeholder"], be = { class: "json-editor__status" }, Se = { class: "json-editor__status-left" }, Ce = {
+  key: 0,
+  class: "json-editor__valid"
+}, we = {
+  key: 1,
+  class: "json-editor__error"
+}, ke = { class: "json-editor__status-right" }, xe = { class: "json-editor__info" }, Ie = /* @__PURE__ */ H({
+  __name: "JsonEditor",
+  props: {
+    modelValue: {},
+    readonly: { type: Boolean, default: !1 },
+    placeholder: { default: "Enter JSON data..." },
+    minHeight: { default: 200 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { expose: e, emit: d }) {
+    const u = l, m = d, o = C(""), f = C(null), _ = $(() => f.value === null), i = $(() => o.value.split(`
+`).length), v = $(() => Array.from({ length: i.value }, (c, n) => n + 1));
+    function k() {
+      try {
+        o.value = JSON.stringify(u.modelValue, null, 2), f.value = null;
+      } catch {
+        o.value = "", f.value = "Invalid initial value";
+      }
+    }
+    k(), q(
+      () => u.modelValue,
+      () => {
+        try {
+          const c = JSON.parse(o.value);
+          JSON.stringify(c) !== JSON.stringify(u.modelValue) && k();
+        } catch {
+          k();
+        }
+      }
+    );
+    function E(c) {
+      const n = c.target;
+      o.value = n.value, M();
+    }
+    function M() {
+      if (o.value.trim() === "") {
+        f.value = null, m("update:modelValue", []);
+        return;
+      }
+      try {
+        const c = JSON.parse(o.value);
+        f.value = null, m("update:modelValue", c);
+      } catch (c) {
+        if (c instanceof Error) {
+          const n = c.message.match(/position (\d+)/);
+          if (n) {
+            const t = Number.parseInt(n[1], 10), g = o.value.substring(0, t).split(`
+`), D = g.length, z = g[g.length - 1].length + 1;
+            f.value = `Line ${D}, Column ${z}: ${c.message}`;
+          } else
+            f.value = c.message;
+        } else
+          f.value = "Invalid JSON";
+      }
+    }
+    function x() {
+      try {
+        const c = JSON.parse(o.value);
+        o.value = JSON.stringify(c, null, 2), f.value = null, m("update:modelValue", c);
+      } catch {
+      }
+    }
+    function V(c) {
+      if (c.key === "Tab") {
+        c.preventDefault();
+        const n = c.target, t = n.selectionStart, g = n.selectionEnd, D = `${o.value.substring(0, t)}  ${o.value.substring(g)}`;
+        o.value = D, setTimeout(() => {
+          n.selectionStart = n.selectionEnd = t + 2;
+        }, 0), M();
+      }
+    }
+    return e({
+      formatJson: x,
+      isValid: _
+    }), (c, n) => (h(), y("div", pe, [
+      s("div", ye, [
+        s("div", _e, [
+          (h(!0), y(A, null, K(v.value, (t) => (h(), y("div", {
+            key: t,
+            class: "json-editor__line-number"
+          }, S(t), 1))), 128))
+        ]),
+        s("textarea", {
+          value: o.value,
+          readonly: l.readonly,
+          placeholder: l.placeholder,
+          style: Z({ minHeight: `${l.minHeight}px` }),
+          class: "json-editor__textarea",
+          spellcheck: "false",
+          onInput: E,
+          onKeydown: V
+        }, null, 44, ge)
+      ]),
+      s("div", be, [
+        s("div", Se, [
+          _.value ? (h(), y("div", Ce, [
+            T(r(re), { size: 14 }),
+            n[0] || (n[0] = s("span", null, "Valid JSON", -1))
+          ])) : f.value ? (h(), y("div", we, [
+            T(r(me), { size: 14 }),
+            s("span", null, S(f.value), 1)
+          ])) : j("", !0)
+        ]),
+        s("div", ke, [
+          s("span", xe, S(i.value) + " lines", 1)
+        ])
+      ])
+    ]));
+  }
+}), Te = /* @__PURE__ */ W(Ie, [["__scopeId", "data-v-dbd5ce20"]]), O = C([]), w = ee({
+  visible: !1,
+  title: "",
+  message: "",
+  confirmText: "Confirm",
+  cancelText: "Cancel",
+  onConfirm: null,
+  onCancel: null
+}), J = /* @__PURE__ */ new Map();
+let b = null, Ee = 0;
+function $e() {
+  return `toast-${Date.now()}-${Ee++}`;
+}
+function F(l, e, d = 3e3) {
+  const u = $e(), m = {
+    id: u,
+    type: l,
+    message: e,
+    duration: d,
+    timestamp: Date.now()
+  };
+  if (O.value.push(m), d > 0) {
+    const o = setTimeout(() => {
+      X(u), J.delete(u);
+    }, d);
+    J.set(u, o);
+  }
+  return u;
+}
+function X(l) {
+  const e = J.get(l);
+  e !== void 0 && (clearTimeout(e), J.delete(l));
+  const d = O.value.findIndex((u) => u.id === l);
+  d !== -1 && O.value.splice(d, 1);
+}
+function Me() {
+  function l(i, v) {
+    return F("success", i, v);
+  }
+  function e(i, v) {
+    return F("error", i, v);
+  }
+  function d(i, v) {
+    return F("info", i, v);
+  }
+  function u(i, v) {
+    return F("warning", i, v);
+  }
+  function m(i, v) {
+    return new Promise((k) => {
+      b && (b(!1), b = null), b = k, w.visible = !0, w.title = v?.title || "Confirm", w.message = i, w.confirmText = v?.confirmText || "Confirm", w.cancelText = v?.cancelText || "Cancel", w.onConfirm = () => {
+        w.visible = !1, b && (b(!0), b = null);
+      }, w.onCancel = () => {
+        w.visible = !1, b && (b(!1), b = null);
+      };
+    });
+  }
+  function o() {
+    w.visible = !1, b && (b(!1), b = null);
+  }
+  function f(i) {
+    X(i);
+  }
+  function _() {
+    for (const i of J.values())
+      clearTimeout(i);
+    J.clear(), O.value = [];
+  }
+  return {
+    // State
+    toasts: O,
+    confirmDialog: w,
+    // Toast methods
+    success: l,
+    error: e,
+    info: d,
+    warning: u,
+    dismiss: f,
+    clearAll: _,
+    // Confirm methods
+    confirm: m,
+    closeConfirm: o
+  };
+}
+const De = { class: "models-page" }, Ne = { class: "models-sidebar" }, je = { class: "models-sidebar__header" }, Je = { class: "models-sidebar__badge" }, Ve = {
+  key: 0,
+  class: "models-sidebar__loading"
+}, Oe = {
+  key: 1,
+  class: "models-sidebar__list"
+}, Re = ["onClick"], Fe = { class: "models-sidebar__name" }, Ae = { class: "models-sidebar__count" }, ze = { class: "models-sidebar__footer" }, Ue = { class: "models-sidebar__stat" }, Le = { class: "font-mono" }, Pe = { class: "models-content" }, Be = { class: "models-toolbar" }, He = { class: "models-toolbar__title" }, qe = { class: "font-mono" }, Ke = { class: "text-muted" }, We = {
+  key: 0,
+  class: "models-toolbar__badge models-toolbar__badge--warning"
+}, Xe = { class: "models-toolbar__actions" }, Ye = ["disabled"], Ge = ["disabled"], Qe = {
+  key: 0,
+  class: "models-error"
+}, Ze = { class: "models-editor" }, et = {
+  key: 1,
+  class: "models-loading-overlay"
+}, tt = {
+  key: 1,
+  class: "empty-state"
+}, st = {
+  key: 0,
+  class: "models-error"
+}, at = { class: "modal__body" }, nt = { class: "modal__footer" }, ot = /* @__PURE__ */ H({
+  __name: "ModelsPage",
+  setup(l) {
+    const e = he(), { send: d, on: u, connected: m } = ie(), { success: o, error: f, confirm: _ } = Me(), i = C(null), v = C(!1);
+    te(async () => {
+      try {
+        await e.fetchSchemas(), e.schemas.length > 0 && !e.selectedSchema && await e.selectSchemaByName(e.schemas[0].name);
+      } catch (n) {
+        e.error || (e.error = n instanceof Error ? n.message : "Failed to load schemas");
+      }
+    }), u("store:updated", (n) => {
+      const t = n;
+      if (typeof n != "object" || n === null || typeof t.schema != "string" || typeof t.action != "string" || typeof t.count != "number") {
+        console.warn("[ModelsPage] Invalid store:updated payload:", n);
+        return;
+      }
+      e.handleStoreUpdate(n);
+    }), u("reseeded", (n) => {
+      const t = n;
+      if (typeof n != "object" || n === null || typeof t.success != "boolean" || !Array.isArray(t.schemas)) {
+        console.warn("[ModelsPage] Invalid reseeded payload:", n);
+        return;
+      }
+      e.handleReseedComplete(n);
+    }), q(
+      () => e.selectedSchema,
+      async () => {
+        i.value && e.currentItems.length > 0 && (await se(), i.value?.formatJson());
+      }
+    );
+    async function k(n) {
+      e.isDirty && !await _(
+        "You have unsaved changes. Are you sure you want to switch schemas?",
+        {
+          title: "Unsaved Changes",
+          confirmText: "Switch Schema",
+          cancelText: "Cancel"
+        }
+      ) || await e.selectSchemaByName(n);
+    }
+    async function E() {
+      if (!i.value?.isValid) {
+        f("Cannot save invalid JSON. Please fix the errors first.");
+        return;
+      }
+      if (await e.saveItems())
+        o("Items saved successfully");
+      else {
+        const t = e.error || "Failed to save items";
+        f(t);
+      }
+    }
+    async function M() {
+      if (!e.isDirty) return;
+      await _("Discard all changes and revert to saved data?", {
+        title: "Discard Changes",
+        confirmText: "Discard",
+        cancelText: "Cancel"
+      }) && (e.discardChanges(), o("Changes discarded"));
+    }
+    async function x() {
+      v.value = !1;
+      try {
+        if (await e.clearSchema())
+          o("Schema cleared successfully");
+        else {
+          const t = e.error || "Failed to clear schema";
+          f(t);
+        }
+      } catch (n) {
+        const t = n instanceof Error ? n.message : "Failed to clear schema";
+        f(t);
+      }
+    }
+    async function V() {
+      if (!m.value) {
+        f("WebSocket not connected. Cannot trigger reseed.");
+        return;
+      }
+      await _(
+        "This will regenerate all seed data and replace existing items. Continue?",
+        {
+          title: "Reseed All Schemas",
+          confirmText: "Reseed",
+          cancelText: "Cancel"
+        }
+      ) && (d({ type: "reseed" }), o("Reseed command sent"));
+    }
+    function c(n) {
+      e.updateItems(n);
+    }
+    return (n, t) => (h(), y("div", De, [
+      s("aside", Ne, [
+        s("div", je, [
+          T(r(B), { size: 18 }),
+          t[4] || (t[4] = s("span", null, "Schemas", -1)),
+          s("span", Je, S(r(e).schemaCount), 1)
+        ]),
+        r(e).loading && r(e).schemas.length === 0 ? (h(), y("div", Ve, [...t[5] || (t[5] = [
+          s("div", { class: "spinner" }, null, -1),
+          s("span", null, "Loading...", -1)
+        ])])) : (h(), y("div", Oe, [
+          (h(!0), y(A, null, K(r(e).schemas, (g) => (h(), y("button", {
+            key: g.name,
+            class: ne([
+              "models-sidebar__item",
+              { "models-sidebar__item--active": r(e).selectedSchema === g.name }
+            ]),
+            onClick: (D) => k(g.name)
+          }, [
+            s("span", Fe, S(g.name), 1),
+            s("span", Ae, S(g.count), 1)
+          ], 10, Re))), 128))
+        ])),
+        s("div", ze, [
+          s("div", Ue, [
+            t[6] || (t[6] = s("span", { class: "text-muted" }, "Total Items:", -1)),
+            s("span", Le, S(r(e).totalItems), 1)
+          ])
+        ])
+      ]),
+      s("main", Pe, [
+        r(e).selectedSchema ? (h(), y(A, { key: 0 }, [
+          s("div", Be, [
+            s("div", He, [
+              s("span", qe, S(r(e).selectedSchema), 1),
+              s("span", Ke, "(" + S(r(e).currentItems.length) + " items)", 1),
+              r(e).isDirty ? (h(), y("span", We, " Unsaved ")) : j("", !0)
+            ]),
+            s("div", Xe, [
+              r(e).isDirty ? (h(), y("button", {
+                key: 0,
+                class: "btn btn--ghost",
+                title: "Discard changes",
+                onClick: M
+              }, [
+                T(r(de), { size: 16 }),
+                t[7] || (t[7] = s("span", null, "Discard", -1))
+              ])) : j("", !0),
+              s("button", {
+                disabled: !r(e).isDirty || r(e).loading,
+                class: "btn btn--primary",
+                title: "Save changes",
+                onClick: E
+              }, [
+                T(r(ve), { size: 16 }),
+                t[8] || (t[8] = s("span", null, "Save", -1))
+              ], 8, Ye),
+              s("button", {
+                class: "btn btn--danger",
+                title: "Clear all items",
+                onClick: t[0] || (t[0] = (g) => v.value = !0)
+              }, [
+                T(r(ue), { size: 16 }),
+                t[9] || (t[9] = s("span", null, "Clear", -1))
+              ]),
+              s("button", {
+                disabled: !r(m),
+                class: "btn btn--secondary",
+                title: "Reseed all schemas with generated data",
+                onClick: V
+              }, [
+                T(r(fe), { size: 16 }),
+                t[10] || (t[10] = s("span", null, "Reseed All", -1))
+              ], 8, Ge)
+            ])
+          ]),
+          r(e).error ? (h(), y("div", Qe, [
+            s("span", null, "⚠️ " + S(r(e).error), 1)
+          ])) : j("", !0),
+          s("div", Ze, [
+            T(Te, {
+              ref_key: "jsonEditorRef",
+              ref: i,
+              "model-value": r(e).currentItems,
+              readonly: r(e).loading,
+              "min-height": 400,
+              "onUpdate:modelValue": c
+            }, null, 8, ["model-value", "readonly"])
+          ]),
+          r(e).loading ? (h(), y("div", et, [...t[11] || (t[11] = [
+            s("div", { class: "spinner" }, null, -1),
+            s("span", null, "Loading...", -1)
+          ])])) : j("", !0)
+        ], 64)) : (h(), y("div", tt, [
+          r(e).error ? (h(), y("div", st, [
+            s("span", null, "⚠️ " + S(r(e).error), 1)
+          ])) : (h(), y(A, { key: 1 }, [
+            T(r(B), {
+              size: 48,
+              class: "empty-state__icon"
+            }),
+            t[12] || (t[12] = s("h3", { class: "empty-state__title" }, "Select a schema", -1)),
+            t[13] || (t[13] = s("p", { class: "empty-state__description" }, " Choose a schema from the sidebar to view and edit its data. ", -1))
+          ], 64))
+        ]))
+      ]),
+      (h(), ae(oe, { to: "body" }, [
+        v.value ? (h(), y("div", {
+          key: 0,
+          class: "modal-overlay",
+          onClick: t[3] || (t[3] = (g) => v.value = !1)
+        }, [
+          s("div", {
+            class: "modal",
+            onClick: t[2] || (t[2] = le(() => {
+            }, ["stop"]))
+          }, [
+            t[17] || (t[17] = s("div", { class: "modal__header" }, [
+              s("h3", null, "Clear Schema Data")
+            ], -1)),
+            s("div", at, [
+              s("p", null, [
+                t[14] || (t[14] = P(" Are you sure you want to clear all items for ", -1)),
+                s("strong", null, S(r(e).selectedSchema), 1),
+                t[15] || (t[15] = P("? ", -1))
+              ]),
+              t[16] || (t[16] = s("p", { class: "text-muted" }, "This action cannot be undone.", -1))
+            ]),
+            s("div", nt, [
+              s("button", {
+                class: "btn btn--ghost",
+                onClick: t[1] || (t[1] = (g) => v.value = !1)
+              }, " Cancel "),
+              s("button", {
+                class: "btn btn--danger",
+                onClick: x
+              }, " Clear Schema ")
+            ])
+          ])
+        ])) : j("", !0)
+      ]))
+    ]));
+  }
+}), mt = /* @__PURE__ */ W(ot, [["__scopeId", "data-v-b06706f4"]]);
+export {
+  mt as default
+};
+//# sourceMappingURL=ModelsPage-CSuUHUuV.js.map