@scalar/api-client 2.2.4 → 2.2.6

package/dist/views/Request/RequestSubpageHeader.vue2.js

@@ -1,27 +1,28 @@
-import { defineComponent as y, openBlock as l, createElementBlock as a, createElementVNode as r, createVNode as s, normalizeClass as c, unref as t, createBlock as d, createCommentVNode as i } from "vue";
-import k from "../../components/AddressBar/AddressBar.vue.js";
-import C from "../../components/EnvironmentSelector/EnvironmentSelector.vue.js";
-import x from "../../components/Sidebar/SidebarToggle.vue.js";
-import { useActiveEntities as v } from "../../store/active-entities.js";
+import { defineComponent as C, openBlock as l, createElementBlock as a, createElementVNode as r, createVNode as s, normalizeClass as k, unref as t, createBlock as d, createCommentVNode as i } from "vue";
+import V from "../../components/AddressBar/AddressBar.vue.js";
+import x from "../../components/EnvironmentSelector/EnvironmentSelector.vue.js";
+import v from "../../components/Sidebar/SidebarToggle.vue.js";
+import { useActiveEntities as w } from "../../store/active-entities.js";
 import { ScalarIcon as g } from "@scalar/components";
-import V from "./components/WorkspaceDropdown.vue.js";
-import w from "../../components/OpenApiClientButton.vue.js";
+import $ from "./components/WorkspaceDropdown.vue.js";
+import B from "../../components/OpenApiClientButton.vue.js";
+import { useWorkspace as R } from "../../store/store.js";
 import { useLayout as h } from "../../hooks/useLayout.js";
-const $ = { class: "lg:min-h-header flex items-center w-full justify-center p-2 pt-2 lg:pt-1 lg:p-1 flex-wrap t-app__top-container border-b-1/2" }, B = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 lg:mb-0 mb-2 lg:flex-1 w-6/12" }, R = { class: "flex flex-row items-center gap-1 lg:px-2.5 lg:mb-0 mb-2 lg:flex-1 justify-end w-6/12" }, H = /* @__PURE__ */ y({
+const z = { class: "lg:min-h-header flex items-center w-full justify-center p-2 pt-2 lg:pt-1 lg:p-1 flex-wrap t-app__top-container border-b-1/2" }, A = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 lg:mb-0 mb-2 lg:flex-1 w-6/12" }, E = { class: "flex flex-row items-center gap-1 lg:px-2.5 lg:mb-0 mb-2 lg:flex-1 justify-end w-6/12" }, D = /* @__PURE__ */ C({
   __name: "RequestSubpageHeader",
   props: {
     modelValue: { type: Boolean },
     isReadonly: { type: Boolean }
   },
   emits: ["update:modelValue", "hideModal", "importCurl"],
