@scalar/api-client 2.2.59 → 2.2.61

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

@@ -1,24 +1,24 @@
-import { defineComponent as C, computed as p, ref as R, watch as E, openBlock as s, createBlock as y, withCtx as u, createElementVNode as v, unref as l, createElementBlock as d, createCommentVNode as h, toDisplayString as O, createVNode as n, withDirectives as i, vShow as t } from "vue";
-import { ScalarErrorBoundary as H } from "@scalar/components";
-import { canMethodHaveBody as c, isDefined as N, REGEX as w } from "@scalar/oas-utils/helpers";
-import K from "../../../components/ContextBar.vue.js";
-import D from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { matchesDomain as U } from "../../../libs/send-request/set-request-cookies.js";
-import $ from "./RequestBody.vue.js";
-import f from "./RequestParams.vue.js";
-import L from "./RequestPathParams.vue.js";
-import Q from "./RequestAuth/RequestAuth.vue.js";
+import { defineComponent as E, computed as p, useId as O, ref as H, watch as N, openBlock as m, createBlock as b, withCtx as v, createElementVNode as d, unref as i, createElementBlock as c, createCommentVNode as w, toDisplayString as I, createVNode as n, withDirectives as t, vShow as s } from "vue";
+import { ScalarErrorBoundary as K } from "@scalar/components";
+import { canMethodHaveBody as f, isDefined as U, REGEX as V } from "@scalar/oas-utils/helpers";
+import D from "../../../components/SectionFilter.vue.js";
+import Q from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { matchesDomain as $ } from "../../../libs/send-request/set-request-cookies.js";
+import L from "./RequestBody.vue.js";
+import y from "./RequestParams.vue.js";
+import j from "./RequestPathParams.vue.js";
+import F from "./RequestAuth/RequestAuth.vue.js";
 import M from "./RequestCodeExample.vue.js";
 import { useWorkspace as T } from "../../../store/store.js";
 import { useLayout as W } from "../../../hooks/useLayout.js";
