@scalar/api-reference 1.60.0 → 1.62.0

package/dist/components/Content/AsyncApi/Operation.vue.script.js

@@ -0,0 +1,84 @@
+import { useIntersection } from "../../../hooks/use-intersection.js";
+import SectionHeaderTag_default from "../../Section/SectionHeaderTag.vue.js";
+import Anchor_default from "../../Anchor/Anchor.vue.js";
+import { filterChildrenByType } from "./helpers/filter-children-by-type.js";
+import { pickHeading } from "./helpers/pick-heading.js";
+import { resolveAsyncApiOperation } from "./helpers/resolve-async-api-nodes.js";
+import Message_default from "./Message.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, useId, useTemplateRef, withCtx } from "vue";
+import { ScalarMarkdown } from "@scalar/components/markdown";
+//#region src/components/Content/AsyncApi/Operation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var _hoisted_2 = { class: "operation-header" };
+var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Operation",
+	props: {
+		operation: {},
+		document: {},
+		eventBus: {},
+		options: {},
+		expandedItems: { default: () => ({}) }
+	},
+	setup(__props) {
+		const headerId = useId();
+		const section = useTemplateRef("section");
+		useIntersection(section, () => __props.eventBus?.emit("intersecting:nav-item", { id: __props.operation.id }));
+		/**
+		* Resolve the operation from the document so we can read its summary/description.
+		* Operation traits are merged in (matching the channel connection UI) so trait-only
+		* fields render as part of the operation.
+		*/
+		const resolvedOperation = computed(() => resolveAsyncApiOperation(__props.document, __props.operation.operationName));
+		/** Heading prefers title, then summary, then the operation map key. */
+		const headingText = computed(() => pickHeading(resolvedOperation.value?.title, __props.operation.title, __props.operation.operationName));
+		const description = computed(() => resolvedOperation.value?.description || resolvedOperation.value?.summary || "");
+		/** Only the message children of this operation. */
+		const messages = computed(() => filterChildrenByType(__props.operation.children, "asyncapi-message"));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.operation.id,
+				ref_key: "section",
+				ref: section,
+				class: normalizeClass(["operation", `operation--${__props.operation.action}`])
+			}, [
+				createElementVNode("div", _hoisted_2, [createElementVNode("span", { class: normalizeClass(["operation-action", `operation-action--${__props.operation.action}`]) }, toDisplayString(__props.operation.action), 3), createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.operation.id })) }, {
+					default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), {
+						id: unref(headerId),
+						class: "operation-title",
+						level: 3
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(headingText.value), 1)]),
+						_: 1
+					}, 8, ["id"])]),
+					_: 1
+				})]),
+				description.value ? (openBlock(), createBlock(unref(ScalarMarkdown), {
+					key: 0,
+					class: "operation-description",
+					value: description.value,
+					withImages: ""
+				}, null, 8, ["value"])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(messages.value, (message) => {
+					return openBlock(), createBlock(Message_default, {
+						key: message.id,
+						document: __props.document,
+						eventBus: __props.eventBus,
+						expandedItems: __props.expandedItems,
+						message,
+						options: __props.options
+					}, null, 8, [
+						"document",
+						"eventBus",
+						"expandedItems",
+						"message",
+						"options"
+					]);
+				}), 128))
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Operation_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Operation.vue.script.js.map

package/dist/components/Content/AsyncApi/Operation.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Operation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedAsyncApiMessage,\n  TraversedAsyncApiOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { SectionHeaderTag } from '@/components/Section'\nimport { useIntersection } from '@/hooks/use-intersection'\n\nimport type { AsyncApiSchemaRenderOptions } from './helpers/async-api-render-options'\nimport { filterChildrenByType } from './helpers/filter-children-by-type'\nimport { pickHeading } from './helpers/pick-heading'\nimport { resolveAsyncApiOperation } from './helpers/resolve-async-api-nodes'\nimport Message from './Message.vue'\n\n/** Subset of the configuration the nested `Message`/`Schema` renderers need. */\ntype OperationOptions = AsyncApiSchemaRenderOptions\n\nconst {\n  operation,\n  document,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  operation: TraversedAsyncApiOperation\n  document: AsyncApiDocument\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<OperationOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () =>\n  eventBus?.emit('intersecting:nav-item', { id: operation.id }),\n)\n\n/**\n * Resolve the operation from the document so we can read its summary/description.\n * Operation traits are merged in (matching the channel connection UI) so trait-only\n * fields render as part of the operation.\n */\nconst resolvedOperation = computed(() =>\n  resolveAsyncApiOperation(document, operation.operationName),\n)\n\n/** Heading prefers title, then summary, then the operation map key. */\nconst headingText = computed(() =>\n  pickHeading(\n    resolvedOperation.value?.title,\n    operation.title,\n    operation.operationName,\n  ),\n)\n\nconst description = computed(\n  () =>\n    resolvedOperation.value?.description ||\n    resolvedOperation.value?.summary ||\n    '',\n)\n\n/** Only the message children of this operation. */\nconst messages = computed(() =>\n  filterChildrenByType<TraversedAsyncApiMessage>(\n    operation.children,\n    'asyncapi-message',\n  ),\n)\n</script>\n\n<template>\n  <div\n    :id=\"operation.id\"\n    ref=\"section\"\n    class=\"operation\"\n    :class=\"`operation--${operation.action}`\">\n    <div class=\"operation-header\">\n      <span\n        class=\"operation-action\"\n        :class=\"`operation-action--${operation.action}`\">\n        {{ operation.action }}\n      </span>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: operation.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          class=\"operation-title\"\n          :level=\"3\">\n          {{ headingText }}\n        </SectionHeaderTag>\n      </Anchor>\n    </div>\n\n    <ScalarMarkdown\n      v-if=\"description\"\n      class=\"operation-description\"\n      :value=\"description\"\n      withImages />\n\n    <Message\n      v-for=\"message in messages\"\n      :key=\"message.id\"\n      :document=\"document\"\n      :eventBus=\"eventBus\"\n      :expandedItems=\"expandedItems\"\n      :message=\"message\"\n      :options=\"options\" />\n  </div>\n</template>\n\n<style scoped>\n.operation {\n  margin-top: 32px;\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n\n.operation-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.operation-title {\n  font-size: var(--scalar-heading-3);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n\n/* Filled, color-coded pill carries the primary send/receive signal. */\n.operation-action {\n  text-transform: uppercase;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  letter-spacing: 0.05em;\n  border-radius: 12px;\n  padding: 2px 8px;\n  display: inline-flex;\n  align-items: center;\n}\n.operation-action--send {\n  color: var(--scalar-color-blue);\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 88%);\n}\n.operation-action--receive {\n  color: var(--scalar-color-green);\n  background: color-mix(in srgb, var(--scalar-color-green), transparent 88%);\n}\n\n.operation-description {\n  text-align: left;\n  margin-top: 4px;\n}\n/* Space the first message accordion away from the operation header/description. */\n.operation > :deep(.message) {\n  margin-top: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,WAAW,OAAM;EACvB,MAAM,UAAU,eAA4B,UAAS;AAErD,kBAAgB,eACd,QAAA,UAAU,KAAK,yBAAyB,EAAE,IAAI,QAAA,UAAU,IAAI,CAAC,CAC/D;;;;;;EAOA,MAAM,oBAAoB,eACxB,yBAAyB,QAAA,UAAU,QAAA,UAAU,cAAc,CAC7D;;EAGA,MAAM,cAAc,eAClB,YACE,kBAAkB,OAAO,OACzB,QAAA,UAAU,OACV,QAAA,UAAU,cACX,CACH;EAEA,MAAM,cAAc,eAEhB,kBAAkB,OAAO,eACzB,kBAAkB,OAAO,WACzB,GACJ;;EAGA,MAAM,WAAW,eACf,qBACE,QAAA,UAAU,UACV,mBACD,CACH;;uBAIE,mBAsCM,OAAA;IArCH,IAAI,QAAA,UAAU;aACX;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,aAAW,cACK,QAAA,UAAU,SAAM,CAAA;;IACtC,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,oBAAkB,qBACK,QAAA,UAAU,SAAM,CAAA,EAAA,EAAA,gBAC1C,QAAA,UAAU,OAAM,EAAA,EAAA,EAErB,YAUS,MAAA,eAAA,EAAA,EATN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,UAAU,IAAE,CAAA,GAAA,EAAA;4BAQpE,CALnB,YAKmB,MAAA,yBAAA,EAAA;MAJhB,IAAI,MAAA,SAAQ;MACb,OAAM;MACL,OAAO;;6BACS,CAAA,gBAAA,gBAAd,YAAA,MAAW,EAAA,EAAA,CAAA,CAAA;;;;;IAMZ,YAAA,SAAA,WAAA,EADR,YAIe,MAAA,eAAA,EAAA;;KAFb,OAAM;KACL,OAAO,YAAA;KACR,YAAA;;sBAEF,mBAOuB,UAAA,MAAA,WANH,SAAA,QAAX,YAAO;yBADhB,YAOuB,iBAAA;MALpB,KAAK,QAAQ;MACb,UAAU,QAAA;MACV,UAAU,QAAA;MACV,eAAe,QAAA;MACN;MACT,SAAS,QAAA"}

