@scalar/api-client 2.1.31 → 2.1.32

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

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

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

@@ -1,23 +1,23 @@
-import { defineComponent as g, computed as _, ref as q, watch as b, openBlock as m, createBlock as C, withCtx as x, createElementVNode as A, unref as r, createElementBlock as p, createCommentVNode as V, toDisplayString as w, createVNode as s, withDirectives as u, vShow as n } from "vue";
+import { defineComponent as S, computed as _, ref as g, watch as b, openBlock as m, createBlock as C, withCtx as x, createElementVNode as A, unref as r, createElementBlock as p, createCommentVNode as V, toDisplayString as w, createVNode as s, withDirectives as u, vShow as n } from "vue";
 import H from "../../../components/ContextBar.vue.js";
-import N from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import R from "./RequestBody.vue.js";
+import R from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import N from "./RequestBody.vue.js";
 import v from "./RequestParams.vue.js";
 import K from "./RequestPathParams.vue.js";
 import { canMethodHaveBody as f } from "@scalar/oas-utils/helpers";
-import $ from "./RequestAuth/RequestAuth.vue.js";
-import { useWorkspace as E } from "../../../store/store.js";
-const Q = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none" }, D = {
+import E from "./RequestAuth/RequestAuth.vue.js";
+import { useWorkspace as Q } from "../../../store/store.js";
+const $ = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none" }, D = {
   key: 0,
   class: "absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text",
   for: "requestname"
 }, M = ["value"], P = {
   key: 2,
   class: "text-c-1"
-}, I = { class: "request-section-content custom-scroll flex flex-1 flex-col px-2 xl:px-4 py-2.5" }, X = /* @__PURE__ */ g({
+}, I = { class: "request-section-content custom-scroll flex flex-1 flex-col px-2 xl:px-4 py-2.5" }, X = /* @__PURE__ */ S({
   __name: "RequestSection",
   setup(O) {
-    const { activeRequest: a, activeExample: h, isReadOnly: d, requestMutators: k } = E(), B = _(() => {
+    const { activeRequest: a, activeExample: h, isReadOnly: d, requestMutators: k } = Q(), B = _(() => {
       var l, o;
       const t = /* @__PURE__ */ new Set([
         "All",
@@ -34,20 +34,20 @@ const Q = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none"
         var t, l;
         return d.value && ((l = (t = a.value) == null ? void 0 : t.security) == null ? void 0 : l.length) === 0;
       }
-    ), e = q("All");
+    ), e = g("All");
     b(a, (t) => {
       e.value === "Body" && t && !f(t.method) && (e.value = "All");
     });
-    const S = (t) => {
+    const q = (t) => {
       if (!a.value) return;
       const l = t.target;
       k.edit(a.value.uid, "summary", l.value);
     };
-    return (t, l) => (m(), C(N, null, {
+    return (t, l) => (m(), C(R, null, {
       title: x(() => {
         var o, i;
         return [
-          A("div", Q, [
+          A("div", $, [
             r(d) ? V("", !0) : (m(), p("label", D)),
             r(d) ? (m(), p("span", P, w((i = r(a)) == null ? void 0 : i.summary), 1)) : (m(), p("input", {
               key: 1,
@@ -55,7 +55,7 @@ const Q = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none"
               class: "outline-none border-0 text-c-1 rounded pointer-events-auto relative w-full",
               placeholder: "Request Name",
               value: (o = r(a)) == null ? void 0 : o.summary,
-              onInput: S
+              onInput: q
             }, null, 40, M))
           ]),
           s(H, {
@@ -69,7 +69,7 @@ const Q = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none"
         var o, i, c;
         return [
           A("div", I, [
-            u(s($, { title: "Authentication" }, null, 512), [
+            u(s(E, { title: "Authentication" }, null, 512), [
               [
                 n,
                 !y.value && (e.value === "All" || e.value === "Auth")
@@ -102,7 +102,7 @@ const Q = { class: "flex-1 flex gap-1 items-center lg:pr-24 pointer-events-none"
             }, null, 512), [
               [n, e.value === "All" || e.value === "Query"]
             ]),
-            u(s(R, { title: "Body" }, null, 512), [
+            u(s(N, { title: "Body" }, null, 512), [
               [
                 n,
                 r(a) && (e.value === "All" || e.value === "Body") && r(f)(r(a).method)

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

@@ -33,7 +33,7 @@ const x = { class: "pl-1 pr-1.5 py-[9px]" }, h = { class: "grid gap-1.5 pointer-
       class: "w-full",
       delay: 0,
       side: "left",
-      triggerClass: "before:absolute before:content-[''] before:bg-gradient-to-r before:from-transparent before:to-b-1 before:min-h-full before:right-[23px] before:w-3 absolute h-8 right-0"
+      triggerClass: "before:absolute before:content-[''] before:bg-gradient-to-r before:from-transparent before:to-b-1 before:min-h-full before:right-[23px] before:w-3 absolute h-full right-0"
     }, {
       trigger: n(() => [
         m("div", x, [

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

@@ -13,7 +13,7 @@ const N = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, q = { cl
       s.commandPalette.emit({ commandName: "Create Request" });
     }, c = (n) => {
       n != null && n.openCommandPaletteRequest && m();
-    }, x = "2.1.31";
+    }, x = "2.1.32";
     return k(() => s.hotKeys.on(c)), R(() => s.hotKeys.off(c)), (n, e) => (r(), l("div", N, [
       t("div", q, [
         o(f).isReadOnly ? p("", !0) : (r(), l("div", v, [

package/dist/views/Settings/SettingsGeneral.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AAwmBA,wBAKG"}
+{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AAusBA,wBAKG"}