@scalar/api-client 2.0.12 → 2.0.13

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

@@ -1,13 +1,13 @@
-import { defineComponent as b, computed as D, ref as v, watch as d, nextTick as m, openBlock as s, createBlock as f, withCtx as n, createTextVNode as C, toDisplayString as p, createVNode as c, createElementVNode as i, unref as w, withDirectives as L, withModifiers as B, createElementBlock as y, Fragment as S, renderList as V, vModelSelect as T, createCommentVNode as N } from "vue";
-import W from "../../../components/DataTable/DataTable.vue.js";
-import $ from "../../../components/DataTable/DataTableHeader.vue.js";
-import g from "../../../components/DataTable/DataTableRow.vue.js";
-import j from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useWorkspace as z } from "../../../store/workspace.js";
+import { defineComponent as D, computed as C, ref as y, watch as m, nextTick as f, openBlock as c, createBlock as p, withCtx as r, createTextVNode as L, toDisplayString as v, createVNode as i, createElementVNode as u, unref as g, withDirectives as B, withModifiers as S, createElementBlock as h, Fragment as V, renderList as T, vModelSelect as W, createCommentVNode as N } from "vue";
+import $ from "../../../components/DataTable/DataTable.vue.js";
+import j from "../../../components/DataTable/DataTableHeader.vue.js";
+import k from "../../../components/DataTable/DataTableRow.vue.js";
+import z from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as I } from "../../../store/workspace.js";
 import { ScalarIcon as M, ScalarCodeBlock as E } from "@scalar/components";
