@scalar/api-client 2.15.0 → 2.17.0

package/dist/v2/blocks/operation-code-sample/index.d.ts

@@ -3,5 +3,5 @@ export { default as OperationCodeSample } from './components/OperationCodeSample
 export { DEFAULT_CLIENT, findClient, isClient } from './helpers/find-client.js';
 export { generateClientOptions } from './helpers/generate-client-options.js';
 export { getExampleFromSchema } from './helpers/get-example-from-schema.js';
-export type { ClientOption, ClientOptionGroup } from './types';
+export type { ClientOption, ClientOptionGroup, CustomClientOption, CustomClientOptionGroup } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/blocks/operation-code-sample/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-code-sample/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-code-sample/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA"}

package/dist/v2/blocks/operation-code-sample/types.d.ts

@@ -26,4 +26,20 @@ export type ClientOptionGroup = Omit<ScalarComboboxOptionGroup, 'options'> & {
     /** Array of client options that belong to this group */
     options: ClientOption[];
 };
+/** Better type safety when we have custom clients in the selector */
+export type CustomClientOption = ScalarComboboxOption & {
+    /** A custom ID */
+    id: `custom/${string}`;
+    /** Programming language or tool for code generation (e.g., 'javascript', 'python', 'curl') */
+    lang: TargetId | 'curl' | 'plaintext';
+    /** Title shows when the client is selected in the dropdown */
+    title: string;
+    /** Client key for the client */
+    clientKey: 'custom';
+};
+/** Augments the base combobox option group with CustomClientOptions */
+export type CustomClientOptionGroup = Omit<ScalarComboboxOptionGroup, 'options'> & {
+    /** Array of client options that belong to this group */
+    options: (ClientOption | CustomClientOption)[];
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/v2/blocks/operation-code-sample/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-code-sample/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAA;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE5E;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG;IAChD,yBAAyB;IACzB,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC5B,8FAA8F;IAC9F,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACrC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,SAAS,EAAE,QAAQ,CAAA;IACnB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,gCAAgC;IAChC,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;CAC9B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAG;IAC3E,wDAAwD;IACxD,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-code-sample/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAA;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE5E;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG;IAChD,yBAAyB;IACzB,EAAE,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC5B,8FAA8F;IAC9F,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACrC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,SAAS,EAAE,QAAQ,CAAA;IACnB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAA;IACnB,gCAAgC;IAChC,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;CAC9B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAG;IAC3E,wDAAwD;IACxD,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,CAAA;AAED,qEAAqE;AACrE,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD,kBAAkB;IAClB,EAAE,EAAE,UAAU,MAAM,EAAE,CAAA;IACtB,8FAA8F;IAC9F,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACrC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,SAAS,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,uEAAuE;AACvE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAG;IACjF,wDAAwD;IACxD,OAAO,EAAE,CAAC,YAAY,GAAG,kBAAkB,CAAC,EAAE,CAAA;CAC/C,CAAA"}

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

@@ -1,24 +1,29 @@
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { AuthMeta } from '@scalar/workspace-store/mutators';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { OpenApiDocument, OperationObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { ClientLayout } from '../../../hooks/index.js';
-import type { ClientPlugin } from '../../../v2/plugins';
+import type { ClientOptionGroup } from '../../../v2/blocks/operation-code-sample/index.js';
+import type { ClientPlugin } from '../../../v2/helpers/plugins.js';
 type __VLS_Props = {
+    authMeta: AuthMeta;
+    clientOptions: ClientOptionGroup[];
+    environment: XScalarEnvironment;
+    eventBus: WorkspaceEventBus;
+    exampleKey: string;
+    layout: ClientLayout;
     method: HttpMethod;
-    path: string;
     operation: OperationObject;
-    authMeta?: AuthMeta;
-    exampleKey: string;
+    path: string;
+    plugins: ClientPlugin[];
+    proxyUrl: string;
+    securityRequirements: OpenApiDocument['security'];
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
+    selectedClient: WorkspaceStore['workspace']['x-scalar-default-client'];
     selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
-    security: OpenApiDocument['security'];
-    server?: ServerObject;
-    layout: ClientLayout;
-    plugins?: ClientPlugin[];
-    eventBus: WorkspaceEventBus;
-    environment: XScalarEnvironment;
+    server: ServerObject | null;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/request-block/RequestBlock.vue"],"names":[],"mappings":"AAoZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAM3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAWhD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;AAohBF,wBAMG"}
+{"version":3,"file":"RequestBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/request-block/RequestBlock.vue"],"names":[],"mappings":"AAkcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAO1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAWxD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,YAAY,CAAA;IACpB,MAAM,EAAE,UAAU,CAAA;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,oBAAoB,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACjD,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,cAAc,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,yBAAyB,CAAC,CAAA;IACtE,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B,CAAC;;AA2kBF,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestBlock.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-753ab733"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b56a6b2"]]);
 export {
   m as default
 };

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

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