@scalar/api-client 2.43.0 → 3.1.0

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.d.ts

@@ -0,0 +1,46 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import { type ComputedRef, type Ref } from 'vue';
+/** One selectable row: operation example (path + method + exampleKey) with stable id */
+export type SelectedItem = {
+    id: string;
+    path: string;
+    method: HttpMethod;
+    exampleKey: string;
+    label: string;
+};
+type UseRunnerSelectionOptions = {
+    /** Whether selection modifications are locked (e.g., during a run) */
+    isLocked: () => boolean;
+};
+type UseRunnerSelectionReturn = {
+    /** Ordered list of selected items */
+    selectedOrder: Ref<SelectedItem[]>;
+    /** Whether any items are selected */
+    hasSelection: ComputedRef<boolean>;
+    /** Check if a specific operation example is selected */
+    isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean;
+    /** Toggle selection of an operation example */
+    toggle: (path: string, method: HttpMethod, exampleKey: string, label: string) => void;
+    /** Clear all selections */
+    clearAll: () => void;
+    /** Remove a specific item from the selection */
+    removeFromOrder: (item: SelectedItem) => void;
+    /** Drag state for reordering */
+    dragState: {
+        draggedIndex: Ref<number | null>;
+        dragOverIndex: Ref<number | null>;
+        dragOffset: Ref<'before' | 'after' | null>;
+    };
+    /** Drag event handlers */
+    handleDragStart: (index: number, event: DragEvent) => void;
+    handleDragOver: (index: number, event: DragEvent) => void;
+    handleDragLeave: () => void;
+    handleDrop: (event: DragEvent) => void;
+    handleDragEnd: () => void;
+};
+/**
+ * Composable for managing runner selection state and drag-and-drop reordering.
+ */
+export declare function useRunnerSelection({ isLocked }: UseRunnerSelectionOptions): UseRunnerSelectionReturn;
+export {};
+//# sourceMappingURL=use-runner-selection.d.ts.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-selection.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,GAAG,EAAiB,MAAM,KAAK,CAAA;AAE/D,wFAAwF;AACxF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,sEAAsE;IACtE,QAAQ,EAAE,MAAM,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,qCAAqC;IACrC,aAAa,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IAClC,qCAAqC;IACrC,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,wDAAwD;IACxD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC7E,+CAA+C;IAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrF,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gDAAgD;IAChD,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C,gCAAgC;IAChC,SAAS,EAAE;QACT,YAAY,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;QAChC,aAAa,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;QACjC,UAAU,EAAE,GAAG,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC,CAAA;KAC3C,CAAA;IACD,0BAA0B;IAC1B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACzD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACtC,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,wBAAwB,CAuIpG"}

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.js

@@ -0,0 +1,114 @@
+import { computed, ref } from "vue";
+//#region src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts
+/**
+* Composable for managing runner selection state and drag-and-drop reordering.
+*/
+function useRunnerSelection({ isLocked }) {
+	const selectedOrder = ref([]);
+	const draggedIndex = ref(null);
+	const dragOverIndex = ref(null);
+	const dragOffset = ref(null);
+	const hasSelection = computed(() => selectedOrder.value.length > 0);
+	const isSelected = (path, method, exampleKey) => {
+		return selectedOrder.value.some((s) => s.path === path && s.method === method && s.exampleKey === exampleKey);
+	};
+	const toggle = (path, method, exampleKey, label) => {
+		if (isLocked()) return;
+		const id = `${path}|${method}|${exampleKey}`;
+		const idx = selectedOrder.value.findIndex((s) => s.id === id);
+		if (idx >= 0) selectedOrder.value = selectedOrder.value.filter((_, i) => i !== idx);
+		else selectedOrder.value = [...selectedOrder.value, {
+			id,
+			path,
+			method,
+			exampleKey,
+			label
+		}];
+	};
+	const clearAll = () => {
+		if (isLocked()) return;
+		selectedOrder.value = [];
+	};
+	const removeFromOrder = (item) => {
+		if (isLocked()) return;
+		selectedOrder.value = selectedOrder.value.filter((s) => s.id !== item.id);
+	};
+	const handleDragStart = (index, event) => {
+		if (isLocked()) {
+			event.preventDefault();
+			return;
+		}
+		draggedIndex.value = index;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", String(index));
+		}
+	};
+	const handleDragOver = (index, event) => {
+		event.preventDefault();
+		if (draggedIndex.value === null || draggedIndex.value === index) {
+			dragOverIndex.value = null;
+			dragOffset.value = null;
+			return;
+		}
+		const rect = event.currentTarget.getBoundingClientRect();
+		const midpoint = rect.top + rect.height / 2;
+		const offset = event.clientY < midpoint ? "before" : "after";
+		dragOverIndex.value = index;
+		dragOffset.value = offset;
+	};
+	const handleDragLeave = () => {};
+	const handleDrop = (event) => {
+		event.preventDefault();
+		if (draggedIndex.value === null || dragOverIndex.value === null || dragOffset.value === null) return;
+		const fromIndex = draggedIndex.value;
+		const toIndex = dragOverIndex.value;
+		if (fromIndex === toIndex) {
+			resetDragState();
+			return;
+		}
+		const list = [...selectedOrder.value];
+		const [removed] = list.splice(fromIndex, 1);
+		if (!removed) {
+			resetDragState();
+			return;
+		}
+		let insertIndex = toIndex;
+		if (fromIndex < toIndex) insertIndex = dragOffset.value === "after" ? toIndex : toIndex - 1;
+		else insertIndex = dragOffset.value === "before" ? toIndex : toIndex + 1;
+		insertIndex = Math.max(0, Math.min(insertIndex, list.length));
+		list.splice(insertIndex, 0, removed);
+		selectedOrder.value = list;
+		resetDragState();
+	};
+	const handleDragEnd = () => {
+		resetDragState();
+	};
+	const resetDragState = () => {
+		draggedIndex.value = null;
+		dragOverIndex.value = null;
+		dragOffset.value = null;
+	};
+	return {
+		selectedOrder,
+		hasSelection,
+		isSelected,
+		toggle,
+		clearAll,
+		removeFromOrder,
+		dragState: {
+			draggedIndex,
+			dragOverIndex,
+			dragOffset
+		},
+		handleDragStart,
+		handleDragOver,
+		handleDragLeave,
+		handleDrop,
+		handleDragEnd
+	};
+}
+//#endregion
+export { useRunnerSelection };
+
+//# sourceMappingURL=use-runner-selection.js.map

