@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,20 +1,21 @@
-import { defineComponent as D, computed as u, ref as Q, useId as r, watch as j, createBlock as k, openBlock as s, withCtx as w, createElementVNode as K, withDirectives as m, createElementBlock as f, createVNode as i, unref as y, vShow as d, mergeProps as B, toHandlers as S, Fragment as M, renderList as L, createCommentVNode as T, resolveDynamicComponent as z, toDisplayString as G } from "vue";
-import { ScalarErrorBoundary as X } from "@scalar/components";
-import { canMethodHaveBody as b } from "@scalar/helpers/http/can-method-have-body";
-import { REGEX as J } from "@scalar/helpers/regex/regex-helpers";
-import { getResolvedRef as V } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import W from "../../../components/SectionFilter.vue.js";
-import Y from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import Z from "./components/RequestBody.vue.js";
-import _ from "./components/RequestCodeSnippet.vue.js";
-import q from "./components/RequestParams.vue.js";
-import { createParameterHandlers as R } from "./helpers/create-parameter-handlers.js";
-import { groupBy as ee } from "./helpers/group-by.js";
-import te from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
-const oe = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ae = ["for"], ne = ["id", "placeholder", "value"], le = {
+import { defineComponent as $, computed as m, ref as F, useId as u, watch as Q, createBlock as b, openBlock as s, withCtx as k, createElementVNode as A, withDirectives as d, createElementBlock as x, createVNode as i, unref as c, vShow as y, mergeProps as B, toHandlers as S, Fragment as j, renderList as D, createCommentVNode as w, resolveDynamicComponent as M, toDisplayString as L } from "vue";
+import { ScalarErrorBoundary as z } from "@scalar/components";
+import { canMethodHaveBody as C } from "@scalar/helpers/http/can-method-have-body";
+import { REGEX as G } from "@scalar/helpers/regex/regex-helpers";
+import { getResolvedRef as R } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { unpackProxyObject as X } from "@scalar/workspace-store/helpers/unpack-proxy";
+import J from "../../../components/SectionFilter.vue.js";
+import W from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import Y from "./components/RequestBody.vue.js";
+import Z from "./components/RequestCodeSnippet.vue.js";
+import p from "./components/RequestParams.vue.js";
+import { createParameterHandlers as q } from "./helpers/create-parameter-handlers.js";
+import { groupBy as _ } from "./helpers/group-by.js";
+import ee from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
+const te = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ae = ["for"], le = ["id", "placeholder", "value"], ne = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, re = ["id", "role"], qe = /* @__PURE__ */ D({
+}, oe = ["id", "role"], pe = /* @__PURE__ */ $({
   __name: "RequestBlock",
   props: {
     selectedSecurity: {},
@@ -35,133 +36,128 @@ const oe = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
     selectedSecuritySchemes: {},
     server: {}
   },
-  setup(t) {
-    const o = u(() => ({
-      method: t.method,
-      path: t.path,
-      exampleKey: t.exampleKey
-    })), c = u(
-      () => ee(
-        t.operation.parameters?.map((e) => V(e)) ?? [],
+  setup(e) {
+    const l = m(() => ({
+      method: e.method,
+      path: e.path,
+      exampleKey: e.exampleKey
+    })), v = m(
+      () => _(
+        e.operation.parameters?.map((t) => R(t)) ?? [],
         "in"
       )
-    ), a = Q("All"), O = [
+    ), n = F("All"), U = [
       "Auth",
       "Variables",
       "Cookies",
       "Headers",
       "Query",
       "Body"
-    ], U = {
-      All: r(),
-      Auth: r(),
-      Variables: r(),
-      Cookies: r(),
-      Headers: r(),
-      Query: r(),
-      Body: r()
-    }, A = u(() => {
-      const e = /* @__PURE__ */ new Set(["All", ...O]);
-      return c.value.path?.length || e.delete("Variables"), b(t.method) || e.delete("Body"), g.value && e.delete("Auth"), [...e];
-    }), n = u(
+    ], P = {
+      All: u(),
+      Auth: u(),
+      Variables: u(),
+      Cookies: u(),
+      Headers: u(),
+      Query: u(),
+      Body: u()
+    }, V = m(() => {
+      const t = /* @__PURE__ */ new Set(["All", ...U]);
+      return v.value.path?.length || t.delete("Variables"), C(e.method) || t.delete("Body"), g.value && t.delete("Auth"), [...t];
+    }), o = m(
       () => Object.fromEntries(
-        A.value.map((e) => [e, U[e]])
+        V.value.map((t) => [t, P[t]])
       )
-    ), g = u(
-      () => t.layout === "modal" && !t.operation.security && !Object.keys(t.securitySchemes ?? {}).length
-    ), E = u(() => t.operation.summary ? t.operation.summary : t.path.replace(J.PROTOCOL, "") || "Request Name"), v = (e) => a.value === "All" || a.value === e;
-    j(
-      () => t.method,
-      (e) => {
-        a.value === "Body" && !b(e) && (a.value = "All");
+    ), g = m(
+      () => e.layout === "modal" && !e.operation.security && !Object.keys(e.securitySchemes ?? {}).length
+    ), E = m(() => e.operation.summary ? e.operation.summary : e.path.replace(G.PROTOCOL, "") || "Request Name"), h = (t) => n.value === "All" || n.value === t;
+    Q(
+      () => e.method,
+      (t) => {
+        n.value === "Body" && !C(t) && (n.value = "All");
       }
     );
-    const H = (e) => {
-      const l = e.target.value;
-      t.eventBus.emit("operation:update:summary", {
-        meta: o.value,
-        payload: { summary: l }
+    const H = (t) => {
+      const a = t.target.value;
+      e.eventBus.emit("operation:update:summary", {
+        meta: l.value,
+        payload: { summary: a }
       });
-    }, p = u(() => ({
-      path: R("path", t.eventBus, o.value),
-      cookie: R("cookie", t.eventBus, o.value),
-      header: R("header", t.eventBus, o.value),
-      query: R("query", t.eventBus, o.value)
-    })), P = (e) => {
-      t.eventBus.emit("operation:add:requestBody:formRow", {
-        contentType: e.contentType,
-        meta: o.value,
-        payload: {
-          key: e.data.key ?? "",
-          value: e.data.value ?? ""
-        }
-      });
-    }, I = (e) => t.eventBus.emit("operation:delete:requestBody:formRow", {
-      contentType: e.contentType,
-      index: e.index,
-      meta: o.value
-    }), N = (e) => t.eventBus.emit("operation:update:requestBody:contentType", {
-      payload: { contentType: e.value },
-      meta: o.value
-    }), $ = (e) => t.eventBus.emit(
-      "operation:update:requestBody:formRow",
-      {
-        contentType: e.contentType,
-        meta: o.value,
-        index: e.index,
-        payload: e.data
-      },
-      {
-        debounceKey: `update:requestBody:formRow-${e.index}-${Object.keys(e.data).join("-")}`
-      }
-    ), x = (e) => {
-      const l = typeof e.value == "string" ? `update:requestBody:value-${e.contentType}` : void 0;
-      t.eventBus.emit(
+    }, f = m(() => ({
+      path: q("path", e.eventBus, l.value),
+      cookie: q("cookie", e.eventBus, l.value),
+      header: q("header", e.eventBus, l.value),
+      query: q("query", e.eventBus, l.value)
+    })), I = (t) => e.eventBus.emit("operation:update:requestBody:contentType", {
+      payload: { contentType: t.value },
+      meta: l.value
+    }), N = ({
+      payload: t,
+      contentType: a
+    }) => {
+      const r = typeof t == "string" ? `update:requestBody:value-${a}` : void 0;
+      e.eventBus.emit(
         "operation:update:requestBody:value",
         {
-          contentType: e.contentType,
-          payload: { value: e.value ?? "" },
-          meta: o.value
+          payload: t,
+          contentType: a,
+          meta: l.value
+        },
+        {
+          debounceKey: r
+        }
+      );
+    }, T = ({
+      payload: t,
+      contentType: a
+    }) => {
+      const r = `update:requestBody:${a}-form-value`;
+      e.eventBus.emit(
+        "operation:update:requestBody:formValue",
+        {
+          payload: t.map((K) => X(K, { depth: 1 })),
+          contentType: a,
+          meta: l.value
         },
         {
-          debounceKey: l
+          debounceKey: r
         }
       );
-    }, C = r();
-    return (e, l) => (s(), k(Y, {
+    }, O = u();
+    return (t, a) => (s(), b(W, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: w(() => [
-        K("div", oe, [
-          e.layout !== "modal" ? (s(), f("label", {
+      title: k(() => [
+        A("div", te, [
+          e.layout !== "modal" ? (s(), x("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-            for: y(C)
-          }, null, 8, ae)) : T("", !0),
-          e.layout !== "modal" ? (s(), f("input", {
+            for: c(O)
+          }, null, 8, ae)) : w("", !0),
+          e.layout !== "modal" ? (s(), x("input", {
             key: 1,
-            id: y(C),
+            id: c(O),
             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: E.value,
             value: e.operation.summary,
             onInput: H
-          }, null, 40, ne)) : (s(), f("span", le, G(e.operation.summary), 1))
+          }, null, 40, le)) : (s(), x("span", ne, L(e.operation.summary), 1))
         ]),
-        i(W, {
-          modelValue: a.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (h) => a.value = h),
-          filterIds: n.value,
-          filters: A.value
+        i(J, {
+          modelValue: n.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+          filterIds: o.value,
+          filters: V.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: w(() => [
-        K("div", {
-          id: n.value.All,
+      default: k(() => [
+        A("div", {
+          id: o.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
-          role: a.value === "All" ? "tabpanel" : "none"
+          role: n.value === "All" ? "tabpanel" : "none"
         }, [
-          m(i(y(te), {
-            id: n.value.Auth,
+          d(i(c(ee), {
+            id: o.value.Auth,
             environment: e.environment,
             eventBus: e.eventBus,
             meta: e.authMeta,
@@ -173,72 +169,70 @@ const oe = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             server: e.server,
             title: "Authentication"
           }, null, 8, ["id", "environment", "eventBus", "meta", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "selectedSecuritySchemes", "server"]), [
-            [d, v("Auth") && !g.value]
+            [y, h("Auth") && !g.value]
           ]),
-          m(i(q, B({
-            id: n.value.Variables,
+          d(i(p, B({
+            id: o.value.Variables,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            parameters: c.value.path ?? [],
+            parameters: v.value.path ?? [],
             showAddRowPlaceholder: !1,
             title: "Variables"
-          }, S(p.value.path)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
-            [d, v("Variables") && c.value.path?.length]
+          }, S(f.value.path)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
+            [y, h("Variables") && v.value.path?.length]
           ]),
-          m(i(q, B({
-            id: n.value.Cookies,
+          d(i(p, B({
+            id: o.value.Cookies,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            parameters: c.value.cookie ?? [],
+            parameters: v.value.cookie ?? [],
             showAddRowPlaceholder: !0,
             title: "Cookies"
-          }, S(p.value.cookie)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
-            [d, v("Cookies")]
+          }, S(f.value.cookie)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
+            [y, h("Cookies")]
           ]),
-          m(i(q, B({
-            id: n.value.Headers,
+          d(i(p, B({
+            id: o.value.Headers,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            parameters: c.value.header ?? [],
+            parameters: v.value.header ?? [],
             title: "Headers"
-          }, S(p.value.header)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
-            [d, v("Headers")]
+          }, S(f.value.header)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
+            [y, h("Headers")]
           ]),
-          m(i(q, B({
-            id: n.value.Query,
+          d(i(p, B({
+            id: o.value.Query,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            parameters: c.value.query ?? [],
+            parameters: v.value.query ?? [],
             title: "Query Parameters"
-          }, S(p.value.query)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
-            [d, v("Query")]
+          }, S(f.value.query)), null, 16, ["id", "environment", "exampleKey", "parameters"]), [
+            [y, h("Query")]
           ]),
-          m(i(Z, {
-            id: n.value.Body,
+          d(i(Y, {
+            id: o.value.Body,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            requestBody: y(V)(e.operation.requestBody),
+            requestBody: c(R)(e.operation.requestBody),
             title: "Request Body",
-            "onAdd:formRow": P,
-            "onDelete:fromRow": I,
-            "onUpdate:contentType": N,
-            "onUpdate:formRow": $,
-            "onUpdate:value": x
+            "onUpdate:contentType": I,
+            "onUpdate:formValue": T,
+            "onUpdate:value": N
           }, null, 8, ["id", "environment", "exampleKey", "requestBody"]), [
-            [d, v("Body") && y(b)(e.method)]
+            [y, h("Body") && c(C)(e.method)]
           ]),
-          (s(!0), f(M, null, L(e.plugins, (h, F) => (s(), k(y(X), { key: F }, {
-            default: w(() => [
-              h?.components?.request ? (s(), k(z(h.components.request), {
+          (s(!0), x(j, null, D(e.plugins, (r, K) => (s(), b(c(z), { key: K }, {
+            default: k(() => [
+              r?.components?.request ? (s(), b(M(r.components.request), {
                 key: 0,
                 operation: e.operation,
                 selectedExample: e.exampleKey
-              }, null, 8, ["operation", "selectedExample"])) : T("", !0)
+              }, null, 8, ["operation", "selectedExample"])) : w("", !0)
             ]),
             _: 2
           }, 1024))), 128)),
-          l[1] || (l[1] = K("div", { class: "flex flex-grow" }, null, -1)),
-          m(i(_, {
+          a[1] || (a[1] = A("div", { class: "flex flex-grow" }, null, -1)),
+          d(i(Z, {
             clientOptions: e.clientOptions,
             eventBus: e.eventBus,
             method: e.method,
@@ -246,16 +240,17 @@ const oe = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             path: e.path,
             securitySchemes: e.selectedSecuritySchemes,
             selectedClient: e.selectedClient,
+            selectedContentType: c(R)(e.operation.requestBody)?.["x-scalar-selected-content-type"]?.[e.exampleKey],
             selectedServer: e.server ?? void 0
-          }, null, 8, ["clientOptions", "eventBus", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedServer"]), [
-            [d, a.value === "All"]
+          }, null, 8, ["clientOptions", "eventBus", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedContentType", "selectedServer"]), [
+            [y, n.value === "All"]
           ])
-        ], 8, re)
+        ], 8, oe)
       ]),
       _: 1
     }, 8, ["aria-label"]));
   }
 });
 export {
-  qe as default
+  pe as default
 };

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

@@ -11,61 +11,41 @@ type __VLS_Props = {
     environment: XScalarEnvironment;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:formValue": (payload: Pick<{
+        payload: {
+            name: string;
+            value: string | File;
+            isDisabled: boolean;
+        }[];
+        contentType: string;
+        meta: import("@scalar/workspace-store/mutators").OperationExampleMeta;
+    }, "payload" | "contentType">) => any;
     "update:contentType": (payload: {
         value: string;
     }) => any;
-    "update:value": (payload: {
-        value?: string | File;
+    "update:value": (payload: Pick<{
+        payload: string | File | undefined;
         contentType: string;
-    }) => any;
-    "add:formRow": (payload: {
-        data: Partial<{
-            key: string;
-            value?: string | File;
-        }>;
-        contentType: string;
-    }) => any;
-    "update:formRow": (payload: {
-        index: number;
-        data: Partial<{
-            key: string;
-            value: string | File | null;
+        meta: import("@scalar/workspace-store/mutators").OperationExampleMeta;
+    }, "payload" | "contentType">) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:formValue"?: ((payload: Pick<{
+        payload: {
+            name: string;
+            value: string | File;
             isDisabled: boolean;
-        }>;
-        contentType: string;
-    }) => any;
-    "delete:fromRow": (payload: {
-        index: number;
+        }[];
         contentType: string;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+        meta: import("@scalar/workspace-store/mutators").OperationExampleMeta;
+    }, "payload" | "contentType">) => any) | undefined;
     "onUpdate:contentType"?: ((payload: {
         value: string;
     }) => any) | undefined;
-    "onUpdate:value"?: ((payload: {
-        value?: string | File;
-        contentType: string;
-    }) => any) | undefined;
-    "onAdd:formRow"?: ((payload: {
-        data: Partial<{
-            key: string;
-            value?: string | File;
-        }>;
+    "onUpdate:value"?: ((payload: Pick<{
+        payload: string | File | undefined;
         contentType: string;
-    }) => any) | undefined;
-    "onUpdate:formRow"?: ((payload: {
-        index: number;
-        data: Partial<{
-            key: string;
-            value: string | File | null;
-            isDisabled: boolean;
-        }>;
-        contentType: string;
-    }) => any) | undefined;
-    "onDelete:fromRow"?: ((payload: {
-        index: number;
-        contentType: string;
-    }) => any) | undefined;
+        meta: import("@scalar/workspace-store/mutators").OperationExampleMeta;
+    }, "payload" | "contentType">) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=RequestBody.vue.d.ts.map

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":"AAuXA,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;;;eAI4C,MAAM;;;gBAI7B,MAAM,GAAG,IAAI;qBAAe,MAAM;;;cAM7C,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAC;qBACxC,MAAM;;;eAMZ,MAAM;cACP,OAAO,CAAC;YACZ,GAAG,EAAE,MAAM,CAAA;YACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;YAC3B,UAAU,EAAE,OAAO,CAAA;SACpB,CAAC;qBACW,MAAM;;;eAGiB,MAAM;qBAAe,MAAM;;;;eA1BvB,MAAM;;;gBAI7B,MAAM,GAAG,IAAI;qBAAe,MAAM;;;cAM7C,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAC;qBACxC,MAAM;;;eAMZ,MAAM;cACP,OAAO,CAAC;YACZ,GAAG,EAAE,MAAM,CAAA;YACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;YAC3B,UAAU,EAAE,OAAO,CAAA;SACpB,CAAC;qBACW,MAAM;;;eAGiB,MAAM;qBAAe,MAAM;;;AAqlBrE,wBAOG"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBody.vue"],"names":[],"mappings":"AA8RA,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;;;;;;;;;;;;eAI4C,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;;AA8epD,wBAOG"}

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cbed7b55"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0a6f7696"]]);
 export {
-  p as default
+  f as default
 };