@scalar/api-client 2.0.26 → 2.0.27

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

@@ -1,128 +1,39 @@
-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 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({
+import { defineComponent as s, computed as u, ref as d, toRef as i, openBlock as f, createBlock as m, withCtx as o, createTextVNode as p, toDisplayString as _, createElementVNode as h } from "vue";
+import y from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useCodeMirror as g } from "@scalar/use-codemirror";
+const x = /* @__PURE__ */ s({
   __name: "ResponseBody",
   props: {
     title: {},
-    active: { type: Boolean, default: !1 },
     data: { default: null },
     headers: {}
   },
-  setup(_) {
-    const d = _, { activeWorkspace: w } = I(), x = C(() => {
+  setup(a) {
+    const r = a, l = u(() => {
       var t;
-      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 = y(null), n = y("raw"), b = ["raw", "preview"], { isDark: s } = F();
-    return m(
-      () => n.value,
-      async (o) => {
-        var t;
-        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(d.data), e.close();
-        }
-      }
-    ), m(
-      () => s.value,
-      async (o) => {
-        var t;
-        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", s.value), e.body.classList.toggle("light-mode", !s.value);
-        }
-      }
-    ), m(
-      () => n.value,
-      async (o) => {
-        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 = w.value) != null && e.themeId && l.write(
-            `<style>${R(w.value.themeId)}</style>`
-          ), l.close();
-        }
-      }
-    ), (o, t) => (c(), p(z, null, {
-      title: r(() => [
-        L(v(o.title), 1)
+      const e = ((t = r.headers.find((c) => c.name.toLowerCase() === "content-type")) == null ? void 0 : t.value) ?? "";
+      return e.includes("json") ? "json" : (e.includes("html"), "html");
+    }), n = d(null);
+    return g({
+      codeMirrorRef: n,
+      readOnly: !0,
+      lineNumbers: !0,
+      content: i(() => r.data),
+      language: l
+    }), (e, t) => (f(), m(y, null, {
+      title: o(() => [
+        p(_(e.title), 1)
       ]),
-      default: r(() => [
-        o.active ? (c(), p($, {
-          key: 0,
-          columns: [""]
-        }, {
-          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"
-                      })
-                    ]),
-                    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] = S(() => {
-                      }, ["prevent"]))
-                    }, [
-                      (c(), h(V, null, T(b, (e) => u("option", {
-                        key: e,
-                        value: e
-                      }, v(e), 9, P)), 64))
-                    ], 512), [
-                      [W, n.value]
-                    ])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            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: x.value
-                }, null, 8, ["content", "lang"])) : (c(), h("iframe", {
-                  key: 1,
-                  ref_key: "iframe",
-                  ref: a,
-                  allowfullscreen: "",
-                  allowtransparency: "true",
-                  class: "w-full aspect-video",
-                  frameborder: "0"
-                }, null, 512))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : N("", !0)
+      default: o(() => [
+        h("div", {
+          ref_key: "codeMirrorRef",
+          ref: n
+        }, null, 512)
       ]),
       _: 1
     }));
   }
 });
 export {
-  Z as default
+  x as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.26",
+  "version": "2.0.27",
   "engines": {
     "node": ">=18"
   },
@@ -118,14 +118,14 @@
     "vue": "^3.4.29",
     "vue-router": "^4.3.0",
     "zod": "^3.22.4",
-    "@scalar/components": "0.12.17",
     "@scalar/draggable": "0.1.3",
+    "@scalar/components": "0.12.18",
     "@scalar/object-utils": "1.1.4",
     "@scalar/oas-utils": "0.2.16",
     "@scalar/themes": "0.9.15",
-    "@scalar/use-codemirror": "0.11.7",
-    "@scalar/use-tooltip": "1.0.2",
-    "@scalar/use-toasts": "0.7.4"
+    "@scalar/use-codemirror": "0.11.8",
+    "@scalar/use-toasts": "0.7.4",
+    "@scalar/use-tooltip": "1.0.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.8",