@scalar/api-client 2.39.4 → 2.41.0

package/dist/v2/features/modal/Modal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<\n    Partial<\n      Pick<\n        ApiReferenceConfigurationRaw,\n        | 'authentication'\n        | 'baseServerURL'\n        | 'hideClientButton'\n        | 'hiddenClients'\n        | 'servers'\n      >\n    >\n  >\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { type ModalState, type ScalarListboxOption } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  toValue,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport { mergeSecurity } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { getActiveEnvironment } from '@/v2/helpers/get-active-environment'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<ModalProps>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document.value),\n)\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document.value?.components?.securitySchemes,\n    toValue(options)?.authentication?.securitySchemes,\n    workspaceStore.auth,\n    document.value?.['x-scalar-navigation']?.name ?? '',\n  ),\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-3 z-2\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.id ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :securitySchemes\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Modal.vue.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<\n    Partial<\n      Pick<\n        ApiReferenceConfigurationRaw,\n        | 'authentication'\n        | 'baseServerURL'\n        | 'hideClientButton'\n        | 'hiddenClients'\n        | 'servers'\n      >\n    >\n  >\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { type ModalState, type ScalarListboxOption } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<ModalProps>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-3 z-2\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.id ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":""}

package/dist/v2/features/modal/Modal.vue.script.js

@@ -1,14 +1,13 @@
 import ModalClientContainer_default from "../../components/modals/ModalClientContainer.vue.js";
-import { mergeSecurity } from "../../blocks/scalar-auth-selector-block/helpers/merge-security.js";
-import Operation_default from "../operation/Operation.vue.js";
 import Sidebar_default from "../../components/sidebar/Sidebar.vue.js";
 import SidebarToggle_default from "../../components/sidebar/SidebarToggle.vue.js";
-import { getActiveEnvironment } from "../../helpers/get-active-environment.js";
 import { useGlobalHotKeys } from "../../hooks/use-global-hot-keys.js";
+import Operation_default from "../operation/Operation.vue.js";
 import { initializeModalEvents } from "./modal-events.js";
 import { useScrollLock } from "../../hooks/use-scroll-lock.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, unref, vShow, watch, withCtx, withDirectives } from "vue";
 import { ScalarToasts } from "@scalar/use-toasts";
+import { getActiveEnvironment } from "@scalar/workspace-store/request-example";
 //#region src/v2/features/modal/Modal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -75,9 +74,7 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		* Variables from both sources are combined, with document variables
 		* taking precedence in case of naming conflicts.
 		*/
-		const environment = computed(() => getActiveEnvironment(__props.workspaceStore, __props.document.value));
-		/** Merge authentication config with the document security schemes */
-		const securitySchemes = computed(() => mergeSecurity(__props.document.value?.components?.securitySchemes, toValue(__props.options)?.authentication?.securitySchemes, __props.workspaceStore.auth, __props.document.value?.["x-scalar-navigation"]?.name ?? ""));
+		const environment = computed(() => getActiveEnvironment(__props.workspaceStore, __props.document.value).environment);
 		__expose({
 			sidebarWidth,
 			environment
@@ -123,7 +120,6 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						path: __props.path?.value,
 						plugins: __props.plugins,
 						requestBodyCompositionSelection: __props.requestBodyCompositionSelection.value,
-						securitySchemes: securitySchemes.value,
 						workspaceStore: __props.workspaceStore
 					}, null, 8, [
 						"document",
@@ -136,7 +132,6 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						"path",
 						"plugins",
 						"requestBodyCompositionSelection",
-						"securitySchemes",
 						"workspaceStore"
 					])
 				])) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-c-3" }, "No document selected", -1)])]))]),

