@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/features/collection/DocumentCollection.vue.d.ts

@@ -1,4 +1,4 @@
-import type { RouteProps } from '../../../v2/features/app/helpers/routes';
+import type { RouteProps } from '../../../v2/features/app/helpers/routes.js';
 /**
  * Document Collection Page
  *

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

@@ -0,0 +1,8 @@
+import DocumentCollection_vue_vue_type_script_setup_true_lang_default from "./DocumentCollection.vue.script.js";
+/* empty css                                 */
+//#region src/v2/features/collection/DocumentCollection.vue
+var DocumentCollection_default = DocumentCollection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DocumentCollection_default as default };
+
+//# sourceMappingURL=DocumentCollection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentCollection.vue.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 { ScalarButton, ScalarModal, useModal } from '@scalar/components'\nimport {\n  ScalarIconCloudArrowDown,\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 Callout from '@/v2/components/callout/Callout.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\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 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 = () => {\n  props.workspaceStore.saveDocument(props.documentSlug)\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=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:max-w-180 md:pt-6\">\n        <Callout\n          v-if=\"document?.['x-scalar-is-dirty']\"\n          class=\"mb-5\"\n          type=\"warning\">\n          <p>\n            You have unsaved changes. Save your work to keep your changes, or\n            undo to revert them.\n          </p>\n          <template #actions>\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex items-center gap-2\"\n              size=\"xs\"\n              type=\"button\"\n              variant=\"outlined\"\n              @click=\"undoChanges\">\n              <span>Undo</span>\n            </ScalarButton>\n            <ScalarButton\n              class=\"text-c-btn flex items-center gap-2\"\n              size=\"xs\"\n              type=\"button\"\n              variant=\"solid\"\n              @click=\"saveChanges\">\n              <ScalarIconFloppyDisk\n                size=\"sm\"\n                thickness=\"1.5\" />\n              <span>Save</span>\n            </ScalarButton>\n          </template>\n        </Callout>\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            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 py-8\">\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=\"size-5 text-[var(--scalar-color-yellow)]\" />\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\n        class=\"flex flex-wrap items-center justify-end gap-2 border-t border-[var(--scalar-border-color)] 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":""}

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

