@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/workspace-events.js

@@ -0,0 +1,109 @@
+import { computed } from "vue";
+import { generateClientMutators } from "@scalar/workspace-store/mutators";
+//#region src/v2/workspace-events.ts
+/**
+* Wraps a given function with optional before/after execution hooks for a specific event.
+* - Calls onBeforeExecute hook before executing the main function.
+* - Calls onAfterExecute hook after executing the main function.
+*
+* @template T The event key from ApiReferenceEvents
+* @param event The event name
+* @param fn The main function to execute
+* @param hooks The hooks object containing before/after hooks for events
+* @returns An async function that runs hooks around the main function
+*/
+var withHook = (event, fn, hooks) => {
+	return async (args) => {
+		const result = await hooks[event]?.onBeforeExecute?.(args) ?? args;
+		await fn(result);
+		await hooks[event]?.onAfterExecute?.(result);
+		return result;
+	};
+};
+/**
+* Initializes all Workspace Event Handlers by subscribing eventBus listeners
+* to each relevant mutator operation. Hooks are used for before/after execution.
+*
+* @param eventBus The WorkspaceEventBus to subscribe to
+* @param store The WorkspaceStore instance
+* @param hooks Object containing optional before/after hooks for each event
+*/
+function initializeWorkspaceEventHandlers({ eventBus, store, hooks }) {
+	const mutators = computed(() => generateClientMutators(store.value));
+	/**
+	* Returns the appropriate mutators depending on the collectionType.
+	* If collectionType is 'document', gets the active document mutator,
+	* otherwise, gets the workspace mutator.
+	*/
+	const getMutators = ({ collectionType }) => {
+		if (collectionType === "document") return mutators.value.active();
+		return mutators.value.workspace();
+	};
+	eventBus.on("workspace:update:active-proxy", (payload) => withHook("workspace:update:active-proxy", mutators.value.workspace().workspace.updateActiveProxy, hooks)(payload));
+	eventBus.on("workspace:update:color-mode", (payload) => withHook("workspace:update:color-mode", mutators.value.workspace().workspace.updateColorMode, hooks)(payload));
+	eventBus.on("workspace:update:theme", (payload) => withHook("workspace:update:theme", mutators.value.workspace().workspace.updateTheme, hooks)(payload));
+	eventBus.on("workspace:update:selected-client", (payload) => withHook("workspace:update:selected-client", mutators.value.workspace().workspace.updateSelectedClient, hooks)(payload));
+	eventBus.on("workspace:update:active-environment", (payload) => withHook("workspace:update:active-environment", mutators.value.workspace().workspace.updateActiveEnvironment, hooks)(payload));
+	eventBus.on("document:update:icon", (payload) => withHook("document:update:icon", mutators.value.active().document.updateDocumentIcon, hooks)(payload));
+	eventBus.on("document:update:info", (payload) => withHook("document:update:info", mutators.value.active().document.updateDocumentInfo, hooks)(payload));
+	eventBus.on("document:update:watch-mode", (payload) => withHook("document:update:watch-mode", mutators.value.active().document.updateWatchMode, hooks)(payload));
+	eventBus.on("document:create:empty-document", (payload) => withHook("document:create:empty-document", mutators.value.active().document.createEmptyDocument, hooks)(payload));
+	eventBus.on("document:delete:document", (payload) => withHook("document:delete:document", mutators.value.active().document.deleteDocument, hooks)(payload));
+	eventBus.on("environment:upsert:environment", (payload) => withHook("environment:upsert:environment", getMutators(payload).environment.upsertEnvironment, hooks)(payload));
+	eventBus.on("environment:delete:environment", (payload) => withHook("environment:delete:environment", getMutators(payload).environment.deleteEnvironment, hooks)(payload));
+	eventBus.on("environment:upsert:environment-variable", (payload) => withHook("environment:upsert:environment-variable", getMutators(payload).environment.upsertEnvironmentVariable, hooks)(payload));
+	eventBus.on("environment:delete:environment-variable", (payload) => withHook("environment:delete:environment-variable", getMutators(payload).environment.deleteEnvironmentVariable, hooks)(payload));
+	eventBus.on("cookie:upsert:cookie", async (payload) => {
+		await withHook("cookie:upsert:cookie", getMutators(payload).cookie.upsertCookie, hooks)(payload);
+	});
+	eventBus.on("cookie:delete:cookie", async (payload) => {
+		await withHook("cookie:delete:cookie", getMutators(payload).cookie.deleteCookie, hooks)(payload);
+	});
+	eventBus.on("auth:delete:security-scheme", (payload) => withHook("auth:delete:security-scheme", mutators.value.active().auth.deleteSecurityScheme, hooks)(payload));
+	eventBus.on("auth:update:active-index", (payload) => withHook("auth:update:active-index", mutators.value.active().auth.updateSelectedAuthTab, hooks)(payload));
+	eventBus.on("auth:update:security-scheme", (payload) => withHook("auth:update:security-scheme", mutators.value.active().auth.updateSecurityScheme, hooks)(payload));
+	eventBus.on("auth:update:selected-scopes", (payload) => withHook("auth:update:selected-scopes", mutators.value.active().auth.updateSelectedScopes, hooks)(payload));
+	eventBus.on("auth:update:selected-security-schemes", (payload) => withHook("auth:update:selected-security-schemes", mutators.value.active().auth.updateSelectedSecuritySchemes, hooks)(payload));
+	eventBus.on("auth:clear:selected-security-schemes", (payload) => withHook("auth:clear:selected-security-schemes", mutators.value.active().auth.clearSelectedSecuritySchemes, hooks)(payload));
+	eventBus.on("auth:update:security-scheme-secrets", (payload) => withHook("auth:update:security-scheme-secrets", mutators.value.active().auth.updateSecuritySchemeSecrets, hooks)(payload));
+	eventBus.on("auth:clear:security-scheme-secrets", (payload) => withHook("auth:clear:security-scheme-secrets", mutators.value.active().auth.clearSecuritySchemeSecrets, hooks)(payload));
+	eventBus.on("server:initialize:servers", (payload) => withHook("server:initialize:servers", mutators.value.active().server.initializeServers, hooks)(payload));
+	eventBus.on("server:add:server", (payload) => withHook("server:add:server", mutators.value.active().server.addServer, hooks)(payload));
+	eventBus.on("server:update:server", (payload) => withHook("server:update:server", mutators.value.active().server.updateServer, hooks)(payload));
+	eventBus.on("server:delete:server", (payload) => withHook("server:delete:server", mutators.value.active().server.deleteServer, hooks)(payload));
+	eventBus.on("server:clear:servers", (payload) => withHook("server:clear:servers", mutators.value.active().server.clearServers, hooks)(payload));
+	eventBus.on("server:update:variables", (payload) => withHook("server:update:variables", mutators.value.active().server.updateServerVariables, hooks)(payload));
+	eventBus.on("server:update:selected", (payload) => withHook("server:update:selected", mutators.value.active().server.updateSelectedServer, hooks)(payload));
+	eventBus.on("operation:create:operation", (payload) => withHook("operation:create:operation", mutators.value.active().operation.createOperation, hooks)(payload));
+	eventBus.on("operation:update:pathMethod", (payload) => withHook("operation:update:pathMethod", mutators.value.active().operation.updateOperationPathMethod, hooks)(payload));
+	eventBus.on("operation:update:meta", (payload) => withHook("operation:update:meta", mutators.value.active().operation.updateOperationMeta, hooks)(payload));
+	eventBus.on("operation:delete:operation", (payload) => withHook("operation:delete:operation", mutators.value.active().operation.deleteOperation, hooks)(payload));
+	eventBus.on("operation:create:draft-example", (payload) => withHook("operation:create:draft-example", mutators.value.active().operation.createOperationDraftExample, hooks)(payload));
+	eventBus.on("operation:delete:example", (payload) => withHook("operation:delete:example", mutators.value.active().operation.deleteOperationExample, hooks)(payload));
+	eventBus.on("operation:rename:example", (payload) => withHook("operation:rename:example", mutators.value.active().operation.renameOperationExample, hooks)(payload));
+	eventBus.on("operation:upsert:parameter", (payload) => withHook("operation:upsert:parameter", mutators.value.active().operation.upsertOperationParameter, hooks)(payload));
+	eventBus.on("operation:update:extra-parameters", (payload) => withHook("operation:update:extra-parameters", mutators.value.active().operation.updateOperationExtraParameters, hooks)(payload));
+	eventBus.on("operation:delete:parameter", (payload) => withHook("operation:delete:parameter", mutators.value.active().operation.deleteOperationParameter, hooks)(payload));
+	eventBus.on("operation:delete-all:parameters", (payload) => withHook("operation:delete-all:parameters", mutators.value.active().operation.deleteAllOperationParameters, hooks)(payload));
+	eventBus.on("operation:update:extension", (payload) => withHook("operation:update:extension", mutators.value.active().operation.updateOperationExtension, hooks)(payload));
+	eventBus.on("operation:update:requestBody:contentType", (payload) => withHook("operation:update:requestBody:contentType", mutators.value.active().operation.updateOperationRequestBodyContentType, hooks)(payload));
+	eventBus.on("operation:update:requestBody:value", (payload) => withHook("operation:update:requestBody:value", mutators.value.active().operation.updateOperationRequestBodyExample, hooks)(payload));
+	eventBus.on("operation:update:requestBody:formValue", (payload) => withHook("operation:update:requestBody:formValue", mutators.value.active().operation.updateOperationRequestBodyFormValue, hooks)(payload));
+	eventBus.on("operation:reload:history", (payload) => withHook("operation:reload:history", mutators.value.active().operation.reloadOperationHistory, hooks)(payload));
+	eventBus.on("tag:create:tag", (payload) => withHook("tag:create:tag", mutators.value.active().tag.createTag, hooks)(payload));
+	eventBus.on("tag:edit:tag", (payload) => withHook("tag:edit:tag", mutators.value.active().tag.editTag, hooks)(payload));
+	eventBus.on("tag:delete:tag", (payload) => withHook("tag:delete:tag", mutators.value.active().tag.deleteTag, hooks)(payload));
+	eventBus.on("tabs:add:tab", (payload) => withHook("tabs:add:tab", mutators.value.workspace().tabs.addTab, hooks)(payload));
+	eventBus.on("tabs:close:tab", (payload) => withHook("tabs:close:tab", mutators.value.workspace().tabs.closeTab, hooks)(payload));
+	eventBus.on("tabs:close:other-tabs", (payload) => withHook("tabs:close:other-tabs", mutators.value.workspace().tabs.closeOtherTabs, hooks)(payload));
+	eventBus.on("tabs:focus:tab", (payload) => withHook("tabs:focus:tab", mutators.value.workspace().tabs.focusTab, hooks)(payload));
+	eventBus.on("tabs:focus:tab-last", (payload) => withHook("tabs:focus:tab-last", mutators.value.workspace().tabs.focusLastTab, hooks)(payload));
+	eventBus.on("tabs:navigate:previous", (payload) => withHook("tabs:navigate:previous", mutators.value.workspace().tabs.navigatePreviousTab, hooks)(payload));
+	eventBus.on("tabs:navigate:next", (payload) => withHook("tabs:navigate:next", mutators.value.workspace().tabs.navigateNextTab, hooks)(payload));
+	eventBus.on("tabs:update:tabs", (payload) => withHook("tabs:update:tabs", mutators.value.workspace().tabs.updateTabs, hooks)(payload));
+	eventBus.on("hooks:on:request:complete", (payload) => withHook("hooks:on:request:complete", mutators.value.active().operation.addResponseToHistory, hooks)(payload));
+}
+//#endregion
+export { initializeWorkspaceEventHandlers };
+
+//# sourceMappingURL=workspace-events.js.map

