@scalar/api-client 2.0.63 → 2.1.0

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

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

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

@@ -1,4 +1,4 @@
-import { type RequestExample } from '@scalar/oas-utils/entities/workspace/spec';
+import { type RequestExample } from '@scalar/oas-utils/entities/spec';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title: string;
     paramKey: keyof RequestExample["parameters"];

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

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAwLA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,2CAA2C,CAAA;;WAMzC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAgS9C,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":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAwLA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;;WAM/B,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;WADrC,MAAM;cACH,MAAM,cAAc,CAAC,YAAY,CAAC;;AAgS9C,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"}