-const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, z = {
+const z = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, G = {
   key: 0,
   class: "pointer-events-auto absolute left-0 top-0 h-full w-full cursor-text opacity-0",
   for: "requestname"
-}, G = ["placeholder", "value"], I = {
+}, X = ["placeholder", "value"], J = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, X = { class: "request-section-content custom-scroll relative flex flex-1 flex-col divide-y" }, te = /* @__PURE__ */ C({
+}, Y = ["id", "role"], ue = /* @__PURE__ */ E({
   __name: "RequestSection",
   props: {
     collection: {},
@@ -31,38 +31,41 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     server: {},
     workspace: {}
   },
-  setup(o) {
-    const { requestMutators: b, cookies: V, securitySchemes: S } = T(), { layout: m } = W(), P = p(() => {
-      const e = /* @__PURE__ */ new Set([
-        "All",
-        "Query",
-        "Auth",
-        "Variables",
-        "Cookies",
-        "Headers",
-        "Body"
-      ]);
-      return o.example.parameters.path.length || e.delete("Variables"), c(o.operation.method ?? "get") || e.delete("Body"), k.value && e.delete("Auth"), [...e];
-    }), k = p(
+  setup(l) {
+    const A = [
+      "Auth",
+      "Variables",
+      "Cookies",
+      "Headers",
+      "Query",
+      "Body"
+    ], { requestMutators: P, cookies: S, securitySchemes: q } = T(), { layout: u } = W(), k = p(() => {
+      const e = /* @__PURE__ */ new Set(["All", ...A]);
+      return l.example.parameters.path.length || e.delete("Variables"), f(l.operation.method ?? "get") || e.delete("Body"), h.value && e.delete("Auth"), [...e];
+    }), r = p(
+      () => Object.fromEntries(
+        k.value.map((e) => [e, O()])
+      )
+    ), h = p(
       () => {
         var e;
-        return m === "modal" && ((e = o.operation.security) == null ? void 0 : e.length) === 0;
+        return u === "modal" && ((e = l.operation.security) == null ? void 0 : e.length) === 0;
       }
-    ), a = R("All");
-    E(
-      () => o.operation,
+    ), a = H("All");
+    N(
+      () => l.operation,
       (e) => {
-        a.value === "Body" && e && !c(e.method) && (a.value = "All");
+        a.value === "Body" && e && !f(e.method) && (a.value = "All");
       }
     );
-    const A = (e) => {
-      const r = e.target;
-      b.edit(o.operation.uid, "summary", r.value);
-    }, g = p(
-      () => (o.workspace.cookies ?? []).map((e) => V[e]).filter(N).filter((e) => e.name).filter(
+    const g = (e) => {
+      const o = e.target;
+      P.edit(l.operation.uid, "summary", o.value);
+    }, B = p(
+      () => (l.workspace.cookies ?? []).map((e) => S[e]).filter(U).filter((e) => e.name).filter(
         (e) => {
-          var r;
-          return U(((r = o.server) == null ? void 0 : r.url) || o.operation.path, e.domain);
+          var o;
+          return $(((o = l.server) == null ? void 0 : o.url) || l.operation.path, e.domain);
         }
       ).map((e) => ({
         key: e.name,
@@ -75,116 +78,133 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         },
         enabled: !0
       }))
-    ), q = () => o.operation.summary ? o.operation.summary : o.operation.path.replace(w.PROTOCOL, "") ? o.operation.path.replace(w.PROTOCOL, "") : "Request Name";
-    return (e, r) => (s(), y(D, {
+    ), C = () => l.operation.summary ? l.operation.summary : l.operation.path.replace(V.PROTOCOL, "") ? l.operation.path.replace(V.PROTOCOL, "") : "Request Name";
+    return (e, o) => (m(), b(Q, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: u(() => [
-        v("div", j, [
-          l(m) !== "modal" ? (s(), d("label", z)) : h("", !0),
-          l(m) !== "modal" ? (s(), d("input", {
+      title: v(() => [
+        d("div", z, [
+          i(u) !== "modal" ? (m(), c("label", G)) : w("", !0),
+          i(u) !== "modal" ? (m(), c("input", {
             key: 1,
             id: "requestname",
             class: "text-c-1 group-hover-input pl-1.25 md:-ml-1.25 pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded has-[:focus-visible]:outline",
-            placeholder: q(),
+            placeholder: C(),
             value: e.operation.summary,
-            onInput: A
-          }, null, 40, G)) : (s(), d("span", I, O(e.operation.summary), 1))
+            onInput: g
+          }, null, 40, X)) : (m(), c("span", J, I(e.operation.summary), 1))
         ]),
-        n(K, {
-          activeSection: a.value,
-          sections: P.value,
-          onSetActiveSection: r[0] || (r[0] = (B) => a.value = B)
-        }, null, 8, ["activeSection", "sections"])
+        n(D, {
+          modelValue: a.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (R) => a.value = R),
+          filterIds: r.value,
+          filters: k.value
+        }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: u(() => [
-        v("div", X, [
-          e.collection && e.workspace && (l(m) !== "modal" || Object.keys(l(S) ?? {}).length) ? i((s(), y(Q, {
+      default: v(() => [
+        d("div", {
+          id: r.value.All,
+          class: "request-section-content custom-scroll relative flex flex-1 flex-col divide-y",
+          role: a.value === "All" ? "tabpanel" : "none"
+        }, [
+          e.collection && e.workspace && (i(u) !== "modal" || Object.keys(i(q) ?? {}).length) ? t((m(), b(F, {
             key: 0,
+            id: r.value.Auth,
             collection: e.collection,
             envVariables: e.envVariables,
             environment: e.environment,
             layout: "client",
             operation: e.operation,
+            role: a.value === "All" ? "none" : "tabpanel",
             selectedSecuritySchemeUids: e.selectedSecuritySchemeUids,
             server: e.server,
             title: "Authentication",
             workspace: e.workspace
-          }, null, 8, ["collection", "envVariables", "environment", "operation", "selectedSecuritySchemeUids", "server", "workspace"])), [
+          }, null, 8, ["id", "collection", "envVariables", "environment", "operation", "role", "selectedSecuritySchemeUids", "server", "workspace"])), [
             [
-              t,
-              !k.value && (a.value === "All" || a.value === "Auth")
+              s,
+              !h.value && (a.value === "All" || a.value === "Auth")
             ]
-          ]) : h("", !0),
-          i(n(L, {
+          ]) : w("", !0),
+          t(n(j, {
+            id: r.value.Variables,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
+            invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "path",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Variables",
-            workspace: e.workspace,
-            invalidParams: e.invalidParams
-          }, null, 8, ["envVariables", "environment", "example", "operation", "workspace", "invalidParams"]), [
+            workspace: e.workspace
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [
-              t,
+              s,
               (a.value === "All" || a.value === "Variables") && e.example.parameters.path.length
             ]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Cookies,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "cookies",
-            readOnlyEntries: g.value,
+            readOnlyEntries: B.value,
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Cookies",
             workspace: e.workspace,
             workspaceParamKey: "cookies"
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "workspace"]), [
-            [t, a.value === "All" || a.value === "Cookies"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Cookies"]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Headers,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "headers",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Headers",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "workspace"]), [
-            [t, a.value === "All" || a.value === "Headers"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Headers"]
           ]),
-          i(n(f, {
+          t(n(y, {
+            id: r.value.Query,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             invalidParams: e.invalidParams,
             operation: e.operation,
             paramKey: "query",
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Query Parameters",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "invalidParams", "operation", "workspace"]), [
-            [t, a.value === "All" || a.value === "Query"]
+          }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
+            [s, a.value === "All" || a.value === "Query"]
           ]),
-          i(n($, {
+          t(n(L, {
+            id: r.value.Body,
             envVariables: e.envVariables,
             environment: e.environment,
             example: e.example,
             operation: e.operation,
+            role: a.value === "All" ? "none" : "tabpanel",
             title: "Body",
             workspace: e.workspace
-          }, null, 8, ["envVariables", "environment", "example", "operation", "workspace"]), [
+          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"]), [
             [
-              t,
-              e.operation.method && (a.value === "All" || a.value === "Body") && l(c)(e.operation.method)
+              s,
+              e.operation.method && (a.value === "All" || a.value === "Body") && i(f)(e.operation.method)
             ]
           ]),
-          r[1] || (r[1] = v("div", { class: "-my-0.25 flex flex-grow" }, null, -1)),
-          n(l(H), null, {
-            default: u(() => [
+          o[1] || (o[1] = d("div", { class: "-my-0.25 flex flex-grow" }, null, -1)),
+          n(i(K), null, {
+            default: v(() => [
               n(M, {
                 collection: e.collection,
                 example: e.example,
@@ -195,12 +215,12 @@ const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             ]),
             _: 1
           })
-        ])
+        ], 8, Y)
       ]),
       _: 1
     }, 8, ["aria-label"]));
   }
 });
 export {
-  te as default
+  ue as default
 };

package/dist/views/Request/RequestSidebarItem.vue.d.ts

@@ -1,4 +1,5 @@
 import { type DraggableProps, type DraggingItem, type HoveredItem } from '@scalar/draggable';
+import { nextTick } from 'vue';
 import type { SidebarMenuItem } from '../../views/Request/types';
 type __VLS_Props = {
     /**
@@ -96,7 +97,7 @@ declare function __VLS_template(): {
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
+            $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<DraggableProps> & Readonly<{
             onOnDragEnd?: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AA8qBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAa1B,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIzE,KAAK,WAAW,GAAG;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C,oEAAoE;IACpE,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,QAAQ,EAAE,eAAe,CAAA;CAC1B,CAAC;AAsTF,iBAAS,cAAc;WA0xBT,OAAO,IAA6B;;oBA9jCpC,IAAI;;oBAAJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAjElB,KA3nB6B;;;;;;;oCA2nB7B,KAtnBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2vBW,GAAG,8CACqB,GAAG,yBAAyB,GAClE,6DAIM,GAAH;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAy/BF;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RequestSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestSidebarItem.vue"],"names":[],"mappings":"AAgrBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAY,QAAQ,EAAO,MAAM,KAAK,CAAA;AAU7C,OAAO,KAAK,EAAe,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAIzE,KAAK,WAAW,GAAG;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC3C,oEAAoE;IACpE,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,0DAA0D;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,QAAQ,EAAE,eAAe,CAAA;CAC1B,CAAC;AAwTF,iBAAS,cAAc;WA0xBT,OAAO,IAA6B;;oBAhkCpC,IAAI;;oBAAJ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAjElB,KA7nBmB;;;;;;;oCA6nBnB,KAznBO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA4vB2B,GAAG,8CACzB,GAAG,yBACK,GAAG,6DACU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAggCnC;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -2,7 +2,7 @@ import t from "./RequestSidebarItem.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b1c0a5a2"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-716d294a"]]);
 export {
   p as default
 };