@scalar/api-client 2.1.47 → 2.1.49

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

@@ -1,4 +1,99 @@
-import f from "./ResponseBody.vue.js";
+import { defineComponent as L, ref as U, computed as n, openBlock as s, createBlock as u, createSlots as V, withCtx as m, createTextVNode as w, toDisplayString as g, createElementBlock as j, createElementVNode as h, createCommentVNode as c, createVNode as C } from "vue";
+import O from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { extractFilename as T } from "../../../libs/extractAttachmentFilename.js";
+import N from "whatwg-mimetype";
+import S from "./ResponseBodyDownload.vue.js";
+import P from "./ResponseBodyInfo.vue.js";
+import $ from "./ResponseBodyPreview.vue.js";
+import E from "./ResponseBodyRaw.vue.js";
+import F from "./ResponseBodyToggle.vue.js";
+import { mediaTypes as D } from "../consts/mediaTypes.js";
+const I = {
+  key: 0,
+  class: "max-h-[calc(100%-32px)] border-1/2 flex flex-col rounded bg-b-1 overflow-hidden"
+}, J = { class: "flex justify-between items-center border-b-1/2 px-3 py-1.5" }, M = { class: "text-xxs leading-3 font-code" }, Z = /* @__PURE__ */ L({
+  __name: "ResponseBody",
+  props: {
+    title: {},
+    data: {},
+    headers: {}
+  },
+  setup(b) {
+    const a = b, x = (e) => e instanceof Blob, d = U(!0), p = n(
+      () => {
+        var e;
+        return !!((e = o.value) != null && e.raw && o.value.preview);
+      }
+    ), B = n(() => d.value || !p.value), R = n(() => !d.value || !p.value), r = n(() => {
+      var t;
+      const e = ((t = a.headers.find((l) => l.name.toLowerCase() === "content-type")) == null ? void 0 : t.value) ?? "";
+      return new N(e);
+    }), _ = n(() => {
+      var t;
+      const e = ((t = a.headers.find(
+        (l) => l.name.toLowerCase() === "content-disposition"
+      )) == null ? void 0 : t.value) ?? "";
+      return T(e);
+    }), o = n(() => D[r.value.essence]), i = n(() => x(a.data) ? URL.createObjectURL(a.data) : typeof a.data == "string" ? URL.createObjectURL(
+      new Blob([a.data], { type: r.value.toString() })
+    ) : a.data instanceof Object && Object.keys(a.data).length ? URL.createObjectURL(
+      new Blob([JSON.stringify(a.data)], {
+        type: r.value.toString()
+      })
+    ) : "");
+    return (e, t) => (s(), u(O, { class: "max-h-content overflow-x-auto" }, V({
+      title: m(() => [
+        w(g(e.title), 1)
+      ]),
+      default: m(() => {
+        var l, v, f, y;
+        return [
+          e.data ? (s(), j("div", I, [
+            h("div", J, [
+              h("span", M, g(r.value.essence), 1),
+              p.value ? (s(), u(F, {
+                key: 0,
+                modelValue: d.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (k) => d.value = k)
+              }, null, 8, ["modelValue"])) : c("", !0)
+            ]),
+            (l = o.value) != null && l.raw && R.value ? (s(), u(E, {
+              key: i.value,
+              content: e.data,
+              language: o.value.language
+            }, null, 8, ["content", "language"])) : c("", !0),
+            (v = o.value) != null && v.preview && B.value ? (s(), u($, {
+              key: i.value,
+              alpha: o.value.alpha,
+              mode: o.value.preview,
+              src: i.value,
+              type: r.value.essence
+            }, null, 8, ["alpha", "mode", "src", "type"])) : c("", !0),
+            !((f = o.value) != null && f.raw) && !((y = o.value) != null && y.preview) ? (s(), u(P, { key: 2 }, {
+              default: m(() => t[1] || (t[1] = [
+                w(" Binary file ")
+              ])),
+              _: 1
+            })) : c("", !0)
+          ])) : c("", !0)
+        ];
+      }),
+      _: 2
+    }, [
+      e.data && i.value ? {
+        name: "actions",
+        fn: m(() => [
+          C(S, {
+            filename: _.value,
+            href: i.value,
+            type: r.value.essence
+          }, null, 8, ["filename", "href", "type"])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+});
 export {
-  f as default
+  Z as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseCookies.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D,CAAC;;AAqHF,wBAOG"}
+{"version":3,"file":"ResponseCookies.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseCookies.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D,CAAC;;AAoHF,wBAOG"}

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

@@ -5,7 +5,7 @@ import m from "../../../components/DataTable/DataTableText.vue.js";
 import k from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 const x = {
   key: 1,
-  class: "text-c-3 px-4 text-sm border border-1/2 rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"
+  class: "text-c-3 px-4 text-sm border border-1/2 rounded min-h-12 justify-center flex items-center bg-b-1"
 }, N = /* @__PURE__ */ f({
   __name: "ResponseCookies",
   props: {

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":";AA6PA,wBAMG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA2XA,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-319a1f9c"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fb4e4b9a"]]);
 export {
-  s as default
+  r as default
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AA0EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AA0JF,wBAOG"}
+{"version":3,"file":"ResponseHeaders.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"names":[],"mappings":"AA0EA,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAA;AAEhE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAC;;AAyJF,wBAOG"}

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

@@ -7,7 +7,7 @@ import b from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { httpHeaders as g } from "../../../data/httpHeaders.js";
 const w = {
   key: 0,
-  class: "border max-h-[calc(100%-32px)] overflow-y-auto rounded md:mx-1"
+  class: "border max-h-[calc(100%-32px)] overflow-y-auto rounded"
 }, C = {
   key: 1,
   class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"

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

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

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

@@ -1,15 +1,15 @@
-import { defineComponent as T, computed as m, ref as g, openBlock as n, createBlock as i, withCtx as u, createElementVNode as l, normalizeClass as f, createCommentVNode as c, createVNode as v, createElementBlock as y, Fragment as x } from "vue";
-import S from "../../../components/ContextBar.vue.js";
-import j from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import R from "./ResponseBody.vue.js";
+import { defineComponent as _, computed as m, ref as g, openBlock as n, createBlock as i, withCtx as u, createElementVNode as l, normalizeClass as f, createCommentVNode as c, createVNode as v, createElementBlock as y, Fragment as x } from "vue";
+import R from "../../../components/ContextBar.vue.js";
+import S from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import j from "./ResponseBody.vue.js";
 import b from "./ResponseEmpty.vue.js";
 import H from "./ResponseLoadingOverlay.vue.js";
 import V from "./ResponseMetaInformation.vue.js";
 import w from "./ResponseBodyVirtual.vue.js";
 /* empty css                         */
 import L from "./ResponseCookies.vue.js";
-import $ from "./ResponseHeaders.vue.js";
-const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ */ T({
+import z from "./ResponseHeaders.vue.js";
+const E = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ */ _({
   __name: "ResponseSection",
   props: {
     response: {}
@@ -41,7 +41,7 @@ const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
           } : [];
         })) ?? [];
       }
-    ), C = ["All", "Cookies", "Headers", "Body"], a = g("All"), _ = m(() => {
+    ), C = ["All", "Cookies", "Headers", "Body"], a = g("All"), A = m(() => {
       var r, p;
       if (!t.response) return !1;
       const e = ((r = t.response.headers) == null ? void 0 : r["content-type"]) || ((p = t.response.headers) == null ? void 0 : p["Content-Type"]);
@@ -72,11 +72,11 @@ const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
         "application/x-java-source",
         // Form data
         "application/x-www-form-urlencoded"
-      ].some((A) => e.includes(A)) && (t.response.size ?? 0) > h;
+      ].some((T) => e.includes(T)) && (t.response.size ?? 0) > h;
     });
-    return (e, s) => (n(), i(j, { "aria-label": "Response" }, {
+    return (e, s) => (n(), i(S, { "aria-label": "Response" }, {
       title: u(() => [
-        l("div", z, [
+        l("div", E, [
           l("div", {
             "aria-live": "polite",
             class: f(["flex items-center", { "animate-response-heading": e.response }])
@@ -88,7 +88,7 @@ const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
               response: e.response
             }, null, 8, ["response"])) : c("", !0)
           ], 2),
-          v(S, {
+          v(R, {
             activeSection: a.value,
             sections: C,
             onSetActiveSection: s[0] || (s[0] = (o) => a.value = o)
@@ -99,7 +99,7 @@ const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
         var o;
         return [
           l("div", {
-            class: f(["custom-scroll h-full relative grid gap-[.5px] px-2 xl:px-4 py-2.5", {
+            class: f(["custom-scroll h-full relative grid gap-[.5px] px-2 xl:px-3 py-2.5", {
               "content-start": e.response
             }])
           }, [
@@ -108,15 +108,15 @@ const z = { class: "flex items-center flex-1 h-8" }, h = 2e5, X = /* @__PURE__ *
                 key: 0,
                 cookies: B.value
               }, null, 8, ["cookies"])) : c("", !0),
-              a.value === "All" || a.value === "Headers" ? (n(), i($, {
+              a.value === "All" || a.value === "Headers" ? (n(), i(z, {
                 key: 1,
                 headers: d.value
               }, null, 8, ["headers"])) : c("", !0),
               a.value === "All" || a.value === "Body" ? (n(), y(x, { key: 2 }, [
-                _.value ? (n(), i(w, {
+                A.value ? (n(), i(w, {
                   key: 0,
                   content: t.response.data
-                }, null, 8, ["content"])) : (n(), i(R, {
+                }, null, 8, ["content"])) : (n(), i(j, {
                   key: 1,
                   active: !0,
                   data: (o = t.response) == null ? void 0 : o.data,

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.47",
+  "version": "2.1.49",
   "engines": {
     "node": ">=18"
   },
@@ -155,17 +155,17 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/components": "0.12.67",
+    "@scalar/components": "0.12.69",
+    "@scalar/draggable": "0.1.7",
     "@scalar/icons": "0.1.1",
     "@scalar/import": "0.1.1",
-    "@scalar/draggable": "0.1.7",
-    "@scalar/openapi-parser": "0.8.9",
-    "@scalar/oas-utils": "0.2.73",
+    "@scalar/oas-utils": "0.2.75",
     "@scalar/object-utils": "1.1.12",
-    "@scalar/themes": "0.9.47",
+    "@scalar/openapi-parser": "0.8.9",
     "@scalar/openapi-types": "0.1.5",
+    "@scalar/themes": "0.9.48",
+    "@scalar/use-codemirror": "0.11.36",
     "@scalar/types": "0.0.19",
-    "@scalar/use-codemirror": "0.11.34",
     "@scalar/use-toasts": "0.7.7",
     "@scalar/use-tooltip": "1.0.4"
   },