@scalar/api-client 2.37.0 → 2.38.1

package/dist/v2/blocks/request-block/RequestBlock.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as z, computed as n, ref as X, useId as s, watch as J, createBlock as q, openBlock as v, withCtx as C, createElementVNode as K, withDirectives as m, createElementBlock as x, createVNode as d, unref as y, vShow as c, mergeProps as f, toHandlers as b, Fragment as W, renderList as Y, createCommentVNode as E, resolveDynamicComponent as Z, toDisplayString as _ } from "vue";
-import { ScalarErrorBoundary as ee } from "@scalar/components";
+import { defineComponent as X, computed as n, ref as J, useId as s, watch as W, createBlock as q, openBlock as v, withCtx as C, createElementVNode as K, withDirectives as m, createElementBlock as x, createVNode as d, unref as y, vShow as c, mergeProps as f, toHandlers as b, Fragment as Y, renderList as Z, createCommentVNode as D, resolveDynamicComponent as _, toDisplayString as ee } from "vue";
+import { ScalarErrorBoundary as te } from "@scalar/components";
 import { canMethodHaveBody as w } from "@scalar/helpers/http/can-method-have-body";
-import { REGEX as te } from "@scalar/helpers/regex/regex-helpers";
+import { REGEX as ae } from "@scalar/helpers/regex/regex-helpers";
 import { getResolvedRef as R } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { unpackProxyObject as ae } from "@scalar/workspace-store/helpers/unpack-proxy";
-import le from "../../../components/SectionFilter.vue.js";
-import ne from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { filterGlobalCookie as oe } from "../operation-block/helpers/filter-global-cookies.js";
-import { getExample as re } from "../operation-block/helpers/get-example.js";
+import { unpackProxyObject as le } from "@scalar/workspace-store/helpers/unpack-proxy";
+import ne from "../../../components/SectionFilter.vue.js";
+import oe from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { filterGlobalCookie as re } from "../operation-block/helpers/filter-global-cookies.js";
+import { getExample as ue } from "../operation-block/helpers/get-example.js";
 import { getResolvedUrl as ie } from "../operation-block/helpers/get-resolved-url.js";
-import ue from "./components/RequestBody.vue.js";
-import se from "./components/RequestCodeSnippet.vue.js";
+import se from "./components/RequestBody.vue.js";
+import me from "./components/RequestCodeSnippet.vue.js";
 import S from "./components/RequestParams.vue.js";
