@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,9 +1,9 @@
-import { defineComponent as K, computed as y, ref as Q, watch as L, createBlock as b, openBlock as f, withCtx as d, createVNode as s, createCommentVNode as Z, unref as c, createElementVNode as g, toDisplayString as k, createElementBlock as V, Fragment as I, createTextVNode as M, nextTick as _ } from "vue";
+import { defineComponent as K, computed as y, ref as Q, watch as L, createBlock as b, openBlock as f, withCtx as d, createVNode as u, createCommentVNode as Z, unref as c, createElementVNode as h, toDisplayString as k, createElementBlock as V, Fragment as I, createTextVNode as M, nextTick as _ } from "vue";
 import { ScalarListbox as W, ScalarButton as w, ScalarIcon as F } from "@scalar/components";
 import { requestExampleParametersSchema as z } from "@scalar/oas-utils/entities/spec";
 import { canMethodHaveBody as ee } from "@scalar/oas-utils/helpers";
-import ae from "../../../components/CodeInput/CodeInput.vue.js";
-import te from "../../../components/DataTable/DataTable.vue.js";
+import te from "../../../components/CodeInput/CodeInput.vue.js";
+import ae from "../../../components/DataTable/DataTable.vue.js";
 import ne from "../../../components/DataTable/DataTableHeader.vue.js";
 import R from "../../../components/DataTable/DataTableRow.vue.js";
 import oe from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
@@ -26,14 +26,14 @@ const ie = {
     workspace: {},
     title: {}
   },