-import { getThemeStyles as I } from "@scalar/themes";
-import { useDarkModeState as R } from "../../../hooks/useDarkModeState.js";
-const F = { class: "text-c-2 group-hover:text-c-1 flex h-full w-full items-center justify-start rounded px-1.5" }, H = { class: "capitalize" }, O = ["value"], Y = /* @__PURE__ */ b({
+import { getThemeStyles as R } from "@scalar/themes";
+import { useDarkModeState as F } from "../../../hooks/useDarkModeState.js";
+const H = { class: "text-c-2 group-hover:text-c-1 flex h-full w-full items-center justify-start rounded px-1.5" }, O = { class: "capitalize" }, P = ["value"], Z = /* @__PURE__ */ D({
   __name: "ResponseBody",
   props: {
     title: {},
@@ -15,80 +15,80 @@ const F = { class: "text-c-2 group-hover:text-c-1 flex h-full w-full items-cente
     data: { default: null },
     headers: {}
   },
-  setup(h) {
-    const u = h, { workspace: k } = z(), _ = D(() => {
+  setup(_) {
+    const d = _, { activeWorkspace: w } = I(), x = C(() => {
       var t;
-      const o = ((t = u.headers.find((e) => e.name.toLowerCase() === "content-type")) == null ? void 0 : t.value) ?? "";
+      const o = ((t = d.headers.find((e) => e.name.toLowerCase() === "content-type")) == null ? void 0 : t.value) ?? "";
       return o.includes("json") ? "json" : o.includes("html") ? "html" : "plaintext";
-    }), a = v(null), l = v("raw"), x = ["raw", "preview"], { isDark: r } = R();
-    return d(
-      () => l.value,
+    }), a = y(null), n = y("raw"), b = ["raw", "preview"], { isDark: s } = F();
+    return m(
+      () => n.value,
       async (o) => {
         var t;
-        if (o === "preview" && (await m(), a.value)) {
+        if (o === "preview" && (await f(), a.value)) {
           const e = a.value.contentDocument || ((t = a.value.contentWindow) == null ? void 0 : t.document);
           if (!e) return;
-          e.open(), e.write(u.data), e.close();
+          e.open(), e.write(d.data), e.close();
         }
       }
-    ), d(
-      () => r.value,
+    ), m(
+      () => s.value,
       async (o) => {
         var t;
-        if (await m(), a.value) {
+        if (await f(), a.value) {
           const e = a.value.contentDocument || ((t = a.value.contentWindow) == null ? void 0 : t.document);
           if (!e) return;
-          e.body.classList.toggle("dark-mode", r.value), e.body.classList.toggle("light-mode", !r.value);
+          e.body.classList.toggle("dark-mode", s.value), e.body.classList.toggle("light-mode", !s.value);
         }
       }
-    ), d(
-      () => l.value,
+    ), m(
+      () => n.value,
       async (o) => {
-        var t;
-        if (o === "preview" && (await m(), a.value)) {
-          const e = a.value.contentDocument || ((t = a.value.contentWindow) == null ? void 0 : t.document);
-          if (!e) return;
-          e.open(), e.write(u.data), e.body.classList.toggle("dark-mode", r.value), e.body.classList.toggle("light-mode", !r.value), e.write(
+        var t, e;
+        if (o === "preview" && (await f(), a.value)) {
+          const l = a.value.contentDocument || ((t = a.value.contentWindow) == null ? void 0 : t.document);
+          if (!l) return;
+          l.open(), l.write(d.data), l.body.classList.toggle("dark-mode", s.value), l.body.classList.toggle("light-mode", !s.value), l.write(
             "<style>body,html {body:not(:has(* + style + style)) {font-family: var(--scalar-font-code); font-size: 12px; font-weight: 400;background:var(--scalar-background-1); color: var(--scalar-color-2)}</style>"
-          ), e.write(
-            `<style>${I(k.themeId)}</style>`
-          ), e.close();
+          ), (e = w.value) != null && e.themeId && l.write(
+            `<style>${R(w.value.themeId)}</style>`
+          ), l.close();
         }
       }
-    ), (o, t) => (s(), f(j, null, {
-      title: n(() => [
-        C(p(o.title), 1)
+    ), (o, t) => (c(), p(z, null, {
+      title: r(() => [
+        L(v(o.title), 1)
       ]),
-      default: n(() => [
-        o.active ? (s(), f(W, {
+      default: r(() => [
+        o.active ? (c(), p($, {
           key: 0,
           columns: [""]
         }, {
-          default: n(() => [
-            c(g, null, {
-              default: n(() => [
-                c($, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
-                  default: n(() => [
-                    i("div", F, [
-                      i("span", H, p(l.value), 1),
-                      c(w(M), {
+          default: r(() => [
+            i(k, null, {
+              default: r(() => [
+                i(j, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                  default: r(() => [
+                    u("div", H, [
+                      u("span", O, v(n.value), 1),
+                      i(g(M), {
                         class: "text-c-3 ml-1 mt-px",
                         icon: "ChevronDown",
                         size: "xs"
                       })
                     ]),
-                    L(i("select", {
-                      "onUpdate:modelValue": t[0] || (t[0] = (e) => l.value = e),
+                    B(u("select", {
+                      "onUpdate:modelValue": t[0] || (t[0] = (e) => n.value = e),
                       class: "absolute inset-0 w-auto opacity-0",
-                      onClick: t[1] || (t[1] = B(() => {
+                      onClick: t[1] || (t[1] = S(() => {
                       }, ["prevent"]))
                     }, [
-                      (s(), y(S, null, V(x, (e) => i("option", {
+                      (c(), h(V, null, T(b, (e) => u("option", {
                         key: e,
                         value: e
-                      }, p(e), 9, O)), 64))
+                      }, v(e), 9, P)), 64))
                     ], 512), [
-                      [T, l.value]
+                      [W, n.value]
                     ])
                   ]),
                   _: 1
@@ -96,14 +96,14 @@ const F = { class: "text-c-2 group-hover:text-c-1 flex h-full w-full items-cente
               ]),
               _: 1
             }),
-            c(g, null, {
-              default: n(() => [
-                l.value === "raw" ? (s(), f(w(E), {
+            i(k, null, {
+              default: r(() => [
+                n.value === "raw" ? (c(), p(g(E), {
                   key: 0,
                   class: "force-text-sm rounded-b border-t-0",
                   content: o.data,
-                  lang: _.value
-                }, null, 8, ["content", "lang"])) : (s(), y("iframe", {
+                  lang: x.value
+                }, null, 8, ["content", "lang"])) : (c(), h("iframe", {
                   key: 1,
                   ref_key: "iframe",
                   ref: a,
@@ -124,5 +124,5 @@ const F = { class: "text-c-2 group-hover:text-c-1 flex h-full w-full items-cente
   }
 });
 export {
-  Y as default
+  Z as default
 };

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

@@ -1,38 +1,38 @@
-import { defineComponent as l, openBlock as r, createElementBlock as c, createElementVNode as e, createVNode as t, unref as o, createTextVNode as n, createCommentVNode as m } from "vue";
+import { defineComponent as a, openBlock as r, createElementBlock as c, createElementVNode as e, createVNode as t, unref as o, createTextVNode as n, createCommentVNode as m } from "vue";
 import p from "../../../assets/computer.ascii.js";
 import u from "../../../components/ScalarAsciiArt.vue.js";
-import a from "../../../components/ScalarHotkey.vue.js";
+import i from "../../../components/ScalarHotkey.vue.js";
 import { useWorkspace as f } from "../../../store/workspace.js";
 import { executeRequestBus as _ } from "../../../libs/eventBusses/executeRequestBus.js";
-const d = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, x = { class: "flex h-[calc(100%_-_50px)] flex-col items-center justify-center" }, k = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, y = {
+const d = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, x = { class: "flex h-[calc(100%_-_50px)] flex-col items-center justify-center" }, y = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, h = {
   key: 0,
   class: "flex items-center gap-1.5",
   type: "button"
-}, w = /* @__PURE__ */ l({
+}, B = /* @__PURE__ */ a({
   __name: "ResponseEmpty",
-  setup(h) {
-    const { workspace: i } = f();
+  setup(k) {
+    const { isReadOnly: l } = f();
     return (N, s) => (r(), c("div", d, [
       e("div", x, [
         t(u, { art: o(p) }, null, 8, ["art"])
       ]),
-      e("div", k, [
+      e("div", y, [
         e("button", {
           class: "flex items-center gap-1.5",
           type: "button",
           onClick: s[0] || (s[0] = (g) => o(_).emit())
         }, [
           n(" Send Request "),
-          t(a, { hotkey: "↵" })
+          t(i, { hotkey: "↵" })
         ]),
-        o(i).isReadOnly ? m("", !0) : (r(), c("button", y, [
+        o(l) ? m("", !0) : (r(), c("button", h, [
           n(" New Request "),
-          t(a, { hotkey: "N" })
+          t(i, { hotkey: "N" })
         ]))
       ])
     ]));
   }
 });
 export {
-  w as default
+  B as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.12",
+  "version": "2.0.13",
   "engines": {
     "node": ">=18"
   },
@@ -112,9 +112,9 @@
     "zod": "^3.22.4",
     "@scalar/components": "0.12.10",
     "@scalar/draggable": "0.1.3",
-    "@scalar/oas-utils": "0.2.11",
-    "@scalar/object-utils": "1.1.3",
-    "@scalar/themes": "0.9.12",
+    "@scalar/oas-utils": "0.2.12",
+    "@scalar/object-utils": "1.1.4",
+    "@scalar/themes": "0.9.13",
     "@scalar/use-codemirror": "0.11.4",
     "@scalar/use-toasts": "0.7.4",
     "@scalar/use-tooltip": "1.0.2"