package/dist/components/Content/AsyncApi/helpers/async-api-render-options.d.ts

@@ -0,0 +1,14 @@
+import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
+/**
+ * Schema-ordering options shared by the AsyncAPI channel, operation, and message renderers.
+ *
+ * Each surface threads the same subset of the reference configuration through to the shared
+ * `Schema`/`ParameterList` components, so they extend this type rather than re-declaring it.
+ */
+export type AsyncApiSchemaRenderOptions = Pick<ApiReferenceConfigurationRaw, 'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy' | 'expandAllSchemaProperties'>;
+/**
+ * Fill in defaults so the shared renderers always receive a complete ordering options object,
+ * regardless of which fields the caller provided.
+ */
+export declare const resolveSchemaRenderOptions: (options?: Partial<AsyncApiSchemaRenderOptions>) => AsyncApiSchemaRenderOptions;
+//# sourceMappingURL=async-api-render-options.d.ts.map

package/dist/components/Content/AsyncApi/helpers/async-api-render-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-api-render-options.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/AsyncApi/helpers/async-api-render-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,4BAA4B,EAC5B,8BAA8B,GAAG,yBAAyB,GAAG,2BAA2B,CACzF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GACrC,UAAU,OAAO,CAAC,2BAA2B,CAAC,KAC7C,2BAID,CAAA"}

package/dist/components/Content/AsyncApi/helpers/async-api-render-options.js

@@ -0,0 +1,14 @@
+//#region src/components/Content/AsyncApi/helpers/async-api-render-options.ts
+/**
+* Fill in defaults so the shared renderers always receive a complete ordering options object,
+* regardless of which fields the caller provided.
+*/
+var resolveSchemaRenderOptions = (options) => ({
+	orderRequiredPropertiesFirst: options?.orderRequiredPropertiesFirst ?? false,
+	orderSchemaPropertiesBy: options?.orderSchemaPropertiesBy ?? "preserve",
+	expandAllSchemaProperties: options?.expandAllSchemaProperties ?? false
+});
+//#endregion
+export { resolveSchemaRenderOptions };
+
+//# sourceMappingURL=async-api-render-options.js.map

package/dist/components/Content/AsyncApi/helpers/async-api-render-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-api-render-options.js","names":[],"sources":["../../../../../src/components/Content/AsyncApi/helpers/async-api-render-options.ts"],"sourcesContent":["import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\n\n/**\n * Schema-ordering options shared by the AsyncAPI channel, operation, and message renderers.\n *\n * Each surface threads the same subset of the reference configuration through to the shared\n * `Schema`/`ParameterList` components, so they extend this type rather than re-declaring it.\n */\nexport type AsyncApiSchemaRenderOptions = Pick<\n  ApiReferenceConfigurationRaw,\n  'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy' | 'expandAllSchemaProperties'\n>\n\n/**\n * Fill in defaults so the shared renderers always receive a complete ordering options object,\n * regardless of which fields the caller provided.\n */\nexport const resolveSchemaRenderOptions = (\n  options?: Partial<AsyncApiSchemaRenderOptions>,\n): AsyncApiSchemaRenderOptions => ({\n  orderRequiredPropertiesFirst: options?.orderRequiredPropertiesFirst ?? false,\n  orderSchemaPropertiesBy: options?.orderSchemaPropertiesBy ?? 'preserve',\n  expandAllSchemaProperties: options?.expandAllSchemaProperties ?? false,\n})\n"],"mappings":";;;;;AAiBA,IAAa,8BACX,aACiC;CACjC,8BAA8B,SAAS,gCAAgC;CACvE,yBAAyB,SAAS,2BAA2B;CAC7D,2BAA2B,SAAS,6BAA6B;CAClE"}

package/dist/components/Content/AsyncApi/helpers/filter-children-by-type.d.ts

@@ -0,0 +1,9 @@
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+/**
+ * Narrow a navigation entry's children down to a single AsyncAPI node type.
+ *
+ * The channel renderer needs its operations and the operation renderer needs its messages; both
+ * share this type-guarded filter so the cast lives in one place.
+ */
+export declare const filterChildrenByType: <T extends TraversedEntry>(children: TraversedEntry[] | undefined, type: T["type"]) => T[];
+//# sourceMappingURL=filter-children-by-type.d.ts.map

package/dist/components/Content/AsyncApi/helpers/filter-children-by-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-children-by-type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/AsyncApi/helpers/filter-children-by-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,EAC3D,UAAU,cAAc,EAAE,GAAG,SAAS,EACtC,MAAM,CAAC,CAAC,MAAM,CAAC,KACd,CAAC,EAAyE,CAAA"}

package/dist/components/Content/AsyncApi/helpers/filter-children-by-type.js

@@ -0,0 +1,12 @@
+//#region src/components/Content/AsyncApi/helpers/filter-children-by-type.ts
+/**
+* Narrow a navigation entry's children down to a single AsyncAPI node type.
+*
+* The channel renderer needs its operations and the operation renderer needs its messages; both
+* share this type-guarded filter so the cast lives in one place.
+*/
+var filterChildrenByType = (children, type) => (children ?? []).filter((child) => child.type === type);
+//#endregion
+export { filterChildrenByType };
+
+//# sourceMappingURL=filter-children-by-type.js.map

package/dist/components/Content/AsyncApi/helpers/filter-children-by-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-children-by-type.js","names":[],"sources":["../../../../../src/components/Content/AsyncApi/helpers/filter-children-by-type.ts"],"sourcesContent":["import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\n\n/**\n * Narrow a navigation entry's children down to a single AsyncAPI node type.\n *\n * The channel renderer needs its operations and the operation renderer needs its messages; both\n * share this type-guarded filter so the cast lives in one place.\n */\nexport const filterChildrenByType = <T extends TraversedEntry>(\n  children: TraversedEntry[] | undefined,\n  type: T['type'],\n): T[] => (children ?? []).filter((child): child is T => child.type === type)\n"],"mappings":";;;;;;;AAQA,IAAa,wBACX,UACA,UACS,YAAY,EAAE,EAAE,QAAQ,UAAsB,MAAM,SAAS,KAAK"}

package/dist/components/Content/AsyncApi/helpers/get-async-api-labels.d.ts