package/dist/v2/workspace-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-events.js","names":[],"sources":["../../src/v2/workspace-events.ts"],"sourcesContent":["import type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { ApiReferenceEvents, CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { generateClientMutators } from '@scalar/workspace-store/mutators'\nimport { type Ref, computed } from 'vue'\n\ntype Hook<T extends keyof ApiReferenceEvents> = Partial<{\n  onBeforeExecute: (\n    payload: ApiReferenceEvents[T],\n  ) => void | Promise<void> | ApiReferenceEvents[T] | Promise<ApiReferenceEvents[T]>\n  onAfterExecute: (payload: ApiReferenceEvents[T]) => void | Promise<void>\n}>\n\ntype Hooks = {\n  [key in keyof ApiReferenceEvents]?: Hook<key>\n}\n\n/**\n * Wraps a given function with optional before/after execution hooks for a specific event.\n * - Calls onBeforeExecute hook before executing the main function.\n * - Calls onAfterExecute hook after executing the main function.\n *\n * @template T The event key from ApiReferenceEvents\n * @param event The event name\n * @param fn The main function to execute\n * @param hooks The hooks object containing before/after hooks for events\n * @returns An async function that runs hooks around the main function\n */\nconst withHook = <T extends keyof ApiReferenceEvents>(\n  event: T,\n  fn: (args: ApiReferenceEvents[T]) => unknown | Promise<unknown>,\n  hooks: Hooks,\n) => {\n  return async (args: ApiReferenceEvents[T]) => {\n    // Call the before execution hook for this event, if any\n    const result = (await hooks[event]?.onBeforeExecute?.(args)) ?? args\n    // Execute the main function\n    await fn(result)\n    // Call the after execution hook for this event, if any\n    await hooks[event]?.onAfterExecute?.(result)\n    return result\n  }\n}\n\n/**\n * Initializes all Workspace Event Handlers by subscribing eventBus listeners\n * to each relevant mutator operation. Hooks are used for before/after execution.\n *\n * @param eventBus The WorkspaceEventBus to subscribe to\n * @param store The WorkspaceStore instance\n * @param hooks Object containing optional before/after hooks for each event\n */\nexport function initializeWorkspaceEventHandlers({\n  eventBus,\n  store,\n  hooks,\n}: {\n  eventBus: WorkspaceEventBus\n  store: Ref<WorkspaceStore | null>\n  hooks: Hooks\n}) {\n  // Generate all client mutators for the current workspace store\n  const mutators = computed(() => generateClientMutators(store.value))\n\n  /**\n   * Returns the appropriate mutators depending on the collectionType.\n   * If collectionType is 'document', gets the active document mutator,\n   * otherwise, gets the workspace mutator.\n   */\n  const getMutators = ({ collectionType }: CollectionType) => {\n    if (collectionType === 'document') {\n      return mutators.value.active()\n    }\n    return mutators.value.workspace()\n  }\n\n  //------------------------------------------------------------------------------------\n  // Workspace Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('workspace:update:active-proxy', (payload) =>\n    withHook('workspace:update:active-proxy', mutators.value.workspace().workspace.updateActiveProxy, hooks)(payload),\n  )\n  eventBus.on('workspace:update:color-mode', (payload) =>\n    withHook('workspace:update:color-mode', mutators.value.workspace().workspace.updateColorMode, hooks)(payload),\n  )\n  eventBus.on('workspace:update:theme', (payload) =>\n    withHook('workspace:update:theme', mutators.value.workspace().workspace.updateTheme, hooks)(payload),\n  )\n  eventBus.on('workspace:update:selected-client', (payload) =>\n    withHook(\n      'workspace:update:selected-client',\n      mutators.value.workspace().workspace.updateSelectedClient,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('workspace:update:active-environment', (payload) =>\n    withHook(\n      'workspace:update:active-environment',\n      mutators.value.workspace().workspace.updateActiveEnvironment,\n      hooks,\n    )(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Document Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('document:update:icon', (payload) =>\n    withHook('document:update:icon', mutators.value.active().document.updateDocumentIcon, hooks)(payload),\n  )\n  eventBus.on('document:update:info', (payload) =>\n    withHook('document:update:info', mutators.value.active().document.updateDocumentInfo, hooks)(payload),\n  )\n  eventBus.on('document:update:watch-mode', (payload) =>\n    withHook('document:update:watch-mode', mutators.value.active().document.updateWatchMode, hooks)(payload),\n  )\n  eventBus.on('document:create:empty-document', (payload) =>\n    withHook('document:create:empty-document', mutators.value.active().document.createEmptyDocument, hooks)(payload),\n  )\n  eventBus.on('document:delete:document', (payload) =>\n    withHook('document:delete:document', mutators.value.active().document.deleteDocument, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Environment Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('environment:upsert:environment', (payload) =>\n    withHook('environment:upsert:environment', getMutators(payload).environment.upsertEnvironment, hooks)(payload),\n  )\n  eventBus.on('environment:delete:environment', (payload) =>\n    withHook('environment:delete:environment', getMutators(payload).environment.deleteEnvironment, hooks)(payload),\n  )\n  eventBus.on('environment:upsert:environment-variable', (payload) =>\n    withHook(\n      'environment:upsert:environment-variable',\n      getMutators(payload).environment.upsertEnvironmentVariable,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('environment:delete:environment-variable', (payload) =>\n    withHook(\n      'environment:delete:environment-variable',\n      getMutators(payload).environment.deleteEnvironmentVariable,\n      hooks,\n    )(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Cookie Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('cookie:upsert:cookie', async (payload) => {\n    await withHook('cookie:upsert:cookie', getMutators(payload).cookie.upsertCookie, hooks)(payload)\n  })\n  eventBus.on('cookie:delete:cookie', async (payload) => {\n    await withHook('cookie:delete:cookie', getMutators(payload).cookie.deleteCookie, hooks)(payload)\n  })\n\n  //------------------------------------------------------------------------------------\n  // Auth Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('auth:delete:security-scheme', (payload) =>\n    withHook('auth:delete:security-scheme', mutators.value.active().auth.deleteSecurityScheme, hooks)(payload),\n  )\n  eventBus.on('auth:update:active-index', (payload) =>\n    withHook('auth:update:active-index', mutators.value.active().auth.updateSelectedAuthTab, hooks)(payload),\n  )\n  eventBus.on('auth:update:security-scheme', (payload) =>\n    withHook('auth:update:security-scheme', mutators.value.active().auth.updateSecurityScheme, hooks)(payload),\n  )\n  eventBus.on('auth:update:selected-scopes', (payload) =>\n    withHook('auth:update:selected-scopes', mutators.value.active().auth.updateSelectedScopes, hooks)(payload),\n  )\n  eventBus.on('auth:update:selected-security-schemes', (payload) =>\n    withHook(\n      'auth:update:selected-security-schemes',\n      mutators.value.active().auth.updateSelectedSecuritySchemes,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('auth:clear:selected-security-schemes', (payload) =>\n    withHook(\n      'auth:clear:selected-security-schemes',\n      mutators.value.active().auth.clearSelectedSecuritySchemes,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('auth:update:security-scheme-secrets', (payload) =>\n    withHook(\n      'auth:update:security-scheme-secrets',\n      mutators.value.active().auth.updateSecuritySchemeSecrets,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('auth:clear:security-scheme-secrets', (payload) =>\n    withHook(\n      'auth:clear:security-scheme-secrets',\n      mutators.value.active().auth.clearSecuritySchemeSecrets,\n      hooks,\n    )(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Server Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('server:initialize:servers', (payload) =>\n    withHook('server:initialize:servers', mutators.value.active().server.initializeServers, hooks)(payload),\n  )\n  eventBus.on('server:add:server', (payload) =>\n    withHook('server:add:server', mutators.value.active().server.addServer, hooks)(payload),\n  )\n  eventBus.on('server:update:server', (payload) =>\n    withHook('server:update:server', mutators.value.active().server.updateServer, hooks)(payload),\n  )\n  eventBus.on('server:delete:server', (payload) =>\n    withHook('server:delete:server', mutators.value.active().server.deleteServer, hooks)(payload),\n  )\n  eventBus.on('server:clear:servers', (payload) =>\n    withHook('server:clear:servers', mutators.value.active().server.clearServers, hooks)(payload),\n  )\n  eventBus.on('server:update:variables', (payload) =>\n    withHook('server:update:variables', mutators.value.active().server.updateServerVariables, hooks)(payload),\n  )\n  eventBus.on('server:update:selected', (payload) =>\n    withHook('server:update:selected', mutators.value.active().server.updateSelectedServer, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Operation Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('operation:create:operation', (payload) =>\n    withHook('operation:create:operation', mutators.value.active().operation.createOperation, hooks)(payload),\n  )\n  eventBus.on('operation:update:pathMethod', (payload) =>\n    withHook(\n      'operation:update:pathMethod',\n      mutators.value.active().operation.updateOperationPathMethod,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:update:meta', (payload) =>\n    withHook('operation:update:meta', mutators.value.active().operation.updateOperationMeta, hooks)(payload),\n  )\n  eventBus.on('operation:delete:operation', (payload) =>\n    withHook('operation:delete:operation', mutators.value.active().operation.deleteOperation, hooks)(payload),\n  )\n  eventBus.on('operation:create:draft-example', (payload) =>\n    withHook(\n      'operation:create:draft-example',\n      mutators.value.active().operation.createOperationDraftExample,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:delete:example', (payload) =>\n    withHook('operation:delete:example', mutators.value.active().operation.deleteOperationExample, hooks)(payload),\n  )\n  eventBus.on('operation:rename:example', (payload) =>\n    withHook('operation:rename:example', mutators.value.active().operation.renameOperationExample, hooks)(payload),\n  )\n  eventBus.on('operation:upsert:parameter', (payload) =>\n    withHook('operation:upsert:parameter', mutators.value.active().operation.upsertOperationParameter, hooks)(payload),\n  )\n  eventBus.on('operation:update:extra-parameters', (payload) =>\n    withHook(\n      'operation:update:extra-parameters',\n      mutators.value.active().operation.updateOperationExtraParameters,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:delete:parameter', (payload) =>\n    withHook('operation:delete:parameter', mutators.value.active().operation.deleteOperationParameter, hooks)(payload),\n  )\n  eventBus.on('operation:delete-all:parameters', (payload) =>\n    withHook(\n      'operation:delete-all:parameters',\n      mutators.value.active().operation.deleteAllOperationParameters,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:update:extension', (payload) =>\n    withHook('operation:update:extension', mutators.value.active().operation.updateOperationExtension, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Operation Request Body Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('operation:update:requestBody:contentType', (payload) =>\n    withHook(\n      'operation:update:requestBody:contentType',\n      mutators.value.active().operation.updateOperationRequestBodyContentType,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:update:requestBody:value', (payload) =>\n    withHook(\n      'operation:update:requestBody:value',\n      mutators.value.active().operation.updateOperationRequestBodyExample,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:update:requestBody:formValue', (payload) =>\n    withHook(\n      'operation:update:requestBody:formValue',\n      mutators.value.active().operation.updateOperationRequestBodyFormValue,\n      hooks,\n    )(payload),\n  )\n  eventBus.on('operation:reload:history', (payload) =>\n    withHook('operation:reload:history', mutators.value.active().operation.reloadOperationHistory, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Tag Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tag:create:tag', (payload) =>\n    withHook('tag:create:tag', mutators.value.active().tag.createTag, hooks)(payload),\n  )\n  eventBus.on('tag:edit:tag', (payload) =>\n    withHook('tag:edit:tag', mutators.value.active().tag.editTag, hooks)(payload),\n  )\n  eventBus.on('tag:delete:tag', (payload) =>\n    withHook('tag:delete:tag', mutators.value.active().tag.deleteTag, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Tabs Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tabs:add:tab', (payload) =>\n    withHook('tabs:add:tab', mutators.value.workspace().tabs.addTab, hooks)(payload),\n  )\n  eventBus.on('tabs:close:tab', (payload) =>\n    withHook('tabs:close:tab', mutators.value.workspace().tabs.closeTab, hooks)(payload),\n  )\n  eventBus.on('tabs:close:other-tabs', (payload) =>\n    withHook('tabs:close:other-tabs', mutators.value.workspace().tabs.closeOtherTabs, hooks)(payload),\n  )\n  eventBus.on('tabs:focus:tab', (payload) =>\n    withHook('tabs:focus:tab', mutators.value.workspace().tabs.focusTab, hooks)(payload),\n  )\n  eventBus.on('tabs:focus:tab-last', (payload) =>\n    withHook('tabs:focus:tab-last', mutators.value.workspace().tabs.focusLastTab, hooks)(payload),\n  )\n  eventBus.on('tabs:navigate:previous', (payload) =>\n    withHook('tabs:navigate:previous', mutators.value.workspace().tabs.navigatePreviousTab, hooks)(payload),\n  )\n  eventBus.on('tabs:navigate:next', (payload) =>\n    withHook('tabs:navigate:next', mutators.value.workspace().tabs.navigateNextTab, hooks)(payload),\n  )\n  eventBus.on('tabs:update:tabs', (payload) =>\n    withHook('tabs:update:tabs', mutators.value.workspace().tabs.updateTabs, hooks)(payload),\n  )\n\n  //------------------------------------------------------------------------------------\n  // Hooks Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('hooks:on:request:complete', (payload) =>\n    withHook('hooks:on:request:complete', mutators.value.active().operation.addResponseToHistory, hooks)(payload),\n  )\n}\n"],"mappings":"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"}

package/dist/views/Collection/Collection.vue.js

@@ -0,0 +1,7 @@
+import Collection_vue_vue_type_script_setup_true_lang_default from "./Collection.vue.script.js";
+//#region src/views/Collection/Collection.vue
+var Collection_default = Collection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Collection_default as default };
+
+//# sourceMappingURL=Collection.vue.js.map

package/dist/views/Collection/Collection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.vue.js","names":[],"sources":["../../../src/views/Collection/Collection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useScroll } from '@vueuse/core'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView, useRouter } from 'vue-router'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\nimport CollectionNavigation from '@/views/Collection/CollectionNavigation.vue'\n\nconst { activeCollection } = useActiveEntities()\nconst router = useRouter()\n\nconst el = ref<HTMLElement | null>(null)\nconst { y } = useScroll(el)\nconst isSticky = computed(() => y.value > 104)\n\n// If collection is called 'Drafts', redirect to the first request\nwatch(\n  activeCollection,\n  (collection) => {\n    if (collection?.info?.title === 'Drafts') {\n      const firstRequest = collection.requests[0]\n      router.push({\n        name: 'request',\n        params: { [PathId.Request]: firstRequest },\n      })\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n</script>\n\n<template>\n  <ViewLayout\n    ref=\"el\"\n    class=\"h-fit overflow-auto pb-6 xl:overflow-auto\">\n    <ViewLayoutSection class=\"xl:h-fit\">\n      <CollectionNavigation :isSticky=\"isSticky\" />\n      <div class=\"w-full md:mx-auto md:max-w-[720px]\">\n        <RouterView />\n      </div>\n    </ViewLayoutSection>\n  </ViewLayout>\n</template>\n"],"mappings":""}