package/dist/v2/features/collection/components/Runner/hooks/use-runner-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-runner-selection.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/hooks/use-runner-selection.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { type ComputedRef, type Ref, computed, ref } from 'vue'\n\n/** One selectable row: operation example (path + method + exampleKey) with stable id */\nexport type SelectedItem = {\n  id: string\n  path: string\n  method: HttpMethod\n  exampleKey: string\n  label: string\n}\n\ntype UseRunnerSelectionOptions = {\n  /** Whether selection modifications are locked (e.g., during a run) */\n  isLocked: () => boolean\n}\n\ntype UseRunnerSelectionReturn = {\n  /** Ordered list of selected items */\n  selectedOrder: Ref<SelectedItem[]>\n  /** Whether any items are selected */\n  hasSelection: ComputedRef<boolean>\n  /** Check if a specific operation example is selected */\n  isSelected: (path: string, method: HttpMethod, exampleKey: string) => boolean\n  /** Toggle selection of an operation example */\n  toggle: (path: string, method: HttpMethod, exampleKey: string, label: string) => void\n  /** Clear all selections */\n  clearAll: () => void\n  /** Remove a specific item from the selection */\n  removeFromOrder: (item: SelectedItem) => void\n  /** Drag state for reordering */\n  dragState: {\n    draggedIndex: Ref<number | null>\n    dragOverIndex: Ref<number | null>\n    dragOffset: Ref<'before' | 'after' | null>\n  }\n  /** Drag event handlers */\n  handleDragStart: (index: number, event: DragEvent) => void\n  handleDragOver: (index: number, event: DragEvent) => void\n  handleDragLeave: () => void\n  handleDrop: (event: DragEvent) => void\n  handleDragEnd: () => void\n}\n\n/**\n * Composable for managing runner selection state and drag-and-drop reordering.\n */\nexport function useRunnerSelection({ isLocked }: UseRunnerSelectionOptions): UseRunnerSelectionReturn {\n  const selectedOrder = ref<SelectedItem[]>([])\n  const draggedIndex = ref<number | null>(null)\n  const dragOverIndex = ref<number | null>(null)\n  const dragOffset = ref<'before' | 'after' | null>(null)\n\n  const hasSelection = computed(() => selectedOrder.value.length > 0)\n\n  const isSelected = (path: string, method: HttpMethod, exampleKey: string): boolean => {\n    return selectedOrder.value.some((s) => s.path === path && s.method === method && s.exampleKey === exampleKey)\n  }\n\n  const toggle = (path: string, method: HttpMethod, exampleKey: string, label: string): void => {\n    if (isLocked()) {\n      return\n    }\n    const id = `${path}|${method}|${exampleKey}`\n    const idx = selectedOrder.value.findIndex((s) => s.id === id)\n    if (idx >= 0) {\n      selectedOrder.value = selectedOrder.value.filter((_, i) => i !== idx)\n    } else {\n      selectedOrder.value = [...selectedOrder.value, { id, path, method, exampleKey, label }]\n    }\n  }\n\n  const clearAll = (): void => {\n    if (isLocked()) {\n      return\n    }\n    selectedOrder.value = []\n  }\n\n  const removeFromOrder = (item: SelectedItem): void => {\n    if (isLocked()) {\n      return\n    }\n    selectedOrder.value = selectedOrder.value.filter((s) => s.id !== item.id)\n  }\n\n  const handleDragStart = (index: number, event: DragEvent): void => {\n    if (isLocked()) {\n      event.preventDefault()\n      return\n    }\n    draggedIndex.value = index\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move'\n      event.dataTransfer.setData('text/plain', String(index))\n    }\n  }\n\n  const handleDragOver = (index: number, event: DragEvent): void => {\n    event.preventDefault()\n    if (draggedIndex.value === null || draggedIndex.value === index) {\n      dragOverIndex.value = null\n      dragOffset.value = null\n      return\n    }\n\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n    const midpoint = rect.top + rect.height / 2\n    const offset = event.clientY < midpoint ? 'before' : 'after'\n\n    dragOverIndex.value = index\n    dragOffset.value = offset\n  }\n\n  const handleDragLeave = (): void => {\n    // Do not clear hover state on leave - it will be updated by dragover or cleared on dragend\n    // This prevents flickering when moving between items\n  }\n\n  const handleDrop = (event: DragEvent): void => {\n    event.preventDefault()\n    if (draggedIndex.value === null || dragOverIndex.value === null || dragOffset.value === null) {\n      return\n    }\n\n    const fromIndex = draggedIndex.value\n    const toIndex = dragOverIndex.value\n\n    if (fromIndex === toIndex) {\n      resetDragState()\n      return\n    }\n\n    const list = [...selectedOrder.value]\n    const [removed] = list.splice(fromIndex, 1)\n    if (!removed) {\n      resetDragState()\n      return\n    }\n\n    let insertIndex = toIndex\n    if (fromIndex < toIndex) {\n      insertIndex = dragOffset.value === 'after' ? toIndex : toIndex - 1\n    } else {\n      insertIndex = dragOffset.value === 'before' ? toIndex : toIndex + 1\n    }\n\n    insertIndex = Math.max(0, Math.min(insertIndex, list.length))\n    list.splice(insertIndex, 0, removed)\n    selectedOrder.value = list\n\n    resetDragState()\n  }\n\n  const handleDragEnd = (): void => {\n    resetDragState()\n  }\n\n  const resetDragState = (): void => {\n    draggedIndex.value = null\n    dragOverIndex.value = null\n    dragOffset.value = null\n  }\n\n  return {\n    selectedOrder,\n    hasSelection,\n    isSelected,\n    toggle,\n    clearAll,\n    removeFromOrder,\n    dragState: {\n      draggedIndex,\n      dragOverIndex,\n      dragOffset,\n    },\n    handleDragStart,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n    handleDragEnd,\n  }\n}\n"],"mappings":";;;;;AA+CA,SAAgB,mBAAmB,EAAE,YAAiE;CACpG,MAAM,gBAAgB,IAAoB,EAAE,CAAC;CAC7C,MAAM,eAAe,IAAmB,KAAK;CAC7C,MAAM,gBAAgB,IAAmB,KAAK;CAC9C,MAAM,aAAa,IAA+B,KAAK;CAEvD,MAAM,eAAe,eAAe,cAAc,MAAM,SAAS,EAAE;CAEnE,MAAM,cAAc,MAAc,QAAoB,eAAgC;AACpF,SAAO,cAAc,MAAM,MAAM,MAAM,EAAE,SAAS,QAAQ,EAAE,WAAW,UAAU,EAAE,eAAe,WAAW;;CAG/G,MAAM,UAAU,MAAc,QAAoB,YAAoB,UAAwB;AAC5F,MAAI,UAAU,CACZ;EAEF,MAAM,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG;EAChC,MAAM,MAAM,cAAc,MAAM,WAAW,MAAM,EAAE,OAAO,GAAG;AAC7D,MAAI,OAAO,EACT,eAAc,QAAQ,cAAc,MAAM,QAAQ,GAAG,MAAM,MAAM,IAAI;MAErE,eAAc,QAAQ,CAAC,GAAG,cAAc,OAAO;GAAE;GAAI;GAAM;GAAQ;GAAY;GAAO,CAAC;;CAI3F,MAAM,iBAAuB;AAC3B,MAAI,UAAU,CACZ;AAEF,gBAAc,QAAQ,EAAE;;CAG1B,MAAM,mBAAmB,SAA6B;AACpD,MAAI,UAAU,CACZ;AAEF,gBAAc,QAAQ,cAAc,MAAM,QAAQ,MAAM,EAAE,OAAO,KAAK,GAAG;;CAG3E,MAAM,mBAAmB,OAAe,UAA2B;AACjE,MAAI,UAAU,EAAE;AACd,SAAM,gBAAgB;AACtB;;AAEF,eAAa,QAAQ;AACrB,MAAI,MAAM,cAAc;AACtB,SAAM,aAAa,gBAAgB;AACnC,SAAM,aAAa,QAAQ,cAAc,OAAO,MAAM,CAAC;;;CAI3D,MAAM,kBAAkB,OAAe,UAA2B;AAChE,QAAM,gBAAgB;AACtB,MAAI,aAAa,UAAU,QAAQ,aAAa,UAAU,OAAO;AAC/D,iBAAc,QAAQ;AACtB,cAAW,QAAQ;AACnB;;EAGF,MAAM,OAAQ,MAAM,cAA8B,uBAAuB;EACzE,MAAM,WAAW,KAAK,MAAM,KAAK,SAAS;EAC1C,MAAM,SAAS,MAAM,UAAU,WAAW,WAAW;AAErD,gBAAc,QAAQ;AACtB,aAAW,QAAQ;;CAGrB,MAAM,wBAA8B;CAKpC,MAAM,cAAc,UAA2B;AAC7C,QAAM,gBAAgB;AACtB,MAAI,aAAa,UAAU,QAAQ,cAAc,UAAU,QAAQ,WAAW,UAAU,KACtF;EAGF,MAAM,YAAY,aAAa;EAC/B,MAAM,UAAU,cAAc;AAE9B,MAAI,cAAc,SAAS;AACzB,mBAAgB;AAChB;;EAGF,MAAM,OAAO,CAAC,GAAG,cAAc,MAAM;EACrC,MAAM,CAAC,WAAW,KAAK,OAAO,WAAW,EAAE;AAC3C,MAAI,CAAC,SAAS;AACZ,mBAAgB;AAChB;;EAGF,IAAI,cAAc;AAClB,MAAI,YAAY,QACd,eAAc,WAAW,UAAU,UAAU,UAAU,UAAU;MAEjE,eAAc,WAAW,UAAU,WAAW,UAAU,UAAU;AAGpE,gBAAc,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,KAAK,OAAO,CAAC;AAC7D,OAAK,OAAO,aAAa,GAAG,QAAQ;AACpC,gBAAc,QAAQ;AAEtB,kBAAgB;;CAGlB,MAAM,sBAA4B;AAChC,kBAAgB;;CAGlB,MAAM,uBAA6B;AACjC,eAAa,QAAQ;AACrB,gBAAc,QAAQ;AACtB,aAAW,QAAQ;;AAGrB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;GACT;GACA;GACA;GACD;EACD;EACA;EACA;EACA;EACA;EACD"}

package/dist/v2/features/collection/components/Runner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Runner } from './components/Runner.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/features/collection/components/Runner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/collection/components/Runner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAEvE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;CACxC,CAAC;AAmHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAEvE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;CACxC,CAAC;AAoHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'settings',\n    'scripts',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Tabs.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'scripts',\n    'runner',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -26,8 +26,9 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"authentication",
 				"environment",
 				"cookies",
-				"settings",
-				"scripts"
+				"scripts",
+				"runner",
+				"settings"
 			];
 		});
 		return (_ctx, _cache) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'settings',\n    'scripts',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,SAAS,eAAe;AAC5B,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAe;IAAW;IAAU;AAG9C,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAY;IAAW;IAAkB;IAAQ;AAG3D,UAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACF;IACD;;uBAIC,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,KAAA,EArBJ,mBAoBa,UAAA,MAAA,WAnBK,OAAA,QAAT,UAAK;wBADd,YAoBa,MAAA,WAAA,EAAA;KAlBV,KAAK;KAEN,QAAA;KACC,IAAE,EAAA,MAAA,GAAa,QAAA,KAAI,GAAI,SAAK;;uBAczB,EAhBM,UAAU,MAAM,eAAQ,CAGlC,mBAaI,KAAA;MAZF,OAAM;MACC;MACN,SAAO;SACR,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,8CACe,WAAA,wBAAA,6CAAA,CAAA,EAAA,EAAA,gBAKlB,WAAW,MAAK,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA"}