package/dist/v2/features/modal/Modal.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.script.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<\n    Partial<\n      Pick<\n        ApiReferenceConfigurationRaw,\n        | 'authentication'\n        | 'baseServerURL'\n        | 'hideClientButton'\n        | 'hiddenClients'\n        | 'servers'\n      >\n    >\n  >\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { type ModalState, type ScalarListboxOption } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  toValue,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport { mergeSecurity } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { getActiveEnvironment } from '@/v2/helpers/get-active-environment'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<ModalProps>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document.value),\n)\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document.value?.components?.securitySchemes,\n    toValue(options)?.authentication?.securitySchemes,\n    workspaceStore.auth,\n    document.value?.['x-scalar-navigation']?.name ?? '',\n  ),\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-3 z-2\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.id ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :securitySchemes\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,kBAAuC;GAC3C,OAAO;GACP,IAAI;GACN;;EAGA,MAAM,gBAAgB,IAAI,MAAK;;AAG/B,wBAAsB;GACpB,UAAO,QAAA;GACP;GACA,iCAA8B,QAAA;GAC9B,cAAW,QAAA;GACX,YAAS,QAAA;GACT,OAAO,QAAA;GACR,CAAA;;AAGD,mBAAiB,QAAA,UAAU,eAAe,CAAC,QAAA,WAAW,KAAI;;EAG1D,MAAM,gBAAgB;AACpB,WAAA,SAAS,KAAK,2BAA0B;;EAG1C,MAAM,WAAW,oBAAoB;AACnC,OAAI,OAAO,WAAW,YACpB,QAAO,OAAO,SAAS;AAEzB,UAAO;IACR;AAED,cACQ,QAAA,WAAW,OAChB,SAAS;AAER,YAAS,QAAQ;AAEjB,OAAI,CAAC,KACH,UAAQ;IAGd;AAGA,wBAAsB,SAAS,CAAA;;EAG/B,MAAM,wBAAwB;;EAG9B,MAAM,eAAe,eAEjB,QAAA,gBAAgB,YAAY,6BAC5B,sBACJ;;EAGA,MAAM,4BAA4B,UAChC,QAAA,gBAAgB,OAAO,0BAA0B,MAAK;;;;;;EAOxD,MAAM,cAAc,eAClB,qBAAqB,QAAA,gBAAgB,QAAA,SAAS,MAAM,CACtD;;EAGA,MAAM,kBAAkB,eACtB,cACE,QAAA,SAAS,OAAO,YAAY,iBAC5B,QAAQ,QAAA,QAAQ,EAAE,gBAAgB,iBAClC,QAAA,eAAe,MACf,QAAA,SAAS,QAAQ,wBAAwB,QAAQ,GAClD,CACH;AAEA,WAAa;GACX;GACA;GACD,CAAA;;uBAIC,YA+CuB,8BAAA,EA/CA,YAAA,QAAA,YAAU,EAAA;2BAEf,CAAhB,YAAgB,MAAA,aAAA,CAAA,EAIR,QAAA,SAAS,SAAS,QAAA,MAAM,SAAS,QAAA,QAAQ,SAAA,WAAA,EADjD,mBAmCO,QAnCP,YAmCO;KAhCL,YAEsC,MAAA,sBAAA,EAAA;kBAD3B,cAAA;iFAAa,QAAA;MACtB,OAAM;;oBACR,YAYoD,MAAA,gBAAA,EAAA;MAV1C,cAAc,aAAA;mFAAY,QAAA,SAUZ,yBAAA;MATJ;MAClB,OAAM;MACL,WAAS,CAAG,QAAA,SAAS,MAAK;MAC1B,UAAA,QAAA;MACA,mBAAa;MACd,QAAO;MACN,cAAc,QAAA,aAAa;MAC3B,YAAY,EAAE;MACd,cAAY,QAAA,aAAa;;;;;;;kBAVlB,cAAA,MAAa,CAAA,CAAA;KAYvB,YAeoB,mBAAA;MAdA;MAClB,OAAM;MACL,UAAU,QAAA,SAAS;MACnB,cAAc,QAAA,SAAS,MAAK,wBAAyB,MAAE;MACvD,aAAA,YAAA;MACA,UAAA,QAAA;MACA,aAAa,QAAA,aAAa;MAC3B,QAAO;MACN,QAAQ,QAAA,QAAQ;MAChB,SAAA,QAAA;MACA,MAAM,QAAA,MAAM;MACZ,SAAA,QAAA;MACA,iCAAiC,QAAA,gCAAgC;MACjE,iBAAA,gBAAA;MACA,gBAAA,QAAA;;;;;;;;;;;;;;;wBAGL,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAkD,QAAA,EAA5C,OAAM,YAAU,EAAC,wBAAoB,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"Modal.vue.script.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<\n    Partial<\n      Pick<\n        ApiReferenceConfigurationRaw,\n        | 'authentication'\n        | 'baseServerURL'\n        | 'hideClientButton'\n        | 'hiddenClients'\n        | 'servers'\n      >\n    >\n  >\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { type ModalState, type ScalarListboxOption } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<ModalProps>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-3 z-2\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.id ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoFA,MAAM,kBAAuC;GAC3C,OAAO;GACP,IAAI;GACN;;EAGA,MAAM,gBAAgB,IAAI,MAAK;;AAG/B,wBAAsB;GACpB,UAAO,QAAA;GACP;GACA,iCAA8B,QAAA;GAC9B,cAAW,QAAA;GACX,YAAS,QAAA;GACT,OAAO,QAAA;GACR,CAAA;;AAGD,mBAAiB,QAAA,UAAU,eAAe,CAAC,QAAA,WAAW,KAAI;;EAG1D,MAAM,gBAAgB;AACpB,WAAA,SAAS,KAAK,2BAA0B;;EAG1C,MAAM,WAAW,oBAAoB;AACnC,OAAI,OAAO,WAAW,YACpB,QAAO,OAAO,SAAS;AAEzB,UAAO;IACR;AAED,cACQ,QAAA,WAAW,OAChB,SAAS;AAER,YAAS,QAAQ;AAEjB,OAAI,CAAC,KACH,UAAQ;IAGd;AAGA,wBAAsB,SAAS,CAAA;;EAG/B,MAAM,wBAAwB;;EAG9B,MAAM,eAAe,eAEjB,QAAA,gBAAgB,YAAY,6BAC5B,sBACJ;;EAGA,MAAM,4BAA4B,UAChC,QAAA,gBAAgB,OAAO,0BAA0B,MAAK;;;;;;EAOxD,MAAM,cAAc,eACZ,qBAAqB,QAAA,gBAAgB,QAAA,SAAS,MAAM,CAAC,YAC7D;AAEA,WAAa;GACX;GACA;GACD,CAAA;;uBAIC,YA8CuB,8BAAA,EA9CA,YAAA,QAAA,YAAU,EAAA;2BAEf,CAAhB,YAAgB,MAAA,aAAA,CAAA,EAIR,QAAA,SAAS,SAAS,QAAA,MAAM,SAAS,QAAA,QAAQ,SAAA,WAAA,EADjD,mBAkCO,QAlCP,YAkCO;KA/BL,YAEsC,MAAA,sBAAA,EAAA;kBAD3B,cAAA;iFAAa,QAAA;MACtB,OAAM;;oBACR,YAYoD,MAAA,gBAAA,EAAA;MAV1C,cAAc,aAAA;mFAAY,QAAA,SAUZ,yBAAA;MATJ;MAClB,OAAM;MACL,WAAS,CAAG,QAAA,SAAS,MAAK;MAC1B,UAAA,QAAA;MACA,mBAAa;MACd,QAAO;MACN,cAAc,QAAA,aAAa;MAC3B,YAAY,EAAE;MACd,cAAY,QAAA,aAAa;;;;;;;kBAVlB,cAAA,MAAa,CAAA,CAAA;KAYvB,YAcoB,mBAAA;MAbA;MAClB,OAAM;MACL,UAAU,QAAA,SAAS;MACnB,cAAc,QAAA,SAAS,MAAK,wBAAyB,MAAE;MACvD,aAAA,YAAA;MACA,UAAA,QAAA;MACA,aAAa,QAAA,aAAa;MAC3B,QAAO;MACN,QAAQ,QAAA,QAAQ;MAChB,SAAA,QAAA;MACA,MAAM,QAAA,MAAM;MACZ,SAAA,QAAA;MACA,iCAAiC,QAAA,gCAAgC;MACjE,gBAAA,QAAA;;;;;;;;;;;;;;wBAGL,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAkD,QAAA,EAA5C,OAAM,YAAU,EAAC,wBAAoB,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/v2/features/modal/helpers/create-api-client-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,gCAAgC,CAAA;AAEhG,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,KAAK,CAAA;AAEzE,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAG7D,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAEtE,KAAK,2BAA2B,GAAG;IACjC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,wGAAwG;IACxG,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wEASlC,2BAA2B,KAAG,cA0HhC,CAAA"}
+{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,gCAAgC,CAAA;AAChG,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,KAAK,CAAA;AAEzE,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAE7D,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAEtE,KAAK,2BAA2B,GAAG;IACjC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,wGAAwG;IACxG,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,wEASlC,2BAA2B,KAAG,cAmGhC,CAAA"}

package/dist/v2/features/modal/helpers/create-api-client-modal.js

@@ -1,5 +1,4 @@
 import { resolveRouteParameters } from "./resolve-route-parameters.js";
-import { restoreWorkspaceState } from "./restore-workspace-state.js";
 import { useModalSidebar } from "../hooks/use-modal-sidebar.js";
 import Modal_default from "../Modal.vue.js";
 import { computed, createApp, reactive, ref, watch } from "vue";
@@ -20,7 +19,6 @@ var createApiClientModal = ({ el, eventBus = createWorkspaceEventBus({ debug: fa
 		example: "default",
 		documentSlug: workspaceStore.workspace["x-scalar-active-document"] || "default"
 	};
-	const workspaceStoreSnapshot = ref(null);
 	const parameters = reactive({ ...defaultEntities });
 	/** Navigate to the specified path, method, and example. */
 	const route = (payload) => {
@@ -57,25 +55,11 @@ var createApiClientModal = ({ el, eventBus = createWorkspaceEventBus({ debug: fa
 		workspaceStore,
 		options
 	});
-	/** Snapshot the workspace store when the modal is opened. */
-	const handleModalOpen = () => {
-		workspaceStoreSnapshot.value = window.structuredClone(workspaceStore.exportWorkspace());
-	};
 	/** Restore the workspace store when the modal is closed. */
 	const handleModalClose = () => {
 		requestBodyCompositionSelection.value = {};
-		if (!workspaceStoreSnapshot.value) {
-			console.warn("No workspace store snapshot to restore");
-			return;
-		}
-		const result = restoreWorkspaceState({
-			workspaceStore,
-			workspaceState: workspaceStoreSnapshot.value,
-			name: documentSlug.value ?? ""
-		});
-		if (!result.ok) console.error("Failed to restore workspace state", result.error);
 	};
-	watch(() => modalState.open, (open) => open ? handleModalOpen() : handleModalClose());
+	watch(() => modalState.open, (open) => open ? null : handleModalClose());
 	app.config.idPrefix = "scalar-client";
 	/** Mount the modal to a given element. */
 	const mount = (mountingEl = el) => {

package/dist/v2/features/modal/helpers/create-api-client-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-modal.js","names":[],"sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"sourcesContent":["import { type ModalState, useModal } from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus, createWorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { InMemoryWorkspace } from '@scalar/workspace-store/schemas/inmemory-workspace'\nimport { type App, computed, createApp, reactive, ref, watch } from 'vue'\n\nimport {\n  type DefaultEntities,\n  type RoutePayload,\n  resolveRouteParameters,\n} from '@/v2/features/modal/helpers/resolve-route-parameters'\nimport { restoreWorkspaceState } from '@/v2/features/modal/helpers/restore-workspace-state'\nimport { useModalSidebar } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport Modal, { type ModalProps } from '@/v2/features/modal/Modal.vue'\n\ntype CreateApiClientModalOptions = {\n  /** Element to mount the client modal to. */\n  el: HTMLElement | null\n  /**\n   * Will attempt to mount the references immediately.\n   * For SSR this may need to be disabled and handled manually on the client side.\n   */\n  mountOnInitialize?: boolean\n  /** You can pass in an event bus if you have one already, or we will create one */\n  eventBus?: WorkspaceEventBus\n  /** The workspace store must be initialized and passed in. */\n  workspaceStore: WorkspaceStore\n  /** Api client plugins to include in the modal */\n  plugins?: ClientPlugin[]\n  /** Subset of the configuration options for the modal, if you want it to be reactive ensure its a ref */\n  options?: ModalProps['options']\n}\n\nexport type ApiClientModal = {\n  app: App\n  open: (payload?: RoutePayload) => void\n  mount: (mountingEl: HTMLElement | null) => void\n  route: (payload: RoutePayload) => void\n  modalState: ModalState\n}\n\n/**\n * Creates the API Client Modal.\n *\n * The modal does not require a router. Instead, navigation is handled by setting\n * active entities directly through the returned `route` function.\n */\nexport const createApiClientModal = ({\n  el,\n  eventBus = createWorkspaceEventBus({\n    debug: import.meta.env.DEV,\n  }),\n  mountOnInitialize = true,\n  plugins = [],\n  workspaceStore,\n  options = {},\n}: CreateApiClientModalOptions): ApiClientModal => {\n  const requestBodyCompositionSelection = ref<Record<string, number>>({})\n\n  const defaultEntities: DefaultEntities = {\n    path: 'default',\n    method: 'default',\n    example: 'default',\n    documentSlug: workspaceStore.workspace['x-scalar-active-document'] || 'default',\n  }\n\n  const workspaceStoreSnapshot = ref<InMemoryWorkspace | null>(null)\n\n  const parameters = reactive<DefaultEntities>({ ...defaultEntities })\n\n  /** Navigate to the specified path, method, and example. */\n  const route = (payload: RoutePayload): void => {\n    Object.assign(parameters, defaultEntities, payload)\n  }\n\n  /** Resolved parameters from the workspace store. */\n  const resolvedParameters = computed(() => resolveRouteParameters(workspaceStore, parameters))\n  const documentSlug = computed(() => resolvedParameters.value.documentSlug)\n  const path = computed(() => resolvedParameters.value.path)\n  const method = computed(() => resolvedParameters.value.method)\n  const exampleName = computed(() => resolvedParameters.value.example)\n  /** The document from the workspace store. */\n  const document = computed(() => workspaceStore.workspace.documents[documentSlug.value ?? ''] ?? null)\n\n  /** Sidebar state and selection handling. */\n  const sidebarState = useModalSidebar({\n    workspaceStore,\n    documentSlug: documentSlug,\n    path: path,\n    method: method,\n    exampleName: exampleName,\n    route,\n  })\n\n  const modalState = useModal()\n\n  const app = createApp(Modal, {\n    document,\n    eventBus,\n    exampleName,\n    method,\n    modalState,\n    path,\n    plugins,\n    requestBodyCompositionSelection,\n    sidebarState,\n    workspaceStore,\n    options,\n  } satisfies ModalProps)\n\n  /** Snapshot the workspace store when the modal is opened. */\n  const handleModalOpen = () => {\n    workspaceStoreSnapshot.value = window.structuredClone(workspaceStore.exportWorkspace())\n  }\n\n  /** Restore the workspace store when the modal is closed. */\n  const handleModalClose = () => {\n    requestBodyCompositionSelection.value = {}\n\n    if (!workspaceStoreSnapshot.value) {\n      console.warn('No workspace store snapshot to restore')\n      return\n    }\n\n    const result = restoreWorkspaceState({\n      workspaceStore,\n      workspaceState: workspaceStoreSnapshot.value,\n      name: documentSlug.value ?? '',\n    })\n\n    if (!result.ok) {\n      console.error('Failed to restore workspace state', result.error)\n    }\n    return\n  }\n\n  watch(\n    () => modalState.open,\n    (open) => (open ? handleModalOpen() : handleModalClose()),\n  )\n\n  // Use a unique id prefix to prevent collisions with other Vue apps on the page\n  app.config.idPrefix = 'scalar-client'\n\n  /** Mount the modal to a given element. */\n  const mount = (mountingEl: HTMLElement | null = el): void => {\n    if (!mountingEl) {\n      console.error(\n        '[@scalar/api-client] Could not create the API client Modal.',\n        'Invalid HTML element provided.',\n        'Read more: https://github.com/scalar/scalar/tree/main/packages/api-client',\n      )\n      return\n    }\n    app.mount(mountingEl)\n  }\n\n  if (mountOnInitialize) {\n    mount()\n  }\n\n  return {\n    /** The Vue app instance for the modal. Use with caution. */\n    app,\n    /** Open the modal and optionally navigate to a specific route. */\n    open: (payload?: RoutePayload): void => {\n      modalState.open = true\n      if (payload) {\n        route(payload)\n      }\n    },\n    /** Mount the modal to a given element. */\n    mount,\n    /** Navigate to the specified path, method, and example. */\n    route,\n    /** Controls the visibility of the modal. */\n    modalState,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAgDA,IAAa,wBAAwB,EACnC,IACA,WAAW,wBAAwB,EACjC,OAAA,OACD,CAAC,EACF,oBAAoB,MACpB,UAAU,EAAE,EACZ,gBACA,UAAU,EAAE,OACqC;CACjD,MAAM,kCAAkC,IAA4B,EAAE,CAAC;CAEvE,MAAM,kBAAmC;EACvC,MAAM;EACN,QAAQ;EACR,SAAS;EACT,cAAc,eAAe,UAAU,+BAA+B;EACvE;CAED,MAAM,yBAAyB,IAA8B,KAAK;CAElE,MAAM,aAAa,SAA0B,EAAE,GAAG,iBAAiB,CAAC;;CAGpE,MAAM,SAAS,YAAgC;AAC7C,SAAO,OAAO,YAAY,iBAAiB,QAAQ;;;CAIrD,MAAM,qBAAqB,eAAe,uBAAuB,gBAAgB,WAAW,CAAC;CAC7F,MAAM,eAAe,eAAe,mBAAmB,MAAM,aAAa;CAC1E,MAAM,OAAO,eAAe,mBAAmB,MAAM,KAAK;CAC1D,MAAM,SAAS,eAAe,mBAAmB,MAAM,OAAO;CAC9D,MAAM,cAAc,eAAe,mBAAmB,MAAM,QAAQ;;CAEpE,MAAM,WAAW,eAAe,eAAe,UAAU,UAAU,aAAa,SAAS,OAAO,KAAK;;CAGrG,MAAM,eAAe,gBAAgB;EACnC;EACc;EACR;EACE;EACK;EACb;EACD,CAAC;CAEF,MAAM,aAAa,UAAU;CAE7B,MAAM,MAAM,UAAU,eAAO;EAC3B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAsB;;CAGvB,MAAM,wBAAwB;AAC5B,yBAAuB,QAAQ,OAAO,gBAAgB,eAAe,iBAAiB,CAAC;;;CAIzF,MAAM,yBAAyB;AAC7B,kCAAgC,QAAQ,EAAE;AAE1C,MAAI,CAAC,uBAAuB,OAAO;AACjC,WAAQ,KAAK,yCAAyC;AACtD;;EAGF,MAAM,SAAS,sBAAsB;GACnC;GACA,gBAAgB,uBAAuB;GACvC,MAAM,aAAa,SAAS;GAC7B,CAAC;AAEF,MAAI,CAAC,OAAO,GACV,SAAQ,MAAM,qCAAqC,OAAO,MAAM;;AAKpE,aACQ,WAAW,OAChB,SAAU,OAAO,iBAAiB,GAAG,kBAAkB,CACzD;AAGD,KAAI,OAAO,WAAW;;CAGtB,MAAM,SAAS,aAAiC,OAAa;AAC3D,MAAI,CAAC,YAAY;AACf,WAAQ,MACN,+DACA,kCACA,4EACD;AACD;;AAEF,MAAI,MAAM,WAAW;;AAGvB,KAAI,kBACF,QAAO;AAGT,QAAO;EAEL;EAEA,OAAO,YAAiC;AACtC,cAAW,OAAO;AAClB,OAAI,QACF,OAAM,QAAQ;;EAIlB;EAEA;EAEA;EACD"}
+{"version":3,"file":"create-api-client-modal.js","names":[],"sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"sourcesContent":["import { type ModalState, useModal } from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus, createWorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type App, computed, createApp, reactive, ref, watch } from 'vue'\n\nimport {\n  type DefaultEntities,\n  type RoutePayload,\n  resolveRouteParameters,\n} from '@/v2/features/modal/helpers/resolve-route-parameters'\nimport { useModalSidebar } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport Modal, { type ModalProps } from '@/v2/features/modal/Modal.vue'\n\ntype CreateApiClientModalOptions = {\n  /** Element to mount the client modal to. */\n  el: HTMLElement | null\n  /**\n   * Will attempt to mount the references immediately.\n   * For SSR this may need to be disabled and handled manually on the client side.\n   */\n  mountOnInitialize?: boolean\n  /** You can pass in an event bus if you have one already, or we will create one */\n  eventBus?: WorkspaceEventBus\n  /** The workspace store must be initialized and passed in. */\n  workspaceStore: WorkspaceStore\n  /** Api client plugins to include in the modal */\n  plugins?: ClientPlugin[]\n  /** Subset of the configuration options for the modal, if you want it to be reactive ensure its a ref */\n  options?: ModalProps['options']\n}\n\nexport type ApiClientModal = {\n  app: App\n  open: (payload?: RoutePayload) => void\n  mount: (mountingEl: HTMLElement | null) => void\n  route: (payload: RoutePayload) => void\n  modalState: ModalState\n}\n\n/**\n * Creates the API Client Modal.\n *\n * The modal does not require a router. Instead, navigation is handled by setting\n * active entities directly through the returned `route` function.\n */\nexport const createApiClientModal = ({\n  el,\n  eventBus = createWorkspaceEventBus({\n    debug: import.meta.env.DEV,\n  }),\n  mountOnInitialize = true,\n  plugins = [],\n  workspaceStore,\n  options = {},\n}: CreateApiClientModalOptions): ApiClientModal => {\n  const requestBodyCompositionSelection = ref<Record<string, number>>({})\n\n  const defaultEntities: DefaultEntities = {\n    path: 'default',\n    method: 'default',\n    example: 'default',\n    documentSlug: workspaceStore.workspace['x-scalar-active-document'] || 'default',\n  }\n\n  const parameters = reactive<DefaultEntities>({ ...defaultEntities })\n\n  /** Navigate to the specified path, method, and example. */\n  const route = (payload: RoutePayload): void => {\n    Object.assign(parameters, defaultEntities, payload)\n  }\n\n  /** Resolved parameters from the workspace store. */\n  const resolvedParameters = computed(() => resolveRouteParameters(workspaceStore, parameters))\n  const documentSlug = computed(() => resolvedParameters.value.documentSlug)\n  const path = computed(() => resolvedParameters.value.path)\n  const method = computed(() => resolvedParameters.value.method)\n  const exampleName = computed(() => resolvedParameters.value.example)\n  /** The document from the workspace store. */\n  const document = computed(() => workspaceStore.workspace.documents[documentSlug.value ?? ''] ?? null)\n\n  /** Sidebar state and selection handling. */\n  const sidebarState = useModalSidebar({\n    workspaceStore,\n    documentSlug: documentSlug,\n    path: path,\n    method: method,\n    exampleName: exampleName,\n    route,\n  })\n\n  const modalState = useModal()\n\n  const app = createApp(Modal, {\n    document,\n    eventBus,\n    exampleName,\n    method,\n    modalState,\n    path,\n    plugins,\n    requestBodyCompositionSelection,\n    sidebarState,\n    workspaceStore,\n    options,\n  } satisfies ModalProps)\n\n  /** Restore the workspace store when the modal is closed. */\n  const handleModalClose = () => {\n    requestBodyCompositionSelection.value = {}\n  }\n\n  watch(\n    () => modalState.open,\n    (open) => (open ? null : handleModalClose()),\n  )\n\n  // Use a unique id prefix to prevent collisions with other Vue apps on the page\n  app.config.idPrefix = 'scalar-client'\n\n  /** Mount the modal to a given element. */\n  const mount = (mountingEl: HTMLElement | null = el): void => {\n    if (!mountingEl) {\n      console.error(\n        '[@scalar/api-client] Could not create the API client Modal.',\n        'Invalid HTML element provided.',\n        'Read more: https://github.com/scalar/scalar/tree/main/packages/api-client',\n      )\n      return\n    }\n    app.mount(mountingEl)\n  }\n\n  if (mountOnInitialize) {\n    mount()\n  }\n\n  return {\n    /** The Vue app instance for the modal. Use with caution. */\n    app,\n    /** Open the modal and optionally navigate to a specific route. */\n    open: (payload?: RoutePayload): void => {\n      modalState.open = true\n      if (payload) {\n        route(payload)\n      }\n    },\n    /** Mount the modal to a given element. */\n    mount,\n    /** Navigate to the specified path, method, and example. */\n    route,\n    /** Controls the visibility of the modal. */\n    modalState,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8CA,IAAa,wBAAwB,EACnC,IACA,WAAW,wBAAwB,EACjC,OAAA,OACD,CAAC,EACF,oBAAoB,MACpB,UAAU,EAAE,EACZ,gBACA,UAAU,EAAE,OACqC;CACjD,MAAM,kCAAkC,IAA4B,EAAE,CAAC;CAEvE,MAAM,kBAAmC;EACvC,MAAM;EACN,QAAQ;EACR,SAAS;EACT,cAAc,eAAe,UAAU,+BAA+B;EACvE;CAED,MAAM,aAAa,SAA0B,EAAE,GAAG,iBAAiB,CAAC;;CAGpE,MAAM,SAAS,YAAgC;AAC7C,SAAO,OAAO,YAAY,iBAAiB,QAAQ;;;CAIrD,MAAM,qBAAqB,eAAe,uBAAuB,gBAAgB,WAAW,CAAC;CAC7F,MAAM,eAAe,eAAe,mBAAmB,MAAM,aAAa;CAC1E,MAAM,OAAO,eAAe,mBAAmB,MAAM,KAAK;CAC1D,MAAM,SAAS,eAAe,mBAAmB,MAAM,OAAO;CAC9D,MAAM,cAAc,eAAe,mBAAmB,MAAM,QAAQ;;CAEpE,MAAM,WAAW,eAAe,eAAe,UAAU,UAAU,aAAa,SAAS,OAAO,KAAK;;CAGrG,MAAM,eAAe,gBAAgB;EACnC;EACc;EACR;EACE;EACK;EACb;EACD,CAAC;CAEF,MAAM,aAAa,UAAU;CAE7B,MAAM,MAAM,UAAU,eAAO;EAC3B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAsB;;CAGvB,MAAM,yBAAyB;AAC7B,kCAAgC,QAAQ,EAAE;;AAG5C,aACQ,WAAW,OAChB,SAAU,OAAO,OAAO,kBAAkB,CAC5C;AAGD,KAAI,OAAO,WAAW;;CAGtB,MAAM,SAAS,aAAiC,OAAa;AAC3D,MAAI,CAAC,YAAY;AACf,WAAQ,MACN,+DACA,kCACA,4EACD;AACD;;AAEF,MAAI,MAAM,WAAW;;AAGvB,KAAI,kBACF,QAAO;AAGT,QAAO;EAEL;EAEA,OAAO,YAAiC;AACtC,cAAW,OAAO;AAClB,OAAI,QACF,OAAM,QAAQ;;EAIlB;EAEA;EAEA;EACD"}

package/dist/v2/features/modal/helpers/map-hidden-clients-config.js

@@ -1,5 +1,5 @@
-import { objectKeys } from "@scalar/helpers/object/object-keys";
 import { AVAILABLE_CLIENTS, GROUPED_CLIENTS } from "@scalar/types/snippetz";
+import { objectKeys } from "@scalar/helpers/object/object-keys";
 //#region src/v2/features/modal/helpers/map-hidden-clients-config.ts
 /**
 * Map the old hiddenClients config to the new httpClients config.

package/dist/v2/features/operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAO/D;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEd,6CAA6C;cACnC,UAAU,CAAC,SAAS,CAAC;IAC/B,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;IAHxD,6CAA6C;cACnC,UAAU,CAAC,SAAS,CAAC;IAC/B,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;iGAyRxD,CAAC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAG/D;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEd,6CAA6C;cACnC,UAAU,CAAC,SAAS,CAAC;IAC/B,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;IAHxD,6CAA6C;cACnC,UAAU,CAAC,SAAS,CAAC;IAC/B,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;iGAqPxD,CAAC"}

package/dist/v2/features/operation/Operation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { AuthMeta, ServerMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, toValue } from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport type { ExtendedScalarCookie } from '@/v2/blocks/request-block/RequestBlock.vue'\nimport { APP_VERSION } from '@/v2/constants'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport { combineParams } from '@/v2/features/operation/helpers/combine-params'\nimport { getSelectedServer } from '@/v2/features/operation/helpers/get-selected-server'\nimport { getActiveProxyUrl } from '@/v2/helpers/get-active-proxy-url'\nimport { getServers } from '@/v2/helpers/get-servers'\n\nconst {\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  securitySchemes,\n  workspaceStore,\n  plugins,\n  documentSlug,\n} = defineProps<\n  RouteProps & {\n    /** Subset of config options for the modal */\n    options?: ModalProps['options']\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\n/** Grab the path item object from the document */\nconst pathItem = computed(() => {\n  if (!path) {\n    return null\n  }\n  return getResolvedRef(document?.paths?.[path])\n})\n\n/** Find the operation and augment with any path parameters */\nconst operation = computed(() => {\n  if (!path || !method) {\n    return null\n  }\n\n  const operation = getResolvedRef(document?.paths?.[path]?.[method])\n  if (!operation) {\n    return null\n  }\n\n  if (!pathItem.value) {\n    return operation\n  }\n\n  // We combine any path parameters with the operation parameters\n  const parameters = combineParams(\n    pathItem.value.parameters,\n    operation.parameters,\n  )\n  return { ...operation, parameters }\n})\n\n/** Combine the workspace and document cookies */\nconst globalCookies = computed(() => [\n  ...((workspaceStore.workspace?.['x-scalar-cookies'] ?? []).map((it) => ({\n    ...it,\n    location: 'workspace',\n  })) satisfies ExtendedScalarCookie[]),\n  ...((document?.['x-scalar-cookies'] ?? []).map((it) => ({\n    ...it,\n    location: 'document',\n  })) satisfies ExtendedScalarCookie[]),\n])\n\n/** Compute the servers for the operation */\nconst servers = computed(() => {\n  /**\n   * Gather all the servers from the config, operation, pathItem, and document\n   */\n  const _servers =\n    toValue(options)?.servers ??\n    operation.value?.servers ??\n    // pathItem.value?.servers ?? TODO: add support for pathItem servers\n    document?.servers\n\n  return getServers(_servers, {\n    baseServerUrl: toValue(options)?.baseServerURL,\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Selected server URL from the same source as servers: operation, then document (config has no stored selection so use document selection) */\nconst selectedServerUrl = computed(() => {\n  if (toValue(options)?.servers != null) {\n    return document?.['x-scalar-selected-server']\n  }\n  if (operation.value?.servers != null) {\n    return operation.value['x-scalar-selected-server']\n  }\n  return document?.['x-scalar-selected-server']\n})\n\n/** Selected server for the operation (document-level or operation-level servers) */\nconst selectedServer = computed(() =>\n  getSelectedServer(servers.value, selectedServerUrl.value),\n)\n\nconst serverMeta = computed<ServerMeta>(() => {\n  if (operation.value?.servers != null) {\n    return { type: 'operation', path: path ?? '', method: method ?? 'get' }\n  }\n  return { type: 'document' }\n})\n\nconst documentSelectedSecurity = computed<SelectedSecurity | undefined>(() => {\n  return workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n})\n\nconst operationSelectedSecurity = computed<SelectedSecurity | undefined>(() => {\n  return workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'operation',\n    documentName: documentSlug,\n    path: path ?? '',\n    method: method ?? 'get',\n  })\n})\n\n/** Select document vs operation meta based on the extension */\nconst authMeta = computed<AuthMeta>(() => {\n  if (operationSelectedSecurity.value !== undefined) {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n\n  return { type: 'document' }\n})\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSelectedSecurity=\"documentSelectedSecurity\"\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :globalCookies\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :layout\n      :method\n      :operation\n      :operationSelectedSecurity=\"operationSelectedSecurity\"\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout,\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\">\n    <span class=\"text-c-3\">Select an operation to view details</span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n} from '@scalar/workspace-store/request-example'\nimport { computed, toValue } from 'vue'\n\nimport { isElectron } from '@/libs/electron'\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\n\nconst {\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n} = defineProps<\n  RouteProps & {\n    /** Subset of config options for the modal */\n    options?: ModalProps['options']\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst operation = computed(() => requestExample.value?.operation ?? null)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :layout\n      :method\n      :operation\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :workspaceCookies />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\">\n    <span class=\"text-c-3\">Select an operation to view details</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/features/operation/Operation.vue.script.js

@@ -1,12 +1,9 @@
+import { isElectron } from "../../../libs/electron.js";
 import { APP_VERSION } from "../../constants.js";
-import { combineParams } from "./helpers/combine-params.js";
-import { getSelectedServer } from "./helpers/get-selected-server.js";
-import { mapHiddenClientsConfig } from "../modal/helpers/map-hidden-clients-config.js";
-import { getActiveProxyUrl } from "../../helpers/get-active-proxy-url.js";
-import { getServers } from "../../helpers/get-servers.js";
 import OperationBlock_default from "../../blocks/operation-block/OperationBlock.vue.js";
+import { mapHiddenClientsConfig } from "../modal/helpers/map-hidden-clients-config.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, openBlock, toValue, unref } from "vue";
-import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getActiveProxyUrl, getRequestExampleContext } from "@scalar/workspace-store/request-example";
 //#region src/v2/features/operation/Operation.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 1,
@@ -23,7 +20,6 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		method: {},
 		exampleName: {},
 		environment: {},
-		securitySchemes: {},
 		workspaceStore: {},
 		activeWorkspace: {},
 		plugins: {},
@@ -37,77 +33,42 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		requestBodyCompositionSelection: {}
 	},
 	setup(__props) {
-		/** Grab the path item object from the document */
-		const pathItem = computed(() => {
-			if (!__props.path) return null;
-			return getResolvedRef(__props.document?.paths?.[__props.path]);
-		});
-		/** Find the operation and augment with any path parameters */
-		const operation = computed(() => {
-			if (!__props.path || !__props.method) return null;
-			const operation = getResolvedRef(__props.document?.paths?.[__props.path]?.[__props.method]);
-			if (!operation) return null;
-			if (!pathItem.value) return operation;
-			const parameters = combineParams(pathItem.value.parameters, operation.parameters);
-			return {
-				...operation,
-				parameters
-			};
-		});
-		/** Combine the workspace and document cookies */
-		const globalCookies = computed(() => [...(__props.workspaceStore.workspace?.["x-scalar-cookies"] ?? []).map((it) => ({
-			...it,
-			location: "workspace"
-		})), ...(__props.document?.["x-scalar-cookies"] ?? []).map((it) => ({
-			...it,
-			location: "document"
-		}))]);
-		/** Compute the servers for the operation */
-		const servers = computed(() => {
-			return getServers(toValue(__props.options)?.servers ?? operation.value?.servers ?? __props.document?.servers, {
+		/**
+		* Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any
+		* underlying workspace or route input changes — same reactivity as the previous local computeds.
+		*/
+		const requestExample = computed(() => {
+			if (!__props.path || !__props.method || !__props.exampleName || !__props.document) return null;
+			const result = getRequestExampleContext(__props.workspaceStore, __props.documentSlug, {
+				path: __props.path,
+				method: __props.method,
+				exampleName: __props.exampleName
+			}, {
 				baseServerUrl: toValue(__props.options)?.baseServerURL,
-				documentUrl: __props.document?.["x-scalar-original-source-url"]
-			});
-		});
-		/** Selected server URL from the same source as servers: operation, then document (config has no stored selection so use document selection) */
-		const selectedServerUrl = computed(() => {
-			if (toValue(__props.options)?.servers != null) return __props.document?.["x-scalar-selected-server"];
-			if (operation.value?.servers != null) return operation.value["x-scalar-selected-server"];
-			return __props.document?.["x-scalar-selected-server"];
-		});
-		/** Selected server for the operation (document-level or operation-level servers) */
-		const selectedServer = computed(() => getSelectedServer(servers.value, selectedServerUrl.value));
-		const serverMeta = computed(() => {
-			if (operation.value?.servers != null) return {
-				type: "operation",
-				path: __props.path ?? "",
-				method: __props.method ?? "get"
-			};
-			return { type: "document" };
-		});
-		const documentSelectedSecurity = computed(() => {
-			return __props.workspaceStore.auth.getAuthSelectedSchemas({
-				type: "document",
-				documentName: __props.documentSlug
-			});
-		});
-		const operationSelectedSecurity = computed(() => {
-			return __props.workspaceStore.auth.getAuthSelectedSchemas({
-				type: "operation",
-				documentName: __props.documentSlug,
-				path: __props.path ?? "",
-				method: __props.method ?? "get"
+				fallbackDocument: __props.document,
+				isElectron: isElectron(),
+				layout: __props.layout === "web" ? "web" : "other",
+				servers: toValue(__props.options)?.servers,
+				appVersion: APP_VERSION,
+				authentication: toValue(__props.options)?.authentication
 			});
+			return result.ok ? result.data : null;
 		});
-		/** Select document vs operation meta based on the extension */
-		const authMeta = computed(() => {
-			if (operationSelectedSecurity.value !== void 0) return {
-				type: "operation",
-				path: __props.path ?? "",
-				method: __props.method ?? "get"
-			};
-			return { type: "document" };
+		const operation = computed(() => requestExample.value?.operation ?? null);
+		const workspaceCookies = computed(() => requestExample.value?.cookies.workspace ?? []);
+		const documentCookies = computed(() => requestExample.value?.cookies.document ?? []);
+		const servers = computed(() => requestExample.value?.servers.list ?? []);
+		const selectedServer = computed(() => requestExample.value?.servers.selected ?? null);
+		const serverMeta = computed(() => requestExample.value?.servers.meta ?? { type: "document" });
+		const securitySchemes = computed(() => requestExample.value?.security.schemes ?? {});
+		const selectedSecurity = computed(() => requestExample.value?.security.selected ?? {
+			selectedIndex: -1,
+			selectedSchemes: []
 		});
+		const selectedSecuritySchemes = computed(() => requestExample.value?.security.selectedSchemes ?? []);
+		const securityRequirements = computed(() => requestExample.value?.security.requirements ?? []);
+		const authMeta = computed(() => requestExample.value?.security.meta ?? { type: "document" });
+		const defaultHeaders = computed(() => requestExample.value?.headers.default ?? {});
 		/** Combine environments from document and workspace into a unique array of environment names */
 		const environments = computed(() => {
 			return Array.from(new Set(Object.keys({
@@ -123,58 +84,64 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				activeEnvironment: __props.workspaceStore.workspace["x-scalar-active-environment"],
 				appVersion: unref(APP_VERSION),
 				authMeta: authMeta.value,
+				defaultHeaders: defaultHeaders.value,
+				documentCookies: documentCookies.value,
 				documentSecurity: __props.document?.security ?? [],
-				documentSelectedSecurity: documentSelectedSecurity.value,
 				documentUrl: __props.document?.["x-scalar-original-source-url"],
 				environment: __props.environment,
 				environments: environments.value,
 				eventBus: __props.eventBus,
 				exampleKey: __props.exampleName,
-				globalCookies: globalCookies.value,
 				hideClientButton: toValue(__props.options)?.hideClientButton ?? false,
 				history: __props.workspaceStore.history.getHistory(__props.documentSlug, __props.path, __props.method),
 				httpClients: httpClients.value,
 				layout: __props.layout,
 				method: __props.method,
 				operation: operation.value,
-				operationSelectedSecurity: operationSelectedSecurity.value,
 				path: __props.path,
 				plugins: __props.plugins,
-				proxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout) ?? "",
+				proxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout === "web" ? "web" : "other") ?? "",
 				requestBodyCompositionSelection: __props.requestBodyCompositionSelection,
-				securitySchemes: __props.securitySchemes,
+				securityRequirements: securityRequirements.value,
+				securitySchemes: securitySchemes.value,
 				selectedClient: __props.workspaceStore.workspace["x-scalar-default-client"],
+				selectedSecurity: selectedSecurity.value,
+				selectedSecuritySchemes: selectedSecuritySchemes.value,
 				server: selectedServer.value,
 				serverMeta: serverMeta.value,
-				servers: servers.value
+				servers: servers.value,
+				workspaceCookies: workspaceCookies.value
 			}, null, 8, [
 				"activeEnvironment",
 				"appVersion",
 				"authMeta",
+				"defaultHeaders",
+				"documentCookies",
 				"documentSecurity",
-				"documentSelectedSecurity",
 				"documentUrl",
 				"environment",
 				"environments",
 				"eventBus",
 				"exampleKey",
-				"globalCookies",
 				"hideClientButton",
 				"history",
 				"httpClients",
 				"layout",
 				"method",
 				"operation",
-				"operationSelectedSecurity",
 				"path",
 				"plugins",
 				"proxyUrl",
 				"requestBodyCompositionSelection",
+				"securityRequirements",
 				"securitySchemes",
 				"selectedClient",
+				"selectedSecurity",
+				"selectedSecuritySchemes",
 				"server",
 				"serverMeta",
-				"servers"
+				"servers",
+				"workspaceCookies"
 			])) : (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "text-c-3" }, "Select an operation to view details", -1)])]));
 		};
 	}

package/dist/v2/features/operation/Operation.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { AuthMeta, ServerMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, toValue } from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport type { ExtendedScalarCookie } from '@/v2/blocks/request-block/RequestBlock.vue'\nimport { APP_VERSION } from '@/v2/constants'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport { combineParams } from '@/v2/features/operation/helpers/combine-params'\nimport { getSelectedServer } from '@/v2/features/operation/helpers/get-selected-server'\nimport { getActiveProxyUrl } from '@/v2/helpers/get-active-proxy-url'\nimport { getServers } from '@/v2/helpers/get-servers'\n\nconst {\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  securitySchemes,\n  workspaceStore,\n  plugins,\n  documentSlug,\n} = defineProps<\n  RouteProps & {\n    /** Subset of config options for the modal */\n    options?: ModalProps['options']\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\n/** Grab the path item object from the document */\nconst pathItem = computed(() => {\n  if (!path) {\n    return null\n  }\n  return getResolvedRef(document?.paths?.[path])\n})\n\n/** Find the operation and augment with any path parameters */\nconst operation = computed(() => {\n  if (!path || !method) {\n    return null\n  }\n\n  const operation = getResolvedRef(document?.paths?.[path]?.[method])\n  if (!operation) {\n    return null\n  }\n\n  if (!pathItem.value) {\n    return operation\n  }\n\n  // We combine any path parameters with the operation parameters\n  const parameters = combineParams(\n    pathItem.value.parameters,\n    operation.parameters,\n  )\n  return { ...operation, parameters }\n})\n\n/** Combine the workspace and document cookies */\nconst globalCookies = computed(() => [\n  ...((workspaceStore.workspace?.['x-scalar-cookies'] ?? []).map((it) => ({\n    ...it,\n    location: 'workspace',\n  })) satisfies ExtendedScalarCookie[]),\n  ...((document?.['x-scalar-cookies'] ?? []).map((it) => ({\n    ...it,\n    location: 'document',\n  })) satisfies ExtendedScalarCookie[]),\n])\n\n/** Compute the servers for the operation */\nconst servers = computed(() => {\n  /**\n   * Gather all the servers from the config, operation, pathItem, and document\n   */\n  const _servers =\n    toValue(options)?.servers ??\n    operation.value?.servers ??\n    // pathItem.value?.servers ?? TODO: add support for pathItem servers\n    document?.servers\n\n  return getServers(_servers, {\n    baseServerUrl: toValue(options)?.baseServerURL,\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Selected server URL from the same source as servers: operation, then document (config has no stored selection so use document selection) */\nconst selectedServerUrl = computed(() => {\n  if (toValue(options)?.servers != null) {\n    return document?.['x-scalar-selected-server']\n  }\n  if (operation.value?.servers != null) {\n    return operation.value['x-scalar-selected-server']\n  }\n  return document?.['x-scalar-selected-server']\n})\n\n/** Selected server for the operation (document-level or operation-level servers) */\nconst selectedServer = computed(() =>\n  getSelectedServer(servers.value, selectedServerUrl.value),\n)\n\nconst serverMeta = computed<ServerMeta>(() => {\n  if (operation.value?.servers != null) {\n    return { type: 'operation', path: path ?? '', method: method ?? 'get' }\n  }\n  return { type: 'document' }\n})\n\nconst documentSelectedSecurity = computed<SelectedSecurity | undefined>(() => {\n  return workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n})\n\nconst operationSelectedSecurity = computed<SelectedSecurity | undefined>(() => {\n  return workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'operation',\n    documentName: documentSlug,\n    path: path ?? '',\n    method: method ?? 'get',\n  })\n})\n\n/** Select document vs operation meta based on the extension */\nconst authMeta = computed<AuthMeta>(() => {\n  if (operationSelectedSecurity.value !== undefined) {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n\n  return { type: 'document' }\n})\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSelectedSecurity=\"documentSelectedSecurity\"\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :globalCookies\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :layout\n      :method\n      :operation\n      :operationSelectedSecurity=\"operationSelectedSecurity\"\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout,\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\">\n    <span class=\"text-c-3\">Select an operation to view details</span>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n} from '@scalar/workspace-store/request-example'\nimport { computed, toValue } from 'vue'\n\nimport { isElectron } from '@/libs/electron'\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\n\nconst {\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n} = defineProps<\n  RouteProps & {\n    /** Subset of config options for the modal */\n    options?: ModalProps['options']\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst operation = computed(() => requestExample.value?.operation ?? null)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :layout\n      :method\n      :operation\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :workspaceCookies />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\">\n    <span class=\"text-c-3\">Select an operation to view details</span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/operation/index.d.ts

@@ -1,6 +1,2 @@
-export { combineParams } from './helpers/combine-params.js';
-export { getSecurityRequirements } from './helpers/get-security-requirements.js';
-export { getSelectedSecurity } from './helpers/get-selected-security.js';
-export { getSelectedServer } from './helpers/get-selected-server.js';
 export { default as Operation } from './Operation.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/operation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/v2/features/operation/index.js

@@ -1,6 +1,2 @@
-import { combineParams } from "./helpers/combine-params.js";
-import { getSecurityRequirements } from "./helpers/get-security-requirements.js";
-import { getSelectedSecurity } from "./helpers/get-selected-security.js";
-import { getSelectedServer } from "./helpers/get-selected-server.js";
 import Operation_default from "./Operation.vue.js";
-export { Operation_default as Operation, combineParams, getSecurityRequirements, getSelectedSecurity, getSelectedServer };
+export { Operation_default as Operation };

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuth2.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,oBAAoB,EACzB,KAAK,MAAM,EACZ,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQ1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,oBAAoB,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAkBF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,MAAM,OAAO,CAAA;CAChC,CAAC;AA0jBF,QAAA,MAAM,UAAU;;;;kFAGd,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":"OAuth2.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuth2.vue"],"names":[],"mappings":"AAyTA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,oBAAoB,EACzB,KAAK,MAAM,EACZ,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQ1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,oBAAoB,CAAA;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAkBF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,MAAM,OAAO,CAAA;CAChC,CAAC;AAylBF,QAAA,MAAM,UAAU;;;;kFAGd,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"}