package/dist/views/Collection/Collection.vue.script.js

@@ -0,0 +1,46 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import ViewLayout_default from "../../components/ViewLayout/ViewLayout.vue.js";
+import ViewLayoutSection_default from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import CollectionNavigation_default from "./CollectionNavigation.vue.js";
+import { computed, createBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
+import { RouterView, useRouter } from "vue-router";
+import { useScroll } from "@vueuse/core";
+//#region src/views/Collection/Collection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "w-full md:mx-auto md:max-w-[720px]" };
+var Collection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Collection",
+	setup(__props) {
+		const { activeCollection } = useActiveEntities();
+		const router = useRouter();
+		const el = ref(null);
+		const { y } = useScroll(el);
+		const isSticky = computed(() => y.value > 104);
+		watch(activeCollection, (collection) => {
+			if (collection?.info?.title === "Drafts") {
+				const firstRequest = collection.requests[0];
+				router.push({
+					name: "request",
+					params: { [PathId.Request]: firstRequest }
+				});
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayout_default, {
+				ref_key: "el",
+				ref: el,
+				class: "h-fit overflow-auto pb-6 xl:overflow-auto"
+			}, {
+				default: withCtx(() => [createVNode(ViewLayoutSection_default, { class: "xl:h-fit" }, {
+					default: withCtx(() => [createVNode(CollectionNavigation_default, { isSticky: isSticky.value }, null, 8, ["isSticky"]), createElementVNode("div", _hoisted_1, [createVNode(unref(RouterView))])]),
+					_: 1
+				})]),
+				_: 1
+			}, 512);
+		};
+	}
+});
+//#endregion
+export { Collection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Collection.vue.script.js.map

package/dist/views/Collection/Collection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.vue.script.js","names":[],"sources":["../../../src/views/Collection/Collection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useScroll } from '@vueuse/core'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView, useRouter } from 'vue-router'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\nimport CollectionNavigation from '@/views/Collection/CollectionNavigation.vue'\n\nconst { activeCollection } = useActiveEntities()\nconst router = useRouter()\n\nconst el = ref<HTMLElement | null>(null)\nconst { y } = useScroll(el)\nconst isSticky = computed(() => y.value > 104)\n\n// If collection is called 'Drafts', redirect to the first request\nwatch(\n  activeCollection,\n  (collection) => {\n    if (collection?.info?.title === 'Drafts') {\n      const firstRequest = collection.requests[0]\n      router.push({\n        name: 'request',\n        params: { [PathId.Request]: firstRequest },\n      })\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n</script>\n\n<template>\n  <ViewLayout\n    ref=\"el\"\n    class=\"h-fit overflow-auto pb-6 xl:overflow-auto\">\n    <ViewLayoutSection class=\"xl:h-fit\">\n      <CollectionNavigation :isSticky=\"isSticky\" />\n      <div class=\"w-full md:mx-auto md:max-w-[720px]\">\n        <RouterView />\n      </div>\n    </ViewLayoutSection>\n  </ViewLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAWA,MAAM,EAAE,qBAAqB,mBAAkB;EAC/C,MAAM,SAAS,WAAU;EAEzB,MAAM,KAAK,IAAwB,KAAI;EACvC,MAAM,EAAE,MAAM,UAAU,GAAE;EAC1B,MAAM,WAAW,eAAe,EAAE,QAAQ,IAAG;AAG7C,QACE,mBACC,eAAe;AACd,OAAI,YAAY,MAAM,UAAU,UAAU;IACxC,MAAM,eAAe,WAAW,SAAS;AACzC,WAAO,KAAK;KACV,MAAM;KACN,QAAQ,GAAG,OAAO,UAAU,cAAc;KAC3C,CAAA;;KAGL,EACE,WAAW,MACZ,CACH;;uBAIE,YASa,oBAAA;aARP;IAAJ,KAAI;IACJ,OAAM;;2BAMc,CALpB,YAKoB,2BAAA,EALD,OAAM,YAAU,EAAA;4BACY,CAA7C,YAA6C,8BAAA,EAAtB,UAAU,SAAA,OAAQ,EAAA,MAAA,GAAA,CAAA,WAAA,CAAA,EACzC,mBAEM,OAFN,YAEM,CADJ,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/views/Collection/CollectionAuthentication.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import CollectionAuthentication_vue_vue_type_script_setup_true_lang_default from "./CollectionAuthentication.vue.script.js";
+/* empty css                                       */
+//#region src/views/Collection/CollectionAuthentication.vue
+var CollectionAuthentication_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CollectionAuthentication_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cc87292e"]]);
+//#endregion
+export { CollectionAuthentication_default as default };
+
+//# sourceMappingURL=CollectionAuthentication.vue.js.map