+{"version":3,"file":"Tabs.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'scripts',\n    'runner',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,SAAS,eAAe;AAC5B,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAe;IAAW;IAAU;AAG9C,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAY;IAAW;IAAkB;IAAQ;AAG3D,UAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACF;IACD;;uBAIC,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,KAAA,EArBJ,mBAoBa,UAAA,MAAA,WAnBK,OAAA,QAAT,UAAK;wBADd,YAoBa,MAAA,WAAA,EAAA;KAlBV,KAAK;KAEN,QAAA;KACC,IAAE,EAAA,MAAA,GAAa,QAAA,KAAI,GAAI,SAAK;;uBAczB,EAhBM,UAAU,MAAM,eAAQ,CAGlC,mBAaI,KAAA;MAZF,OAAM;MACC;MACN,SAAO;SACR,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,8CACe,WAAA,wBAAA,6CAAA,CAAA,EAAA,EAAA,gBAKlB,WAAW,MAAK,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA"}

package/dist/v2/features/command-palette/TheCommandPalette.vue.script.js

@@ -1,7 +1,7 @@
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeMount, onBeforeUnmount, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { useRouter } from "vue-router";
-import { Dialog, DialogPanel, DialogTitle } from "@headlessui/vue";
 import { ScalarIconCaretLeft, ScalarIconMagnifyingGlass } from "@scalar/icons";
