@scalar/api-client 1.3.19 → 2.0.0

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

@@ -0,0 +1,312 @@
+import { defineComponent as Y, ref as T, computed as _, watch as N, openBlock as r, createBlock as f, withCtx as u, createTextVNode as V, toDisplayString as w, createElementBlock as v, Fragment as j, createVNode as i, unref as s, createElementVNode as y, nextTick as G } from "vue";
+import H from "../../../components/CodeInput/CodeInput.vue.js";
+import K from "../../../components/DataTable/DataTable.vue.js";
+import Q from "../../../components/DataTable/DataTableHeader.vue.js";
+import R from "../../../components/DataTable/DataTableRow.vue.js";
+import Z from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as I } from "../../../store/workspace.js";
+import { ScalarListbox as ee, ScalarButton as D, ScalarIcon as q } from "@scalar/components";
+import { createRequestExampleParameter as S } from "@scalar/oas-utils/entities/workspace/spec";
+import L from "./RequestTable.vue.js";
+import { useFileDialog as W } from "../../../hooks/useFileDialog.js";
+const te = {
+  key: 0,
+  class: "text-c-3 flex min-h-14 w-full items-center justify-center rounded border border-dashed text-center text-base"
+}, ae = /* @__PURE__ */ y("span", null, "No Body", -1), oe = [
+  ae
+], le = {
+  key: 0,
+  class: "text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
+}, ne = /* @__PURE__ */ y("span", null, "No Body", -1), re = [
+  ne
+], ue = {
+  key: 1,
+  class: "flex items-center justify-center p-1.5 overflow-hidden"
+}, se = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, ie = /* @__PURE__ */ y("span", null, "Upload File", -1), we = /* @__PURE__ */ Y({
+  __name: "RequestBody",
+  props: {
+    title: {},
+    body: {},
+    formData: {}
+  },
+  setup(de) {
+    const M = {
+      multipartForm: "Multipart Form",
+      formUrlEncoded: "Form URL Encoded",
+      binaryFile: "Binary File",
+      json: "JSON",
+      xml: "XML",
+      yaml: "YAML",
+      edn: "EDN",
+      other: "Other",
+      none: "None"
+    }, { activeRequest: m, activeExample: t, requestExampleMutators: d } = I(), n = T("none"), b = T(null), O = {
+      json: "json",
+      xml: "xml",
+      yaml: "yaml",
+      edn: "edn",
+      other: "html"
+    }, z = _(() => {
+      const e = n.value;
+      return O[e] ?? "plaintext";
+    });
+    function F() {
+      console.log("deleteRow");
+    }
+    const U = (e, o, a) => {
+      if (!m.value || !t.value) return;
+      const c = p.value;
+      if (c.length > e) {
+        const l = [...c];
+        l[e] = { ...l[e], [o]: a }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), d.edit(
+          t.value.uid,
+          "body.formData.value",
+          l
+        );
+      } else {
+        const l = [S({ [o]: a })];
+        d.edit(
+          t.value.uid,
+          "body.formData.value",
+          l
+        ), G(() => {
+          var E;
+          if (!b.value) return;
+          (E = b.value.querySelectorAll("input")[o === "key" ? 0 : 1]) == null || E.focus();
+        });
+      }
+    }, p = _(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.body.formData.value) ?? [];
+      }
+    );
+    function A() {
+      p.value.length === 0 && x();
+    }
+    const x = () => {
+      if (!m.value || !t.value) return;
+      const e = S({
+        enabled: !1
+      }), o = [...p.value, e];
+      d.edit(
+        t.value.uid,
+        "body.formData.value",
+        o
+      );
+    }, $ = (e) => {
+      !m.value || !t.value || d.edit(
+        t.value.uid,
+        "body.raw.value",
+        e
+      );
+    }, B = async (e) => {
+      const { open: o } = W({
+        onChange: async (a) => {
+          const c = a == null ? void 0 : a[0];
+          if (c && m.value && t.value) {
+            const h = [...p.value];
+            h[e] = {
+              ...h[e],
+              file: c
+            }, d.edit(
+              t.value.uid,
+              "body.formData.value",
+              h
+            );
+          }
+        },
+        multiple: !1,
+        accept: "*/*"
+      });
+      o();
+    };
+    function J() {
+      !m.value || !t.value || d.edit(t.value.uid, "body.binary", void 0);
+    }
+    function P(e) {
+      if (!m.value || !t.value) return;
+      const a = [...p.value];
+      a[e] = {
+        ...a[e],
+        file: void 0
+      }, d.edit(
+        t.value.uid,
+        "body.formData.value",
+        a
+      );
+    }
+    function X() {
+      const { open: e } = W({
+        onChange: async (o) => {
+          const a = o == null ? void 0 : o[0];
+          a && m.value && t.value && d.edit(
+            t.value.uid,
+            "body.binary",
+            a
+          );
+        },
+        multiple: !1,
+        accept: "*/*"
+      });
+      e();
+    }
+    const C = Object.entries(M).map(
+      ([e, o]) => ({
+        id: e,
+        label: o,
+        value: e
+      })
+    ), g = _({
+      get: () => C.find((e) => e.id === n.value),
+      set: (e) => {
+        e != null && e.id && (n.value = e.id);
+      }
+    }), k = _(() => t.value ? t.value.body.formData && t.value.body.formData.value.length > 0 ? "multipartForm" : t.value.body.raw && t.value.body.raw.value.trim() !== "" ? t.value.body.raw.encoding : n.value : "none");
+    return k.value !== "none" && (n.value = k.value), N(
+      k,
+      (e) => {
+        e && (n.value = e);
+      },
+      { immediate: !0 }
+    ), N(
+      n,
+      (e) => {
+        (e === "multipartForm" || e === "formUrlEncoded") && A();
+      },
+      { immediate: !0 }
+    ), (e, o) => (r(), f(Z, null, {
+      title: u(() => [
+        V(w(e.title), 1)
+      ]),
+      default: u(() => [
+        e.body && e.body.length === 0 && e.formData && e.formData.length === 0 ? (r(), v("div", te, oe)) : e.formData && e.formData.length > 0 ? (r(), v(j, { key: 1 }, [], 64)) : (r(), f(K, {
+          key: 2,
+          columns: [""]
+        }, {
+          default: u(() => [
+            i(R, null, {
+              default: u(() => [
+                i(Q, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                  default: u(() => [
+                    i(s(ee), {
+                      modelValue: g.value,
+                      "onUpdate:modelValue": o[0] || (o[0] = (a) => g.value = a),
+                      class: "text-xxs w-full",
+                      fullWidth: "",
+                      options: s(C),
+                      teleport: ""
+                    }, {
+                      default: u(() => [
+                        i(s(D), {
+                          class: "flex gap-1.5 h-auto px-1.5 text-c-2 font-normal hover:text-c-1",
+                          fullWidth: "",
+                          variant: "ghost"
+                        }, {
+                          default: u(() => {
+                            var a;
+                            return [
+                              y("span", null, w((a = g.value) == null ? void 0 : a.label), 1),
+                              i(s(q), {
+                                class: "stroke-[1]",
+                                icon: "ChevronDown",
+                                size: "xs"
+                              })
+                            ];
+                          }),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "options"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            i(R, null, {
+              default: u(() => {
+                var a, c, l;
+                return [
+                  n.value === "none" ? (r(), v("div", le, re)) : n.value === "binaryFile" ? (r(), v("div", ue, [
+                    (a = s(t)) != null && a.body.binary ? (r(), v(j, { key: 0 }, [
+                      y("span", se, w((c = s(t)) == null ? void 0 : c.body.binary.name), 1),
+                      i(s(D), {
+                        class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1",
+                        size: "sm",
+                        variant: "outlined",
+                        onClick: J
+                      }, {
+                        default: u(() => [
+                          V(" Delete ")
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : (r(), f(s(D), {
+                      key: 1,
+                      class: "bg-b-2 hover:bg-b-3 border-0 text-c-2",
+                      size: "sm",
+                      variant: "outlined",
+                      onClick: X
+                    }, {
+                      default: u(() => [
+                        ie,
+                        i(s(q), {
+                          class: "ml-1 stroke-[2.5]",
+                          icon: "UploadSimple",
+                          size: "xs"
+                        })
+                      ]),
+                      _: 1
+                    }))
+                  ])) : n.value == "multipartForm" ? (r(), f(L, {
+                    key: 2,
+                    ref_key: "tableWrapperRef",
+                    ref: b,
+                    class: "!m-0 rounded-t-none shadow-none border-l-0 border-r-0 border-t-0 border-b-0",
+                    columns: ["32px", "", "", "61px"],
+                    items: p.value,
+                    showUploadButton: "",
+                    onAddRow: x,
+                    onDeleteRow: F,
+                    onRemoveFile: P,
+                    onUpdateRow: U,
+                    onUploadFile: B
+                  }, null, 8, ["items"])) : n.value == "formUrlEncoded" ? (r(), f(L, {
+                    key: 3,
+                    ref_key: "tableWrapperRef",
+                    ref: b,
+                    class: "!m-0 rounded-t-none border-t-0 shadow-none border-l-0 border-r-0 border-t-0 border-b-0",
+                    columns: ["32px", "", "", "61px"],
+                    items: p.value,
+                    showUploadButton: "",
+                    onAddRow: x,
+                    onDeleteRow: F,
+                    onRemoveFile: P,
+                    onUpdateRow: U,
+                    onUploadFile: B
+                  }, null, 8, ["items"])) : (r(), f(H, {
+                    key: 4,
+                    content: "",
+                    language: z.value,
+                    lineNumbers: "",
+                    modelValue: ((l = s(t)) == null ? void 0 : l.body.raw.value) ?? "",
+                    "onUpdate:modelValue": $
+                  }, null, 8, ["language", "modelValue"]))
+                ];
+              }),
+              _: 1
+            }),
+            i(R)
+          ]),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  we as default
+};

package/dist/{components/ApiClient/Request/RequestQuery.vue.d.ts → views/Request/RequestSection/RequestParams.vue.d.ts}

@@ -1,10 +1,10 @@
-import type { GeneratedParameter, Query } from '../../../types';
+import { type RequestExample } from '@scalar/oas-utils/entities/workspace/spec';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    queries?: Query[];
-    generatedQueries?: GeneratedParameter[];
+    title: string;
+    paramKey: keyof RequestExample["parameters"];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    queries?: Query[];
-    generatedQueries?: GeneratedParameter[];
+    title: string;
+    paramKey: keyof RequestExample["parameters"];
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -16,4 +16,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=RequestQuery.vue.d.ts.map
+//# sourceMappingURL=RequestParams.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAmLA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,2CAA2C,CAAA;;WAMzC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAsR9C,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1,126 @@
+import { defineComponent as K, computed as d, onMounted as P, ref as $, watch as x, openBlock as E, createBlock as T, withCtx as i, createTextVNode as y, toDisplayString as A, createElementVNode as R, createVNode as g, unref as B, withModifiers as M, nextTick as h } from "vue";
+import N from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as S } from "../../../store/workspace.js";
+import V from "./RequestTable.vue.js";
+import { ScalarButton as W } from "@scalar/components";
+import { createRequestExampleParameter as _ } from "@scalar/oas-utils/entities/workspace/spec";
+const z = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 request-meta-buttons" }, O = /* @__PURE__ */ K({
+  __name: "RequestParams",
+  props: {
+    title: {},
+    paramKey: {}
+  },
+  setup(k) {
+    const s = k, { activeRequest: n, activeExample: t, requestExampleMutators: u } = S(), l = d(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.parameters[s.paramKey]) ?? [];
+      }
+    );
+    P(() => {
+      c();
+    });
+    const o = () => {
+      if (!n.value || !t.value) return;
+      const e = _({ enabled: !1 }), r = [...l.value, e];
+      u.edit(
+        t.value.uid,
+        `parameters.${s.paramKey}`,
+        r
+      );
+    }, p = $(null), b = (e, r, m) => {
+      if (!n.value || !t.value) return;
+      const f = l.value;
+      if (f.length > e) {
+        const a = [...f];
+        a[e] = { ...a[e], [r]: m }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), u.edit(
+          t.value.uid,
+          `parameters.${s.paramKey}`,
+          a
+        );
+      } else {
+        const a = [_({ [r]: m })];
+        u.edit(
+          t.value.uid,
+          `parameters.${s.paramKey}`,
+          a
+        ), h(() => {
+          var v;
+          if (!p.value) return;
+          (v = p.value.querySelectorAll("input")[r === "key" ? 0 : 1]) == null || v.focus();
+        });
+      }
+    }, q = (e, r) => n.value && t.value && u.edit(
+      t.value.uid,
+      `parameters.${s.paramKey}.${e}.enabled`,
+      r
+    ), w = () => {
+      !n.value || !t.value || (u.edit(
+        t.value.uid,
+        `parameters.${s.paramKey}`,
+        []
+      ), h(() => {
+        o();
+      }));
+    };
+    function c() {
+      if (l.value.length === 0)
+        o();
+      else if (l.value.length >= 1) {
+        const e = l.value[l.value.length - 1];
+        e.key !== "" && e.value !== "" && o();
+      }
+    }
+    const C = d(
+      () => l.value.filter((e) => e.key || e.value).length
+    );
+    return x(
+      () => t.value,
+      (e, r) => {
+        e !== r && c();
+      },
+      { immediate: !0 }
+    ), (e, r) => (E(), T(N, {
+      class: "group/params",
+      itemCount: C.value
+    }, {
+      title: i(() => [
+        y(A(e.title), 1)
+      ]),
+      actions: i(() => [
+        R("div", z, [
+          g(B(W), {
+            class: "px-1 transition-none",
+            size: "sm",
+            variant: "ghost",
+            onClick: M(w, ["stop"])
+          }, {
+            default: i(() => [
+              y(" Clear ")
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: i(() => [
+        R("div", {
+          ref_key: "tableWrapperRef",
+          ref: p
+        }, [
+          g(V, {
+            class: "flex-1",
+            columns: ["32px", "", ""],
+            items: l.value,
+            onAddRow: o,
+            onToggleRow: q,
+            onUpdateRow: b
+          }, null, 8, ["items"])
+        ], 512)
+      ]),
+      _: 1
+    }, 8, ["itemCount"]));
+  }
+});
+export {
+  O as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./RequestParams.vue.js";
+export {
+  f as default
+};

package/dist/views/Request/RequestSection/RequestPathParams.vue.d.ts

@@ -0,0 +1,19 @@
+import type { RequestExample } from '@scalar/oas-utils/entities/workspace/spec';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    title: string;
+    paramKey: keyof RequestExample["parameters"];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    title: string;
+    paramKey: keyof RequestExample["parameters"];
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=RequestPathParams.vue.d.ts.map

package/dist/{components/Grid/SimpleGrid.vue.d.ts.map → views/Request/RequestSection/RequestPathParams.vue.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/SimpleGrid.vue"],"names":[],"mappings":";WAiD+B,GAAG,EAAE;;WAAL,GAAG,EAAE;;AA4EpC,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"RequestPathParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAA;;WAMtE,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAiJ9C,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1,71 @@
+import { defineComponent as b, computed as $, openBlock as l, createBlock as h, withCtx as v, createTextVNode as y, toDisplayString as k, createElementBlock as C, createElementVNode as E } from "vue";
+import K from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as w } from "../../../store/workspace.js";
+import q from "./RequestTable.vue.js";
+const P = {
+  key: 1,
+  class: "text-c-3 px-4 text-sm border rounded min-h-12 justify-center flex items-center bg-b-1 mx-1"
+}, U = /* @__PURE__ */ E("code", { class: "bg-b-2 ml-1 px-1 rounded" }, "/endpoint/{my_path_variable}", -1), V = /* @__PURE__ */ b({
+  __name: "RequestPathParams",
+  props: {
+    title: {},
+    paramKey: {}
+  },
+  setup(f) {
+    const o = f, {
+      activeRequest: t,
+      activeExample: a,
+      requestMutators: i,
+      requestExampleMutators: x
+    } = w(), n = $(
+      () => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.parameters[o.paramKey]) ?? [];
+      }
+    ), _ = (e, s, r) => {
+      var d;
+      if (!t.value || !a.value) return;
+      const m = a.value.parameters[o.paramKey], u = (d = m[e]) == null ? void 0 : d.key;
+      if (s === "key")
+        if (r) {
+          const c = encodeURIComponent(u), p = encodeURIComponent(r), g = new RegExp(`(?<=/):${c}(?=[/?#]|$)`, "g"), R = t.value.path.replace(
+            g,
+            `:${p}`
+          );
+          i.edit(t.value.uid, "path", R);
+        } else {
+          m.splice(e, 1);
+          const c = new RegExp(`/:${encodeURIComponent(u)}(?=[/?#]|$)`, "g"), p = t.value.path.replace(c, "");
+          i.edit(t.value.uid, "path", p);
+        }
+      x.edit(
+        a.value.uid,
+        `parameters.${o.paramKey}.${e}.${s}`,
+        r
+      );
+    };
+    return (e, s) => (l(), h(K, {
+      itemCount: n.value.length
+    }, {
+      title: v(() => [
+        y(k(e.title), 1)
+      ]),
+      default: v(() => [
+        n.value.length ? (l(), h(q, {
+          key: 0,
+          class: "flex-1",
+          isEnabledHidden: "",
+          items: n.value,
+          onUpdateRow: _
+        }, null, 8, ["items"])) : (l(), C("div", P, [
+          y(" You can use variables in your path: "),
+          U
+        ]))
+      ]),
+      _: 1
+    }, 8, ["itemCount"]));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./RequestPathParams.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=RequestSection.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":";AA8WA,wBAKG"}

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

@@ -0,0 +1,101 @@
+import { defineComponent as y, computed as v, ref as x, watch as A, openBlock as S, createBlock as q, withCtx as _, createVNode as l, unref as n, createElementVNode as r, createTextVNode as k, toDisplayString as B, withDirectives as o, vShow as a } from "vue";
+import R from "../../../components/ContextBar.vue.js";
+import C from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useWorkspace as E } from "../../../store/workspace.js";
+import $ from "./RequestAuth.vue.js";
+import g from "./RequestBody.vue.js";
+import u from "./RequestParams.vue.js";
+import H from "./RequestPathParams.vue.js";
+import { ScalarIcon as O } from "@scalar/components";
+const P = { class: "flex-1" }, T = { class: "text-c-3 pl-1" }, w = { class: "request-section-content custom-scroll flex flex-1 flex-col px-2 xl:px-5 py-2.5" }, M = /* @__PURE__ */ y({
+  __name: "RequestSection",
+  setup(K) {
+    const { activeRequest: i, activeExample: m, activeSecurityRequirements: p } = E(), c = ["POST", "PUT", "PATCH", "DELETE"], h = v(() => {
+      const t = [
+        "All",
+        "Auth",
+        "Request",
+        "Cookies",
+        "Headers",
+        "Query",
+        "Body"
+      ];
+      return m.value.parameters.path.length || t.splice(t.indexOf("Request"), 1), c.includes(i.value.method) || t.splice(t.indexOf("Body"), 1), d.value && t.splice(t.indexOf("Auth"), 1), t;
+    }), d = v(
+      () => p.value.length === 0 || JSON.stringify(p.value) === "[{}]"
+    ), e = x("All");
+    return A(i, (t) => {
+      e.value === "Body" && !c.includes(t.method) && (e.value = "All");
+    }), (t, f) => (S(), q(C, null, {
+      title: _(() => {
+        var s;
+        return [
+          l(n(O), {
+            class: "text-c-3 mr-1.5",
+            icon: "ExternalLink",
+            size: "sm"
+          }),
+          r("div", P, [
+            k(" Request "),
+            r("span", T, B((s = n(i)) == null ? void 0 : s.summary), 1)
+          ])
+        ];
+      }),
+      default: _(() => [
+        r("div", w, [
+          l(R, {
+            activeSection: e.value,
+            sections: h.value,
+            onSetActiveSection: f[0] || (f[0] = (s) => e.value = s)
+          }, null, 8, ["activeSection", "sections"]),
+          o(l($, { title: "Authentication" }, null, 512), [
+            [
+              a,
+              !d.value && (e.value === "All" || e.value === "Auth")
+            ]
+          ]),
+          o(l(H, {
+            paramKey: "path",
+            title: "Path Variables"
+          }, null, 512), [
+            [
+              a,
+              (e.value === "All" || e.value === "Request") && n(m).parameters.path.length > 0
+            ]
+          ]),
+          o(l(u, {
+            paramKey: "cookies",
+            title: "Cookies"
+          }, null, 512), [
+            [a, e.value === "All" || e.value === "Cookies"]
+          ]),
+          o(l(u, {
+            paramKey: "headers",
+            title: "Headers"
+          }, null, 512), [
+            [a, e.value === "All" || e.value === "Headers"]
+          ]),
+          o(l(u, {
+            paramKey: "query",
+            title: "Query Parameters"
+          }, null, 512), [
+            [a, e.value === "All" || e.value === "Query"]
+          ]),
+          o(l(g, {
+            body: "foo",
+            title: "Body"
+          }, null, 512), [
+            [
+              a,
+              (e.value === "All" || e.value === "Body") && c.includes(n(i).method)
+            ]
+          ])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  M as default
+};