package/dist/views/Collection/CollectionAuthentication.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionAuthentication.vue.js","names":[],"sources":["../../../src/views/Collection/CollectionAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\n\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport { RequestAuth } from '@/views/Request/RequestSection/RequestAuth'\n\nconst {\n  activeCollection,\n  activeEnvVariables,\n  activeEnvironment,\n  activeServer,\n  activeWorkspace,\n} = useActiveEntities()\n\nconst { collectionMutators } = useWorkspace()\n\n/** Toggle the collection security */\nconst handleToggleCollectionSecurity = () => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'useCollectionSecurity',\n    !activeCollection.value.useCollectionSecurity,\n  )\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-12 px-1.5 pt-8\">\n    <div class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex h-8 items-center justify-between\">\n          <h3 class=\"font-bold\">Authentication</h3>\n          <ScalarToggle\n            class=\"w-4\"\n            :modelValue=\"activeCollection?.useCollectionSecurity ?? false\"\n            @update:modelValue=\"handleToggleCollectionSecurity\" />\n        </div>\n        <p class=\"pr-6 text-sm\">\n          Added authentication will apply to all requests under this collection.\n          You can override this by specifying another one in the request.\n        </p>\n      </div>\n\n      <RequestAuth\n        class=\"scalar-collection-auth\"\n        :class=\"\n          !activeCollection?.useCollectionSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        v-if=\"activeCollection && activeWorkspace\"\n        :collection=\"activeCollection\"\n        :envVariables=\"activeEnvVariables\"\n        :environment=\"activeEnvironment\"\n        layout=\"client\"\n        :selectedSecuritySchemeUids=\"\n          activeCollection?.selectedSecuritySchemeUids ?? []\n        \"\n        :server=\"activeServer\"\n        title=\"Authentication\"\n        :workspace=\"activeWorkspace\" />\n    </div>\n  </div>\n</template>\n\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/views/Collection/CollectionAuthentication.vue.script.js