+import { Dialog, DialogPanel, DialogTitle } from "@headlessui/vue";
+import { useRouter } from "vue-router";
 //#region src/v2/features/command-palette/TheCommandPalette.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"names":[],"mappings":"AAoXA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAmBvE;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,oCAAoC;iBACvB,YAAY;;;;;IALzB,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,oCAAoC;iBACvB,YAAY;;;;;IAczB,oEAAoE;sBAClD;QAChB,8DAA8D;QAC9D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChE,GAAG,IAAI;EAueN,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"names":[],"mappings":"AAoXA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAkBvE;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,oCAAoC;iBACvB,YAAY;;;;;IALzB,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,oCAAoC;iBACvB,YAAY;;;;;IAczB,oEAAoE;sBAClD;QAChB,8DAA8D;QAC9D,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChE,GAAG,IAAI;EAueN,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { isPostmanCollection } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.script.js

@@ -1,18 +1,18 @@
-import { useFileDialog } from "../../../../hooks/useFileDialog.js";
+import { useFileDialog } from "../../../../hooks/use-file-dialog.js";
 import CommandActionForm_default from "./CommandActionForm.vue.js";
 import CommandActionInput_default from "./CommandActionInput.vue.js";
 import { isUrl } from "../../../helpers/is-url.js";
 import { getOpenApiDocumentDetails } from "../helpers/get-openapi-document-details.js";
 import { importDocumentToWorkspace } from "../helpers/import-document-to-workspace.js";
-import { isPostmanCollection } from "../helpers/is-postman-collection.js";
 import { loadDocumentFromSource } from "../helpers/load-document-from-source.js";
 import WatchModeToggle_default from "./WatchModeToggle.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 import { ScalarButton, ScalarCodeBlock, ScalarIcon, ScalarTooltip, useLoadingState } from "@scalar/components";
 import { useToasts } from "@scalar/use-toasts";
