@scalar/api-client 2.17.2 → 2.17.4

package/dist/v2/blocks/operation-block/helpers/send-request.js

@@ -1,36 +1,36 @@
 import { httpStatusCodes as S } from "@scalar/helpers/http/http-status-codes";
-import { normalizeError as b, ERRORS as x } from "../../../../libs/errors.js";
-import { normalizeHeaders as D } from "../../../../libs/normalize-headers.js";
+import { normalizeError as b, ERRORS as q } from "../../../../libs/errors.js";
+import { normalizeHeaders as x } from "../../../../libs/normalize-headers.js";
 import { executeHook as f } from "../../../helpers/plugins.js";
-import { decodeBuffer as E } from "./decode-buffer.js";
+import { decodeBuffer as D } from "./decode-buffer.js";
 import { getCookieHeaderKeys as T } from "./get-cookie-header-keys.js";
-const H = [204, 205, 304], v = async ({
+const E = [204, 205, 304], v = async ({
   isUsingProxy: t,
-  operation: o,
+  operation: r,
   request: i,
   plugins: n
 }) => {
   try {
-    const s = await f(i, "beforeRequest", n), m = Date.now(), e = await fetch(s), a = Date.now(), c = a - m, d = e.headers.get("content-type"), r = D(e.headers, t), u = new URL(e.url), h = u.pathname + u.search, p = e.statusText || S[e.status]?.name || "", l = s.method, y = H.includes(e.status);
-    return d?.startsWith("text/event-stream") && e.body ? k({
+    const { request: s } = await f({ request: i }, "beforeRequest", n), m = Date.now(), e = await fetch(s), a = Date.now(), c = a - m, d = e.headers.get("content-type"), o = x(e.headers, t), u = new URL(e.url), h = u.pathname + u.search, p = e.statusText || S[e.status]?.name || "", l = s.method, y = E.includes(e.status);
+    return d?.startsWith("text/event-stream") && e.body ? H({
       response: e,
       modifiedRequest: s,
-      operation: o,
+      operation: r,
       plugins: n,
       endTime: a,
       duration: c,
-      responseHeaders: r,
+      responseHeaders: o,
       statusText: p,
       method: l,
       fullPath: h
-    }) : q({
+    }) : k({
       response: e,
       modifiedRequest: s,
-      operation: o,
+      operation: r,
       plugins: n,
       endTime: a,
       duration: c,
-      responseHeaders: r,
+      responseHeaders: o,
       statusText: p,
       method: l,
       fullPath: h,
@@ -38,11 +38,11 @@ const H = [204, 205, 304], v = async ({
       shouldSkipBody: y
     });
   } catch (s) {
-    return [b(s, x.REQUEST_FAILED), null];
+    return [b(s, q.REQUEST_FAILED), null];
   }
-}, k = async ({
+}, H = async ({
   response: t,
-  modifiedRequest: o,
+  modifiedRequest: r,
   operation: i,
   plugins: n,
   endTime: s,
@@ -52,20 +52,20 @@ const H = [204, 205, 304], v = async ({
   method: c,
   fullPath: d
 }) => {
-  const r = new Response(null, {
+  const o = new Response(null, {
     status: t.status,
     statusText: a,
     headers: t.headers
   });
-  await f({ response: r, request: o, operation: i }, "responseReceived", n);
-  const u = T(r.headers);
+  await f({ response: o, request: r, operation: i }, "responseReceived", n);
+  const u = T(o.headers);
   return [
     null,
     {
       timestamp: s,
-      request: o,
+      request: r,
       response: {
-        ...r,
+        ...o,
         headers: e,
         cookieHeaderKeys: u,
         reader: t.body.getReader(),
@@ -75,9 +75,9 @@ const H = [204, 205, 304], v = async ({
       }
     }
   ];
-}, q = async ({
+}, k = async ({
   response: t,
-  modifiedRequest: o,
+  modifiedRequest: r,
   operation: i,
   plugins: n,
   endTime: s,
@@ -86,21 +86,21 @@ const H = [204, 205, 304], v = async ({
   statusText: a,
   method: c,
   fullPath: d,
-  contentType: r,
+  contentType: o,
   shouldSkipBody: u
 }) => {
-  const p = await t.clone().arrayBuffer(), y = E(p, r ?? "text/plain;charset=UTF-8"), R = new Response(u ? null : p, {
+  const p = await t.clone().arrayBuffer(), y = D(p, o ?? "text/plain;charset=UTF-8"), R = new Response(u ? null : p, {
     status: t.status,
     statusText: a,
     headers: t.headers
   });
-  await f({ response: R, request: o, operation: i }, "responseReceived", n);
+  await f({ response: R, request: r, operation: i }, "responseReceived", n);
   const w = T(R.headers);
   return [
     null,
     {
       timestamp: s,
-      request: o,
+      request: r,
       response: {
         ...R,
         headers: e,

package/dist/v2/blocks/operation-block/index.d.ts

@@ -1,2 +1,3 @@
+export { getSecuritySchemes } from './helpers/build-request-security.js';
 export { default as OperationBlock } from './OperationBlock.vue.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/v2/blocks/operation-block/index.js

@@ -1,4 +1,6 @@
-import { default as e } from "./OperationBlock.vue.js";
+import { getSecuritySchemes as r } from "./helpers/build-request-security.js";
+import { default as a } from "./OperationBlock.vue.js";
 export {
-  e as OperationBlock
+  a as OperationBlock,
+  r as getSecuritySchemes
 };

package/dist/v2/blocks/operation-code-sample/components/OperationCodeSample.vue.d.ts

@@ -1,5 +1,6 @@
 import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
 import { type AvailableClients } from '@scalar/snippetz';
+import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { OperationObject, SecuritySchemeObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { ClientOptionGroup } from '../../../../v2/blocks/operation-code-sample/types';
 export type OperationCodeSampleProps = {
@@ -16,7 +17,7 @@ export type OperationCodeSampleProps = {
     /**
      * Which server from the spec to use for the code example
      */
-    selectedServer?: ServerObject | undefined;
+    selectedServer?: ServerObject | null;
     /**
      * The selected content type from the requestBody.content, this will determine which examples are available
      * as well as the content type of the code example
@@ -53,10 +54,14 @@ export type OperationCodeSampleProps = {
      * ```
      */
     selectedExample?: string;
+    /**
+     * Event bus
+     */
+    eventBus: WorkspaceEventBus;
     /**
      * The security schemes which are applicable to this operation
      */
-    securitySchemes?: SecuritySchemeObject[];
+    securitySchemes: SecuritySchemeObject[];
     /**
      * HTTP method of the operation
      */
@@ -88,8 +93,8 @@ export type OperationCodeSampleProps = {
  * The core component for rendering a request example block,
  * this component does not have much of its own state but operates on props and custom events
  *
- * @event scalar-update-selected-client - Emitted when the selected client changes
- * @event scalar-update-selected-example - Emitted when the selected example changes
+ * @event workspace:update:selected-client - Emitted when the selected client changes
+ * @event scalar-update-selected-example - removed for now, we can bring it back when we need it
  */
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<OperationCodeSampleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OperationCodeSampleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     header: () => unknown;

package/dist/v2/blocks/operation-code-sample/components/OperationCodeSample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCodeSample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/components/OperationCodeSample.vue"],"names":[],"mappings":"AA4bA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGxD,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AASrE,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,yCAAyC,CAAA;AAMhD,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACxC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,eAAe,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,MAAM,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;GAQG;;YAkBO,MAAM,OAAO;YACb,MAAM,OAAO;;AAlBvB,wBA2gBC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"OperationCodeSample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/components/OperationCodeSample.vue"],"names":[],"mappings":"AA0bA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AASrE,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,yCAAyC,CAAA;AAMhD,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACpC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;OAEG;IACH,eAAe,EAAE,oBAAoB,EAAE,CAAA;IACvC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,eAAe,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,MAAM,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;GAQG;;YAmBO,MAAM,OAAO;YACb,MAAM,OAAO;;AAnBvB,wBAufC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/blocks/operation-code-sample/components/OperationCodeSample.vue.js

@@ -1,7 +1,7 @@
 import o from "./OperationCodeSample.vue2.js";
 /* empty css                         */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c4b269b"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a3bf456d"]]);
 export {
   e as default
 };

package/dist/v2/blocks/operation-code-sample/components/OperationCodeSample.vue2.js

@@ -1,29 +1,29 @@
-import { defineComponent as D, computed as a, ref as C, watch as I, useId as N, createBlock as i, createCommentVNode as f, openBlock as s, unref as o, withCtx as n, createVNode as r, createSlots as W, createElementVNode as b, createElementBlock as x, renderSlot as y, createTextVNode as R, toDisplayString as z } from "vue";
-import { ScalarCard as S, ScalarCardHeader as U, ScalarCombobox as A, ScalarButton as F, ScalarCardSection as T, ScalarCodeBlock as M, ScalarVirtualText as K, ScalarCardFooter as Z } from "@scalar/components";
-import { freezeElement as G } from "@scalar/helpers/dom/freeze-element";
-import { ScalarIconCaretDown as J } from "@scalar/icons";
-import { emitCustomEvent as V } from "@scalar/workspace-store/events";
-import { getResolvedRef as P } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { operationToHar as Q } from "../helpers/operation-to-har/operation-to-har.js";
-import q from "./HttpMethod.vue.js";
-import { findClient as $ } from "../helpers/find-client.js";
-import { getClients as X } from "../helpers/get-clients.js";
-import { getCustomCodeSamples as Y } from "../helpers/get-custom-code-samples.js";
-import { getSecrets as _ } from "../helpers/get-secrets.js";
-import { generateCodeSnippet as ee } from "../helpers/generate-code-snippet.js";
-import te from "./ExamplePicker.vue.js";
-const le = ["innerHTML"], oe = ["id"], ae = {
+import { defineComponent as $, computed as a, ref as b, watch as D, useId as I, createBlock as c, createCommentVNode as d, openBlock as s, unref as o, withCtx as n, createVNode as r, createSlots as N, createElementVNode as C, createElementBlock as S, renderSlot as v, createTextVNode as W, toDisplayString as R } from "vue";
+import { ScalarCard as x, ScalarCardHeader as z, ScalarCombobox as U, ScalarButton as A, ScalarCardSection as T, ScalarCodeBlock as F, ScalarVirtualText as M, ScalarCardFooter as K } from "@scalar/components";
+import { freezeElement as Z } from "@scalar/helpers/dom/freeze-element";
+import { ScalarIconCaretDown as G } from "@scalar/icons";
+import { getResolvedRef as J } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { operationToHar as P } from "../helpers/operation-to-har/operation-to-har.js";
+import V from "./HttpMethod.vue.js";
+import { findClient as q } from "../helpers/find-client.js";
+import { getClients as Q } from "../helpers/get-clients.js";
+import { getCustomCodeSamples as X } from "../helpers/get-custom-code-samples.js";
+import { getSecrets as Y } from "../helpers/get-secrets.js";
+import { generateCodeSnippet as _ } from "../helpers/generate-code-snippet.js";
+import ee from "./ExamplePicker.vue.js";
+const te = ["innerHTML"], le = ["id"], oe = {
   key: 0,
   class: "request-card-footer-addon"
-}, ne = { class: "request-header" }, se = {}, ge = /* @__PURE__ */ D({
-  ...se,
+}, ae = { class: "request-header" }, ne = {}, be = /* @__PURE__ */ $({
+  ...ne,
   __name: "OperationCodeSample",
   props: {
     clientOptions: {},
     selectedClient: {},
-    selectedServer: { default: () => ({ url: "/" }) },
+    selectedServer: { default: null },
     selectedContentType: {},
     selectedExample: {},
+    eventBus: {},
     securitySchemes: { default: () => [] },
     method: {},
     path: {},
@@ -33,36 +33,36 @@ const le = ["innerHTML"], oe = ["id"], ae = {
     isWebhook: { type: Boolean }
   },
   setup(t) {
-    const d = a(() => {
-      const e = P(t.operation.requestBody)?.content ?? {}, l = t.selectedContentType || Object.keys(e)[0];
+    const i = a(() => {
+      const e = J(t.operation.requestBody)?.content ?? {}, l = t.selectedContentType || Object.keys(e)[0];
       return l ? e[l]?.examples ?? {} : {};
-    }), p = C(
-      t.selectedExample ?? Object.keys(d.value)[0] ?? ""
-    ), g = a(() => Y(t.operation)), h = a(
-      () => X(g.value, t.clientOptions)
-    ), u = C(
-      $(h.value, t.selectedClient)
+    }), m = b(
+      t.selectedExample ?? Object.keys(i.value)[0] ?? ""
+    ), g = a(() => X(t.operation)), f = a(
+      () => Q(g.value, t.clientOptions)
+    ), u = b(
+      q(f.value, t.selectedClient)
     );
-    I(
+    D(
       () => t.selectedClient,
       (e) => {
-        const l = $(h.value, e);
+        const l = q(f.value, e);
         l && (u.value = l);
       }
     );
-    const k = a(() => {
+    const y = a(() => {
       if (!t.isWebhook) return null;
       try {
-        return Q({
+        return P({
           operation: t.operation,
           method: t.method,
           path: t.path,
-          example: p.value
+          example: m.value
         });
       } catch (e) {
         return console.error("[webhookHar]", e), null;
       }
-    }), v = a(() => t.isWebhook ? k.value?.postData?.text ?? "" : ee({
+    }), h = a(() => t.isWebhook ? y.value?.postData?.text ?? "" : _({
       clientId: u.value?.id,
       customCodeSamples: g.value,
       operation: t.operation,
@@ -71,65 +71,65 @@ const le = ["innerHTML"], oe = ["id"], ae = {
       contentType: t.selectedContentType,
       server: t.selectedServer,
       securitySchemes: t.securitySchemes,
-      example: p.value
-    })), B = a(() => t.isWebhook ? E.value : u.value?.lang), E = a(() => {
-      if (!k.value?.postData) return "json";
-      const e = k.value.postData.mimeType;
+      example: m.value
+    })), B = a(() => t.isWebhook ? w.value : u.value?.lang), w = a(() => {
+      if (!y.value?.postData) return "json";
+      const e = y.value.postData.mimeType;
       return e?.includes("json") ? "json" : e?.includes("xml") ? "xml" : e?.includes("yaml") || e?.includes("yml") ? "yaml" : e?.includes("text/plain") ? "text" : "json";
-    }), O = a(() => _(t.securitySchemes)), m = C(null), j = (e) => {
-      if (m.value) {
-        const l = G(m.value.$el);
+    }), O = a(() => Y(t.securitySchemes)), k = b(null), j = (e) => {
+      if (k.value) {
+        const l = Z(k.value.$el);
         setTimeout(() => {
           l();
         }, 300);
       }
-      u.value = e, e.id.startsWith("custom") || V(m.value?.$el, "scalar-update-selected-client", e.id);
-    }, w = 2e4, H = a(
-      () => (v.value.length ?? 0) > w
-    ), L = N();
-    return (e, l) => v.value ? (s(), i(o(S), {
+      u.value = e, e && !e.id.startsWith("custom") && t.eventBus.emit("workspace:update:selected-client", e.id);
+    }, E = 2e4, H = a(
+      () => (h.value.length ?? 0) > E
+    ), L = I();
+    return (e, l) => h.value ? (s(), c(o(x), {
       key: 0,
       ref_key: "elem",
-      ref: m,
+      ref: k,
       class: "request-card dark-mode"
     }, {
       default: n(() => [
-        r(o(U), { class: "pr-2.5" }, W({
+        r(o(z), { class: "pr-2.5" }, N({
           default: n(() => [
-            l[3] || (l[3] = b("span", { class: "sr-only" }, "Request Example for", -1)),
-            r(q, {
+            l[2] || (l[2] = C("span", { class: "sr-only" }, "Request Example for", -1)),
+            r(V, {
               as: "span",
               class: "request-method",
               method: e.method
             }, null, 8, ["method"]),
-            e.generateLabel ? (s(), x("span", {
+            e.generateLabel ? (s(), S("span", {
               key: 0,
               innerHTML: e.generateLabel()
-            }, null, 8, le)) : f("", !0),
-            y(e.$slots, "header", {}, void 0, !0)
+            }, null, 8, te)) : d("", !0),
+            v(e.$slots, "header", {}, void 0, !0)
           ]),
           _: 2
         }, [
-          !e.isWebhook && h.value.length ? {
+          !e.isWebhook && f.value.length ? {
             name: "actions",
             fn: n(() => [
-              r(o(A), {
+              r(o(U), {
                 class: "max-h-80",
                 modelValue: u.value,
-                options: h.value,
+                options: f.value,
                 placement: "bottom-end",
                 teleport: "",
-                "onUpdate:modelValue": l[0] || (l[0] = (c) => j(c))
+                "onUpdate:modelValue": l[0] || (l[0] = (p) => j(p))
               }, {
                 default: n(() => [
-                  r(o(F), {
+                  r(o(A), {
                     class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5 py-0 text-base font-normal",
                     "data-testid": "client-picker",
                     variant: "ghost"
                   }, {
                     default: n(() => [
-                      R(z(u.value?.title) + " ", 1),
-                      r(o(J), {
+                      W(R(u.value?.title) + " ", 1),
+                      r(o(G), {
                         class: "ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",
                         weight: "bold"
                       })
@@ -145,78 +145,71 @@ const le = ["innerHTML"], oe = ["id"], ae = {
         ]), 1024),
         r(o(T), { class: "request-editor-section custom-scroll p-0" }, {
           default: n(() => [
-            b("div", {
+            C("div", {
               id: `${o(L)}-example`,
               class: "code-snippet"
             }, [
-              H.value ? (s(), i(o(K), {
+              H.value ? (s(), c(o(M), {
                 key: 1,
                 containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
                 contentClass: "language-plaintext whitespace-pre font-code text-base",
                 lineHeight: 20,
-                text: v.value
-              }, null, 8, ["text"])) : (s(), i(o(M), {
+                text: h.value
+              }, null, 8, ["text"])) : (s(), c(o(F), {
                 key: 0,
                 class: "bg-b-2 !min-h-full -outline-offset-2",
-                content: v.value,
+                content: h.value,
                 hideCredentials: O.value,
                 lang: B.value,
                 lineNumbers: ""
               }, null, 8, ["content", "hideCredentials", "lang"]))
-            ], 8, oe)
+            ], 8, le)
           ]),
           _: 1
         }),
-        Object.keys(d.value).length > 1 || e.$slots.footer ? (s(), i(o(Z), {
+        Object.keys(i.value).length > 1 || e.$slots.footer ? (s(), c(o(K), {
           key: 0,
           class: "request-card-footer bg-b-3"
         }, {
           default: n(() => [
-            Object.keys(d.value).length > 1 ? (s(), x("div", ae, [
-              Object.keys(d.value).length ? (s(), i(te, {
+            Object.keys(i.value).length > 1 ? (s(), S("div", oe, [
+              Object.keys(i.value).length ? (s(), c(ee, {
                 key: 0,
-                modelValue: p.value,
-                "onUpdate:modelValue": [
-                  l[1] || (l[1] = (c) => p.value = c),
-                  l[2] || (l[2] = (c) => o(V)(
-                    m.value?.$el,
-                    "scalar-update-selected-example",
-                    c
-                  ))
-                ],
-                examples: d.value
-              }, null, 8, ["modelValue", "examples"])) : f("", !0)
-            ])) : f("", !0),
-            y(e.$slots, "footer", {}, void 0, !0)
+                modelValue: m.value,
+                "onUpdate:modelValue": l[1] || (l[1] = (p) => m.value = p),
+                examples: i.value
+              }, null, 8, ["modelValue", "examples"])) : d("", !0)
+            ])) : d("", !0),
+            v(e.$slots, "footer", {}, void 0, !0)
           ]),
           _: 3
-        })) : f("", !0)
+        })) : d("", !0)
       ]),
       _: 3
-    }, 512)) : e.fallback ? (s(), i(o(S), {
+    }, 512)) : e.fallback ? (s(), c(o(x), {
       key: 1,
       class: "request-card dark-mode"
     }, {
       default: n(() => [
         r(o(T), { class: "request-card-simple" }, {
           default: n(() => [
-            b("div", ne, [
-              r(q, {
+            C("div", ae, [
+              r(V, {
                 as: "span",
                 class: "request-method",
                 method: e.method
               }, null, 8, ["method"]),
-              y(e.$slots, "header", {}, void 0, !0)
+              v(e.$slots, "header", {}, void 0, !0)
             ]),
-            y(e.$slots, "footer", {}, void 0, !0)
+            v(e.$slots, "footer", {}, void 0, !0)
           ]),
           _: 3
         })
       ]),
       _: 3
-    })) : f("", !0);
+    })) : d("", !0);
   }
 });
 export {
-  ge as default
+  be as default
 };

package/dist/v2/blocks/operation-code-sample/helpers/generate-code-snippet.d.ts

@@ -7,11 +7,11 @@ export type GenerateCodeSnippetProps = {
     /** The selected client/language for code generation (e.g., 'node/fetch') or a custom code sample ID. */
     clientId: AvailableClient | CustomCodeSampleId | undefined;
     /** The Content-Type header value for the request body (e.g., 'application/json'). */
-    contentType?: string | undefined;
+    contentType: string | undefined;
     /** Array of custom code samples defined in the OpenAPI x-codeSamples extension. */
     customCodeSamples: XCodeSample[];
     /** The specific example value to use when generating the code snippet. */
-    example?: string | undefined;
+    example: string | undefined;
     /** The HTTP method for the operation (e.g., GET, POST, PUT). */
     method: HttpMethod;
     /** The OpenAPI operation object containing request/response details. */
@@ -19,9 +19,9 @@ export type GenerateCodeSnippetProps = {
     /** The API endpoint path (e.g., '/users/{id}'). */
     path: string;
     /** Array of security schemes to apply to the request (e.g., API keys, OAuth). */
-    securitySchemes?: SecuritySchemeObject[] | undefined;
+    securitySchemes: SecuritySchemeObject[];
     /** The server object defining the base URL for the API request. */
-    server?: ServerObject | undefined;
+    server: ServerObject | null;
 };
 /** Generate the code snippet for the selected example OR operation */
 export declare const generateCodeSnippet: ({ clientId, customCodeSamples, operation, method, path, example, contentType, server, securitySchemes, }: GenerateCodeSnippetProps) => string;

package/dist/v2/blocks/operation-code-sample/helpers/generate-code-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-code-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/helpers/generate-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AACvF,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,EAAE,KAAK,kBAAkB,EAAoB,MAAM,2BAA2B,CAAA;AAErF,MAAM,MAAM,wBAAwB,GAAG;IACrC,wGAAwG;IACxG,QAAQ,EAAE,eAAe,GAAG,kBAAkB,GAAG,SAAS,CAAA;IAC1D,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,mFAAmF;IACnF,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,gEAAgE;IAChE,MAAM,EAAE,UAAU,CAAA;IAClB,wEAAwE;IACxE,SAAS,EAAE,eAAe,CAAA;IAC1B,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,eAAe,CAAC,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAA;IACpD,mEAAmE;IACnE,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CAClC,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,GAAI,0GAUjC,wBAAwB,KAAG,MAqC7B,CAAA"}
+{"version":3,"file":"generate-code-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/helpers/generate-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AACvF,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,EAAE,KAAK,kBAAkB,EAAoB,MAAM,2BAA2B,CAAA;AAErF,MAAM,MAAM,wBAAwB,GAAG;IACrC,wGAAwG;IACxG,QAAQ,EAAE,eAAe,GAAG,kBAAkB,GAAG,SAAS,CAAA;IAC1D,qFAAqF;IACrF,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,mFAAmF;IACnF,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,gEAAgE;IAChE,MAAM,EAAE,UAAU,CAAA;IAClB,wEAAwE;IACxE,SAAS,EAAE,eAAe,CAAA;IAC1B,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,eAAe,EAAE,oBAAoB,EAAE,CAAA;IACvC,mEAAmE;IACnE,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,GAAI,0GAUjC,wBAAwB,KAAG,MAqC7B,CAAA"}

package/dist/v2/blocks/operation-code-sample/helpers/operation-to-har/operation-to-har.d.ts

@@ -22,7 +22,7 @@ export type OperationToHarProps = {
      */
     contentType?: string;
     /** OpenAPI Server object */
-    server?: ServerObject | undefined;
+    server?: ServerObject | null;
     /** OpenAPI SecurityScheme objects which are applicable to the operation */
     securitySchemes?: SecuritySchemeObject[];
 };

package/dist/v2/blocks/operation-code-sample/helpers/operation-to-har/operation-to-har.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"operation-to-har.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/blocks/operation-code-sample/helpers/operation-to-har/operation-to-har.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AACrE,OAAO,KAAK,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAOvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAA;IAC1B,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAA;IAClB,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACjC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;CACzC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,GAAI,6EAQ5B,mBAAmB,KAAG,UAgFxB,CAAA"}
+{"version":3,"file":"operation-to-har.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/blocks/operation-code-sample/helpers/operation-to-har/operation-to-har.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AACrE,OAAO,KAAK,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAOvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,+BAA+B;IAC/B,SAAS,EAAE,eAAe,CAAA;IAC1B,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAA;IAClB,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5B,2EAA2E;IAC3E,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;CACzC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,GAAI,6EAQ5B,mBAAmB,KAAG,UAgFxB,CAAA"}

package/dist/v2/blocks/operation-code-sample/helpers/operation-to-har/operation-to-har.js

@@ -39,7 +39,7 @@ const b = ({
       const o = e.headers.find(
         (s) => s.name.toLowerCase() === "content-type"
       );
-      o && !o.value ? o.value = r.mimeType : e.headers.push({
+      o && !o.value ? o.value = r.mimeType : o || e.headers.push({
         name: "Content-Type",
         value: r.mimeType
       });

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

@@ -3,5 +3,6 @@ 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 { getResolvedRefDeep } from './helpers/get-resolved-ref-deep.js';
 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,kBAAkB,EAAE,uBAAuB,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,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA"}

package/dist/v2/blocks/operation-code-sample/index.js

@@ -1,14 +1,16 @@
 import { default as r } from "./components/ExamplePicker.vue.js";
-import { default as a } from "./components/OperationCodeSample.vue.js";
-import { DEFAULT_CLIENT as p, findClient as f, isClient as i } from "./helpers/find-client.js";
-import { generateClientOptions as n } from "./helpers/generate-client-options.js";
-import { getExampleFromSchema as C } from "./helpers/get-example-from-schema.js";
+import { default as p } from "./components/OperationCodeSample.vue.js";
+import { DEFAULT_CLIENT as a, findClient as f, isClient as l } from "./helpers/find-client.js";
+import { generateClientOptions as x } from "./helpers/generate-client-options.js";
+import { getExampleFromSchema as d } from "./helpers/get-example-from-schema.js";
+import { getResolvedRefDeep as C } from "./helpers/get-resolved-ref-deep.js";
 export {
-  p as DEFAULT_CLIENT,
+  a as DEFAULT_CLIENT,
   r as ExamplePicker,
-  a as OperationCodeSample,
+  p as OperationCodeSample,
   f as findClient,
-  n as generateClientOptions,
-  C as getExampleFromSchema,
-  i as isClient
+  x as generateClientOptions,
+  d as getExampleFromSchema,
+  C as getResolvedRefDeep,
+  l as isClient
 };

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

@@ -3,11 +3,12 @@ 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 { OpenApiDocument, OperationObject, SecuritySchemeObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { ClientLayout } from '../../../hooks/index.js';
 import type { ClientOptionGroup } from '../../../v2/blocks/operation-code-sample/index.js';
 import type { ClientPlugin } from '../../../v2/helpers/plugins.js';
 type __VLS_Props = {
+    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
     authMeta: AuthMeta;
     clientOptions: ClientOptionGroup[];
     environment: XScalarEnvironment;
@@ -22,7 +23,7 @@ type __VLS_Props = {
     securityRequirements: OpenApiDocument['security'];
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
     selectedClient: WorkspaceStore['workspace']['x-scalar-default-client'];
-    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
+    selectedSecuritySchemes: SecuritySchemeObject[];
     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>;