@scalar/api-client 2.39.0 → 2.39.2

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 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    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    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,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;EACD,CAAsB;;CAGvB,MAAM,wBAAwB;AAC5B,yBAAuB,QAAQ,OAAO,gBAAgB,eAAe,iBAAiB,CAAC;;;CAIzF,MAAM,yBAAyB;AAC7B,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 { 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"}

package/dist/v2/features/modal/modal-events.d.ts

@@ -3,9 +3,10 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import { type Ref } from 'vue';
 import type { UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar.js';
-export declare function initializeModalEvents({ eventBus, isSidebarOpen, sidebarState, modalState, store, }: {
+export declare function initializeModalEvents({ eventBus, isSidebarOpen, requestBodyCompositionSelection, sidebarState, modalState, store, }: {
     eventBus: WorkspaceEventBus;
     isSidebarOpen: Ref<boolean>;
+    requestBodyCompositionSelection: Ref<Record<string, number>>;
     sidebarState: UseModalSidebarReturn;
     modalState: ModalState;
     store: WorkspaceStore;

package/dist/v2/features/modal/modal-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/modal-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,UAAU,EACV,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC3B,YAAY,EAAE,qBAAqB,CAAA;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,cAAc,CAAA;CACtB,QA4DA"}
+{"version":3,"file":"modal-events.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/modal-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAKxF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,EACb,+BAA+B,EAC/B,YAAY,EACZ,UAAU,EACV,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC3B,+BAA+B,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5D,YAAY,EAAE,qBAAqB,CAAA;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,cAAc,CAAA;CACtB,QAoEA"}

package/dist/v2/features/modal/modal-events.js

@@ -1,7 +1,8 @@
 import { initializeWorkspaceEventHandlers } from "../../workspace-events.js";
 import { ref } from "vue";
 //#region src/v2/features/modal/modal-events.ts
-function initializeModalEvents({ eventBus, isSidebarOpen, sidebarState, modalState, store }) {
+var EMPTY_REQUEST_BODY_COMPOSITION_SELECTION = {};
+function initializeModalEvents({ eventBus, isSidebarOpen, requestBodyCompositionSelection, sidebarState, modalState, store }) {
 	/** Initialize workspace event handlers */
 	initializeWorkspaceEventHandlers({
 		eventBus,
@@ -12,6 +13,7 @@ function initializeModalEvents({ eventBus, isSidebarOpen, sidebarState, modalSta
 	eventBus.on("ui:toggle:sidebar", () => isSidebarOpen.value = !isSidebarOpen.value);
 	eventBus.on("ui:close:client-modal", () => modalState.hide());
 	eventBus.on("ui:open:client-modal", (payload) => {
+		requestBodyCompositionSelection.value = payload && "requestBodyCompositionSelection" in payload && payload.requestBodyCompositionSelection ? payload.requestBodyCompositionSelection : EMPTY_REQUEST_BODY_COMPOSITION_SELECTION;
 		if (!payload) {
 			modalState.show();
 			return;

package/dist/v2/features/modal/modal-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-events.js","names":[],"sources":["../../../../src/v2/features/modal/modal-events.ts"],"sourcesContent":["import type { ModalState } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { type Ref, ref } from 'vue'\n\nimport type { UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nexport function initializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  sidebarState,\n  modalState,\n  store,\n}: {\n  eventBus: WorkspaceEventBus\n  isSidebarOpen: Ref<boolean>\n  sidebarState: UseModalSidebarReturn\n  modalState: ModalState\n  store: WorkspaceStore\n}) {\n  /** Initialize workspace event handlers */\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store: ref(store),\n    hooks: {},\n  })\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => sidebarState.handleSelectItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('ui:toggle:sidebar', () => (isSidebarOpen.value = !isSidebarOpen.value))\n  eventBus.on('ui:close:client-modal', () => modalState.hide())\n  eventBus.on('ui:open:client-modal', (payload) => {\n    // Just open the modal\n    if (!payload) {\n      modalState.show()\n      return\n    }\n\n    // We route to the exact ID\n    if ('id' in payload && payload.id) {\n      let targetId = payload.id\n\n      // If exampleName is provided, try to find the specific example entry\n      if ('exampleName' in payload && payload.exampleName) {\n        const operationEntry = sidebarState.state.getEntryById(payload.id)\n\n        // Try to find the specific example in the operation's children\n        if (operationEntry && 'children' in operationEntry && operationEntry.children) {\n          const exampleEntry = operationEntry.children.find(\n            (child: TraversedEntry) => child.type === 'example' && child.name === payload.exampleName,\n          )\n          if (exampleEntry) {\n            targetId = exampleEntry.id\n          }\n        }\n      }\n\n      sidebarState.handleSelectItem(targetId)\n    }\n    // We must find the ID first from the entries\n    else if ('method' in payload && 'path' in payload) {\n      sidebarState.handleSelectItem(\n        sidebarState.getEntryByLocation({\n          document: store.workspace.activeDocument?.['x-scalar-navigation']?.id ?? '',\n          path: payload.path,\n          method: payload.method,\n          example: payload.exampleName,\n        })?.id ?? '',\n      )\n    }\n\n    modalState.show()\n  })\n}\n"],"mappings":";;;AASA,SAAgB,sBAAsB,EACpC,UACA,eACA,cACA,YACA,SAOC;;AAED,kCAAiC;EAC/B;EACA,OAAO,IAAI,MAAM;EACjB,OAAO,EAAE;EACV,CAAC;AAKF,UAAS,GAAG,uBAAuB,EAAE,SAAS,aAAa,iBAAiB,GAAG,CAAC;AAKhF,UAAS,GAAG,2BAA4B,cAAc,QAAQ,CAAC,cAAc,MAAO;AACpF,UAAS,GAAG,+BAA+B,WAAW,MAAM,CAAC;AAC7D,UAAS,GAAG,yBAAyB,YAAY;AAE/C,MAAI,CAAC,SAAS;AACZ,cAAW,MAAM;AACjB;;AAIF,MAAI,QAAQ,WAAW,QAAQ,IAAI;GACjC,IAAI,WAAW,QAAQ;AAGvB,OAAI,iBAAiB,WAAW,QAAQ,aAAa;IACnD,MAAM,iBAAiB,aAAa,MAAM,aAAa,QAAQ,GAAG;AAGlE,QAAI,kBAAkB,cAAc,kBAAkB,eAAe,UAAU;KAC7E,MAAM,eAAe,eAAe,SAAS,MAC1C,UAA0B,MAAM,SAAS,aAAa,MAAM,SAAS,QAAQ,YAC/E;AACD,SAAI,aACF,YAAW,aAAa;;;AAK9B,gBAAa,iBAAiB,SAAS;aAGhC,YAAY,WAAW,UAAU,QACxC,cAAa,iBACX,aAAa,mBAAmB;GAC9B,UAAU,MAAM,UAAU,iBAAiB,wBAAwB,MAAM;GACzE,MAAM,QAAQ;GACd,QAAQ,QAAQ;GAChB,SAAS,QAAQ;GAClB,CAAC,EAAE,MAAM,GACX;AAGH,aAAW,MAAM;GACjB"}
+{"version":3,"file":"modal-events.js","names":[],"sources":["../../../../src/v2/features/modal/modal-events.ts"],"sourcesContent":["import type { ModalState } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { type Ref, ref } from 'vue'\n\nimport type { UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nconst EMPTY_REQUEST_BODY_COMPOSITION_SELECTION = {} as Record<string, number>\n\nexport function initializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store,\n}: {\n  eventBus: WorkspaceEventBus\n  isSidebarOpen: Ref<boolean>\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  sidebarState: UseModalSidebarReturn\n  modalState: ModalState\n  store: WorkspaceStore\n}) {\n  /** Initialize workspace event handlers */\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store: ref(store),\n    hooks: {},\n  })\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => sidebarState.handleSelectItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('ui:toggle:sidebar', () => (isSidebarOpen.value = !isSidebarOpen.value))\n  eventBus.on('ui:close:client-modal', () => modalState.hide())\n  eventBus.on('ui:open:client-modal', (payload) => {\n    const nextRequestBodyCompositionSelection = (\n      payload && 'requestBodyCompositionSelection' in payload && payload.requestBodyCompositionSelection\n        ? payload.requestBodyCompositionSelection\n        : EMPTY_REQUEST_BODY_COMPOSITION_SELECTION\n    ) as Record<string, number>\n\n    requestBodyCompositionSelection.value = nextRequestBodyCompositionSelection\n\n    // Just open the modal\n    if (!payload) {\n      modalState.show()\n      return\n    }\n\n    // We route to the exact ID\n    if ('id' in payload && payload.id) {\n      let targetId = payload.id\n\n      // If exampleName is provided, try to find the specific example entry\n      if ('exampleName' in payload && payload.exampleName) {\n        const operationEntry = sidebarState.state.getEntryById(payload.id)\n\n        // Try to find the specific example in the operation's children\n        if (operationEntry && 'children' in operationEntry && operationEntry.children) {\n          const exampleEntry = operationEntry.children.find(\n            (child: TraversedEntry) => child.type === 'example' && child.name === payload.exampleName,\n          )\n          if (exampleEntry) {\n            targetId = exampleEntry.id\n          }\n        }\n      }\n\n      sidebarState.handleSelectItem(targetId)\n    }\n    // We must find the ID first from the entries\n    else if ('method' in payload && 'path' in payload) {\n      sidebarState.handleSelectItem(\n        sidebarState.getEntryByLocation({\n          document: store.workspace.activeDocument?.['x-scalar-navigation']?.id ?? '',\n          path: payload.path,\n          method: payload.method,\n          example: payload.exampleName,\n        })?.id ?? '',\n      )\n    }\n\n    modalState.show()\n  })\n}\n"],"mappings":";;;AASA,IAAM,2CAA2C,EAAE;AAEnD,SAAgB,sBAAsB,EACpC,UACA,eACA,iCACA,cACA,YACA,SAQC;;AAED,kCAAiC;EAC/B;EACA,OAAO,IAAI,MAAM;EACjB,OAAO,EAAE;EACV,CAAC;AAKF,UAAS,GAAG,uBAAuB,EAAE,SAAS,aAAa,iBAAiB,GAAG,CAAC;AAKhF,UAAS,GAAG,2BAA4B,cAAc,QAAQ,CAAC,cAAc,MAAO;AACpF,UAAS,GAAG,+BAA+B,WAAW,MAAM,CAAC;AAC7D,UAAS,GAAG,yBAAyB,YAAY;AAO/C,kCAAgC,QAL9B,WAAW,qCAAqC,WAAW,QAAQ,kCAC/D,QAAQ,kCACR;AAMN,MAAI,CAAC,SAAS;AACZ,cAAW,MAAM;AACjB;;AAIF,MAAI,QAAQ,WAAW,QAAQ,IAAI;GACjC,IAAI,WAAW,QAAQ;AAGvB,OAAI,iBAAiB,WAAW,QAAQ,aAAa;IACnD,MAAM,iBAAiB,aAAa,MAAM,aAAa,QAAQ,GAAG;AAGlE,QAAI,kBAAkB,cAAc,kBAAkB,eAAe,UAAU;KAC7E,MAAM,eAAe,eAAe,SAAS,MAC1C,UAA0B,MAAM,SAAS,aAAa,MAAM,SAAS,QAAQ,YAC/E;AACD,SAAI,aACF,YAAW,aAAa;;;AAK9B,gBAAa,iBAAiB,SAAS;aAGhC,YAAY,WAAW,UAAU,QACxC,cAAa,iBACX,aAAa,mBAAmB;GAC9B,UAAU,MAAM,UAAU,iBAAiB,wBAAwB,MAAM;GACzE,MAAM,QAAQ;GACd,QAAQ,QAAQ;GAChB,SAAS,QAAQ;GAClB,CAAC,EAAE,MAAM,GACX;AAGH,aAAW,MAAM;GACjB"}

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

@@ -13,8 +13,12 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<RouteProps & {
     /** Subset of config options for the modal */
     options?: ModalProps["options"];
+    /** 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"];
+    /** Selected anyOf/oneOf request-body variants keyed by schema path */
+    requestBodyCompositionSelection?: Record<string, number>;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 //# sourceMappingURL=Operation.vue.d.ts.map

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":"AA4OA,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;;IAD/B,6CAA6C;cACnC,UAAU,CAAC,SAAS,CAAC;iGAuR/B,CAAC"}
+{"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"}

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  }\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      :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 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":""}

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

@@ -33,7 +33,8 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
 		onUpdateTelemetry: { type: Function },
-		options: {}
+		options: {},
+		requestBodyCompositionSelection: {}
 	},
 	setup(__props) {
 		/** Grab the path item object from the document */
@@ -140,6 +141,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				path: __props.path,
 				plugins: __props.plugins,
 				proxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout) ?? "",
+				requestBodyCompositionSelection: __props.requestBodyCompositionSelection,
 				securitySchemes: __props.securitySchemes,
 				selectedClient: __props.workspaceStore.workspace["x-scalar-default-client"],
 				server: selectedServer.value,
@@ -167,6 +169,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"path",
 				"plugins",
 				"proxyUrl",
+				"requestBodyCompositionSelection",
 				"securitySchemes",
 				"selectedClient",
 				"server",

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  }\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      :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 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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"}

package/dist/v2/helpers/download-document.d.ts

@@ -0,0 +1,2 @@
+export declare function downloadAsFile(content: string, filename: string, mimeType?: string): void;
+//# sourceMappingURL=download-document.d.ts.map

package/dist/v2/helpers/download-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-document.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/download-document.ts"],"names":[],"mappings":"AAiBA,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,SAAqB,GAAG,IAAI,CAkBrG"}

package/dist/v2/helpers/download-document.js

@@ -0,0 +1,42 @@
+//#region src/v2/helpers/download-document.ts
+/**
+* Triggers a file download in the browser for the given content.
+* Creates a blob, programmatically clicks a temporary link, then revokes the object URL.
+*
+* @param content - The string content to download (e.g. JSON or YAML).
+* @param filename - The name of the file to save (e.g. "my-api.json").
+* @param mimeType - Optional MIME type for the blob. Defaults to "application/json".
+*/
+function createClickEvent() {
+	try {
+		return new MouseEvent("click", {
+			bubbles: true,
+			cancelable: true,
+			view: window
+		});
+	} catch {
+		return new MouseEvent("click", {
+			bubbles: true,
+			cancelable: true
+		});
+	}
+}
+function downloadAsFile(content, filename, mimeType = "application/json") {
+	const blob = new Blob([content], { type: mimeType });
+	const url = URL.createObjectURL(blob);
+	const link = document.createElement("a");
+	link.href = url;
+	link.download = filename;
+	link.style.display = "none";
+	link.setAttribute("aria-hidden", "true");
+	document.body.appendChild(link);
+	link.dispatchEvent(createClickEvent());
+	setTimeout(() => {
+		URL.revokeObjectURL(url);
+		document.body.removeChild(link);
+	}, 100);
+}
+//#endregion
+export { downloadAsFile };
+
+//# sourceMappingURL=download-document.js.map

package/dist/v2/helpers/download-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-document.js","names":[],"sources":["../../../src/v2/helpers/download-document.ts"],"sourcesContent":["/**\n * Triggers a file download in the browser for the given content.\n * Creates a blob, programmatically clicks a temporary link, then revokes the object URL.\n *\n * @param content - The string content to download (e.g. JSON or YAML).\n * @param filename - The name of the file to save (e.g. \"my-api.json\").\n * @param mimeType - Optional MIME type for the blob. Defaults to \"application/json\".\n */\nfunction createClickEvent(): MouseEvent {\n  try {\n    return new MouseEvent('click', { bubbles: true, cancelable: true, view: window })\n  } catch {\n    // Fallback for test environments where `view` is not a valid Window.\n    return new MouseEvent('click', { bubbles: true, cancelable: true })\n  }\n}\n\nexport function downloadAsFile(content: string, filename: string, mimeType = 'application/json'): void {\n  const blob = new Blob([content], { type: mimeType })\n  const url = URL.createObjectURL(blob)\n  const link = document.createElement('a')\n  link.href = url\n  link.download = filename\n  link.style.display = 'none'\n  link.setAttribute('aria-hidden', 'true')\n  document.body.appendChild(link)\n\n  // This is necessary as link.click() does not work on the latest Firefox.\n  link.dispatchEvent(createClickEvent())\n\n  // For Firefox it is necessary to delay revoking the ObjectURL.\n  setTimeout(() => {\n    URL.revokeObjectURL(url)\n    document.body.removeChild(link)\n  }, 100)\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,mBAA+B;AACtC,KAAI;AACF,SAAO,IAAI,WAAW,SAAS;GAAE,SAAS;GAAM,YAAY;GAAM,MAAM;GAAQ,CAAC;SAC3E;AAEN,SAAO,IAAI,WAAW,SAAS;GAAE,SAAS;GAAM,YAAY;GAAM,CAAC;;;AAIvE,SAAgB,eAAe,SAAiB,UAAkB,WAAW,oBAA0B;CACrG,MAAM,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,UAAU,CAAC;CACpD,MAAM,MAAM,IAAI,gBAAgB,KAAK;CACrC,MAAM,OAAO,SAAS,cAAc,IAAI;AACxC,MAAK,OAAO;AACZ,MAAK,WAAW;AAChB,MAAK,MAAM,UAAU;AACrB,MAAK,aAAa,eAAe,OAAO;AACxC,UAAS,KAAK,YAAY,KAAK;AAG/B,MAAK,cAAc,kBAAkB,CAAC;AAGtC,kBAAiB;AACf,MAAI,gBAAgB,IAAI;AACxB,WAAS,KAAK,YAAY,KAAK;IAC9B,IAAI"}

package/dist/v2/posthog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"posthog.d.ts","sourceRoot":"","sources":["../../src/v2/posthog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,KAAK,CAAA;AASrC,eAAO,MAAM,UAAU,GAAI,SAAS,GAAG,CAAC,OAAO,CAAC,SAY/C,CAAA"}
+{"version":3,"file":"posthog.d.ts","sourceRoot":"","sources":["../../src/v2/posthog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,KAAK,CAAA;AAarC,eAAO,MAAM,UAAU,GAAI,SAAS,GAAG,CAAC,OAAO,CAAC,SAY/C,CAAA"}

package/dist/v2/posthog.js

@@ -7,6 +7,7 @@ var posthog = ph.init("phc_3elIjSOvGOo5aEwg6krzIY9IcQiRubsBtglOXsQ4Uu4", {
 	defaults: "2025-11-30",
 	opt_out_capturing_by_default: true
 });
+posthog.register({ product: "api-client" });
 var usePosthog = (enabled) => {
 	watch(enabled, (value) => {
 		if (value) posthog.opt_in_capturing();

package/dist/v2/posthog.js.map

@@ -1 +1 @@
-{"version":3,"file":"posthog.js","names":[],"sources":["../../src/v2/posthog.ts"],"sourcesContent":["import ph from 'posthog-js'\nimport { type Ref, watch } from 'vue'\n\nconst posthog = ph.init('phc_3elIjSOvGOo5aEwg6krzIY9IcQiRubsBtglOXsQ4Uu4', {\n  api_host: 'https://magic.scalar.com',\n  ui_host: 'https://us.posthog.com',\n  defaults: '2025-11-30',\n  opt_out_capturing_by_default: true,\n})\n\nexport const usePosthog = (enabled: Ref<boolean>) => {\n  watch(\n    enabled,\n    (value) => {\n      if (value) {\n        posthog.opt_in_capturing()\n      } else {\n        posthog.opt_out_capturing()\n      }\n    },\n    { immediate: true },\n  )\n}\n"],"mappings":";;;AAGA,IAAM,UAAU,GAAG,KAAK,mDAAmD;CACzE,UAAU;CACV,SAAS;CACT,UAAU;CACV,8BAA8B;CAC/B,CAAC;AAEF,IAAa,cAAc,YAA0B;AACnD,OACE,UACC,UAAU;AACT,MAAI,MACF,SAAQ,kBAAkB;MAE1B,SAAQ,mBAAmB;IAG/B,EAAE,WAAW,MAAM,CACpB"}
+{"version":3,"file":"posthog.js","names":[],"sources":["../../src/v2/posthog.ts"],"sourcesContent":["import ph from 'posthog-js'\nimport { type Ref, watch } from 'vue'\n\nconst posthog = ph.init('phc_3elIjSOvGOo5aEwg6krzIY9IcQiRubsBtglOXsQ4Uu4', {\n  api_host: 'https://magic.scalar.com',\n  ui_host: 'https://us.posthog.com',\n  defaults: '2025-11-30',\n  opt_out_capturing_by_default: true,\n})\n\nposthog.register({\n  product: 'api-client',\n})\n\nexport const usePosthog = (enabled: Ref<boolean>) => {\n  watch(\n    enabled,\n    (value) => {\n      if (value) {\n        posthog.opt_in_capturing()\n      } else {\n        posthog.opt_out_capturing()\n      }\n    },\n    { immediate: true },\n  )\n}\n"],"mappings":";;;AAGA,IAAM,UAAU,GAAG,KAAK,mDAAmD;CACzE,UAAU;CACV,SAAS;CACT,UAAU;CACV,8BAA8B;CAC/B,CAAC;AAEF,QAAQ,SAAS,EACf,SAAS,cACV,CAAC;AAEF,IAAa,cAAc,YAA0B;AACnD,OACE,UACC,UAAU;AACT,MAAI,MACF,SAAQ,kBAAkB;MAE1B,SAAQ,mBAAmB;IAG/B,EAAE,WAAW,MAAM,CACpB"}

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.script.js

@@ -45,7 +45,7 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const handleHotKey = (event) => {
 			if (event?.createNew && route.name === "request") addRequest();
 		};
-		const packageVersion = "2.39.0";
+		const packageVersion = "2.39.2";
 		onMounted(() => events.hotKeys.on(handleHotKey));
 		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
 		return (_ctx, _cache) => {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.39.0",
+  "version": "2.39.2",
   "engines": {
     "node": ">=22"
   },
@@ -347,24 +347,24 @@
     "whatwg-mimetype": "4.0.0",
     "yaml": "^2.8.0",
     "zod": "^4.3.5",
-    "@scalar/components": "0.21.0",
-    "@scalar/helpers": "0.4.2",
+    "@scalar/components": "0.21.1",
     "@scalar/draggable": "0.4.1",
-    "@scalar/icons": "0.6.4",
-    "@scalar/import": "0.5.3",
+    "@scalar/icons": "0.7.0",
+    "@scalar/helpers": "0.4.2",
     "@scalar/json-magic": "0.12.4",
-    "@scalar/oas-utils": "0.10.11",
+    "@scalar/oas-utils": "0.10.13",
+    "@scalar/import": "0.5.3",
     "@scalar/object-utils": "1.3.3",
+    "@scalar/sidebar": "0.8.15",
     "@scalar/openapi-types": "0.6.1",
     "@scalar/postman-to-openapi": "0.6.0",
-    "@scalar/sidebar": "0.8.13",
-    "@scalar/snippetz": "0.7.6",
-    "@scalar/themes": "0.15.1",
+    "@scalar/snippetz": "0.7.7",
     "@scalar/use-codemirror": "0.14.10",
-    "@scalar/types": "0.7.4",
-    "@scalar/use-toasts": "0.10.1",
+    "@scalar/types": "0.7.5",
     "@scalar/use-hooks": "0.4.1",
-    "@scalar/workspace-store": "0.41.0"
+    "@scalar/use-toasts": "0.10.1",
+    "@scalar/themes": "0.15.1",
+    "@scalar/workspace-store": "0.41.2"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.0",
@@ -380,7 +380,7 @@
     "vite-svg-loader": "5.1.1",
     "vitest": "4.1.0",
     "@scalar/galaxy": "0.6.1",
-    "@scalar/pre-post-request-scripts": "0.3.13"
+    "@scalar/pre-post-request-scripts": "0.3.15"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",