-import { useRouter } from "vue-router";
-import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
+import { isPostmanCollection } from "@scalar/postman-to-openapi";
+import { createWorkspaceStore } from "@scalar/workspace-store/client";
+import { useRouter } from "vue-router";
 //#region src/v2/features/command-palette/components/CommandPaletteImport.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex justify-between" };
 var _hoisted_2 = { class: "flex w-full flex-row items-center justify-between gap-3" };

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { isPostmanCollection } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /** Slot for custom file upload component that can trigger import */\n  fileUpload(props: {\n    /** Function to trigger import with source content and type */\n    import: (source: string, type: 'file' | 'raw') => Promise<void>\n  }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n  getOpenApiDocumentDetails(inputContent.value),\n)\n\n/** Get the document type for syntax highlighting */\nconst documentType = computed<string>(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/** Check if the form should be disabled (when input is empty) */\nconst isDisabled = computed<boolean>(() => {\n  return !inputContent.value.trim()\n})\n\n/**\n * Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n */\nwatch(isLocalUrlInput, (value: boolean) => {\n  watchMode.value = value\n})\n\n/**\n * Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n *\n * @param errorMessage - The error message to display and log\n */\nconst handleImportError = async (errorMessage: string) => {\n  // Log the error\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n\n  // Invalidate the loader to show the error state\n  await loader.invalidate()\n\n  // Close the command palette\n  emit('close')\n}\n\n/**\n * Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n */\nconst handleImport = async (\n  newSource: string,\n  type?: ImportEventData['type'],\n): Promise<void> => {\n  loader.start()\n\n  const TEMP_DOCUMENT_NAME = 'drafts'\n\n  // First load the document into a draft store\n  // This is to get the title of the document so we can generate a unique slug for store\n  const draftStore = createWorkspaceStore({\n    fileLoader,\n    meta: {\n      /** Ensure we use the active proxy to fetch documents */\n      'x-scalar-active-proxy':\n        workspaceStore.workspace['x-scalar-active-proxy'],\n    },\n  })\n\n  const eventType = (() => {\n    if (type) {\n      return type\n    }\n\n    if (isUrlInput.value) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source: newSource, type: eventType },\n    TEMP_DOCUMENT_NAME,\n    watchMode.value,\n  )\n\n  if (!isSuccessfullyLoaded) {\n    return handleImportError('Failed to import document')\n  }\n\n  const importResult = await importDocumentToWorkspace({\n    workspaceStore,\n    workspaceState: draftStore.exportWorkspace(),\n    name: TEMP_DOCUMENT_NAME,\n  })\n\n  if (!importResult.ok) {\n    return handleImportError(importResult.error)\n  }\n\n  // Validate the loader to show the success state\n  await loader.validate()\n\n  // Navigate to the document overview page\n  navigateToDocument(importResult.slug)\n\n  // Close the command palette\n  emit('close')\n}\n\n/** Navigate to the document overview page after successful import */\nconst navigateToDocument = (documentName: string): void => {\n  router.push({\n    name: 'document.overview',\n    params: { documentSlug: documentName },\n  })\n}\n\n/**\n * Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n */\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const [file] = files ?? []\n\n    if (!file) {\n      return\n    }\n\n    loader.start()\n\n    const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n      const text = event.target?.result as string\n      if (isPostmanCollection(text)) {\n        eventBus.emit('ui:open:command-palette', {\n          action: 'import-postman-collection',\n          payload: {\n            inputValue: text,\n          },\n        })\n        await loader.clear()\n        return\n      }\n      await handleImport(text, 'raw')\n    }\n\n    const reader = new FileReader()\n    reader.onload = onLoad\n    reader.readAsText(file)\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n/**\n * Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n */\nconst handleInput = (value: string): void => {\n  const trimmed = value.trim()\n\n  if (trimmed.toLowerCase().startsWith('curl')) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-curl-command',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  if (isPostmanCollection(trimmed)) {\n    return eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: value,\n      },\n    })\n  }\n\n  inputContent.value = value\n}\n\n/** Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n  emit('back', event)\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    :loader\n    @submit=\"handleImport(inputContent)\">\n    <!-- URL or cURL input mode -->\n    <template v-if=\"!documentDetails || isUrlInput\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @delete=\"handleBack\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n\n    <!-- Preview mode for pasted content -->\n    <template v-else>\n      <!-- Preview header with clear button -->\n      <div class=\"flex justify-between\">\n        <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n          Preview\n        </div>\n        <ScalarButton\n          class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n          variant=\"ghost\"\n          @click=\"inputContent = ''\">\n          Clear\n        </ScalarButton>\n      </div>\n\n      <!-- Code preview with syntax highlighting -->\n      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrlInput\"\n        class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n        :content=\"inputContent\"\n        :copy=\"false\"\n        :lang=\"documentType\" />\n    </template>\n\n    <!-- Actions: File upload and watch mode toggle -->\n    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Custom file upload slot or default button -->\n        <slot\n          :import=\"handleImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/command-palette/components/CommandPaletteImportPostman.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImportPostman.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"names":[],"mappings":"AAoPA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAuBvE;;;;;GAKG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;oBAEA,cAAc;IAC9B,2CAA2C;cACjC,iBAAiB;IAC3B,2EAA2E;gBAC/D,MAAM;;;;;oBAJF,cAAc;IAC9B,2CAA2C;cACjC,iBAAiB;IAC3B,2EAA2E;gBAC/D,MAAM;;;;kFAkUhB,CAAC"}
+{"version":3,"file":"CommandPaletteImportPostman.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"names":[],"mappings":"AAyPA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAsBvE;;;;;GAKG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;oBAEA,cAAc;IAC9B,2CAA2C;cACjC,iBAAiB;IAC3B,2EAA2E;gBAC/D,MAAM;;;;;oBAJF,cAAc;IAC9B,2CAA2C;cACjC,iBAAiB;IAC3B,2EAA2E;gBAC/D,MAAM;;;;kFAmUhB,CAAC"}

package/dist/v2/features/command-palette/components/CommandPaletteImportPostman.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImportPostman.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Postman Component\n *\n * Imports Postman collections from URL, file, or pasted JSON, including\n * request selection, merge-into-existing, and convert options.\n */\nexport default {\n  name: 'CommandPaletteImportPostman',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport type { ConvertOptions } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport { type WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport PostmanImportPreview from '@/v2/features/command-palette/components/PostmanImportPreview.vue'\nimport PostmanRequestTreeRow from '@/v2/features/command-palette/components/PostmanRequestTreeRow.vue'\nimport { generateUniqueSlug } from '@/v2/features/command-palette/helpers/generate-unique-slug'\nimport { getOpenApiFromPostman } from '@/v2/features/command-palette/helpers/get-openapi-from-postman'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { getCollidingPostmanRequestPathKeys } from '@/v2/features/command-palette/helpers/postman-request-collisions'\nimport {\n  applyPostmanFolderSelectionChange,\n  applyPostmanRequestSelectionChange,\n  buildPostmanRequestTree,\n  countPostmanRequestLeaves,\n  pathKey,\n  pathKeysToRequestIndexPaths,\n  type PostmanTreeNode,\n} from '@/v2/features/command-palette/helpers/postman-request-tree'\n\nimport CommandActionForm from './CommandActionForm.vue'\n\nconst {\n  workspaceStore,\n  eventBus,\n  inputValue = '',\n} = defineProps<{\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting import events */\n  eventBus: WorkspaceEventBus\n  /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\n/** Document name to merge imported operations into. */\nconst importTargetDocumentName = ref<{ slug: string; label: string } | null>(\n  null,\n)\nconst baseDocument = ref<OpenApiDocument | null>(null)\n\nwatch(importTargetDocumentName, async (value) => {\n  if (!value) {\n    baseDocument.value = null\n    return\n  }\n  baseDocument.value = await workspaceStore.getEditableDocument(value.slug)\n})\n\nconst mergeSamePathAndMethod = ref(false)\n\nconst postmanDocumentDetails = computed(() =>\n  getPostmanDocumentDetails(inputValue),\n)\nconst postmanRequestTree = computed(() =>\n  buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []),\n)\n\n/** Path keys to import from the Postman collection. */\nconst importPathKeys = ref<string[]>([])\n\nconst onPostmanRequestSelectionChange = (\n  key: string,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanRequestSelectionChange(\n    importPathKeys.value,\n    key,\n    selected,\n  )\n}\n\nconst onPostmanFolderSelectionChange = (\n  node: PostmanTreeNode,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanFolderSelectionChange(\n    importPathKeys.value,\n    node,\n    selected,\n  )\n}\n\nconst collisionsPathKeys = computed(() => {\n  return getCollidingPostmanRequestPathKeys(\n    postmanDocumentDetails.value?.collection ?? [],\n    importPathKeys.value,\n    baseDocument.value ?? undefined,\n  )\n})\n\n/** Navigate to a document in the workspace. */\nconst navigateToDocument = (documentName: string): void => {\n  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/** Handle import error. */\nconst handleImportError = async (errorMessage: string): Promise<void> => {\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n  await loader.invalidate()\n  emit('close')\n}\n\n/** Handle import. */\nconst handleImport = async (): Promise<void> => {\n  loader.start()\n\n  const mergeTarget = importTargetDocumentName.value?.slug ?? ''\n  const mergeIntoExisting =\n    mergeTarget.length > 0 &&\n    workspaceStore.workspace.documents[mergeTarget] !== undefined\n\n  const targetDocument = mergeIntoExisting\n    ? await workspaceStore.getEditableDocument(mergeTarget)\n    : null\n\n  const options: ConvertOptions = {\n    document: (targetDocument as unknown) ?? undefined,\n    mergeOperation: mergeSamePathAndMethod.value,\n    requestIndexPaths: pathKeysToRequestIndexPaths(importPathKeys.value),\n  }\n\n  const document = getOpenApiFromPostman(inputValue ?? '', options)\n\n  if (document === null) {\n    return handleImportError(\n      'Failed to convert Postman collection to OpenAPI document. Please contact support.',\n    )\n  }\n\n  if (mergeIntoExisting) {\n    await workspaceStore.replaceDocument(mergeTarget, document)\n    await loader.validate()\n    navigateToDocument(mergeTarget)\n    emit('close')\n    return\n  }\n\n  // Otherwise create a new document\n  const slug = await generateUniqueSlug(\n    document.info?.title ?? 'default',\n    new Set(Object.keys(workspaceStore.workspace.documents)),\n  )\n\n  if (!slug) {\n    return handleImportError(\n      'Failed to generate a unique slug for the imported document. Please contact support.',\n    )\n  }\n\n  await workspaceStore.addDocument({\n    name: slug,\n    document,\n  })\n\n  await loader.validate()\n  navigateToDocument(slug)\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :loader\n    @submit=\"handleImport\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden\">\n      <div class=\"flex shrink-0 justify-between\">\n        <div class=\"text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs\">\n          Postman collection\n        </div>\n      </div>\n\n      <!-- Postman collection preview and tree picker -->\n      <PostmanImportPreview\n        v-if=\"postmanDocumentDetails\"\n        v-model:mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n        v-model:selectedTargetDocument=\"importTargetDocumentName\"\n        :availableTargetDocuments=\"\n          Object.entries(workspaceStore.workspace.documents).map(\n            ([slug, document]) => ({\n              slug,\n              label: document.info?.title ?? slug,\n            }),\n          )\n        \"\n        :hasCollisionPathKeys=\"collisionsPathKeys.length > 0\"\n        :schema=\"postmanDocumentDetails?.schemaLabel ?? undefined\"\n        :title=\"postmanDocumentDetails?.title ?? ''\"\n        :totalRequests=\"\n          countPostmanRequestLeaves(postmanDocumentDetails?.collection ?? [])\n        \"\n        :version=\"postmanDocumentDetails?.version ?? ''\">\n        <!-- Tree picker slot -->\n        <template #treePicker>\n          <PostmanRequestTreeRow\n            v-for=\"node in postmanRequestTree\"\n            :key=\"pathKey(node.path)\"\n            :collisionPathKeys=\"collisionsPathKeys\"\n            :mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n            :node=\"node\"\n            :selectedKeys=\"importPathKeys\"\n            @folderSelectionChange=\"onPostmanFolderSelectionChange\"\n            @requestSelectionChange=\"onPostmanRequestSelectionChange\" />\n        </template>\n      </PostmanImportPreview>\n    </div>\n    <template #submit> Import Postman Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CommandPaletteImportPostman.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Postman Component\n *\n * Imports Postman collections from URL, file, or pasted JSON, including\n * request selection, merge-into-existing, and convert options.\n */\nexport default {\n  name: 'CommandPaletteImportPostman',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport type { ConvertOptions } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport { type WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport PostmanImportPreview from '@/v2/features/command-palette/components/PostmanImportPreview.vue'\nimport PostmanRequestTreeRow from '@/v2/features/command-palette/components/PostmanRequestTreeRow.vue'\nimport { generateUniqueSlug } from '@/v2/features/command-palette/helpers/generate-unique-slug'\nimport { getOpenApiFromPostman } from '@/v2/features/command-palette/helpers/get-openapi-from-postman'\nimport { getPostmanConvertOptions } from '@/v2/features/command-palette/helpers/get-postman-convert-options'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { getCollidingPostmanRequestPathKeys } from '@/v2/features/command-palette/helpers/postman-request-collisions'\nimport {\n  applyPostmanFolderSelectionChange,\n  applyPostmanRequestSelectionChange,\n  buildPostmanRequestTree,\n  countPostmanRequestLeaves,\n  type PostmanTreeNode,\n} from '@/v2/features/command-palette/helpers/postman-request-tree'\n\nimport CommandActionForm from './CommandActionForm.vue'\n\nconst {\n  workspaceStore,\n  eventBus,\n  inputValue = '',\n} = defineProps<{\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting import events */\n  eventBus: WorkspaceEventBus\n  /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\n/** Document name to merge imported operations into. */\nconst importTargetDocumentName = ref<{ slug: string; label: string } | null>(\n  null,\n)\nconst baseDocument = ref<OpenApiDocument | null>(null)\n\nwatch(importTargetDocumentName, async (value) => {\n  if (!value) {\n    baseDocument.value = null\n    return\n  }\n  baseDocument.value = await workspaceStore.getEditableDocument(value.slug)\n})\n\nconst mergeSamePathAndMethod = ref(false)\n\nconst postmanDocumentDetails = computed(() =>\n  getPostmanDocumentDetails(inputValue),\n)\nconst postmanRequestTree = computed(() =>\n  buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []),\n)\n\n/** Path keys to import from the Postman collection. */\nconst importPathKeys = ref<string[]>([])\n\nconst onPostmanRequestSelectionChange = (\n  key: string,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanRequestSelectionChange(\n    importPathKeys.value,\n    key,\n    selected,\n  )\n}\n\nconst onPostmanFolderSelectionChange = (\n  node: PostmanTreeNode,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanFolderSelectionChange(\n    importPathKeys.value,\n    node,\n    selected,\n  )\n}\n\n/** Wraps all top-level nodes in a single root folder so the tree row handles select-all. */\nconst rootTreeNode = computed<PostmanTreeNode>(() => ({\n  path: [],\n  name: postmanDocumentDetails.value?.title ?? 'Collection',\n  isFolder: true,\n  children: postmanRequestTree.value,\n}))\n\nconst collisionsPathKeys = computed(() => {\n  return getCollidingPostmanRequestPathKeys(\n    postmanDocumentDetails.value?.collection ?? [],\n    importPathKeys.value,\n    baseDocument.value ?? undefined,\n  )\n})\n\n/** Navigate to a document in the workspace. */\nconst navigateToDocument = (documentName: string): void => {\n  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/** Handle import error. */\nconst handleImportError = async (errorMessage: string): Promise<void> => {\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n  await loader.invalidate()\n  emit('close')\n}\n\n/** Handle import. */\nconst handleImport = async (): Promise<void> => {\n  loader.start()\n\n  const mergeTarget = importTargetDocumentName.value?.slug ?? ''\n  const mergeIntoExisting =\n    mergeTarget.length > 0 &&\n    workspaceStore.workspace.documents[mergeTarget] !== undefined\n\n  const targetDocument = mergeIntoExisting\n    ? await workspaceStore.getEditableDocument(mergeTarget)\n    : null\n\n  const options: ConvertOptions = getPostmanConvertOptions({\n    document: (targetDocument as unknown) ?? undefined,\n    mergeOperation: mergeSamePathAndMethod.value,\n    importPathKeys: importPathKeys.value,\n  })\n\n  const document = getOpenApiFromPostman(inputValue ?? '', options)\n\n  if (document === null) {\n    return handleImportError(\n      'Failed to convert Postman collection to OpenAPI document. Please contact support.',\n    )\n  }\n\n  if (mergeIntoExisting) {\n    await workspaceStore.replaceDocument(mergeTarget, document)\n    await loader.validate()\n    navigateToDocument(mergeTarget)\n    emit('close')\n    return\n  }\n\n  // Otherwise create a new document\n  const slug = await generateUniqueSlug(\n    document.info?.title ?? 'default',\n    new Set(Object.keys(workspaceStore.workspace.documents)),\n  )\n\n  if (!slug) {\n    return handleImportError(\n      'Failed to generate a unique slug for the imported document. Please contact support.',\n    )\n  }\n\n  await workspaceStore.addDocument({\n    name: slug,\n    document,\n  })\n\n  await loader.validate()\n  navigateToDocument(slug)\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :loader\n    @submit=\"handleImport\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden\">\n      <div class=\"flex shrink-0 justify-between\">\n        <div class=\"text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs\">\n          Postman collection\n        </div>\n      </div>\n\n      <!-- Postman collection preview and tree picker -->\n      <PostmanImportPreview\n        v-if=\"postmanDocumentDetails\"\n        v-model:mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n        v-model:selectedTargetDocument=\"importTargetDocumentName\"\n        :availableTargetDocuments=\"\n          Object.entries(workspaceStore.workspace.documents).map(\n            ([slug, document]) => ({\n              slug,\n              label: document.info?.title ?? slug,\n            }),\n          )\n        \"\n        :hasCollisionPathKeys=\"collisionsPathKeys.length > 0\"\n        :schema=\"postmanDocumentDetails?.schemaLabel ?? undefined\"\n        :title=\"postmanDocumentDetails?.title ?? ''\"\n        :totalRequests=\"\n          countPostmanRequestLeaves(postmanDocumentDetails?.collection ?? [])\n        \"\n        :version=\"postmanDocumentDetails?.version ?? ''\">\n        <!-- Tree picker slot -->\n        <template #treePicker>\n          <PostmanRequestTreeRow\n            :collisionPathKeys=\"collisionsPathKeys\"\n            :mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n            :node=\"rootTreeNode\"\n            :selectedKeys=\"importPathKeys\"\n            @folderSelectionChange=\"onPostmanFolderSelectionChange\"\n            @requestSelectionChange=\"onPostmanRequestSelectionChange\" />\n        </template>\n      </PostmanImportPreview>\n    </div>\n    <template #submit> Import Postman Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/v2/features/command-palette/components/CommandPaletteImportPostman.vue.script.js

@@ -2,11 +2,12 @@ import CommandActionForm_default from "./CommandActionForm.vue.js";
 import { generateUniqueSlug } from "../helpers/generate-unique-slug.js";
 import { getOpenApiFromPostman } from "../helpers/get-openapi-from-postman.js";
 import PostmanImportPreview_default from "./PostmanImportPreview.vue.js";
-import { applyPostmanFolderSelectionChange, applyPostmanRequestSelectionChange, buildPostmanRequestTree, countPostmanRequestLeaves, pathKey, pathKeysToRequestIndexPaths } from "../helpers/postman-request-tree.js";
+import { applyPostmanFolderSelectionChange, applyPostmanRequestSelectionChange, buildPostmanRequestTree, countPostmanRequestLeaves } from "../helpers/postman-request-tree.js";
 import PostmanRequestTreeRow_default from "./PostmanRequestTreeRow.vue.js";
+import { getPostmanConvertOptions } from "../helpers/get-postman-convert-options.js";
 import { getPostmanDocumentDetails } from "../helpers/get-postman-document-details.js";
 import { getCollidingPostmanRequestPathKeys } from "../helpers/postman-request-collisions.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, ref, renderList, unref, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
 import { useLoadingState } from "@scalar/components";
 import { useToasts } from "@scalar/use-toasts";
 //#region src/v2/features/command-palette/components/CommandPaletteImportPostman.vue?vue&type=script&setup=true&lang.ts
@@ -44,6 +45,13 @@ var CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default = /*
 		const onPostmanFolderSelectionChange = (node, selected) => {
 			importPathKeys.value = applyPostmanFolderSelectionChange(importPathKeys.value, node, selected);
 		};
+		/** Wraps all top-level nodes in a single root folder so the tree row handles select-all. */
+		const rootTreeNode = computed(() => ({
+			path: [],
+			name: postmanDocumentDetails.value?.title ?? "Collection",
+			isFolder: true,
+			children: postmanRequestTree.value
+		}));
 		const collisionsPathKeys = computed(() => {
 			return getCollidingPostmanRequestPathKeys(postmanDocumentDetails.value?.collection ?? [], importPathKeys.value, baseDocument.value ?? void 0);
 		});
@@ -67,11 +75,11 @@ var CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default = /*
 			loader.start();
 			const mergeTarget = importTargetDocumentName.value?.slug ?? "";
 			const mergeIntoExisting = mergeTarget.length > 0 && __props.workspaceStore.workspace.documents[mergeTarget] !== void 0;
-			const options = {
+			const options = getPostmanConvertOptions({
 				document: (mergeIntoExisting ? await __props.workspaceStore.getEditableDocument(mergeTarget) : null) ?? void 0,
 				mergeOperation: mergeSamePathAndMethod.value,
-				requestIndexPaths: pathKeysToRequestIndexPaths(importPathKeys.value)
-			};
+				importPathKeys: importPathKeys.value
+			});
 			const document = getOpenApiFromPostman(__props.inputValue ?? "", options);
 			if (document === null) return handleImportError("Failed to convert Postman collection to OpenAPI document. Please contact support.");
 			if (mergeIntoExisting) {
@@ -113,22 +121,19 @@ var CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default = /*
 					totalRequests: unref(countPostmanRequestLeaves)(postmanDocumentDetails.value?.collection ?? []),
 					version: postmanDocumentDetails.value?.version ?? ""
 				}, {
-					treePicker: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(postmanRequestTree.value, (node) => {
-						return openBlock(), createBlock(PostmanRequestTreeRow_default, {
-							key: unref(pathKey)(node.path),
-							collisionPathKeys: collisionsPathKeys.value,
-							mergeSamePathAndMethod: mergeSamePathAndMethod.value,
-							node,
-							selectedKeys: importPathKeys.value,
-							onFolderSelectionChange: onPostmanFolderSelectionChange,
-							onRequestSelectionChange: onPostmanRequestSelectionChange
-						}, null, 8, [
-							"collisionPathKeys",
-							"mergeSamePathAndMethod",
-							"node",
-							"selectedKeys"
-						]);
-					}), 128))]),
+					treePicker: withCtx(() => [createVNode(PostmanRequestTreeRow_default, {
+						collisionPathKeys: collisionsPathKeys.value,
+						mergeSamePathAndMethod: mergeSamePathAndMethod.value,
+						node: rootTreeNode.value,
+						selectedKeys: importPathKeys.value,
+						onFolderSelectionChange: onPostmanFolderSelectionChange,
+						onRequestSelectionChange: onPostmanRequestSelectionChange
+					}, null, 8, [
+						"collisionPathKeys",
+						"mergeSamePathAndMethod",
+						"node",
+						"selectedKeys"
+					])]),
 					_: 1
 				}, 8, [
 					"mergeSamePathAndMethod",