@scalar/api-client 2.1.50 → 2.1.52

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as R, computed as N, watch as X, onMounted as Y, onBeforeUnmount as Z, openBlock as w, createElementBlock as _, Fragment as ee, createElementVNode as te, normalizeClass as V, unref as a, createVNode as c, withCtx as B, createBlock as g, createCommentVNode as I } from "vue";
+import { defineComponent as P, ref as R, computed as V, watch as X, onMounted as Y, onBeforeUnmount as Z, openBlock as b, createElementBlock as _, Fragment as ee, createElementVNode as te, normalizeClass as B, unref as a, createVNode as c, withCtx as N, createBlock as g, createCommentVNode as I } from "vue";
 import oe from "../../components/ImportCurl/ImportCurlModal.vue.js";
 import re from "../../components/ViewLayout/ViewLayout.vue.js";
 import se from "../../components/ViewLayout/ViewLayoutContent.vue.js";
@@ -9,8 +9,8 @@ import ne from "./RequestSubpageHeader.vue.js";
 import ie from "./ResponseSection/ResponseSection.vue.js";
 import { useOpenApiWatcher as me } from "./hooks/useOpenApiWatcher.js";
 import { safeJSON as ce } from "@scalar/object-utils/parse";
-import { useToasts as de } from "@scalar/use-toasts";
-import { useMediaQuery as ve } from "@vueuse/core";
+import { useBreakpoints as de } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as ve } from "@scalar/use-toasts";
 import { useRouter as pe } from "vue-router";
 import fe from "./RequestSidebar.vue.js";
 import { ERRORS as ye } from "../../libs/errors.js";
