@scalar/api-client 2.1.2 → 2.1.4

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

@@ -1,36 +1,30 @@
-import { defineComponent as Y, computed as _, ref as G, watch as H, openBlock as u, createBlock as v, withCtx as d, createTextVNode as N, toDisplayString as D, createElementBlock as y, Fragment as V, createVNode as c, unref as i, createElementVNode as b, nextTick as K } from "vue";
-import Q from "../../../components/CodeInput/CodeInput.vue.js";
-import Z from "../../../components/DataTable/DataTable.vue.js";
-import I from "../../../components/DataTable/DataTableHeader.vue.js";
+import { defineComponent as G, computed as w, ref as K, watch as N, openBlock as p, createBlock as b, withCtx as u, createTextVNode as S, toDisplayString as B, createVNode as s, unref as c, createElementVNode as x, createElementBlock as D, Fragment as Q, nextTick as Z } from "vue";
+import I from "../../../components/CodeInput/CodeInput.vue.js";
+import ee from "../../../components/DataTable/DataTable.vue.js";
+import ae from "../../../components/DataTable/DataTableHeader.vue.js";
 import R from "../../../components/DataTable/DataTableRow.vue.js";
-import ee from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { ScalarListbox as te, ScalarButton as k, ScalarIcon as S } from "@scalar/components";
-import { requestExampleParametersSchema as j } from "@scalar/oas-utils/entities/spec";
-import q from "./RequestTable.vue.js";
-import { useWorkspace as oe } from "../../../store/store.js";
-import { useFileDialog as L } from "../../../hooks/useFileDialog.js";
-const ae = {
-  key: 0,
-  class: "text-c-3 flex min-h-14 w-full items-center justify-center rounded border border-dashed text-center text-base"
-}, ne = /* @__PURE__ */ b("span", null, "No Body", -1), le = [
-  ne
-], re = {
+import te from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { ScalarListbox as oe, ScalarButton as F, ScalarIcon as q } from "@scalar/components";
+import { requestExampleParametersSchema as L } from "@scalar/oas-utils/entities/spec";
+import { canMethodHaveBody as ne } from "@scalar/oas-utils/helpers";
+import M from "./RequestTable.vue.js";
+import { useWorkspace as le } from "../../../store/store.js";
+import { useFileDialog as W } from "../../../hooks/useFileDialog.js";
+const re = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
-}, ue = /* @__PURE__ */ b("span", null, "No Body", -1), de = [
-  ue
-], ie = {
+}, de = /* @__PURE__ */ x("span", null, "No Body", -1), ie = [
+  de
+], 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" }, ce = /* @__PURE__ */ b("span", null, "Upload File", -1), ke = /* @__PURE__ */ Y({
+}, se = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, ce = /* @__PURE__ */ x("span", null, "Upload File", -1), Fe = /* @__PURE__ */ G({
   __name: "RequestBody",
   props: {
-    title: {},
-    body: {},
-    formData: {}
+    title: {}
   },
   setup(me) {
-    const { activeRequest: m, activeExample: t, requestExampleMutators: l } = oe(), W = {
+    const { activeRequest: i, activeExample: a, requestExampleMutators: r } = le(), A = {
       json: "json",
       xml: "xml",
       yaml: "yaml",
@@ -49,104 +43,155 @@ const ae = {
     }).map(([e, o]) => ({
       id: e,
       label: o
-    })), A = _(() => {
+    })), k = w(() => {
       var e, o;
-      return t.value ? t.value.body.activeBody === "formData" ? ((e = t.value.body.formData) == null ? void 0 : e.encoding) === "urlencoded" ? "formUrlEncoded" : "multipartForm" : t.value.body.activeBody === "raw" && ((o = t.value.body.raw) != null && o.encoding) ? t.value.body.raw.encoding : "none" : "none";
-    }), s = _({
+      return a.value ? a.value.body.activeBody === "formData" ? ((e = a.value.body.formData) == null ? void 0 : e.encoding) === "urlencoded" ? "formUrlEncoded" : "multipartForm" : a.value.body.activeBody === "binary" ? "binaryFile" : a.value.body.activeBody === "raw" && ((o = a.value.body.raw) != null && o.encoding) ? a.value.body.raw.encoding === "html" ? "other" : a.value.body.raw.encoding : "none" : "none";
+    }), m = w({
       get: () => h.find(
-        (e) => e.id === A.value
+        (e) => e.id === k.value
       ) ?? h[h.length - 1],
       set: (e) => {
-        e != null && e.id && $(e.id);
+        e != null && e.id && E(e.id);
       }
-    }), g = G(null), F = _(() => {
-      const e = s.value.id;
-      return W[e] ?? "plaintext";
+    }), g = K(null), z = w(() => {
+      const e = m.value.id;
+      return A[e] ?? "plaintext";
     });
     function U() {
       console.log("deleteRow");
     }
-    const B = (e, o, a) => {
-      if (!m.value || !t.value) return;
-      const r = p.value;
-      if (r.length > e) {
-        const n = [...r];
-        n[e] = { ...n[e], [o]: a }, (n[e].key !== "" || n[e].value !== "") && (n[e].enabled = !0), n[e].key === "" && n[e].value === "" && n.splice(e, 1), l.edit(
-          t.value.uid,
+    const T = (e, o, t) => {
+      if (!i.value || !a.value) return;
+      const l = v.value;
+      if (l.length > e) {
+        const n = [...l];
+        n[e] = { ...n[e], [o]: t }, (n[e].key !== "" || n[e].value !== "") && (n[e].enabled = !0), n[e].key === "" && n[e].value === "" && n.splice(e, 1), r.edit(
+          a.value.uid,
           "body.formData.value",
           n
         );
       } else {
-        const n = [j.parse({ [o]: a })];
-        l.edit(
-          t.value.uid,
+        const n = [L.parse({ [o]: t })];
+        r.edit(
+          a.value.uid,
           "body.formData.value",
           n
-        ), K(() => {
-          var C;
+        ), Z(() => {
+          var y;
           if (!g.value) return;
-          (C = g.value.querySelectorAll("input")[o === "key" ? 0 : 1]) == null || C.focus();
+          (y = g.value.querySelectorAll("input")[o === "key" ? 0 : 1]) == null || y.focus();
         });
       }
-    }, p = _(
+    }, v = w(
       () => {
-        var e, o, a;
-        return ((a = (o = (e = t.value) == null ? void 0 : e.body) == null ? void 0 : o.formData) == null ? void 0 : a.value) ?? [];
+        var e, o, t;
+        return ((t = (o = (e = a.value) == null ? void 0 : e.body) == null ? void 0 : o.formData) == null ? void 0 : t.value) ?? [];
       }
-    ), M = () => p.value.length === 0 && w(), w = () => {
-      if (!m.value || !t.value) return;
-      const e = j.parse({
+    ), O = () => v.value.length === 0 && _(), _ = () => {
+      if (!i.value || !a.value) return;
+      const e = L.parse({
         enabled: !1
-      }), o = [...p.value, e];
-      t.value.body.formData ? l.edit(
-        t.value.uid,
+      }), o = [...v.value, e];
+      a.value.body.formData ? r.edit(
+        a.value.uid,
         "body.formData.value",
         o
-      ) : l.edit(t.value.uid, "body.formData", {
+      ) : r.edit(a.value.uid, "body.formData", {
         value: o,
         encoding: "form-data"
       });
-    }, T = (e, o) => {
-      if (!m.value || !t.value) return;
-      const a = p.value;
-      if (a.length > e) {
-        const r = [...a];
-        r[e].enabled = o, l.edit(
-          t.value.uid,
+    }, P = (e, o) => {
+      if (!i.value || !a.value) return;
+      const t = v.value;
+      if (t.length > e) {
+        const l = [...t];
+        l[e].enabled = o, r.edit(
+          a.value.uid,
           "body.formData.value",
-          r
+          l
         );
       }
-    }, z = (e) => {
-      !m.value || !t.value || (t.value.body.raw ? l.edit(
-        t.value.uid,
-        "body.raw.value",
-        e
-      ) : l.edit(t.value.uid, "body.raw", {
-        value: e,
-        encoding: F.value
-      }));
-    }, O = (e) => e === "multipartForm" || e === "formUrlEncoded" ? "formData" : e === "binaryFile" ? "binary" : "raw", $ = (e) => {
-      if (!t.value) return;
-      const o = O(e);
-      l.edit(
-        t.value.uid,
+    }, $ = (e) => {
+      !i.value || !a.value || r.edit(a.value.uid, "body.raw.value", e);
+    }, H = (e) => e === "multipartForm" ? {
+      activeBody: "formData",
+      encoding: "form-data",
+      header: "multipart/form-data"
+    } : e === "formUrlEncoded" ? {
+      activeBody: "formData",
+      encoding: "urlencoded",
+      header: "application/x-www-form-urlencoded"
+    } : e === "binaryFile" ? {
+      activeBody: "binary",
+      encoding: void 0,
+      header: "application/octet-stream"
+    } : e === "json" ? {
+      activeBody: "raw",
+      encoding: "json",
+      header: "application/json"
+    } : e === "xml" ? {
+      activeBody: "raw",
+      encoding: "xml",
+      header: "application/xml"
+    } : e === "yaml" ? {
+      activeBody: "raw",
+      encoding: "yaml",
+      header: "application/yaml"
+    } : e === "edn" ? {
+      activeBody: "raw",
+      encoding: "edn",
+      header: "application/edn"
+    } : e === "other" ? {
+      activeBody: "raw",
+      encoding: "html",
+      header: "application/html"
+    } : { activeBody: "raw", encoding: void 0, header: void 0 }, E = (e) => {
+      var f, y;
+      if (!a.value) return;
+      const { activeBody: o, encoding: t, header: l } = H(e);
+      if (r.edit(
+        a.value.uid,
         "body.activeBody",
         o
+      ), t && o === "raw")
+        r.edit(a.value.uid, "body.raw", {
+          encoding: t,
+          value: ((f = a.value.body.raw) == null ? void 0 : f.value) ?? ""
+        });
+      else if (t && o === "formData")
+        r.edit(a.value.uid, "body.formData", {
+          encoding: t,
+          value: ((y = a.value.body.formData) == null ? void 0 : y.value) ?? []
+        });
+      else if (!t) {
+        const { raw: V, ...Y } = a.value.body;
+        r.edit(a.value.uid, "body", Y);
+      }
+      const n = [...a.value.parameters.headers], d = n.findIndex(
+        (V) => V.key.toLowerCase() === "content-type"
+      );
+      d >= 0 ? l ? n[d].value = l : n.splice(d, 1) : l && n.unshift({
+        key: "Content-Type",
+        value: l,
+        enabled: !0
+      }), r.edit(
+        a.value.uid,
+        "parameters.headers",
+        n
       );
-    }, P = async (e) => {
-      const { open: o } = L({
-        onChange: async (a) => {
-          const r = a == null ? void 0 : a[0];
-          if (r && m.value && t.value) {
-            const f = [...p.value];
-            f[e] = {
-              ...f[e],
-              file: r
-            }, l.edit(
-              t.value.uid,
+    }, C = async (e) => {
+      const { open: o } = W({
+        onChange: async (t) => {
+          const l = t == null ? void 0 : t[0];
+          if (l && i.value && a.value) {
+            const d = [...v.value];
+            d[e] = {
+              ...d[e],
+              file: l
+            }, r.edit(
+              a.value.uid,
               "body.formData.value",
-              f
+              d
             );
           }
         },
@@ -156,28 +201,28 @@ const ae = {
       o();
     };
     function J() {
-      !m.value || !t.value || l.edit(t.value.uid, "body.binary", void 0);
+      !i.value || !a.value || r.edit(a.value.uid, "body.binary", void 0);
     }
-    function E(e) {
-      if (!m.value || !t.value) return;
-      const a = [...p.value];
-      a[e] = {
-        ...a[e],
+    function j(e) {
+      if (!i.value || !a.value) return;
+      const t = [...v.value];
+      t[e] = {
+        ...t[e],
         file: void 0
-      }, l.edit(
-        t.value.uid,
+      }, r.edit(
+        a.value.uid,
         "body.formData.value",
-        a
+        t
       );
     }
     function X() {
-      const { open: e } = L({
+      const { open: e } = W({
         onChange: async (o) => {
-          const a = o == null ? void 0 : o[0];
-          a && m.value && t.value && l.edit(
-            t.value.uid,
+          const t = o == null ? void 0 : o[0];
+          t && i.value && a.value && r.edit(
+            a.value.uid,
             "body.binary",
-            a
+            t
           );
         },
         multiple: !1,
@@ -185,45 +230,52 @@ const ae = {
       });
       e();
     }
-    return H(
-      s,
+    return N(
+      m,
       (e) => {
-        ["multipartForm", "formUrlEncoded"].includes(e == null ? void 0 : e.id) && M();
+        ["multipartForm", "formUrlEncoded"].includes(e == null ? void 0 : e.id) && O();
+      },
+      { immediate: !0 }
+    ), N(
+      () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.uid;
+      },
+      () => {
+        var e;
+        (e = i.value) != null && e.method && ne(i.value.method) && E(k.value);
       },
       { immediate: !0 }
-    ), (e, o) => (u(), v(ee, null, {
-      title: d(() => [
-        N(D(e.title), 1)
+    ), (e, o) => (p(), b(te, null, {
+      title: u(() => [
+        S(B(e.title), 1)
       ]),
-      default: d(() => [
-        e.body && e.body.length === 0 && e.formData && e.formData.length === 0 ? (u(), y("div", ae, le)) : e.formData && e.formData.length > 0 ? (u(), y(V, { key: 1 }, [], 64)) : (u(), v(Z, {
-          key: 2,
-          columns: [""]
-        }, {
-          default: d(() => [
-            c(R, null, {
-              default: d(() => [
-                c(I, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
-                  default: d(() => [
-                    c(i(te), {
-                      modelValue: s.value,
-                      "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+      default: u(() => [
+        s(ee, { columns: [""] }, {
+          default: u(() => [
+            s(R, null, {
+              default: u(() => [
+                s(ae, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                  default: u(() => [
+                    s(c(oe), {
+                      modelValue: m.value,
+                      "onUpdate:modelValue": o[0] || (o[0] = (t) => m.value = t),
                       class: "text-xxs w-full",
                       fullWidth: "",
-                      options: i(h),
+                      options: c(h),
                       teleport: ""
                     }, {
-                      default: d(() => [
-                        c(i(k), {
+                      default: u(() => [
+                        s(c(F), {
                           class: "flex gap-1.5 h-auto px-1.5 text-c-2 font-normal hover:text-c-1",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
-                          default: d(() => {
-                            var a;
+                          default: u(() => {
+                            var t;
                             return [
-                              b("span", null, D((a = s.value) == null ? void 0 : a.label), 1),
-                              c(i(S), {
+                              x("span", null, B((t = m.value) == null ? void 0 : t.label), 1),
+                              s(c(q), {
                                 icon: "ChevronDown",
                                 size: "xs",
                                 thickness: "2.5"
@@ -241,34 +293,34 @@ const ae = {
               ]),
               _: 1
             }),
-            c(R, null, {
-              default: d(() => {
-                var a, r, n, f, x;
+            s(R, null, {
+              default: u(() => {
+                var t, l, n, d, f;
                 return [
-                  s.value.id === "none" ? (u(), y("div", re, de)) : s.value.id === "binaryFile" ? (u(), y("div", ie, [
-                    (a = i(t)) != null && a.body.binary ? (u(), y(V, { key: 0 }, [
-                      b("span", se, D(((r = i(t)) == null ? void 0 : r.body.binary).name), 1),
-                      c(i(k), {
+                  m.value.id === "none" ? (p(), D("div", re, ie)) : m.value.id === "binaryFile" ? (p(), D("div", ue, [
+                    (t = c(a)) != null && t.body.binary ? (p(), D(Q, { key: 0 }, [
+                      x("span", se, B(((l = c(a)) == null ? void 0 : l.body.binary).name), 1),
+                      s(c(F), {
                         class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1 shadow-none",
                         size: "sm",
                         variant: "outlined",
                         onClick: J
                       }, {
-                        default: d(() => [
-                          N(" Delete ")
+                        default: u(() => [
+                          S(" Delete ")
                         ]),
                         _: 1
                       })
-                    ], 64)) : (u(), v(i(k), {
+                    ], 64)) : (p(), b(c(F), {
                       key: 1,
                       class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 shadow-none",
                       size: "sm",
                       variant: "outlined",
                       onClick: X
                     }, {
-                      default: d(() => [
+                      default: u(() => [
                         ce,
-                        c(i(S), {
+                        s(c(q), {
                           class: "ml-1",
                           icon: "UploadSimple",
                           size: "xs",
@@ -277,56 +329,56 @@ const ae = {
                       ]),
                       _: 1
                     }))
-                  ])) : s.value.id == "multipartForm" ? (u(), v(q, {
+                  ])) : m.value.id == "multipartForm" ? (p(), b(M, {
                     key: 2,
                     ref_key: "tableWrapperRef",
                     ref: g,
                     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,
+                    items: v.value,
                     showUploadButton: "",
-                    onAddRow: w,
+                    onAddRow: _,
                     onDeleteRow: U,
-                    onRemoveFile: E,
-                    onToggleRow: T,
-                    onUpdateRow: B,
-                    onUploadFile: P
-                  }, null, 8, ["items"])) : s.value.id == "formUrlEncoded" ? (u(), v(q, {
+                    onRemoveFile: j,
+                    onToggleRow: P,
+                    onUpdateRow: T,
+                    onUploadFile: C
+                  }, null, 8, ["items"])) : m.value.id == "formUrlEncoded" ? (p(), b(M, {
                     key: 3,
                     ref_key: "tableWrapperRef",
                     ref: g,
                     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,
+                    items: v.value,
                     showUploadButton: "",
-                    onAddRow: w,
+                    onAddRow: _,
                     onDeleteRow: U,
-                    onRemoveFile: E,
-                    onToggleRow: T,
-                    onUpdateRow: B,
-                    onUploadFile: P
-                  }, null, 8, ["items"])) : (u(), v(Q, {
+                    onRemoveFile: j,
+                    onToggleRow: P,
+                    onUpdateRow: T,
+                    onUploadFile: C
+                  }, null, 8, ["items"])) : (p(), b(I, {
                     key: 4,
                     content: "",
-                    language: F.value,
+                    language: z.value,
                     lineNumbers: "",
                     lint: "",
-                    modelValue: ((x = (f = (n = i(t)) == null ? void 0 : n.body) == null ? void 0 : f.raw) == null ? void 0 : x.value) ?? "",
-                    "onUpdate:modelValue": z
+                    modelValue: ((f = (d = (n = c(a)) == null ? void 0 : n.body) == null ? void 0 : d.raw) == null ? void 0 : f.value) ?? "",
+                    "onUpdate:modelValue": $
                   }, null, 8, ["language", "modelValue"]))
                 ];
               }),
               _: 1
             }),
-            c(R)
+            s(R)
           ]),
           _: 1
-        }))
+        })
       ]),
       _: 1
     }));
   }
 });
 export {
-  ke as default
+  Fe as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RequestPathParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"names":[],"mappings":"AAsIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;;WAM5D,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAmM9C,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":"AAsIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;;WAO5D,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAkM9C,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"}