@scalar/api-client 2.0.57 → 2.0.58

package/dist/components/CommandPalette/CommandPaletteFolder.vue.js

@@ -1,75 +1,80 @@
-import { defineComponent as g, ref as r, computed as v, onMounted as y, openBlock as V, createElementBlock as k, createElementVNode as a, withDirectives as N, withKeys as S, withModifiers as F, vModelText as I, createVNode as n, unref as i, withCtx as c, normalizeClass as M, toDisplayString as B, createTextVNode as D } from "vue";
-import { useWorkspace as K } from "../../store/workspace.js";
+import { defineComponent as y, ref as d, computed as v, onMounted as V, openBlock as k, createElementBlock as N, createElementVNode as s, withDirectives as S, withKeys as F, withModifiers as I, vModelText as M, createVNode as n, unref as i, withCtx as u, normalizeClass as B, toDisplayString as D, createTextVNode as K } from "vue";
+import { useWorkspace as T } from "../../store/workspace.js";
 import { ScalarListbox as z, ScalarButton as x, ScalarIcon as E } from "@scalar/components";
-const T = { class: "flex w-full flex-col gap-3" }, U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, W = /* @__PURE__ */ a("label", {
+import { useToasts as P } from "@scalar/use-toasts";
+const U = { class: "flex w-full flex-col gap-3" }, W = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, j = /* @__PURE__ */ s("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "foldername"
-}, null, -1), j = ["onKeydown"], L = { class: "flex" }, P = { class: "flex flex-1 gap-2 max-h-8" }, J = /* @__PURE__ */ g({
+}, null, -1), L = ["onKeydown"], q = { class: "flex" }, A = { class: "flex flex-1 gap-2 max-h-8" }, R = /* @__PURE__ */ y({
   __name: "CommandPaletteFolder",
   emits: ["close"],
-  setup(q, { emit: h }) {
+  setup(G, { emit: h }) {
     var p;
-    const _ = h, { activeWorkspaceCollections: b, folderMutators: w, activeCollection: C } = K(), s = r(""), d = r(((p = C.value) == null ? void 0 : p.uid) ?? ""), u = v(
-      () => b.value.map((e) => {
-        var l, o;
+    const b = h, { activeWorkspaceCollections: _, folderMutators: w, activeCollection: C } = T(), t = d(""), r = d(((p = C.value) == null ? void 0 : p.uid) ?? ""), { toast: g } = P(), c = v(
+      () => _.value.map((e) => {
+        var l, a;
         return {
           id: e.uid,
-          label: ((o = (l = e.spec) == null ? void 0 : l.info) == null ? void 0 : o.title) ?? ""
+          label: ((a = (l = e.spec) == null ? void 0 : l.info) == null ? void 0 : a.title) ?? ""
         };
       })
-    ), t = v({
-      get: () => u.value.find(
-        ({ id: e }) => e === d.value
+    ), o = v({
+      get: () => c.value.find(
+        ({ id: e }) => e === r.value
       ),
       set: (e) => {
-        e != null && e.id && (d.value = e.id);
+        e != null && e.id && (r.value = e.id);
       }
     }), f = () => {
-      s.value && t.value && (w.add(
+      if (!t.value) {
+        g("Please enter a name before creating a folder.", "error");
+        return;
+      }
+      t.value && o.value && (w.add(
         {
-          name: s.value
+          name: t.value
         },
-        d.value
-      ), _("close"));
-    }, m = r(null);
-    return y(() => {
+        r.value
+      ), b("close"));
+    }, m = d(null);
+    return V(() => {
       var e;
       (e = m.value) == null || e.focus();
-    }), (e, l) => (V(), k("div", T, [
-      a("div", U, [
-        W,
-        N(a("input", {
+    }), (e, l) => (k(), N("div", U, [
+      s("div", W, [
+        j,
+        S(s("input", {
           id: "foldername",
           ref_key: "folderInput",
           ref: m,
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value = o),
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => t.value = a),
           autocomplete: "off",
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           "data-form-type": "other",
           "data-lpignore": "true",
           label: "Folder Name",
           placeholder: "Folder Name",
-          onKeydown: S(F(f, ["prevent"]), ["enter"])
-        }, null, 40, j), [
-          [I, s.value]
+          onKeydown: F(I(f, ["prevent"]), ["enter"])
+        }, null, 40, L), [
+          [M, t.value]
         ])
       ]),
-      a("div", L, [
-        a("div", P, [
+      s("div", q, [
+        s("div", A, [
           n(i(z), {
-            modelValue: t.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
-            options: u.value
+            modelValue: o.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (a) => o.value = a),
+            options: c.value
           }, {
-            default: c(() => [
+            default: u(() => [
               n(i(x), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
-                default: c(() => [
-                  a("span", {
-                    class: M(t.value ? "text-c-1" : "text-c-3")
-                  }, B(t.value ? t.value.label : "Select Collection"), 3),
+                default: u(() => [
+                  s("span", {
+                    class: B(o.value ? "text-c-1" : "text-c-3")
+                  }, D(o.value ? o.value.label : "Select Collection"), 3),
                   n(i(E), {
                     class: "text-c-3",
                     icon: "ChevronDown",
@@ -84,17 +89,18 @@ const T = { class: "flex w-full flex-col gap-3" }, U = { class: "gap-3 rounded b
         ]),
         n(i(x), {
           class: "max-h-8 text-xs p-0 px-3",
+          disabled: !t.value.trim(),
           onClick: f
         }, {
-          default: c(() => [
-            D(" Create Folder ")
+          default: u(() => [
+            K(" Create Folder ")
           ]),
           _: 1
-        })
+        }, 8, ["disabled"])
       ])
     ]));
   }
 });
 export {
-  J as default
+  R as default
 };

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;AA+RA,wBAMG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;AA8TA,wBAMG"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,57 +1,73 @@
-import { defineComponent as y, ref as u, onMounted as S, openBlock as k, createElementBlock as C, createElementVNode as t, withKeys as F, withModifiers as I, createVNode as a, unref as o, withCtx as m, createTextVNode as d } from "vue";
-import { useWorkspace as N } from "../../store/workspace.js";
-import { ScalarButton as f, ScalarIcon as R } from "@scalar/components";
-import { useFileDialog as U } from "../../hooks/useFileDialog.js";
-const A = { class: "flex w-full flex-col gap-3" }, B = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, K = /* @__PURE__ */ t("label", {
+import { defineComponent as S, ref as d, onMounted as C, openBlock as F, createElementBlock as U, createElementVNode as o, withDirectives as M, withKeys as N, withModifiers as R, vModelText as T, createVNode as c, unref as l, withCtx as f, createTextVNode as h } from "vue";
+import { useWorkspace as V } from "../../store/workspace.js";
+import { ScalarButton as x, ScalarIcon as A } from "@scalar/components";
+import { useToasts as B } from "@scalar/use-toasts";
+import { useFileDialog as D } from "../../hooks/useFileDialog.js";
+const K = { class: "flex w-full flex-col gap-3" }, L = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, P = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "requestimport"
-}, null, -1), L = ["onKeydown"], M = { class: "flex gap-2" }, P = { class: "flex flex-1 gap-2 max-h-8" }, W = /* @__PURE__ */ y({
+}, null, -1), q = ["onKeydown"], E = { class: "flex gap-2" }, W = { class: "flex flex-1 gap-2 max-h-8" }, G = /* @__PURE__ */ S({
   __name: "CommandPaletteImport",
   emits: ["close"],
-  setup(V, { emit: h }) {
-    const n = h, { activeWorkspace: _, importSpecFile: x, importSpecFromUrl: g } = N(), r = u(""), { open: w } = U({
+  setup($, { emit: g }) {
+    const i = g, { activeWorkspace: _, importSpecFile: w, importSpecFromUrl: v } = V(), s = d(""), { toast: r } = B(), { open: y } = D({
       onChange: async (e) => {
-        const s = e == null ? void 0 : e[0];
-        if (s) {
-          const i = new FileReader();
-          i.onload = async (v) => {
-            var p;
-            const b = (p = v.target) == null ? void 0 : p.result;
-            x(b, _.value.uid), l(), n("close");
-          }, i.readAsText(s);
+        const t = e == null ? void 0 : e[0];
+        if (t) {
+          const a = new FileReader();
+          a.onload = async (b) => {
+            var u;
+            const k = (u = b.target) == null ? void 0 : u.result;
+            try {
+              await w(k, _.value.uid), r("Import successful", "info"), i("close");
+            } catch (n) {
+              const I = (n == null ? void 0 : n.message) || "Unknown error";
+              r(`Import failed: ${I}`, "error");
+            }
+          }, a.readAsText(t);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
-    }), l = async () => {
-      r.value && (await g(r.value), n("close"));
-    }, c = u(null);
-    return S(() => {
+    }), p = async () => {
+      if (s.value)
+        try {
+          await v(s.value), r("Import successful", "info"), i("close");
+        } catch (e) {
+          console.error("the error ", e);
+          const t = (e == null ? void 0 : e.message) || "Unknown error";
+          r(`Import failed: ${t}`, "error");
+        }
+    }, m = d(null);
+    return C(() => {
       var e;
-      (e = c.value) == null || e.focus();
-    }), (e, s) => (k(), C("div", A, [
-      t("div", B, [
-        K,
-        t("input", {
+      (e = m.value) == null || e.focus();
+    }), (e, t) => (F(), U("div", K, [
+      o("div", L, [
+        P,
+        M(o("input", {
           id: "requestimport",
           ref_key: "importInput",
-          ref: c,
+          ref: m,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Paste Swagger File URL",
           placeholder: "Paste Swagger File URL",
-          onKeydown: F(I(l, ["prevent"]), ["enter"])
-        }, null, 40, L)
+          onKeydown: N(R(p, ["prevent"]), ["enter"])
+        }, null, 40, q), [
+          [T, s.value]
+        ])
       ]),
-      t("div", M, [
-        t("div", P, [
-          a(o(f), {
+      o("div", E, [
+        o("div", W, [
+          c(l(x), {
             class: "p-2 max-h-8 gap-1 text-xs hover:bg-b-2 relative",
             variant: "outlined",
-            onClick: o(w)
+            onClick: l(y)
           }, {
-            default: m(() => [
-              d(" JSON, or YAML Files "),
-              a(o(R), {
+            default: f(() => [
+              h(" JSON, or YAML Files "),
+              c(l(A), {
                 class: "text-c-3 -rotate-90",
                 icon: "ArrowRight",
                 size: "sm"
@@ -60,12 +76,12 @@ const A = { class: "flex w-full flex-col gap-3" }, B = { class: "gap-3 rounded b
             _: 1
           }, 8, ["onClick"])
         ]),
-        a(o(f), {
+        c(l(x), {
           class: "max-h-8 text-xs p-0 px-3",
-          onClick: l
+          onClick: p
         }, {
-          default: m(() => [
-            d(" Import Collection ")
+          default: f(() => [
+            h(" Import Collection ")
           ]),
           _: 1
         })
@@ -74,5 +90,5 @@ const A = { class: "flex w-full flex-col gap-3" }, B = { class: "gap-3 rounded b
   }
 });
 export {
-  W as default
+  G as default
 };

package/dist/components/CommandPalette/CommandPaletteRequest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";;;;;AAshBA,wBAMG"}
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";;;;;AAmiBA,wBAMG"}

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,24 +1,25 @@
-import { defineComponent as K, ref as d, computed as v, onMounted as T, openBlock as k, createElementBlock as W, createElementVNode as u, withDirectives as $, withKeys as G, withModifiers as H, vModelText as L, createVNode as o, unref as s, withCtx as r, normalizeClass as M, toDisplayString as S, createBlock as O, createCommentVNode as P, createTextVNode as A } from "vue";
-import J from "../HttpMethod/HttpMethod.vue.js";
-import { useWorkspace as Q } from "../../store/workspace.js";
+import { defineComponent as K, ref as d, computed as v, onMounted as W, openBlock as k, createElementBlock as P, createElementVNode as n, withDirectives as $, withKeys as G, withModifiers as H, vModelText as L, createVNode as s, unref as u, withCtx as r, normalizeClass as M, toDisplayString as S, createBlock as O, createCommentVNode as A, createTextVNode as J } from "vue";
+import Q from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as X } from "../../store/workspace.js";
 import { ScalarListbox as U, ScalarButton as p, ScalarIcon as N } from "@scalar/components";
-import { useRouter as X } from "vue-router";
-const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, ee = /* @__PURE__ */ u("label", {
+import { useToasts as Y } from "@scalar/use-toasts";
+import { useRouter as Z } from "vue-router";
+const ee = { class: "flex w-full flex-col gap-3" }, te = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, le = /* @__PURE__ */ n("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "requestname"
-}, null, -1), te = ["onKeydown"], le = { class: "flex" }, ae = { class: "flex flex-1 gap-2 max-h-8" }, re = /* @__PURE__ */ K({
+}, null, -1), ae = ["onKeydown"], oe = { class: "flex" }, se = { class: "flex flex-1 gap-2 max-h-8" }, me = /* @__PURE__ */ K({
   __name: "CommandPaletteRequest",
   emits: ["close"],
-  setup(oe, { emit: R }) {
-    var g, q;
-    const I = R, { push: B } = X(), {
-      activeCollection: D,
-      activeWorkspace: E,
+  setup(ue, { emit: R }) {
+    var C, q;
+    const I = R, { push: B } = Z(), { toast: D } = Y(), {
+      activeCollection: E,
+      activeWorkspace: T,
       activeWorkspaceCollections: h,
       requestMutators: j,
       activeRequest: z,
       folders: x
-    } = Q(), i = d(""), f = d("GET"), c = d(((g = D.value) == null ? void 0 : g.uid) ?? ""), b = v(
+    } = X(), a = d(""), m = d("GET"), c = d(((C = E.value) == null ? void 0 : C.uid) ?? ""), b = v(
       () => h.value.map((e) => {
         var t;
         return {
@@ -26,12 +27,12 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
           label: ((t = e.spec.info) == null ? void 0 : t.title) ?? "Unititled Collection"
         };
       })
-    ), n = v({
+    ), i = v({
       get: () => b.value.find(({ id: e }) => e === c.value),
       set: (e) => {
         e != null && e.id && (c.value = e.id);
       }
-    }), m = v(
+    }), f = v(
       () => h.value.flatMap(
         (e) => e.uid === c.value ? e.childUids.flatMap((t) => {
           const l = x[t];
@@ -50,42 +51,46 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
           return e.childUids.includes((t = z.value) == null ? void 0 : t.uid);
         }
       )) == null ? void 0 : q.uid) ?? ""
-    ), a = v({
-      get: () => m.value.find(({ id: e }) => e === _.value),
+    ), o = v({
+      get: () => f.value.find(({ id: e }) => e === _.value),
       set: (e) => {
         e != null && e.id && (_.value = e.id);
       }
     });
     function F(e) {
-      f.value = e;
+      m.value = e;
     }
     const w = () => {
       var l, y, V;
-      if (!c.value && !((l = a.value) != null && l.id)) return;
-      const e = ((y = a.value) == null ? void 0 : y.id) ?? ((V = n.value) == null ? void 0 : V.id), t = j.add(
+      if (!a.value.trim()) {
+        D("Please enter a name before creating a request.", "error");
+        return;
+      }
+      if (!c.value && !((l = o.value) != null && l.id)) return;
+      const e = ((y = o.value) == null ? void 0 : y.id) ?? ((V = i.value) == null ? void 0 : V.id), t = j.add(
         {
           path: "",
-          method: f.value.toUpperCase(),
-          description: i.value,
-          operationId: i.value,
-          summary: i.value,
+          method: m.value.toUpperCase(),
+          description: a.value,
+          operationId: a.value,
+          summary: a.value,
           tags: ["default"]
         },
         e
       );
-      B(`/workspace/${E.value.uid}/request/${t.uid}`), I("close");
-    }, C = d(null);
-    return T(() => {
+      B(`/workspace/${T.value.uid}/request/${t.uid}`), I("close");
+    }, g = d(null);
+    return W(() => {
       var e;
-      (e = C.value) == null || e.focus();
-    }), (e, t) => (k(), W("div", Y, [
-      u("div", Z, [
-        ee,
-        $(u("input", {
+      (e = g.value) == null || e.focus();
+    }), (e, t) => (k(), P("div", ee, [
+      n("div", te, [
+        le,
+        $(n("input", {
           id: "requestname",
           ref_key: "requestInput",
-          ref: C,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => i.value = l),
+          ref: g,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value = l),
           autocomplete: "off",
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           "data-form-type": "other",
@@ -93,33 +98,33 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
           label: "Request Name",
           placeholder: "Request Name",
           onKeydown: G(H(w, ["prevent"]), ["enter"])
-        }, null, 40, te), [
-          [L, i.value]
+        }, null, 40, ae), [
+          [L, a.value]
         ])
       ]),
-      u("div", le, [
-        u("div", ae, [
-          o(J, {
+      n("div", oe, [
+        n("div", se, [
+          s(Q, {
             isEditable: !0,
             isSquare: "",
-            method: f.value,
+            method: m.value,
             onChange: F
           }, null, 8, ["method"]),
-          o(s(U), {
-            modelValue: n.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => n.value = l),
+          s(u(U), {
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
             options: b.value
           }, {
             default: r(() => [
-              o(s(p), {
+              s(u(p), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
                 default: r(() => [
-                  u("span", {
-                    class: M(n.value ? "text-c-1" : "text-c-3")
-                  }, S(n.value ? n.value.label : "Select Collection"), 3),
-                  o(s(N), {
+                  n("span", {
+                    class: M(i.value ? "text-c-1" : "text-c-3")
+                  }, S(i.value ? i.value.label : "Select Collection"), 3),
+                  s(u(N), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -130,22 +135,22 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          m.value.length ? (k(), O(s(U), {
+          f.value.length ? (k(), O(u(U), {
             key: 0,
-            modelValue: a.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (l) => a.value = l),
-            options: m.value
+            modelValue: o.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (l) => o.value = l),
+            options: f.value
           }, {
             default: r(() => [
-              o(s(p), {
+              s(u(p), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
                 default: r(() => [
-                  u("span", {
-                    class: M(a.value ? "text-c-1" : "text-c-3")
-                  }, S(a.value ? a.value.label : "Select Folder"), 3),
-                  o(s(N), {
+                  n("span", {
+                    class: M(o.value ? "text-c-1" : "text-c-3")
+                  }, S(o.value ? o.value.label : "Select Folder"), 3),
+                  s(u(N), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -155,21 +160,22 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : P("", !0)
+          }, 8, ["modelValue", "options"])) : A("", !0)
         ]),
-        o(s(p), {
+        s(u(p), {
           class: "max-h-8 text-xs p-0 px-3",
+          disabled: !a.value.trim(),
           onClick: w
         }, {
           default: r(() => [
-            A(" Create Request ")
+            J(" Create Request ")
           ]),
           _: 1
-        })
+        }, 8, ["disabled"])
       ])
     ]));
   }
 });
 export {
-  re as default
+  me as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -1,9 +1,9 @@
 import o from "./TheCommandPalette.vue2.js";
-import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-010c52cb"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-27c7a3a7"]]);
 export {
-  f as PaletteComponents,
-  a as default
+  s as PaletteComponents,
+  r as default
 };