-  setup(l) {
+  setup(a) {
     const { requestExampleMutators: i } = le(), $ = {
       json: "json",
       xml: "xml",
       yaml: "yaml",
       edn: "edn",
       other: "html"
-    }, h = Object.entries({
+    }, x = Object.entries({
       multipartForm: "Multipart Form",
       formUrlEncoded: "Form URL Encoded",
       binaryFile: "Binary File",
@@ -43,78 +43,78 @@ const ie = {
       edn: "EDN",
       other: "Other",
       none: "None"
-    }).map(([e, a]) => ({
+    }).map(([e, t]) => ({
       id: e,
-      label: a
+      label: t
     })), B = y(() => {
-      const { activeBody: e, formData: a, raw: t } = l.example.body;
-      return e === "formData" ? a?.encoding === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && t?.encoding ? t.encoding === "html" || t.encoding === "text" ? "other" : t.encoding : Object.keys(l.operation.requestBody?.content || {})[0] || "none";
-    }), u = y({
-      get: () => h.find(
+      const { activeBody: e, formData: t, raw: n } = a.example.body;
+      return e === "formData" ? t?.encoding === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && n?.encoding ? n.encoding === "html" || n.encoding === "text" ? "other" : n.encoding : Object.keys(a.operation.requestBody?.content || {})[0] || "none";
+    }), s = y({
+      get: () => x.find(
         (e) => e.id === B.value
-      ) ?? h[h.length - 1] ?? h[0],
+      ) ?? x[x.length - 1] ?? x[0],
       set: (e) => {
         e?.id && N(e.id);
       }
-    }), x = Q(null), H = y(() => {
-      const e = u.value?.id;
+    }), g = Q(null), H = y(() => {
+      const e = s.value?.id;
       return $[e] ?? "plaintext";
     }), C = (e) => {
-      const a = m.value;
-      if (a.length > e) {
-        const t = [...a];
-        t.splice(e, 1), i.edit(
-          l.example.uid,
+      const t = m.value;
+      if (t.length > e) {
+        const n = [...t];
+        n.splice(e, 1), i.edit(
+          a.example.uid,
           "body.formData.value",
-          t
+          n
         );
       }
-    }, U = (e, a, t) => {
-      const o = m.value;
-      if (o.length > e) {
-        const n = [...o];
-        n[e] = {
-          ...n[e],
-          value: n[e]?.value || "",
-          key: n[e]?.key || "",
-          enabled: n[e]?.enabled ?? !1,
-          [a]: t || ""
-        }, (n[e]?.key !== "" || n[e]?.value !== "") && (n[e].enabled = !0), n[e]?.key === "" && n[e]?.value === "" && n.splice(e, 1), i.edit(
-          l.example.uid,
+    }, U = (e, t, n) => {
+      const l = m.value;
+      if (l.length > e) {
+        const o = [...l];
+        o[e] = {
+          ...o[e],
+          value: o[e]?.value || "",
+          key: o[e]?.key || "",
+          enabled: o[e]?.enabled ?? !1,
+          [t]: n || ""
+        }, (o[e]?.key !== "" || o[e]?.value !== "") && (o[e].enabled = !0), o[e]?.key === "" && o[e]?.value === "" && o.splice(e, 1), i.edit(
+          a.example.uid,
           "body.formData.value",
-          n
+          o
         );
       } else {
-        const n = [z.parse({ [a]: t })];
-        i.edit(l.example.uid, "body.formData.value", n), _(() => {
-          if (!x.value)
+        const o = [z.parse({ [t]: n })];
+        i.edit(a.example.uid, "body.formData.value", o), _(() => {
+          if (!g.value)
             return;
-          x.value.querySelectorAll("input")[a === "key" ? 0 : 1]?.focus();
+          g.value.querySelectorAll("input")[t === "key" ? 0 : 1]?.focus();
         });
       }
-      e === o.length - 1 && j();
-    }, m = y(() => l.example.body.formData?.value ?? []), D = () => {
+      e === l.length - 1 && j();
+    }, m = y(() => a.example.body.formData?.value ?? []), D = () => {
       const e = m.value[m.value.length - 1];
       (!e || e.key !== "" || e.value !== "") && j();
     }, j = () => {
       const e = z.parse({
         enabled: !1
-      }), a = [...m.value, e];
-      l.example.body.formData ? i.edit(l.example.uid, "body.formData.value", a) : i.edit(l.example.uid, "body.formData", {
-        value: a,
+      }), t = [...m.value, e];
+      a.example.body.formData ? i.edit(a.example.uid, "body.formData.value", t) : i.edit(a.example.uid, "body.formData", {
+        value: t,
         encoding: "form-data"
       });
-    }, E = (e, a) => {
-      const t = m.value;
-      if (t.length > e) {
-        const o = [...t];
-        o[e] && (o[e].enabled = a), i.edit(
-          l.example.uid,
+    }, E = (e, t) => {
+      const n = m.value;
+      if (n.length > e) {
+        const l = [...n];
+        l[e] && (l[e].enabled = t), i.edit(
+          a.example.uid,
           "body.formData.value",
-          o
+          l
         );
       }
-    }, P = (e) => i.edit(l.example.uid, "body.raw.value", e), O = (e) => {
+    }, P = (e) => i.edit(a.example.uid, "body.raw.value", e), O = (e) => {
       if (e === "multipartForm")
         return {
           activeBody: "formData",
@@ -137,7 +137,7 @@ const ie = {
         return {
           activeBody: "raw",
           encoding: "json",
-          header: Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.includes("json") || o.endsWith("+json")) || "application/json"
+          header: Object.keys(a.operation.requestBody?.content ?? {}).find((l) => l.includes("json") || l.endsWith("+json")) || "application/json"
         };
       if (e === "xml")
         return {
@@ -158,62 +158,62 @@ const ie = {
           header: "application/edn"
         };
       if (e === "other") {
-        const t = Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.startsWith("text/"));
+        const n = Object.keys(a.operation.requestBody?.content ?? {}).find((l) => l.startsWith("text/"));
         return {
           activeBody: "raw",
-          encoding: t ? "text" : "html",
-          header: t ?? "application/html"
+          encoding: n ? "text" : "html",
+          header: n ?? "application/html"
         };
       }
       return { activeBody: "raw", encoding: void 0, header: void 0 };
     }, N = (e) => {
-      const { activeBody: a, encoding: t, header: o } = O(e);
-      if (i.edit(l.example.uid, "body.activeBody", a), t && a === "raw")
-        i.edit(l.example.uid, "body.raw", {
-          encoding: t,
-          value: l.example.body.raw?.value ?? ""
+      const { activeBody: t, encoding: n, header: l } = O(e);
+      if (i.edit(a.example.uid, "body.activeBody", t), n && t === "raw")
+        i.edit(a.example.uid, "body.raw", {
+          encoding: n,
+          value: a.example.body.raw?.value ?? ""
         });
-      else if (t && a === "formData")
-        i.edit(l.example.uid, "body.formData", {
-          encoding: t,
-          value: l.example.body.formData?.value ?? []
+      else if (n && t === "formData")
+        i.edit(a.example.uid, "body.formData", {
+          encoding: n,
+          value: a.example.body.formData?.value ?? []
         });
-      else if (!t && a !== "binary") {
-        const { raw: p, ...G } = l.example.body;
-        i.edit(l.example.uid, "body", G);
+      else if (!n && t !== "binary") {
+        const { raw: v, ...G } = a.example.body;
+        i.edit(a.example.uid, "body", G);
       }
-      const n = [...l.example.parameters.headers], r = n.findIndex(
-        (p) => p.key.toLowerCase() === "content-type"
+      const o = [...a.example.parameters.headers], r = o.findIndex(
+        (v) => v.key.toLowerCase() === "content-type"
       );
       if (r >= 0)
-        o && n[r] ? n[r].value = o : n[r] && (a !== "raw" || e === "none") && n.splice(r, 1);
-      else if (o) {
-        const p = n[n.length - 1];
-        p && p.key === "" && p.value === "" ? n.splice(n.length - 1, 0, {
+        l && o[r] ? o[r].value = l : o[r] && (t !== "raw" || e === "none") && o.splice(r, 1);
+      else if (l) {
+        const v = o[o.length - 1];
+        v && v.key === "" && v.value === "" ? o.splice(o.length - 1, 0, {
           key: "Content-Type",
-          value: o,
+          value: l,
           enabled: !0
-        }) : n.push({
+        }) : o.push({
           key: "Content-Type",
-          value: o,
+          value: l,
           enabled: !0
         });
       }
-      i.edit(l.example.uid, "parameters.headers", n);
+      i.edit(a.example.uid, "parameters.headers", o);
     }, S = (e) => {
-      const { open: a } = A({
-        onChange: (t) => {
-          const o = t?.[0];
-          if (o) {
+      const { open: t } = A({
+        onChange: (n) => {
+          const l = n?.[0];
+          if (l) {
             const r = [...m.value];
             r[e] = {
               ...r[e],
-              file: o,
-              value: r[e]?.value || o.name,
-              key: r[e]?.key || o.name,
+              file: l,
+              value: r[e]?.value || l.name,
+              key: r[e]?.key || l.name,
               enabled: !0
             }, i.edit(
-              l.example.uid,
+              a.example.uid,
               "body.formData.value",
               r
             ), D();
@@ -222,17 +222,17 @@ const ie = {
         multiple: !1,
         accept: "*/*"
       });
-      a();
-    }, X = () => i.edit(l.example.uid, "body.binary", void 0);
+      t();
+    }, X = () => i.edit(a.example.uid, "body.binary", void 0);
     function q(e) {
-      const a = m.value, t = [...a], o = a[e], n = o?.file;
-      a.length > 1 && (!o?.key && !o?.value || n && o?.key === n.name && o?.value === n.name) ? t.splice(e, 1) : t[e] && (t[e].file = void 0), i.edit(l.example.uid, "body.formData.value", t);
+      const t = m.value, n = [...t], l = t[e], o = l?.file;
+      t.length > 1 && (!l?.key && !l?.value || o && l?.key === o.name && l?.value === o.name) ? n.splice(e, 1) : n[e] && (n[e].file = void 0), i.edit(a.example.uid, "body.formData.value", n);
     }
     function Y() {
       const { open: e } = A({
-        onChange: (a) => {
-          const t = a?.[0];
-          t && i.edit(l.example.uid, "body.binary", t);
+        onChange: (t) => {
+          const n = t?.[0];
+          n && i.edit(a.example.uid, "body.binary", n);
         },
         multiple: !1,
         accept: "*/*"
@@ -240,78 +240,78 @@ const ie = {
       e();
     }
     L(
-      u,
+      s,
       (e) => {
         ["multipartForm", "formUrlEncoded"].includes(e?.id || "") && D();
       },
       { immediate: !0 }
     ), L(
-      () => l.example.uid,
+      () => a.example.uid,
       () => {
-        l.operation.method && ee(l.operation.method) && N(B.value), ["multipartForm", "formUrlEncoded"].includes(
+        a.operation.method && ee(a.operation.method) && N(B.value), ["multipartForm", "formUrlEncoded"].includes(
           B.value
         ) && D();
       },
       { immediate: !0 }
     );
-    const v = y(() => {
-      const e = u.value?.id, { header: a } = O(e), t = l.operation.requestBody?.content || {}, o = a ? t[a]?.examples || {} : {};
-      return Object.entries(o).map(([n, r]) => ({
-        id: n,
-        label: n,
+    const p = y(() => {
+      const e = s.value?.id, { header: t } = O(e), n = a.operation.requestBody?.content || {}, l = t ? n[t]?.examples || {} : {};
+      return Object.entries(l).map(([o, r]) => ({
+        id: o,
+        label: o,
         value: r
       }));
     }), T = y({
       get: () => {
-        const e = l.example.body.raw?.value ?? "{}";
+        const e = a.example.body.raw?.value ?? "{}";
         try {
-          const a = JSON.parse(e);
-          return v.value.find((o) => {
-            const n = o.value;
-            return JSON.stringify(n.value) === JSON.stringify(a);
-          }) ?? v.value[0];
+          const t = JSON.parse(e);
+          return p.value.find((l) => {
+            const o = l.value;
+            return JSON.stringify(o.value) === JSON.stringify(t);
+          }) ?? p.value[0];
         } catch {
-          return v.value[0];
+          return p.value[0];
         }
       },
       set: (e) => {
         if (e?.id) {
-          const a = v.value.find((t) => t.id === e.id);
-          if (a) {
-            const t = a.value;
-            P(JSON.stringify(t.value, null, 2));
+          const t = p.value.find((n) => n.id === e.id);
+          if (t) {
+            const n = t.value;
+            P(JSON.stringify(n.value, null, 2));
           }
         }
       }
     });
-    return (e, a) => (f(), b(oe, null, {
+    return (e, t) => (f(), b(oe, null, {
       title: d(() => [
-        M(k(e.title), 1)
+        M(k(a.title), 1)
       ]),
       default: d(() => [
-        s(te, {
+        u(ae, {
           columns: [""],
           presentational: ""
         }, {
           default: d(() => [
-            s(R, null, {
+            u(R, null, {
               default: d(() => [
-                s(ne, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
+                u(ne, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
                   default: d(() => [
-                    s(c(W), {
-                      modelValue: u.value,
-                      "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
-                      options: c(h),
+                    u(c(W), {
+                      modelValue: s.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (n) => s.value = n),
+                      options: c(x),
                       teleport: ""
                     }, {
                       default: d(() => [
-                        s(c(w), {
+                        u(c(w), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                           variant: "ghost"
                         }, {
                           default: d(() => [
-                            g("span", null, k(u.value?.label), 1),
-                            s(c(F), {
+                            h("span", null, k(s.value?.label), 1),
+                            u(c(F), {
                               icon: "ChevronDown",
                               size: "md"
                             })
@@ -321,23 +321,23 @@ const ie = {
                       ]),
                       _: 1
                     }, 8, ["modelValue", "options"]),
-                    v.value.length > 0 ? (f(), b(c(W), {
+                    p.value.length > 0 ? (f(), b(c(W), {
                       key: 0,
                       modelValue: T.value,
-                      "onUpdate:modelValue": a[1] || (a[1] = (t) => T.value = t),
-                      options: v.value,
+                      "onUpdate:modelValue": t[1] || (t[1] = (n) => T.value = n),
+                      options: p.value,
                       side: "left",
                       teleport: ""
                     }, {
                       default: d(() => [
-                        s(c(w), {
+                        u(c(w), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-2 font-normal",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
                           default: d(() => [
-                            g("span", null, k(T.value?.label), 1),
-                            s(c(F), {
+                            h("span", null, k(T.value?.label), 1),
+                            u(c(F), {
                               icon: "ChevronDown",
                               size: "md"
                             })
@@ -353,20 +353,20 @@ const ie = {
               ]),
               _: 1
             }),
-            s(R, null, {
+            u(R, null, {
               default: d(() => [
-                u.value?.id === "none" ? (f(), V("div", ie, [...a[2] || (a[2] = [
-                  g("span", null, "No Body", -1)
-                ])])) : u.value?.id === "binaryFile" ? (f(), V("div", re, [
-                  e.example.body.binary ? (f(), V(I, { key: 0 }, [
-                    g("span", de, k(e.example.body.binary.name), 1),
-                    s(c(w), {
+                s.value?.id === "none" ? (f(), V("div", ie, [...t[2] || (t[2] = [
+                  h("span", null, "No Body", -1)
+                ])])) : s.value?.id === "binaryFile" ? (f(), V("div", re, [
+                  a.example.body.binary ? (f(), V(I, { key: 0 }, [
+                    h("span", de, k(a.example.body.binary.name), 1),
+                    u(c(w), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
                       onClick: X
                     }, {
-                      default: d(() => [...a[3] || (a[3] = [
+                      default: d(() => [...t[3] || (t[3] = [
                         M(" Delete ", -1)
                       ])]),
                       _: 1
@@ -379,8 +379,8 @@ const ie = {
                     onClick: Y
                   }, {
                     default: d(() => [
-                      a[4] || (a[4] = g("span", null, "Upload File", -1)),
-                      s(c(F), {
+                      t[4] || (t[4] = h("span", null, "Upload File", -1)),
+                      u(c(F), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
@@ -389,55 +389,55 @@ const ie = {
                     ]),
                     _: 1
                   }))
-                ])) : u.value?.id == "multipartForm" ? (f(), b(J, {
+                ])) : s.value?.id == "multipartForm" ? (f(), b(J, {
                   key: 2,
                   ref_key: "tableWrapperRef",
-                  ref: x,
+                  ref: g,
                   class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
                   columns: ["32px", "", "", "104px"],
-                  envVariables: e.envVariables,
-                  environment: e.environment,
+                  envVariables: a.envVariables,
+                  environment: a.environment,
                   items: m.value,
                   showUploadButton: "",
-                  workspace: e.workspace,
+                  workspace: a.workspace,
                   onDeleteRow: C,
                   onRemoveFile: q,
                   onToggleRow: E,
                   onUpdateRow: U,
                   onUploadFile: S
-                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : u.value?.id == "formUrlEncoded" ? (f(), b(J, {
+                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : s.value?.id == "formUrlEncoded" ? (f(), b(J, {
                   key: 3,
                   ref_key: "tableWrapperRef",
-                  ref: x,
+                  ref: g,
                   class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
                   columns: ["32px", "", "", "104px"],
-                  envVariables: e.envVariables,
-                  environment: e.environment,
+                  envVariables: a.envVariables,
+                  environment: a.environment,
                   items: m.value,
                   showUploadButton: "",
-                  workspace: e.workspace,
+                  workspace: a.workspace,
                   onDeleteRow: C,
                   onRemoveFile: q,
                   onToggleRow: E,
                   onUpdateRow: U,
                   onUploadFile: S
-                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : (f(), b(ae, {
+                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : (f(), b(te, {
                   key: 4,
                   class: "border-t px-3",
                   content: "",
-                  envVariables: e.envVariables,
-                  environment: e.environment,
+                  envVariables: a.envVariables,
+                  environment: a.environment,
                   language: H.value,
                   lineNumbers: "",
                   lint: "",
-                  modelValue: e.example.body?.raw?.value ?? "",
-                  workspace: e.workspace,
+                  modelValue: a.example.body?.raw?.value ?? "",
+                  workspace: a.workspace,
                   "onUpdate:modelValue": P
                 }, null, 8, ["envVariables", "environment", "language", "modelValue", "workspace"]))
               ]),
               _: 1
             }),
-            s(R)
+            u(R)
           ]),
           _: 1
         })