@@ -20,10 +20,10 @@ const Ae = /* @__PURE__ */ P({
   emits: ["newTab"],
   setup(Se) {
     var E;
-    const M = Re(), { toast: b } = de(), {
+    const T = Re(), { toast: w } = ve(), {
       activeCollection: S,
       activeExample: d,
-      activeEnvironment: T,
+      activeEnvironment: M,
       activeRequest: q,
       activeWorkspace: s,
       activeServer: A,
@@ -36,29 +36,29 @@ const Ae = /* @__PURE__ */ P({
       serverMutators: j,
       servers: D,
       events: v
-    } = M, u = R(!((E = s.value) != null && E.isReadOnly)), O = R(), e = R(), h = R(""), F = pe(), Q = N(
+    } = T, u = R(!((E = s.value) != null && E.isReadOnly)), k = R(), e = R(), h = R(""), F = pe(), Q = V(
       () => x.findLast((o) => {
         var t;
         return o.request.uid === ((t = d.value) == null ? void 0 : t.uid);
       })
-    ), z = ve("(max-width: 800px)");
-    X(z, (o) => u.value = !o);
-    const U = N(
+    ), { mediaQueries: z } = de();
+    X(z.md, (o) => u.value = o);
+    const O = V(
       () => {
         var o, t;
         return (L.value ? (o = S.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = q.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
       }
-    ), k = async () => {
+    ), U = async () => {
       var f;
       if (!q.value || !d.value || !S.value)
         return;
-      const o = ce.parse(((f = T.value) == null ? void 0 : f.value) || "{}");
+      const o = ce.parse(((f = M.value) == null ? void 0 : f.value) || "{}");
       o.error && console.error("INVALID ENVIRONMENT!");
       const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = s.value.cookies.map((y) => H[y]), [n, i] = ue({
         auth: S.value.auth,
         request: q.value,
         example: d.value,
-        selectedSecuritySchemeUids: U.value,
+        selectedSecuritySchemeUids: O.value,
         proxy: s.value.proxyUrl ?? "",
         environment: t,
         globalCookies: r,
@@ -67,19 +67,19 @@ const Ae = /* @__PURE__ */ P({
         server: A.value
       });
       if (n) {
-        b(n.message, "error");
+        w(n.message, "error");
         return;
       }
-      O.value = i.controller;
+      k.value = i.controller;
       const [m, p] = await i.sendRequest();
-      m ? b(m.message, "error") : x.push(p);
+      m ? w(m.message, "error") : x.push(p);
     }, J = async () => {
       var o;
-      return (o = O.value) == null ? void 0 : o.abort(ye.REQUEST_ABORTED);
+      return (o = k.value) == null ? void 0 : o.abort(ye.REQUEST_ABORTED);
     };
     Y(() => {
-      v.executeRequest.on(k), v.cancelRequest.on(J);
-    }), me(), Z(() => v.executeRequest.off(k));
+      v.executeRequest.on(U), v.cancelRequest.on(J);
+    }), me(), Z(() => v.executeRequest.off(U));
     function G({ requestName: o }) {
       var r, n, i, m;
       if (!e.value) return;
@@ -113,9 +113,9 @@ const Ae = /* @__PURE__ */ P({
     function K(o) {
       e.value = ae(o), l.show();
     }
-    return (o, t) => (w(), _(ee, null, [
+    return (o, t) => (b(), _(ee, null, [
       te("div", {
-        class: V(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative overflow-hidden", {
+        class: B(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative overflow-hidden", {
           "!mr-0 !mb-0 !border-0": a(s).isReadOnly
         }])
       }, [
@@ -127,21 +127,21 @@ const Ae = /* @__PURE__ */ P({
           onImportCurl: K
         }, null, 8, ["modelValue", "isReadonly"]),
         c(re, null, {
-          default: B(() => [
+          default: N(() => [
             c(fe, {
               isReadonly: a(s).isReadOnly,
               showSidebar: u.value,
               onNewTab: t[2] || (t[2] = (r) => o.$emit("newTab", r)),
               "onUpdate:showSidebar": t[3] || (t[3] = (r) => u.value = r)
             }, null, 8, ["isReadonly", "showSidebar"]),
-            a(d) ? (w(), g(se, {
+            a(d) ? (b(), g(se, {
               key: 0,
-              class: V(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
+              class: B(["flex-1", [u.value ? "sidebar-active-hide-layout" : ""]])
             }, {
-              default: B(() => {
+              default: N(() => {
                 var r;
                 return [
-                  c(le, { selectedSecuritySchemeUids: U.value }, null, 8, ["selectedSecuritySchemeUids"]),
+                  c(le, { selectedSecuritySchemeUids: O.value }, null, 8, ["selectedSecuritySchemeUids"]),
                   c(ie, {
                     response: (r = Q.value) == null ? void 0 : r.response
                   }, null, 8, ["response"])
@@ -153,7 +153,7 @@ const Ae = /* @__PURE__ */ P({
           _: 1
         })
       ], 2),
-      e.value ? (w(), g(oe, {
+      e.value ? (b(), g(oe, {
         key: 0,
         parsedCurl: e.value,
         state: a(l),

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

@@ -1 +1 @@
-{"version":3,"file":"RequestTableTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AAK9E,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,uBAAuB,CAAA;CAAE,CAAC;;AA8JrD,wBAOG"}
+{"version":3,"file":"RequestTableTooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AAK9E,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,uBAAuB,CAAA;CAAE,CAAC;;AAiKrD,wBAOG"}

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

@@ -1,43 +1,43 @@
-import { defineComponent as l, computed as f, openBlock as t, createBlock as p, unref as n, withCtx as i, createElementVNode as c, createVNode as d, createElementBlock as o, toDisplayString as s, createCommentVNode as r } from "vue";
-import { ScalarTooltip as b, ScalarIcon as u } from "@scalar/components";
-const x = { class: "pl-1 pr-1.5 py-[9px]" }, h = { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 p-2 text-xxs leading-5 text-c-1" }, _ = {
+import { defineComponent as p, computed as d, openBlock as t, createBlock as b, unref as c, withCtx as a, createElementVNode as m, createVNode as u, createElementBlock as o, toDisplayString as i, createCommentVNode as s } from "vue";
+import { ScalarTooltip as x, ScalarIcon as h } from "@scalar/components";
+const _ = { class: "pl-1 pr-1.5 py-[9px]" }, g = { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 p-2 text-xxs leading-5 text-c-1" }, k = {
   key: 0,
   class: "flex items-center text-c-2"
-}, g = { key: 0 }, k = {
+}, y = { key: 0 }, w = {
   key: 1,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex"
-}, y = {
+}, v = {
   key: 2,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, w = {
+}, C = {
   key: 3,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, v = {
+}, B = {
   key: 4,
   class: "before:content-['·'] before:block before:mx-[0.5ch] flex whitespace-nowrap"
-}, C = {
+}, I = {
   key: 1,
   class: "leading-snug text-pretty text-sm",
   style: { maxWidth: "16rem" }
-}, T = /* @__PURE__ */ l({
+}, V = /* @__PURE__ */ p({
   __name: "RequestTableTooltip",
   props: {
     item: {}
   },
-  setup(a) {
-    const e = a, m = f(
-      () => e.item.type || e.item.format || e.item.minimum || e.item.maximum || e.item.default
+  setup(l) {
+    const e = l, r = (n) => n !== void 0, f = d(
+      () => e.item.type || e.item.format || r(e.item.minimum) || r(e.item.maximum) || r(e.item.default)
     );
-    return (B, I) => (t(), p(n(b), {
+    return (n, N) => (t(), b(c(x), {
       align: "start",
       class: "w-full",
       delay: 0,
       side: "left",
       triggerClass: "before:absolute before:content-[''] before:bg-gradient-to-r before:from-transparent before:to-b-1 before:min-h-[calc(100%-4px)] before:pointer-events-none before:right-[23px] before:top-0.5 before:w-3 absolute h-full right-0"
     }, {
-      trigger: i(() => [
-        c("div", x, [
-          d(n(u), {
+      trigger: a(() => [
+        m("div", _, [
+          u(c(h), {
             class: "text-c-3 group-hover/info:text-c-1",
             icon: "Info",
             size: "sm",
@@ -45,16 +45,16 @@ const x = { class: "pl-1 pr-1.5 py-[9px]" }, h = { class: "grid gap-1.5 pointer-
           })
         ])
       ]),
-      content: i(() => [
-        c("div", h, [
-          m.value ? (t(), o("div", _, [
-            e.item.type ? (t(), o("span", g, s(e.item.type), 1)) : r("", !0),
-            e.item.format ? (t(), o("span", k, s(e.item.format), 1)) : r("", !0),
-            e.item.minimum ? (t(), o("span", y, "min: " + s(e.item.minimum), 1)) : r("", !0),
-            e.item.maximum ? (t(), o("span", w, "max: " + s(e.item.maximum), 1)) : r("", !0),
-            e.item.default ? (t(), o("span", v, "default: " + s(e.item.default), 1)) : r("", !0)
-          ])) : r("", !0),
-          e.item.description ? (t(), o("span", C, s(e.item.description), 1)) : r("", !0)
+      content: a(() => [
+        m("div", g, [
+          f.value ? (t(), o("div", k, [
+            e.item.type ? (t(), o("span", y, i(e.item.type), 1)) : s("", !0),
+            e.item.format ? (t(), o("span", w, i(e.item.format), 1)) : s("", !0),
+            r(e.item.minimum) ? (t(), o("span", v, "min: " + i(e.item.minimum), 1)) : s("", !0),
+            r(e.item.maximum) ? (t(), o("span", C, "max: " + i(e.item.maximum), 1)) : s("", !0),
+            r(e.item.default) ? (t(), o("span", B, "default: " + i(e.item.default), 1)) : s("", !0)
+          ])) : s("", !0),
+          e.item.description ? (t(), o("span", I, i(e.item.description), 1)) : s("", !0)
         ])
       ]),
       _: 1
@@ -62,5 +62,5 @@ const x = { class: "pl-1 pr-1.5 py-[9px]" }, h = { class: "grid gap-1.5 pointer-
   }
 });
 export {
-  T as default
+  V as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":"AAmaA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;cAKqC,MAAM;aAAO,MAAM;;;;;;cAAnB,MAAM;aAAO,MAAM;;;;AAgoB1D,wBAOG"}
+{"version":3,"file":"RequestSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebar.vue"],"names":[],"mappings":"AAmaA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;;;cAKqC,MAAM;aAAO,MAAM;;;;;;cAAnB,MAAM;aAAO,MAAM;;;;AAioB1D,wBAOG"}

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

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

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

@@ -181,7 +181,7 @@ const Ve = {
                         thickness: "2.25"
                       })) : (a(), d(o(De), {
                         key: 1,
-                        class: "text-sidebar-c-2 size-3.5 stroke-[2.25] group-hover:hidden",
+                        class: "min-w-3.5 text-sidebar-c-2 size-3.5 stroke-2 group-hover:hidden",
                         src: s["x-scalar-icon"] || "interface-content-folder"
                       }, null, 8, ["src"])),
                       i("div", {
@@ -193,7 +193,7 @@ const Ve = {
                           class: "text-c-3 hidden text-sm group-hover:block",
                           icon: "ChevronRight",
                           size: "sm",
-                          thickness: "2.5"
+                          thickness: "2"
                         })
                       ], 2)
                     ];

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAuCA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,wBAAwB,CAAA;AAK/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAC;;AA2EF,wBAOG"}
+{"version":3,"file":"ResponseBodyRaw.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseBodyRaw.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,wBAAwB,CAAA;AAM/E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAC;;AAyGF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseBodyRaw.vue2.js";
 /* empty css                     */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b7d4ba6e"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-641bbcf9"]]);
 export {
-  r as default
+  a as default
 };

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

@@ -1,26 +1,46 @@
-import { defineComponent as t, ref as a, openBlock as c, createBlock as l, unref as u } from "vue";
-import { ScalarCodeBlock as p } from "@scalar/components";
-import { useCodeMirror as s } from "@scalar/use-codemirror";
-const d = /* @__PURE__ */ t({
+import { defineComponent as d, ref as p, toRef as s, openBlock as f, createElementBlock as m, createElementVNode as o, unref as c, createVNode as y } from "vue";
+import { ScalarIcon as C } from "@scalar/components";
+import { useCodeMirror as g } from "@scalar/use-codemirror";
+import { useClipboard as b } from "@scalar/use-hooks/useClipboard";
+const _ = { class: "relative" }, v = { class: "scalar-code-copy" }, x = /* @__PURE__ */ d({
   __name: "ResponseBodyRaw",
   props: {
     content: {},
     language: {}
   },
-  setup(o) {
-    const e = o, r = a(null);
-    return s({
-      codeMirrorRef: r,
+  setup(l) {
+    const r = l, n = p(null), { copyToClipboard: a } = b(), { codeMirror: i } = g({
+      codeMirrorRef: n,
       readOnly: !0,
       lineNumbers: !0,
-      content: e.content,
-      language: e.language
-    }), (n, g) => (c(), l(u(p), {
-      content: n.content,
-      lang: n.language
-    }, null, 8, ["content", "lang"]));
+      content: s(() => r.content),
+      language: s(() => r.language),
+      forceFoldGutter: !0
+    }), u = () => {
+      var t;
+      return ((t = i.value) == null ? void 0 : t.state.doc.toString()) || "";
+    };
+    return (t, e) => (f(), m("div", _, [
+      o("div", v, [
+        o("button", {
+          class: "copy-button",
+          type: "button",
+          onClick: e[0] || (e[0] = (R) => c(a)(u()))
+        }, [
+          e[1] || (e[1] = o("span", { class: "sr-only" }, "Copy content", -1)),
+          y(c(C), {
+            icon: "Clipboard",
+            size: "md"
+          })
+        ])
+      ]),
+      o("div", {
+        ref_key: "codeMirrorRef",
+        ref: n
+      }, null, 512)
+    ]));
   }
 });
 export {
-  d as default
+  x as default
 };

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

@@ -16,7 +16,7 @@ const B = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, w = {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.1.50";
+    }, h = "2.1.52";
     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", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.50",
+  "version": "2.1.52",
   "engines": {
     "node": ">=18"
   },
@@ -155,19 +155,19 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/icons": "0.1.1",
+    "@scalar/components": "0.12.72",
     "@scalar/draggable": "0.1.7",
-    "@scalar/components": "0.12.70",
-    "@scalar/import": "0.1.1",
-    "@scalar/openapi-parser": "0.8.9",
-    "@scalar/oas-utils": "0.2.76",
+    "@scalar/icons": "0.1.2",
+    "@scalar/import": "0.1.2",
+    "@scalar/oas-utils": "0.2.77",
     "@scalar/object-utils": "1.1.12",
+    "@scalar/openapi-parser": "0.8.10",
     "@scalar/openapi-types": "0.1.5",
-    "@scalar/types": "0.0.19",
-    "@scalar/use-codemirror": "0.11.37",
     "@scalar/themes": "0.9.48",
-    "@scalar/use-hooks": "0.1.0",
+    "@scalar/types": "0.0.19",
+    "@scalar/use-codemirror": "0.11.39",
     "@scalar/use-toasts": "0.7.7",
+    "@scalar/use-hooks": "0.1.1",
     "@scalar/use-tooltip": "1.0.4"
   },
   "devDependencies": {
@@ -182,7 +182,7 @@
     "tailwindcss": "^3.4.4",
     "tailwindcss-color-mix": "^0.0.8",
     "type-fest": "^4.20.0",
-    "vite": "^5.4.9",
+    "vite": "^5.4.10",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
     "@scalar/build-tooling": "0.1.12",