@@ -0,0 +1,339 @@
+import IconSelector_default from "../../../components/IconSelector.vue.js";
+import Callout_default from "../../components/callout/Callout.vue.js";
+import LabelInput_default from "./components/LabelInput.vue.js";
+import SyncConflictResolutionEditor_default from "./components/SyncConflictResolutionEditor.vue.js";
+import Tabs_default from "./components/Tabs.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveDynamicComponent, unref, withCtx } from "vue";
+import { ScalarButton, ScalarModal, useModal } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { RouterView } from "vue-router";
+import { LibraryIcon } from "@scalar/icons/library";
+import { ScalarIconCloudArrowDown, ScalarIconFloppyDisk, ScalarIconSpinner, ScalarIconWarning } from "@scalar/icons";
+import { deepClone } from "@scalar/workspace-store/helpers/deep-clone";
+import { apply } from "@scalar/json-magic/diff";
+//#region src/v2/features/collection/DocumentCollection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "custom-scroll h-full" };
+var _hoisted_2 = {
+	key: 0,
+	class: "w-full px-3 md:mx-auto md:max-w-180"
+};
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "flex flex-row items-center justify-between gap-2" };
+var _hoisted_5 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_6 = { class: "group relative ml-1.25 min-w-0" };
+var _hoisted_7 = { class: "px-1.5 py-8" };
+var _hoisted_8 = {
+	key: 1,
+	class: "flex w-full flex-1 items-center justify-center"
+};
+var _hoisted_9 = { class: "flex flex-col gap-5" };
+var _hoisted_10 = { class: "flex gap-3" };
+var _hoisted_11 = {
+	"aria-hidden": "true",
+	class: "bg-b-3 text-c-2 flex size-10 shrink-0 items-center justify-center rounded-lg"
+};
+var _hoisted_12 = { class: "flex flex-wrap items-center justify-end gap-2 border-t border-[var(--scalar-border-color)] pt-4" };
+var _hoisted_13 = { class: "flex h-full w-full flex-col gap-4 overflow-hidden" };
+var DocumentCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "DocumentCollection",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		telemetry: { type: Boolean },
+		onUpdateTelemetry: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		/** Snag the title from the info object */
+		const title = computed(() => props.document?.info?.title ?? "");
+		/** Default to the folder icon */
+		const icon = computed(() => props.document?.["x-scalar-icon"] || "interface-content-folder");
+		const syncModal = useModal();
+		const dirtyBeforeSyncModal = useModal();
+		const isDocumentDirty = computed(() => props.document?.["x-scalar-is-dirty"] === true);
+		const documentSourceUrl = computed(() => props.document?.["x-scalar-original-source-url"]);
+		const documentRegistryMeta = computed(() => props.document?.["x-scalar-registry-meta"]);
+		/** Show Sync when the document has a source URL or registry meta (registry can be used if fetchRegistryDocument is set). */
+		const canShowSyncButton = computed(() => documentSourceUrl.value !== void 0 || documentRegistryMeta.value !== void 0);
+		const { toast } = useToasts();
+		const undoChanges = () => {
+			props.workspaceStore.revertDocumentChanges(props.documentSlug);
+		};
+		const saveChanges = () => {
+			props.workspaceStore.saveDocument(props.documentSlug);
+		};
+		const handleSaveThenCloseDirtyModal = async () => {
+			await props.workspaceStore.saveDocument(props.documentSlug);
+			dirtyBeforeSyncModal.hide();
+			await handleSyncFlow();
+		};
+		const handleDiscardThenCloseDirtyModal = async () => {
+			await props.workspaceStore.revertDocumentChanges(props.documentSlug);
+			dirtyBeforeSyncModal.hide();
+			await handleSyncFlow();
+		};
+		const isSyncInProgress = ref(false);
+		const rebaseResult = ref(null);
+		/**
+		* Resolves the source for syncing. Registry meta has priority over x-scalar-original-source-url
+		* when fetchRegistryDocument is provided. Returns either a URL or the full document object.
+		*/
+		const resolveSyncInput = async () => {
+			const registryMeta = documentRegistryMeta.value;
+			if (registryMeta && props.fetchRegistryDocument) try {
+				const result = await props.fetchRegistryDocument(registryMeta);
+				if (!result.ok) {
+					toast(result.error, "error");
+					return null;
+				}
+				return { document: result.data };
+			} catch (err) {
+				toast("Failed to resolve document from registry", "error");
+				return null;
+			}
+			const url = documentSourceUrl.value;
+			if (url) return { url };
+			return null;
+		};
+		/**
+		* Handles actions to perform when synchronization is complete.
+		* Hides the sync modal, resets the sync progress flag, and emits the
+		* 'hooks:on:rebase:document:complete' event with document metadata.
+		*/
+		const onSyncComplete = () => {
+			syncModal.hide();
+			isSyncInProgress.value = false;
+			toast("Your document has been rebased with the latest version from the source.", "info");
+			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
+		};
+		/**
+		* Handles errors that occur during synchronization.
+		* If an error string is provided, it displays the error via toast.
+		* Always resets the sync progress flag.
+		*/
+		const onSyncError = (error) => {
+			if (error !== null) toast(error, "error");
+			isSyncInProgress.value = false;
+		};
+		/**
+		* Handles the synchronization flow for a document.
+		* Checks for unsaved changes, resolves source (registry over URL),
+		* initiates rebasing, handles conflicts, and emits completion events.
+		* If conflicts are detected, a modal dialog is shown for user resolution.
+		*/
+		const handleSyncFlow = async () => {
+			if (isDocumentDirty.value) {
+				dirtyBeforeSyncModal.show();
+				return;
+			}
+			if (isSyncInProgress.value) return;
+			isSyncInProgress.value = true;
+			const input = await resolveSyncInput();
+			if (!input) {
+				onSyncError(null);
+				return;
+			}
+			const result = await props.workspaceStore.rebaseDocument({
+				name: props.documentSlug,
+				...input
+			});
+			if (result?.ok) {
+				const originalDocument = props.workspaceStore.getOriginalDocument(props.documentSlug) ?? {};
+				rebaseResult.value = {
+					conflicts: result.conflicts,
+					applyChanges: result.applyChanges,
+					resolvedDocument: apply(deepClone(originalDocument), result.changes),
+					originalDocument
+				};
+				if (rebaseResult.value.conflicts.length > 0) syncModal.show();
+				else {
+					await rebaseResult.value?.applyChanges({ resolvedDocument: rebaseResult.value.resolvedDocument });
+					onSyncComplete();
+				}
+			} else if (result?.ok === false && result.type === "NO_CHANGES_DETECTED") onSyncComplete();
+			else onSyncError("Failed to sync document");
+		};
+		const handleApplyChanges = async ({ resolvedDocument }) => {
+			await rebaseResult.value?.applyChanges({ resolvedDocument });
+			props.eventBus.emit("hooks:on:rebase:document:complete", { meta: { documentName: props.documentSlug } });
+			syncModal.hide();
+		};
+		/**
+		* Resets sync state when the sync conflict modal is closed (dismissed or after
+		* applying changes). Ensures the Sync button is re-enabled and conflict state
+		* is cleared.
+		*/
+		const onSyncModalClose = () => {
+			isSyncInProgress.value = false;
+			rebaseResult.value = null;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", _hoisted_1, [__props.document ? (openBlock(), createElementBlock("div", _hoisted_2, [
+					createElementVNode("div", {
+						"aria-label": `title: ${title.value}`,
+						class: "mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:max-w-180 md:pt-6"
+					}, [__props.document?.["x-scalar-is-dirty"] ? (openBlock(), createBlock(Callout_default, {
+						key: 0,
+						class: "mb-5",
+						type: "warning"
+					}, {
+						actions: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "text-c-2 hover:text-c-1 flex items-center gap-2",
+							size: "xs",
+							type: "button",
+							variant: "outlined",
+							onClick: undoChanges
+						}, {
+							default: withCtx(() => [..._cache[5] || (_cache[5] = [createElementVNode("span", null, "Undo", -1)])]),
+							_: 1
+						}), createVNode(unref(ScalarButton), {
+							class: "text-c-btn flex items-center gap-2",
+							size: "xs",
+							type: "button",
+							variant: "solid",
+							onClick: saveChanges
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
+								size: "sm",
+								thickness: "1.5"
+							}), _cache[6] || (_cache[6] = createElementVNode("span", null, "Save", -1))]),
+							_: 1
+						})]),
+						default: withCtx(() => [_cache[7] || (_cache[7] = createElementVNode("p", null, " You have unsaved changes. Save your work to keep your changes, or undo to revert them. ", -1))]),
+						_: 1
+					})) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(IconSelector_default, {
+						modelValue: icon.value,
+						placement: "bottom-start",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = (icon) => __props.eventBus.emit("document:update:icon", icon))
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
+							variant: "ghost"
+						}, {
+							default: withCtx(() => [createVNode(unref(LibraryIcon), {
+								class: "text-c-2 size-5",
+								src: icon.value,
+								"stroke-width": "2"
+							}, null, 8, ["src"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"]), createElementVNode("div", _hoisted_6, [createVNode(LabelInput_default, {
+						class: "text-xl font-bold",
+						inputId: "documentName",
+						modelValue: title.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = (title) => __props.eventBus.emit("document:update:info", { title }))
+					}, null, 8, ["modelValue"])])]), canShowSyncButton.value ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "text-c-2 hover:text-c-1 shrink-0 gap-1.5",
+						"data-testid": "document-sync-button",
+						disabled: isSyncInProgress.value,
+						size: "xs",
+						title: "Pull the latest version from the document source and merge with your local copy. Save your changes first if you have unsaved edits.",
+						type: "button",
+						variant: "ghost",
+						onClick: handleSyncFlow
+					}, {
+						default: withCtx(() => [isSyncInProgress.value ? (openBlock(), createBlock(unref(ScalarIconSpinner), {
+							key: 0,
+							class: "size-3.5 animate-spin",
+							size: "sm"
+						})) : (openBlock(), createBlock(unref(ScalarIconCloudArrowDown), {
+							key: 1,
+							class: "size-3.5",
+							size: "sm",
+							thickness: "1.5"
+						})), _cache[8] || (_cache[8] = createElementVNode("span", null, "Sync from source", -1))]),
+						_: 1
+					}, 8, ["disabled"])) : createCommentVNode("", true)])], 8, _hoisted_3),
+					createVNode(Tabs_default, { type: "document" }),
+					createElementVNode("div", _hoisted_7, [createVNode(unref(RouterView), null, {
+						default: withCtx(({ Component }) => [(openBlock(), createBlock(resolveDynamicComponent(Component), mergeProps(props, { collectionType: "document" }), null, 16))]),
+						_: 1
+					})])
+				])) : (openBlock(), createElementBlock("div", _hoisted_8, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Document not found"), createElementVNode("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")], -1)])]))]),
+				createVNode(unref(ScalarModal), {
+					bodyClass: "border-t-0 rounded-t-lg flex flex-col gap-5",
+					size: "xs",
+					state: unref(dirtyBeforeSyncModal),
+					title: "Sync requires saved document",
+					onClose: _cache[3] || (_cache[3] = ($event) => unref(dirtyBeforeSyncModal).hide())
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(unref(ScalarIconWarning), { class: "size-5 text-[var(--scalar-color-yellow)]" })]), _cache[10] || (_cache[10] = createElementVNode("div", { class: "min-w-0 flex-1 space-y-1" }, [createElementVNode("p", { class: "text-c-1 text-sm leading-snug font-medium" }, " You have unsaved changes "), createElementVNode("p", { class: "text-c-2 text-sm leading-relaxed" }, " Save your work to keep changes, or discard to revert to the last saved version. Then you can sync with the source. ")], -1))]), createElementVNode("div", _hoisted_12, [
+						createVNode(unref(ScalarButton), {
+							size: "sm",
+							type: "button",
+							variant: "ghost",
+							onClick: _cache[2] || (_cache[2] = ($event) => unref(dirtyBeforeSyncModal).hide())
+						}, {
+							default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Cancel ", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(ScalarButton), {
+							size: "sm",
+							type: "button",
+							variant: "outlined",
+							onClick: handleDiscardThenCloseDirtyModal
+						}, {
+							default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Discard changes ", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(ScalarButton), {
+							class: "flex items-center gap-2",
+							size: "sm",
+							type: "button",
+							variant: "solid",
+							onClick: handleSaveThenCloseDirtyModal
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
+								size: "sm",
+								thickness: "1.5"
+							}), _cache[13] || (_cache[13] = createTextVNode(" Save and continue ", -1))]),
+							_: 1
+						})
+					])])]),
+					_: 1
+				}, 8, ["state"]),
+				rebaseResult.value ? (openBlock(), createBlock(unref(ScalarModal), {
+					key: 0,
+					bodyClass: "sync-conflict-modal-root flex h-dvh flex-col p-4",
+					maxWidth: "calc(100dvw - 32px)",
+					size: "full",
+					state: unref(syncModal),
+					onClose: onSyncModalClose
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_13, [createVNode(SyncConflictResolutionEditor_default, {
+						baseDocument: rebaseResult.value.originalDocument,
+						conflicts: rebaseResult.value.conflicts,
+						resolvedDocument: rebaseResult.value.resolvedDocument,
+						onApplyChanges: _cache[4] || (_cache[4] = (payload) => handleApplyChanges(payload))
+					}, null, 8, [
+						"baseDocument",
+						"conflicts",
+						"resolvedDocument"
+					])])]),
+					_: 1
+				}, 8, ["state"])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { DocumentCollection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DocumentCollection.vue.script.js.map

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

@@ -0,0 +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 { ScalarButton, ScalarModal, useModal } from '@scalar/components'\nimport {\n  ScalarIconCloudArrowDown,\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 Callout from '@/v2/components/callout/Callout.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\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 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 = () => {\n  props.workspaceStore.saveDocument(props.documentSlug)\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=\"w-full px-3 md:mx-auto md:max-w-180\">\n      <!-- Header -->\n      <div\n        :aria-label=\"`title: ${title}`\"\n        class=\"mx-auto flex h-fit w-full flex-col gap-2 pt-14 pb-3 md:max-w-180 md:pt-6\">\n        <Callout\n          v-if=\"document?.['x-scalar-is-dirty']\"\n          class=\"mb-5\"\n          type=\"warning\">\n          <p>\n            You have unsaved changes. Save your work to keep your changes, or\n            undo to revert them.\n          </p>\n          <template #actions>\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex items-center gap-2\"\n              size=\"xs\"\n              type=\"button\"\n              variant=\"outlined\"\n              @click=\"undoChanges\">\n              <span>Undo</span>\n            </ScalarButton>\n            <ScalarButton\n              class=\"text-c-btn flex items-center gap-2\"\n              size=\"xs\"\n              type=\"button\"\n              variant=\"solid\"\n              @click=\"saveChanges\">\n              <ScalarIconFloppyDisk\n                size=\"sm\"\n                thickness=\"1.5\" />\n              <span>Save</span>\n            </ScalarButton>\n          </template>\n        </Callout>\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            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 py-8\">\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=\"size-5 text-[var(--scalar-color-yellow)]\" />\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\n        class=\"flex flex-wrap items-center justify-end gap-2 border-t border-[var(--scalar-border-color)] 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.d.ts

@@ -1,4 +1,4 @@
-import type { RouteProps } from '../../../v2/features/app/helpers/routes';
+import type { RouteProps } from '../../../v2/features/app/helpers/routes.js';
 /** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,7 @@
+import OperationCollection_vue_vue_type_script_setup_true_lang_default from "./OperationCollection.vue.script.js";
+//#region src/v2/features/collection/OperationCollection.vue
+var OperationCollection_default = OperationCollection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OperationCollection_default as default };
+
+//# sourceMappingURL=OperationCollection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCollection.vue.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":""}

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

@@ -0,0 +1,94 @@
+import LabelInput_default from "./components/LabelInput.vue.js";
+import Tabs_default from "./components/Tabs.vue.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, unref, watch } from "vue";
+import { RouterView } from "vue-router";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { isHttpMethod } from "@scalar/helpers/http/is-http-method";
+//#region src/v2/features/collection/OperationCollection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "custom-scroll h-full"
+};
+var _hoisted_2 = { class: "w-full px-3 md:mx-auto md:max-w-180" };
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "group relative ml-1.25" };
+var _hoisted_5 = { class: "px-1.5 py-8" };
+var _hoisted_6 = {
+	key: 1,
+	class: "flex w-full flex-1 items-center justify-center"
+};
+var OperationCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OperationCollection",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		telemetry: { type: Boolean },
+		onUpdateTelemetry: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const operation = computed(() => {
+			if (!props.path || !props.method) return;
+			return getResolvedRef(props.document?.paths?.[props.path]?.[props.method]);
+		});
+		/**
+		* Local copy of the label so we can reset on empty-blur rejection and stay in
+		* sync when Vue Router reuses this component across workspace navigations.
+		*/
+		const operationSummary = ref(operation.value?.summary ?? "");
+		watch(() => operation.value?.summary, (newSummary) => {
+			operationSummary.value = newSummary ?? "";
+		});
+		/** Emits the rename event on blur, or resets the input if the title is blank. */
+		const handleSummaryUpdate = (payload) => {
+			const { path, method } = props;
+			if (!path || !method || !isHttpMethod(method)) return;
+			props.eventBus.emit("operation:update:meta", {
+				meta: {
+					path,
+					method
+				},
+				payload: { summary: payload.trim() }
+			});
+		};
+		const operationPlaceholder = computed(() => {
+			if (!props.path || !props.method) return "Untitled Operation";
+			return `${props.method.toUpperCase()} ${props.path}`;
+		});
+		return (_ctx, _cache) => {
+			return operation.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", {
+					"aria-label": `title: ${operationSummary.value}`,
+					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"
+				}, [createElementVNode("div", _hoisted_4, [createVNode(LabelInput_default, {
+					modelValue: operationSummary.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => operationSummary.value = $event),
+					class: "text-xl font-bold",
+					inputId: "operationSummary",
+					placeholder: operationPlaceholder.value,
+					onBlur: handleSummaryUpdate
+				}, null, 8, ["modelValue", "placeholder"])])], 8, _hoisted_3),
+				createVNode(Tabs_default, { type: "operation" }),
+				createElementVNode("div", _hoisted_5, [createVNode(unref(RouterView), mergeProps(props, { collectionType: "operation" }), null, 16)])
+			])])) : (openBlock(), createElementBlock("div", _hoisted_6, [..._cache[1] || (_cache[1] = [createElementVNode("div", { class: "flex h-full flex-col items-center justify-center" }, [createElementVNode("h1", { class: "text-2xl font-bold" }, "Operation not found"), createElementVNode("p", { class: "text-gray-500" }, " The operation you are looking for does not exist. ")], -1)])]));
+		};
+	}
+});
+//#endregion
+export { OperationCollection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationCollection.vue.script.js.map

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

@@ -0,0 +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"}

package/dist/v2/features/collection/WorkspaceCollection.vue.d.ts

@@ -1,4 +1,4 @@
-import type { RouteProps } from '../../../v2/features/app/helpers/routes';
+import type { RouteProps } from '../../../v2/features/app/helpers/routes.js';
 /** Document collection page — tabs for Overview, Servers, Auth, Environment, Cookies, and Settings. */
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,7 @@
+import WorkspaceCollection_vue_vue_type_script_setup_true_lang_default from "./WorkspaceCollection.vue.script.js";
+//#region src/v2/features/collection/WorkspaceCollection.vue
+var WorkspaceCollection_default = WorkspaceCollection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WorkspaceCollection_default as default };
+
+//# sourceMappingURL=WorkspaceCollection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceCollection.vue.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":""}