@scalar/api-client 2.2.59 → 2.2.61

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

@@ -1,52 +1,56 @@
-import { defineComponent as A, computed as u, ref as T, openBlock as a, createBlock as l, withCtx as d, createElementVNode as p, normalizeClass as f, createCommentVNode as c, createVNode as v, createElementBlock as y, Fragment as h } from "vue";
-import g from "../../../components/ContextBar.vue.js";
-import j from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import S from "./ResponseBody.vue.js";
-import b from "./ResponseEmpty.vue.js";
-import q from "./ResponseLoadingOverlay.vue.js";
-import H from "./ResponseMetaInformation.vue.js";
-import V from "./ResponseBodyVirtual.vue.js";
+import { defineComponent as j, computed as d, ref as T, useId as g, openBlock as l, createBlock as i, withCtx as v, createElementVNode as u, normalizeClass as y, createCommentVNode as c, createVNode as h, createElementBlock as k, Fragment as A } from "vue";
+import I from "../../../components/SectionFilter.vue.js";
+import V from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import H from "./ResponseBody.vue.js";
+import q from "./ResponseEmpty.vue.js";
+import E from "./ResponseLoadingOverlay.vue.js";
+import O from "./ResponseMetaInformation.vue.js";
+import $ from "./ResponseBodyVirtual.vue.js";
 /* empty css                         */
