@scalar/api-client 2.0.57 → 2.0.59

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

@@ -1,43 +1,50 @@
-import { defineComponent as c, computed as l, openBlock as n, createElementBlock as s, createElementVNode as d, toDisplayString as t, unref as f, createCommentVNode as u, Fragment as h, createBlock as _, withCtx as v, createTextVNode as y } from "vue";
-import g from "../../../components/HelpfulLink.vue.js";
-import { httpStatusCodes as k } from "@scalar/oas-utils/helpers";
-import C from "pretty-bytes";
-import B from "pretty-ms";
-const I = { class: "flex gap-1.5 text-c-3 pl-1" }, N = { key: 0 }, S = { key: 1 }, x = /* @__PURE__ */ c({
+import { defineComponent as y, ref as c, computed as k, openBlock as t, createElementBlock as s, toDisplayString as o, unref as m, Fragment as d, createElementVNode as g, createCommentVNode as v, createBlock as C, withCtx as B, createTextVNode as I } from "vue";
+import S from "../../../components/HelpfulLink.vue.js";
+import { httpStatusCodes as L } from "@scalar/oas-utils/helpers";
+import N from "pretty-bytes";
+import f from "pretty-ms";
+import { requestStatusBus as V } from "../../../libs/event-busses/request-status-bus.js";
+const w = { class: "flex gap-1.5 text-c-3 pl-1" }, E = { key: 0 }, M = { key: 0 }, q = { key: 1 }, b = /* @__PURE__ */ y({
   __name: "ResponseMetaInformation",
   props: {
     response: {}
   },
-  setup(i) {
-    const m = i, a = (e) => {
-      var p;
-      const r = parseInt(
-        ((p = e.headers) == null ? void 0 : p["content-length"]) || "0",
+  setup(h) {
+    const _ = h, r = c(), a = c(0);
+    V.on((e) => {
+      e === "start" ? r.value = setInterval(() => a.value += 1e3, 1e3) : (clearInterval(r.value), r.value = void 0, a.value = 0);
+    });
+    const l = (e) => {
+      var p, i;
+      const u = parseInt(
+        ((p = e.headers) == null ? void 0 : p["Content-Length"]) || ((i = e.headers) == null ? void 0 : i["content-length"]) || "0",
         10
       );
-      return r ? C(r) : void 0;
-    }, o = l(() => {
-      const e = m.response.status;
+      return u ? N(u) : void 0;
+    }, n = k(() => {
+      const e = _.response.status;
       if (e)
-        return k[e] ?? void 0;
+        return L[e] ?? void 0;
     });
-    return (e, r) => (n(), s("div", I, [
-      d("span", null, t(f(B)(e.response.duration)), 1),
-      a(e.response) ? (n(), s("span", N, t(a(e.response)), 1)) : u("", !0),
-      o.value ? (n(), s(h, { key: 1 }, [
-        o.value.url ? (n(), _(g, {
-          key: 0,
-          href: o.value.url
-        }, {
-          default: v(() => [
-            y(t(e.response.status) + " " + t(o.value.name), 1)
-          ]),
-          _: 1
-        }, 8, ["href"])) : (n(), s("span", S, t(e.response.status) + " " + t(o.value.name), 1))
-      ], 64)) : u("", !0)
+    return (e, u) => (t(), s("div", w, [
+      r.value && a.value ? (t(), s("span", E, o(m(f)(a.value)), 1)) : (t(), s(d, { key: 1 }, [
+        g("span", null, o(m(f)(e.response.duration)), 1),
+        l(e.response) ? (t(), s("span", M, o(l(e.response)), 1)) : v("", !0),
+        n.value ? (t(), s(d, { key: 1 }, [
+          n.value.url ? (t(), C(S, {
+            key: 0,
+            href: n.value.url
+          }, {
+            default: B(() => [
+              I(o(e.response.status) + " " + o(n.value.name), 1)
+            ]),
+            _: 1
+          }, 8, ["href"])) : (t(), s("span", q, o(e.response.status) + " " + o(n.value.name), 1))
+        ], 64)) : v("", !0)
+      ], 64))
     ]));
   }
 });
 export {
-  x as default
+  b as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;;cASrE,gBAAgB,GAAG,SAAS;;cAA5B,gBAAgB,GAAG,SAAS;;AAkNxC,wBAMG;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":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAA;;cASrE,gBAAgB,GAAG,SAAS;;cAA5B,gBAAgB,GAAG,SAAS;;AA2NxC,wBAMG;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/ResponseSection/ResponseSection.vue.js

@@ -1,21 +1,22 @@
-import { defineComponent as _, computed as m, ref as h, openBlock as r, createBlock as n, withCtx as p, createVNode as u, unref as x, createElementVNode as d, createTextVNode as y, createCommentVNode as l, createElementBlock as C, Fragment as A } from "vue";
+import { defineComponent as _, computed as p, ref as h, openBlock as r, createBlock as n, withCtx as u, createVNode as c, unref as x, createElementVNode as d, createTextVNode as y, createCommentVNode as l, createElementBlock as C, Fragment as A } from "vue";
 import B from "../../../components/ContextBar.vue.js";
 import S from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import $ from "./ResponseBody.vue.js";
-import E from "./ResponseEmpty.vue.js";
+import g from "./ResponseEmpty.vue.js";
+import E from "./ResponseLoadingOverlay.vue.js";
 import N from "./ResponseMetaInformation.vue.js";
-import { ScalarIcon as V } from "@scalar/components";
-import g from "./ResponseCookies.vue.js";
+import { ScalarIcon as R } from "@scalar/components";
+import V from "./ResponseCookies.vue.js";
 import H from "./ResponseHeaders.vue.js";
-const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll flex flex-1 flex-col px-2 xl:px-6 py-2.5" }, T = /* @__PURE__ */ _({
+const L = { class: "flex items-center flex-1" }, O = { class: "custom-scroll relative flex flex-1 flex-col px-2 xl:px-6 py-2.5" }, D = /* @__PURE__ */ _({
   __name: "ResponseSection",
   props: {
     response: {}
   },
   setup(f) {
-    const c = f, i = m(() => {
+    const i = f, m = p(() => {
       var s;
-      const e = (s = c.response) == null ? void 0 : s.headers;
+      const e = (s = i.response) == null ? void 0 : s.headers;
       return e ? Object.keys(e).map((o) => ({
         name: o,
         value: e[o],
@@ -26,9 +27,9 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
           "X-API-Client-Content-Length"
         ].includes(o.name)
       ) : [];
-    }), v = m(() => {
+    }), v = p(() => {
       var s, o;
-      const e = (o = (s = c.response) == null ? void 0 : s.headers) == null ? void 0 : o.cookies;
+      const e = (o = (s = i.response) == null ? void 0 : s.headers) == null ? void 0 : o.cookies;
       return e ? Object.keys(e).map((a) => ({
         name: a,
         value: e[a],
@@ -36,14 +37,14 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
       })) : [];
     }), k = ["All", "Body", "Headers", "Cookies"], t = h("All");
     return (e, s) => (r(), n(S, null, {
-      title: p(() => [
-        u(x(V), {
+      title: u(() => [
+        c(x(R), {
           class: "text-c-3 mr-2 rotate-180",
           icon: "ExternalLink",
           size: "sm",
           thickness: "2.5"
         }),
-        d("div", R, [
+        d("div", L, [
           y(" Response "),
           e.response ? (r(), n(N, {
             key: 0,
@@ -51,32 +52,33 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
           }, null, 8, ["response"])) : l("", !0)
         ])
       ]),
-      default: p(() => {
+      default: u(() => {
         var o;
         return [
-          d("div", b, [
+          d("div", O, [
             e.response ? (r(), C(A, { key: 1 }, [
-              u(B, {
+              c(B, {
                 activeSection: t.value,
                 sections: k,
                 onSetActiveSection: s[0] || (s[0] = (a) => t.value = a)
               }, null, 8, ["activeSection"]),
-              t.value === "All" || t.value === "Cookies" ? (r(), n(g, {
+              t.value === "All" || t.value === "Cookies" ? (r(), n(V, {
                 key: 0,
                 cookies: v.value
               }, null, 8, ["cookies"])) : l("", !0),
               t.value === "All" || t.value === "Headers" ? (r(), n(H, {
                 key: 1,
-                headers: i.value
+                headers: m.value
               }, null, 8, ["headers"])) : l("", !0),
               t.value === "All" || t.value === "Body" ? (r(), n($, {
                 key: 2,
                 active: !0,
-                data: (o = c.response) == null ? void 0 : o.data,
-                headers: i.value,
+                data: (o = i.response) == null ? void 0 : o.data,
+                headers: m.value,
                 title: "Body"
               }, null, 8, ["data", "headers"])) : l("", !0)
-            ], 64)) : (r(), n(E, { key: 0 }))
+            ], 64)) : (r(), n(g, { key: 0 })),
+            c(E)
           ])
         ];
       }),
@@ -85,5 +87,5 @@ const R = { class: "flex items-center flex-1" }, b = { class: "custom-scroll fle
   }
 });
 export {
-  T as default
+  D as default
 };

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":";AAq7BA,wBAKG"}
+{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":";AAs7BA,wBAKG"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as K, computed as O, ref as W, openBlock as p, createElementBlock as D, Fragment as S, createElementVNode as n, createVNode as t, unref as e, withCtx as s, renderList as U, createBlock as x, withModifiers as w, normalizeClass as A, createTextVNode as k, toDisplayString as z, withKeys as F } from "vue";
+import { defineComponent as O, computed as T, ref as M, openBlock as p, createElementBlock as W, Fragment as S, createElementVNode as n, createVNode as t, unref as e, withCtx as s, renderList as U, createBlock as x, withModifiers as k, normalizeClass as A, createTextVNode as h, toDisplayString as z, withKeys as F } from "vue";
 import I from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import { useWorkspace as L } from "../../../store/workspace.js";
 import { useModal as $, ScalarDropdown as N, ScalarContextMenu as P, ScalarDropdownItem as m, ScalarIcon as c, ScalarTooltip as q, ScalarDropdownDivider as G, ScalarButton as _, ScalarModal as V, ScalarTextField as H } from "@scalar/components";
@@ -8,36 +8,36 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
   /* @__PURE__ */ n("div", { class: "flex items-center text-c-2" }, [
     /* @__PURE__ */ n("span", null, "Only workspace cannot be deleted.")
   ])
-], -1), se = /* @__PURE__ */ n("span", null, "Delete", -1), ne = { class: "flex items-center justify-center h-4 w-4" }, ae = /* @__PURE__ */ n("span", null, "Create new workspace", -1), le = { class: "flex gap-3" }, me = /* @__PURE__ */ K({
+], -1), se = /* @__PURE__ */ n("span", null, "Delete", -1), ne = { class: "flex items-center justify-center h-4 w-4" }, le = /* @__PURE__ */ n("span", null, "Create new workspace", -1), ae = { class: "flex gap-3" }, me = /* @__PURE__ */ O({
   __name: "WorkspaceDropdown",
   setup(oe) {
-    const { activeWorkspace: f, workspaces: d, workspaceMutators: g } = L(), { push: b } = J(), j = (a) => {
-      a !== f.value.uid && b(`/workspace/${a}`);
-    }, y = O(() => Object.keys(d).length === 1), B = () => Q.emit({ commandName: "Create Workspace" }), o = W(""), r = W(""), v = $(), h = $(), R = (a) => {
-      o.value = d[a].name, r.value = a, v.show();
+    const { activeWorkspace: f, workspaces: d, workspaceMutators: g } = L(), { push: b } = J(), j = (l) => {
+      l !== f.value.uid && b(`/workspace/${l}`);
+    }, y = T(() => Object.keys(d).length === 1), B = () => Q.emit({ commandName: "Create Workspace" }), o = M(""), r = M(""), v = $(), w = $(), R = (l) => {
+      o.value = d[l].name, r.value = l, v.show();
     }, C = () => {
       o.value.trim() && (g.rename(r.value, o.value.trim()), v.hide());
-    }, T = (a) => {
-      o.value = d[a].name, r.value = a, h.show();
-    }, E = async () => {
+    }, E = (l) => {
+      o.value = d[l].name, r.value = l, w.show();
+    }, K = async () => {
       if (!y.value) {
-        const a = f.value.uid === r.value, l = { ...d };
-        if (delete l[r.value], g.delete(r.value), a) {
-          const i = Object.keys(l)[0];
+        const l = f.value.uid === r.value, a = { ...d };
+        if (delete a[r.value], g.delete(r.value), l) {
+          const i = Object.keys(a)[0];
           await b(`/workspace/${i}/`);
         }
       }
-      h.hide();
+      w.hide();
     };
-    return (a, l) => (p(), D(S, null, [
+    return (l, a) => (p(), W(S, null, [
       n("div", X, [
         t(e(N), null, {
           items: s(() => [
-            (p(!0), D(S, null, U(e(d), (i, u) => (p(), x(e(P), { key: u }, {
+            (p(!0), W(S, null, U(e(d), (i, u) => (p(), x(e(P), { key: u }, {
               trigger: s(() => [
                 t(e(m), {
                   class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-                  onClick: w((M) => j(u), ["stop"])
+                  onClick: k((D) => j(u), ["stop"])
                 }, {
                   default: s(() => [
                     n("div", {
@@ -52,7 +52,7 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
                         thickness: "3.5"
                       })
                     ], 2),
-                    k(" " + z(i.name), 1)
+                    h(" " + z(i.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -61,14 +61,14 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
                 t(e(N), { static: "" }, {
                   items: s(() => [
                     t(e(m), {
-                      class: "flex !gap-2",
-                      onMousedown: (M) => R(u)
+                      class: "flex gap-2",
+                      onMousedown: (D) => R(u)
                     }, {
                       default: s(() => [
                         t(e(c), {
                           class: "inline-flex",
                           icon: "Edit",
-                          size: "sm",
+                          size: "md",
                           thickness: "1.5"
                         }),
                         Z
@@ -82,16 +82,16 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
                     }, {
                       trigger: s(() => [
                         t(e(m), {
-                          class: "flex w-full",
+                          class: "flex gap-2 w-full",
                           disabled: "",
-                          onMousedown: l[0] || (l[0] = w(() => {
+                          onMousedown: a[0] || (a[0] = k(() => {
                           }, ["prevent"]))
                         }, {
                           default: s(() => [
                             t(e(c), {
                               class: "inline-flex",
-                              icon: "Trash",
-                              size: "sm",
+                              icon: "Delete",
+                              size: "md",
                               thickness: "1.5"
                             }),
                             ee
@@ -106,12 +106,12 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
                     })) : (p(), x(e(m), {
                       key: 1,
                       class: "flex !gap-2",
-                      onMousedown: w((M) => T(u), ["prevent"])
+                      onMousedown: k((D) => E(u), ["prevent"])
                     }, {
                       default: s(() => [
                         t(e(c), {
                           class: "inline-flex",
-                          icon: "Trash",
+                          icon: "Delete",
                           size: "sm",
                           thickness: "1.5"
                         }),
@@ -138,7 +138,7 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
                     thickness: "3"
                   })
                 ]),
-                ae
+                le
               ]),
               _: 1
             })
@@ -151,7 +151,7 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
             }, {
               default: s(() => [
                 n("h2", Y, [
-                  k(z(e(f).name) + " ", 1),
+                  h(z(e(f).name) + " ", 1),
                   t(e(c), {
                     class: "size-2.5",
                     icon: "ChevronDown",
@@ -167,15 +167,15 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
       ]),
       t(e(V), {
         size: "sm",
-        state: e(h),
+        state: e(w),
         title: `Delete ${o.value}`
       }, {
         default: s(() => [
           t(I, {
             variableName: o.value,
             warningMessage: "Warning: Deleting this will delete all items inside of this",
-            onClose: l[1] || (l[1] = (i) => e(h).hide()),
-            onDelete: E
+            onClose: a[1] || (a[1] = (i) => e(w).hide()),
+            onDelete: K
           }, null, 8, ["variableName"])
         ]),
         _: 1
@@ -187,18 +187,18 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
         default: s(() => [
           t(e(H), {
             modelValue: o.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (i) => o.value = i),
+            "onUpdate:modelValue": a[2] || (a[2] = (i) => o.value = i),
             label: "Workspace",
-            onKeydown: F(w(C, ["prevent"]), ["enter"])
+            onKeydown: F(k(C, ["prevent"]), ["enter"])
           }, null, 8, ["modelValue", "onKeydown"]),
-          n("div", le, [
+          n("div", ae, [
             t(e(_), {
               class: "flex-1",
               variant: "outlined",
-              onClick: l[3] || (l[3] = (i) => e(v).hide())
+              onClick: a[3] || (a[3] = (i) => e(v).hide())
             }, {
               default: s(() => [
-                k(" Cancel ")
+                h(" Cancel ")
               ]),
               _: 1
             }),
@@ -208,7 +208,7 @@ const X = { class: "xl:min-h-header xl:py-2.5 py-1 flex items-center border-b-1/
               onClick: C
             }, {
               default: s(() => [
-                k(" Save ")
+                h(" Save ")
               ]),
               _: 1
             })

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.57",
+  "version": "2.0.59",
   "engines": {
     "node": ">=18"
   },
@@ -127,15 +127,15 @@
     "vue-router": "^4.3.0",
     "whatwg-mimetype": "^4.0.0",
     "zod": "^3.22.4",
-    "@scalar/components": "0.12.38",
+    "@scalar/components": "0.12.40",
     "@scalar/draggable": "0.1.4",
-    "@scalar/oas-utils": "0.2.37",
+    "@scalar/oas-utils": "0.2.38",
     "@scalar/object-utils": "1.1.7",
-    "@scalar/themes": "0.9.26",
-    "@scalar/types": "0.0.3",
+    "@scalar/themes": "0.9.27",
     "@scalar/use-codemirror": "0.11.10",
-    "@scalar/use-tooltip": "1.0.2",
-    "@scalar/use-toasts": "0.7.5"
+    "@scalar/use-toasts": "0.7.5",
+    "@scalar/types": "0.0.4",
+    "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.8",