@@ -0,0 +1,52 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import RequestAuth_default from "../Request/RequestSection/RequestAuth/RequestAuth.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { ScalarToggle } from "@scalar/components";
+//#region src/views/Collection/CollectionAuthentication.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" };
+var _hoisted_2 = { class: "flex flex-col gap-4" };
+var _hoisted_3 = { class: "flex flex-col gap-2" };
+var _hoisted_4 = { class: "flex h-8 items-center justify-between" };
+var CollectionAuthentication_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionAuthentication",
+	setup(__props) {
+		const { activeCollection, activeEnvVariables, activeEnvironment, activeServer, activeWorkspace } = useActiveEntities();
+		const { collectionMutators } = useWorkspace();
+		/** Toggle the collection security */
+		const handleToggleCollectionSecurity = () => {
+			if (!activeCollection.value?.uid) return;
+			collectionMutators.edit(activeCollection.value.uid, "useCollectionSecurity", !activeCollection.value.useCollectionSecurity);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold" }, "Authentication", -1)), createVNode(unref(ScalarToggle), {
+				class: "w-4",
+				modelValue: unref(activeCollection)?.useCollectionSecurity ?? false,
+				"onUpdate:modelValue": handleToggleCollectionSecurity
+			}, null, 8, ["modelValue"])]), _cache[1] || (_cache[1] = createElementVNode("p", { class: "pr-6 text-sm" }, " Added authentication will apply to all requests under this collection. You can override this by specifying another one in the request. ", -1))]), unref(activeCollection) && unref(activeWorkspace) ? (openBlock(), createBlock(unref(RequestAuth_default), {
+				key: 0,
+				class: normalizeClass(["scalar-collection-auth", !unref(activeCollection)?.useCollectionSecurity && "pointer-events-none opacity-50 mix-blend-luminosity"]),
+				collection: unref(activeCollection),
+				envVariables: unref(activeEnvVariables),
+				environment: unref(activeEnvironment),
+				layout: "client",
+				selectedSecuritySchemeUids: unref(activeCollection)?.selectedSecuritySchemeUids ?? [],
+				server: unref(activeServer),
+				title: "Authentication",
+				workspace: unref(activeWorkspace)
+			}, null, 8, [
+				"class",
+				"collection",
+				"envVariables",
+				"environment",
+				"selectedSecuritySchemeUids",
+				"server",
+				"workspace"
+			])) : createCommentVNode("", true)])]);
+		};
+	}
+});
+//#endregion
+export { CollectionAuthentication_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CollectionAuthentication.vue.script.js.map

package/dist/views/Collection/CollectionAuthentication.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionAuthentication.vue.script.js","names":[],"sources":["../../../src/views/Collection/CollectionAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\n\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport { RequestAuth } from '@/views/Request/RequestSection/RequestAuth'\n\nconst {\n  activeCollection,\n  activeEnvVariables,\n  activeEnvironment,\n  activeServer,\n  activeWorkspace,\n} = useActiveEntities()\n\nconst { collectionMutators } = useWorkspace()\n\n/** Toggle the collection security */\nconst handleToggleCollectionSecurity = () => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'useCollectionSecurity',\n    !activeCollection.value.useCollectionSecurity,\n  )\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-12 px-1.5 pt-8\">\n    <div class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex h-8 items-center justify-between\">\n          <h3 class=\"font-bold\">Authentication</h3>\n          <ScalarToggle\n            class=\"w-4\"\n            :modelValue=\"activeCollection?.useCollectionSecurity ?? false\"\n            @update:modelValue=\"handleToggleCollectionSecurity\" />\n        </div>\n        <p class=\"pr-6 text-sm\">\n          Added authentication will apply to all requests under this collection.\n          You can override this by specifying another one in the request.\n        </p>\n      </div>\n\n      <RequestAuth\n        class=\"scalar-collection-auth\"\n        :class=\"\n          !activeCollection?.useCollectionSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        v-if=\"activeCollection && activeWorkspace\"\n        :collection=\"activeCollection\"\n        :envVariables=\"activeEnvVariables\"\n        :environment=\"activeEnvironment\"\n        layout=\"client\"\n        :selectedSecuritySchemeUids=\"\n          activeCollection?.selectedSecuritySchemeUids ?? []\n        \"\n        :server=\"activeServer\"\n        title=\"Authentication\"\n        :workspace=\"activeWorkspace\" />\n    </div>\n  </div>\n</template>\n\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":";;;;;;;;;;;;;EAOA,MAAM,EACJ,kBACA,oBACA,mBACA,cACA,oBACE,mBAAkB;EAEtB,MAAM,EAAE,uBAAuB,cAAa;;EAG5C,MAAM,uCAAuC;AAC3C,OAAI,CAAC,iBAAiB,OAAO,IAC3B;AAGF,sBAAmB,KACjB,iBAAiB,MAAM,KACvB,yBACA,CAAC,iBAAiB,MAAM,sBAC1B;;;uBAKA,mBAkCM,OAlCN,YAkCM,CAjCJ,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAYM,OAZN,YAYM,CAXJ,mBAMM,OANN,YAMM,CAAA,OAAA,OAAA,OAAA,KALJ,mBAAyC,MAAA,EAArC,OAAM,aAAW,EAAC,kBAAc,GAAA,GACpC,YAGwD,MAAA,aAAA,EAAA;IAFtD,OAAM;IACL,YAAY,MAAA,iBAAgB,EAAE,yBAAqB;IACnD,uBAAmB;4DAExB,mBAGI,KAAA,EAHD,OAAM,gBAAc,EAAC,4IAGxB,GAAA,EAAA,CAAA,EASM,MAAA,iBAAgB,IAAI,MAAA,gBAAe,IAAA,WAAA,EAN3C,YAgBiC,MAAA,oBAAA,EAAA;;IAf/B,OAAK,eAAA,CAAC,0BAAA,CACc,MAAA,iBAAgB,EAAE,yBAAA,sDAAA,CAAA;IAKrC,YAAY,MAAA,iBAAgB;IAC5B,cAAc,MAAA,mBAAkB;IAChC,aAAa,MAAA,kBAAiB;IAC/B,QAAO;IACN,4BAAuC,MAAA,iBAAgB,EAAE,8BAA0B,EAAA;IAGnF,QAAQ,MAAA,aAAY;IACrB,OAAM;IACL,WAAW,MAAA,gBAAe"}

