@scalar/api-client 2.1.8 → 2.1.10

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue2.js

@@ -1,156 +1,163 @@
-import { defineComponent as N, ref as C, computed as S, openBlock as f, createBlock as F, withCtx as n, createElementVNode as u, toDisplayString as A, createVNode as a, unref as c, createElementBlock as x, Fragment as W, renderList as q, createTextVNode as z, withModifiers as E, pushScopeId as K, popScopeId as H } from "vue";
-import L from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useModal as P, ScalarComboboxMultiselect as G, ScalarButton as J, ScalarIcon as D } from "@scalar/components";
-import Q from "./DeleteRequestAuthModal.vue.js";
-import X from "./RequestExampleAuth.vue.js";
-import { displaySchemeFormatter as M, createSchemeValueSet as Y } from "../../libs/auth.js";
-import { ADD_AUTH_OPTIONS as Z } from "../../consts/new-auth-options.js";
-import ee from "../../../../components/DataTable/DataTable.vue.js";
-import te from "../../../../components/DataTable/DataTableRow.vue.js";
-import le from "../../../../components/DataTable/DataTableHeader.vue.js";
-import { useWorkspace as oe } from "../../../../store/store.js";
-const b = (h) => (K("data-v-cdda9bac"), h = h(), H(), h), se = { class: "flex gap-1" }, ae = /* @__PURE__ */ b(() => /* @__PURE__ */ u("div", { class: "text-c-2 h-8 flex min-w-[120px] items-center border-r-1/2 pr-0 pl-2" }, " Auth Type ", -1)), ce = {
+import { defineComponent as F, ref as A, computed as b, openBlock as d, createBlock as $, withCtx as n, createElementVNode as i, toDisplayString as D, createVNode as a, unref as c, createElementBlock as x, Fragment as q, renderList as z, createTextVNode as E, withModifiers as H, Teleport as K, createCommentVNode as L, pushScopeId as P, popScopeId as G } from "vue";
+import J from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useModal as Q, ScalarComboboxMultiselect as X, ScalarButton as Y, ScalarIcon as V } from "@scalar/components";
+import { nanoid as Z } from "nanoid";
+import ee from "./DeleteRequestAuthModal.vue.js";
+import te from "./RequestExampleAuth.vue.js";
+import { displaySchemeFormatter as M, createSchemeValueSet as le } from "../../libs/auth.js";
+import { ADD_AUTH_OPTIONS as oe } from "../../consts/new-auth-options.js";
+import se from "../../../../components/DataTable/DataTable.vue.js";
+import ae from "../../../../components/DataTable/DataTableRow.vue.js";
+import ce from "../../../../components/DataTable/DataTableHeader.vue.js";
+import { useWorkspace as ie } from "../../../../store/store.js";
+const y = (v) => (P("data-v-b2a5825f"), v = v(), G(), v), re = { class: "flex gap-1" }, ne = /* @__PURE__ */ y(() => /* @__PURE__ */ i("div", { class: "text-c-2 h-8 flex min-w-[120px] items-center border-r-1/2 pr-0 pl-2" }, " Auth Type ", -1)), ue = {
   key: 0,
   class: "flex relative scroll-timeline-x w-full"
-}, ie = /* @__PURE__ */ b(() => /* @__PURE__ */ u("div", { class: "fade-left" }, null, -1)), ne = { class: "flex flex-1 gap-0.75 mr-1.5 items-center" }, re = /* @__PURE__ */ b(() => /* @__PURE__ */ u("div", { class: "fade-right" }, null, -1)), ue = {
+}, de = /* @__PURE__ */ y(() => /* @__PURE__ */ i("div", { class: "fade-left" }, null, -1)), me = { class: "flex flex-1 gap-0.75 mr-1.5 items-center" }, pe = /* @__PURE__ */ y(() => /* @__PURE__ */ i("div", null, "Hello World", -1)), fe = /* @__PURE__ */ y(() => /* @__PURE__ */ i("div", { class: "fade-right" }, null, -1)), he = {
   key: 1,
   class: "pl-2"
-}, ge = /* @__PURE__ */ N({
+}, De = /* @__PURE__ */ F({
   __name: "RequestAuth",
   props: {
     title: {}
   },
-  setup(h) {
+  setup(v) {
     const {
-      activeCollection: r,
-      activeRequest: i,
-      collectionMutators: V,
+      activeCollection: u,
+      activeRequest: r,
+      collectionMutators: I,
       isReadOnly: g,
       requestMutators: k,
-      securitySchemes: v,
-      securitySchemeMutators: $
-    } = oe(), O = C(null), y = P(), w = C(void 0), R = S(() => {
-      var o, m, d;
-      const e = (m = (o = i.value) == null ? void 0 : o.security) == null ? void 0 : m.filter(
+      securitySchemes: _,
+      securitySchemeMutators: O
+    } = ie(), R = A(null), S = Q(), C = A(void 0), w = `combobox-${Z()}`, T = b(() => {
+      var o, p, f;
+      const e = (p = (o = r.value) == null ? void 0 : o.security) == null ? void 0 : p.filter(
         (s) => Object.keys(s).length
       );
       return ((g.value && (e != null && e.length) ? e.map((s) => {
-        var p;
+        var h;
         const l = Object.keys(s)[0];
-        return ((p = Object.values(v).find((B) => B.nameKey === l)) == null ? void 0 : p.uid) ?? "";
-      }) : (d = r.value) == null ? void 0 : d.securitySchemes) ?? []).map((s) => v[s]).filter((s) => s);
-    }), U = S(
+        return ((h = Object.values(_).find((W) => W.nameKey === l)) == null ? void 0 : h.uid) ?? "";
+      }) : (f = u.value) == null ? void 0 : f.securitySchemes) ?? []).map((s) => _[s]).filter((s) => s);
+    }), U = b(
       () => {
-        const e = R.value.map(
+        const e = T.value.map(
           (t) => M(t)
         );
         return g.value ? e : [
           { label: "Select auth", options: e },
           {
             label: "Add new auth",
-            options: Z
+            options: oe
           }
         ];
       }
-    ), _ = S(
+    ), m = b(
       () => {
         var e;
-        return ((e = i.value) == null ? void 0 : e.selectedSecuritySchemeUids.map(
-          (t) => M(v[t])
+        return ((e = r.value) == null ? void 0 : e.selectedSecuritySchemeUids.map(
+          (t) => M(_[t])
         )) ?? [];
       }
     );
-    function I(e) {
-      var d, s;
-      if (!((d = r.value) != null && d.uid) || !((s = i.value) != null && s.uid)) return;
+    function N(e) {
+      var f, s;
+      if (!((f = u.value) != null && f.uid) || !((s = r.value) != null && s.uid)) return;
       const t = e.find((l) => l.payload), o = e.filter((l) => !l.payload).map(({ id: l }) => l);
       if (t != null && t.payload) {
-        const l = $.add(
+        const l = O.add(
           t.payload,
-          r.value.uid
+          u.value.uid
         );
         o.push(l.uid);
       }
-      const m = o.filter((l) => !r.value.auth[l]);
-      V.edit(
-        r.value.uid,
+      const p = o.filter((l) => !u.value.auth[l]);
+      I.edit(
+        u.value.uid,
         "auth",
-        m.reduce((l, p) => (l[p] = Y(v[p]), l), r.value.auth)
+        p.reduce((l, h) => (l[h] = le(_[h]), l), u.value.auth)
       ), k.edit(
-        i.value.uid,
+        r.value.uid,
         "selectedSecuritySchemeUids",
         o
       );
     }
-    const T = (e) => i.value && k.edit(
-      i.value.uid,
+    const j = (e) => r.value && k.edit(
+      r.value.uid,
       "selectedSecuritySchemeUids",
-      i.value.selectedSecuritySchemeUids.filter(
+      r.value.selectedSecuritySchemeUids.filter(
         (t) => t !== e
       )
     );
-    function j(e) {
-      w.value = e, y.show();
+    function B(e) {
+      C.value = e, S.show();
     }
-    return (e, t) => (f(), F(L, {
+    return (e, t) => (d(), $(J, {
       class: "group/params",
-      itemCount: _.value.length
+      itemCount: m.value.length
     }, {
       title: n(() => [
-        u("div", se, A(e.title), 1)
+        i("div", re, D(e.title), 1)
       ]),
       default: n(() => [
-        u("form", null, [
-          a(c(ee), {
+        i("form", null, [
+          a(c(se), {
             class: "flex-1",
             columns: [""]
           }, {
             default: n(() => [
-              a(c(te), null, {
+              a(c(ae), null, {
                 default: n(() => [
-                  a(c(le), { class: "relative col-span-full cursor-pointer py-[0px] px-[0px] flex items-center" }, {
+                  a(c(ce), { class: "relative col-span-full cursor-pointer py-[0px] px-[0px] flex items-center" }, {
                     default: n(() => [
-                      a(c(G), {
+                      a(c(X), {
                         ref_key: "comboboxRef",
-                        ref: O,
+                        ref: R,
                         class: "text-xs w-full",
                         fullWidth: "",
                         isDeletable: "",
-                        modelValue: _.value,
+                        modelValue: m.value,
                         multiple: "",
                         options: U.value,
                         style: { "margin-left": "120px" },
-                        teleport: "",
-                        onDelete: j,
-                        "onUpdate:modelValue": I
+                        teleport: `#${w}`,
+                        onDelete: B,
+                        "onUpdate:modelValue": N
                       }, {
                         default: n(() => [
-                          a(c(J), {
+                          a(c(Y), {
                             class: "h-auto py-0 px-0 text-c-2 hover:text-c-1 font-normal justify-start",
                             fullWidth: "",
                             variant: "ghost"
                           }, {
                             default: n(() => [
-                              ae,
-                              _.value.length ? (f(), x("div", ce, [
-                                ie,
-                                u("div", ne, [
-                                  (f(!0), x(W, null, q(_.value, (o) => (f(), x("span", {
+                              ne,
+                              m.value.length ? (d(), x("div", ue, [
+                                de,
+                                i("div", me, [
+                                  (d(!0), x(q, null, z(m.value, (o) => (d(), x("span", {
                                     key: o.id,
                                     class: "cm-pill flex items-center mx-0 h-fit"
                                   }, [
-                                    z(A(o.label) + " ", 1),
-                                    a(c(D), {
+                                    E(D(o.label) + " ", 1),
+                                    a(c(V), {
                                       class: "ml-1 cursor-pointer text-c-3 hover:text-c-1",
                                       icon: "Close",
                                       size: "xs",
-                                      onClick: E((m) => T(o.id), ["stop"])
+                                      onClick: H((p) => j(o.id), ["stop"])
                                     }, null, 8, ["onClick"])
                                   ]))), 128))
                                 ]),
-                                re
-                              ])) : (f(), x("div", ue, " None ")),
-                              a(c(D), {
+                                m.value.length ? (d(), $(K, {
+                                  key: 0,
+                                  to: "body"
+                                }, [
+                                  pe
+                                ])) : L("", !0),
+                                fe
+                              ])) : (d(), x("div", he, " None ")),
+                              a(c(V), {
                                 class: "min-w-3 ml-auto mr-2.5",
                                 icon: "ChevronDown",
                                 size: "xs"
@@ -160,22 +167,23 @@ const b = (h) => (K("data-v-cdda9bac"), h = h(), H(), h), se = { class: "flex ga
                           })
                         ]),
                         _: 1
-                      }, 8, ["modelValue", "options"])
+                      }, 8, ["modelValue", "options", "teleport"])
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              a(X)
+              a(te)
             ]),
             _: 1
           }),
-          a(Q, {
-            scheme: w.value,
-            state: c(y),
-            onClose: t[0] || (t[0] = (o) => c(y).hide())
-          }, null, 8, ["scheme", "state"])
+          a(ee, {
+            scheme: C.value,
+            state: c(S),
+            onClose: t[0] || (t[0] = (o) => c(S).hide())
+          }, null, 8, ["scheme", "state"]),
+          i("div", { id: w })
         ])
       ]),
       _: 1
@@ -183,5 +191,5 @@ const b = (h) => (K("data-v-cdda9bac"), h = h(), H(), h), se = { class: "flex ga
   }
 });
 export {
-  ge as default
+  De as default
 };

package/dist/views/Request/RequestSection/RequestSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":";AAsaA,wBAKG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":";AAuaA,wBAKG"}

package/dist/views/Request/RequestSection/RequestSection.vue.js

@@ -1,24 +1,24 @@
-import { defineComponent as R, computed as _, ref as g, watch as C, openBlock as c, createBlock as w, withCtx as x, createVNode as n, unref as a, createElementVNode as A, createTextVNode as H, createElementBlock as d, createCommentVNode as N, toDisplayString as V, withDirectives as r, vShow as u } from "vue";
-import b from "../../../components/ContextBar.vue.js";
-import E from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import K from "./RequestBody.vue.js";
-import p from "./RequestParams.vue.js";
-import $ from "./RequestPathParams.vue.js";
-import { ScalarIcon as Q } from "@scalar/components";
-import { canMethodHaveBody as v } from "@scalar/oas-utils/helpers";
-import D from "./RequestAuth/RequestAuth.vue.js";
-import { useWorkspace as I } from "../../../store/store.js";
-const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
+import { defineComponent as B, computed as _, ref as g, watch as R, openBlock as m, createBlock as C, withCtx as x, createVNode as n, unref as a, createElementVNode as A, createTextVNode as w, createElementBlock as d, createCommentVNode as H, toDisplayString as N, withDirectives as r, vShow as u } from "vue";
+import V from "../../../components/ContextBar.vue.js";
+import b from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import E from "./RequestBody.vue.js";
+import v from "./RequestParams.vue.js";
+import K from "./RequestPathParams.vue.js";
+import { ScalarIcon as $ } from "@scalar/components";
+import { canMethodHaveBody as f } from "@scalar/oas-utils/helpers";
+import Q from "./RequestAuth/RequestAuth.vue.js";
+import { useWorkspace as D } from "../../../store/store.js";
+const I = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none" }, M = {
   key: 0,
   class: "absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text",
   for: "requestname"
-}, z = ["value"], L = {
+}, P = ["value"], z = {
   key: 2,
   class: "text-c-2"
-}, O = { class: "request-section-content custom-scroll flex flex-1 flex-col px-2 xl:px-5 py-2.5" }, te = /* @__PURE__ */ R({
+}, L = { class: "request-section-content custom-scroll flex flex-1 flex-col px-2 xl:px-5 py-2.5" }, ee = /* @__PURE__ */ B({
   __name: "RequestSection",
-  setup(T) {
-    const { activeRequest: o, activeExample: f, isReadOnly: m, requestMutators: k } = I(), q = _(() => {
+  setup(O) {
+    const { activeRequest: o, activeExample: h, isReadOnly: p, requestMutators: k } = D(), q = _(() => {
       var l, s;
       const t = /* @__PURE__ */ new Set([
         "Query",
@@ -29,91 +29,91 @@ const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
         "Body",
         "All"
       ]);
-      return (l = f.value) != null && l.parameters.path.length || t.delete("Request"), v(((s = o.value) == null ? void 0 : s.method) ?? "get") || t.delete("Body"), h.value && t.delete("Auth"), [...t];
-    }), h = _(
+      return (l = h.value) != null && l.parameters.path.length || t.delete("Request"), f(((s = o.value) == null ? void 0 : s.method) ?? "get") || t.delete("Body"), y.value && t.delete("Auth"), [...t];
+    }), y = _(
       () => {
         var t, l;
-        return m.value && ((l = (t = o.value) == null ? void 0 : t.security) == null ? void 0 : l.length) === 0;
+        return p.value && ((l = (t = o.value) == null ? void 0 : t.security) == null ? void 0 : l.length) === 0;
       }
     ), e = g("All");
-    C(o, (t) => {
-      e.value === "Body" && t && !v(t.method) && (e.value = "All");
+    R(o, (t) => {
+      e.value === "Body" && t && !f(t.method) && (e.value = "All");
     });
     const S = (t) => {
       if (!o.value) return;
       const l = t.target;
       k.edit(o.value.uid, "summary", l.value);
     };
-    return (t, l) => (c(), w(E, null, {
+    return (t, l) => (m(), C(b, null, {
       title: x(() => {
         var s, i;
         return [
-          n(a(Q), {
+          n(a($), {
             class: "text-c-3 mr-2 pointer-events-none",
             icon: "ExternalLink",
             size: "sm",
             thickness: "2.5"
           }),
-          A("div", M, [
-            H(" Request "),
-            a(m) ? N("", !0) : (c(), d("label", P)),
-            a(m) ? (c(), d("span", L, V((i = a(o)) == null ? void 0 : i.summary), 1)) : (c(), d("input", {
+          A("div", I, [
+            w(" Request "),
+            a(p) ? H("", !0) : (m(), d("label", M)),
+            a(p) ? (m(), d("span", z, N((i = a(o)) == null ? void 0 : i.summary), 1)) : (m(), d("input", {
               key: 1,
               id: "requestname",
               class: "outline-none border-0 text-c-2 rounded pointer-events-auto relative w-full",
               placeholder: "Request Name",
               value: (s = a(o)) == null ? void 0 : s.summary,
               onInput: S
-            }, null, 40, z))
-          ])
+            }, null, 40, P))
+          ]),
+          n(V, {
+            activeSection: e.value,
+            sections: q.value,
+            onSetActiveSection: l[0] || (l[0] = (c) => e.value = c)
+          }, null, 8, ["activeSection", "sections"])
         ];
       }),
       default: x(() => {
-        var s, i, y;
+        var s, i, c;
         return [
-          A("div", O, [
-            n(b, {
-              activeSection: e.value,
-              sections: q.value,
-              onSetActiveSection: l[0] || (l[0] = (B) => e.value = B)
-            }, null, 8, ["activeSection", "sections"]),
-            r(n(D, { title: "Authentication" }, null, 512), [
+          A("div", L, [
+            r(n(Q, { title: "Authentication" }, null, 512), [
               [
                 u,
-                !h.value && (e.value === "All" || e.value === "Auth")
+                !y.value && (e.value === "All" || e.value === "Auth")
               ]
             ]),
-            r(n($, {
+            r(n(K, {
               paramKey: "path",
               title: "Path Variables"
             }, null, 512), [
               [
                 u,
-                (e.value === "All" || e.value === "Request") && ((y = (i = (s = a(f)) == null ? void 0 : s.parameters) == null ? void 0 : i.path) == null ? void 0 : y.length)
+                (e.value === "All" || e.value === "Request") && ((c = (i = (s = a(h)) == null ? void 0 : s.parameters) == null ? void 0 : i.path) == null ? void 0 : c.length)
               ]
             ]),
-            r(n(p, {
+            r(n(v, {
               paramKey: "cookies",
               title: "Cookies"
             }, null, 512), [
               [u, e.value === "All" || e.value === "Cookies"]
             ]),
-            r(n(p, {
+            r(n(v, {
               paramKey: "headers",
               title: "Headers"
             }, null, 512), [
               [u, e.value === "All" || e.value === "Headers"]
             ]),
-            r(n(p, {
+            r(n(v, {
               paramKey: "query",
               title: "Query Parameters"
             }, null, 512), [
               [u, e.value === "All" || e.value === "Query"]
             ]),
-            r(n(K, { title: "Body" }, null, 512), [
+            r(n(E, { title: "Body" }, null, 512), [
               [
                 u,
-                a(o) && (e.value === "All" || e.value === "Body") && a(v)(a(o).method)
+                a(o) && (e.value === "All" || e.value === "Body") && a(f)(a(o).method)
               ]
             ])
           ])
@@ -124,5 +124,5 @@ const M = { class: "flex-1 flex gap-1 items-center pointer-events-none" }, P = {
   }
 });
 export {
-  te as default
+  ee as default
 };

package/dist/views/Request/RequestSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":";iBA8Oe,OAAO;gBACR,OAAO;;;;cAMkB,MAAM;aAAO,MAAM;;;iBAP3C,OAAO;gBACR,OAAO;;;cAMkB,MAAM;aAAO,MAAM;;;;AA4gB1D,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":";iBAgVe,OAAO;gBACR,OAAO;;;;cAMkB,MAAM;aAAO,MAAM;;;iBAP3C,OAAO;gBACR,OAAO;;;cAMkB,MAAM;aAAO,MAAM;;;;AAklB1D,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/views/Request/RequestSidebar.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestSidebar.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c1d999da"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-07523d65"]]);
 export {
-  d as default
+  m as default
 };