@@ -0,0 +1,13 @@
+import type { AsyncApiChannelObject, AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
+/**
+ * Server names and protocols a channel is available on.
+ *
+ * Resolved from `document.servers`, restricted to `channel.servers` when the channel declares them.
+ * `webSocketOnly` is disabled so labels cover every protocol, not just WebSocket, and protocols are
+ * de-duplicated while preserving declaration order.
+ */
+export declare const getChannelServerLabels: (document: AsyncApiDocument, channel: AsyncApiChannelObject | null | undefined) => {
+    servers: string[];
+    protocols: string[];
+};
+//# sourceMappingURL=get-async-api-labels.d.ts.map

package/dist/components/Content/AsyncApi/helpers/get-async-api-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-async-api-labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/AsyncApi/helpers/get-async-api-labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAGzF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,gBAAgB,EAC1B,SAAS,qBAAqB,GAAG,IAAI,GAAG,SAAS,KAChD;IAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAAC,SAAS,EAAE,MAAM,EAAE,CAAA;CAU1C,CAAA"}

package/dist/components/Content/AsyncApi/helpers/get-async-api-labels.js

@@ -0,0 +1,23 @@
+import { getAsyncApiServers } from "@scalar/workspace-store/channel-example";
+//#region src/components/Content/AsyncApi/helpers/get-async-api-labels.ts
+/**
+* Server names and protocols a channel is available on.
+*
+* Resolved from `document.servers`, restricted to `channel.servers` when the channel declares them.
+* `webSocketOnly` is disabled so labels cover every protocol, not just WebSocket, and protocols are
+* de-duplicated while preserving declaration order.
+*/
+var getChannelServerLabels = (document, channel) => {
+	const entries = getAsyncApiServers(document, {
+		channel: channel ?? null,
+		webSocketOnly: false
+	});
+	return {
+		servers: entries.map((entry) => entry.name),
+		protocols: [...new Set(entries.map((entry) => entry.protocol).filter(Boolean))]
+	};
+};
+//#endregion
+export { getChannelServerLabels };
+
+//# sourceMappingURL=get-async-api-labels.js.map

package/dist/components/Content/AsyncApi/helpers/get-async-api-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-async-api-labels.js","names":[],"sources":["../../../../../src/components/Content/AsyncApi/helpers/get-async-api-labels.ts"],"sourcesContent":["import type { AsyncApiChannelObject, AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport { getAsyncApiServers } from '@scalar/workspace-store/channel-example'\n\n/**\n * Server names and protocols a channel is available on.\n *\n * Resolved from `document.servers`, restricted to `channel.servers` when the channel declares them.\n * `webSocketOnly` is disabled so labels cover every protocol, not just WebSocket, and protocols are\n * de-duplicated while preserving declaration order.\n */\nexport const getChannelServerLabels = (\n  document: AsyncApiDocument,\n  channel: AsyncApiChannelObject | null | undefined,\n): { servers: string[]; protocols: string[] } => {\n  const entries = getAsyncApiServers(document, {\n    channel: channel ?? null,\n    webSocketOnly: false,\n  })\n\n  return {\n    servers: entries.map((entry) => entry.name),\n    protocols: [...new Set(entries.map((entry) => entry.protocol).filter(Boolean))],\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,0BACX,UACA,YAC+C;CAC/C,MAAM,UAAU,mBAAmB,UAAU;EAC3C,SAAS,WAAW;EACpB,eAAe;EAChB,CAAC;AAEF,QAAO;EACL,SAAS,QAAQ,KAAK,UAAU,MAAM,KAAK;EAC3C,WAAW,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAK,UAAU,MAAM,SAAS,CAAC,OAAO,QAAQ,CAAC,CAAC;EAChF"}

package/dist/components/Content/AsyncApi/helpers/pick-heading.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pick the first non-empty heading from a list of candidates.
+ *
+ * Each candidate is trimmed and the first one with content wins, so the AsyncAPI channel, operation,
+ * and message renderers can share a single "prefer the human-friendly title, then fall back to a
+ * key" chain instead of repeating the same `title?.trim() || fallback` logic. Returns an empty
+ * string when every candidate is missing or blank.
+ */
+export declare const pickHeading: (...candidates: Array<string | undefined>) => string;
+//# sourceMappingURL=pick-heading.d.ts.map

package/dist/components/Content/AsyncApi/helpers/pick-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pick-heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/AsyncApi/helpers/pick-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,GAAG,YAAY,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,KAAG,MAStE,CAAA"}

package/dist/components/Content/AsyncApi/helpers/pick-heading.js

@@ -0,0 +1,20 @@
+//#region src/components/Content/AsyncApi/helpers/pick-heading.ts
+/**
+* Pick the first non-empty heading from a list of candidates.
+*
+* Each candidate is trimmed and the first one with content wins, so the AsyncAPI channel, operation,
+* and message renderers can share a single "prefer the human-friendly title, then fall back to a
+* key" chain instead of repeating the same `title?.trim() || fallback` logic. Returns an empty
+* string when every candidate is missing or blank.
+*/
+var pickHeading = (...candidates) => {
+	for (const candidate of candidates) {
+		const trimmed = candidate?.trim();
+		if (trimmed) return trimmed;
+	}
+	return "";
+};
+//#endregion
+export { pickHeading };
+
+//# sourceMappingURL=pick-heading.js.map

package/dist/components/Content/AsyncApi/helpers/pick-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pick-heading.js","names":[],"sources":["../../../../../src/components/Content/AsyncApi/helpers/pick-heading.ts"],"sourcesContent":["/**\n * Pick the first non-empty heading from a list of candidates.\n *\n * Each candidate is trimmed and the first one with content wins, so the AsyncAPI channel, operation,\n * and message renderers can share a single \"prefer the human-friendly title, then fall back to a\n * key\" chain instead of repeating the same `title?.trim() || fallback` logic. Returns an empty\n * string when every candidate is missing or blank.\n */\nexport const pickHeading = (...candidates: Array<string | undefined>): string => {\n  for (const candidate of candidates) {\n    const trimmed = candidate?.trim()\n    if (trimmed) {\n      return trimmed\n    }\n  }\n\n  return ''\n}\n"],"mappings":";;;;;;;;;AAQA,IAAa,eAAe,GAAG,eAAkD;AAC/E,MAAK,MAAM,aAAa,YAAY;EAClC,MAAM,UAAU,WAAW,MAAM;AACjC,MAAI,QACF,QAAO;;AAIX,QAAO"}

package/dist/components/Content/AsyncApi/helpers/resolve-async-api-nodes.d.ts

@@ -0,0 +1,21 @@
+import type { AsyncApiChannelObject, AsyncApiDocument, AsyncApiMessageObject, AsyncApiOperationObject } from '@scalar/types/asyncapi/3.1';
+/**
+ * Resolve a channel from the document by its `document.channels` key.
+ *
+ * Siblings are merged so keys declared alongside a `$ref` are kept rather than dropped, matching
+ * how the rest of the OpenAPI/AsyncAPI rendering resolves references.
+ */
+export declare const resolveAsyncApiChannel: (document: AsyncApiDocument, channelName: string) => AsyncApiChannelObject | undefined;
+/**
+ * Resolve a message from the channel it lives on. The navigation entry only carries the identifying
+ * keys, so we walk `document.channels[channelName].messages[messageName]`.
+ */
+export declare const resolveAsyncApiMessage: (document: AsyncApiDocument, channelName: string, messageName: string) => AsyncApiMessageObject | undefined;
+/**
+ * Resolve an operation from the document by its `document.operations` key.
+ *
+ * Operation traits are merged in (matching the channel connection UI) so trait-only fields render
+ * as part of the operation.
+ */
+export declare const resolveAsyncApiOperation: (document: AsyncApiDocument, operationName: string) => AsyncApiOperationObject | undefined;
+//# sourceMappingURL=resolve-async-api-nodes.d.ts.map

package/dist/components/Content/AsyncApi/helpers/resolve-async-api-nodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-async-api-nodes.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/AsyncApi/helpers/resolve-async-api-nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,4BAA4B,CAAA;AAInC;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,gBAAgB,EAC1B,aAAa,MAAM,KAClB,qBAAqB,GAAG,SAG1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,gBAAgB,EAC1B,aAAa,MAAM,EACnB,aAAa,MAAM,KAClB,qBAAqB,GAAG,SAI1B,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,GACnC,UAAU,gBAAgB,EAC1B,eAAe,MAAM,KACpB,uBAAuB,GAAG,SAG5B,CAAA"}

package/dist/components/Content/AsyncApi/helpers/resolve-async-api-nodes.js

@@ -0,0 +1,35 @@
+import { resolveOperationWithTraits } from "@scalar/workspace-store/channel-example";
+import { getResolvedRef, mergeSiblingReferences } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/components/Content/AsyncApi/helpers/resolve-async-api-nodes.ts
+/**
+* Resolve a channel from the document by its `document.channels` key.
+*
+* Siblings are merged so keys declared alongside a `$ref` are kept rather than dropped, matching
+* how the rest of the OpenAPI/AsyncAPI rendering resolves references.
+*/
+var resolveAsyncApiChannel = (document, channelName) => {
+	const node = document.channels?.[channelName];
+	return node ? getResolvedRef(node, mergeSiblingReferences) : void 0;
+};
+/**
+* Resolve a message from the channel it lives on. The navigation entry only carries the identifying
+* keys, so we walk `document.channels[channelName].messages[messageName]`.
+*/
+var resolveAsyncApiMessage = (document, channelName, messageName) => {
+	const node = resolveAsyncApiChannel(document, channelName)?.messages?.[messageName];
+	return node ? getResolvedRef(node, mergeSiblingReferences) : void 0;
+};
+/**
+* Resolve an operation from the document by its `document.operations` key.
+*
+* Operation traits are merged in (matching the channel connection UI) so trait-only fields render
+* as part of the operation.
+*/
+var resolveAsyncApiOperation = (document, operationName) => {
+	const node = document.operations?.[operationName];
+	return node ? resolveOperationWithTraits(getResolvedRef(node, mergeSiblingReferences)) : void 0;
+};
+//#endregion
+export { resolveAsyncApiChannel, resolveAsyncApiMessage, resolveAsyncApiOperation };
+
+//# sourceMappingURL=resolve-async-api-nodes.js.map

package/dist/components/Content/AsyncApi/helpers/resolve-async-api-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-async-api-nodes.js","names":[],"sources":["../../../../../src/components/Content/AsyncApi/helpers/resolve-async-api-nodes.ts"],"sourcesContent":["import type {\n  AsyncApiChannelObject,\n  AsyncApiDocument,\n  AsyncApiMessageObject,\n  AsyncApiOperationObject,\n} from '@scalar/types/asyncapi/3.1'\nimport { resolveOperationWithTraits } from '@scalar/workspace-store/channel-example'\nimport { getResolvedRef, mergeSiblingReferences } from '@scalar/workspace-store/helpers/get-resolved-ref'\n\n/**\n * Resolve a channel from the document by its `document.channels` key.\n *\n * Siblings are merged so keys declared alongside a `$ref` are kept rather than dropped, matching\n * how the rest of the OpenAPI/AsyncAPI rendering resolves references.\n */\nexport const resolveAsyncApiChannel = (\n  document: AsyncApiDocument,\n  channelName: string,\n): AsyncApiChannelObject | undefined => {\n  const node = document.channels?.[channelName]\n  return node ? getResolvedRef(node, mergeSiblingReferences) : undefined\n}\n\n/**\n * Resolve a message from the channel it lives on. The navigation entry only carries the identifying\n * keys, so we walk `document.channels[channelName].messages[messageName]`.\n */\nexport const resolveAsyncApiMessage = (\n  document: AsyncApiDocument,\n  channelName: string,\n  messageName: string,\n): AsyncApiMessageObject | undefined => {\n  const channel = resolveAsyncApiChannel(document, channelName)\n  const node = channel?.messages?.[messageName]\n  return node ? getResolvedRef(node, mergeSiblingReferences) : undefined\n}\n\n/**\n * Resolve an operation from the document by its `document.operations` key.\n *\n * Operation traits are merged in (matching the channel connection UI) so trait-only fields render\n * as part of the operation.\n */\nexport const resolveAsyncApiOperation = (\n  document: AsyncApiDocument,\n  operationName: string,\n): AsyncApiOperationObject | undefined => {\n  const node = document.operations?.[operationName]\n  return node ? resolveOperationWithTraits(getResolvedRef(node, mergeSiblingReferences)) : undefined\n}\n"],"mappings":";;;;;;;;;AAeA,IAAa,0BACX,UACA,gBACsC;CACtC,MAAM,OAAO,SAAS,WAAW;AACjC,QAAO,OAAO,eAAe,MAAM,uBAAuB,GAAG,KAAA;;;;;;AAO/D,IAAa,0BACX,UACA,aACA,gBACsC;CAEtC,MAAM,OADU,uBAAuB,UAAU,YAAY,EACvC,WAAW;AACjC,QAAO,OAAO,eAAe,MAAM,uBAAuB,GAAG,KAAA;;;;;;;;AAS/D,IAAa,4BACX,UACA,kBACwC;CACxC,MAAM,OAAO,SAAS,aAAa;AACnC,QAAO,OAAO,2BAA2B,eAAe,MAAM,uBAAuB,CAAC,GAAG,KAAA"}

package/dist/components/Content/Auth/Auth.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Auth/Auth.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAChG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAGlF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC5B,gBAAgB,GAAG,mBAAmB,GAAG,aAAa,GAAG,UAAU,CACpE,CAAA;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,eAAe,EAAE,qBAAqB,CAAA;IACtC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAoGJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Auth.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Auth/Auth.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAChG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAKlF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC5B,gBAAgB,GAAG,mBAAmB,GAAG,aAAa,GAAG,UAAU,CACpE,CAAA;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,eAAe,EAAE,qBAAqB,CAAA;IACtC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAsGJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/Auth/Auth.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../../src/components/Content/Auth/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nconst { document, environment, eventBus, options, securitySchemes, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'oauth2RedirectUri' | 'persistAuth' | 'proxyUrl'\n    >\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    securitySchemes: MergedSecuritySchemes\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(\n    isOpenApiDocument(document) ? document.security : undefined,\n  ),\n)\n\n/** Grab the selected security for the document from the auth store */\nconst documentSelectedSecurity = computed(() =>\n  authStore.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: isOpenApiDocument(document)\n      ? (document['x-scalar-navigation']?.name ?? '')\n      : '',\n  }),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity.value,\n    undefined,\n    securityRequirements.value,\n    securitySchemes,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n</script>\n<template>\n  <AuthSelector\n    v-if=\"Object.keys(securitySchemes).length\"\n    :createAnySecurityScheme=\"\n      options.authentication?.createAnySecurityScheme ?? false\n    \"\n    :environment\n    :eventBus\n    isStatic\n    layout=\"reference\"\n    :meta=\"{ type: 'document' }\"\n    :options=\"{ oauth2RedirectUri: options.oauth2RedirectUri }\"\n    :persistAuth=\"options.persistAuth\"\n    :proxyUrl=\"options.proxyUrl ?? ''\"\n    :securityRequirements\n    :securitySchemes\n    :selectedSecurity\n    :server=\"selectedServer\"\n    title=\"Authentication\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../../src/components/Content/Auth/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { document, environment, eventBus, options, securitySchemes, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'oauth2RedirectUri' | 'persistAuth' | 'proxyUrl'\n    >\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    securitySchemes: MergedSecuritySchemes\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\nconst { translate } = useLocalization()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(\n    isOpenApiDocument(document) ? document.security : undefined,\n  ),\n)\n\n/** Grab the selected security for the document from the auth store */\nconst documentSelectedSecurity = computed(() =>\n  authStore.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: isOpenApiDocument(document)\n      ? (document['x-scalar-navigation']?.name ?? '')\n      : '',\n  }),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity.value,\n    undefined,\n    securityRequirements.value,\n    securitySchemes,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n</script>\n<template>\n  <AuthSelector\n    v-if=\"Object.keys(securitySchemes).length\"\n    :createAnySecurityScheme=\"\n      options.authentication?.createAnySecurityScheme ?? false\n    \"\n    :environment\n    :eventBus\n    isStatic\n    layout=\"reference\"\n    :meta=\"{ type: 'document' }\"\n    :options=\"{ oauth2RedirectUri: options.oauth2RedirectUri }\"\n    :persistAuth=\"options.persistAuth\"\n    :proxyUrl=\"options.proxyUrl ?? ''\"\n    :securityRequirements\n    :securitySchemes\n    :selectedSecurity\n    :server=\"selectedServer\"\n    :title=\"translate('authentication.title')\" />\n</template>\n"],"mappings":""}

package/dist/components/Content/Auth/Auth.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import { computed, createBlock, createCommentVNode, defineComponent, openBlock, unref } from "vue";
 import { getSecurityRequirements, getSelectedSecurity } from "@scalar/workspace-store/request-example";
 import { isOpenApiDocument } from "@scalar/workspace-store/schemas/type-guards";
@@ -15,6 +16,7 @@ var Auth_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		environment: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		/** Compute what the security requirements should be for the document */
 		const securityRequirements = computed(() => getSecurityRequirements(isOpenApiDocument(__props.document) ? __props.document.security : void 0));
 		/** Grab the selected security for the document from the auth store */
@@ -40,7 +42,7 @@ var Auth_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				securitySchemes: __props.securitySchemes,
 				selectedSecurity: selectedSecurity.value,
 				server: __props.selectedServer,
-				title: "Authentication"
+				title: unref(translate)("authentication.title")
 			}, null, 8, [
 				"createAnySecurityScheme",
 				"environment",
@@ -51,7 +53,8 @@ var Auth_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"securityRequirements",
 				"securitySchemes",
 				"selectedSecurity",
-				"server"
+				"server",
+				"title"
 			])) : createCommentVNode("", true);
 		};
 	}

