@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/blocks/operation-block/OperationBlock.vue.d.ts

@@ -9,8 +9,8 @@ import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensi
 import type { OpenApiDocument, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
 import type { ClientLayout } from '../../../hooks/index.js';
-import type { ExtendedScalarCookie } from '../../../v2/blocks/request-block/RequestBlock.vue';
-import type { MergedSecuritySchemes } from '../../../v2/blocks/scalar-auth-selector-block/helpers/merge-security';
+import type { ExtendedScalarCookie } from '../../../v2/blocks/request-block/RequestBlock.vue.js';
+import type { MergedSecuritySchemes } from '../../../v2/blocks/scalar-auth-selector-block/helpers/merge-security.js';
 /**
  * OperationBlock
  *

package/dist/v2/blocks/operation-block/OperationBlock.vue.js

@@ -0,0 +1,7 @@
+import OperationBlock_vue_vue_type_script_setup_true_lang_default from "./OperationBlock.vue.script.js";
+//#region src/v2/blocks/operation-block/OperationBlock.vue
+var OperationBlock_default = OperationBlock_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OperationBlock_default as default };
+
+//# sourceMappingURL=OperationBlock.vue.js.map

package/dist/v2/blocks/operation-block/OperationBlock.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationBlock.vue.js","names":[],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Document defined security */\n  documentSecurity: OpenApiDocument['security']\n  /** Document selected security */\n  documentSelectedSecurity: SelectedSecurity | undefined\n  /** Application version */\n  appVersion: string\n  /** Workspace/document cookies */\n  globalCookies: ExtendedScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethodType\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation selected security */\n  operationSelectedSecurity: SelectedSecurity | undefined\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n}\n</script>\n<script setup lang=\"ts\">\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport { type ClientPlugin } from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport type { ClientLayout } from '@/hooks'\nimport { ERRORS } from '@/libs/errors'\nimport { buildRequest } from '@/v2/blocks/operation-block/helpers/build-request'\nimport { getSecuritySchemes } from '@/v2/blocks/operation-block/helpers/build-request-security'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport { sendRequest } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { generateClientOptions } from '@/v2/blocks/operation-code-sample'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport type { ExtendedScalarCookie } from '@/v2/blocks/request-block/RequestBlock.vue'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport type { MergedSecuritySchemes } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n} from '@/v2/features/operation'\n\nimport Header from './components/Header.vue'\n\nconst {\n  authMeta,\n  environment,\n  documentSecurity,\n  documentSelectedSecurity,\n  eventBus,\n  exampleKey,\n  globalCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  method,\n  operation,\n  operationSelectedSecurity,\n  path,\n  plugins = [],\n  proxyUrl,\n  securitySchemes,\n  selectedClient,\n  server,\n  environments,\n  activeEnvironment,\n  serverMeta,\n} = defineProps<OperationBlockProps>()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\n/** Compute what the security requirements should be for an operation */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(documentSecurity, operation.security),\n)\n\n/** The selected security for the operation or document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity,\n    operationSelectedSecurity,\n    securityRequirements.value,\n    securitySchemes,\n  ),\n)\n\n/** The above selected requirements in scheme form */\nconst selectedSecuritySchemes = computed(() =>\n  getSecuritySchemes(securitySchemes, selectedSecurity.value.selectedSchemes),\n)\n\nconst { toast } = useToasts()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst request = ref<Request | null>(null)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast('Path parameters must have values.', 'error')\n    return\n  }\n\n  const [error, result] = buildRequest({\n    environment,\n    exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path,\n    selectedSecuritySchemes: selectedSecuritySchemes.value,\n    server,\n    proxyUrl,\n  })\n\n  // Toast the error\n  if (error) {\n    toast(error.message, 'error')\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = result.controller\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: result.isUsingProxy,\n    operation,\n    plugins,\n    request: result.request,\n  })\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse,\n          request: sendResult.request.clone(),\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  // Toast the execute error\n  if (sendError) {\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  request.value = sendResult.request\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      request: sendResult.request,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as HttpMethodType,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        response.value = fetchResponse\n        request.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\n/**\n * When the path, method, or example key changes: save current response to\n * cache (so it can be restored when navigating back), then restore from cache\n * for the new operation or clear if no cached response. Response is only\n * cleared on page refresh or when making a new request for that operation.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    const newKey = getOperationExampleKey(newMethod, newPath, newExampleKey)\n    const cached = responseCache.get(newKey)\n    if (cached) {\n      response.value = cached.response\n      request.value = cached.request\n    } else {\n      response.value = null\n      request.value = null\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :layout\n        :method\n        :path\n        :server\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @select:history:item=\"handleSelectHistoryItem\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <RequestBlock\n          :authMeta\n          :clientOptions\n          :environment\n          :eventBus\n          :exampleKey\n          :globalCookies\n          :layout\n          :method\n          :operation\n          :path\n          :plugins\n          :proxyUrl\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :layout\n          :plugins\n          :request\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/OperationBlock.vue.script.js

