@scalar/api-client 2.1.45 → 2.1.46

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAwLA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAKxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AAqSF,wBAOG"}
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAwLA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAKxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AAySF,wBAOG"}

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

@@ -1,113 +1,114 @@
-import { defineComponent as x, computed as d, onMounted as C, ref as K, watch as $, openBlock as E, createBlock as S, withCtx as i, createTextVNode as y, toDisplayString as T, createElementVNode as g, createVNode as R, unref as A, withModifiers as B, nextTick as h } from "vue";
+import { defineComponent as K, computed as y, onMounted as $, ref as x, watch as A, openBlock as E, createBlock as S, withCtx as i, createTextVNode as h, toDisplayString as g, createElementVNode as m, createVNode as R, unref as T, withModifiers as B, nextTick as k } from "vue";
 import M from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import N from "./RequestTable.vue.js";
 import { ScalarButton as V } from "@scalar/components";
-import { requestExampleParametersSchema as k } from "@scalar/oas-utils/entities/spec";
+import { requestExampleParametersSchema as _ } from "@scalar/oas-utils/entities/spec";
 import { useWorkspace as W } from "../../../store/store.js";
-const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 request-meta-buttons" }, O = /* @__PURE__ */ x({
+const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100 request-meta-buttons" }, D = { class: "sr-only" }, Q = /* @__PURE__ */ K({
   __name: "RequestParams",
   props: {
     title: {},
     paramKey: {}
   },
-  setup(_) {
-    const s = _, { activeRequest: n, activeExample: a, requestExampleMutators: u } = W(), l = d(
+  setup(b) {
+    const r = b, { activeRequest: n, activeExample: a, requestExampleMutators: o } = W(), l = y(
       () => {
         var e;
-        return ((e = a.value) == null ? void 0 : e.parameters[s.paramKey]) ?? [];
+        return ((e = a.value) == null ? void 0 : e.parameters[r.paramKey]) ?? [];
       }
     );
-    C(() => {
-      m();
+    $(() => {
+      c();
     });
-    const o = () => {
+    const u = () => {
       if (!n.value || !a.value) return;
-      const e = k.parse({ enabled: !1 }), t = [...l.value, e];
-      u.edit(
+      const e = _.parse({ enabled: !1 }), t = [...l.value, e];
+      o.edit(
         a.value.uid,
-        `parameters.${s.paramKey}`,
+        `parameters.${r.paramKey}`,
         t
       );
-    }, p = K(null), b = (e, t, c) => {
+    }, p = x(null), q = (e, t, f) => {
       if (!n.value || !a.value) return;
-      const f = l.value;
-      if (f.length > e) {
-        const r = [...f];
-        r[e] = { ...r[e], [t]: c }, (r[e].key !== "" || r[e].value !== "") && (r[e].enabled = !0), r[e].key === "" && r[e].value === "" && r.splice(e, 1), u.edit(
+      const v = l.value;
+      if (v.length > e) {
+        const s = [...v];
+        s[e] = { ...s[e], [t]: f }, (s[e].key !== "" || s[e].value !== "") && (s[e].enabled = !0), s[e].key === "" && s[e].value === "" && s.splice(e, 1), o.edit(
           a.value.uid,
-          `parameters.${s.paramKey}`,
-          r
+          `parameters.${r.paramKey}`,
+          s
         );
       } else {
-        const r = [k.parse({ [t]: c })];
-        u.edit(
+        const s = [_.parse({ [t]: f })];
+        o.edit(
           a.value.uid,
-          `parameters.${s.paramKey}`,
-          r
-        ), h(() => {
-          var v;
+          `parameters.${r.paramKey}`,
+          s
+        ), k(() => {
+          var d;
           if (!p.value) return;
-          (v = p.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || v.focus();
+          (d = p.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || d.focus();
         });
       }
-    }, q = (e, t) => n.value && a.value && u.edit(
+    }, P = (e, t) => n.value && a.value && o.edit(
       a.value.uid,
-      `parameters.${s.paramKey}.${e}.enabled`,
+      `parameters.${r.paramKey}.${e}.enabled`,
       t
-    ), P = () => {
+    ), w = () => {
       if (!n.value || !a.value) return;
       const e = l.value.filter(
         (t) => t.enabled || t.required
       );
-      u.edit(
+      o.edit(
         a.value.uid,
-        `parameters.${s.paramKey}`,
+        `parameters.${r.paramKey}`,
         e
-      ), h(() => {
-        o();
+      ), k(() => {
+        u();
       });
     };
-    function m() {
+    function c() {
       if (l.value.length === 0)
-        o();
+        u();
       else if (l.value.length >= 1) {
         const e = l.value[l.value.length - 1];
-        e.key !== "" && e.value !== "" && o();
+        e.key !== "" && e.value !== "" && u();
       }
     }
-    const w = d(
+    const C = y(
       () => l.value.filter((e) => e.key || e.value).length
     );
-    return $(
+    return A(
       () => a.value,
       (e, t) => {
-        e !== t && m();
+        e !== t && c();
       },
       { immediate: !0 }
     ), (e, t) => (E(), S(M, {
       class: "group/params",
-      itemCount: w.value
+      itemCount: C.value
     }, {
       title: i(() => [
-        y(T(e.title), 1)
+        h(g(e.title), 1)
       ]),
       actions: i(() => [
-        g("div", z, [
-          R(A(V), {
+        m("div", z, [
+          R(T(V), {
             class: "px-1 transition-none",
             size: "sm",
             variant: "ghost",
-            onClick: B(P, ["stop"])
+            onClick: B(w, ["stop"])
           }, {
-            default: i(() => t[0] || (t[0] = [
-              y(" Clear ")
-            ])),
+            default: i(() => [
+              t[0] || (t[0] = h(" Clear")),
+              m("span", D, "All " + g(e.title), 1)
+            ]),
             _: 1
           })
         ])
       ]),
       default: i(() => [
-        g("div", {
+        m("div", {
           ref_key: "tableWrapperRef",
           ref: p
         }, [
@@ -115,9 +116,9 @@ const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
             class: "flex-1",
             columns: ["32px", "", ""],
             items: l.value,
-            onAddRow: o,
-            onToggleRow: q,
-            onUpdateRow: b
+            onAddRow: u,
+            onToggleRow: P,
+            onUpdateRow: q
           }, null, 8, ["items"])
         ], 512)
       ]),
@@ -126,5 +127,5 @@ const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
   }
 });
 export {
-  O as default
+  Q 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":"AA2KA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AAgQF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AA2KA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AAoQF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestSection.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-55b0bff1"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-616b1d4c"]]);
 export {
   m as default
 };