-import $ from "./ResponseCookies.vue.js";
-import w from "./ResponseHeaders.vue.js";
-const z = { class: "flex h-8 flex-1 items-center" }, k = 2e5, U = /* @__PURE__ */ A({
+import w from "./ResponseCookies.vue.js";
+import z from "./ResponseHeaders.vue.js";
+const L = { class: "flex h-8 flex-1 items-center" }, N = ["id", "role"], x = 2e5, J = /* @__PURE__ */ j({
   __name: "ResponseSection",
   props: {
     numWorkspaceRequests: {},
     response: {}
   },
   setup(n) {
-    const m = u(() => {
-      var t;
-      const e = (t = n.response) == null ? void 0 : t.headers;
-      return e ? Object.keys(e).map((s) => ({
-        name: s,
-        value: e[s] ?? "",
+    const m = d(() => {
+      var o;
+      const e = (o = n.response) == null ? void 0 : o.headers;
+      return e ? Object.keys(e).map((a) => ({
+        name: a,
+        value: e[a] ?? "",
         required: !1
       })).filter(
-        (s) => ![
+        (a) => ![
           "rest-api-client-content-length",
           "X-API-Client-Content-Length"
-        ].includes(s.name)
+        ].includes(a.name)
       ) : [];
-    }), x = u(
+    }), B = d(
       () => {
         var e;
-        return ((e = n.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((t) => {
-          var i, r;
-          const s = (r = (i = n.response) == null ? void 0 : i.headers) == null ? void 0 : r[t];
-          return s ? {
-            name: t,
-            value: s,
+        return ((e = n.response) == null ? void 0 : e.cookieHeaderKeys.flatMap((o) => {
+          var t, r;
+          const a = (r = (t = n.response) == null ? void 0 : t.headers) == null ? void 0 : r[o];
+          return a ? {
+            name: o,
+            value: a,
             required: !1
           } : [];
         })) ?? [];
       }
-    ), B = ["All", "Cookies", "Headers", "Body"], o = T("All"), R = u(() => {
-      var i, r;
+    ), b = ["Cookies", "Headers", "Body"], s = T("All"), f = d(() => ["All", ...b]), p = d(
+      () => Object.fromEntries(
+        f.value.map((e) => [e, g()])
+      )
+    ), R = d(() => {
+      var t, r;
       if (!n.response) return !1;
-      const e = ((i = n.response.headers) == null ? void 0 : i["content-type"]) || ((r = n.response.headers) == null ? void 0 : r["Content-Type"]);
-      return !e || (n.response.size ?? 0) <= k || e.includes("text/html") ? !1 : [
+      const e = ((t = n.response.headers) == null ? void 0 : t["content-type"]) || ((r = n.response.headers) == null ? void 0 : r["Content-Type"]);
+      return !e || (n.response.size ?? 0) <= x || e.includes("text/html") ? !1 : [
         // Text types
         "text/",
         // JSON types
@@ -73,66 +77,77 @@ const z = { class: "flex h-8 flex-1 items-center" }, k = 2e5, U = /* @__PURE__ *
         "application/x-java-source",
         // Form data
         "application/x-www-form-urlencoded"
-      ].some((C) => e.includes(C)) && (n.response.size ?? 0) > k;
+      ].some((C) => e.includes(C)) && (n.response.size ?? 0) > x;
     });
-    return (e, t) => (a(), l(j, { "aria-label": "Response" }, {
-      title: d(() => [
-        p("div", z, [
-          p("div", {
+    return (e, o) => (l(), i(V, { "aria-label": "Response" }, {
+      title: v(() => [
+        u("div", L, [
+          u("div", {
             "aria-live": "polite",
-            class: f(["flex items-center", { "animate-response-heading": e.response }])
+            class: y(["flex items-center", { "animate-response-heading": e.response }])
           }, [
-            t[1] || (t[1] = p("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
-            e.response ? (a(), l(H, {
+            o[1] || (o[1] = u("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
+            e.response ? (l(), i(O, {
               key: 0,
               class: "animate-response-children",
               response: e.response
             }, null, 8, ["response"])) : c("", !0)
           ], 2),
-          v(g, {
-            activeSection: o.value,
-            sections: B,
-            onSetActiveSection: t[0] || (t[0] = (s) => o.value = s)
-          }, null, 8, ["activeSection"])
+          h(I, {
+            modelValue: s.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+            filterIds: p.value,
+            filters: f.value
+          }, null, 8, ["modelValue", "filterIds", "filters"])
         ])
       ]),
-      default: d(() => {
-        var s, i, r;
+      default: v(() => {
+        var a, t, r;
         return [
-          p("div", {
-            class: f(["custom-scroll relative grid h-full justify-stretch divide-y", {
+          u("div", {
+            id: p.value.All,
+            class: y(["custom-scroll relative grid h-full justify-stretch divide-y", {
               "content-start": e.response
-            }])
+            }]),
+            role: s.value === "All" && e.response ? "tabpanel" : "none"
           }, [
-            e.response ? (a(), y(h, { key: 1 }, [
-              o.value === "All" || o.value === "Cookies" ? (a(), l($, {
+            e.response ? (l(), k(A, { key: 1 }, [
+              s.value === "All" || s.value === "Cookies" ? (l(), i(w, {
                 key: 0,
-                cookies: x.value
-              }, null, 8, ["cookies"])) : c("", !0),
-              o.value === "All" || o.value === "Headers" ? (a(), l(w, {
+                id: p.value.Cookies,
+                cookies: B.value,
+                role: s.value === "All" ? "none" : "tabpanel"
+              }, null, 8, ["id", "cookies", "role"])) : c("", !0),
+              s.value === "All" || s.value === "Headers" ? (l(), i(z, {
                 key: 1,
-                headers: m.value
-              }, null, 8, ["headers"])) : c("", !0),
-              o.value === "All" || o.value === "Body" ? (a(), y(h, { key: 2 }, [
-                R.value && typeof ((s = e.response) == null ? void 0 : s.data) == "string" ? (a(), l(V, {
+                id: p.value.Headers,
+                headers: m.value,
+                role: s.value === "All" ? "none" : "tabpanel"
+              }, null, 8, ["id", "headers", "role"])) : c("", !0),
+              s.value === "All" || s.value === "Body" ? (l(), k(A, { key: 2 }, [
+                R.value && typeof ((a = e.response) == null ? void 0 : a.data) == "string" ? (l(), i($, {
                   key: 0,
+                  id: p.value.Body,
                   content: e.response.data,
-                  data: (i = e.response) == null ? void 0 : i.data,
-                  headers: m.value
-                }, null, 8, ["content", "data", "headers"])) : (a(), l(S, {
+                  data: (t = e.response) == null ? void 0 : t.data,
+                  headers: m.value,
+                  role: s.value === "All" ? "none" : "tabpanel"
+                }, null, 8, ["id", "content", "data", "headers", "role"])) : (l(), i(H, {
                   key: 1,
+                  id: p.value.Body,
                   active: !0,
                   data: (r = e.response) == null ? void 0 : r.data,
                   headers: m.value,
+                  role: s.value === "All" ? "none" : "tabpanel",
                   title: "Body"
-                }, null, 8, ["data", "headers"]))
+                }, null, 8, ["id", "data", "headers", "role"]))
               ], 64)) : c("", !0)
-            ], 64)) : (a(), l(b, {
+            ], 64)) : (l(), i(q, {
               key: 0,
               numWorkspaceRequests: e.numWorkspaceRequests
             }, null, 8, ["numWorkspaceRequests"])),
-            v(q)
-          ], 2)
+            h(E)
+          ], 10, N)
         ];
       }),
       _: 1
@@ -140,5 +155,5 @@ const z = { class: "flex h-8 flex-1 items-center" }, k = 2e5, U = /* @__PURE__ *
   }
 });
 export {
-  U as default
+  J as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.2.59",
+  "version": "2.2.61",
   "engines": {
     "node": ">=18"
   },
@@ -188,22 +188,22 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/components": "0.13.31",
+    "@scalar/draggable": "0.1.11",
+    "@scalar/components": "0.13.33",
+    "@scalar/import": "0.2.35",
     "@scalar/icons": "0.1.3",
-    "@scalar/import": "0.2.33",
-    "@scalar/oas-utils": "0.2.113",
+    "@scalar/oas-utils": "0.2.115",
     "@scalar/object-utils": "1.1.13",
-    "@scalar/draggable": "0.1.11",
-    "@scalar/openapi-parser": "0.10.9",
+    "@scalar/openapi-parser": "0.10.10",
     "@scalar/openapi-types": "0.1.9",
+    "@scalar/postman-to-openapi": "0.1.38",
+    "@scalar/types": "0.0.40",
+    "@scalar/themes": "0.9.75",
     "@scalar/snippetz": "0.2.16",
-    "@scalar/themes": "0.9.74",
-    "@scalar/postman-to-openapi": "0.1.36",
-    "@scalar/types": "0.0.39",
-    "@scalar/use-hooks": "0.1.28",
+    "@scalar/use-codemirror": "0.11.78",
+    "@scalar/use-hooks": "0.1.29",
     "@scalar/use-toasts": "0.7.9",
-    "@scalar/use-tooltip": "1.0.6",
-    "@scalar/use-codemirror": "0.11.76"
+    "@scalar/use-tooltip": "1.0.6"
   },
   "devDependencies": {
     "@types/shell-quote": "^1.7.5",
@@ -219,8 +219,8 @@
     "vite": "^5.4.10",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
-    "@scalar/build-tooling": "0.1.16",
-    "@scalar/galaxy": "0.2.24"
+    "@scalar/galaxy": "0.2.24",
+    "@scalar/build-tooling": "0.1.17"
   },
   "scripts": {
     "build": "scalar-build-vite",

package/dist/components/ContextBar.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    sections: string[];
-    activeSection: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    setActiveSection: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSetActiveSection?: (value: string) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
-export default _default;
-//# sourceMappingURL=ContextBar.vue.d.ts.map

package/dist/components/ContextBar.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":"AAgJA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;;;;;;AAsKF,wBAQG"}

package/dist/components/ContextBar.vue.js

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

package/dist/components/ContextBar.vue2.js

@@ -1,47 +0,0 @@
-import { defineComponent as x, useId as f, computed as h, openBlock as r, createElementBlock as i, createElementVNode as e, Fragment as g, renderList as _, normalizeClass as b, createTextVNode as y, toDisplayString as l, withDirectives as S, unref as a, vModelRadio as w, createVNode as k } from "vue";
-import { ScalarIcon as V } from "@scalar/components";
-const q = { class: "filter-hover context-bar-group ml-auto hidden lg:flex lg:w-[120px]" }, B = { class: "request-section-content request-section-content-filter fade-request-section-content text-c-3 pointer-events-auto relative hidden w-full justify-end gap-[1.5px] rounded py-2 text-xs xl:flex" }, C = ["name", "value"], F = { class: "context-bar-group-hover:text-c-1 absolute -right-[30px] top-1/2 flex -translate-y-1/2 items-center" }, N = { class: "context-bar-group-hover:hidden mr-1.5" }, D = /* @__PURE__ */ x({
-  __name: "ContextBar",
-  props: {
-    sections: {},
-    activeSection: {}
-  },
-  emits: ["setActiveSection"],
-  setup(c, { emit: d }) {
-    const u = c, p = d, m = f(), t = h({
-      get: () => u.activeSection,
-      set: (s) => p("setActiveSection", s)
-    });
-    return (s, o) => (r(), i("fieldset", q, [
-      o[1] || (o[1] = e("legend", { class: "sr-only" }, "Filter Sections", -1)),
-      e("div", B, [
-        (r(!0), i(g, null, _(s.sections, (n) => (r(), i("label", {
-          key: n,
-          class: b(["filter-hover-item hover:bg-b-2 flex w-fit cursor-pointer items-center whitespace-nowrap rounded p-1 px-2 text-center font-medium has-[:focus-visible]:outline", [t.value === n ? "text-c-1 pointer-events-none" : ""]])
-        }, [
-          y(l(n) + " ", 1),
-          S(e("input", {
-            "onUpdate:modelValue": o[0] || (o[0] = (v) => t.value = v),
-            class: "sr-only",
-            name: a(m),
-            type: "radio",
-            value: n
-          }, null, 8, C), [
-            [w, t.value]
-          ])
-        ], 2))), 128)),
-        e("div", F, [
-          e("span", N, l(t.value), 1),
-          k(a(V), {
-            icon: "FilterList",
-            size: "md",
-            thickness: "2"
-          })
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  D as default
-};