@@ -0,0 +1,302 @@
+import { ERRORS } from "../../../libs/errors.js";
+import { getSecuritySchemes } from "./helpers/build-request-security.js";
+import ViewLayout_default from "../../../components/ViewLayout/ViewLayout.vue.js";
+import ViewLayoutContent_default from "../../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { buildRequest } from "./helpers/build-request.js";
+import { harToFetchRequest } from "./helpers/har-to-fetch-request.js";
+import { harToFetchResponse } from "./helpers/har-to-fetch-response.js";
+import { getOperationExampleKey, isStreamingResponse, responseCache } from "./helpers/response-cache.js";
+import { sendRequest } from "./helpers/send-request.js";
+import { validatePathParameters } from "./helpers/validate-path-parameters.js";
+import { generateClientOptions } from "../operation-code-sample/helpers/generate-client-options.js";
+import RequestBlock_default from "../request-block/RequestBlock.vue.js";
+import ResponseBlock_default from "../response-block/ResponseBlock.vue.js";
+import { getSecurityRequirements } from "../../features/operation/helpers/get-security-requirements.js";
+import { getSelectedSecurity } from "../../features/operation/helpers/get-selected-security.js";
+import Header_default from "./components/Header.vue.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, watch, withCtx } from "vue";
+import { useToasts } from "@scalar/use-toasts";
+import { AVAILABLE_CLIENTS } from "@scalar/types/snippetz";
+//#region src/v2/blocks/operation-block/OperationBlock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "bg-b-1 flex h-full flex-col" };
+var _hoisted_2 = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0" };
+var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "OperationBlock",
+	props: {
+		eventBus: {},
+		documentSecurity: {},
+		documentSelectedSecurity: {},
+		appVersion: {},
+		globalCookies: { default: () => [] },
+		path: {},
+		method: {},
+		httpClients: { default: () => AVAILABLE_CLIENTS },
+		history: { default: () => [] },
+		layout: {},
+		server: {},
+		selectedClient: {},
+		servers: {},
+		serverMeta: {},
+		hideClientButton: { type: Boolean },
+		integration: {},
+		documentUrl: {},
+		source: {},
+		operation: {},
+		operationSelectedSecurity: {},
+		exampleKey: {},
+		authMeta: {},
+		securitySchemes: {},
+		plugins: { default: () => [] },
+		environments: {},
+		activeEnvironment: {},
+		environment: {},
+		proxyUrl: {}
+	},
+	setup(__props) {
+		/** Hoist up client generation so it doesn't get re-generated on every operation */
+		const clientOptions = computed(() => generateClientOptions(__props.httpClients));
+		/** Compute what the security requirements should be for an operation */
+		const securityRequirements = computed(() => getSecurityRequirements(__props.documentSecurity, __props.operation.security));
+		/** The selected security for the operation or document */
+		const selectedSecurity = computed(() => getSelectedSecurity(__props.documentSelectedSecurity, __props.operationSelectedSecurity, securityRequirements.value, __props.securitySchemes));
+		/** The above selected requirements in scheme form */
+		const selectedSecuritySchemes = computed(() => getSecuritySchemes(__props.securitySchemes, selectedSecurity.value.selectedSchemes));
+		const { toast } = useToasts();
+		const abortController = ref(null);
+		const response = ref(null);
+		const request = ref(null);
+		/** Cancel the request */
+		const cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED);
+		/** Execute the current operation example */
+		const handleExecute = async () => {
+			if (validatePathParameters(__props.operation.parameters ?? [], __props.exampleKey).ok === false) {
+				toast("Path parameters must have values.", "error");
+				return;
+			}
+			const [error, result] = buildRequest({
+				environment: __props.environment,
+				exampleKey: __props.exampleKey,
+				globalCookies: __props.globalCookies,
+				method: __props.method,
+				operation: __props.operation,
+				path: __props.path,
+				selectedSecuritySchemes: selectedSecuritySchemes.value,
+				server: __props.server,
+				proxyUrl: __props.proxyUrl
+			});
+			if (error) {
+				toast(error.message, "error");
+				return;
+			}
+			abortController.value = result.controller;
+			if (response.value && "reader" in response.value) response.value.reader.cancel();
+			__props.eventBus.emit("hooks:on:request:sent", { meta: {
+				method: __props.method,
+				path: __props.path,
+				exampleKey: __props.exampleKey
+			} });
+			/** Execute the request */
+			const [sendError, sendResult] = await sendRequest({
+				isUsingProxy: result.isUsingProxy,
+				operation: __props.operation,
+				plugins: __props.plugins,
+				request: result.request
+			});
+			__props.eventBus.emit("hooks:on:request:complete", {
+				payload: sendResult ? {
+					response: sendResult.originalResponse,
+					request: sendResult.request.clone(),
+					duration: sendResult.response.duration,
+					timestamp: sendResult.timestamp
+				} : void 0,
+				meta: {
+					method: __props.method,
+					path: __props.path,
+					exampleKey: __props.exampleKey
+				}
+			});
+			if (sendError) {
+				toast(sendError.message, "error");
+				return;
+			}
+			response.value = sendResult.response;
+			request.value = sendResult.request;
+			if (!isStreamingResponse(sendResult.response)) responseCache.set(getOperationExampleKey(__props.method, __props.path, __props.exampleKey), {
+				response: sendResult.response,
+				request: sendResult.request
+			});
+		};
+		onMounted(() => {
+			__props.eventBus.on("operation:send:request:hotkey", handleExecute);
+			__props.eventBus.on("operation:cancel:request", cancelRequest);
+		});
+		onBeforeUnmount(() => {
+			__props.eventBus.off("operation:send:request:hotkey", handleExecute);
+			__props.eventBus.off("operation:cancel:request", cancelRequest);
+		});
+		const operationHistory = computed(() => __props.history.map((entry) => ({
+			method: entry.request.method,
+			path: entry.request.url,
+			duration: entry.time,
+			status: entry.response.status
+		})).reverse());
+		const handleSelectHistoryItem = ({ index }) => {
+			const transformedIndex = (__props.history.length ?? 0) - index - 1;
+			const historyItem = __props.history[transformedIndex];
+			if (!historyItem) return;
+			const navigate = () => __props.eventBus.emit("ui:navigate", {
+				page: "example",
+				method: __props.method,
+				path: __props.path,
+				exampleName: "draft",
+				callback: (status) => {
+					if (status !== "success") return;
+					const fetchResponse = harToFetchResponse({
+						harResponse: historyItem.response,
+						url: historyItem.request.url,
+						method: __props.method,
+						path: __props.path,
+						duration: historyItem.time
+					});
+					const fetchRequest = harToFetchRequest({ harRequest: historyItem.request });
+					response.value = fetchResponse;
+					request.value = fetchRequest;
+				}
+			});
+			__props.eventBus.emit("operation:reload:history", {
+				meta: {
+					path: __props.path,
+					method: __props.method
+				},
+				index: transformedIndex,
+				callback: navigate
+			});
+		};
+		/**
+		* When the path, method, or example key changes: save current response to
+		* cache (so it can be restored when navigating back), then restore from cache
+		* for the new operation or clear if no cached response. Response is only
+		* cleared on page refresh or when making a new request for that operation.
+		*/
+		watch([
+			() => __props.path,
+			() => __props.method,
+			() => __props.exampleKey
+		], ([newPath, newMethod, newExampleKey]) => {
+			const newKey = getOperationExampleKey(newMethod, newPath, newExampleKey);
+			const cached = responseCache.get(newKey);
+			if (cached) {
+				response.value = cached.response;
+				request.value = cached.request;
+			} else {
+				response.value = null;
+				request.value = null;
+			}
+			cancelRequest();
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			cancelRequest();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(Header_default, {
+				activeEnvironment: __props.activeEnvironment,
+				documentUrl: __props.documentUrl,
+				environment: __props.environment,
+				environments: __props.environments,
+				eventBus: __props.eventBus,
+				hideClientButton: __props.hideClientButton,
+				history: operationHistory.value,
+				integration: __props.integration,
+				layout: __props.layout,
+				method: __props.method,
+				path: __props.path,
+				server: __props.server,
+				serverMeta: __props.serverMeta,
+				servers: __props.servers,
+				source: __props.source,
+				onExecute: handleExecute,
+				"onSelect:history:item": handleSelectHistoryItem
+			}, null, 8, [
+				"activeEnvironment",
+				"documentUrl",
+				"environment",
+				"environments",
+				"eventBus",
+				"hideClientButton",
+				"history",
+				"integration",
+				"layout",
+				"method",
+				"path",
+				"server",
+				"serverMeta",
+				"servers",
+				"source"
+			])]), createVNode(ViewLayout_default, { class: "border-t" }, {
+				default: withCtx(() => [createVNode(ViewLayoutContent_default, { class: "flex-1" }, {
+					default: withCtx(() => [createVNode(unref(RequestBlock_default), {
+						authMeta: __props.authMeta,
+						clientOptions: clientOptions.value,
+						environment: __props.environment,
+						eventBus: __props.eventBus,
+						exampleKey: __props.exampleKey,
+						globalCookies: __props.globalCookies,
+						layout: __props.layout,
+						method: __props.method,
+						operation: __props.operation,
+						path: __props.path,
+						plugins: __props.plugins,
+						proxyUrl: __props.proxyUrl,
+						securityRequirements: securityRequirements.value,
+						securitySchemes: __props.securitySchemes,
+						selectedClient: __props.selectedClient,
+						selectedSecurity: selectedSecurity.value,
+						selectedSecuritySchemes: selectedSecuritySchemes.value,
+						server: __props.server
+					}, null, 8, [
+						"authMeta",
+						"clientOptions",
+						"environment",
+						"eventBus",
+						"exampleKey",
+						"globalCookies",
+						"layout",
+						"method",
+						"operation",
+						"path",
+						"plugins",
+						"proxyUrl",
+						"securityRequirements",
+						"securitySchemes",
+						"selectedClient",
+						"selectedSecurity",
+						"selectedSecuritySchemes",
+						"server"
+					]), createVNode(unref(ResponseBlock_default), {
+						appVersion: __props.appVersion,
+						eventBus: __props.eventBus,
+						layout: __props.layout,
+						plugins: __props.plugins,
+						request: request.value,
+						response: response.value,
+						totalPerformedRequests: operationHistory.value.length
+					}, null, 8, [
+						"appVersion",
+						"eventBus",
+						"layout",
+						"plugins",
+						"request",
+						"response",
+						"totalPerformedRequests"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+export { OperationBlock_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationBlock.vue.script.js.map

package/dist/v2/blocks/operation-block/OperationBlock.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationBlock.vue.script.js","names":[],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Document defined security */\n  documentSecurity: OpenApiDocument['security']\n  /** Document selected security */\n  documentSelectedSecurity: SelectedSecurity | undefined\n  /** Application version */\n  appVersion: string\n  /** Workspace/document cookies */\n  globalCookies: ExtendedScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethodType\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation selected security */\n  operationSelectedSecurity: SelectedSecurity | undefined\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n}\n</script>\n<script setup lang=\"ts\">\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport { type ClientPlugin } from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport type { ClientLayout } from '@/hooks'\nimport { ERRORS } from '@/libs/errors'\nimport { buildRequest } from '@/v2/blocks/operation-block/helpers/build-request'\nimport { getSecuritySchemes } from '@/v2/blocks/operation-block/helpers/build-request-security'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport { sendRequest } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { generateClientOptions } from '@/v2/blocks/operation-code-sample'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport type { ExtendedScalarCookie } from '@/v2/blocks/request-block/RequestBlock.vue'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport type { MergedSecuritySchemes } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n} from '@/v2/features/operation'\n\nimport Header from './components/Header.vue'\n\nconst {\n  authMeta,\n  environment,\n  documentSecurity,\n  documentSelectedSecurity,\n  eventBus,\n  exampleKey,\n  globalCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  method,\n  operation,\n  operationSelectedSecurity,\n  path,\n  plugins = [],\n  proxyUrl,\n  securitySchemes,\n  selectedClient,\n  server,\n  environments,\n  activeEnvironment,\n  serverMeta,\n} = defineProps<OperationBlockProps>()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\n/** Compute what the security requirements should be for an operation */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(documentSecurity, operation.security),\n)\n\n/** The selected security for the operation or document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    documentSelectedSecurity,\n    operationSelectedSecurity,\n    securityRequirements.value,\n    securitySchemes,\n  ),\n)\n\n/** The above selected requirements in scheme form */\nconst selectedSecuritySchemes = computed(() =>\n  getSecuritySchemes(securitySchemes, selectedSecurity.value.selectedSchemes),\n)\n\nconst { toast } = useToasts()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst request = ref<Request | null>(null)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast('Path parameters must have values.', 'error')\n    return\n  }\n\n  const [error, result] = buildRequest({\n    environment,\n    exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path,\n    selectedSecuritySchemes: selectedSecuritySchemes.value,\n    server,\n    proxyUrl,\n  })\n\n  // Toast the error\n  if (error) {\n    toast(error.message, 'error')\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = result.controller\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: result.isUsingProxy,\n    operation,\n    plugins,\n    request: result.request,\n  })\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse,\n          request: sendResult.request.clone(),\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  // Toast the execute error\n  if (sendError) {\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  request.value = sendResult.request\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      request: sendResult.request,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as HttpMethodType,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        response.value = fetchResponse\n        request.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\n/**\n * When the path, method, or example key changes: save current response to\n * cache (so it can be restored when navigating back), then restore from cache\n * for the new operation or clear if no cached response. Response is only\n * cleared on page refresh or when making a new request for that operation.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    const newKey = getOperationExampleKey(newMethod, newPath, newExampleKey)\n    const cached = responseCache.get(newKey)\n    if (cached) {\n      response.value = cached.response\n      request.value = cached.request\n    } else {\n      response.value = null\n      request.value = null\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :layout\n        :method\n        :path\n        :server\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @select:history:item=\"handleSelectHistoryItem\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <RequestBlock\n          :authMeta\n          :clientOptions\n          :environment\n          :eventBus\n          :exampleKey\n          :globalCookies\n          :layout\n          :method\n          :operation\n          :path\n          :plugins\n          :proxyUrl\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :layout\n          :plugins\n          :request\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;CAeE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IR,MAAM,gBAAgB,eAAe,sBAAsB,QAAA,YAAY,CAAA;;EAGvE,MAAM,uBAAuB,eAC3B,wBAAwB,QAAA,kBAAkB,QAAA,UAAU,SAAS,CAC/D;;EAGA,MAAM,mBAAmB,eACvB,oBACE,QAAA,0BACA,QAAA,2BACA,qBAAqB,OACrB,QAAA,gBACD,CACH;;EAGA,MAAM,0BAA0B,eAC9B,mBAAmB,QAAA,iBAAiB,iBAAiB,MAAM,gBAAgB,CAC7E;EAEA,MAAM,EAAE,UAAU,WAAU;EAG5B,MAAM,kBAAkB,IAA4B,KAAI;EACxD,MAAM,WAAW,IAA6B,KAAI;EAClD,MAAM,UAAU,IAAoB,KAAI;;EAGxC,MAAM,sBAAsB,gBAAgB,OAAO,MAAM,OAAO,gBAAe;;EAG/E,MAAM,gBAAgB,YAAY;AAKhC,OAJuB,uBACrB,QAAA,UAAU,cAAc,EAAE,EAC1B,QAAA,WACF,CACmB,OAAO,OAAO;AAC/B,UAAM,qCAAqC,QAAO;AAClD;;GAGF,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,aAAU,QAAA;IACV,YAAS,QAAA;IACT,eAAY,QAAA;IACZ,QAAK,QAAA;IACL,WAAQ,QAAA;IACR,MAAG,QAAA;IACH,yBAAyB,wBAAwB;IACjD,QAAK,QAAA;IACL,UAAO,QAAA;IACR,CAAA;AAGD,OAAI,OAAO;AACT,UAAM,MAAM,SAAS,QAAO;AAC5B;;AAIF,mBAAgB,QAAQ,OAAO;AAG/B,OAAI,SAAS,SAAS,YAAY,SAAS,MACzC,UAAS,MAAM,OAAO,QAAO;AAI/B,WAAA,SAAS,KAAK,yBAAyB,EACrC,MAAM;IACJ,QAAK,QAAA;IACL,MAAG,QAAA;IACH,YAAS,QAAA;IACV,EACF,CAAA;;GAGD,MAAM,CAAC,WAAW,cAAc,MAAM,YAAY;IAChD,cAAc,OAAO;IACrB,WAAQ,QAAA;IACR,SAAM,QAAA;IACN,SAAS,OAAO;IACjB,CAAA;AAGD,WAAA,SAAS,KAAK,6BAA6B;IACzC,SAAS,aACL;KACE,UAAU,WAAW;KACrB,SAAS,WAAW,QAAQ,OAAO;KACnC,UAAU,WAAW,SAAS;KAC9B,WAAW,WAAW;KACxB,GACA,KAAA;IACJ,MAAM;KACJ,QAAK,QAAA;KACL,MAAG,QAAA;KACH,YAAS,QAAA;KACV;IACF,CAAA;AAGD,OAAI,WAAW;AACb,UAAM,UAAU,SAAS,QAAO;AAChC;;AAIF,YAAS,QAAQ,WAAW;AAC5B,WAAQ,QAAQ,WAAW;AAG3B,OAAI,CAAC,oBAAoB,WAAW,SAAS,CAC3C,eAAc,IAAI,uBAAuB,QAAA,QAAQ,QAAA,MAAM,QAAA,WAAW,EAAE;IAClE,UAAU,WAAW;IACrB,SAAS,WAAW;IACrB,CAAA;;AAIL,kBAAgB;AACd,WAAA,SAAS,GAAG,iCAAiC,cAAa;AAC1D,WAAA,SAAS,GAAG,4BAA4B,cAAa;IACtD;AACD,wBAAsB;AACpB,WAAA,SAAS,IAAI,iCAAiC,cAAa;AAC3D,WAAA,SAAS,IAAI,4BAA4B,cAAa;IACvD;EAED,MAAM,mBAAmB,eACvB,QAAA,QACG,KAAK,WAAW;GACf,QAAQ,MAAM,QAAQ;GACtB,MAAM,MAAM,QAAQ;GACpB,UAAU,MAAM;GAChB,QAAQ,MAAM,SAAS;GACxB,EAAC,CACD,SAAS,CACd;EAEA,MAAM,2BAA2B,EAAE,YAA+B;GAChE,MAAM,oBAAoB,QAAA,QAAQ,UAAU,KAAK,QAAQ;GACzD,MAAM,cAAc,QAAA,QAAQ;AAC5B,OAAI,CAAC,YACH;GAGF,MAAM,iBACJ,QAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,QAAK,QAAA;IACL,MAAG,QAAA;IACH,aAAa;IACb,WAAW,WAAW;AAEpB,SAAI,WAAW,UACb;KAGF,MAAM,gBAAgB,mBAAmB;MACvC,aAAa,YAAY;MACzB,KAAK,YAAY,QAAQ;MACzB,QAAK,QAAA;MACL,MAAG,QAAA;MACH,UAAU,YAAY;MACvB,CAAA;KAGD,MAAM,eAAe,kBAAkB,EACrC,YAAY,YAAY,SACzB,CAAA;AAGD,cAAS,QAAQ;AACjB,aAAQ,QAAQ;;IAEnB,CAAA;AAEH,WAAA,SAAS,KAAK,4BAA4B;IACxC,MAAM;KACJ,MAAG,QAAA;KACH,QAAK,QAAA;KACN;IACD,OAAO;IACP,UAAU;IACX,CAAA;;;;;;;;AASH,QACE;SAAO,QAAA;SAAY,QAAA;SAAc,QAAA;GAAW,GAC3C,CAAC,SAAS,WAAW,mBAAmB;GACvC,MAAM,SAAS,uBAAuB,WAAW,SAAS,cAAa;GACvE,MAAM,SAAS,cAAc,IAAI,OAAM;AACvC,OAAI,QAAQ;AACV,aAAS,QAAQ,OAAO;AACxB,YAAQ,QAAQ,OAAO;UAClB;AACL,aAAS,QAAQ;AACjB,YAAQ,QAAQ;;AAIlB,kBAAc;KAEhB,EAAE,WAAW,MAAM,CACrB;AAEA,wBAAsB;AAEpB,kBAAc;IACf;;uBAGC,mBA0DM,OA1DN,YA0DM,CAzDJ,mBAqBM,OArBN,YAqBM,CAlBJ,YAiBmD,gBAAA;IAhBhD,mBAAA,QAAA;IACA,aAAA,QAAA;IACA,aAAA,QAAA;IACA,cAAA,QAAA;IACA,UAAA,QAAA;IACA,kBAAA,QAAA;IACA,SAAS,iBAAA;IACT,aAAA,QAAA;IACA,QAAA,QAAA;IACA,QAAA,QAAA;IACA,MAAA,QAAA;IACA,QAAA,QAAA;IACA,YAAA,QAAA;IACA,SAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAS;IACT,yBAAqB;;;;;;;;;;;;;;;;;SAG1B,YAiCa,oBAAA,EAjCD,OAAM,YAAU,EAAA;2BAgCN,CA/BpB,YA+BoB,2BAAA,EA/BD,OAAM,UAAQ,EAAA;4BAoBnB,CAlBZ,YAkBY,MAAA,qBAAA,EAAA;MAjBT,UAAA,QAAA;MACA,eAAA,cAAA;MACA,aAAA,QAAA;MACA,UAAA,QAAA;MACA,YAAA,QAAA;MACA,eAAA,QAAA;MACA,QAAA,QAAA;MACA,QAAA,QAAA;MACA,WAAA,QAAA;MACA,MAAA,QAAA;MACA,SAAA,QAAA;MACA,UAAA,QAAA;MACA,sBAAA,qBAAA;MACA,iBAAA,QAAA;MACA,gBAAA,QAAA;MACA,kBAAA,iBAAA;MACA,yBAAA,wBAAA;MACA,QAAA,QAAA;;;;;;;;;;;;;;;;;;;;SAGH,YAOsD,MAAA,sBAAA,EAAA;MANnD,YAAA,QAAA;MACA,UAAA,QAAA;MACA,QAAA,QAAA;MACA,SAAA,QAAA;MACA,SAAA,QAAA;MACA,UAAA,SAAA;MACA,wBAAwB,iBAAA,MAAiB"}

package/dist/v2/blocks/operation-block/components/Header.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue.script.js";
+/* empty css                     */
+//#region src/v2/blocks/operation-block/components/Header.vue
+var Header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0e03d0d8"]]);
+//#endregion
+export { Header_default as default };
+
+//# sourceMappingURL=Header.vue.js.map

package/dist/v2/blocks/operation-block/components/Header.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethod\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { OpenApiClientButton } from '@/components'\nimport type { ClientLayout } from '@/hooks'\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\n\nconst { hideClientButton = false, eventBus } = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n}>()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!--\n          Holds space for the sidebar toggle\n\n          Hidden for `modal` layout\n      -->\n      <div class=\"size-8\"></div>\n    </div>\n    <AddressBar\n      :activeEnvironment\n      :environment\n      :environments\n      :eventBus\n      :history\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"\n        (payload) => emit('select:history:item', payload)\n      \" />\n\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-2 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/components/Header.vue.script.js

@@ -0,0 +1,126 @@
+import OpenApiClientButton_default from "../../../../components/OpenApiClientButton.vue.js";
+import AddressBar_default from "../../scalar-address-bar-block/components/AddressBar.vue.js";
+import EnvironmentSelector_default from "../../scalar-address-bar-block/components/EnvironmentSelector.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/v2/blocks/operation-block/components/Header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center p-2 pt-2 lg:p-1 lg:pt-1" };
+var _hoisted_2 = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-2 lg:mb-0 lg:flex-1 lg:px-2.5" };
+var Header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Header",
+	props: {
+		path: {},
+		method: {},
+		layout: {},
+		hideClientButton: {
+			type: Boolean,
+			default: false
+		},
+		integration: {},
+		documentUrl: {},
+		source: {},
+		server: {},
+		servers: {},
+		history: {},
+		eventBus: {},
+		environments: {},
+		activeEnvironment: {},
+		environment: {},
+		serverMeta: {}
+	},
+	emits: [
+		"execute",
+		"select:history:item",
+		"add:environment"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const handleSelectEnvironment = (environmentName) => {
+			__props.eventBus.emit("workspace:update:active-environment", environmentName);
+		};
+		const handleAddEnvironment = () => {
+			__props.eventBus.emit("ui:navigate", {
+				page: "document",
+				path: "environment"
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[7] || (_cache[7] = createElementVNode("div", { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, [createElementVNode("div", { class: "size-8" })], -1)),
+				createVNode(unref(AddressBar_default), {
+					activeEnvironment: __props.activeEnvironment,
+					environment: __props.environment,
+					environments: __props.environments,
+					eventBus: __props.eventBus,
+					history: __props.history,
+					layout: __props.layout,
+					method: __props.method,
+					path: __props.path,
+					server: __props.server,
+					serverMeta: __props.serverMeta,
+					servers: __props.servers,
+					"onAdd:environment": _cache[0] || (_cache[0] = ($event) => emit("add:environment")),
+					onExecute: _cache[1] || (_cache[1] = ($event) => emit("execute")),
+					"onSelect:history:item": _cache[2] || (_cache[2] = (payload) => emit("select:history:item", payload))
+				}, null, 8, [
+					"activeEnvironment",
+					"environment",
+					"environments",
+					"eventBus",
+					"history",
+					"layout",
+					"method",
+					"path",
+					"server",
+					"serverMeta",
+					"servers"
+				]),
+				createElementVNode("div", _hoisted_2, [
+					__props.layout !== "modal" ? (openBlock(), createBlock(EnvironmentSelector_default, {
+						key: 0,
+						activeEnvironment: __props.activeEnvironment,
+						environments: __props.environments,
+						"onAdd:environment": handleAddEnvironment,
+						"onSelect:environment": handleSelectEnvironment
+					}, null, 8, ["activeEnvironment", "environments"])) : createCommentVNode("", true),
+					__props.layout === "modal" && __props.documentUrl && !__props.hideClientButton ? (openBlock(), createBlock(unref(OpenApiClientButton_default), {
+						key: 1,
+						buttonSource: "modal",
+						class: "!w-fit lg:-mr-1",
+						integration: __props.integration ?? null,
+						source: __props.source ?? "api-reference",
+						url: __props.documentUrl
+					}, null, 8, [
+						"integration",
+						"source",
+						"url"
+					])) : createCommentVNode("", true),
+					__props.layout === "modal" && __props.source !== "gitbook" ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+						type: "button",
+						onClick: _cache[3] || (_cache[3] = ($event) => __props.eventBus.emit("ui:close:client-modal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "lg",
+						thickness: "2"
+					}), _cache[5] || (_cache[5] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true),
+					__props.layout === "modal" && __props.source === "gitbook" ? (openBlock(), createElementBlock("button", {
+						key: 3,
+						class: "text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2",
+						type: "button",
+						onClick: _cache[4] || (_cache[4] = ($event) => __props.eventBus.emit("ui:close:client-modal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "md",
+						thickness: "1.75"
+					}), _cache[6] || (_cache[6] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true)
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { Header_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Header.vue.script.js.map

package/dist/v2/blocks/operation-block/components/Header.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethod\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { OpenApiClientButton } from '@/components'\nimport type { ClientLayout } from '@/hooks'\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\n\nconst { hideClientButton = false, eventBus } = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n}>()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!--\n          Holds space for the sidebar toggle\n\n          Hidden for `modal` layout\n      -->\n      <div class=\"size-8\"></div>\n    </div>\n    <AddressBar\n      :activeEnvironment\n      :environment\n      :environments\n      :eventBus\n      :history\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"\n        (payload) => emit('select:history:item', payload)\n      \" />\n\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-2 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DA,MAAM,OAAO;EASb,MAAM,2BAA2B,oBAA4B;AAC3D,WAAA,SAAS,KAAK,uCAAuC,gBAAe;;EAGtE,MAAM,6BAA6B;AACjC,WAAA,SAAS,KAAK,eAAe;IAAE,MAAM;IAAY,MAAM;IAAe,CAAA;;;uBAKtE,mBAwFM,OAxFN,YAwFM;8BAtFJ,mBAQM,OAAA,EAPJ,OAAM,yEAAuE,EAAA,CAM7E,mBAA0B,OAAA,EAArB,OAAM,UAAQ,CAAA,CAAA,EAAA,GAAA;IAErB,YAgBM,MAAA,mBAAA,EAAA;KAfH,mBAAA,QAAA;KACA,aAAA,QAAA;KACA,cAAA,QAAA;KACA,UAAA,QAAA;KACA,SAAA,QAAA;KACA,QAAA,QAAA;KACA,QAAA,QAAA;KACA,MAAA,QAAA;KACA,QAAA,QAAA;KACA,YAAA,QAAA;KACA,SAAA,QAAA;KACA,qBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;KACrB,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;KACb,yBAAmB,OAAA,OAAA,OAAA,MAAY,YAAY,KAAI,uBAAwB,QAAO;;;;;;;;;;;;;;IAIjF,mBA0DM,OA1DN,YA0DM;KAnDI,QAAA,WAAM,WAAA,WAAA,EADd,YAKkD,6BAAA;;MAH/C,mBAAmB,QAAA;MACnB,cAAc,QAAA;MACd,qBAAiB;MACjB,wBAAoB;;KAOf,QAAA,WAAM,WAAgB,QAAA,eAAW,CAAK,QAAA,oBAAA,WAAA,EAD9C,YAMuB,MAAA,4BAAA,EAAA;;MAJrB,cAAa;MACb,OAAM;MACL,aAAa,QAAA,eAAW;MACxB,QAAQ,QAAA,UAAM;MACd,KAAK,QAAA;;;;;;KAQA,QAAA,WAAM,WAAgB,QAAA,WAAM,aAAA,WAAA,EADpC,mBAUS,UAAA;;MARP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,wBAAA;SACrB,YAGkB,MAAA,WAAA,EAAA;MAFhB,MAAK;MACL,MAAK;MACL,WAAU;mCACZ,mBAAyC,QAAA,EAAnC,OAAM,WAAS,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAS5B,QAAA,WAAM,WAAgB,QAAA,WAAM,aAAA,WAAA,EADpC,mBAUS,UAAA;;MARP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,wBAAA;SACrB,YAGqB,MAAA,WAAA,EAAA;MAFnB,MAAK;MACL,MAAK;MACL,WAAU;mCACZ,mBAAyC,QAAA,EAAnC,OAAM,WAAS,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.js

@@ -0,0 +1,58 @@
+//#region src/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.ts
+/**
+* Reserved characters we can safely decode in query values when OpenAPI
+* `allowReserved` is enabled.
+*
+* We intentionally keep percent-encodings for characters that can break query
+* parsing (`#`, `&`, `=`, `?`, `[`, `]`) or change x-www-form-urlencoded
+* semantics (`+`).
+*
+* @see https://spec.openapis.org/oas/v3.1.0.html#fixed-fields-10
+*/
+var DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING = {
+	"21": "!",
+	"24": "$",
+	"27": "'",
+	"28": "(",
+	"29": ")",
+	"2A": "*",
+	"2C": ",",
+	"2F": "/",
+	"3A": ":",
+	"3B": ";",
+	"40": "@"
+};
+var decodeReservedCharacters = (value) => value.replace(/%([0-9A-Fa-f]{2})/g, (match, code) => DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING[code.toUpperCase()] ?? match);
+var decodeQueryKey = (key) => {
+	try {
+		return decodeURIComponent(key.replaceAll("+", "%20"));
+	} catch {
+		return key;
+	}
+};
+/**
+* Decodes reserved character percent-encodings only for query keys marked with
+* OpenAPI's `allowReserved: true`.
+*/
+var applyAllowReservedToUrl = (url, allowReservedQueryParameters) => {
+	if (allowReservedQueryParameters.size === 0) return url;
+	const queryStart = url.indexOf("?");
+	if (queryStart === -1) return url;
+	const hashStart = url.indexOf("#", queryStart);
+	const urlPrefix = url.slice(0, queryStart + 1);
+	const query = hashStart === -1 ? url.slice(queryStart + 1) : url.slice(queryStart + 1, hashStart);
+	const hash = hashStart === -1 ? "" : url.slice(hashStart);
+	if (!query) return url;
+	return `${urlPrefix}${query.split("&").map((segment) => {
+		if (!segment) return segment;
+		const equalsIndex = segment.indexOf("=");
+		const rawKey = equalsIndex === -1 ? segment : segment.slice(0, equalsIndex);
+		const key = decodeQueryKey(rawKey);
+		if (!allowReservedQueryParameters.has(key) || equalsIndex === -1) return segment;
+		return `${rawKey}=${decodeReservedCharacters(segment.slice(equalsIndex + 1))}`;
+	}).join("&")}${hash}`;
+};
+//#endregion
+export { applyAllowReservedToUrl };
+
+//# sourceMappingURL=apply-allow-reserved-to-url.js.map

package/dist/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-allow-reserved-to-url.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.ts"],"sourcesContent":["/**\n * Reserved characters we can safely decode in query values when OpenAPI\n * `allowReserved` is enabled.\n *\n * We intentionally keep percent-encodings for characters that can break query\n * parsing (`#`, `&`, `=`, `?`, `[`, `]`) or change x-www-form-urlencoded\n * semantics (`+`).\n *\n * @see https://spec.openapis.org/oas/v3.1.0.html#fixed-fields-10\n */\nconst DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING: Record<string, string> = {\n  '21': '!',\n  '24': '$',\n  '27': \"'\",\n  '28': '(',\n  '29': ')',\n  '2A': '*',\n  '2C': ',',\n  '2F': '/',\n  '3A': ':',\n  '3B': ';',\n  '40': '@',\n}\n\nconst decodeReservedCharacters = (value: string): string =>\n  value.replace(\n    /%([0-9A-Fa-f]{2})/g,\n    (match, code: string) => DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING[code.toUpperCase()] ?? match,\n  )\n\nconst decodeQueryKey = (key: string): string => {\n  try {\n    return decodeURIComponent(key.replaceAll('+', '%20'))\n  } catch {\n    return key\n  }\n}\n\n/**\n * Decodes reserved character percent-encodings only for query keys marked with\n * OpenAPI's `allowReserved: true`.\n */\nexport const applyAllowReservedToUrl = (url: string, allowReservedQueryParameters: Set<string>): string => {\n  if (allowReservedQueryParameters.size === 0) {\n    return url\n  }\n\n  const queryStart = url.indexOf('?')\n  if (queryStart === -1) {\n    return url\n  }\n\n  const hashStart = url.indexOf('#', queryStart)\n  const urlPrefix = url.slice(0, queryStart + 1)\n  const query = hashStart === -1 ? url.slice(queryStart + 1) : url.slice(queryStart + 1, hashStart)\n  const hash = hashStart === -1 ? '' : url.slice(hashStart)\n\n  if (!query) {\n    return url\n  }\n\n  const decodedQuery = query\n    .split('&')\n    .map((segment) => {\n      if (!segment) {\n        return segment\n      }\n\n      const equalsIndex = segment.indexOf('=')\n      const rawKey = equalsIndex === -1 ? segment : segment.slice(0, equalsIndex)\n      const key = decodeQueryKey(rawKey)\n\n      if (!allowReservedQueryParameters.has(key) || equalsIndex === -1) {\n        return segment\n      }\n\n      const rawValue = segment.slice(equalsIndex + 1)\n      return `${rawKey}=${decodeReservedCharacters(rawValue)}`\n    })\n    .join('&')\n\n  return `${urlPrefix}${decodedQuery}${hash}`\n}\n"],"mappings":";;;;;;;;;;;AAUA,IAAM,oDAA4E;CAChF,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACP;AAED,IAAM,4BAA4B,UAChC,MAAM,QACJ,uBACC,OAAO,SAAiB,kDAAkD,KAAK,aAAa,KAAK,MACnG;AAEH,IAAM,kBAAkB,QAAwB;AAC9C,KAAI;AACF,SAAO,mBAAmB,IAAI,WAAW,KAAK,MAAM,CAAC;SAC/C;AACN,SAAO;;;;;;;AAQX,IAAa,2BAA2B,KAAa,iCAAsD;AACzG,KAAI,6BAA6B,SAAS,EACxC,QAAO;CAGT,MAAM,aAAa,IAAI,QAAQ,IAAI;AACnC,KAAI,eAAe,GACjB,QAAO;CAGT,MAAM,YAAY,IAAI,QAAQ,KAAK,WAAW;CAC9C,MAAM,YAAY,IAAI,MAAM,GAAG,aAAa,EAAE;CAC9C,MAAM,QAAQ,cAAc,KAAK,IAAI,MAAM,aAAa,EAAE,GAAG,IAAI,MAAM,aAAa,GAAG,UAAU;CACjG,MAAM,OAAO,cAAc,KAAK,KAAK,IAAI,MAAM,UAAU;AAEzD,KAAI,CAAC,MACH,QAAO;AAuBT,QAAO,GAAG,YApBW,MAClB,MAAM,IAAI,CACV,KAAK,YAAY;AAChB,MAAI,CAAC,QACH,QAAO;EAGT,MAAM,cAAc,QAAQ,QAAQ,IAAI;EACxC,MAAM,SAAS,gBAAgB,KAAK,UAAU,QAAQ,MAAM,GAAG,YAAY;EAC3E,MAAM,MAAM,eAAe,OAAO;AAElC,MAAI,CAAC,6BAA6B,IAAI,IAAI,IAAI,gBAAgB,GAC5D,QAAO;AAIT,SAAO,GAAG,OAAO,GAAG,yBADH,QAAQ,MAAM,cAAc,EAAE,CACO;GACtD,CACD,KAAK,IAAI,GAEyB"}