package/dist/components/Content/Auth/Auth.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../../src/components/Content/Auth/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nconst { document, environment, eventBus, options, securitySchemes, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'oauth2RedirectUri' | 'persistAuth' | 'proxyUrl'\n    >\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    securitySchemes: MergedSecuritySchemes\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(\n    isOpenApiDocument(document) ? document.security : undefined,\n  ),\n)\n\n/** Grab the selected security for the document from the auth store */\nconst documentSelectedSecurity = computed(() =>\n  authStore.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: isOpenApiDocument(document)\n      ? (document['x-scalar-navigation']?.name ?? '')\n      : '',\n  }),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity.value,\n    undefined,\n    securityRequirements.value,\n    securitySchemes,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n</script>\n<template>\n  <AuthSelector\n    v-if=\"Object.keys(securitySchemes).length\"\n    :createAnySecurityScheme=\"\n      options.authentication?.createAnySecurityScheme ?? false\n    \"\n    :environment\n    :eventBus\n    isStatic\n    layout=\"reference\"\n    :meta=\"{ type: 'document' }\"\n    :options=\"{ oauth2RedirectUri: options.oauth2RedirectUri }\"\n    :persistAuth=\"options.persistAuth\"\n    :proxyUrl=\"options.proxyUrl ?? ''\"\n    :securityRequirements\n    :securitySchemes\n    :selectedSecurity\n    :server=\"selectedServer\"\n    title=\"Authentication\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA+BA,MAAM,uBAAuB,eAC3B,wBACE,kBAAkB,QAAA,SAAS,GAAG,QAAA,SAAS,WAAW,KAAA,EACnD,CACH;;EAGA,MAAM,2BAA2B,eAC/B,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,kBAAkB,QAAA,SAAQ,GACnC,QAAA,SAAS,wBAAwB,QAAQ,KAC1C;GACL,CAAC,CACJ;;EAGA,MAAM,mBAAmB,eACvB,oBACE,yBAAyB,OACzB,KAAA,GACA,qBAAqB,OACrB,QAAA,iBACA,QAAA,QAAQ,gBAAgB,wBACzB,CACH;;UAIU,OAAO,KAAK,QAAA,gBAAe,CAAE,UAAA,WAAA,EADrC,YAiB2B,MAAA,aAAA,EAAA;;IAfxB,yBAAgC,QAAA,QAAQ,gBAAgB,2BAAuB;IAG/E,aAAA,QAAA;IACA,UAAA,QAAA;IACD,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,YAAoB;IAC1B,SAAO,EAAA,mBAAuB,QAAA,QAAQ,mBAAiB;IACvD,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,QAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACT,OAAM"}
+{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../../src/components/Content/Auth/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { document, environment, eventBus, options, securitySchemes, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'oauth2RedirectUri' | 'persistAuth' | 'proxyUrl'\n    >\n    authStore: AuthStore\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    securitySchemes: MergedSecuritySchemes\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\nconst { translate } = useLocalization()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(\n    isOpenApiDocument(document) ? document.security : undefined,\n  ),\n)\n\n/** Grab the selected security for the document from the auth store */\nconst documentSelectedSecurity = computed(() =>\n  authStore.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: isOpenApiDocument(document)\n      ? (document['x-scalar-navigation']?.name ?? '')\n      : '',\n  }),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity.value,\n    undefined,\n    securityRequirements.value,\n    securitySchemes,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n</script>\n<template>\n  <AuthSelector\n    v-if=\"Object.keys(securitySchemes).length\"\n    :createAnySecurityScheme=\"\n      options.authentication?.createAnySecurityScheme ?? false\n    \"\n    :environment\n    :eventBus\n    isStatic\n    layout=\"reference\"\n    :meta=\"{ type: 'document' }\"\n    :options=\"{ oauth2RedirectUri: options.oauth2RedirectUri }\"\n    :persistAuth=\"options.persistAuth\"\n    :proxyUrl=\"options.proxyUrl ?? ''\"\n    :securityRequirements\n    :securitySchemes\n    :selectedSecurity\n    :server=\"selectedServer\"\n    :title=\"translate('authentication.title')\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA+BA,MAAM,EAAE,cAAc,iBAAgB;;EAGtC,MAAM,uBAAuB,eAC3B,wBACE,kBAAkB,QAAA,SAAS,GAAG,QAAA,SAAS,WAAW,KAAA,EACnD,CACH;;EAGA,MAAM,2BAA2B,eAC/B,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,kBAAkB,QAAA,SAAQ,GACnC,QAAA,SAAS,wBAAwB,QAAQ,KAC1C;GACL,CAAC,CACJ;;EAGA,MAAM,mBAAmB,eACvB,oBACE,yBAAyB,OACzB,KAAA,GACA,qBAAqB,OACrB,QAAA,iBACA,QAAA,QAAQ,gBAAgB,wBACzB,CACH;;UAIU,OAAO,KAAK,QAAA,gBAAe,CAAE,UAAA,WAAA,EADrC,YAiB+C,MAAA,aAAA,EAAA;;IAf5C,yBAAgC,QAAA,QAAQ,gBAAgB,2BAAuB;IAG/E,aAAA,QAAA;IACA,UAAA,QAAA;IACD,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,YAAoB;IAC1B,SAAO,EAAA,mBAAuB,QAAA,QAAQ,mBAAiB;IACvD,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,QAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACR,OAAO,MAAA,UAAS,CAAA,uBAAA"}