package/dist/views/Collection/CollectionCookies.vue.js

@@ -0,0 +1,7 @@
+import CollectionCookies_vue_vue_type_script_setup_true_lang_default from "./CollectionCookies.vue.script.js";
+//#region src/views/Collection/CollectionCookies.vue
+var CollectionCookies_default = CollectionCookies_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CollectionCookies_default as default };
+
+//# sourceMappingURL=CollectionCookies.vue.js.map

package/dist/views/Collection/CollectionCookies.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCookies.vue.js","names":[],"sources":["../../../src/views/Collection/CollectionCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\n</script>\n\n<template>\n  <ViewLayoutSection>\n    <template #title>Cookies</template>\n  </ViewLayoutSection>\n</template>\n"],"mappings":""}

package/dist/views/Collection/CollectionCookies.vue.script.js

@@ -0,0 +1,18 @@
+import ViewLayoutSection_default from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { createBlock, createTextVNode, defineComponent, openBlock, withCtx } from "vue";
+//#region src/views/Collection/CollectionCookies.vue?vue&type=script&setup=true&lang.ts
+var CollectionCookies_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionCookies",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutSection_default, null, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { CollectionCookies_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CollectionCookies.vue.script.js.map

package/dist/views/Collection/CollectionCookies.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCookies.vue.script.js","names":[],"sources":["../../../src/views/Collection/CollectionCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\n</script>\n\n<template>\n  <ViewLayoutSection>\n    <template #title>Cookies</template>\n  </ViewLayoutSection>\n</template>\n"],"mappings":";;;;;;;uBAKE,YAEoB,2BAAA,MAAA;IADP,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA"}