-  setup(S) {
-    const { activeCollection: m } = v(), { layout: b } = h();
+  setup(M) {
+    const { activeCollection: m } = w(), c = R(), { hideClientButton: y } = c, { layout: b } = h();
     return (o, e) => {
       var p, u, f;
-      return l(), a("div", $, [
-        r("div", B, [
-          s(x, {
-            class: c(["gitbook-hidden", [
+      return l(), a("div", z, [
+        r("div", A, [
+          s(v, {
+            class: k(["gitbook-hidden", [
               "xl:hidden",
               { "xl:!flex": !o.modelValue },
               { "!flex": t(b) === "modal" }
@@ -29,22 +30,17 @@ const $ = { class: "lg:min-h-header flex items-center w-full justify-center p-2
             modelValue: o.modelValue,
             "onUpdate:modelValue": e[0] || (e[0] = (n) => o.$emit("update:modelValue", n))
           }, null, 8, ["class", "modelValue"]),
-          o.isReadonly ? i("", !0) : (l(), d(t(V), { key: 0 })),
-          e[4] || (e[4] = r("a", {
-            class: "text-c-2 text-sm font-medium gitbook-show ml-.5 hover:text-c-1 border p-1 rounded hover:bg-b-3",
-            href: "https://scalar.com/",
-            target: "_blank"
-          }, " Powered by Scalar.com ", -1))
+          o.isReadonly ? i("", !0) : (l(), d(t($), { key: 0 }))
         ]),
-        s(k, {
+        s(V, {
           onImportCurl: e[1] || (e[1] = (n) => o.$emit("importCurl", n))
         }),
-        r("div", R, [
-          o.isReadonly ? i("", !0) : (l(), d(C, { key: 0 })),
-          o.isReadonly && ((p = t(m)) != null && p.documentUrl) ? (l(), d(t(w), {
+        r("div", E, [
+          o.isReadonly ? i("", !0) : (l(), d(x, { key: 0 })),
+          o.isReadonly && ((p = t(m)) != null && p.documentUrl) && !t(y) ? (l(), d(t(B), {
             key: 1,
             buttonSource: "modal",
-            class: "gitbook-hidden !w-fit lg:-mr-1",
+            class: "!w-fit lg:-mr-1",
             integration: (u = t(m)) == null ? void 0 : u.integration,
             url: (f = t(m)) == null ? void 0 : f.documentUrl
           }, null, 8, ["integration", "url"])) : i("", !0),
@@ -59,7 +55,7 @@ const $ = { class: "lg:min-h-header flex items-center w-full justify-center p-2
               size: "lg",
               thickness: "2"
             }),
-            e[5] || (e[5] = r("span", { class: "sr-only" }, "Close Client", -1))
+            e[4] || (e[4] = r("span", { class: "sr-only" }, "Close Client", -1))
           ])) : i("", !0),
           o.isReadonly ? (l(), a("button", {
             key: 3,
@@ -72,7 +68,7 @@ const $ = { class: "lg:min-h-header flex items-center w-full justify-center p-2
               size: "md",
               thickness: "1.75"
             }),
-            e[6] || (e[6] = r("span", { class: "sr-only" }, "Close Client", -1))
+            e[5] || (e[5] = r("span", { class: "sr-only" }, "Close Client", -1))
           ])) : i("", !0)
         ])
       ]);
@@ -80,5 +76,5 @@ const $ = { class: "lg:min-h-header flex items-center w-full justify-center p-2
   }
 });
 export {
-  H as default
+  D as default
 };

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyPreview.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;AA8HF,wBAMG"}
+{"version":3,"file":"ResponseBodyPreview.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyPreview.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;;AA+HF,wBAMG"}

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseBodyPreview.vue2.js";
 /* empty css                         */
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ce1255fa"]]);
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c821a9de"]]);
 export {
   s as default
 };

package/dist/views/Request/ResponseSection/ResponseBodyPreview.vue2.js

@@ -8,18 +8,18 @@ const k = ["src"], w = ["src", "type"], B = ["src", "type"], E = ["data", "type"
     mode: {},
     alpha: { type: Boolean }
   },
-  setup(p) {
-    const u = p, r = i(!1);
+  setup(u) {
+    const p = u, r = i(!1);
     return y(
-      () => u.src,
+      () => p.src,
       () => r.value = !1
     ), (e, o) => !r.value && e.src ? (s(), t("div", {
       key: 0,
-      class: n(["flex justify-center overflow-hidden rounded-b", { "p-2 bg-preview": e.alpha }])
+      class: n(["flex justify-center overflow-auto rounded-b", { "p-2 bg-preview": e.alpha }])
     }, [
       e.mode === "image" ? (s(), t("img", {
         key: 0,
-        class: n(["max-w-full", { rounded: e.alpha }]),
+        class: n(["h-full max-w-full", { rounded: e.alpha }]),
         src: e.src,
         onError: o[0] || (o[0] = (l) => r.value = !0)
       }, null, 42, k)) : e.mode === "video" ? (s(), t("video", {

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA6XA,wBAMG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA4YA,wBAMG"}

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-886982fd"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bc56cd7e"]]);
 export {
-  s as default
+  r as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -1,31 +1,31 @@
-import { defineComponent as b, onMounted as R, onBeforeUnmount as C, openBlock as n, createElementBlock as l, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as N, createCommentVNode as m, createVNode as s } from "vue";
-import q from "../../../assets/computer.ascii.js";
+import { defineComponent as _, onMounted as R, onBeforeUnmount as C, openBlock as r, createElementBlock as l, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as w, createCommentVNode as m, createVNode as s } from "vue";
+import N from "../../../assets/computer.ascii.js";
 import x from "../../../assets/keycap.ascii.js";
 import u from "../../../components/ScalarAsciiArt.vue.js";
 import p from "../../../components/ScalarHotkey.vue.js";
-import { useActiveEntities as V } from "../../../store/active-entities.js";
-import { useRoute as K } from "vue-router";
-import { useWorkspace as S } from "../../../store/store.js";
-import { useLayout as A } from "../../../hooks/useLayout.js";
-const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
+import { useActiveEntities as q } from "../../../store/active-entities.js";
+import { useRoute as S } from "vue-router";
+import { useWorkspace as V } from "../../../store/store.js";
+import { useLayout as B } from "../../../hooks/useLayout.js";
+const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
   key: 0,
   class: "scalar-version-number"
-}, w = { class: "scale-75 flex" }, P = { class: "relative" }, $ = { class: "relative -ml-12" }, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, F = /* @__PURE__ */ b({
+}, E = { class: "scale-75 flex" }, P = { class: "relative" }, $ = { class: "relative -ml-12" }, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, F = /* @__PURE__ */ _({
   __name: "ResponseEmpty",
   setup(z) {
-    const { activeWorkspaceRequests: d } = V(), { isReadOnly: g, events: a } = S(), v = K(), { layout: r } = A(), f = () => {
+    const { activeWorkspaceRequests: d } = q(), { isReadOnly: g, events: a } = V(), v = S(), { layout: n } = B(), f = () => {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.2.4";
-    return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (n(), l("div", B, [
+    }, h = "2.2.6";
+    return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (r(), l("div", K, [
       o("div", {
         class: k(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
-          "hidden opacity-0": t(d).length <= 1 && t(r) !== "modal"
+          "hidden opacity-0": t(d).length <= 1 && t(n) !== "modal"
         }])
       }, [
-        t(g) ? m("", !0) : (n(), l("div", E, [
-          c(" Scalar App V" + N(t(h)) + " Beta ", 1),
+        t(g) ? m("", !0) : (r(), l("div", A, [
+          c(" Scalar App V" + w(t(h)) + " Beta ", 1),
           e[2] || (e[2] = o("div", { class: "mt-2" }, [
             o("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
@@ -33,18 +33,23 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
             }, " Roadmap ")
           ], -1))
         ])),
+        e[3] || (e[3] = o("a", {
+          class: "gitbook-show scalar-version-number",
+          href: "https://www.scalar.com",
+          target: "_blank"
+        }, " Powered By Scalar.com ", -1)),
         s(u, {
-          art: t(q),
+          art: t(N),
           class: "text-c-3"
         }, null, 8, ["art"])
       ], 2),
-      t(r) !== "modal" ? (n(), l("div", {
+      t(n) !== "modal" ? (r(), l("div", {
         key: 0,
         class: k(["h-[calc(100%_-_50px)] items-center justify-center hidden pb-5", {
           "!flex opacity-100": t(d).length == 1
         }])
       }, [
-        o("div", w, [
+        o("div", E, [
           o("div", P, [
             s(p, {
               class: "keycap-hotkey",
@@ -56,7 +61,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
             }, null, 8, ["art"])
           ]),
           o("div", $, [
-            e[3] || (e[3] = o("div", { class: "keycap-hotkey !right-[60px]" }, "K", -1)),
+            e[4] || (e[4] = o("div", { class: "keycap-hotkey !right-[60px]" }, "K", -1)),
             s(u, {
               art: t(x),
               class: "!leading-[6px] keycap-n"
@@ -65,30 +70,30 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, E = {
         ])
       ], 2)) : m("", !0),
       o("div", j, [
-        t(r) !== "modal" ? (n(), l("button", {
+        t(n) !== "modal" ? (r(), l("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (_) => t(a).commandPalette.emit())
+          onClick: e[0] || (e[0] = (b) => t(a).commandPalette.emit())
         }, [
-          e[4] || (e[4] = c(" Get Started ")),
+          e[5] || (e[5] = c(" Get Started ")),
           s(p, { hotkey: "k" })
         ])) : m("", !0),
         o("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[1] || (e[1] = (_) => t(a).executeRequest.emit())
+          onClick: e[1] || (e[1] = (b) => t(a).executeRequest.emit())
         }, [
-          e[5] || (e[5] = c(" Send Request ")),
+          e[6] || (e[6] = c(" Send Request ")),
           s(p, { hotkey: "↵" })
         ]),
-        t(r) === "desktop" ? (n(), l("button", {
+        t(n) === "desktop" ? (r(), l("button", {
           key: 1,
           class: "flex items-center gap-1.5",
           type: "button",
           onClick: f
         }, [
-          e[6] || (e[6] = c(" New Request ")),
+          e[7] || (e[7] = c(" New Request ")),
           s(p, { hotkey: "N" })
         ])) : m("", !0)
       ])

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAQvE,KAAK,WAAW,GAAG;IAAE,QAAQ,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAyIlD,wBAOG"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAQvE,KAAK,WAAW,GAAG;IAAE,QAAQ,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AAsJlD,wBAOG"}

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.js

@@ -1,52 +1,63 @@
-import { defineComponent as I, ref as v, computed as S, openBlock as s, createElementBlock as o, toDisplayString as n, unref as c, Fragment as f, createElementVNode as u, createTextVNode as p, createCommentVNode as y, createBlock as _, withCtx as B } from "vue";
-import L from "../../../components/HelpfulLink.vue.js";
-import { httpStatusCodes as N } from "@scalar/oas-utils/helpers";
-import V from "pretty-bytes";
+import { defineComponent as I, ref as m, computed as _, openBlock as o, createElementBlock as r, toDisplayString as n, unref as f, Fragment as v, createElementVNode as a, createTextVNode as p, createCommentVNode as y, createBlock as b, withCtx as w, normalizeStyle as k } from "vue";
+import B from "../../../components/HelpfulLink.vue.js";
+import { httpStatusCodes as L } from "@scalar/oas-utils/helpers";
+import N from "pretty-bytes";
 import h from "pretty-ms";
-import { useWorkspace as w } from "../../../store/store.js";
-const D = { class: "flex gap-1.5 text-c-1" }, E = { key: 0 }, M = { key: 0 }, R = { key: 1 }, $ = /* @__PURE__ */ I({
+import { useWorkspace as V } from "../../../store/store.js";
+const x = { class: "flex gap-1.5 text-c-1" }, z = { key: 0 }, D = { key: 0 }, E = { key: 1 }, $ = /* @__PURE__ */ I({
   __name: "ResponseMetaInformation",
   props: {
     response: {}
   },
-  setup(k) {
-    const g = k, { events: C } = w(), a = v(), l = v(0);
-    C.requestStatus.on((e) => {
-      e === "start" ? a.value = setInterval(() => l.value += 1e3, 1e3) : (clearInterval(a.value), a.value = void 0, l.value = 0);
+  setup(g) {
+    const C = g, { events: S } = V(), l = m(), u = m(0);
+    S.requestStatus.on((e) => {
+      e === "start" ? l.value = setInterval(() => u.value += 1e3, 1e3) : (clearInterval(l.value), l.value = void 0, u.value = 0);
     });
     const i = (e) => {
-      var m, d;
+      var c, d;
       const t = parseInt(
-        ((m = e.headers) == null ? void 0 : m["Content-Length"]) || ((d = e.headers) == null ? void 0 : d["content-length"]) || "0",
+        ((c = e.headers) == null ? void 0 : c["Content-Length"]) || ((d = e.headers) == null ? void 0 : d["content-length"]) || "0",
         10
       );
-      return t ? V(t) : void 0;
-    }, r = S(() => {
-      const e = g.response.status;
+      return t ? N(t) : void 0;
+    }, s = _(() => {
+      const e = C.response.status;
       if (e)
-        return N[e] ?? void 0;
+        return L[e] ?? void 0;
     });
-    return (e, t) => (s(), o("div", D, [
-      a.value && l.value ? (s(), o("span", E, n(c(h)(l.value)), 1)) : (s(), o(f, { key: 1 }, [
-        u("span", null, [
-          t[0] || (t[0] = u("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
-          p(" " + n(c(h)(e.response.duration)), 1)
+    return (e, t) => (o(), r("div", x, [
+      l.value && u.value ? (o(), r("span", z, n(f(h)(u.value)), 1)) : (o(), r(v, { key: 1 }, [
+        a("span", null, [
+          t[0] || (t[0] = a("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
+          p(" " + n(f(h)(e.response.duration)), 1)
         ]),
-        i(e.response) ? (s(), o("span", M, [
-          t[1] || (t[1] = u("span", { class: "sr-only" }, ", Size:", -1)),
+        i(e.response) ? (o(), r("span", D, [
+          t[1] || (t[1] = a("span", { class: "sr-only" }, ", Size:", -1)),
           p(" " + n(i(e.response)), 1)
         ])) : y("", !0),
-        r.value ? (s(), o(f, { key: 1 }, [
-          t[2] || (t[2] = u("span", { class: "sr-only" }, ", Status:", -1)),
-          r.value.url ? (s(), _(L, {
+        s.value ? (o(), r(v, { key: 1 }, [
+          t[2] || (t[2] = a("span", { class: "sr-only" }, ", Status:", -1)),
+          s.value.url ? (o(), b(B, {
             key: 0,
-            href: r.value.url
+            class: "flex items-center gap-1.5",
+            href: s.value.url
           }, {
-            default: B(() => [
-              p(n(e.response.status) + " " + n(r.value.name), 1)
+            default: w(() => [
+              p(n(e.response.status) + " " + n(s.value.name) + " ", 1),
+              a("span", {
+                class: "block h-1.5 w-1.5 rounded-full",
+                style: k({ backgroundColor: s.value.color })
+              }, null, 4)
             ]),
             _: 1
-          }, 8, ["href"])) : (s(), o("span", R, n(e.response.status) + " " + n(r.value.name), 1))
+          }, 8, ["href"])) : (o(), r("span", E, [
+            p(n(e.response.status) + " " + n(s.value.name) + " ", 1),
+            a("span", {
+              class: "block h-1.5 w-1.5 rounded-full",
+              style: k({ backgroundColor: s.value.color })
+            }, null, 4)
+          ]))
         ], 64)) : y("", !0)
       ], 64))
     ]));

package/dist/views/Request/components/WorkspaceDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":";AA8yBA,wBAMG"}
+{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":";AA0yBA,wBAMG"}

package/dist/views/Request/components/WorkspaceDropdown.vue.js

@@ -152,9 +152,8 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
               default: n(() => [
                 l("div", Z, [
                   s(e(c), {
-                    class: "h-2.5",
                     icon: "Add",
-                    thickness: "3"
+                    size: "sm"
                   })
                 ]),
                 t[8] || (t[8] = l("span", null, "Create Workspace", -1))
@@ -172,9 +171,8 @@ const J = { class: "flex items-center text-sm w-[inherit]" }, K = { class: "font
                 l("div", K, [
                   l("h2", Q, z(e(f).name), 1),
                   s(e(c), {
-                    class: "size-3",
                     icon: "ChevronDown",
-                    thickness: "3"
+                    size: "md"
                   })
                 ])
               ]),

package/dist/views/Request/libs/oauth2.d.ts

@@ -18,11 +18,15 @@ export declare const generateCodeChallenge: (verifier: string, encoding: "SHA-25
  *
  * @returns the accessToken
  */
-export declare const authorizeOauth2: (flow: Oauth2Flow, activeServer: Server) => Promise<ErrorResponse<string>>;
+export declare const authorizeOauth2: (flow: Oauth2Flow, activeServer: Server, proxyUrl?: string) => Promise<ErrorResponse<string>>;
 /**
  * Makes the BE authorization call to grab the token server to server
  * Used for clientCredentials and authorizationCode
  */
-export declare const authorizeServers: (flow: NonImplicitFlow, scopes: string, code?: string, pkce?: PKCEState | null) => Promise<ErrorResponse<string>>;
+export declare const authorizeServers: (flow: NonImplicitFlow, scopes: string, { code, pkce, proxyUrl, }?: {
+    code?: string;
+    pkce?: PKCEState | null;
+    proxyUrl?: string;
+}) => Promise<ErrorResponse<string>>;
 export {};
 //# sourceMappingURL=oauth2.d.ts.map

package/dist/views/Request/libs/oauth2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oauth2.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/libs/oauth2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,EACV,UAAU,EAEV,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,qDAAqD;AACrD,KAAK,eAAe,GAAG,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAA;AAEhE,KAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAmBD;;GAEG;AACH,eAAO,MAAM,qBAAqB,aACtB,MAAM,YACN,SAAS,GAAG,OAAO,KAC5B,OAAO,CAAC,MAAM,CAahB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,SACpB,UAAU,gBAEF,MAAM,KACnB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAqJ/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,SACrB,eAAe,UACb,MAAM,SACP,MAAM,SACN,SAAS,GAAG,IAAI,KACtB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAwD/B,CAAA"}
+{"version":3,"file":"oauth2.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/libs/oauth2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,EACV,UAAU,EAEV,MAAM,EACP,MAAM,iCAAiC,CAAA;AAGxC,qDAAqD;AACrD,KAAK,eAAe,GAAG,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAA;AAEhE,KAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAmBD;;GAEG;AACH,eAAO,MAAM,qBAAqB,aACtB,MAAM,YACN,SAAS,GAAG,OAAO,KAC5B,OAAO,CAAC,MAAM,CAahB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,SACpB,UAAU,gBAEF,MAAM,aAET,MAAM,KAChB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAsJ/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,SACrB,eAAe,UACb,MAAM,8BAKX;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KACA,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CA6D/B,CAAA"}

package/dist/views/Request/libs/oauth2.js

@@ -1,33 +1,36 @@
-const w = () => {
+import { shouldUseProxy as w } from "@scalar/oas-utils/helpers";
+const P = () => {
   const e = new Uint8Array(32);
   return crypto.getRandomValues(e), btoa(String.fromCharCode(...e)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-}, _ = async (e, i) => {
-  if (i === "plain") return e;
-  const s = new TextEncoder().encode(e), t = await crypto.subtle.digest("SHA-256", s);
-  return btoa(String.fromCharCode(...new Uint8Array(t))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }, y = async (e, i) => {
+  if (i === "plain") return e;
+  const a = new TextEncoder().encode(e), s = await crypto.subtle.digest("SHA-256", a);
+  return btoa(String.fromCharCode(...new Uint8Array(s))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}, k = async (e, i, o) => {
   try {
     if (!e) return [new Error("Flow not found"), null];
     const a = e.selectedScopes.join(" ");
     if (e.type === "clientCredentials" || e.type === "password")
-      return m(e, a);
+      return _(e, a, {
+        proxyUrl: o
+      });
     {
       const s = (Math.random() + 1).toString(36).substring(7), t = new URL(e.authorizationUrl);
-      let o = null;
+      let l = null;
       if (e.type === "implicit")
         t.searchParams.set("response_type", "token");
       else if (e.type === "authorizationCode" && (t.searchParams.set("response_type", "code"), e["x-usePkce"] !== "no")) {
-        const r = w(), c = await _(
+        const r = P(), c = await y(
           r,
           e["x-usePkce"]
         );
-        o = {
+        l = {
           codeVerifier: r,
           codeChallenge: c,
           codeChallengeMethod: e["x-usePkce"] === "SHA-256" ? "S256" : "plain"
         }, t.searchParams.set("code_challenge", c), t.searchParams.set(
           "code_challenge_method",
-          o.codeChallengeMethod
+          l.codeChallengeMethod
         );
       }
       if (e["x-scalar-redirect-uri"].startsWith("/")) {
@@ -42,29 +45,28 @@ const w = () => {
       const n = window.open(t, "openAuth2Window", "left=100,top=100,width=800,height=600");
       return n ? new Promise((r) => {
         const c = setInterval(() => {
-          var p;
-          let d = null, u = null;
+          var m;
+          let u = null, h = null;
           try {
-            const l = new URL(n.location.href).searchParams;
-            d = l.get("access_token"), u = l.get("code");
+            const d = new URL(n.location.href).searchParams;
+            u = d.get("access_token"), h = d.get("code");
             const g = new URLSearchParams(
               n.location.href.split("#")[1]
             );
-            d || (d = g.get("access_token")), u || (u = g.get("code"));
+            u || (u = g.get("access_token")), h || (h = g.get("code"));
           } catch {
           }
-          if (n.closed || d || u)
-            if (clearInterval(c), n.close(), d) {
-              const l = (p = n.location.href.match(/state=([^&]*)/)) == null ? void 0 : p[1];
-              r(l === s ? [null, d] : [new Error("State mismatch"), null]);
-            } else u ? new URL(
+          if (n.closed || u || h)
+            if (clearInterval(c), n.close(), u) {
+              const d = (m = n.location.href.match(/state=([^&]*)/)) == null ? void 0 : m[1];
+              r(d === s ? [null, u] : [new Error("State mismatch"), null]);
+            } else h ? new URL(
               n.location.href
-            ).searchParams.get("state") === s ? m(
-              e,
-              a,
-              u,
-              o
-            ).then(r) : r([new Error("State mismatch"), null]) : (clearInterval(c), r([
+            ).searchParams.get("state") === s ? _(e, a, {
+              code: h,
+              pkce: l,
+              proxyUrl: o
+            }).then(r) : r([new Error("State mismatch"), null]) : (clearInterval(c), r([
               new Error("Window was closed without granting authorization"),
               null
             ]));
@@ -74,21 +76,25 @@ const w = () => {
   } catch {
     return [new Error("Failed to authorize oauth2 flow"), null];
   }
-}, m = async (e, i, a, s) => {
+}, _ = async (e, i, {
+  code: o,
+  pkce: a,
+  proxyUrl: s
+} = {}) => {
   if (!e) return [new Error("OAuth2 flow was not defined"), null];
   const t = new URLSearchParams();
-  t.set("client_id", e["x-scalar-client-id"]), i && t.set("scope", i), e.clientSecret && t.set("client_secret", e.clientSecret), "x-scalar-redirect-uri" in e && e["x-scalar-redirect-uri"] && t.set("redirect_uri", e["x-scalar-redirect-uri"]), a ? (t.set("code", a), t.set("grant_type", "authorization_code"), s && t.set("code_verifier", s.codeVerifier)) : e.type === "password" ? (t.set("grant_type", "password"), t.set("username", e.username), t.set("password", e.password)) : t.set("grant_type", "client_credentials");
+  t.set("client_id", e["x-scalar-client-id"]), i && t.set("scope", i), e.clientSecret && t.set("client_secret", e.clientSecret), "x-scalar-redirect-uri" in e && e["x-scalar-redirect-uri"] && t.set("redirect_uri", e["x-scalar-redirect-uri"]), o ? (t.set("code", o), t.set("grant_type", "authorization_code"), a && t.set("code_verifier", a.codeVerifier)) : e.type === "password" ? (t.set("grant_type", "password"), t.set("username", e.username), t.set("password", e.password)) : t.set("grant_type", "client_credentials");
   try {
-    const o = {
+    const l = {
       "Content-Type": "application/x-www-form-urlencoded"
     };
-    o.Authorization = `Basic ${btoa(`${e["x-scalar-client-id"]}:${e.clientSecret}`)}`;
-    const h = await fetch(e.tokenUrl, {
+    l.Authorization = `Basic ${btoa(`${e["x-scalar-client-id"]}:${e.clientSecret}`)}`;
+    const p = w(s, e.tokenUrl) ? `${s}?${new URLSearchParams([["scalar_url", e.tokenUrl]]).toString()}` : e.tokenUrl, n = await fetch(p, {
       method: "POST",
-      headers: o,
+      headers: l,
       body: t
-    }), { access_token: n } = await h.json();
-    return [null, n];
+    }), { access_token: r } = await n.json();
+    return [null, r];
   } catch {
     return [
       new Error(
@@ -99,7 +105,7 @@ const w = () => {
   }
 };
 export {
-  y as authorizeOauth2,
-  m as authorizeServers,
-  _ as generateCodeChallenge
+  k as authorizeOauth2,
+  _ as authorizeServers,
+  y as generateCodeChallenge
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.2.4",
+  "version": "2.2.6",
   "engines": {
     "node": ">=18"
   },
@@ -146,7 +146,6 @@
     "@headlessui/vue": "^1.7.20",
     "@vueuse/core": "^10.10.0",
     "@vueuse/integrations": "^11.2.0",
-    "cva": "1.0.0-beta.1",
     "focus-trap": "^7",
     "fuse.js": "^7.0.0",
     "js-cookie": "^3.0.5",
@@ -160,20 +159,20 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/components": "0.13.0",
+    "@scalar/components": "0.13.1",
     "@scalar/draggable": "0.1.7",
     "@scalar/icons": "0.1.2",
-    "@scalar/import": "0.2.0",
+    "@scalar/import": "0.2.2",
     "@scalar/object-utils": "1.1.12",
-    "@scalar/oas-utils": "0.2.82",
-    "@scalar/openapi-types": "0.1.5",
-    "@scalar/themes": "0.9.53",
+    "@scalar/oas-utils": "0.2.84",
     "@scalar/openapi-parser": "0.8.10",
-    "@scalar/types": "0.0.22",
-    "@scalar/use-codemirror": "0.11.44",
-    "@scalar/use-hooks": "0.1.6",
-    "@scalar/use-toasts": "0.7.7",
-    "@scalar/use-tooltip": "1.0.4"
+    "@scalar/openapi-types": "0.1.5",
+    "@scalar/themes": "0.9.54",
+    "@scalar/types": "0.0.23",
+    "@scalar/use-codemirror": "0.11.45",
+    "@scalar/use-hooks": "0.1.7",
+    "@scalar/use-tooltip": "1.0.4",
+    "@scalar/use-toasts": "0.7.7"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",
@@ -190,8 +189,8 @@
     "vite": "^5.4.10",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
-    "@scalar/build-tooling": "0.1.12",
-    "@scalar/galaxy": "0.2.16"
+    "@scalar/galaxy": "0.2.16",
+    "@scalar/build-tooling": "0.1.12"
   },
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",