@scalar/api-client 3.1.0 → 3.2.0

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

@@ -21,13 +21,14 @@ var createAppRouter = (layout) => {
 /**
 * Create the API Client with router and passes in the workspace store as a prop
 */
-var createApiClientApp = async (el, { layout = "desktop", plugins, customThemes, fallbackThemeSlug, fetchRegistryDocument, telemetry = true }) => {
+var createApiClientApp = async (el, { layout = "desktop", plugins, customThemes, fallbackThemeSlug, fetchRegistryDocument, telemetry = true, options }) => {
 	const router = createAppRouter(layout);
 	const state = await createAppState({
 		router,
 		customThemes,
 		fallbackThemeSlug,
-		telemetryDefault: telemetry
+		telemetryDefault: telemetry,
+		options
 	});
 	const commandPaletteState = useCommandPaletteState();
 	const app = createApp(App_default, {

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

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-app.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"sourcesContent":["import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport { createApp } from 'vue'\nimport { createRouter as createVueRouter, createWebHashHistory, createWebHistory } from 'vue-router'\n\nimport App from '@/v2/features/app/App.vue'\nimport { createAppState } from '@/v2/features/app/app-state'\nimport { ROUTES } from '@/v2/features/app/helpers/routes'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport { useCommandPaletteState } from '../../command-palette/hooks/use-command-palette-state'\n\ntype CreateApiClientOptions = {\n  /**\n   * The layout of the client, limited to web or desktop in app\n   * @see {@link ClientLayout}\n   *\n   * @default 'desktop'\n   */\n  layout: Exclude<ClientLayout, 'modal'>\n  /**\n   * Api client plugins to include in the app\n   */\n  plugins?: ClientPlugin[]\n  /**\n   * Custom themes to include in the app\n   */\n  customThemes?: Theme[]\n  /**\n   * Fallback theme slug to use if no theme is selected for the workspace\n   * @default 'default'\n   */\n  fallbackThemeSlug?: () => string\n  /**\n   * Fetches the full document from registry by meta. When set, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /**\n   * Whether or not to send telemetry events.\n   */\n  telemetry?: boolean\n}\n\n/**\n * Creates the appropriate router with the appropriate routes based on the layout\n */\nexport const createAppRouter = (layout: CreateApiClientOptions['layout']) => {\n  // Web uses the standard HTML5 history API\n  if (layout === 'web') {\n    return createVueRouter({ history: createWebHistory(), routes: ROUTES })\n  }\n\n  // Electron app has to use the webHashHistory due to file routing\n  return createVueRouter({ history: createWebHashHistory(), routes: ROUTES })\n}\n\n/**\n * Create the API Client with router and passes in the workspace store as a prop\n */\nexport const createApiClientApp = async (\n  el: HTMLElement | null,\n  {\n    layout = 'desktop',\n    plugins,\n    customThemes,\n    fallbackThemeSlug,\n    fetchRegistryDocument,\n    telemetry = true,\n  }: CreateApiClientOptions,\n) => {\n  // Add the router\n  const router = createAppRouter(layout)\n  const state = await createAppState({\n    router,\n    customThemes,\n    fallbackThemeSlug,\n    telemetryDefault: telemetry,\n  })\n  const commandPaletteState = useCommandPaletteState()\n\n  // Pass in our initial props at the top level\n  const app = createApp(App, {\n    layout,\n    plugins,\n    getAppState: () => state,\n    getCommandPaletteState: () => commandPaletteState,\n    fetchRegistryDocument,\n  })\n  app.use(router)\n\n  // Mount the vue app\n  if (!el) {\n    console.error(\n      '[@scalar/api-client-modal] Could not create the API client.',\n      'Invalid HTML element provided.',\n      'Read more: https://github.com/scalar/scalar/tree/main/packages/api-client',\n    )\n\n    return\n  }\n  app.mount(el)\n\n  return {\n    app,\n    state,\n  }\n}\n"],"mappings":";;;;;;;;;;AAgDA,IAAa,mBAAmB,WAA6C;AAE3E,KAAI,WAAW,MACb,QAAO,aAAgB;EAAE,SAAS,kBAAkB;EAAE,QAAQ;EAAQ,CAAC;AAIzE,QAAO,aAAgB;EAAE,SAAS,sBAAsB;EAAE,QAAQ;EAAQ,CAAC;;;;;AAM7E,IAAa,qBAAqB,OAChC,IACA,EACE,SAAS,WACT,SACA,cACA,mBACA,uBACA,YAAY,WAEX;CAEH,MAAM,SAAS,gBAAgB,OAAO;CACtC,MAAM,QAAQ,MAAM,eAAe;EACjC;EACA;EACA;EACA,kBAAkB;EACnB,CAAC;CACF,MAAM,sBAAsB,wBAAwB;CAGpD,MAAM,MAAM,UAAU,aAAK;EACzB;EACA;EACA,mBAAmB;EACnB,8BAA8B;EAC9B;EACD,CAAC;AACF,KAAI,IAAI,OAAO;AAGf,KAAI,CAAC,IAAI;AACP,UAAQ,MACN,+DACA,kCACA,4EACD;AAED;;AAEF,KAAI,MAAM,GAAG;AAEb,QAAO;EACL;EACA;EACD"}
+{"version":3,"file":"create-api-client-app.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"sourcesContent":["import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport { createApp } from 'vue'\nimport { createRouter as createVueRouter, createWebHashHistory, createWebHistory } from 'vue-router'\n\nimport App from '@/v2/features/app/App.vue'\nimport { createAppState } from '@/v2/features/app/app-state'\nimport { ROUTES } from '@/v2/features/app/helpers/routes'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\nimport type { ApiClientOptions } from '@/v2/types/options'\n\nimport { useCommandPaletteState } from '../../command-palette/hooks/use-command-palette-state'\n\ntype CreateApiClientOptions = {\n  /**\n   * The layout of the client, limited to web or desktop in app\n   * @see {@link ClientLayout}\n   *\n   * @default 'desktop'\n   */\n  layout: Exclude<ClientLayout, 'modal'>\n  /**\n   * Api client plugins to include in the app\n   */\n  plugins?: ClientPlugin[]\n  /**\n   * Custom themes to include in the app\n   */\n  customThemes?: Theme[]\n  /**\n   * Fallback theme slug to use if no theme is selected for the workspace\n   * @default 'default'\n   */\n  fallbackThemeSlug?: () => string\n  /**\n   * Fetches the full document from registry by meta. When set, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /**\n   * Whether or not to send telemetry events.\n   */\n  telemetry?: boolean\n  /** Runtime behaviour overrides */\n  options?: ApiClientAppOptions\n}\n\n/**\n * Runtime behaviour overrides shared between createApiClientApp and createAppState.\n * Derived from the canonical ApiClientOptions to guarantee structural compatibility.\n */\nexport type ApiClientAppOptions = Pick<ApiClientOptions, 'customFetch' | 'oauth2RedirectUri'>\n\n/**\n * Creates the appropriate router with the appropriate routes based on the layout\n */\nexport const createAppRouter = (layout: CreateApiClientOptions['layout']) => {\n  // Web uses the standard HTML5 history API\n  if (layout === 'web') {\n    return createVueRouter({ history: createWebHistory(), routes: ROUTES })\n  }\n\n  // Electron app has to use the webHashHistory due to file routing\n  return createVueRouter({ history: createWebHashHistory(), routes: ROUTES })\n}\n\n/**\n * Create the API Client with router and passes in the workspace store as a prop\n */\nexport const createApiClientApp = async (\n  el: HTMLElement | null,\n  {\n    layout = 'desktop',\n    plugins,\n    customThemes,\n    fallbackThemeSlug,\n    fetchRegistryDocument,\n    telemetry = true,\n    options,\n  }: CreateApiClientOptions,\n) => {\n  // Add the router\n  const router = createAppRouter(layout)\n  const state = await createAppState({\n    router,\n    customThemes,\n    fallbackThemeSlug,\n    telemetryDefault: telemetry,\n    options,\n  })\n  const commandPaletteState = useCommandPaletteState()\n\n  // Pass in our initial props at the top level\n  const app = createApp(App, {\n    layout,\n    plugins,\n    getAppState: () => state,\n    getCommandPaletteState: () => commandPaletteState,\n    fetchRegistryDocument,\n  })\n  app.use(router)\n\n  // Mount the vue app\n  if (!el) {\n    console.error(\n      '[@scalar/api-client-modal] Could not create the API client.',\n      'Invalid HTML element provided.',\n      'Read more: https://github.com/scalar/scalar/tree/main/packages/api-client',\n    )\n\n    return\n  }\n  app.mount(el)\n\n  return {\n    app,\n    state,\n  }\n}\n"],"mappings":";;;;;;;;;;AAyDA,IAAa,mBAAmB,WAA6C;AAE3E,KAAI,WAAW,MACb,QAAO,aAAgB;EAAE,SAAS,kBAAkB;EAAE,QAAQ;EAAQ,CAAC;AAIzE,QAAO,aAAgB;EAAE,SAAS,sBAAsB;EAAE,QAAQ;EAAQ,CAAC;;;;;AAM7E,IAAa,qBAAqB,OAChC,IACA,EACE,SAAS,WACT,SACA,cACA,mBACA,uBACA,YAAY,MACZ,cAEC;CAEH,MAAM,SAAS,gBAAgB,OAAO;CACtC,MAAM,QAAQ,MAAM,eAAe;EACjC;EACA;EACA;EACA,kBAAkB;EAClB;EACD,CAAC;CACF,MAAM,sBAAsB,wBAAwB;CAGpD,MAAM,MAAM,UAAU,aAAK;EACzB;EACA;EACA,mBAAmB;EACnB,8BAA8B;EAC9B;EACD,CAAC;AACF,KAAI,IAAI,OAAO;AAGf,KAAI,CAAC,IAAI;AACP,UAAQ,MACN,+DACA,kCACA,4EACD;AAED;;AAEF,KAAI,MAAM,GAAG;AAEb,QAAO;EACL;EACA;EACD"}

package/dist/v2/features/app/helpers/routes.d.ts

@@ -5,6 +5,8 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import type { MaybeRefOrGetter } from 'vue';
+import type { ApiClientOptions } from '../../../../v2/types/options';
 import type { ImportDocumentFromRegistry } from '../../../../v2/types/configuration';
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
@@ -49,6 +51,8 @@ export type RouteProps = {
     telemetry?: boolean;
     /** Updates the telemetry enabled state */
     onUpdateTelemetry?: (value: boolean) => void;
+    /** App or modal options forwarded to operation/auth blocks */
+    options?: MaybeRefOrGetter<ApiClientOptions>;
 };
 /** When in the collections pages */
 export type CollectionProps = RouteProps & ({
@@ -70,10 +74,8 @@ export declare const ROUTES: ({
                 name: string;
                 path: string;
                 component: import("vue").DefineComponent<RouteProps & {
-                    options?: import("../../modal/helpers/types").ApiClientModalOptionsRef;
                     requestBodyCompositionSelection?: Record<string, number>;
                 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps & {
-                    options?: import("../../modal/helpers/types").ApiClientModalOptionsRef;
                     requestBodyCompositionSelection?: Record<string, number>;
                 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
                 redirect?: undefined;

package/dist/v2/features/app/helpers/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/app/helpers/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { mergeSearchParams } from '@scalar/helpers/url/merge-urls'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport type { RouteRecordRaw } from 'vue-router'\n\nimport Authentication from '@/v2/features/collection/components/Authentication.vue'\nimport Cookies from '@/v2/features/collection/components/Cookies.vue'\nimport { Editor } from '@/v2/features/collection/components/Editor'\nimport Environment from '@/v2/features/collection/components/Environment.vue'\nimport Overview from '@/v2/features/collection/components/Overview.vue'\nimport { Runner } from '@/v2/features/collection/components/Runner'\nimport Servers from '@/v2/features/collection/components/Servers.vue'\nimport Settings from '@/v2/features/collection/components/Settings.vue'\nimport DocumentCollection from '@/v2/features/collection/DocumentCollection.vue'\nimport OperationCollection from '@/v2/features/collection/OperationCollection.vue'\nimport WorkspaceCollection from '@/v2/features/collection/WorkspaceCollection.vue'\nimport { Operation } from '@/v2/features/operation'\nimport { workspaceStorage } from '@/v2/helpers/storage'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\n/** These props are provided at the route level */\nexport type RouteProps = {\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document */\n  document: WorkspaceDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** The currently active workspace */\n  activeWorkspace: { id: string; label: string }\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Custom themes available to the team */\n  customThemes?: Theme[]\n  /** The currently selected theme styles string */\n  currentTheme?: string\n  /** Whether the current color mode is dark */\n  isDarkMode?: boolean\n  /**\n   * Fetches the full document from registry by meta. When provided, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /** Whether telemetry is enabled */\n  telemetry?: boolean\n  /** Updates the telemetry enabled state */\n  onUpdateTelemetry?: (value: boolean) => void\n}\n\n/** When in the collections pages */\nexport type CollectionProps = RouteProps &\n  (\n    | {\n        collectionType: 'document' | 'operation'\n        document: WorkspaceDocument\n      }\n    | {\n        collectionType: 'workspace'\n        document: null\n      }\n  )\n\nexport type ScalarClientAppRouteParams =\n  | 'namespace'\n  | 'workspaceSlug'\n  | 'documentSlug'\n  | 'pathEncoded'\n  | 'method'\n  | 'exampleName'\n\n/** Routes for the API client app and web, the same as modal + workspace routes */\nexport const ROUTES = [\n  {\n    path: '/@:namespace/:workspaceSlug',\n    children: [\n      {\n        path: 'document/:documentSlug',\n        children: [\n          // Example page\n          {\n            path: 'path/:pathEncoded/method/:method',\n            children: [\n              {\n                name: 'example',\n                path: 'example/:exampleName',\n                component: Operation,\n              },\n              {\n                name: 'operation',\n                path: '',\n                component: OperationCollection,\n                redirect: {\n                  name: 'operation.overview',\n                },\n                children: [\n                  {\n                    name: 'operation.overview',\n                    path: 'overview',\n                    component: Overview,\n                  },\n                  {\n                    name: 'operation.servers',\n                    path: 'servers',\n                    component: Servers,\n                  },\n                  {\n                    name: 'operation.authentication',\n                    path: 'authentication',\n                    component: Authentication,\n                  },\n                  {\n                    name: 'operation.editor',\n                    path: 'editor',\n                    component: Editor,\n                  },\n                ],\n              },\n            ],\n          },\n          // Document Page\n          {\n            name: 'document',\n            path: '',\n            component: DocumentCollection,\n            children: [\n              // Redirect to overview\n              {\n                name: 'document.redirect',\n                path: '',\n                redirect: {\n                  name: 'document.overview',\n                },\n              },\n              // Document overview\n              {\n                name: 'document.overview',\n                path: 'overview',\n                component: Overview,\n              },\n              // Document servers\n              {\n                name: 'document.servers',\n                path: 'servers',\n                component: Servers,\n              },\n              // Document environment\n              {\n                name: 'document.environment',\n                path: 'environment',\n                component: Environment,\n              },\n              // Document authentication\n              {\n                name: 'document.authentication',\n                path: 'authentication',\n                component: Authentication,\n              },\n              // Document cookies\n              {\n                name: 'document.cookies',\n                path: 'cookies',\n                component: Cookies,\n              },\n              // Document scripts (pre-request / post-response)\n              {\n                name: 'document.scripts',\n                path: 'scripts',\n                component: () => import('@/v2/features/collection/components/Scripts.vue'),\n              },\n              // Document runner\n              {\n                name: 'document.runner',\n                path: 'runner',\n                component: Runner,\n              },\n              // Document settings\n              {\n                name: 'document.settings',\n                path: 'settings',\n                component: Settings,\n              },\n            ],\n          },\n        ],\n      },\n      // Workspace page\n      {\n        name: 'workspace',\n        path: '',\n        component: WorkspaceCollection,\n        children: [\n          // Workspace environment\n          {\n            name: 'workspace.environment',\n            path: 'environment',\n            component: Environment,\n          },\n          // Workspace cookies\n          {\n            name: 'workspace.cookies',\n            path: 'cookies',\n            component: Cookies,\n          },\n          // Workspace settings\n          {\n            name: 'workspace.settings',\n            path: 'settings',\n            component: Settings,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    path: '/:pathMatch(.*)*',\n    redirect: () => {\n      const DEFAULT_PATH = '/@local/default/document/drafts/overview'\n      const lastPath = workspaceStorage.getLastPath() ?? DEFAULT_PATH\n\n      // Set the default path to the last path so we don't go to an inifite loop if the last path is invalid\n      workspaceStorage.setCurrentPath(DEFAULT_PATH)\n\n      const url = new URL(lastPath, 'http://example.com')\n\n      const queryParameters = new URLSearchParams(window.location.search)\n\n      //Merge the query parameters with the last path\n      const mergedSearchParams = mergeSearchParams(url.searchParams, queryParameters)\n\n      // Preserve all query paramters\n      return `${url.pathname}?${mergedSearchParams.toString()}`\n    },\n  },\n] satisfies RouteRecordRaw[]\n"],"mappings":";;;;;;;;;;;;;;;;AAyFA,IAAa,SAAS,CACpB;CACE,MAAM;CACN,UAAU,CACR;EACE,MAAM;EACN,UAAU,CAER;GACE,MAAM;GACN,UAAU,CACR;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ,EACD;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACX,UAAU,EACR,MAAM,sBACP;IACD,UAAU;KACR;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACF;IACF,CACF;GACF,EAED;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,UAAU;IAER;KACE,MAAM;KACN,MAAM;KACN,UAAU,EACR,MAAM,qBACP;KACF;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,iBAAiB,OAAO;KACzB;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IACF;GACF,CACF;EACF,EAED;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;GAER;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GACF;EACF,CACF;CACF,EACD;CACE,MAAM;CACN,gBAAgB;EACd,MAAM,eAAe;EACrB,MAAM,WAAW,iBAAiB,aAAa,IAAI;AAGnD,mBAAiB,eAAe,aAAa;EAE7C,MAAM,MAAM,IAAI,IAAI,UAAU,qBAAqB;EAEnD,MAAM,kBAAkB,IAAI,gBAAgB,OAAO,SAAS,OAAO;EAGnE,MAAM,qBAAqB,kBAAkB,IAAI,cAAc,gBAAgB;AAG/E,SAAO,GAAG,IAAI,SAAS,GAAG,mBAAmB,UAAU;;CAE1D,CACF"}
+{"version":3,"file":"routes.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { mergeSearchParams } from '@scalar/helpers/url/merge-urls'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport type { MaybeRefOrGetter } from 'vue'\nimport type { RouteRecordRaw } from 'vue-router'\n\nimport Authentication from '@/v2/features/collection/components/Authentication.vue'\nimport Cookies from '@/v2/features/collection/components/Cookies.vue'\nimport { Editor } from '@/v2/features/collection/components/Editor'\nimport Environment from '@/v2/features/collection/components/Environment.vue'\nimport Overview from '@/v2/features/collection/components/Overview.vue'\nimport { Runner } from '@/v2/features/collection/components/Runner'\nimport Servers from '@/v2/features/collection/components/Servers.vue'\nimport Settings from '@/v2/features/collection/components/Settings.vue'\nimport DocumentCollection from '@/v2/features/collection/DocumentCollection.vue'\nimport OperationCollection from '@/v2/features/collection/OperationCollection.vue'\nimport WorkspaceCollection from '@/v2/features/collection/WorkspaceCollection.vue'\nimport type { ApiClientOptions } from '@/v2/types/options'\nimport { Operation } from '@/v2/features/operation'\nimport { workspaceStorage } from '@/v2/helpers/storage'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\n/** These props are provided at the route level */\nexport type RouteProps = {\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document */\n  document: WorkspaceDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** The currently active workspace */\n  activeWorkspace: { id: string; label: string }\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Custom themes available to the team */\n  customThemes?: Theme[]\n  /** The currently selected theme styles string */\n  currentTheme?: string\n  /** Whether the current color mode is dark */\n  isDarkMode?: boolean\n  /**\n   * Fetches the full document from registry by meta. When provided, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /** Whether telemetry is enabled */\n  telemetry?: boolean\n  /** Updates the telemetry enabled state */\n  onUpdateTelemetry?: (value: boolean) => void\n  /** App or modal options forwarded to operation/auth blocks */\n  options?: MaybeRefOrGetter<ApiClientOptions>\n}\n\n/** When in the collections pages */\nexport type CollectionProps = RouteProps &\n  (\n    | {\n        collectionType: 'document' | 'operation'\n        document: WorkspaceDocument\n      }\n    | {\n        collectionType: 'workspace'\n        document: null\n      }\n  )\n\nexport type ScalarClientAppRouteParams =\n  | 'namespace'\n  | 'workspaceSlug'\n  | 'documentSlug'\n  | 'pathEncoded'\n  | 'method'\n  | 'exampleName'\n\n/** Routes for the API client app and web, the same as modal + workspace routes */\nexport const ROUTES = [\n  {\n    path: '/@:namespace/:workspaceSlug',\n    children: [\n      {\n        path: 'document/:documentSlug',\n        children: [\n          // Example page\n          {\n            path: 'path/:pathEncoded/method/:method',\n            children: [\n              {\n                name: 'example',\n                path: 'example/:exampleName',\n                component: Operation,\n              },\n              {\n                name: 'operation',\n                path: '',\n                component: OperationCollection,\n                redirect: {\n                  name: 'operation.overview',\n                },\n                children: [\n                  {\n                    name: 'operation.overview',\n                    path: 'overview',\n                    component: Overview,\n                  },\n                  {\n                    name: 'operation.servers',\n                    path: 'servers',\n                    component: Servers,\n                  },\n                  {\n                    name: 'operation.authentication',\n                    path: 'authentication',\n                    component: Authentication,\n                  },\n                  {\n                    name: 'operation.editor',\n                    path: 'editor',\n                    component: Editor,\n                  },\n                ],\n              },\n            ],\n          },\n          // Document Page\n          {\n            name: 'document',\n            path: '',\n            component: DocumentCollection,\n            children: [\n              // Redirect to overview\n              {\n                name: 'document.redirect',\n                path: '',\n                redirect: {\n                  name: 'document.overview',\n                },\n              },\n              // Document overview\n              {\n                name: 'document.overview',\n                path: 'overview',\n                component: Overview,\n              },\n              // Document servers\n              {\n                name: 'document.servers',\n                path: 'servers',\n                component: Servers,\n              },\n              // Document environment\n              {\n                name: 'document.environment',\n                path: 'environment',\n                component: Environment,\n              },\n              // Document authentication\n              {\n                name: 'document.authentication',\n                path: 'authentication',\n                component: Authentication,\n              },\n              // Document cookies\n              {\n                name: 'document.cookies',\n                path: 'cookies',\n                component: Cookies,\n              },\n              // Document scripts (pre-request / post-response)\n              {\n                name: 'document.scripts',\n                path: 'scripts',\n                component: () => import('@/v2/features/collection/components/Scripts.vue'),\n              },\n              // Document runner\n              {\n                name: 'document.runner',\n                path: 'runner',\n                component: Runner,\n              },\n              // Document settings\n              {\n                name: 'document.settings',\n                path: 'settings',\n                component: Settings,\n              },\n            ],\n          },\n        ],\n      },\n      // Workspace page\n      {\n        name: 'workspace',\n        path: '',\n        component: WorkspaceCollection,\n        children: [\n          // Workspace environment\n          {\n            name: 'workspace.environment',\n            path: 'environment',\n            component: Environment,\n          },\n          // Workspace cookies\n          {\n            name: 'workspace.cookies',\n            path: 'cookies',\n            component: Cookies,\n          },\n          // Workspace settings\n          {\n            name: 'workspace.settings',\n            path: 'settings',\n            component: Settings,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    path: '/:pathMatch(.*)*',\n    redirect: () => {\n      const DEFAULT_PATH = '/@local/default/document/drafts/overview'\n      const lastPath = workspaceStorage.getLastPath() ?? DEFAULT_PATH\n\n      // Set the default path to the last path so we don't go to an inifite loop if the last path is invalid\n      workspaceStorage.setCurrentPath(DEFAULT_PATH)\n\n      const url = new URL(lastPath, 'http://example.com')\n\n      const queryParameters = new URLSearchParams(window.location.search)\n\n      //Merge the query parameters with the last path\n      const mergedSearchParams = mergeSearchParams(url.searchParams, queryParameters)\n\n      // Preserve all query paramters\n      return `${url.pathname}?${mergedSearchParams.toString()}`\n    },\n  },\n] satisfies RouteRecordRaw[]\n"],"mappings":";;;;;;;;;;;;;;;;AA6FA,IAAa,SAAS,CACpB;CACE,MAAM;CACN,UAAU,CACR;EACE,MAAM;EACN,UAAU,CAER;GACE,MAAM;GACN,UAAU,CACR;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ,EACD;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACX,UAAU,EACR,MAAM,sBACP;IACD,UAAU;KACR;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACF;IACF,CACF;GACF,EAED;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,UAAU;IAER;KACE,MAAM;KACN,MAAM;KACN,UAAU,EACR,MAAM,qBACP;KACF;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,iBAAiB,OAAO;KACzB;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IACF;GACF,CACF;EACF,EAED;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;GAER;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GACF;EACF,CACF;CACF,EACD;CACE,MAAM;CACN,gBAAgB;EACd,MAAM,eAAe;EACrB,MAAM,WAAW,iBAAiB,aAAa,IAAI;AAGnD,mBAAiB,eAAe,aAAa;EAE7C,MAAM,MAAM,IAAI,IAAI,UAAU,qBAAqB;EAEnD,MAAM,kBAAkB,IAAI,gBAAgB,OAAO,SAAS,OAAO;EAGnE,MAAM,qBAAqB,kBAAkB,IAAI,cAAc,gBAAgB;AAG/E,SAAO,GAAG,IAAI,SAAS,GAAG,mBAAmB,UAAU;;CAE1D,CACF"}

package/dist/v2/features/collection/DocumentCollection.vue.script.js

@@ -53,7 +53,8 @@ var DocumentCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		isDarkMode: { type: Boolean },
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function }
+		onUpdateTelemetry: { type: Function },
+		options: {}
 	},
 	setup(__props) {
 		const props = __props;

package/dist/v2/features/collection/DocumentCollection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Document Collection Page\n *\n * Displays primary document editing and viewing interface, enabling users to:\n *   - Choose a document icon\n *   - Edit the document title\n *   - Navigate among Overview, Servers, Authentication, Environment, Cookies, and Settings tabs\n */\nexport default {\n  name: 'DocumentCollection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarModal,\n  ScalarSavePrompt,\n  useLoadingState,\n  useModal,\n} from '@scalar/components'\nimport {\n  ScalarIconCloudArrowDown,\n  ScalarIconDownload,\n  ScalarIconFloppyDisk,\n  ScalarIconSpinner,\n  ScalarIconWarning,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { apply, type Difference, type merge } from '@scalar/json-magic/diff'\nimport { useToasts } from '@scalar/use-toasts'\nimport { deepClone } from '@scalar/workspace-store/helpers/deep-clone'\nimport { computed, ref } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { downloadAsFile } from '@/v2/helpers/download-document'\n\nimport LabelInput from './components/LabelInput.vue'\nimport SyncConflictResolutionEditor from './components/SyncConflictResolutionEditor.vue'\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/** Snag the title from the info object */\nconst title = computed(() => props.document?.info?.title ?? '')\n\n/** Default to the folder icon */\nconst icon = computed(\n  () => props.document?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\nconst syncModal = useModal()\nconst dirtyBeforeSyncModal = useModal()\n\nconst isDocumentDirty = computed(\n  () => props.document?.['x-scalar-is-dirty'] === true,\n)\n\nconst saveLoader = useLoadingState()\n\nconst documentSourceUrl = computed(\n  () => props.document?.['x-scalar-original-source-url'] as string | undefined,\n)\n\nconst documentRegistryMeta = computed(\n  () =>\n    props.document?.['x-scalar-registry-meta'] as\n      | { namespace: string; slug: string }\n      | undefined,\n)\n\n/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */\nconst canShowSyncButton = computed(\n  () =>\n    documentSourceUrl.value !== undefined ||\n    documentRegistryMeta.value !== undefined,\n)\n\nconst { toast } = useToasts()\n\nconst undoChanges = () => {\n  props.workspaceStore.revertDocumentChanges(props.documentSlug)\n}\n\nconst saveChanges = async () => {\n  saveLoader.start()\n  const res = await props.workspaceStore.saveDocument(props.documentSlug)\n  await (res ? saveLoader.validate() : saveLoader.invalidate({ persist: true }))\n}\n\n/** Downloads the document as a JSON file using the last saved state. */\nconst downloadDocument = () => {\n  const content = props.workspaceStore.exportDocument(\n    props.documentSlug,\n    'json',\n    false,\n  )\n  if (!content) return\n  const baseName = title.value.replace(/[^\\w\\s-]/g, '').trim() || 'document'\n  downloadAsFile(content, `${baseName}.json`)\n}\n\nconst handleSaveThenCloseDirtyModal = async () => {\n  await props.workspaceStore.saveDocument(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst handleDiscardThenCloseDirtyModal = async () => {\n  await props.workspaceStore.revertDocumentChanges(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst isSyncInProgress = ref(false)\n\nconst rebaseResult = ref<{\n  originalDocument: Record<string, unknown>\n  resolvedDocument: Record<string, unknown>\n  conflicts: ReturnType<typeof merge>['conflicts']\n  applyChanges: (\n    applyChangesInput:\n      | {\n          resolvedConflicts: Difference<unknown>[]\n        }\n      | {\n          resolvedDocument: Record<string, unknown>\n        },\n  ) => Promise<void>\n} | null>(null)\n\n/**\n * Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url\n * when fetchRegistryDocument is provided. Returns either a URL or the full document object.\n */\nconst resolveSyncInput = async (): Promise<\n  { url: string } | { document: Record<string, unknown> } | null\n> => {\n  const registryMeta = documentRegistryMeta.value\n  if (registryMeta && props.fetchRegistryDocument) {\n    try {\n      const result = await props.fetchRegistryDocument(registryMeta)\n      if (!result.ok) {\n        toast(result.error, 'error')\n        return null\n      }\n      return { document: result.data }\n    } catch (err) {\n      toast('Failed to resolve document from registry', 'error')\n      return null\n    }\n  }\n  const url = documentSourceUrl.value\n  if (url) {\n    return { url }\n  }\n  return null\n}\n\n/**\n * Handles actions to perform when synchronization is complete.\n * Hides the sync modal, resets the sync progress flag, and emits the\n * 'hooks:on:rebase:document:complete' event with document metadata.\n */\nconst onSyncComplete = () => {\n  syncModal.hide()\n  isSyncInProgress.value = false\n  // Display the toast to show that the sync is complete\n  toast(\n    'Your document has been rebased with the latest version from the source.',\n    'info',\n  )\n  // Emit the event to notify other components that the sync is complete\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n}\n\n/**\n * Handles errors that occur during synchronization.\n * If an error string is provided, it displays the error via toast.\n * Always resets the sync progress flag.\n */\nconst onSyncError = (error: string | null) => {\n  if (error !== null) {\n    toast(error, 'error')\n  }\n  isSyncInProgress.value = false\n}\n\n/**\n * Handles the synchronization flow for a document.\n * Checks for unsaved changes, resolves source (registry over URL),\n * initiates rebasing, handles conflicts, and emits completion events.\n * If conflicts are detected, a modal dialog is shown for user resolution.\n */\nconst handleSyncFlow = async () => {\n  if (isDocumentDirty.value) {\n    dirtyBeforeSyncModal.show()\n    return\n  }\n\n  if (isSyncInProgress.value) {\n    return\n  }\n\n  isSyncInProgress.value = true\n\n  const input = await resolveSyncInput()\n  if (!input) {\n    onSyncError(null)\n    return\n  }\n\n  const result = await props.workspaceStore.rebaseDocument({\n    name: props.documentSlug,\n    ...input,\n  })\n\n  if (result?.ok) {\n    const originalDocument =\n      props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {}\n    rebaseResult.value = {\n      conflicts: result.conflicts,\n      applyChanges: result.applyChanges,\n      resolvedDocument: apply(deepClone(originalDocument), result.changes),\n      originalDocument,\n    }\n\n    if (rebaseResult.value.conflicts.length > 0) {\n      syncModal.show()\n    } else {\n      // If there is no conflict just rebase immediately\n      await rebaseResult.value?.applyChanges({\n        resolvedDocument: rebaseResult.value.resolvedDocument,\n      })\n      onSyncComplete()\n    }\n  } else if (result?.ok === false && result.type === 'NO_CHANGES_DETECTED') {\n    // Emit the event either way even if there was no need to rebase the document\n    onSyncComplete()\n  } else {\n    onSyncError('Failed to sync document')\n  }\n}\n\n/*\n * Handles applying changes to the current document after conflict resolution.\n * Emits a completion event and hides the sync modal dialog.\n */\nconst handleApplyChanges = async ({\n  resolvedDocument,\n}: {\n  resolvedDocument: Record<string, unknown>\n}) => {\n  await rebaseResult.value?.applyChanges({ resolvedDocument })\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n  syncModal.hide()\n}\n\n/**\n * Resets sync state when the sync conflict modal is closed (dismissed or after\n * applying changes). Ensures the Sync button is re-enabled and conflict state\n * is cleared.\n */\nconst onSyncModalClose = () => {\n  isSyncInProgress.value = false\n  rebaseResult.value = null\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div\n      v-if=\"document\"\n      class=\"md:max-w-content w-full px-3 md:mx-auto\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6\">\n        <ScalarSavePrompt\n          v-model=\"isDocumentDirty\"\n          class=\"w-content-padded-4 max-w-full-padded-4 absolute\"\n          :loader=\"saveLoader\"\n          @discard=\"undoChanges\"\n          @save=\"saveChanges\" />\n        <div class=\"flex flex-row items-center justify-between gap-2\">\n          <div class=\"flex min-w-0 items-center gap-2\">\n            <IconSelector\n              :modelValue=\"icon\"\n              placement=\"bottom-start\"\n              @update:modelValue=\"\n                (icon) => eventBus.emit('document:update:icon', icon)\n              \">\n              <ScalarButton\n                class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n                variant=\"ghost\">\n                <LibraryIcon\n                  class=\"text-c-2 size-5\"\n                  :src=\"icon\"\n                  stroke-width=\"2\" />\n              </ScalarButton>\n            </IconSelector>\n\n            <div class=\"group relative ml-1.25 min-w-0\">\n              <LabelInput\n                class=\"text-xl font-bold\"\n                inputId=\"documentName\"\n                :modelValue=\"title\"\n                @update:modelValue=\"\n                  (title) => eventBus.emit('document:update:info', { title })\n                \" />\n            </div>\n          </div>\n\n          <ScalarButton\n            class=\"text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"downloadDocument\">\n            <ScalarIconDownload\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Download document</span>\n          </ScalarButton>\n\n          <ScalarButton\n            v-if=\"canShowSyncButton\"\n            class=\"text-c-2 hover:text-c-1 shrink-0 gap-1.5\"\n            data-testid=\"document-sync-button\"\n            :disabled=\"isSyncInProgress\"\n            size=\"xs\"\n            :title=\"'Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.'\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"handleSyncFlow\">\n            <ScalarIconSpinner\n              v-if=\"isSyncInProgress\"\n              class=\"size-3.5 animate-spin\"\n              size=\"sm\" />\n            <ScalarIconCloudArrowDown\n              v-else\n              class=\"size-3.5\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Sync from source</span>\n          </ScalarButton>\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"document\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 pt-8 pb-20\">\n        <RouterView v-slot=\"{ Component }\">\n          <component\n            :is=\"Component\"\n            v-bind=\"props\"\n            collectionType=\"document\" />\n        </RouterView>\n      </div>\n    </div>\n\n    <!-- Document not found -->\n    <div\n      v-else\n      class=\"flex w-full flex-1 items-center justify-center\">\n      <div class=\"flex h-full flex-col items-center justify-center\">\n        <h1 class=\"text-2xl font-bold\">Document not found</h1>\n        <p class=\"text-gray-500\">\n          The document you are looking for does not exist.\n        </p>\n      </div>\n    </div>\n  </div>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg flex flex-col gap-5\"\n    size=\"xs\"\n    :state=\"dirtyBeforeSyncModal\"\n    title=\"Sync requires saved document\"\n    @close=\"dirtyBeforeSyncModal.hide()\">\n    <div class=\"flex flex-col gap-5\">\n      <div class=\"flex gap-3\">\n        <div\n          aria-hidden=\"true\"\n          class=\"bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg\">\n          <ScalarIconWarning class=\"text-yellow size-5\" />\n        </div>\n        <div class=\"min-w-0 flex-1 space-y-1\">\n          <p class=\"text-c-1 text-sm leading-snug font-medium\">\n            You have unsaved changes\n          </p>\n          <p class=\"text-c-2 text-sm leading-relaxed\">\n            Save your work to keep changes, or discard to revert to the last\n            saved version. Then you can sync with the source.\n          </p>\n        </div>\n      </div>\n      <div class=\"flex flex-wrap items-center justify-end gap-2 border-t pt-4\">\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"dirtyBeforeSyncModal.hide()\">\n          Cancel\n        </ScalarButton>\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outlined\"\n          @click=\"handleDiscardThenCloseDirtyModal\">\n          Discard changes\n        </ScalarButton>\n        <ScalarButton\n          class=\"flex items-center gap-2\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"solid\"\n          @click=\"handleSaveThenCloseDirtyModal\">\n          <ScalarIconFloppyDisk\n            size=\"sm\"\n            thickness=\"1.5\" />\n          Save and continue\n        </ScalarButton>\n      </div>\n    </div>\n  </ScalarModal>\n  <ScalarModal\n    v-if=\"rebaseResult\"\n    bodyClass=\"sync-conflict-modal-root flex h-dvh flex-col p-4\"\n    maxWidth=\"calc(100dvw - 32px)\"\n    size=\"full\"\n    :state=\"syncModal\"\n    @close=\"onSyncModalClose\">\n    <div class=\"flex h-full w-full flex-col gap-4 overflow-hidden\">\n      <SyncConflictResolutionEditor\n        :baseDocument=\"rebaseResult.originalDocument\"\n        :conflicts=\"rebaseResult.conflicts\"\n        :resolvedDocument=\"rebaseResult.resolvedDocument\"\n        @applyChanges=\"(payload) => handleApplyChanges(payload)\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n.full-size-styles:has(.sync-conflict-modal-root) {\n  width: 100dvw !important;\n  max-width: 100dvw !important;\n  border-right: none !important;\n}\n\n.full-size-styles:has(.sync-conflict-modal-root)::after {\n  display: none;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"DocumentCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Document Collection Page\n *\n * Displays primary document editing and viewing interface, enabling users to:\n *   - Choose a document icon\n *   - Edit the document title\n *   - Navigate among Overview, Servers, Authentication, Environment, Cookies, and Settings tabs\n */\nexport default {\n  name: 'DocumentCollection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarModal,\n  ScalarSavePrompt,\n  useLoadingState,\n  useModal,\n} from '@scalar/components'\nimport {\n  ScalarIconCloudArrowDown,\n  ScalarIconDownload,\n  ScalarIconFloppyDisk,\n  ScalarIconSpinner,\n  ScalarIconWarning,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { apply, type Difference, type merge } from '@scalar/json-magic/diff'\nimport { useToasts } from '@scalar/use-toasts'\nimport { deepClone } from '@scalar/workspace-store/helpers/deep-clone'\nimport { computed, ref } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { downloadAsFile } from '@/v2/helpers/download-document'\n\nimport LabelInput from './components/LabelInput.vue'\nimport SyncConflictResolutionEditor from './components/SyncConflictResolutionEditor.vue'\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/** Snag the title from the info object */\nconst title = computed(() => props.document?.info?.title ?? '')\n\n/** Default to the folder icon */\nconst icon = computed(\n  () => props.document?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\nconst syncModal = useModal()\nconst dirtyBeforeSyncModal = useModal()\n\nconst isDocumentDirty = computed(\n  () => props.document?.['x-scalar-is-dirty'] === true,\n)\n\nconst saveLoader = useLoadingState()\n\nconst documentSourceUrl = computed(\n  () => props.document?.['x-scalar-original-source-url'] as string | undefined,\n)\n\nconst documentRegistryMeta = computed(\n  () =>\n    props.document?.['x-scalar-registry-meta'] as\n      | { namespace: string; slug: string }\n      | undefined,\n)\n\n/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */\nconst canShowSyncButton = computed(\n  () =>\n    documentSourceUrl.value !== undefined ||\n    documentRegistryMeta.value !== undefined,\n)\n\nconst { toast } = useToasts()\n\nconst undoChanges = () => {\n  props.workspaceStore.revertDocumentChanges(props.documentSlug)\n}\n\nconst saveChanges = async () => {\n  saveLoader.start()\n  const res = await props.workspaceStore.saveDocument(props.documentSlug)\n  await (res ? saveLoader.validate() : saveLoader.invalidate({ persist: true }))\n}\n\n/** Downloads the document as a JSON file using the last saved state. */\nconst downloadDocument = () => {\n  const content = props.workspaceStore.exportDocument(\n    props.documentSlug,\n    'json',\n    false,\n  )\n  if (!content) return\n  const baseName = title.value.replace(/[^\\w\\s-]/g, '').trim() || 'document'\n  downloadAsFile(content, `${baseName}.json`)\n}\n\nconst handleSaveThenCloseDirtyModal = async () => {\n  await props.workspaceStore.saveDocument(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst handleDiscardThenCloseDirtyModal = async () => {\n  await props.workspaceStore.revertDocumentChanges(props.documentSlug)\n  dirtyBeforeSyncModal.hide()\n  await handleSyncFlow()\n}\n\nconst isSyncInProgress = ref(false)\n\nconst rebaseResult = ref<{\n  originalDocument: Record<string, unknown>\n  resolvedDocument: Record<string, unknown>\n  conflicts: ReturnType<typeof merge>['conflicts']\n  applyChanges: (\n    applyChangesInput:\n      | {\n          resolvedConflicts: Difference<unknown>[]\n        }\n      | {\n          resolvedDocument: Record<string, unknown>\n        },\n  ) => Promise<void>\n} | null>(null)\n\n/**\n * Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url\n * when fetchRegistryDocument is provided. Returns either a URL or the full document object.\n */\nconst resolveSyncInput = async (): Promise<\n  { url: string } | { document: Record<string, unknown> } | null\n> => {\n  const registryMeta = documentRegistryMeta.value\n  if (registryMeta && props.fetchRegistryDocument) {\n    try {\n      const result = await props.fetchRegistryDocument(registryMeta)\n      if (!result.ok) {\n        toast(result.error, 'error')\n        return null\n      }\n      return { document: result.data }\n    } catch (err) {\n      toast('Failed to resolve document from registry', 'error')\n      return null\n    }\n  }\n  const url = documentSourceUrl.value\n  if (url) {\n    return { url }\n  }\n  return null\n}\n\n/**\n * Handles actions to perform when synchronization is complete.\n * Hides the sync modal, resets the sync progress flag, and emits the\n * 'hooks:on:rebase:document:complete' event with document metadata.\n */\nconst onSyncComplete = () => {\n  syncModal.hide()\n  isSyncInProgress.value = false\n  // Display the toast to show that the sync is complete\n  toast(\n    'Your document has been rebased with the latest version from the source.',\n    'info',\n  )\n  // Emit the event to notify other components that the sync is complete\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n}\n\n/**\n * Handles errors that occur during synchronization.\n * If an error string is provided, it displays the error via toast.\n * Always resets the sync progress flag.\n */\nconst onSyncError = (error: string | null) => {\n  if (error !== null) {\n    toast(error, 'error')\n  }\n  isSyncInProgress.value = false\n}\n\n/**\n * Handles the synchronization flow for a document.\n * Checks for unsaved changes, resolves source (registry over URL),\n * initiates rebasing, handles conflicts, and emits completion events.\n * If conflicts are detected, a modal dialog is shown for user resolution.\n */\nconst handleSyncFlow = async () => {\n  if (isDocumentDirty.value) {\n    dirtyBeforeSyncModal.show()\n    return\n  }\n\n  if (isSyncInProgress.value) {\n    return\n  }\n\n  isSyncInProgress.value = true\n\n  const input = await resolveSyncInput()\n  if (!input) {\n    onSyncError(null)\n    return\n  }\n\n  const result = await props.workspaceStore.rebaseDocument({\n    name: props.documentSlug,\n    ...input,\n  })\n\n  if (result?.ok) {\n    const originalDocument =\n      props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {}\n    rebaseResult.value = {\n      conflicts: result.conflicts,\n      applyChanges: result.applyChanges,\n      resolvedDocument: apply(deepClone(originalDocument), result.changes),\n      originalDocument,\n    }\n\n    if (rebaseResult.value.conflicts.length > 0) {\n      syncModal.show()\n    } else {\n      // If there is no conflict just rebase immediately\n      await rebaseResult.value?.applyChanges({\n        resolvedDocument: rebaseResult.value.resolvedDocument,\n      })\n      onSyncComplete()\n    }\n  } else if (result?.ok === false && result.type === 'NO_CHANGES_DETECTED') {\n    // Emit the event either way even if there was no need to rebase the document\n    onSyncComplete()\n  } else {\n    onSyncError('Failed to sync document')\n  }\n}\n\n/*\n * Handles applying changes to the current document after conflict resolution.\n * Emits a completion event and hides the sync modal dialog.\n */\nconst handleApplyChanges = async ({\n  resolvedDocument,\n}: {\n  resolvedDocument: Record<string, unknown>\n}) => {\n  await rebaseResult.value?.applyChanges({ resolvedDocument })\n  props.eventBus.emit('hooks:on:rebase:document:complete', {\n    meta: {\n      documentName: props.documentSlug,\n    },\n  })\n  syncModal.hide()\n}\n\n/**\n * Resets sync state when the sync conflict modal is closed (dismissed or after\n * applying changes). Ensures the Sync button is re-enabled and conflict state\n * is cleared.\n */\nconst onSyncModalClose = () => {\n  isSyncInProgress.value = false\n  rebaseResult.value = null\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div\n      v-if=\"document\"\n      class=\"md:max-w-content w-full px-3 md:mx-auto\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"md:max-w-content mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:pt-6\">\n        <ScalarSavePrompt\n          v-model=\"isDocumentDirty\"\n          class=\"w-content-padded-4 max-w-full-padded-4 absolute\"\n          :loader=\"saveLoader\"\n          @discard=\"undoChanges\"\n          @save=\"saveChanges\" />\n        <div class=\"flex flex-row items-center justify-between gap-2\">\n          <div class=\"flex min-w-0 items-center gap-2\">\n            <IconSelector\n              :modelValue=\"icon\"\n              placement=\"bottom-start\"\n              @update:modelValue=\"\n                (icon) => eventBus.emit('document:update:icon', icon)\n              \">\n              <ScalarButton\n                class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n                variant=\"ghost\">\n                <LibraryIcon\n                  class=\"text-c-2 size-5\"\n                  :src=\"icon\"\n                  stroke-width=\"2\" />\n              </ScalarButton>\n            </IconSelector>\n\n            <div class=\"group relative ml-1.25 min-w-0\">\n              <LabelInput\n                class=\"text-xl font-bold\"\n                inputId=\"documentName\"\n                :modelValue=\"title\"\n                @update:modelValue=\"\n                  (title) => eventBus.emit('document:update:info', { title })\n                \" />\n            </div>\n          </div>\n\n          <ScalarButton\n            class=\"text-c-2 hover:text-c-1 flex shrink-0 items-center gap-2\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"downloadDocument\">\n            <ScalarIconDownload\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Download document</span>\n          </ScalarButton>\n\n          <ScalarButton\n            v-if=\"canShowSyncButton\"\n            class=\"text-c-2 hover:text-c-1 shrink-0 gap-1.5\"\n            data-testid=\"document-sync-button\"\n            :disabled=\"isSyncInProgress\"\n            size=\"xs\"\n            :title=\"'Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.'\"\n            type=\"button\"\n            variant=\"ghost\"\n            @click=\"handleSyncFlow\">\n            <ScalarIconSpinner\n              v-if=\"isSyncInProgress\"\n              class=\"size-3.5 animate-spin\"\n              size=\"sm\" />\n            <ScalarIconCloudArrowDown\n              v-else\n              class=\"size-3.5\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Sync from source</span>\n          </ScalarButton>\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"document\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 pt-8 pb-20\">\n        <RouterView v-slot=\"{ Component }\">\n          <component\n            :is=\"Component\"\n            v-bind=\"props\"\n            collectionType=\"document\" />\n        </RouterView>\n      </div>\n    </div>\n\n    <!-- Document not found -->\n    <div\n      v-else\n      class=\"flex w-full flex-1 items-center justify-center\">\n      <div class=\"flex h-full flex-col items-center justify-center\">\n        <h1 class=\"text-2xl font-bold\">Document not found</h1>\n        <p class=\"text-gray-500\">\n          The document you are looking for does not exist.\n        </p>\n      </div>\n    </div>\n  </div>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg flex flex-col gap-5\"\n    size=\"xs\"\n    :state=\"dirtyBeforeSyncModal\"\n    title=\"Sync requires saved document\"\n    @close=\"dirtyBeforeSyncModal.hide()\">\n    <div class=\"flex flex-col gap-5\">\n      <div class=\"flex gap-3\">\n        <div\n          aria-hidden=\"true\"\n          class=\"bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg\">\n          <ScalarIconWarning class=\"text-yellow size-5\" />\n        </div>\n        <div class=\"min-w-0 flex-1 space-y-1\">\n          <p class=\"text-c-1 text-sm leading-snug font-medium\">\n            You have unsaved changes\n          </p>\n          <p class=\"text-c-2 text-sm leading-relaxed\">\n            Save your work to keep changes, or discard to revert to the last\n            saved version. Then you can sync with the source.\n          </p>\n        </div>\n      </div>\n      <div class=\"flex flex-wrap items-center justify-end gap-2 border-t pt-4\">\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"dirtyBeforeSyncModal.hide()\">\n          Cancel\n        </ScalarButton>\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outlined\"\n          @click=\"handleDiscardThenCloseDirtyModal\">\n          Discard changes\n        </ScalarButton>\n        <ScalarButton\n          class=\"flex items-center gap-2\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"solid\"\n          @click=\"handleSaveThenCloseDirtyModal\">\n          <ScalarIconFloppyDisk\n            size=\"sm\"\n            thickness=\"1.5\" />\n          Save and continue\n        </ScalarButton>\n      </div>\n    </div>\n  </ScalarModal>\n  <ScalarModal\n    v-if=\"rebaseResult\"\n    bodyClass=\"sync-conflict-modal-root flex h-dvh flex-col p-4\"\n    maxWidth=\"calc(100dvw - 32px)\"\n    size=\"full\"\n    :state=\"syncModal\"\n    @close=\"onSyncModalClose\">\n    <div class=\"flex h-full w-full flex-col gap-4 overflow-hidden\">\n      <SyncConflictResolutionEditor\n        :baseDocument=\"rebaseResult.originalDocument\"\n        :conflicts=\"rebaseResult.conflicts\"\n        :resolvedDocument=\"rebaseResult.resolvedDocument\"\n        @applyChanges=\"(payload) => handleApplyChanges(payload)\" />\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n.full-size-styles:has(.sync-conflict-modal-root) {\n  width: 100dvw !important;\n  max-width: 100dvw !important;\n  border-right: none !important;\n}\n\n.full-size-styles:has(.sync-conflict-modal-root)::after {\n  display: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/collection/OperationCollection.vue.script.js

@@ -36,7 +36,8 @@ var OperationCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		isDarkMode: { type: Boolean },
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function }
+		onUpdateTelemetry: { type: Function },
+		options: {}
 	},
 	setup(__props) {
 		const props = __props;

package/dist/v2/features/collection/OperationCollection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/OperationCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport LabelInput from '@/v2/features/collection/components/LabelInput.vue'\n\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\nconst operation = computed(() => {\n  if (!props.path || !props.method) {\n    return undefined\n  }\n\n  return getResolvedRef(props.document?.paths?.[props.path]?.[props.method])\n})\n\n/**\n * Local copy of the label so we can reset on empty-blur rejection and stay in\n * sync when Vue Router reuses this component across workspace navigations.\n */\nconst operationSummary = ref(operation.value?.summary ?? '')\n\nwatch(\n  () => operation.value?.summary,\n  (newSummary) => {\n    operationSummary.value = newSummary ?? ''\n  },\n)\n\n/** Emits the rename event on blur, or resets the input if the title is blank. */\nconst handleSummaryUpdate = (payload: string) => {\n  const { path, method } = props\n\n  if (!path || !method || !isHttpMethod(method)) {\n    return\n  }\n\n  props.eventBus.emit('operation:update:meta', {\n    meta: { path, method },\n    payload: {\n      summary: payload.trim(),\n    },\n  })\n}\n\nconst operationPlaceholder = computed(() => {\n  if (!props.path || !props.method) {\n    return 'Untitled Operation'\n  }\n  return `${props.method.toUpperCase()} ${props.path}`\n})\n</script>\n\n<template>\n  <div\n    v-if=\"operation !== undefined\"\n    class=\"custom-scroll h-full\">\n    <div class=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${operationSummary}`\"\n        class=\"mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-8\">\n        <div class=\"group relative ml-1.25\">\n          <LabelInput\n            v-model=\"operationSummary\"\n            class=\"text-xl font-bold\"\n            inputId=\"operationSummary\"\n            :placeholder=\"operationPlaceholder\"\n            @blur=\"handleSummaryUpdate\" />\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"operation\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 py-8\">\n        <RouterView\n          v-bind=\"props\"\n          collectionType=\"operation\" />\n      </div>\n    </div>\n  </div>\n\n  <!-- Operation not found -->\n  <div\n    v-else\n    class=\"flex w-full flex-1 items-center justify-center\">\n    <div class=\"flex h-full flex-col items-center justify-center\">\n      <h1 class=\"text-2xl font-bold\">Operation not found</h1>\n      <p class=\"text-gray-500\">\n        The operation you are looking for does not exist.\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;AAC/B,OAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OACxB;AAGF,UAAO,eAAe,MAAM,UAAU,QAAQ,MAAM,QAAQ,MAAM,QAAO;IAC1E;;;;;EAMD,MAAM,mBAAmB,IAAI,UAAU,OAAO,WAAW,GAAE;AAE3D,cACQ,UAAU,OAAO,UACtB,eAAe;AACd,oBAAiB,QAAQ,cAAc;IAE3C;;EAGA,MAAM,uBAAuB,YAAoB;GAC/C,MAAM,EAAE,MAAM,WAAW;AAEzB,OAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,OAAO,CAC3C;AAGF,SAAM,SAAS,KAAK,yBAAyB;IAC3C,MAAM;KAAE;KAAM;KAAQ;IACtB,SAAS,EACP,SAAS,QAAQ,MAAM,EACxB;IACF,CAAA;;EAGH,MAAM,uBAAuB,eAAe;AAC1C,OAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OACxB,QAAO;AAET,UAAO,GAAG,MAAM,OAAO,aAAa,CAAC,GAAG,MAAM;IAC/C;;UAKS,UAAA,UAAc,KAAA,KAAA,WAAA,EADtB,mBA4BM,OA5BN,YA4BM,CAzBJ,mBAwBM,OAxBN,YAwBM;IAtBJ,mBAWM,OAAA;KAVH,cAAU,UAAY,iBAAA;KACvB,OAAM;QACN,mBAOM,OAPN,YAOM,CANJ,YAKgC,oBAAA;iBAJrB,iBAAA;mFAAgB,QAAA;KACzB,OAAM;KACN,SAAQ;KACP,aAAa,qBAAA;KACb,QAAM;;IAKb,YAAyB,cAAA,EAAnB,MAAK,aAAW,CAAA;IAGtB,mBAIM,OAJN,YAIM,CAHJ,YAE+B,MAAA,WAAA,EAF/B,WACU,OAAK,EACb,gBAAe,aAAW,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA;yBAMlC,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAKM,OAAA,EALD,OAAM,oDAAkD,EAAA,CAC3D,mBAAuD,MAAA,EAAnD,OAAM,sBAAoB,EAAC,sBAAmB,EAClD,mBAEI,KAAA,EAFD,OAAM,iBAAe,EAAC,sDAEzB,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"OperationCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/OperationCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport LabelInput from '@/v2/features/collection/components/LabelInput.vue'\n\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\nconst operation = computed(() => {\n  if (!props.path || !props.method) {\n    return undefined\n  }\n\n  return getResolvedRef(props.document?.paths?.[props.path]?.[props.method])\n})\n\n/**\n * Local copy of the label so we can reset on empty-blur rejection and stay in\n * sync when Vue Router reuses this component across workspace navigations.\n */\nconst operationSummary = ref(operation.value?.summary ?? '')\n\nwatch(\n  () => operation.value?.summary,\n  (newSummary) => {\n    operationSummary.value = newSummary ?? ''\n  },\n)\n\n/** Emits the rename event on blur, or resets the input if the title is blank. */\nconst handleSummaryUpdate = (payload: string) => {\n  const { path, method } = props\n\n  if (!path || !method || !isHttpMethod(method)) {\n    return\n  }\n\n  props.eventBus.emit('operation:update:meta', {\n    meta: { path, method },\n    payload: {\n      summary: payload.trim(),\n    },\n  })\n}\n\nconst operationPlaceholder = computed(() => {\n  if (!props.path || !props.method) {\n    return 'Untitled Operation'\n  }\n  return `${props.method.toUpperCase()} ${props.path}`\n})\n</script>\n\n<template>\n  <div\n    v-if=\"operation !== undefined\"\n    class=\"custom-scroll h-full\">\n    <div class=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${operationSummary}`\"\n        class=\"mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-8\">\n        <div class=\"group relative ml-1.25\">\n          <LabelInput\n            v-model=\"operationSummary\"\n            class=\"text-xl font-bold\"\n            inputId=\"operationSummary\"\n            :placeholder=\"operationPlaceholder\"\n            @blur=\"handleSummaryUpdate\" />\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"operation\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 py-8\">\n        <RouterView\n          v-bind=\"props\"\n          collectionType=\"operation\" />\n      </div>\n    </div>\n  </div>\n\n  <!-- Operation not found -->\n  <div\n    v-else\n    class=\"flex w-full flex-1 items-center justify-center\">\n    <div class=\"flex h-full flex-col items-center justify-center\">\n      <h1 class=\"text-2xl font-bold\">Operation not found</h1>\n      <p class=\"text-gray-500\">\n        The operation you are looking for does not exist.\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;AAC/B,OAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OACxB;AAGF,UAAO,eAAe,MAAM,UAAU,QAAQ,MAAM,QAAQ,MAAM,QAAO;IAC1E;;;;;EAMD,MAAM,mBAAmB,IAAI,UAAU,OAAO,WAAW,GAAE;AAE3D,cACQ,UAAU,OAAO,UACtB,eAAe;AACd,oBAAiB,QAAQ,cAAc;IAE3C;;EAGA,MAAM,uBAAuB,YAAoB;GAC/C,MAAM,EAAE,MAAM,WAAW;AAEzB,OAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,OAAO,CAC3C;AAGF,SAAM,SAAS,KAAK,yBAAyB;IAC3C,MAAM;KAAE;KAAM;KAAQ;IACtB,SAAS,EACP,SAAS,QAAQ,MAAM,EACxB;IACF,CAAA;;EAGH,MAAM,uBAAuB,eAAe;AAC1C,OAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OACxB,QAAO;AAET,UAAO,GAAG,MAAM,OAAO,aAAa,CAAC,GAAG,MAAM;IAC/C;;UAKS,UAAA,UAAc,KAAA,KAAA,WAAA,EADtB,mBA4BM,OA5BN,YA4BM,CAzBJ,mBAwBM,OAxBN,YAwBM;IAtBJ,mBAWM,OAAA;KAVH,cAAU,UAAY,iBAAA;KACvB,OAAM;QACN,mBAOM,OAPN,YAOM,CANJ,YAKgC,oBAAA;iBAJrB,iBAAA;mFAAgB,QAAA;KACzB,OAAM;KACN,SAAQ;KACP,aAAa,qBAAA;KACb,QAAM;;IAKb,YAAyB,cAAA,EAAnB,MAAK,aAAW,CAAA;IAGtB,mBAIM,OAJN,YAIM,CAHJ,YAE+B,MAAA,WAAA,EAF/B,WACU,OAAK,EACb,gBAAe,aAAW,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA;yBAMlC,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAKM,OAAA,EALD,OAAM,oDAAkD,EAAA,CAC3D,mBAAuD,MAAA,EAAnD,OAAM,sBAAoB,EAAC,sBAAmB,EAClD,mBAEI,KAAA,EAFD,OAAM,iBAAe,EAAC,sDAEzB,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA"}

package/dist/v2/features/collection/WorkspaceCollection.vue.script.js

@@ -27,7 +27,8 @@ var WorkspaceCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		isDarkMode: { type: Boolean },
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function }
+		onUpdateTelemetry: { type: Function },
+		options: {}
 	},
 	setup(__props) {
 		const props = __props;

package/dist/v2/features/collection/WorkspaceCollection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport LabelInput from '@/v2/features/collection/components/LabelInput.vue'\n\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/**\n * Local copy of the label so we can reset on empty-blur rejection and stay in\n * sync when Vue Router reuses this component across workspace navigations.\n */\nconst workspaceTitle = ref(props.activeWorkspace.label)\n\nwatch(\n  () => props.activeWorkspace.label,\n  (newLabel) => {\n    workspaceTitle.value = newLabel\n  },\n)\n\n/** Emits the rename event on blur, or resets the input if the title is blank. */\nconst handleUpdateWorkspaceTitle = (title: string) => {\n  if (title.trim() === '') {\n    // Force defineModel inside LabelInput to re-sync to the original value.\n    workspaceTitle.value = props.activeWorkspace.label\n    return\n  }\n  props.eventBus.emit('workspace:update:name', title)\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div class=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${activeWorkspace.label}`\"\n        class=\"mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-6\">\n        <div class=\"group relative ml-1.25\">\n          <LabelInput\n            v-model=\"workspaceTitle\"\n            class=\"text-xl font-bold\"\n            inputId=\"workspaceName\"\n            placeholder=\"Untitled Workspace\"\n            @blur=\"handleUpdateWorkspaceTitle\" />\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"workspace\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 py-8\">\n        <RouterView\n          v-bind=\"props\"\n          collectionType=\"workspace\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;;;;;EAMd,MAAM,iBAAiB,IAAI,MAAM,gBAAgB,MAAK;AAEtD,cACQ,MAAM,gBAAgB,QAC3B,aAAa;AACZ,kBAAe,QAAQ;IAE3B;;EAGA,MAAM,8BAA8B,UAAkB;AACpD,OAAI,MAAM,MAAM,KAAK,IAAI;AAEvB,mBAAe,QAAQ,MAAM,gBAAgB;AAC7C;;AAEF,SAAM,SAAS,KAAK,yBAAyB,MAAK;;;uBAKlD,mBA0BM,OA1BN,YA0BM,CAzBJ,mBAwBM,OAxBN,YAwBM;IAtBJ,mBAWM,OAAA;KAVH,cAAU,UAAY,QAAA,gBAAgB;KACvC,OAAM;QACN,mBAOM,OAPN,YAOM,CANJ,YAKuC,oBAAA;iBAJ5B,eAAA;iFAAc,QAAA;KACvB,OAAM;KACN,SAAQ;KACR,aAAY;KACX,QAAM;;IAKb,YAAyB,cAAA,EAAnB,MAAK,aAAW,CAAA;IAGtB,mBAIM,OAJN,YAIM,CAHJ,YAE+B,MAAA,WAAA,EAF/B,WACU,OAAK,EACb,gBAAe,aAAW,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"WorkspaceCollection.vue.script.js","names":[],"sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport LabelInput from '@/v2/features/collection/components/LabelInput.vue'\n\nimport Tabs from './components/Tabs.vue'\n\nconst props = defineProps<RouteProps>()\n\n/**\n * Local copy of the label so we can reset on empty-blur rejection and stay in\n * sync when Vue Router reuses this component across workspace navigations.\n */\nconst workspaceTitle = ref(props.activeWorkspace.label)\n\nwatch(\n  () => props.activeWorkspace.label,\n  (newLabel) => {\n    workspaceTitle.value = newLabel\n  },\n)\n\n/** Emits the rename event on blur, or resets the input if the title is blank. */\nconst handleUpdateWorkspaceTitle = (title: string) => {\n  if (title.trim() === '') {\n    // Force defineModel inside LabelInput to re-sync to the original value.\n    workspaceTitle.value = props.activeWorkspace.label\n    return\n  }\n  props.eventBus.emit('workspace:update:name', title)\n}\n</script>\n\n<template>\n  <div class=\"custom-scroll h-full\">\n    <div class=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${activeWorkspace.label}`\"\n        class=\"mx-auto flex h-fit w-full flex-row items-center gap-2 pt-14 pb-3 md:max-w-180 md:pt-6\">\n        <div class=\"group relative ml-1.25\">\n          <LabelInput\n            v-model=\"workspaceTitle\"\n            class=\"text-xl font-bold\"\n            inputId=\"workspaceName\"\n            placeholder=\"Untitled Workspace\"\n            @blur=\"handleUpdateWorkspaceTitle\" />\n        </div>\n      </div>\n\n      <!-- Tabs -->\n      <Tabs type=\"workspace\" />\n\n      <!-- Router views -->\n      <div class=\"px-1.5 py-8\">\n        <RouterView\n          v-bind=\"props\"\n          collectionType=\"workspace\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;;;;;EAMd,MAAM,iBAAiB,IAAI,MAAM,gBAAgB,MAAK;AAEtD,cACQ,MAAM,gBAAgB,QAC3B,aAAa;AACZ,kBAAe,QAAQ;IAE3B;;EAGA,MAAM,8BAA8B,UAAkB;AACpD,OAAI,MAAM,MAAM,KAAK,IAAI;AAEvB,mBAAe,QAAQ,MAAM,gBAAgB;AAC7C;;AAEF,SAAM,SAAS,KAAK,yBAAyB,MAAK;;;uBAKlD,mBA0BM,OA1BN,YA0BM,CAzBJ,mBAwBM,OAxBN,YAwBM;IAtBJ,mBAWM,OAAA;KAVH,cAAU,UAAY,QAAA,gBAAgB;KACvC,OAAM;QACN,mBAOM,OAPN,YAOM,CANJ,YAKuC,oBAAA;iBAJ5B,eAAA;iFAAc,QAAA;KACvB,OAAM;KACN,SAAQ;KACR,aAAY;KACX,QAAM;;IAKb,YAAyB,cAAA,EAAnB,MAAK,aAAW,CAAA;IAGtB,mBAIM,OAJN,YAIM,CAHJ,YAE+B,MAAA,WAAA,EAF/B,WACU,OAAK,EACb,gBAAe,aAAW,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA"}

package/dist/v2/features/collection/components/Authentication.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA+jBA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA+lBA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Authentication.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import Authentication_vue_vue_type_script_setup_true_lang_default from "./Authentication.vue.script.js";
 /* empty css                             */
 //#region src/v2/features/collection/components/Authentication.vue
-var Authentication_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Authentication_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6bba6b78"]]);
+var Authentication_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Authentication_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d3bc49bd"]]);
 //#endregion
 export { Authentication_default as default };
 

package/dist/v2/features/collection/components/Authentication.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  getActiveProxyUrl,\n  getSelectedSecurity,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { computed, ref, watchEffect } from 'vue'\n\nimport { AuthSelector } from '@/v2/blocks/scalar-auth-selector-block'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { getDefaultOperationSecurityToggle } from '@/v2/features/collection/helpers/get-default-operation-security-toggle'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst {\n  document,\n  eventBus,\n  environment,\n  workspaceStore,\n  documentSlug,\n  path,\n  method,\n  collectionType,\n  layout,\n} = defineProps<CollectionProps>()\n\n/**\n * Compute the authentication metadata based on the current collection type.\n * If we're working with an operation, include its path and method; otherwise, use the document scope.\n */\nconst authMeta = computed<AuthMeta>(() => {\n  if (collectionType === 'operation') {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n  return { type: 'document' }\n})\n\n/**\n * Compute the operation object based on the current collection type.\n */\nconst operation = computed(() => {\n  if (collectionType === 'operation') {\n    // Operation not found\n    if (!path || !isHttpMethod(method)) {\n      return null\n    }\n    // Operation found, return the servers\n    return getResolvedRef(document?.paths?.[path]?.[method])\n  }\n  return null\n})\n\n/**\n * If enabled we use/set the selected security schemes on the operation level\n */\nconst useOperationSecurity = ref(false)\nwatchEffect(() => {\n  useOperationSecurity.value = getDefaultOperationSecurityToggle({\n    authStore: workspaceStore.auth,\n    documentName: documentSlug,\n    ...authMeta.value,\n  })\n})\n\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    {},\n    workspaceStore.auth,\n    documentSlug,\n  ),\n)\n\n/** Resolved selected security for the current collection (operation or document), with defaults applied */\nconst selectedSecurity = computed(() => {\n  if (collectionType === 'operation') {\n    const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: documentSlug,\n      path: path ?? '',\n      method: method ?? 'get',\n    })\n    return getSelectedSecurity(\n      undefined,\n      fromStore,\n      operation.value?.security ?? [],\n      securitySchemes.value,\n    )\n  }\n  const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n  return getSelectedSecurity(\n    fromStore,\n    undefined,\n    document?.security ?? [],\n    securitySchemes.value,\n  )\n})\n\n/** Compute the security requirements for the operation or document based on the current collection type */\nconst securityRequirements = computed(() => {\n  if (collectionType === 'operation') {\n    return operation.value?.security ?? []\n  }\n  return document?.security ?? []\n})\n\n/** Compute the proxy URL for the current layout (for the electron we don't want to use the proxy by default) */\nconst proxyUrl = computed(\n  () =>\n    getActiveProxyUrl(\n      workspaceStore.workspace['x-scalar-active-proxy'],\n      layout === 'web' ? 'web' : 'other',\n    ) ?? '',\n)\n\nconst servers = computed(() => {\n  return getServers(operation.value?.servers ?? document?.servers, {\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Grab the currently selected server for relative auth URIs */\nconst server = computed(() => {\n  const documentServer = document?.['x-scalar-selected-server']\n  const operationServer = operation.value?.['x-scalar-selected-server']\n  const selectedServerUrl = operationServer ?? documentServer\n  return (\n    servers.value.find(({ url }) => url === selectedServerUrl) ??\n    servers.value[0] ??\n    null\n  )\n})\n\n/**\n * Handles toggling operation-level security authentication. (Only for operation collections)\n * When enabled (`value` is true), overrides document-level authentication for the current operation.\n * When disabled (`value` is false), reverts to using document-level authentication instead.\n */\nconst handleToggleOperationSecurity = (value: boolean) => {\n  if (authMeta.value.type !== 'operation') {\n    return\n  }\n\n  useOperationSecurity.value = value\n\n  if (value) {\n    // Use the same resolved selection as the UI; unpack so the event payload is plain objects\n    const { selectedSchemes } = selectedSecurity.value\n    return eventBus.emit('auth:update:selected-security-schemes', {\n      selectedRequirements: unpackProxyObject(selectedSchemes, { depth: 1 }),\n      newSchemes: [],\n      meta: authMeta.value,\n    })\n  }\n\n  // Clear the operation security so document level authentication is used\n  return eventBus.emit('auth:clear:selected-security-schemes', {\n    meta: authMeta.value,\n  })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Authentication</template>\n    <template #description>\n      <template v-if=\"collectionType === 'operation'\">\n        <span class=\"block\">\n          Override authentication for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Authentication below applies only to this\n          operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — This operation uses document-level\n          authentication from the OpenAPI spec.\n        </span>\n      </template>\n      <template v-else>\n        Configure authentication for this document. Selected authentication\n        applies to all operations unless overridden at the operation level.\n      </template>\n    </template>\n    <template\n      v-if=\"collectionType === 'operation'\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationSecurity\"\n          @update:modelValue=\"handleToggleOperationSecurity\" />\n      </div>\n    </template>\n\n    <!-- Auth Selector -->\n    <div\n      :class=\"\n        collectionType === 'operation' &&\n        !useOperationSecurity &&\n        'cursor-not-allowed'\n      \">\n      <AuthSelector\n        class=\"scalar-collection-auth border-none!\"\n        :class=\"\n          collectionType === 'operation' &&\n          !useOperationSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        :createAnySecurityScheme=\"true\"\n        :environment\n        :eventBus=\"eventBus\"\n        isStatic\n        :meta=\"authMeta\"\n        :proxyUrl=\"proxyUrl\"\n        :securityRequirements=\"securityRequirements\"\n        :securitySchemes\n        :selectedSecurity=\"selectedSecurity\"\n        :server\n        title=\"Authentication\" />\n    </div>\n  </Section>\n</template>\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Authentication.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  getActiveProxyUrl,\n  getSelectedSecurity,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { computed, ref, toValue, watchEffect } from 'vue'\n\nimport { AuthSelector } from '@/v2/blocks/scalar-auth-selector-block'\nimport type { OAuth2Options } from '@/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { getDefaultOperationSecurityToggle } from '@/v2/features/collection/helpers/get-default-operation-security-toggle'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst {\n  document,\n  eventBus,\n  environment,\n  workspaceStore,\n  documentSlug,\n  path,\n  method,\n  collectionType,\n  layout,\n  options,\n} = defineProps<CollectionProps>()\n\n/**\n * Compute the authentication metadata based on the current collection type.\n * If we're working with an operation, include its path and method; otherwise, use the document scope.\n */\nconst authMeta = computed<AuthMeta>(() => {\n  if (collectionType === 'operation') {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n  return { type: 'document' }\n})\n\n/**\n * Compute the operation object based on the current collection type.\n */\nconst operation = computed(() => {\n  if (collectionType === 'operation') {\n    // Operation not found\n    if (!path || !isHttpMethod(method)) {\n      return null\n    }\n    // Operation found, return the servers\n    return getResolvedRef(document?.paths?.[path]?.[method])\n  }\n  return null\n})\n\n/**\n * If enabled we use/set the selected security schemes on the operation level\n */\nconst useOperationSecurity = ref(false)\nwatchEffect(() => {\n  useOperationSecurity.value = getDefaultOperationSecurityToggle({\n    authStore: workspaceStore.auth,\n    documentName: documentSlug,\n    ...authMeta.value,\n  })\n})\n\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    {},\n    workspaceStore.auth,\n    documentSlug,\n  ),\n)\n\n/** Resolved selected security for the current collection (operation or document), with defaults applied */\nconst selectedSecurity = computed(() => {\n  if (collectionType === 'operation') {\n    const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: documentSlug,\n      path: path ?? '',\n      method: method ?? 'get',\n    })\n    return getSelectedSecurity(\n      undefined,\n      fromStore,\n      operation.value?.security ?? [],\n      securitySchemes.value,\n    )\n  }\n  const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n  return getSelectedSecurity(\n    fromStore,\n    undefined,\n    document?.security ?? [],\n    securitySchemes.value,\n  )\n})\n\n/** Compute the security requirements for the operation or document based on the current collection type */\nconst securityRequirements = computed(() => {\n  if (collectionType === 'operation') {\n    return operation.value?.security ?? []\n  }\n  return document?.security ?? []\n})\n\n/** Compute the proxy URL for the current layout (for the electron we don't want to use the proxy by default) */\nconst proxyUrl = computed(\n  () =>\n    getActiveProxyUrl(\n      workspaceStore.workspace['x-scalar-active-proxy'],\n      layout === 'web' ? 'web' : 'other',\n    ) ?? '',\n)\n\nconst servers = computed(() => {\n  return getServers(operation.value?.servers ?? document?.servers, {\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Grab the currently selected server for relative auth URIs */\nconst server = computed(() => {\n  const documentServer = document?.['x-scalar-selected-server']\n  const operationServer = operation.value?.['x-scalar-selected-server']\n  const selectedServerUrl = operationServer ?? documentServer\n  return (\n    servers.value.find(({ url }) => url === selectedServerUrl) ??\n    servers.value[0] ??\n    null\n  )\n})\n\n/** Auth selector only needs OAuth2-specific option overrides. */\nconst authOptions = computed<OAuth2Options | undefined>(() => {\n  const routeOptions = toValue(options)\n  if (!routeOptions?.oauth2RedirectUri) {\n    return undefined\n  }\n\n  return {\n    oauth2RedirectUri: routeOptions.oauth2RedirectUri,\n  }\n})\n\n/**\n * Handles toggling operation-level security authentication. (Only for operation collections)\n * When enabled (`value` is true), overrides document-level authentication for the current operation.\n * When disabled (`value` is false), reverts to using document-level authentication instead.\n */\nconst handleToggleOperationSecurity = (value: boolean) => {\n  if (authMeta.value.type !== 'operation') {\n    return\n  }\n\n  useOperationSecurity.value = value\n\n  if (value) {\n    // Use the same resolved selection as the UI; unpack so the event payload is plain objects\n    const { selectedSchemes } = selectedSecurity.value\n    return eventBus.emit('auth:update:selected-security-schemes', {\n      selectedRequirements: unpackProxyObject(selectedSchemes, { depth: 1 }),\n      newSchemes: [],\n      meta: authMeta.value,\n    })\n  }\n\n  // Clear the operation security so document level authentication is used\n  return eventBus.emit('auth:clear:selected-security-schemes', {\n    meta: authMeta.value,\n  })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Authentication</template>\n    <template #description>\n      <template v-if=\"collectionType === 'operation'\">\n        <span class=\"block\">\n          Override authentication for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Authentication below applies only to this\n          operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — This operation uses document-level\n          authentication from the OpenAPI spec.\n        </span>\n      </template>\n      <template v-else>\n        Configure authentication for this document. Selected authentication\n        applies to all operations unless overridden at the operation level.\n      </template>\n    </template>\n    <template\n      v-if=\"collectionType === 'operation'\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationSecurity\"\n          @update:modelValue=\"handleToggleOperationSecurity\" />\n      </div>\n    </template>\n\n    <!-- Auth Selector -->\n    <div\n      :class=\"\n        collectionType === 'operation' &&\n        !useOperationSecurity &&\n        'cursor-not-allowed'\n      \">\n      <AuthSelector\n        class=\"scalar-collection-auth border-none!\"\n        :class=\"\n          collectionType === 'operation' &&\n          !useOperationSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        :createAnySecurityScheme=\"true\"\n        :environment\n        :eventBus=\"eventBus\"\n        isStatic\n        :meta=\"authMeta\"\n        :options=\"authOptions\"\n        :proxyUrl=\"proxyUrl\"\n        :securityRequirements=\"securityRequirements\"\n        :securitySchemes\n        :selectedSecurity=\"selectedSecurity\"\n        :server\n        title=\"Authentication\" />\n    </div>\n  </Section>\n</template>\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/collection/components/Authentication.vue.script.js

@@ -1,7 +1,7 @@
 import AuthSelector_default from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
 import { getDefaultOperationSecurityToggle } from "../helpers/get-default-operation-security-toggle.js";
 import Section_default from "../../settings/components/Section.vue.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toValue, unref, watchEffect, withCtx } from "vue";
 import { ScalarToggle } from "@scalar/components";
 import { getActiveProxyUrl, getSelectedSecurity, getServers, mergeSecurity } from "@scalar/workspace-store/request-example";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
@@ -29,6 +29,7 @@ var Authentication_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
 		onUpdateTelemetry: { type: Function },
+		options: {},
 		collectionType: {}
 	},
 	setup(__props) {
@@ -95,6 +96,12 @@ var Authentication_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const selectedServerUrl = operation.value?.["x-scalar-selected-server"] ?? documentServer;
 			return servers.value.find(({ url }) => url === selectedServerUrl) ?? servers.value[0] ?? null;
 		});
+		/** Auth selector only needs OAuth2-specific option overrides. */
+		const authOptions = computed(() => {
+			const routeOptions = toValue(__props.options);
+			if (!routeOptions?.oauth2RedirectUri) return;
+			return { oauth2RedirectUri: routeOptions.oauth2RedirectUri };
+		});
 		/**
 		* Handles toggling operation-level security authentication. (Only for operation collections)
 		* When enabled (`value` is true), overrides document-level authentication for the current operation.
@@ -128,6 +135,7 @@ var Authentication_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					eventBus: __props.eventBus,
 					isStatic: "",
 					meta: authMeta.value,
+					options: authOptions.value,
 					proxyUrl: proxyUrl.value,
 					securityRequirements: securityRequirements.value,
 					securitySchemes: securitySchemes.value,
@@ -139,6 +147,7 @@ var Authentication_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"environment",
 					"eventBus",
 					"meta",
+					"options",
 					"proxyUrl",
 					"securityRequirements",
 					"securitySchemes",

package/dist/v2/features/collection/components/Authentication.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  getActiveProxyUrl,\n  getSelectedSecurity,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { computed, ref, watchEffect } from 'vue'\n\nimport { AuthSelector } from '@/v2/blocks/scalar-auth-selector-block'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { getDefaultOperationSecurityToggle } from '@/v2/features/collection/helpers/get-default-operation-security-toggle'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst {\n  document,\n  eventBus,\n  environment,\n  workspaceStore,\n  documentSlug,\n  path,\n  method,\n  collectionType,\n  layout,\n} = defineProps<CollectionProps>()\n\n/**\n * Compute the authentication metadata based on the current collection type.\n * If we're working with an operation, include its path and method; otherwise, use the document scope.\n */\nconst authMeta = computed<AuthMeta>(() => {\n  if (collectionType === 'operation') {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n  return { type: 'document' }\n})\n\n/**\n * Compute the operation object based on the current collection type.\n */\nconst operation = computed(() => {\n  if (collectionType === 'operation') {\n    // Operation not found\n    if (!path || !isHttpMethod(method)) {\n      return null\n    }\n    // Operation found, return the servers\n    return getResolvedRef(document?.paths?.[path]?.[method])\n  }\n  return null\n})\n\n/**\n * If enabled we use/set the selected security schemes on the operation level\n */\nconst useOperationSecurity = ref(false)\nwatchEffect(() => {\n  useOperationSecurity.value = getDefaultOperationSecurityToggle({\n    authStore: workspaceStore.auth,\n    documentName: documentSlug,\n    ...authMeta.value,\n  })\n})\n\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    {},\n    workspaceStore.auth,\n    documentSlug,\n  ),\n)\n\n/** Resolved selected security for the current collection (operation or document), with defaults applied */\nconst selectedSecurity = computed(() => {\n  if (collectionType === 'operation') {\n    const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: documentSlug,\n      path: path ?? '',\n      method: method ?? 'get',\n    })\n    return getSelectedSecurity(\n      undefined,\n      fromStore,\n      operation.value?.security ?? [],\n      securitySchemes.value,\n    )\n  }\n  const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n  return getSelectedSecurity(\n    fromStore,\n    undefined,\n    document?.security ?? [],\n    securitySchemes.value,\n  )\n})\n\n/** Compute the security requirements for the operation or document based on the current collection type */\nconst securityRequirements = computed(() => {\n  if (collectionType === 'operation') {\n    return operation.value?.security ?? []\n  }\n  return document?.security ?? []\n})\n\n/** Compute the proxy URL for the current layout (for the electron we don't want to use the proxy by default) */\nconst proxyUrl = computed(\n  () =>\n    getActiveProxyUrl(\n      workspaceStore.workspace['x-scalar-active-proxy'],\n      layout === 'web' ? 'web' : 'other',\n    ) ?? '',\n)\n\nconst servers = computed(() => {\n  return getServers(operation.value?.servers ?? document?.servers, {\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Grab the currently selected server for relative auth URIs */\nconst server = computed(() => {\n  const documentServer = document?.['x-scalar-selected-server']\n  const operationServer = operation.value?.['x-scalar-selected-server']\n  const selectedServerUrl = operationServer ?? documentServer\n  return (\n    servers.value.find(({ url }) => url === selectedServerUrl) ??\n    servers.value[0] ??\n    null\n  )\n})\n\n/**\n * Handles toggling operation-level security authentication. (Only for operation collections)\n * When enabled (`value` is true), overrides document-level authentication for the current operation.\n * When disabled (`value` is false), reverts to using document-level authentication instead.\n */\nconst handleToggleOperationSecurity = (value: boolean) => {\n  if (authMeta.value.type !== 'operation') {\n    return\n  }\n\n  useOperationSecurity.value = value\n\n  if (value) {\n    // Use the same resolved selection as the UI; unpack so the event payload is plain objects\n    const { selectedSchemes } = selectedSecurity.value\n    return eventBus.emit('auth:update:selected-security-schemes', {\n      selectedRequirements: unpackProxyObject(selectedSchemes, { depth: 1 }),\n      newSchemes: [],\n      meta: authMeta.value,\n    })\n  }\n\n  // Clear the operation security so document level authentication is used\n  return eventBus.emit('auth:clear:selected-security-schemes', {\n    meta: authMeta.value,\n  })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Authentication</template>\n    <template #description>\n      <template v-if=\"collectionType === 'operation'\">\n        <span class=\"block\">\n          Override authentication for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Authentication below applies only to this\n          operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — This operation uses document-level\n          authentication from the OpenAPI spec.\n        </span>\n      </template>\n      <template v-else>\n        Configure authentication for this document. Selected authentication\n        applies to all operations unless overridden at the operation level.\n      </template>\n    </template>\n    <template\n      v-if=\"collectionType === 'operation'\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationSecurity\"\n          @update:modelValue=\"handleToggleOperationSecurity\" />\n      </div>\n    </template>\n\n    <!-- Auth Selector -->\n    <div\n      :class=\"\n        collectionType === 'operation' &&\n        !useOperationSecurity &&\n        'cursor-not-allowed'\n      \">\n      <AuthSelector\n        class=\"scalar-collection-auth border-none!\"\n        :class=\"\n          collectionType === 'operation' &&\n          !useOperationSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        :createAnySecurityScheme=\"true\"\n        :environment\n        :eventBus=\"eventBus\"\n        isStatic\n        :meta=\"authMeta\"\n        :proxyUrl=\"proxyUrl\"\n        :securityRequirements=\"securityRequirements\"\n        :securitySchemes\n        :selectedSecurity=\"selectedSecurity\"\n        :server\n        title=\"Authentication\" />\n    </div>\n  </Section>\n</template>\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"Authentication.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  getActiveProxyUrl,\n  getSelectedSecurity,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { computed, ref, toValue, watchEffect } from 'vue'\n\nimport { AuthSelector } from '@/v2/blocks/scalar-auth-selector-block'\nimport type { OAuth2Options } from '@/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue'\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { getDefaultOperationSecurityToggle } from '@/v2/features/collection/helpers/get-default-operation-security-toggle'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst {\n  document,\n  eventBus,\n  environment,\n  workspaceStore,\n  documentSlug,\n  path,\n  method,\n  collectionType,\n  layout,\n  options,\n} = defineProps<CollectionProps>()\n\n/**\n * Compute the authentication metadata based on the current collection type.\n * If we're working with an operation, include its path and method; otherwise, use the document scope.\n */\nconst authMeta = computed<AuthMeta>(() => {\n  if (collectionType === 'operation') {\n    return {\n      type: 'operation',\n      path: path ?? '',\n      method: method ?? 'get',\n    }\n  }\n  return { type: 'document' }\n})\n\n/**\n * Compute the operation object based on the current collection type.\n */\nconst operation = computed(() => {\n  if (collectionType === 'operation') {\n    // Operation not found\n    if (!path || !isHttpMethod(method)) {\n      return null\n    }\n    // Operation found, return the servers\n    return getResolvedRef(document?.paths?.[path]?.[method])\n  }\n  return null\n})\n\n/**\n * If enabled we use/set the selected security schemes on the operation level\n */\nconst useOperationSecurity = ref(false)\nwatchEffect(() => {\n  useOperationSecurity.value = getDefaultOperationSecurityToggle({\n    authStore: workspaceStore.auth,\n    documentName: documentSlug,\n    ...authMeta.value,\n  })\n})\n\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    {},\n    workspaceStore.auth,\n    documentSlug,\n  ),\n)\n\n/** Resolved selected security for the current collection (operation or document), with defaults applied */\nconst selectedSecurity = computed(() => {\n  if (collectionType === 'operation') {\n    const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: documentSlug,\n      path: path ?? '',\n      method: method ?? 'get',\n    })\n    return getSelectedSecurity(\n      undefined,\n      fromStore,\n      operation.value?.security ?? [],\n      securitySchemes.value,\n    )\n  }\n  const fromStore = workspaceStore.auth.getAuthSelectedSchemas({\n    type: 'document',\n    documentName: documentSlug,\n  })\n  return getSelectedSecurity(\n    fromStore,\n    undefined,\n    document?.security ?? [],\n    securitySchemes.value,\n  )\n})\n\n/** Compute the security requirements for the operation or document based on the current collection type */\nconst securityRequirements = computed(() => {\n  if (collectionType === 'operation') {\n    return operation.value?.security ?? []\n  }\n  return document?.security ?? []\n})\n\n/** Compute the proxy URL for the current layout (for the electron we don't want to use the proxy by default) */\nconst proxyUrl = computed(\n  () =>\n    getActiveProxyUrl(\n      workspaceStore.workspace['x-scalar-active-proxy'],\n      layout === 'web' ? 'web' : 'other',\n    ) ?? '',\n)\n\nconst servers = computed(() => {\n  return getServers(operation.value?.servers ?? document?.servers, {\n    documentUrl: document?.['x-scalar-original-source-url'],\n  })\n})\n\n/** Grab the currently selected server for relative auth URIs */\nconst server = computed(() => {\n  const documentServer = document?.['x-scalar-selected-server']\n  const operationServer = operation.value?.['x-scalar-selected-server']\n  const selectedServerUrl = operationServer ?? documentServer\n  return (\n    servers.value.find(({ url }) => url === selectedServerUrl) ??\n    servers.value[0] ??\n    null\n  )\n})\n\n/** Auth selector only needs OAuth2-specific option overrides. */\nconst authOptions = computed<OAuth2Options | undefined>(() => {\n  const routeOptions = toValue(options)\n  if (!routeOptions?.oauth2RedirectUri) {\n    return undefined\n  }\n\n  return {\n    oauth2RedirectUri: routeOptions.oauth2RedirectUri,\n  }\n})\n\n/**\n * Handles toggling operation-level security authentication. (Only for operation collections)\n * When enabled (`value` is true), overrides document-level authentication for the current operation.\n * When disabled (`value` is false), reverts to using document-level authentication instead.\n */\nconst handleToggleOperationSecurity = (value: boolean) => {\n  if (authMeta.value.type !== 'operation') {\n    return\n  }\n\n  useOperationSecurity.value = value\n\n  if (value) {\n    // Use the same resolved selection as the UI; unpack so the event payload is plain objects\n    const { selectedSchemes } = selectedSecurity.value\n    return eventBus.emit('auth:update:selected-security-schemes', {\n      selectedRequirements: unpackProxyObject(selectedSchemes, { depth: 1 }),\n      newSchemes: [],\n      meta: authMeta.value,\n    })\n  }\n\n  // Clear the operation security so document level authentication is used\n  return eventBus.emit('auth:clear:selected-security-schemes', {\n    meta: authMeta.value,\n  })\n}\n</script>\n\n<template>\n  <Section>\n    <template #title>Authentication</template>\n    <template #description>\n      <template v-if=\"collectionType === 'operation'\">\n        <span class=\"block\">\n          Override authentication for this operation with the toggle.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>On</strong> — Authentication below applies only to this\n          operation.\n        </span>\n        <span class=\"mt-1 block\">\n          <strong>Off</strong> — This operation uses document-level\n          authentication from the OpenAPI spec.\n        </span>\n      </template>\n      <template v-else>\n        Configure authentication for this document. Selected authentication\n        applies to all operations unless overridden at the operation level.\n      </template>\n    </template>\n    <template\n      v-if=\"collectionType === 'operation'\"\n      #actions>\n      <div class=\"flex h-8 items-center\">\n        <ScalarToggle\n          class=\"w-4\"\n          :modelValue=\"useOperationSecurity\"\n          @update:modelValue=\"handleToggleOperationSecurity\" />\n      </div>\n    </template>\n\n    <!-- Auth Selector -->\n    <div\n      :class=\"\n        collectionType === 'operation' &&\n        !useOperationSecurity &&\n        'cursor-not-allowed'\n      \">\n      <AuthSelector\n        class=\"scalar-collection-auth border-none!\"\n        :class=\"\n          collectionType === 'operation' &&\n          !useOperationSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        :createAnySecurityScheme=\"true\"\n        :environment\n        :eventBus=\"eventBus\"\n        isStatic\n        :meta=\"authMeta\"\n        :options=\"authOptions\"\n        :proxyUrl=\"proxyUrl\"\n        :securityRequirements=\"securityRequirements\"\n        :securitySchemes\n        :selectedSecurity=\"selectedSecurity\"\n        :server\n        title=\"Authentication\" />\n    </div>\n  </Section>\n</template>\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/collection/components/Cookies.vue.script.js

@@ -21,6 +21,7 @@ var Cookies_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
 		onUpdateTelemetry: { type: Function },
+		options: {},
 		collectionType: {}
 	},
 	setup(__props) {

package/dist/v2/features/collection/components/Cookies.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Cookies section for the collection.\n * Renders document or workspace cookies and lets users manage key-value data\n * sent with API requests (e.g. session tokens, auth, preferences).\n */\nexport default {\n  name: 'Cookies',\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { CookiesTable } from '@/v2/features/global-cookies'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst { collectionType, eventBus, document, workspaceStore } =\n  defineProps<CollectionProps>()\n\nconst cookies = computed(() => {\n  return (\n    (collectionType === 'document'\n      ? document['x-scalar-cookies']\n      : workspaceStore.workspace['x-scalar-cookies']) ?? []\n  )\n})\n</script>\n\n<template>\n  <Section v-if=\"collectionType !== 'operation'\">\n    <template #title>Cookies</template>\n    <template #description>\n      Manage your collection's cookies here.<br />Cookies allow you to store and\n      send key-value data with your API requests—often used for things like\n      session tokens, authentication, and saving user preferences.<br />\n    </template>\n    <CookiesTable\n      :collectionType=\"collectionType\"\n      :cookies=\"cookies\"\n      :eventBus=\"eventBus\" />\n  </Section>\n</template>\n"],"mappings":";;;;CAOE,MAAM;;;;;;;;;;;;;;;;;;;;;;EAaR,MAAM,UAAU,eAAe;AAC7B,WACG,QAAA,mBAAmB,aAChB,QAAA,SAAS,sBACT,QAAA,eAAe,UAAU,wBAAwB,EAAC;IAEzD;;UAIgB,QAAA,mBAAc,eAAA,WAAA,EAA7B,YAWU,iBAAA,EAAA,KAAA,GAAA,EAAA;IAVG,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;IACb,aAAW,cACkB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;qBADjB,2CACiB,GAAA;KAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;qBAAA,qKAEgB,GAAA;KAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;;2BAK3C,CAHzB,YAGyB,MAAA,qBAAA,EAAA;KAFtB,gBAAgB,QAAA;KAChB,SAAS,QAAA;KACT,UAAU,QAAA"}
+{"version":3,"file":"Cookies.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Cookies.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Cookies section for the collection.\n * Renders document or workspace cookies and lets users manage key-value data\n * sent with API requests (e.g. session tokens, auth, preferences).\n */\nexport default {\n  name: 'Cookies',\n}\n</script>\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { CookiesTable } from '@/v2/features/global-cookies'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nconst { collectionType, eventBus, document, workspaceStore } =\n  defineProps<CollectionProps>()\n\nconst cookies = computed(() => {\n  return (\n    (collectionType === 'document'\n      ? document['x-scalar-cookies']\n      : workspaceStore.workspace['x-scalar-cookies']) ?? []\n  )\n})\n</script>\n\n<template>\n  <Section v-if=\"collectionType !== 'operation'\">\n    <template #title>Cookies</template>\n    <template #description>\n      Manage your collection's cookies here.<br />Cookies allow you to store and\n      send key-value data with your API requests—often used for things like\n      session tokens, authentication, and saving user preferences.<br />\n    </template>\n    <CookiesTable\n      :collectionType=\"collectionType\"\n      :cookies=\"cookies\"\n      :eventBus=\"eventBus\" />\n  </Section>\n</template>\n"],"mappings":";;;;CAOE,MAAM;;;;;;;;;;;;;;;;;;;;;;;EAaR,MAAM,UAAU,eAAe;AAC7B,WACG,QAAA,mBAAmB,aAChB,QAAA,SAAS,sBACT,QAAA,eAAe,UAAU,wBAAwB,EAAC;IAEzD;;UAIgB,QAAA,mBAAc,eAAA,WAAA,EAA7B,YAWU,iBAAA,EAAA,KAAA,GAAA,EAAA;IAVG,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;IACb,aAAW,cACkB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;qBADjB,2CACiB,GAAA;KAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;qBAAA,qKAEgB,GAAA;KAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;;2BAK3C,CAHzB,YAGyB,MAAA,qBAAA,EAAA;KAFtB,gBAAgB,QAAA;KAChB,SAAS,QAAA;KACT,UAAU,QAAA"}

package/dist/v2/features/collection/components/Editor/Editor.vue.script.js

@@ -55,6 +55,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		fetchRegistryDocument: { type: Function },
 		telemetry: { type: Boolean },
 		onUpdateTelemetry: { type: Function },
+		options: {},
 		collectionType: {}
 	},
 	setup(__props) {