package/dist/components/Content/Content.vue.d.ts

@@ -15,6 +15,7 @@ type __VLS_Props = {
     clientDocument: WorkspaceDocument | undefined;
     authStore: AuthStore;
     xScalarDefaultClient: Workspace['x-scalar-default-client'];
+    xScalarDefaultExample: Workspace['x-scalar-default-example'];
     items: TraversedEntryType[];
     expandedItems: Record<string, boolean>;
     eventBus: WorkspaceEventBus;

package/dist/components/Content/Content.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue"],"names":[],"mappings":"AAuVA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAMtG,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EAClB,MAAM,2CAA2C,CAAA;AAuBlD,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,iGAAiG;IACjG,YAAY,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC1B,gBAAgB,GAChB,eAAe,GACf,sBAAsB,GACtB,oBAAoB,GACpB,eAAe,GACf,uBAAuB,GACvB,QAAQ,GACR,mBAAmB,GACnB,8BAA8B,GAC9B,yBAAyB,GACzB,2BAA2B,GAC3B,aAAa,GACb,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,YAAY,GACZ,oBAAoB,CACvB,CAAA;IACD,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,cAAc,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAC7C,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC1D,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,iDAAiD;IACjD,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAA;CACnD,CAAC;AAshBF,QAAA,IAAI,OAAO,IAAU,EAAE,SAAS,IAAa,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,SAAS,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue"],"names":[],"mappings":"AAyVA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAMtG,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EAClB,MAAM,2CAA2C,CAAA;AAuBlD,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,iGAAiG;IACjG,YAAY,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC1B,gBAAgB,GAChB,eAAe,GACf,sBAAsB,GACtB,oBAAoB,GACpB,eAAe,GACf,uBAAuB,GACvB,QAAQ,GACR,mBAAmB,GACnB,8BAA8B,GAC9B,yBAAyB,GACzB,2BAA2B,GAC3B,aAAa,GACb,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,YAAY,GACZ,oBAAoB,CACvB,CAAA;IACD,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,cAAc,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAC7C,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC1D,qBAAqB,EAAE,SAAS,CAAC,0BAA0B,CAAC,CAAA;IAC5D,KAAK,EAAE,kBAAkB,EAAE,CAAA;IAC3B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,iDAAiD;IACjD,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAA;CACnD,CAAC;AAwhBF,QAAA,IAAI,OAAO,IAAU,EAAE,SAAS,IAAa,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,SAAS,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Content/Content.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.vue.js","names":[],"sources":["../../../src/components/Content/Content.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { generateClientOptions } from '@scalar/api-client/blocks/operation-code-sample'\nimport { mapHiddenClientsConfig } from '@scalar/api-client/modal/map-hidden-clients-config'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { Heading } from '@scalar/types/legacy'\nimport {\n  getAsyncApiServers,\n  getSelectedAsyncApiServer,\n} from '@scalar/workspace-store/channel-example'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSelectedServer,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { TraversedEntry as TraversedEntryType } from '@scalar/workspace-store/schemas/navigation'\nimport {\n  getDocumentType,\n  isAsyncApiDocument,\n  isOpenApiDocument,\n} from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  Workspace,\n  WorkspaceDocument,\n} from '@scalar/workspace-store/schemas/workspace'\nimport { computed, onMounted } from 'vue'\n\nimport { AsyncApiServerSelector } from '@/blocks/scalar-asyncapi-server-selector-block'\nimport { ClientSelector } from '@/blocks/scalar-client-selector-block'\nimport { InfoBlock } from '@/blocks/scalar-info-block'\nimport { IntroductionCardItem } from '@/blocks/scalar-info-block/'\nimport {\n  getRenderableSdks,\n  SdkInstallationInstructions,\n} from '@/blocks/scalar-sdk-installation-instructions'\nimport { ServerSelector } from '@/blocks/scalar-server-selector-block'\nimport { AsyncApiTraversedEntry } from '@/components/Content/AsyncApi'\nimport { Auth } from '@/components/Content/Auth'\nimport TraversedEntry from '@/components/Content/Operations/TraversedEntry.vue'\nimport { RenderPlugins } from '@/components/RenderPlugins'\nimport { SectionFlare } from '@/components/SectionFlare'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport {\n  firstLazyLoadComplete,\n  scheduleInitialLoadComplete,\n} from '@/helpers/lazy-bus'\n\nconst {\n  document,\n  clientDocument,\n  items,\n  environment,\n  eventBus,\n  options,\n  authStore,\n  documentSlug,\n} = defineProps<{\n  infoSectionId: string\n  /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */\n  documentSlug: string\n  /** The subset of the configuration object required for the content component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'authentication'\n    | 'baseServerURL'\n    | 'documentDownloadType'\n    | 'expandAllResponses'\n    | 'hiddenClients'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'oauth2RedirectUri'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'persistAuth'\n    | 'proxyUrl'\n    | 'servers'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  document: WorkspaceDocument | undefined\n  clientDocument: WorkspaceDocument | undefined\n  authStore: AuthStore\n  xScalarDefaultClient: Workspace['x-scalar-default-client']\n  items: TraversedEntryType[]\n  expandedItems: Record<string, boolean>\n  eventBus: WorkspaceEventBus\n  environment: XScalarEnvironment\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n}>()\n\n/** Generate all client options so that it can be shared between the top client picker and the operations */\nconst clientOptions = computed(() =>\n  generateClientOptions(mapHiddenClientsConfig(options.hiddenClients)),\n)\n\n/**\n * Custom SDK installation instructions that actually have something to render.\n * Entries with only a `lang` are ignored so we can fall back to the client\n * selector instead of showing an empty card.\n */\nconst sdkInstallation = computed(() =>\n  getRenderableSdks(openApiDocument.value?.info?.['x-scalar-sdk-installation']),\n)\n\n/**\n * Narrow the (possibly AsyncAPI) documents to OpenAPI documents. api-reference\n * is OpenAPI-native, so AsyncAPI fields surface as undefined/empty.\n */\nconst openApiDocument = computed(() =>\n  isOpenApiDocument(document) ? document : undefined,\n)\nconst openApiClientDocument = computed(() =>\n  isOpenApiDocument(clientDocument) ? clientDocument : undefined,\n)\n\n/** AsyncAPI narrow, used to render the (currently channel-only) AsyncAPI content tree. */\nconst asyncApiDocument = computed(() =>\n  isAsyncApiDocument(document) ? document : undefined,\n)\n\n/** AsyncAPI narrow of the client document, where server selection/variables are persisted. */\nconst asyncApiClientDocument = computed(() =>\n  isAsyncApiDocument(clientDocument) ? clientDocument : undefined,\n)\n\nconst documentType = computed(() => getDocumentType(document))\n\nconst specificationVersion = computed(() => {\n  if (isAsyncApiDocument(document)) {\n    return document['x-original-aas-version'] ?? document.asyncapi\n  }\n  return openApiDocument.value?.['x-original-oas-version']\n})\n\n/** Computed property to get all OpenAPI extension fields from the root document object */\nconst documentExtensions = computed(() => getXKeysFromObject(document))\n\n/** Computed property to get all OpenAPI extension fields from the document's info object */\nconst infoExtensions = computed(() => getXKeysFromObject(document?.info))\n\n/** Compute the servers for the document */\nconst servers = computed(() =>\n  getServers(options?.servers ?? openApiClientDocument.value?.servers, {\n    baseServerUrl: options?.baseServerURL,\n    documentUrl: clientDocument?.['x-scalar-original-source-url'],\n  }),\n)\n\n/** Compute the selected server for the document only (for now) */\nconst selectedServer = computed(() =>\n  getSelectedServer(\n    openApiClientDocument.value ?? null,\n    null,\n    null,\n    servers.value,\n  ),\n)\n\n/**\n * Compute the AsyncAPI servers (all protocols, not just WebSocket) for the\n * document-level server selector.\n */\nconst asyncApiServers = computed(() =>\n  asyncApiClientDocument.value\n    ? getAsyncApiServers(asyncApiClientDocument.value, { webSocketOnly: false })\n    : [],\n)\n\n/** Compute the selected AsyncAPI server for the document */\nconst asyncApiSelectedServer = computed(() =>\n  getSelectedAsyncApiServer(\n    asyncApiClientDocument.value ?? null,\n    asyncApiServers.value,\n  ),\n)\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    openApiClientDocument.value?.components?.securitySchemes,\n    options.authentication?.securitySchemes,\n    authStore,\n    openApiClientDocument.value?.['x-scalar-navigation']?.name ?? '',\n    options.oauth2RedirectUri,\n  ),\n)\n\n/** Ensures firstLazyLoadComplete is set for documents with no Lazy sections (e.g. no operations/tags/models). */\nonMounted(() => {\n  scheduleInitialLoadComplete()\n})\n</script>\n<template>\n  <SectionFlare />\n\n  <div class=\"narrow-references-container\">\n    <slot name=\"start\" />\n\n    <!-- Render plugins at content.start view -->\n    <RenderPlugins\n      :documentSlug\n      :eventBus\n      :options\n      viewName=\"content.start\" />\n\n    <!-- Introduction -->\n\n    <InfoBlock\n      :id=\"infoSectionId\"\n      :documentDownloadType=\"options.documentDownloadType\"\n      :documentExtensions\n      :documentType\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :eventBus\n      :externalDocs=\"openApiDocument?.externalDocs\"\n      :headingSlugGenerator\n      :info=\"document?.info\"\n      :infoExtensions\n      :layout=\"options.layout\"\n      :specificationVersion>\n      <template #selectors>\n        <!-- Server Selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"servers?.length\"\n            class=\"scalar-reference-intro-server scalar-client introduction-card-item text-base leading-normal [--scalar-address-bar-height:0px]\">\n            <ServerSelector\n              :eventBus\n              :selectedServer\n              :servers />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- AsyncAPI Server Selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"asyncApiServers.length\"\n            class=\"scalar-reference-intro-server scalar-client introduction-card-item text-base leading-normal [--scalar-address-bar-height:0px]\">\n            <AsyncApiServerSelector\n              :eventBus\n              :selectedServer=\"asyncApiSelectedServer\"\n              :servers=\"asyncApiServers\" />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- Auth selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"document && !options.hideTestRequestButton\"\n            class=\"scalar-reference-intro-auth scalar-client introduction-card-item leading-normal\">\n            <Auth\n              :authStore\n              :document=\"clientDocument\"\n              :environment\n              :eventBus\n              :options\n              :securitySchemes\n              :selectedServer />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- Custom SDK installation instructions, or the generic client selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"sdkInstallation.length\"\n            class=\"introduction-card-item scalar-reference-intro-clients\">\n            <SdkInstallationInstructions\n              class=\"introduction-card-item scalar-reference-intro-clients\"\n              :eventBus\n              :selectedClient=\"xScalarDefaultClient\"\n              :xScalarSdkInstallation=\"sdkInstallation\" />\n          </IntroductionCardItem>\n          <IntroductionCardItem\n            v-else-if=\"clientOptions.length && !asyncApiDocument\"\n            class=\"introduction-card-item scalar-reference-intro-clients\">\n            <ClientSelector\n              class=\"introduction-card-item scalar-reference-intro-clients\"\n              :clientOptions\n              :eventBus\n              :selectedClient=\"xScalarDefaultClient\" />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n      </template>\n    </InfoBlock>\n\n    <!-- Render traversed operations and webhooks -->\n    <!-- Use recursive component for cleaner rendering -->\n    <TraversedEntry\n      v-if=\"items.length && openApiDocument\"\n      :authStore\n      :clientOptions\n      :document=\"openApiDocument\"\n      :entries=\"items\"\n      :eventBus\n      :expandedItems\n      :options\n      :securitySchemes\n      :selectedClient=\"xScalarDefaultClient\"\n      :selectedServer>\n    </TraversedEntry>\n\n    <!-- AsyncAPI: render channels grouped by tag, mirroring the sidebar order. -->\n    <AsyncApiTraversedEntry\n      v-else-if=\"items.length && asyncApiDocument\"\n      :document=\"asyncApiDocument\"\n      :entries=\"items\"\n      :eventBus\n      :expandedItems\n      :options />\n\n    <!-- Render plugins at content.end view -->\n    <RenderPlugins\n      :documentSlug\n      :eventBus\n      :options\n      viewName=\"content.end\" />\n\n    <slot name=\"end\" />\n    <!-- Placeholder content to allow the active item to be scrolled to the top while the rest of the content is lazy loaded -->\n    <div\n      v-if=\"!firstLazyLoadComplete\"\n      class=\"h-dvh\"></div>\n  </div>\n</template>\n\n<style>\n.narrow-references-container {\n  container-name: narrow-references-container;\n  container-type: inline-size;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Content.vue.js","names":[],"sources":["../../../src/components/Content/Content.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { mapHiddenClientsConfig } from '@scalar/api-client/modal/map-hidden-clients-config'\nimport { generateClientOptions } from '@scalar/blocks/code-example'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { Heading } from '@scalar/types/legacy'\nimport {\n  getAsyncApiServers,\n  getSelectedAsyncApiServer,\n} from '@scalar/workspace-store/channel-example'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSelectedServer,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { TraversedEntry as TraversedEntryType } from '@scalar/workspace-store/schemas/navigation'\nimport {\n  getDocumentType,\n  isAsyncApiDocument,\n  isOpenApiDocument,\n} from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  Workspace,\n  WorkspaceDocument,\n} from '@scalar/workspace-store/schemas/workspace'\nimport { computed, onMounted } from 'vue'\n\nimport { AsyncApiServerSelector } from '@/blocks/scalar-asyncapi-server-selector-block'\nimport { ClientSelector } from '@/blocks/scalar-client-selector-block'\nimport { InfoBlock } from '@/blocks/scalar-info-block'\nimport { IntroductionCardItem } from '@/blocks/scalar-info-block/'\nimport {\n  getRenderableSdks,\n  SdkInstallationInstructions,\n} from '@/blocks/scalar-sdk-installation-instructions'\nimport { ServerSelector } from '@/blocks/scalar-server-selector-block'\nimport { AsyncApiTraversedEntry } from '@/components/Content/AsyncApi'\nimport { Auth } from '@/components/Content/Auth'\nimport TraversedEntry from '@/components/Content/Operations/TraversedEntry.vue'\nimport { RenderPlugins } from '@/components/RenderPlugins'\nimport { SectionFlare } from '@/components/SectionFlare'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport {\n  firstLazyLoadComplete,\n  scheduleInitialLoadComplete,\n} from '@/helpers/lazy-bus'\n\nconst {\n  document,\n  clientDocument,\n  items,\n  environment,\n  eventBus,\n  options,\n  authStore,\n  documentSlug,\n} = defineProps<{\n  infoSectionId: string\n  /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */\n  documentSlug: string\n  /** The subset of the configuration object required for the content component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'authentication'\n    | 'baseServerURL'\n    | 'documentDownloadType'\n    | 'expandAllResponses'\n    | 'hiddenClients'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'oauth2RedirectUri'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'persistAuth'\n    | 'proxyUrl'\n    | 'servers'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  document: WorkspaceDocument | undefined\n  clientDocument: WorkspaceDocument | undefined\n  authStore: AuthStore\n  xScalarDefaultClient: Workspace['x-scalar-default-client']\n  xScalarDefaultExample: Workspace['x-scalar-default-example']\n  items: TraversedEntryType[]\n  expandedItems: Record<string, boolean>\n  eventBus: WorkspaceEventBus\n  environment: XScalarEnvironment\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n}>()\n\n/** Generate all client options so that it can be shared between the top client picker and the operations */\nconst clientOptions = computed(() =>\n  generateClientOptions(mapHiddenClientsConfig(options.hiddenClients)),\n)\n\n/**\n * Custom SDK installation instructions that actually have something to render.\n * Entries with only a `lang` are ignored so we can fall back to the client\n * selector instead of showing an empty card.\n */\nconst sdkInstallation = computed(() =>\n  getRenderableSdks(openApiDocument.value?.info?.['x-scalar-sdk-installation']),\n)\n\n/**\n * Narrow the (possibly AsyncAPI) documents to OpenAPI documents. api-reference\n * is OpenAPI-native, so AsyncAPI fields surface as undefined/empty.\n */\nconst openApiDocument = computed(() =>\n  isOpenApiDocument(document) ? document : undefined,\n)\nconst openApiClientDocument = computed(() =>\n  isOpenApiDocument(clientDocument) ? clientDocument : undefined,\n)\n\n/** AsyncAPI narrow, used to render the (currently channel-only) AsyncAPI content tree. */\nconst asyncApiDocument = computed(() =>\n  isAsyncApiDocument(document) ? document : undefined,\n)\n\n/** AsyncAPI narrow of the client document, where server selection/variables are persisted. */\nconst asyncApiClientDocument = computed(() =>\n  isAsyncApiDocument(clientDocument) ? clientDocument : undefined,\n)\n\nconst documentType = computed(() => getDocumentType(document))\n\nconst specificationVersion = computed(() => {\n  if (isAsyncApiDocument(document)) {\n    return document['x-original-aas-version'] ?? document.asyncapi\n  }\n  return openApiDocument.value?.['x-original-oas-version']\n})\n\n/** Computed property to get all OpenAPI extension fields from the root document object */\nconst documentExtensions = computed(() => getXKeysFromObject(document))\n\n/** Computed property to get all OpenAPI extension fields from the document's info object */\nconst infoExtensions = computed(() => getXKeysFromObject(document?.info))\n\n/** Compute the servers for the document */\nconst servers = computed(() =>\n  getServers(options?.servers ?? openApiClientDocument.value?.servers, {\n    baseServerUrl: options?.baseServerURL,\n    documentUrl: clientDocument?.['x-scalar-original-source-url'],\n  }),\n)\n\n/** Compute the selected server for the document only (for now) */\nconst selectedServer = computed(() =>\n  getSelectedServer(\n    openApiClientDocument.value ?? null,\n    null,\n    null,\n    servers.value,\n  ),\n)\n\n/**\n * Compute the AsyncAPI servers (all protocols, not just WebSocket) for the\n * document-level server selector.\n */\nconst asyncApiServers = computed(() =>\n  asyncApiClientDocument.value\n    ? getAsyncApiServers(asyncApiClientDocument.value, { webSocketOnly: false })\n    : [],\n)\n\n/** Compute the selected AsyncAPI server for the document */\nconst asyncApiSelectedServer = computed(() =>\n  getSelectedAsyncApiServer(\n    asyncApiClientDocument.value ?? null,\n    asyncApiServers.value,\n  ),\n)\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    openApiClientDocument.value?.components?.securitySchemes,\n    options.authentication?.securitySchemes,\n    authStore,\n    openApiClientDocument.value?.['x-scalar-navigation']?.name ?? '',\n    options.oauth2RedirectUri,\n  ),\n)\n\n/** Ensures firstLazyLoadComplete is set for documents with no Lazy sections (e.g. no operations/tags/models). */\nonMounted(() => {\n  scheduleInitialLoadComplete()\n})\n</script>\n<template>\n  <SectionFlare />\n\n  <div class=\"narrow-references-container\">\n    <slot name=\"start\" />\n\n    <!-- Render plugins at content.start view -->\n    <RenderPlugins\n      :documentSlug\n      :eventBus\n      :options\n      viewName=\"content.start\" />\n\n    <!-- Introduction -->\n\n    <InfoBlock\n      :id=\"infoSectionId\"\n      :documentDownloadType=\"options.documentDownloadType\"\n      :documentExtensions\n      :documentType\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :eventBus\n      :externalDocs=\"openApiDocument?.externalDocs\"\n      :headingSlugGenerator\n      :info=\"document?.info\"\n      :infoExtensions\n      :layout=\"options.layout\"\n      :specificationVersion>\n      <template #selectors>\n        <!-- Server Selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"servers?.length\"\n            class=\"scalar-reference-intro-server scalar-client introduction-card-item text-base leading-normal [--scalar-address-bar-height:0px]\">\n            <ServerSelector\n              :eventBus\n              :selectedServer\n              :servers />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- AsyncAPI Server Selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"asyncApiServers.length\"\n            class=\"scalar-reference-intro-server scalar-client introduction-card-item text-base leading-normal [--scalar-address-bar-height:0px]\">\n            <AsyncApiServerSelector\n              :eventBus\n              :selectedServer=\"asyncApiSelectedServer\"\n              :servers=\"asyncApiServers\" />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- Auth selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"document && !options.hideTestRequestButton\"\n            class=\"scalar-reference-intro-auth scalar-client introduction-card-item leading-normal\">\n            <Auth\n              :authStore\n              :document=\"clientDocument\"\n              :environment\n              :eventBus\n              :options\n              :securitySchemes\n              :selectedServer />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n\n        <!-- Custom SDK installation instructions, or the generic client selector -->\n        <ScalarErrorBoundary>\n          <IntroductionCardItem\n            v-if=\"sdkInstallation.length\"\n            class=\"introduction-card-item scalar-reference-intro-clients\">\n            <SdkInstallationInstructions\n              class=\"introduction-card-item scalar-reference-intro-clients\"\n              :eventBus\n              :selectedClient=\"xScalarDefaultClient\"\n              :xScalarSdkInstallation=\"sdkInstallation\" />\n          </IntroductionCardItem>\n          <IntroductionCardItem\n            v-else-if=\"clientOptions.length && !asyncApiDocument\"\n            class=\"introduction-card-item scalar-reference-intro-clients\">\n            <ClientSelector\n              class=\"introduction-card-item scalar-reference-intro-clients\"\n              :clientOptions\n              :eventBus\n              :selectedClient=\"xScalarDefaultClient\" />\n          </IntroductionCardItem>\n        </ScalarErrorBoundary>\n      </template>\n    </InfoBlock>\n\n    <!-- Render traversed operations and webhooks -->\n    <!-- Use recursive component for cleaner rendering -->\n    <TraversedEntry\n      v-if=\"items.length && openApiDocument\"\n      :authStore\n      :clientOptions\n      :document=\"openApiDocument\"\n      :entries=\"items\"\n      :eventBus\n      :expandedItems\n      :options\n      :securitySchemes\n      :selectedClient=\"xScalarDefaultClient\"\n      :selectedExample=\"xScalarDefaultExample\"\n      :selectedServer>\n    </TraversedEntry>\n\n    <!-- AsyncAPI: render channels grouped by tag, mirroring the sidebar order. -->\n    <AsyncApiTraversedEntry\n      v-else-if=\"items.length && asyncApiDocument\"\n      :document=\"asyncApiDocument\"\n      :entries=\"items\"\n      :eventBus\n      :expandedItems\n      :options />\n\n    <!-- Render plugins at content.end view -->\n    <RenderPlugins\n      :documentSlug\n      :eventBus\n      :options\n      viewName=\"content.end\" />\n\n    <slot name=\"end\" />\n    <!-- Placeholder content to allow the active item to be scrolled to the top while the rest of the content is lazy loaded -->\n    <div\n      v-if=\"!firstLazyLoadComplete\"\n      class=\"h-dvh\"></div>\n  </div>\n</template>\n\n<style>\n.narrow-references-container {\n  container-name: narrow-references-container;\n  container-type: inline-size;\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/Content.vue.script.js

@@ -16,8 +16,8 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { getAsyncApiServers, getSelectedAsyncApiServer } from "@scalar/workspace-store/channel-example";
 import { getSelectedServer, getServers, mergeSecurity } from "@scalar/workspace-store/request-example";
 import { getDocumentType, isAsyncApiDocument, isOpenApiDocument } from "@scalar/workspace-store/schemas/type-guards";
-import { generateClientOptions } from "@scalar/api-client/blocks/operation-code-sample";
 import { mapHiddenClientsConfig } from "@scalar/api-client/modal/map-hidden-clients-config";
+import { generateClientOptions } from "@scalar/blocks/code-example";
 import { ScalarErrorBoundary } from "@scalar/components/error-boundary";
 //#region src/components/Content/Content.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "narrow-references-container" };
@@ -35,6 +35,7 @@ var Content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		clientDocument: {},
 		authStore: {},
 		xScalarDefaultClient: {},
+		xScalarDefaultExample: {},
 		items: {},
 		expandedItems: {},
 		eventBus: {},
@@ -240,6 +241,7 @@ var Content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					options: __props.options,
 					securitySchemes: securitySchemes.value,
 					selectedClient: __props.xScalarDefaultClient,
+					selectedExample: __props.xScalarDefaultExample,
 					selectedServer: selectedServer.value
 				}, null, 8, [
 					"authStore",
@@ -251,6 +253,7 @@ var Content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					"options",
 					"securitySchemes",
 					"selectedClient",
+					"selectedExample",
 					"selectedServer"
 				])) : __props.items.length && asyncApiDocument.value ? (openBlock(), createBlock(unref(AsyncApiTraversedEntry_default), {
 					key: 1,