package/dist/views/Collection/CollectionEnvironment.vue.js

@@ -0,0 +1,8 @@
+import CollectionEnvironment_vue_vue_type_script_setup_true_lang_default from "./CollectionEnvironment.vue.script.js";
+/* empty css                                    */
+//#region src/views/Collection/CollectionEnvironment.vue
+var CollectionEnvironment_default = CollectionEnvironment_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CollectionEnvironment_default as default };
+
+//# sourceMappingURL=CollectionEnvironment.vue.js.map

package/dist/views/Collection/CollectionEnvironment.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionEnvironment.vue.js","names":[],"sources":["../../../src/views/Collection/CollectionEnvironment.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport { Draggable } from '@scalar/draggable'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport { computed, ref } from 'vue'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { useActiveEntities, useWorkspace } from '@/store'\nimport EnvironmentColorModal from '@/views/Environment/EnvironmentColorModal.vue'\nimport EnvironmentModal from '@/views/Environment/EnvironmentModal.vue'\n\nimport EnvironmentForm from './components/EnvironmentForm.vue'\n\nconst { activeCollection, activeWorkspace, activeEnvVariables } =\n  useActiveEntities()\nconst { collectionMutators } = useWorkspace()\n\nconst colorModal = useModal()\nconst deleteModal = useModal()\nconst environmentModal = useModal()\nconst editModal = useModal()\nconst selectedColor = ref('')\nconst selectedEnvironmentName = ref<string | null>(null)\nconst tempEnvironmentName = ref<string | undefined>(undefined)\n\nconst collectionEnvironments = computed(() => {\n  if (!activeCollection.value?.['x-scalar-environments']) {\n    return []\n  }\n  return Object.entries(activeCollection.value['x-scalar-environments']).map(\n    ([name, environment]) => ({\n      uid: name as Environment['uid'],\n      name,\n      value: JSON.stringify(environment.variables || {}),\n      color: environment.color || '#FFFFFF',\n    }),\n  )\n})\n\nconst deleteEnvironment = () => {\n  if (!activeCollection.value?.uid || !selectedEnvironmentName.value) {\n    return\n  }\n\n  collectionMutators.removeEnvironment(\n    selectedEnvironmentName.value,\n    activeCollection.value.uid,\n  )\n  deleteModal.hide()\n}\n\nconst openDeleteModal = (environmentName: string) => {\n  selectedEnvironmentName.value = environmentName\n  deleteModal.show()\n}\n\nconst handleEnvironmentSubmit = (environment: {\n  name: string\n  color: string\n  collectionId: string | undefined\n}) => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  collectionMutators.addEnvironment(\n    environment.name,\n    {\n      variables: {},\n      color: environment.color,\n    },\n    activeCollection.value.uid,\n  )\n  environmentModal.hide()\n}\n\nconst handleOpenColorModal = (environment: {\n  name: string\n  color?: string | undefined\n}) => {\n  selectedEnvironmentName.value = environment.name\n  selectedColor.value = environment.color || '#FFFFFF'\n  colorModal.show()\n}\n\nconst submitColorChange = (color: string) => {\n  if (!activeCollection.value?.uid || !selectedEnvironmentName.value) {\n    return\n  }\n\n  const environments = {\n    ...activeCollection.value['x-scalar-environments'],\n    [selectedEnvironmentName.value]: {\n      variables:\n        activeCollection.value['x-scalar-environments']?.[\n          selectedEnvironmentName.value\n        ]?.variables || {},\n      color,\n    },\n  }\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'x-scalar-environments',\n    environments,\n  )\n  colorModal.hide()\n}\n\nconst openRenameModal = (environmentName: string) => {\n  selectedEnvironmentName.value = environmentName\n  tempEnvironmentName.value = environmentName\n  editModal.show()\n}\n\nconst closeRenameModal = () => {\n  selectedEnvironmentName.value = null\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\nconst handleRename = (newName: string) => {\n  if (!activeCollection.value?.uid || !selectedEnvironmentName.value) {\n    return\n  }\n\n  const environments = { ...activeCollection.value['x-scalar-environments'] }\n  const environment = environments[selectedEnvironmentName.value]\n  if (!environment) {\n    return\n  }\n\n  // Create a new ordered environments object\n  const orderedEnvs: Record<string, any> = {}\n  const envEntries = Object.entries(environments)\n\n  // Find the index of the environment being renamed\n  const envIndex = envEntries.findIndex(\n    ([key]) => key === selectedEnvironmentName.value,\n  )\n\n  // Rebuild the environments object maintaining order\n  envEntries.forEach(([key, value], index) => {\n    if (index === envIndex) {\n      orderedEnvs[newName] = value\n    } else {\n      orderedEnvs[key] = value\n    }\n  })\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'x-scalar-environments',\n    orderedEnvs,\n  )\n\n  selectedEnvironmentName.value = null\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\nconst handleDragEnd = (\n  draggingItem: { id: string },\n  hoveredItem: { id: string },\n) => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  const environments = { ...activeCollection.value['x-scalar-environments'] }\n  const orderedEnvs: Record<string, any> = {}\n  const envEntries = Object.entries(environments)\n\n  // Find the indices of the dragged and hovered items\n  const dragIndex = envEntries.findIndex(([key]) => key === draggingItem.id)\n  const hoverIndex = envEntries.findIndex(([key]) => key === hoveredItem.id)\n\n  if (dragIndex === -1 || hoverIndex === -1) {\n    return\n  }\n\n  // Reorder the environments\n  const draggedEnv = envEntries[dragIndex]\n  if (!draggedEnv) {\n    return\n  }\n  envEntries.splice(dragIndex, 1)\n  envEntries.splice(hoverIndex, 0, draggedEnv)\n\n  // Rebuild the environments object in the new order\n  envEntries.forEach(([key, value]) => {\n    orderedEnvs[key] = value\n  })\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'x-scalar-environments',\n    orderedEnvs,\n  )\n}\n</script>\n\n<template>\n  <ViewLayoutSection>\n    <div class=\"flex h-full w-full flex-col gap-12 px-1.5 pt-8\">\n      <div class=\"flex flex-col gap-4\">\n        <div class=\"flex items-start justify-between gap-2\">\n          <div class=\"flex flex-col gap-2\">\n            <div class=\"flex h-8 items-center\">\n              <h3 class=\"font-bold\">Environment Variables</h3>\n            </div>\n            <p class=\"text-sm\">\n              Set environment variables at your collection level. Use\n              <code\n                class=\"font-code text-c-2\"\n                v-pre\n                >{{ variable }}</code\n              >\n              to add / search among the selected environment's variables in your\n              request inputs.\n            </p>\n          </div>\n        </div>\n        <Draggable\n          v-for=\"environment in collectionEnvironments\"\n          :key=\"environment.name\"\n          :id=\"environment.name\"\n          :isDraggable=\"true\"\n          :isDroppable=\"true\"\n          :parentIds=\"[]\"\n          @onDragEnd=\"handleDragEnd\">\n          <div class=\"rounded-lg border\">\n            <div\n              class=\"bg-b-2 flex cursor-grab items-center justify-between rounded-t-lg px-1 py-1 text-sm\">\n              <div class=\"flex items-center\">\n                <ScalarButton\n                  class=\"hover:bg-b-3 flex h-6 w-6 p-1\"\n                  @click=\"handleOpenColorModal(environment)\"\n                  variant=\"ghost\">\n                  <span\n                    :style=\"{ backgroundColor: environment.color || '#FFFFFF' }\"\n                    class=\"h-2.5 w-2.5 rounded-full\"></span>\n                </ScalarButton>\n                <button\n                  class=\"hover:bg-b-3 rounded px-1 py-0.5 text-sm\"\n                  @click=\"openRenameModal(environment.name)\">\n                  {{ environment.name }}\n                </button>\n              </div>\n              <ScalarButton\n                class=\"hover:bg-b-3 hover:text-c-1 h-fit p-1.25\"\n                variant=\"ghost\"\n                @click=\"openDeleteModal(environment.name)\">\n                <ScalarIconTrash class=\"size-3.5\" />\n              </ScalarButton>\n            </div>\n            <EnvironmentForm\n              v-if=\"activeCollection && activeWorkspace\"\n              :collection=\"activeCollection\"\n              :environment=\"environment\"\n              :envVariables=\"activeEnvVariables\"\n              :workspace=\"activeWorkspace\" />\n          </div>\n        </Draggable>\n        <div\n          class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n          <ScalarButton\n            class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click=\"environmentModal.show()\">\n            <ScalarIcon\n              class=\"inline-flex\"\n              icon=\"Add\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span>Add Environment</span>\n          </ScalarButton>\n        </div>\n      </div>\n      <ScalarModal\n        :size=\"'xxs'\"\n        :state=\"deleteModal\"\n        :title=\"`Delete ${selectedEnvironmentName || 'Environment'}`\">\n        <DeleteSidebarListElement\n          :variableName=\"'Environment'\"\n          :warningMessage=\"'Are you sure you want to delete this environment? This action cannot be undone.'\"\n          @close=\"deleteModal.hide()\"\n          @delete=\"deleteEnvironment\" />\n      </ScalarModal>\n      <EnvironmentModal\n        :activeWorkspaceCollections=\"activeCollection ? [activeCollection] : []\"\n        :collectionId=\"activeCollection?.uid\"\n        :state=\"environmentModal\"\n        @cancel=\"environmentModal.hide()\"\n        @submit=\"handleEnvironmentSubmit\" />\n      <EnvironmentColorModal\n        :selectedColor=\"selectedColor\"\n        :state=\"colorModal\"\n        @cancel=\"colorModal.hide()\"\n        @submit=\"submitColorChange\" />\n      <ScalarModal\n        :size=\"'xxs'\"\n        :state=\"editModal\"\n        :title=\"`Edit ${selectedEnvironmentName}`\">\n        <EditSidebarListElement\n          :name=\"tempEnvironmentName ?? ''\"\n          @close=\"closeRenameModal\"\n          @edit=\"handleRename\" />\n      </ScalarModal>\n    </div>\n  </ViewLayoutSection>\n</template>\n\n<style>\n@import '@scalar/draggable/style.css';\n</style>\n"],"mappings":""}