-import { createParameterHandlers as k } from "./helpers/create-parameter-handlers.js";
-import { getDefaultHeaders as me } from "./helpers/get-default-headers.js";
-import { getParameterSchema as de } from "./helpers/get-parameter-schema.js";
-import { groupBy as D } from "./helpers/group-by.js";
-import { isParamDisabled as ce } from "./helpers/is-param-disabled.js";
-import ve from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
-const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, he = ["for"], fe = ["id", "placeholder", "value"], Be = {
+import { createParameterHandlers as g } from "./helpers/create-parameter-handlers.js";
+import { getDefaultHeaders as de } from "./helpers/get-default-headers.js";
+import { getParameterSchema as ce } from "./helpers/get-parameter-schema.js";
+import { groupBy as E } from "./helpers/group-by.js";
+import { isParamDisabled as ve } from "./helpers/is-param-disabled.js";
+import ye from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
+const he = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, fe = ["for"], Be = ["id", "placeholder", "value"], xe = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, xe = ["id", "role"], Te = /* @__PURE__ */ z({
+}, be = ["id", "role"], $e = /* @__PURE__ */ X({
   __name: "RequestBlock",
   props: {
     authMeta: { default: () => ({ type: "document" }) },
@@ -49,24 +49,24 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       path: e.path,
       exampleKey: e.exampleKey
     })), r = n(
-      () => D(
+      () => E(
         e.operation.parameters?.map((t) => R(t)) ?? [],
         "in",
         (t) => {
-          const a = re(t, e.exampleKey, void 0);
+          const a = ue(t, e.exampleKey, void 0);
           return {
             name: t.name,
             value: a?.value ?? "",
             description: t.description,
-            schema: de(t),
+            schema: ce(t),
             isRequired: t.required,
-            isDisabled: ce(t, a),
+            isDisabled: ve(t, a),
             originalParameter: t
           };
         }
       )
     ), I = n(
-      () => D(
+      () => E(
         r.value.header?.map((t) => ({
           ...t,
           name: t.name.toLowerCase()
@@ -74,7 +74,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         "name"
       )
     ), N = n(
-      () => me({ method: e.method, operation: e.operation, exampleKey: e.exampleKey })
+      () => de({ method: e.method, operation: e.operation, exampleKey: e.exampleKey })
     ), A = n(() => {
       const t = e.operation["x-scalar-disable-parameters"]?.["default-headers"]?.[e.exampleKey] ?? {};
       return N.value.map((a) => {
@@ -88,7 +88,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
           isDisabled: t[a.name.toLowerCase()] ?? !1
         };
       });
-    }), p = n(() => [
+    }), O = n(() => [
       ...A.value,
       ...r.value.header ?? []
     ]), V = n(() => {
@@ -99,7 +99,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         pathVariables: {}
       }), a = e.operation["x-scalar-disable-parameters"]?.["global-cookies"]?.[e.exampleKey] ?? {};
       return e.globalCookies?.filter(
-        (l) => oe({
+        (l) => re({
           cookie: l,
           url: t,
           // Do not filter global cookies for the default cookies section (it's already filtered in the buildRequestCookieHeader function)
@@ -116,7 +116,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
     }), P = n(() => [
       ...V.value ?? [],
       ...r.value.cookie ?? []
-    ]), i = X("All"), T = [
+    ]), u = J("All"), T = [
       "Auth",
       "Variables",
       "Cookies",
@@ -131,47 +131,49 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       Headers: s(),
       Query: s(),
       Body: s()
-    }, O = n(() => {
+    }, p = n(() => {
       const t = /* @__PURE__ */ new Set(["All", ...T]);
       return r.value.path?.length || t.delete("Variables"), w(e.method) || t.delete("Body"), H.value && t.delete("Auth"), [...t];
-    }), u = n(
+    }), i = n(
       () => Object.fromEntries(
-        O.value.map((t) => [t, $[t]])
+        p.value.map((t) => [t, $[t]])
       )
     ), H = n(
-      () => e.layout === "modal" && !e.operation.security && !Object.keys(e.securitySchemes ?? {}).length
-    ), L = n(() => e.operation.summary ? e.operation.summary : e.path.replace(te.PROTOCOL, "") || "Request Name"), h = (t) => i.value === "All" || i.value === t;
-    J(
+      () => e.layout === "modal" && !Object.keys(e.securitySchemes ?? {}).length
+    ), L = n(
+      () => e.layout !== "modal" || !!(e.securityRequirements?.length || e.selectedSecurity.selectedSchemes.length)
+    ), F = n(() => e.operation.summary ? e.operation.summary : e.path.replace(ae.PROTOCOL, "") || "Request Name"), h = (t) => u.value === "All" || u.value === t;
+    W(
       () => e.method,
       (t) => {
-        i.value === "Body" && !w(t) && (i.value = "All");
+        u.value === "Body" && !w(t) && (u.value = "All");
       }
     );
-    const F = (t) => {
+    const G = (t) => {
       const a = t.target.value;
       e.eventBus.emit("operation:update:meta", {
         meta: o.value,
         payload: { summary: a.trim() }
       });
     }, B = n(() => ({
-      path: k("path", e.eventBus, o.value, {
+      path: g("path", e.eventBus, o.value, {
         context: r.value.path ?? []
       }),
-      cookie: k("cookie", e.eventBus, o.value, {
+      cookie: g("cookie", e.eventBus, o.value, {
         context: P.value ?? [],
         globalParameters: V.value.length
       }),
-      header: k("header", e.eventBus, o.value, {
-        context: p.value,
+      header: g("header", e.eventBus, o.value, {
+        context: O.value,
         defaultParameters: A.value.length
       }),
-      query: k("query", e.eventBus, o.value, {
+      query: g("query", e.eventBus, o.value, {
         context: r.value.query ?? []
       })
-    })), G = (t) => e.eventBus.emit("operation:update:requestBody:contentType", {
+    })), Q = (t) => e.eventBus.emit("operation:update:requestBody:contentType", {
       payload: { contentType: t.value },
       meta: o.value
-    }), Q = ({
+    }), M = ({
       payload: t,
       contentType: a
     }) => {
@@ -187,7 +189,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
           debounceKey: l
         }
       );
-    }, M = ({
+    }, j = ({
       payload: t,
       contentType: a
     }) => {
@@ -195,7 +197,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       e.eventBus.emit(
         "operation:update:requestBody:formValue",
         {
-          payload: t.map((g) => ae(g, { depth: 1 })),
+          payload: t.map((k) => le(k, { depth: 1 })),
           contentType: a,
           meta: o.value
         },
@@ -203,42 +205,43 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
           debounceKey: l
         }
       );
-    }, U = s(), j = (t) => e.eventBus.emit("operation:update:extension", { payload: t, meta: o.value });
-    return (t, a) => (v(), q(ne, {
+    }, U = s(), z = (t) => e.eventBus.emit("operation:update:extension", { payload: t, meta: o.value });
+    return (t, a) => (v(), q(oe, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
       title: C(() => [
-        K("div", ye, [
+        K("div", he, [
           e.layout !== "modal" ? (v(), x("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
             for: y(U)
-          }, null, 8, he)) : E("", !0),
+          }, null, 8, fe)) : D("", !0),
           e.layout !== "modal" ? (v(), x("input", {
             key: 1,
             id: y(U),
             class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
-            placeholder: L.value,
+            placeholder: F.value,
             value: e.operation.summary,
-            onBlur: F
-          }, null, 40, fe)) : (v(), x("span", Be, _(e.operation.summary), 1))
+            onBlur: G
+          }, null, 40, Be)) : (v(), x("span", xe, ee(e.operation.summary), 1))
         ]),
-        d(le, {
-          modelValue: i.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
-          filterIds: u.value,
-          filters: O.value
+        d(ne, {
+          modelValue: u.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
+          filterIds: i.value,
+          filters: p.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
       default: C(() => [
         K("div", {
-          id: u.value.All,
+          id: i.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
-          role: i.value === "All" ? "tabpanel" : "none"
+          role: u.value === "All" ? "tabpanel" : "none"
         }, [
-          m(d(y(ve), {
-            id: u.value.Auth,
+          m(d(y(ye), {
+            id: i.value.Auth,
             createAnySecurityScheme: e.layout !== "modal",
+            defaultOpen: L.value,
             environment: e.environment,
             eventBus: e.eventBus,
             meta: e.authMeta,
@@ -249,11 +252,11 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             selectedSecuritySchemes: e.selectedSecuritySchemes,
             server: e.server,
             title: "Authentication"
-          }, null, 8, ["id", "createAnySecurityScheme", "environment", "eventBus", "meta", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "selectedSecuritySchemes", "server"]), [
+          }, null, 8, ["id", "createAnySecurityScheme", "defaultOpen", "environment", "eventBus", "meta", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "selectedSecuritySchemes", "server"]), [
             [c, h("Auth") && !H.value]
           ]),
           m(d(S, f({
-            id: u.value.Variables,
+            id: i.value.Variables,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
@@ -264,7 +267,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             [c, h("Variables") && r.value.path?.length]
           ]),
           m(d(S, f({
-            id: u.value.Cookies,
+            id: i.value.Cookies,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
@@ -275,17 +278,17 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             [c, h("Cookies")]
           ]),
           m(d(S, f({
-            id: u.value.Headers,
+            id: i.value.Headers,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
-            rows: p.value ?? [],
+            rows: O.value ?? [],
             title: "Headers"
           }, b(B.value.header)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Headers")]
           ]),
           m(d(S, f({
-            id: u.value.Query,
+            id: i.value.Query,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
@@ -294,31 +297,31 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
           }, b(B.value.query)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Query")]
           ]),
-          m(d(ue, {
-            id: u.value.Body,
+          m(d(se, {
+            id: i.value.Body,
             environment: e.environment,
             exampleKey: e.exampleKey,
             requestBody: y(R)(e.operation.requestBody),
             title: "Request Body",
-            "onUpdate:contentType": G,
-            "onUpdate:formValue": M,
-            "onUpdate:value": Q
+            "onUpdate:contentType": Q,
+            "onUpdate:formValue": j,
+            "onUpdate:value": M
           }, null, 8, ["id", "environment", "exampleKey", "requestBody"]), [
             [c, h("Body") && y(w)(e.method)]
           ]),
-          (v(!0), x(W, null, Y(e.plugins, (l, g) => (v(), q(y(ee), { key: g }, {
+          (v(!0), x(Y, null, Z(e.plugins, (l, k) => (v(), q(y(te), { key: k }, {
             default: C(() => [
-              l?.components?.request ? m((v(), q(Z(l.components.request.component), f({
+              l?.components?.request ? m((v(), q(_(l.components.request.component), f({
                 key: 0,
                 operation: e.operation
-              }, { ref_for: !0 }, l.components.request.additionalProps, { "onOperation:update:extension": j }), null, 16, ["operation"])), [
-                [c, i.value === "All"]
-              ]) : E("", !0)
+              }, { ref_for: !0 }, l.components.request.additionalProps, { "onOperation:update:extension": z }), null, 16, ["operation"])), [
+                [c, u.value === "All"]
+              ]) : D("", !0)
             ]),
             _: 2
           }, 1024))), 128)),
           a[1] || (a[1] = K("div", { class: "flex grow" }, null, -1)),
-          m(d(se, {
+          m(d(me, {
             clientOptions: e.clientOptions,
             eventBus: e.eventBus,
             globalCookies: e.globalCookies,
@@ -331,14 +334,14 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             selectedContentType: y(R)(e.operation.requestBody)?.["x-scalar-selected-content-type"]?.[e.exampleKey],
             selectedServer: e.server ?? void 0
           }, null, 8, ["clientOptions", "eventBus", "globalCookies", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedContentType", "selectedServer"]), [
-            [c, i.value === "All"]
+            [c, u.value === "All"]
           ])
-        ], 8, xe)
+        ], 8, be)
       ]),
       _: 1
     }, 8, ["aria-label"]));
   }
 });
 export {
-  Te as default
+  $e as default
 };

package/dist/v2/blocks/request-block/components/RequestBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBody.vue"],"names":[],"mappings":"AAwQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAA;AAgBrG,KAAK,WAAW,GAAG;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AA4eF,QAAA,MAAM,YAAY;;;;;;;;;;;eAve4B,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;kFA0elD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBody.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,8DAA8D,CAAA;AAgBrE,KAAK,WAAW,GAAG;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAsfF,QAAA,MAAM,YAAY;;;;;;;;;;;eAjf4B,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;kFAoflD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestBody.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestBody.vue2.js";
 /* empty css                 */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd127758"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fdec6da"]]);
 export {
-  m as default
+  d as default
 };

package/dist/v2/blocks/request-block/components/RequestBody.vue2.js

@@ -1,25 +1,26 @@
-import { defineComponent as h, computed as d, createBlock as p, openBlock as u, unref as t, withCtx as a, createVNode as i, createElementVNode as f, toDisplayString as v, createElementBlock as y, Fragment as E, createTextVNode as T } from "vue";
+import { defineComponent as q, computed as d, createBlock as p, openBlock as i, unref as t, withCtx as r, createVNode as u, createElementVNode as c, toDisplayString as v, createElementBlock as y, Fragment as E, createTextVNode as T } from "vue";
 import { ScalarListbox as F, ScalarButton as x, ScalarIcon as w } from "@scalar/components";
 import { CONTENT_TYPES as k } from "@scalar/helpers/consts/content-types";
-import { objectEntries as q } from "@scalar/helpers/object/object-entries";
-import { unpackProxyObject as C } from "@scalar/workspace-store/helpers/unpack-proxy";
-import { getSelectedBodyContentType as D } from "../../operation-block/helpers/get-selected-body-content-type.js";
-import U from "./RequestBodyForm.vue.js";
-import { getFileName as V } from "../helpers/files.js";
-import { getExampleFromBody as $ } from "../helpers/get-request-body-example.js";
-import z from "../../../components/layout/CollapsibleSection.vue.js";
-import O from "../../../components/data-table/DataTable.vue.js";
-import K from "../../../components/data-table/DataTableHeader.vue.js";
-import I from "../../../components/data-table/DataTableRow.vue.js";
-import L from "../../../components/code-input/CodeInput.vue.js";
-import { useFileDialog as M } from "../../../../hooks/useFileDialog.js";
-const P = {
+import { objectEntries as D } from "@scalar/helpers/object/object-entries";
+import { unpackProxyObject as B } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { resolve as U } from "@scalar/workspace-store/resolve";
+import { getSelectedBodyContentType as $ } from "../../operation-block/helpers/get-selected-body-content-type.js";
+import z from "./RequestBodyForm.vue.js";
+import { getFileName as C } from "../helpers/files.js";
+import { getExampleFromBody as O } from "../helpers/get-request-body-example.js";
+import K from "../../../components/layout/CollapsibleSection.vue.js";
+import I from "../../../components/data-table/DataTable.vue.js";
+import L from "../../../components/data-table/DataTableHeader.vue.js";
+import M from "../../../components/data-table/DataTableRow.vue.js";
+import P from "../../../components/code-input/CodeInput.vue.js";
+import { useFileDialog as R } from "../../../../hooks/useFileDialog.js";
+const J = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center border-t p-2 text-sm"
-}, R = {
+}, W = {
   key: 1,
   class: "flex items-center justify-center overflow-hidden border-t p-1.5"
-}, J = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, re = /* @__PURE__ */ h({
+}, Y = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, me = /* @__PURE__ */ q({
   __name: "RequestBody",
   props: {
     requestBody: {},
@@ -28,26 +29,26 @@ const P = {
     environment: {}
   },
   emits: ["update:contentType", "update:value", "update:formValue"],
-  setup(r, { emit: B }) {
-    const m = B, N = {
+  setup(a, { emit: V }) {
+    const m = V, h = {
       "application/json": "json",
       "application/xml": "xml",
       "application/yaml": "yaml"
     }, o = d(
-      () => D(r.requestBody, r.exampleKey) ?? "none"
-    ), c = q(k).map(([n, e]) => ({
+      () => $(a.requestBody, a.exampleKey) ?? "none"
+    ), f = D(k).map(([n, e]) => ({
       id: n,
       label: e
     })), b = d({
-      get: () => c.find(
+      get: () => f.find(
         (e) => e.id === o.value
-      ) ?? c.at(-1),
+      ) ?? f.at(-1),
       set: (n) => {
         m("update:contentType", { value: n.id });
       }
     });
     function S(n) {
-      const { open: e } = M({
+      const { open: e } = R({
         onChange: (l) => {
           const g = l?.[0];
           g && n(g);
@@ -58,40 +59,42 @@ const P = {
       e();
     }
     const s = d(
-      () => r.requestBody && $(r.requestBody, o.value, r.exampleKey)
-    ), j = d(() => {
+      () => a.requestBody && O(a.requestBody, o.value, a.exampleKey)
+    ), N = d(() => {
       if (!s.value)
         return "";
       const n = s.value.value;
       return typeof n == "string" ? n : JSON.stringify(n, null, 2);
-    });
-    return (n, e) => (u(), p(t(z), null, {
-      title: a(() => [
-        T(v(r.title), 1)
+    }), j = d(() => U.schema(
+      a.requestBody?.content?.[o.value]?.schema
+    ));
+    return (n, e) => (i(), p(t(K), null, {
+      title: r(() => [
+        T(v(a.title), 1)
       ]),
-      default: a(() => [
-        i(t(O), {
+      default: r(() => [
+        u(t(I), {
           columns: [""],
           presentational: ""
         }, {
-          default: a(() => [
-            i(t(K), { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between border-r-0 !p-0" }, {
-              default: a(() => [
-                i(t(F), {
+          default: r(() => [
+            u(t(L), { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between border-r-0 !p-0" }, {
+              default: r(() => [
+                u(t(F), {
                   modelValue: b.value,
                   "onUpdate:modelValue": e[0] || (e[0] = (l) => b.value = l),
-                  options: t(c),
+                  options: t(f),
                   teleport: ""
                 }, {
-                  default: a(() => [
-                    i(t(x), {
+                  default: r(() => [
+                    u(t(x), {
                       class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                       fullWidth: "",
                       variant: "ghost"
                     }, {
-                      default: a(() => [
-                        f("span", null, v(t(k)[o.value] ?? o.value), 1),
-                        i(t(w), {
+                      default: r(() => [
+                        c("span", null, v(t(k)[o.value] ?? o.value), 1),
+                        u(t(w), {
                           icon: "ChevronDown",
                           size: "md"
                         })
@@ -104,14 +107,14 @@ const P = {
               ]),
               _: 1
             }),
-            i(t(I), null, {
-              default: a(() => [
-                o.value === "none" ? (u(), y("div", P, [...e[5] || (e[5] = [
-                  f("span", null, "No Body", -1)
-                ])])) : o.value === "application/octet-stream" ? (u(), y("div", R, [
-                  t(V)(t(C)(s.value?.value)) !== void 0 ? (u(), y(E, { key: 0 }, [
-                    f("span", J, v(t(V)(t(C)(s.value?.value))), 1),
-                    i(t(x), {
+            u(t(M), null, {
+              default: r(() => [
+                o.value === "none" ? (i(), y("div", J, [...e[5] || (e[5] = [
+                  c("span", null, "No Body", -1)
+                ])])) : o.value === "application/octet-stream" ? (i(), y("div", W, [
+                  t(C)(t(B)(s.value?.value)) !== void 0 ? (i(), y(E, { key: 0 }, [
+                    c("span", Y, v(t(C)(t(B)(s.value?.value))), 1),
+                    u(t(x), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
@@ -120,12 +123,12 @@ const P = {
                         contentType: o.value
                       }))
                     }, {
-                      default: a(() => [...e[6] || (e[6] = [
+                      default: r(() => [...e[6] || (e[6] = [
                         T(" Delete ", -1)
                       ])]),
                       _: 1
                     })
-                  ], 64)) : (u(), p(t(x), {
+                  ], 64)) : (i(), p(t(x), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
                     size: "sm",
@@ -137,9 +140,9 @@ const P = {
                       })
                     ))
                   }, {
-                    default: a(() => [
-                      e[7] || (e[7] = f("span", null, "Select File", -1)),
-                      i(t(w), {
+                    default: r(() => [
+                      e[7] || (e[7] = c("span", null, "Select File", -1)),
+                      u(t(w), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
@@ -148,24 +151,25 @@ const P = {
                     ]),
                     _: 1
                   }))
-                ])) : o.value === "multipart/form-data" || o.value === "application/x-www-form-urlencoded" ? (u(), p(U, {
+                ])) : o.value === "multipart/form-data" || o.value === "application/x-www-form-urlencoded" ? (i(), p(z, {
                   key: 2,
-                  environment: r.environment,
+                  bodySchema: j.value,
+                  environment: a.environment,
                   example: s.value,
                   selectedContentType: o.value,
                   "onUpdate:formValue": e[3] || (e[3] = (l) => m("update:formValue", {
                     payload: l,
                     contentType: o.value
                   }))
-                }, null, 8, ["environment", "example", "selectedContentType"])) : (u(), p(t(L), {
+                }, null, 8, ["bodySchema", "environment", "example", "selectedContentType"])) : (i(), p(t(P), {
                   key: 3,
                   class: "border-t px-3",
                   content: "",
-                  environment: r.environment,
-                  language: N[o.value] ?? "plaintext",
+                  environment: a.environment,
+                  language: h[o.value] ?? "plaintext",
                   lineNumbers: "",
                   lint: "",
-                  modelValue: j.value,
+                  modelValue: N.value,
                   "onUpdate:modelValue": e[4] || (e[4] = (l) => m("update:value", {
                     payload: l,
                     contentType: o.value
@@ -183,5 +187,5 @@ const P = {
   }
 });
 export {
-  re as default
+  me as default
 };

package/dist/v2/blocks/request-block/components/RequestBodyForm.vue.d.ts

@@ -1,7 +1,9 @@
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
-import type { ExampleObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { ExampleObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     example: ExampleObject | undefined | null;
+    /** Resolved schema for the form body so the table can show enums and validation per field */
+    bodySchema?: SchemaObject;
     selectedContentType: string;
     environment: XScalarEnvironment;
 };

package/dist/v2/blocks/request-block/components/RequestBodyForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodyForm.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyForm.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAOjG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI,CAAA;IACzC,mBAAmB,EAAE,MAAM,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AA0KF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestBodyForm.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyForm.vue"],"names":[],"mappings":"AAoIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACb,MAAM,8DAA8D,CAAA;AAQrE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI,CAAA;IACzC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,YAAY,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAmLF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}