@scalar/api-client 2.42.0 → 3.0.0

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

@@ -1,7 +1,7 @@
 import { resolveRouteParameters } from "./resolve-route-parameters.js";
 import { useModalSidebar } from "../hooks/use-modal-sidebar.js";
 import Modal_default from "../Modal.vue.js";
-import { computed, createApp, reactive, ref, watch } from "vue";
+import { computed, createApp, isRef, reactive, ref, toValue, watch } from "vue";
 import { useModal } from "@scalar/components";
 import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
 //#region src/v2/features/modal/helpers/create-api-client-modal.ts
@@ -13,6 +13,8 @@ import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
 */
 var createApiClientModal = ({ el, eventBus = createWorkspaceEventBus({ debug: false }), mountOnInitialize = true, plugins = [], workspaceStore, options = {} }) => {
 	const requestBodyCompositionSelection = ref({});
+	/** This is to ensure that the options are a ref if they are not already, useful for react */
+	const optionsRef = isRef(options) ? options : ref(toValue(options));
 	const defaultEntities = {
 		path: "default",
 		method: "default",
@@ -53,13 +55,14 @@ var createApiClientModal = ({ el, eventBus = createWorkspaceEventBus({ debug: fa
 		requestBodyCompositionSelection,
 		sidebarState,
 		workspaceStore,
-		options
+		options: optionsRef
 	});
 	/** Restore the workspace store when the modal is closed. */
 	const handleModalClose = () => {
 		requestBodyCompositionSelection.value = {};
 	};
 	watch(() => modalState.open, (open) => open ? null : handleModalClose());
+	watch(() => toValue(optionsRef).proxyUrl, (newProxyUrl) => workspaceStore.update("x-scalar-active-proxy", newProxyUrl), { immediate: true });
 	app.config.idPrefix = "scalar-client";
 	/** Mount the modal to a given element. */
 	const mount = (mountingEl = el) => {
@@ -78,7 +81,13 @@ var createApiClientModal = ({ el, eventBus = createWorkspaceEventBus({ debug: fa
 		},
 		mount,
 		route,
-		modalState
+		modalState,
+		updateOptions: (newOptions, overwrite = false) => {
+			optionsRef.value = overwrite ? newOptions : {
+				...optionsRef.value,
+				...newOptions
+			};
+		}
 	};
 };
 //#endregion

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 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"}
+{"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, type MaybeRefOrGetter, computed, createApp, isRef, reactive, ref, toValue, watch } from 'vue'\n\nimport {\n  type DefaultEntities,\n  type RoutePayload,\n  resolveRouteParameters,\n} from '@/v2/features/modal/helpers/resolve-route-parameters'\nimport type { ApiClientModalOptions, ApiClientModalOptionsRef } from '@/v2/features/modal/helpers/types'\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?: MaybeRefOrGetter<ApiClientModalOptions>\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  updateOptions: (nextOptions: ApiClientModalOptions, overwrite?: boolean) => 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  /** This is to ensure that the options are a ref if they are not already, useful for react */\n  const optionsRef = (isRef(options) ? options : ref(toValue(options))) as ApiClientModalOptionsRef\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: optionsRef,\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  // Update the active proxy when the proxyUrl changes\n  watch(\n    () => toValue(optionsRef).proxyUrl,\n    (newProxyUrl) => workspaceStore.update('x-scalar-active-proxy', newProxyUrl),\n    { immediate: true },\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     * Merge new options into the current modal options.\n     *\n     * @param newOptions - The new options to merge into the current modal options.\n     * @param overwrite - Whether to overwrite the current modal options with the new options. If false, the new options will be merged with the current options.\n     */\n    updateOptions: (newOptions: ApiClientModalOptions, overwrite = false): void => {\n      optionsRef.value = overwrite\n        ? newOptions\n        : {\n            ...optionsRef.value,\n            ...newOptions,\n          }\n    },\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;;CAGvE,MAAM,aAAc,MAAM,QAAQ,GAAG,UAAU,IAAI,QAAQ,QAAQ,CAAC;CAEpE,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,SAAS;EACV,CAAsB;;CAGvB,MAAM,yBAAyB;AAC7B,kCAAgC,QAAQ,EAAE;;AAG5C,aACQ,WAAW,OAChB,SAAU,OAAO,OAAO,kBAAkB,CAC5C;AAGD,aACQ,QAAQ,WAAW,CAAC,WACzB,gBAAgB,eAAe,OAAO,yBAAyB,YAAY,EAC5E,EAAE,WAAW,MAAM,CACpB;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;EAOA,gBAAgB,YAAmC,YAAY,UAAgB;AAC7E,cAAW,QAAQ,YACf,aACA;IACE,GAAG,WAAW;IACd,GAAG;IACJ;;EAER"}

package/dist/v2/features/modal/helpers/types.d.ts

@@ -0,0 +1,8 @@
+import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
+import type { Ref } from 'vue';
+/**
+ * Configuration options supported by the API Client modal constructor.
+ */
+export type ApiClientModalOptions = Partial<Pick<ApiReferenceConfigurationRaw, 'authentication' | 'baseServerURL' | 'hideClientButton' | 'hiddenClients' | 'oauth2RedirectUri' | 'proxyUrl' | 'servers'>>;
+export type ApiClientModalOptionsRef = Ref<ApiClientModalOptions>;
+//# sourceMappingURL=types.d.ts.map

package/dist/v2/features/modal/helpers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,4BAA4B,EAC1B,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,UAAU,GACV,SAAS,CACZ,CACF,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,GAAG,CAAC,qBAAqB,CAAC,CAAA"}

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

@@ -1,5 +1,6 @@
 export { type ApiClientModal, createApiClientModal } from './helpers/create-api-client-modal.js';
 export { mapHiddenClientsConfig } from './helpers/map-hidden-clients-config.js';
 export type { RoutePayload } from './helpers/resolve-route-parameters.js';
+export type { ApiClientModalOptions } from './helpers/types';
 export { initializeModalEvents } from './modal-events.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,YAAY,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}

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

@@ -1,5 +1,5 @@
 import type { RouteProps } from '../../../v2/features/app/helpers/routes.js';
-import type { ModalProps } from '../../../v2/features/modal/Modal.vue.js';
+import type { ApiClientModalOptionsRef } from '../../../v2/features/modal/helpers/types';
 /**
  * Operation example page
  *
@@ -12,12 +12,12 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<RouteProps & {
     /** Subset of config options for the modal */
-    options?: ModalProps["options"];
+    options?: ApiClientModalOptionsRef;
     /** Selected anyOf/oneOf request-body variants keyed by schema path */
     requestBodyCompositionSelection?: Record<string, number>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps & {
     /** Subset of config options for the modal */
-    options?: ModalProps["options"];
+    options?: ApiClientModalOptionsRef;
     /** Selected anyOf/oneOf request-body variants keyed by schema path */
     requestBodyCompositionSelection?: Record<string, number>;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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":"AAmMA,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;iGAuPxD,CAAC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAGjF;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEd,6CAA6C;cACnC,wBAAwB;IAClC,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;IAHxD,6CAA6C;cACnC,wBAAwB;IAClC,sEAAsE;sCACpC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;iGAyPxD,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 {\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 && document\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :document\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":""}
+{"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 { isElectron } from '@scalar/helpers/general/is-electron'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n} from '@scalar/workspace-store/request-example'\nimport { computed, toValue } from 'vue'\n\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 { ApiClientModalOptionsRef } from '@/v2/features/modal/helpers/types'\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?: ApiClientModalOptionsRef\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 && document\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :document\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      :options\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,8 +1,8 @@
-import { isElectron } from "../../../libs/electron.js";
 import { APP_VERSION } from "../../constants.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 { isElectron } from "@scalar/helpers/general/is-electron";
 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 = {
@@ -99,6 +99,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				layout: __props.layout,
 				method: __props.method,
 				operation: operation.value,
+				options: __props.options,
 				path: __props.path,
 				plugins: __props.plugins,
 				proxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout === "web" ? "web" : "other") ?? "",
@@ -131,6 +132,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"layout",
 				"method",
 				"operation",
+				"options",
 				"path",
 				"plugins",
 				"proxyUrl",

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 {\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 && document\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :document\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,iBAAiB,eAAe;AACpC,OAAI,CAAC,QAAA,QAAQ,CAAC,QAAA,UAAU,CAAC,QAAA,eAAe,CAAC,QAAA,SACvC,QAAO;GAGT,MAAM,SAAS,yBACb,QAAA,gBACA,QAAA,cACA;IAAE,MAAG,QAAA;IAAG,QAAK,QAAA;IAAG,aAAU,QAAA;IAAG,EAC7B;IACE,eAAe,QAAQ,QAAA,QAAQ,EAAE;IACjC,kBAAkB,QAAA;IAClB,YAAY,YAAY;IACxB,QAAQ,QAAA,WAAW,QAAQ,QAAQ;IACnC,SAAS,QAAQ,QAAA,QAAQ,EAAE;IAC3B,YAAY;IACZ,gBAAgB,QAAQ,QAAA,QAAQ,EAAE;IACnC,CACH;AAEA,UAAO,OAAO,KAAK,OAAO,OAAO;IAClC;EAED,MAAM,YAAY,eAAe,eAAe,OAAO,aAAa,KAAI;EACxE,MAAM,mBAAmB,eACjB,eAAe,OAAO,QAAQ,aAAa,EAAE,CACrD;EACA,MAAM,kBAAkB,eAChB,eAAe,OAAO,QAAQ,YAAY,EAAE,CACpD;EACA,MAAM,UAAU,eAAe,eAAe,OAAO,QAAQ,QAAQ,EAAE,CAAA;EACvE,MAAM,iBAAiB,eACf,eAAe,OAAO,QAAQ,YAAY,KAClD;EACA,MAAM,aAAa,eACX,eAAe,OAAO,QAAQ,QAAQ,EAAE,MAAM,YAAqB,CAC3E;EAEA,MAAM,kBAAkB,eAChB,eAAe,OAAO,SAAS,WAAW,EAAE,CACpD;EAEA,MAAM,mBAAmB,eAErB,eAAe,OAAO,SAAS,YAAY;GACzC,eAAe;GACf,iBAAiB,EAAE;GACpB,CACL;EACA,MAAM,0BAA0B,eACxB,eAAe,OAAO,SAAS,mBAAmB,EAAE,CAC5D;EACA,MAAM,uBAAuB,eACrB,eAAe,OAAO,SAAS,gBAAgB,EAAE,CACzD;EACA,MAAM,WAAW,eACT,eAAe,OAAO,SAAS,QAAQ,EAAE,MAAM,YAAqB,CAC5E;EAEA,MAAM,iBAAiB,eACf,eAAe,OAAO,QAAQ,WAAW,EAAE,CACnD;;EAGA,MAAM,eAAe,eAAe;AAClC,UAAO,MAAM,KACX,IAAI,IACF,OAAO,KAAK;IACV,GAAG,QAAA,WAAW;IACd,GAAG,QAAA,eAAe,UAAU;IAC7B,CAAC,CACH,CACH;IACD;;EAGD,MAAM,cAAc,eAClB,uBAAuB,QAAQ,QAAA,QAAQ,EAAE,cAAc,CACzD;;UAKkB,QAAA,QAAQ,QAAA,UAAU,QAAA,eAAe,UAAA,SAAa,QAAA,YAAA,WAAA,EAC5D,YAsCsB,MAAA,uBAAA,EAAA;;IArCnB,mBAA4B,QAAA,eAAe,UAAS;IAGpD,YAAY,MAAA,YAAW;IACvB,UAAA,SAAA;IACA,gBAAA,eAAA;IACA,UAAA,QAAA;IACA,iBAAA,gBAAA;IACA,kBAAkB,QAAA,UAAU,YAAQ,EAAA;IACpC,aAAa,QAAA,WAAQ;IACrB,aAAA,QAAA;IACA,cAAA,aAAA;IACA,UAAA,QAAA;IACA,YAAY,QAAA;IACZ,kBAAkB,QAAQ,QAAA,QAAO,EAAG,oBAAgB;IACpD,SAAS,QAAA,eAAe,QAAQ,WAAW,QAAA,cAAc,QAAA,MAAM,QAAA,OAAM;IACrE,aAAA,YAAA;IACA,QAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,MAAA,QAAA;IACA,SAAS,QAAA;IACT,UAAmB,MAAA,kBAAiB,CAAY,QAAA,eAAe,UAAS,0BAAqC,QAAA,WAAM,QAAA,QAAA,QAAA,IAAA;IAMnH,iCAAA,QAAA;IACA,sBAAsB,qBAAA;IACtB,iBAAA,gBAAA;IACA,gBAAgB,QAAA,eAAe,UAAS;IACxC,kBAAkB,iBAAA;IAClB,yBAAyB,wBAAA;IACzB,QAAQ,eAAA;IACR,YAAA,WAAA;IACA,SAAA,QAAA;IACA,kBAAA,iBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAIL,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAiE,QAAA,EAA3D,OAAM,YAAU,EAAC,uCAAmC,GAAA,CAAA,EAAA,CAAA"}
+{"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 { isElectron } from '@scalar/helpers/general/is-electron'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n} from '@scalar/workspace-store/request-example'\nimport { computed, toValue } from 'vue'\n\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 { ApiClientModalOptionsRef } from '@/v2/features/modal/helpers/types'\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?: ApiClientModalOptionsRef\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 && document\">\n    <OperationBlock\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :document\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      :options\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/settings/CollectionSettings.vue.script.js

@@ -1,5 +1,5 @@
-import IntegrationLogo_default from "../../../components/ImportCollection/IntegrationLogo.vue.js";
 import Section_default from "./components/Section.vue.js";
+import IntegrationLogo_default from "../../../components/ImportCollection/IntegrationLogo.vue.js";
 import Appearance_default from "./components/Appearance.vue.js";
 import { getThemeColors } from "./helpers/get-theme-colors.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";

package/dist/v2/features/settings/components/Appearance.vue.d.ts

@@ -2,9 +2,9 @@ type __VLS_Props = {
     colorMode: 'system' | 'light' | 'dark';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:colorMode": (value: "dark" | "light" | "system") => any;
+    "update:colorMode": (value: "light" | "system" | "dark") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:colorMode"?: ((value: "dark" | "light" | "system") => any) | undefined;
+    "onUpdate:colorMode"?: ((value: "light" | "system" | "dark") => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/v2/helpers/safe-run.d.ts

@@ -0,0 +1,10 @@
+export declare const tryCatch: <T>(fn: () => Promise<T> | T) => Promise<{
+    readonly ok: true;
+    readonly data: Awaited<T>;
+    readonly error?: undefined;
+} | {
+    readonly ok: false;
+    readonly error: string;
+    readonly data?: undefined;
+}>;
+//# sourceMappingURL=safe-run.d.ts.map

package/dist/v2/helpers/safe-run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-run.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/safe-run.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAU,CAAC,EAAE,IAAI,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;;;EAazD,CAAA"}

package/dist/v2/helpers/safe-run.js

@@ -0,0 +1,19 @@
+//#region src/v2/helpers/safe-run.ts
+var tryCatch = async (fn) => {
+	try {
+		return {
+			ok: true,
+			data: await fn()
+		};
+	} catch (error) {
+		console.error(error);
+		return {
+			ok: false,
+			error: error instanceof Error ? error.message : String(error)
+		};
+	}
+};
+//#endregion
+export { tryCatch };
+
+//# sourceMappingURL=safe-run.js.map

package/dist/v2/helpers/safe-run.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-run.js","names":[],"sources":["../../../src/v2/helpers/safe-run.ts"],"sourcesContent":["export const tryCatch = async <T>(fn: () => Promise<T> | T) => {\n  try {\n    return {\n      ok: true,\n      data: await fn(),\n    } as const\n  } catch (error) {\n    console.error(error)\n    return {\n      ok: false,\n      error: error instanceof Error ? error.message : String(error),\n    } as const\n  }\n}\n"],"mappings":";AAAA,IAAa,WAAW,OAAU,OAA6B;AAC7D,KAAI;AACF,SAAO;GACL,IAAI;GACJ,MAAM,MAAM,IAAI;GACjB;UACM,OAAO;AACd,UAAQ,MAAM,MAAM;AACpB,SAAO;GACL,IAAI;GACJ,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM;GAC9D"}