@scalar/api-client 2.0.20 → 2.0.21

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @scalar/api-client
 
+## 2.0.21
+
+### Patch Changes
+
+- d48e4ac: fix: update active body when content type changes
+
 ## 2.0.20
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAobS,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;WAFT,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;AAkwBlB,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":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAucS,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;WAFT,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;AAqxBlB,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/RequestBody.vue.js

@@ -1,36 +1,36 @@
-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 { defineComponent as G, ref as T, computed as _, watch as N, openBlock as r, createBlock as f, withCtx as u, createTextVNode as V, toDisplayString as k, createElementBlock as v, Fragment as j, createVNode as d, unref as i, createElementVNode as y, nextTick as H } from "vue";
+import K from "../../../components/CodeInput/CodeInput.vue.js";
+import Q from "../../../components/DataTable/DataTable.vue.js";
+import Z from "../../../components/DataTable/DataTableHeader.vue.js";
+import D from "../../../components/DataTable/DataTableRow.vue.js";
+import I from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as ee } from "../../../store/workspace.js";
+import { ScalarListbox as te, ScalarButton as F, 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 = {
+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"
-}, ae = /* @__PURE__ */ y("span", null, "No Body", -1), oe = [
-  ae
-], le = {
+}, oe = /* @__PURE__ */ y("span", null, "No Body", -1), le = [
+  oe
+], ne = {
   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 = {
+}, re = /* @__PURE__ */ y("span", null, "No Body", -1), ue = [
+  re
+], ie = {
   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({
+}, se = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, de = /* @__PURE__ */ y("span", null, "Upload File", -1), De = /* @__PURE__ */ G({
   __name: "RequestBody",
   props: {
     title: {},
     body: {},
     formData: {}
   },
-  setup(de) {
-    const M = {
+  setup(ce) {
+    const A = {
       multipartForm: "Multipart Form",
       formUrlEncoded: "Form URL Encoded",
       binaryFile: "Binary File",
@@ -40,39 +40,39 @@ const te = {
       edn: "EDN",
       other: "Other",
       none: "None"
-    }, { activeRequest: m, activeExample: t, requestExampleMutators: d } = I(), n = T("none"), b = T(null), O = {
+    }, { activeRequest: m, activeExample: t, requestExampleMutators: s } = ee(), n = T("none"), b = T(null), M = {
       json: "json",
       xml: "xml",
       yaml: "yaml",
       edn: "edn",
       other: "html"
-    }, z = _(() => {
+    }, O = _(() => {
       const e = n.value;
-      return O[e] ?? "plaintext";
+      return M[e] ?? "plaintext";
     });
-    function F() {
+    function R() {
       console.log("deleteRow");
     }
-    const U = (e, o, a) => {
+    const U = (e, a, o) => {
       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(
+        l[e] = { ...l[e], [a]: o }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), s.edit(
           t.value.uid,
           "body.formData.value",
           l
         );
       } else {
-        const l = [S({ [o]: a })];
-        d.edit(
+        const l = [S({ [a]: o })];
+        s.edit(
           t.value.uid,
           "body.formData.value",
           l
-        ), G(() => {
-          var E;
+        ), H(() => {
+          var C;
           if (!b.value) return;
-          (E = b.value.querySelectorAll("input")[o === "key" ? 0 : 1]) == null || E.focus();
+          (C = b.value.querySelectorAll("input")[a === "key" ? 0 : 1]) == null || C.focus();
         });
       }
     }, p = _(
@@ -81,35 +81,42 @@ const te = {
         return ((e = t.value) == null ? void 0 : e.body.formData.value) ?? [];
       }
     );
-    function A() {
+    function z() {
       p.value.length === 0 && x();
     }
     const x = () => {
       if (!m.value || !t.value) return;
       const e = S({
         enabled: !1
-      }), o = [...p.value, e];
-      d.edit(
+      }), a = [...p.value, e];
+      s.edit(
         t.value.uid,
         "body.formData.value",
-        o
+        a
       );
     }, $ = (e) => {
-      !m.value || !t.value || d.edit(
+      !m.value || !t.value || s.edit(
         t.value.uid,
         "body.raw.value",
         e
       );
+    }, J = (e) => {
+      let a = "raw";
+      e === "multipartForm" || e === "formUrlEncoded" ? a = "formData" : e === "binaryFile" ? a = "binary" : a = "raw", s.edit(
+        t.value.uid,
+        "body.activeBody",
+        a
+      );
     }, B = async (e) => {
-      const { open: o } = W({
-        onChange: async (a) => {
-          const c = a == null ? void 0 : a[0];
+      const { open: a } = W({
+        onChange: async (o) => {
+          const c = o == null ? void 0 : o[0];
           if (c && m.value && t.value) {
             const h = [...p.value];
             h[e] = {
               ...h[e],
               file: c
-            }, d.edit(
+            }, s.edit(
               t.value.uid,
               "body.formData.value",
               h
@@ -119,31 +126,31 @@ const te = {
         multiple: !1,
         accept: "*/*"
       });
-      o();
+      a();
     };
-    function J() {
-      !m.value || !t.value || d.edit(t.value.uid, "body.binary", void 0);
+    function X() {
+      !m.value || !t.value || s.edit(t.value.uid, "body.binary", void 0);
     }
-    function P(e) {
+    function E(e) {
       if (!m.value || !t.value) return;
-      const a = [...p.value];
-      a[e] = {
-        ...a[e],
+      const o = [...p.value];
+      o[e] = {
+        ...o[e],
         file: void 0
-      }, d.edit(
+      }, s.edit(
         t.value.uid,
         "body.formData.value",
-        a
+        o
       );
     }
-    function X() {
+    function Y() {
       const { open: e } = W({
-        onChange: async (o) => {
-          const a = o == null ? void 0 : o[0];
-          a && m.value && t.value && d.edit(
+        onChange: async (a) => {
+          const o = a == null ? void 0 : a[0];
+          o && m.value && t.value && s.edit(
             t.value.uid,
             "body.binary",
-            a
+            o
           );
         },
         multiple: !1,
@@ -151,20 +158,20 @@ const te = {
       });
       e();
     }
-    const C = Object.entries(M).map(
-      ([e, o]) => ({
+    const P = Object.entries(A).map(
+      ([e, a]) => ({
         id: e,
-        label: o,
+        label: a,
         value: e
       })
     ), g = _({
-      get: () => C.find((e) => e.id === n.value),
+      get: () => P.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,
+    }), w = _(() => 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 w.value !== "none" && (n.value = w.value), N(
+      w,
       (e) => {
         e && (n.value = e);
       },
@@ -172,42 +179,42 @@ const te = {
     ), N(
       n,
       (e) => {
-        (e === "multipartForm" || e === "formUrlEncoded") && A();
+        (e === "multipartForm" || e === "formUrlEncoded") && z(), J(e);
       },
       { immediate: !0 }
-    ), (e, o) => (r(), f(Z, null, {
+    ), (e, a) => (r(), f(I, null, {
       title: u(() => [
-        V(w(e.title), 1)
+        V(k(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, {
+        e.body && e.body.length === 0 && e.formData && e.formData.length === 0 ? (r(), v("div", ae, le)) : e.formData && e.formData.length > 0 ? (r(), v(j, { key: 1 }, [], 64)) : (r(), f(Q, {
           key: 2,
           columns: [""]
         }, {
           default: u(() => [
-            i(R, null, {
+            d(D, null, {
               default: u(() => [
-                i(Q, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                d(Z, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
                   default: u(() => [
-                    i(s(ee), {
+                    d(i(te), {
                       modelValue: g.value,
-                      "onUpdate:modelValue": o[0] || (o[0] = (a) => g.value = a),
+                      "onUpdate:modelValue": a[0] || (a[0] = (o) => g.value = o),
                       class: "text-xxs w-full",
                       fullWidth: "",
-                      options: s(C),
+                      options: i(P),
                       teleport: ""
                     }, {
                       default: u(() => [
-                        i(s(D), {
+                        d(i(F), {
                           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;
+                            var o;
                             return [
-                              y("span", null, w((a = g.value) == null ? void 0 : a.label), 1),
-                              i(s(q), {
+                              y("span", null, k((o = g.value) == null ? void 0 : o.label), 1),
+                              d(i(q), {
                                 class: "stroke-[1]",
                                 icon: "ChevronDown",
                                 size: "xs"
@@ -225,34 +232,34 @@ const te = {
               ]),
               _: 1
             }),
-            i(R, null, {
+            d(D, null, {
               default: u(() => {
-                var a, c, l;
+                var o, 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), {
+                  n.value === "none" ? (r(), v("div", ne, ue)) : n.value === "binaryFile" ? (r(), v("div", ie, [
+                    (o = i(t)) != null && o.body.binary ? (r(), v(j, { key: 0 }, [
+                      y("span", se, k((c = i(t)) == null ? void 0 : c.body.binary.name), 1),
+                      d(i(F), {
                         class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1",
                         size: "sm",
                         variant: "outlined",
-                        onClick: J
+                        onClick: X
                       }, {
                         default: u(() => [
                           V(" Delete ")
                         ]),
                         _: 1
                       })
-                    ], 64)) : (r(), f(s(D), {
+                    ], 64)) : (r(), f(i(F), {
                       key: 1,
                       class: "bg-b-2 hover:bg-b-3 border-0 text-c-2",
                       size: "sm",
                       variant: "outlined",
-                      onClick: X
+                      onClick: Y
                     }, {
                       default: u(() => [
-                        ie,
-                        i(s(q), {
+                        de,
+                        d(i(q), {
                           class: "ml-1 stroke-[2.5]",
                           icon: "UploadSimple",
                           size: "xs"
@@ -269,8 +276,8 @@ const te = {
                     items: p.value,
                     showUploadButton: "",
                     onAddRow: x,
-                    onDeleteRow: F,
-                    onRemoveFile: P,
+                    onDeleteRow: R,
+                    onRemoveFile: E,
                     onUpdateRow: U,
                     onUploadFile: B
                   }, null, 8, ["items"])) : n.value == "formUrlEncoded" ? (r(), f(L, {
@@ -282,24 +289,24 @@ const te = {
                     items: p.value,
                     showUploadButton: "",
                     onAddRow: x,
-                    onDeleteRow: F,
-                    onRemoveFile: P,
+                    onDeleteRow: R,
+                    onRemoveFile: E,
                     onUpdateRow: U,
                     onUploadFile: B
-                  }, null, 8, ["items"])) : (r(), f(H, {
+                  }, null, 8, ["items"])) : (r(), f(K, {
                     key: 4,
                     content: "",
-                    language: z.value,
+                    language: O.value,
                     lineNumbers: "",
                     lint: "",
-                    modelValue: ((l = s(t)) == null ? void 0 : l.body.raw.value) ?? "",
+                    modelValue: ((l = i(t)) == null ? void 0 : l.body.raw.value) ?? "",
                     "onUpdate:modelValue": $
                   }, null, 8, ["language", "modelValue"]))
                 ];
               }),
               _: 1
             }),
-            i(R)
+            d(D)
           ]),
           _: 1
         }))
@@ -309,5 +316,5 @@ const te = {
   }
 });
 export {
-  we as default
+  De as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.20",
+  "version": "2.0.21",
   "engines": {
     "node": ">=18"
   },
@@ -115,10 +115,10 @@
     "vue-router": "^4.3.0",
     "zod": "^3.22.4",
     "@scalar/components": "0.12.14",
+    "@scalar/object-utils": "1.1.4",
     "@scalar/draggable": "0.1.3",
     "@scalar/oas-utils": "0.2.13",
     "@scalar/themes": "0.9.13",
-    "@scalar/object-utils": "1.1.4",
     "@scalar/use-codemirror": "0.11.6",
     "@scalar/use-toasts": "0.7.4",
     "@scalar/use-tooltip": "1.0.2"