npm - @scalar/api-client - Versions diffs - 2.42.0 → 3.0.0 - Mend

@scalar/api-client 2.42.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1501) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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":""}
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 '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 '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 CHANGED Viewed

@@ -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.js.map CHANGED Viewed

	@@ -1 +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":""}
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/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 { 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":""}

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

@@ -1,4 +1,4 @@
-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";
@@ -10,9 +10,9 @@ 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 { 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 CHANGED Viewed

	@@ -1 +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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"}
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/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 { 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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"}

package/dist/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue.script.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import IconSelector_default from "../../../../components/IconSelector.vue.js";
 import CommandActionForm_default from "./CommandActionForm.vue.js";
 import CommandActionInput_default from "./CommandActionInput.vue.js";
+import IconSelector_default from "../../../../components/IconSelector.vue.js";
 import { computed, createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
 import { ScalarButton } from "@scalar/components";
 import { useRouter } from "vue-router";

package/dist/v2/features/command-palette/helpers/get-operation-from-curl.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { parseCurlCommand } from "../../../../libs/parse-curl.js";
+import { parseCurlCommand } from "./parse-curl.js";
 //#region src/v2/features/command-palette/helpers/get-operation-from-curl.ts
 /**
 * Parses request body data from a string.

package/dist/v2/features/command-palette/helpers/get-operation-from-curl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-operation-from-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/get-operation-from-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n OperationObject,\n ParameterObject,\n SchemaObject,\n ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { parseCurlCommand } from '~~@/libs~~'\n\n/*\n Represents the result of parsing a cURL command into an OpenAPI operation.\n /\ntype CurlOperationResult = {\n /* The URL path extracted from the cURL command. /\n path: string\n /* The HTTP method (GET, POST, etc.). /\n method: HttpMethod\n /* The OpenAPI operation object with parameters, body, and servers. /\n operation: OperationObject\n}\n\n/\n Represents data that can be either JSON or form-encoded key-value pairs.\n /\ntype ParsedData = Record<string, unknown>\n\n/\n Parses request body data from a string.\n * Attempts JSON parsing first, then falls back to form-encoded parsing.\n \n Form-encoded data is expected in the format: key1=value1&key2=value2\n /\nconst parseRequestBodyData = (data: string): ParsedData => {\n try {\n // Try parsing as JSON first\n return JSON.parse(data) as ParsedData\n } catch {\n // If JSON parsing fails, parse as form-encoded data (key=value&key2=value2)\n const result: Record<string, string> = {}\n\n data.split('&').forEach((pair) => {\n const [key, value] = pair.split('=')\n if (key && value) {\n result[decodeURIComponent(key)] = decodeURIComponent(value)\n }\n })\n\n return result\n }\n}\n\n/\n Determines the content type based on the request body structure.\n * Returns form-encoded if the body looks like form data, JSON if the body looks like JSON,\n * otherwise uses the header value.\n /\nconst detectContentType = (body: string, headers: Record<string, string>): string => {\n // If Content-Type header is explicitly provided, use it\n if (headers['Content-Type']) {\n return headers['Content-Type']\n }\n\n // Check if body looks like JSON (starts with { or [)\n const trimmedBody = body.trim()\n const isJson = trimmedBody.startsWith('{') \|\| trimmedBody.startsWith('[')\n\n if (isJson) {\n return 'application/json'\n }\n\n // Check if body looks like form-encoded data (contains = but does not start with {)\n const isFormEncoded = body.includes('=') && !trimmedBody.startsWith('{')\n\n return isFormEncoded ? 'application/x-www-form-urlencoded' : ''\n}\n\n/\n Infers a JSON Schema type from a JavaScript value.\n * Maps JavaScript typeof results to JSON Schema primitive types.\n /\nconst inferSchemaType = (value: unknown): string => {\n const jsType = typeof value\n\n // Map JavaScript types to JSON Schema types\n if (jsType === 'string') {\n return 'string'\n }\n if (jsType === 'number') {\n return 'number'\n }\n if (jsType === 'boolean') {\n return 'boolean'\n }\n if (value === null) {\n return 'null'\n }\n if (Array.isArray(value)) {\n return 'array'\n }\n if (jsType === 'object') {\n return 'object'\n }\n\n // Default fallback for any other types\n return 'string'\n}\n\n/\n Creates query and header parameters from parsed cURL data.\n * Each parameter includes a schema with inferred type and an example value.\n /\nconst createParameters = (\n queryParameters: Array<{ key: string; value: string }>,\n headers: Record<string, string>,\n exampleKey: string,\n): ParameterObject[] => {\n const queryParams = Array.isArray(queryParameters)\n ? queryParameters.map(({ key, value }) => ({\n name: key,\n in: 'query' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n : []\n\n const headerParams = Object.entries(headers \|\| {}).map(([key, value]) => ({\n name: key,\n in: 'header' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n\n return [...queryParams, ...headerParams]\n}\n\n/\n Creates a request body schema from parsed data.\n * Generates an object schema with properties inferred from the data structure.\n /\nconst createRequestBodySchema = (data: ParsedData): SchemaObject => {\n const properties = Object.fromEntries(\n Object.entries(data).map(([key, value]) => [key, { type: inferSchemaType(value) } as SchemaObject]),\n )\n\n return {\n type: 'object',\n properties,\n }\n}\n\n/* Don't want to throw for invalid URLs /\nconst safePathname = (url: string) => {\n try {\n return new URL(url).pathname\n } catch {\n return '/'\n }\n}\n\n/\n Converts a cURL command string into an OpenAPI operation object.\n \n This function parses a cURL command and extracts all relevant information\n * (path, method, headers, query parameters, request body) to create a complete\n * OpenAPI operation that can be used to populate a request in the API client.\n \n The exampleKey is used to namespace the example values in the operation object,\n * allowing multiple examples to coexist if needed.\n */\nexport const getOperationFromCurl = (curl: string, exampleKey = 'curl'): CurlOperationResult => {\n const parsedCurl = parseCurlCommand(curl)\n\n const { method = 'get', url, body = '', headers = {}, servers = [], queryParameters = [] } = parsedCurl\n\n const path = safePathname(url)\n const contentType = detectContentType(body, headers)\n const requestBodyData = body ? parseRequestBodyData(body) : {}\n\n const parameters = createParameters(queryParameters, headers, exampleKey)\n\n const serverObjects: ServerObject[] = servers.map((server) => ({\n url: server,\n }))\n\n return {\n path,\n method,\n operation: {\n parameters,\n requestBody: {\n content: {\n [contentType]: {\n schema: createRequestBodySchema(requestBodyData),\n examples: {\n [exampleKey]: { value: requestBodyData },\n },\n },\n },\n 'x-scalar-selected-content-type': {\n [exampleKey]: contentType,\n },\n },\n servers: serverObjects.length ? serverObjects : undefined,\n },\n }\n}\n"],"mappings":";;;;;;;;AAiCA,IAAM,wBAAwB,SAA6B;AACzD,KAAI;AAEF,SAAO,KAAK,MAAM,KAAK;SACjB;EAEN,MAAM,SAAiC,EAAE;AAEzC,OAAK,MAAM,IAAI,CAAC,SAAS,SAAS;GAChC,MAAM,CAAC,KAAK,SAAS,KAAK,MAAM,IAAI;AACpC,OAAI,OAAO,MACT,QAAO,mBAAmB,IAAI,IAAI,mBAAmB,MAAM;IAE7D;AAEF,SAAO;;;;;;;;AASX,IAAM,qBAAqB,MAAc,YAA4C;AAEnF,KAAI,QAAQ,gBACV,QAAO,QAAQ;CAIjB,MAAM,cAAc,KAAK,MAAM;AAG/B,KAFe,YAAY,WAAW,IAAI,IAAI,YAAY,WAAW,IAAI,CAGvE,QAAO;AAMT,QAFsB,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,WAAW,IAAI,GAEjD,sCAAsC;;;;;;AAO/D,IAAM,mBAAmB,UAA2B;CAClD,MAAM,SAAS,OAAO;AAGtB,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,UACb,QAAO;AAET,KAAI,UAAU,KACZ,QAAO;AAET,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAIT,QAAO;;;;;;AAOT,IAAM,oBACJ,iBACA,SACA,eACsB;CACtB,MAAM,cAAc,MAAM,QAAQ,gBAAgB,GAC9C,gBAAgB,KAAK,EAAE,KAAK,aAAa;EACvC,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE,GACH,EAAE;CAEN,MAAM,eAAe,OAAO,QAAQ,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY;EACxE,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE;AAEH,QAAO,CAAC,GAAG,aAAa,GAAG,aAAa;;;;;;AAO1C,IAAM,2BAA2B,SAAmC;AAKlE,QAAO;EACL,MAAM;EACN,YANiB,OAAO,YACxB,OAAO,QAAQ,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,EAAE,MAAM,gBAAgB,MAAM,EAAE,CAAiB,CAAC,CACpG;EAKA;;;AAIH,IAAM,gBAAgB,QAAgB;AACpC,KAAI;AACF,SAAO,IAAI,IAAI,IAAI,CAAC;SACd;AACN,SAAO;;;;;;;;;;;;;AAcX,IAAa,wBAAwB,MAAc,aAAa,WAAgC;CAG9F,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,IAAI,UAAU,EAAE,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,KAFrE,iBAAiB,KAAK;CAIzC,MAAM,OAAO,aAAa,IAAI;CAC9B,MAAM,cAAc,kBAAkB,MAAM,QAAQ;CACpD,MAAM,kBAAkB,OAAO,qBAAqB,KAAK,GAAG,EAAE;CAE9D,MAAM,aAAa,iBAAiB,iBAAiB,SAAS,WAAW;CAEzE,MAAM,gBAAgC,QAAQ,KAAK,YAAY,EAC7D,KAAK,QACN,EAAE;AAEH,QAAO;EACL;EACA;EACA,WAAW;GACT;GACA,aAAa;IACX,SAAS,GACN,cAAc;KACb,QAAQ,wBAAwB,gBAAgB;KAChD,UAAU,GACP,aAAa,EAAE,OAAO,iBAAiB,EACzC;KACF,EACF;IACD,kCAAkC,GAC/B,aAAa,aACf;IACF;GACD,SAAS,cAAc,SAAS,gBAAgB,KAAA;GACjD;EACF"}
1	+ {"version":3,"file":"get-operation-from-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/get-operation-from-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n OperationObject,\n ParameterObject,\n SchemaObject,\n ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { parseCurlCommand } from './parse-curl'\n\n/*\n Represents the result of parsing a cURL command into an OpenAPI operation.\n /\ntype CurlOperationResult = {\n /* The URL path extracted from the cURL command. /\n path: string\n /* The HTTP method (GET, POST, etc.). /\n method: HttpMethod\n /* The OpenAPI operation object with parameters, body, and servers. /\n operation: OperationObject\n}\n\n/\n Represents data that can be either JSON or form-encoded key-value pairs.\n /\ntype ParsedData = Record<string, unknown>\n\n/\n Parses request body data from a string.\n * Attempts JSON parsing first, then falls back to form-encoded parsing.\n \n Form-encoded data is expected in the format: key1=value1&key2=value2\n /\nconst parseRequestBodyData = (data: string): ParsedData => {\n try {\n // Try parsing as JSON first\n return JSON.parse(data) as ParsedData\n } catch {\n // If JSON parsing fails, parse as form-encoded data (key=value&key2=value2)\n const result: Record<string, string> = {}\n\n data.split('&').forEach((pair) => {\n const [key, value] = pair.split('=')\n if (key && value) {\n result[decodeURIComponent(key)] = decodeURIComponent(value)\n }\n })\n\n return result\n }\n}\n\n/\n Determines the content type based on the request body structure.\n * Returns form-encoded if the body looks like form data, JSON if the body looks like JSON,\n * otherwise uses the header value.\n /\nconst detectContentType = (body: string, headers: Record<string, string>): string => {\n // If Content-Type header is explicitly provided, use it\n if (headers['Content-Type']) {\n return headers['Content-Type']\n }\n\n // Check if body looks like JSON (starts with { or [)\n const trimmedBody = body.trim()\n const isJson = trimmedBody.startsWith('{') \|\| trimmedBody.startsWith('[')\n\n if (isJson) {\n return 'application/json'\n }\n\n // Check if body looks like form-encoded data (contains = but does not start with {)\n const isFormEncoded = body.includes('=') && !trimmedBody.startsWith('{')\n\n return isFormEncoded ? 'application/x-www-form-urlencoded' : ''\n}\n\n/\n Infers a JSON Schema type from a JavaScript value.\n * Maps JavaScript typeof results to JSON Schema primitive types.\n /\nconst inferSchemaType = (value: unknown): string => {\n const jsType = typeof value\n\n // Map JavaScript types to JSON Schema types\n if (jsType === 'string') {\n return 'string'\n }\n if (jsType === 'number') {\n return 'number'\n }\n if (jsType === 'boolean') {\n return 'boolean'\n }\n if (value === null) {\n return 'null'\n }\n if (Array.isArray(value)) {\n return 'array'\n }\n if (jsType === 'object') {\n return 'object'\n }\n\n // Default fallback for any other types\n return 'string'\n}\n\n/\n Creates query and header parameters from parsed cURL data.\n * Each parameter includes a schema with inferred type and an example value.\n /\nconst createParameters = (\n queryParameters: Array<{ key: string; value: string }>,\n headers: Record<string, string>,\n exampleKey: string,\n): ParameterObject[] => {\n const queryParams = Array.isArray(queryParameters)\n ? queryParameters.map(({ key, value }) => ({\n name: key,\n in: 'query' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n : []\n\n const headerParams = Object.entries(headers \|\| {}).map(([key, value]) => ({\n name: key,\n in: 'header' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n\n return [...queryParams, ...headerParams]\n}\n\n/\n Creates a request body schema from parsed data.\n * Generates an object schema with properties inferred from the data structure.\n /\nconst createRequestBodySchema = (data: ParsedData): SchemaObject => {\n const properties = Object.fromEntries(\n Object.entries(data).map(([key, value]) => [key, { type: inferSchemaType(value) } as SchemaObject]),\n )\n\n return {\n type: 'object',\n properties,\n }\n}\n\n/* Don't want to throw for invalid URLs /\nconst safePathname = (url: string) => {\n try {\n return new URL(url).pathname\n } catch {\n return '/'\n }\n}\n\n/\n Converts a cURL command string into an OpenAPI operation object.\n \n This function parses a cURL command and extracts all relevant information\n * (path, method, headers, query parameters, request body) to create a complete\n * OpenAPI operation that can be used to populate a request in the API client.\n \n The exampleKey is used to namespace the example values in the operation object,\n * allowing multiple examples to coexist if needed.\n */\nexport const getOperationFromCurl = (curl: string, exampleKey = 'curl'): CurlOperationResult => {\n const parsedCurl = parseCurlCommand(curl)\n\n const { method = 'get', url, body = '', headers = {}, servers = [], queryParameters = [] } = parsedCurl\n\n const path = safePathname(url)\n const contentType = detectContentType(body, headers)\n const requestBodyData = body ? parseRequestBodyData(body) : {}\n\n const parameters = createParameters(queryParameters, headers, exampleKey)\n\n const serverObjects: ServerObject[] = servers.map((server) => ({\n url: server,\n }))\n\n return {\n path,\n method,\n operation: {\n parameters,\n requestBody: {\n content: {\n [contentType]: {\n schema: createRequestBodySchema(requestBodyData),\n examples: {\n [exampleKey]: { value: requestBodyData },\n },\n },\n },\n 'x-scalar-selected-content-type': {\n [exampleKey]: contentType,\n },\n },\n servers: serverObjects.length ? serverObjects : undefined,\n },\n }\n}\n"],"mappings":";;;;;;;;AAiCA,IAAM,wBAAwB,SAA6B;AACzD,KAAI;AAEF,SAAO,KAAK,MAAM,KAAK;SACjB;EAEN,MAAM,SAAiC,EAAE;AAEzC,OAAK,MAAM,IAAI,CAAC,SAAS,SAAS;GAChC,MAAM,CAAC,KAAK,SAAS,KAAK,MAAM,IAAI;AACpC,OAAI,OAAO,MACT,QAAO,mBAAmB,IAAI,IAAI,mBAAmB,MAAM;IAE7D;AAEF,SAAO;;;;;;;;AASX,IAAM,qBAAqB,MAAc,YAA4C;AAEnF,KAAI,QAAQ,gBACV,QAAO,QAAQ;CAIjB,MAAM,cAAc,KAAK,MAAM;AAG/B,KAFe,YAAY,WAAW,IAAI,IAAI,YAAY,WAAW,IAAI,CAGvE,QAAO;AAMT,QAFsB,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,WAAW,IAAI,GAEjD,sCAAsC;;;;;;AAO/D,IAAM,mBAAmB,UAA2B;CAClD,MAAM,SAAS,OAAO;AAGtB,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,UACb,QAAO;AAET,KAAI,UAAU,KACZ,QAAO;AAET,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAIT,QAAO;;;;;;AAOT,IAAM,oBACJ,iBACA,SACA,eACsB;CACtB,MAAM,cAAc,MAAM,QAAQ,gBAAgB,GAC9C,gBAAgB,KAAK,EAAE,KAAK,aAAa;EACvC,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE,GACH,EAAE;CAEN,MAAM,eAAe,OAAO,QAAQ,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY;EACxE,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE;AAEH,QAAO,CAAC,GAAG,aAAa,GAAG,aAAa;;;;;;AAO1C,IAAM,2BAA2B,SAAmC;AAKlE,QAAO;EACL,MAAM;EACN,YANiB,OAAO,YACxB,OAAO,QAAQ,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,EAAE,MAAM,gBAAgB,MAAM,EAAE,CAAiB,CAAC,CACpG;EAKA;;;AAIH,IAAM,gBAAgB,QAAgB;AACpC,KAAI;AACF,SAAO,IAAI,IAAI,IAAI,CAAC;SACd;AACN,SAAO;;;;;;;;;;;;;AAcX,IAAa,wBAAwB,MAAc,aAAa,WAAgC;CAG9F,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,IAAI,UAAU,EAAE,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,KAFrE,iBAAiB,KAAK;CAIzC,MAAM,OAAO,aAAa,IAAI;CAC9B,MAAM,cAAc,kBAAkB,MAAM,QAAQ;CACpD,MAAM,kBAAkB,OAAO,qBAAqB,KAAK,GAAG,EAAE;CAE9D,MAAM,aAAa,iBAAiB,iBAAiB,SAAS,WAAW;CAEzE,MAAM,gBAAgC,QAAQ,KAAK,YAAY,EAC7D,KAAK,QACN,EAAE;AAEH,QAAO;EACL;EACA;EACA,WAAW;GACT;GACA,aAAa;IACX,SAAS,GACN,cAAc;KACb,QAAQ,wBAAwB,gBAAgB;KAChD,UAAU,GACP,aAAa,EAAE,OAAO,iBAAiB,EACzC;KACF,EACF;IACD,kCAAkC,GAC/B,aAAa,aACf;IACF;GACD,SAAS,cAAc,SAAS,gBAAgB,KAAA;GACjD;EACF"}

package/dist/{libs → v2/features/command-palette/helpers}/parse-curl.d.ts RENAMED Viewed

@@ -1,8 +1,8 @@
-import type { RequestMethod } from '@scalar/oas-utils/entities/spec';
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 /** Parse and normalize a curl command */
 export declare function parseCurlCommand(curlCommand: string): {
     url: string;
-    method?: RequestMethod;
+    method?: HttpMethod;
     headers?: Record<string, string>;
     body?: string;
     queryParameters?: Array<{

package/dist/v2/features/command-palette/helpers/parse-curl.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"parse-curl.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/helpers/parse-curl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAInE,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM;SAW3C,MAAM;aACF,UAAU;cACT,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;WACzB,MAAM;sBACK,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;cAC7C,MAAM,EAAE;EA6CrB"}

package/dist/{libs → v2/features/command-palette/helpers}/parse-curl.js RENAMED Viewed

@@ -1,6 +1,6 @@
 import { encode } from "js-base64";
 import { parse } from "shell-quote";
-//#region src/libs/parse-curl.ts
+//#region src/v2/features/command-palette/helpers/parse-curl.ts
 /** Parse and normalize a curl command */
 function parseCurlCommand(curlCommand) {
 	const args = parse(curlCommand).map((arg) => {

package/dist/v2/features/command-palette/helpers/parse-curl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"parse-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/parse-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { encode } from 'js-base64'\nimport { parse as parseShellCommand } from 'shell-quote'\n\n/** Parse and normalize a curl command */\nexport function parseCurlCommand(curlCommand: string) {\n const args = parseShellCommand(curlCommand)\n .map((arg) => {\n if (typeof arg === 'object' && 'op' in arg && arg.op === 'glob') {\n return arg.pattern.trim()\n }\n return typeof arg === 'string' ? arg.trim() : arg\n })\n .filter((arg) => arg !== '')\n\n const result: {\n url: string\n method?: HttpMethod\n headers?: Record<string, string>\n body?: string\n queryParameters?: Array<{ key: string; value: string }>\n servers?: string[]\n } = { url: '' }\n\n const iterator = args[Symbol.iterator]()\n let arg = iterator.next().value\n\n while (arg) {\n if (arg === '-X' || arg === '--request') {\n // Extract method e.g curl -X POST\n parseMethod(iterator as Iterator<string>, result)\n } else if (arg === '--url') {\n // Extract URL e.g curl https://example.com\n parseUrl(iterator as Iterator<string>, result)\n } else if (arg === '-H' || arg === '--header') {\n // Extract headers e.g -H 'Content-Type: application/json'\n parseHeader(iterator as Iterator<string>, result)\n } else if (\n arg === '--data' ||\n arg === '-d' ||\n arg === '--data-raw' ||\n arg === '--data-urlencode' ||\n arg === '--data-binary' ||\n arg === '--data-ascii'\n ) {\n parseData(iterator as Iterator<string>, result, curlCommand)\n } else if (typeof arg === 'string' && !result.url && (arg.startsWith('http') || arg.startsWith('www.'))) {\n // Extract URL e.g curl https://example.com\n parseUrl([arg][Symbol.iterator]() as Iterator<string>, result)\n } else if (arg === '-P') {\n // Extract path variables e.g -P 'foo=bar'\n parsePathVariables(iterator as Iterator<string>, result)\n } else if (typeof arg === 'string' && arg.toLowerCase().includes('content-type')) {\n // Extract Content-Type header e.g -H 'Content-Type: application/json'\n parseContentType(arg, result)\n } else if (arg === '-u' || arg === '--user') {\n // Extract Authorization header e.g -u 'username:password'\n parseAuth(iterator as Iterator<string>, result)\n } else if (arg === '-b' || arg === '--cookie') {\n // Extract Cookie header e.g -b 'foo=bar'\n parseCookie(iterator as Iterator<string>, result)\n }\n arg = iterator.next().value\n }\n\n return result\n}\n\n/** Get the method from a curl command */\nfunction parseMethod(iterator: Iterator<string>, result: any) {\n result.method = iterator.next().value.toLowerCase()\n}\n\n/** Get the URL from a curl command */\nfunction parseUrl(iterator: Iterator<string>, result: any) {\n const url = new URL(iterator.next().value.replace(/['\"]/g, ''))\n result.servers = [url.origin]\n result.path = url.pathname !== '/' ? url.pathname : ''\n result.url = result.servers[0] + result.path\n\n // Merge existing query parameters with those from the URL\n const urlQueryParameters = parseQueryParameters(url.search)\n result.queryParameters = result.queryParameters\n ? [...result.queryParameters, ...urlQueryParameters]\n : urlQueryParameters\n}\n\n/** Get the headers from a curl command */\nfunction parseHeader(iterator: Iterator<string>, result: any) {\n const header = iterator.next().value.split(/:(.*)/)\n result.headers = result.headers || {}\n if (header[1] !== undefined) {\n result.headers[header[0].trim()] = header[1].trim()\n } else {\n result.headers[header[0].trim()] = ''\n }\n}\n\n/** Get the {query} parameters from a curl command */\nfunction parsePathVariables(iterator: Iterator<string>, result: any) {\n const param = iterator.next().value.replace(/['\"]/g, '').split('=')\n result.pathVariables = result.pathVariables || {}\n if (param[1] !== undefined) {\n result.pathVariables[param[0].trim()] = param[1].trim()\n } else {\n result.pathVariables[param[0].trim()] = ''\n }\n}\n\n/** Get the ?query=parameters from a curl command */\nfunction parseQueryParameters(url: string) {\n const queryParameters: Array<{ key: string; value: string }> = []\n // Base URL is required for relative URLs\n const urlObj = new URL(url, 'http://example.com')\n\n urlObj.searchParams.forEach((value, key) => {\n queryParameters.push({ key, value })\n })\n\n return queryParameters\n}\n\n/** Get the Content-Type header from a curl command */\nfunction parseContentType(arg: string, result: any) {\n const header = arg.replace(/['\"]/g, '').split(/:(.+)/)\n result.headers = result.headers || {}\n\n if (!header[0]) {\n return\n }\n\n if (header[1] !== undefined) {\n result.headers[header[0].trim()] = header[1].trim()\n } else {\n result.headers[header[0].trim()] = ''\n }\n}\n\n/** Get the Authorization header from a curl command */\nfunction parseAuth(iterator: Iterator<string>, result: any) {\n const auth = iterator.next().value\n\n try {\n const encodedAuth = encode(auth)\n\n result.headers = result.headers || {}\n\n result.headers['Authorization'] = `Basic ${encodedAuth}`\n } catch (error) {\n console.warn('Could not base64 encode these HTTP basic auth credentials:', auth, error)\n }\n}\n\n/** Get the Cookie header from a curl command */\nfunction parseCookie(iterator: Iterator<string>, result: any) {\n const cookie = iterator.next().value\n result.headers = result.headers || {}\n if (result.headers['Cookie']) {\n result.headers['Cookie'] += `; ${cookie}`\n } else {\n result.headers['Cookie'] = cookie.replace(/;$/, '') // Remove trailing semicolon if present\n }\n}\n\n/** Parse data from a curl command */\nfunction parseData(iterator: Iterator<string>, result: any, curlCommand: string) {\n const nextArg = iterator.next().value\n if (typeof nextArg === 'string') {\n if (nextArg.startsWith('@')) {\n // Mock reading data from file\n result.body = ''\n } else {\n result.body = nextArg\n }\n // Parse query parameters from body if URL is not present\n if (!result.url || curlCommand.includes('-G')) {\n const newQueryParams = parseQueryParameters(`?${result.body}`)\n result.queryParameters = result.queryParameters ? [...result.queryParameters, ...newQueryParams] : newQueryParams\n }\n }\n}\n"],"mappings":"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"}

package/dist/v2/features/command-palette/hooks/use-command-palette-state.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import CommandPaletteExample_default from "../components/CommandPaletteExample.vue.js";
 import CommandPaletteImport_default from "../components/CommandPaletteImport.vue.js";
+import CommandPaletteExample_default from "../components/CommandPaletteExample.vue.js";
 import CommandPaletteImportCurl_default from "../components/CommandPaletteImportCurl.vue.js";
 import CommandPaletteImportPostman_default from "../components/CommandPaletteImportPostman.vue.js";
 import CommandPaletteOpenApiDocument_default from "../components/CommandPaletteOpenApiDocument.vue.js";

package/dist/v2/features/command-palette/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export { default as CommandActionForm } from './components/CommandActionForm.vue.js';
+export { default as CommandActionInput } from './components/CommandActionInput.vue.js';
 export { default as CommandPaletteImport } from './components/CommandPaletteImport.vue.js';
 export { default as TheCommandPalette } from './TheCommandPalette.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/command-palette/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/v2/features/command-palette/index.js CHANGED Viewed

@@ -1,3 +1,5 @@
+import CommandActionForm_default from "./components/CommandActionForm.vue.js";
+import CommandActionInput_default from "./components/CommandActionInput.vue.js";
 import CommandPaletteImport_default from "./components/CommandPaletteImport.vue.js";
 import TheCommandPalette_default from "./TheCommandPalette.vue.js";
-export { CommandPaletteImport_default as CommandPaletteImport, TheCommandPalette_default as TheCommandPalette };
+export { CommandActionForm_default as CommandActionForm, CommandActionInput_default as CommandActionInput, CommandPaletteImport_default as CommandPaletteImport, TheCommandPalette_default as TheCommandPalette };

package/dist/v2/features/editor/helpers/configure-language-support.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import openapi_3_1_schema_default from "../schemas/openapi-3.1-schema.json.js";
-import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monaco from "monaco-editor";
 import { configureMonacoYaml } from "monaco-yaml";
 //#region src/v2/features/editor/helpers/configure-language-support.ts
 var OPENAPI_JSON_SCHEMA_URI = "inmemory://model/scalar/openapi-json-schema";
@@ -9,9 +9,9 @@ var OPENAPI_JSON_SCHEMA_URI = "inmemory://model/scalar/openapi-json-schema";
 * @param globPattern - The glob pattern to match the files to configure language support for
 */
 var configureJson = (globPattern) => {
-	const defaults = monaco.languages.json.jsonDefaults;
+	const defaults = monaco.json.jsonDefaults;
 	const current = defaults.diagnosticsOptions;
-	const schemas = [...(current.schemas ?? []).filter((s) => s.uri !== OPENAPI_JSON_SCHEMA_URI), {
+	const schemas = [...(current.schemas ?? []).filter((schema) => schema.uri !== OPENAPI_JSON_SCHEMA_URI), {
 		uri: OPENAPI_JSON_SCHEMA_URI,
 		fileMatch: [globPattern],
 		schema: openapi_3_1_schema_default

package/dist/v2/features/editor/helpers/configure-language-support.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"configure-language-support.js","names":[],"sources":["../../../../../src/v2/features/editor/helpers/configure-language-support.ts"],"sourcesContent":["import * as monaco from 'monaco-editor~~/esm/vs/editor/editor.api.js~~'\nimport { configureMonacoYaml } from 'monaco-yaml'\n\nimport openApiJsonSchema from './../schemas/openapi-3.1-schema.json'\n\nconst OPENAPI_JSON_SCHEMA_URI = 'inmemory://model/scalar/openapi-json-schema'\n\n/*\n Configures JSON language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n /\nexport const configureJson = (globPattern: string): void => {\n const defaults = monaco.~~languages.~~json.jsonDefaults\n const current = defaults.diagnosticsOptions\n\n const existingSchemas = current.schemas ?? []\n const schemas = [\n ...existingSchemas.filter((s) => s.uri !== OPENAPI_JSON_SCHEMA_URI),\n {\n uri: OPENAPI_JSON_SCHEMA_URI,\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n },\n ]\n\n defaults.setDiagnosticsOptions({\n ...current,\n validate: true,\n enableSchemaRequest: false,\n schemas,\n })\n}\n\n/\n Configures YAML language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n */\nexport const configureYaml = (globPattern: string): void => {\n configureMonacoYaml(monaco, {\n enableSchemaRequest: false,\n validate: true,\n format: true,\n completion: true,\n hover: true,\n schemas: [\n {\n // If YAML file is opened matching this glob\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n uri: OPENAPI_JSON_SCHEMA_URI,\n },\n ],\n })\n}\n"],"mappings":";;;;AAKA,IAAM,0BAA0B;;;;;;AAOhC,IAAa,iBAAiB,gBAA8B;CAC1D,MAAM,WAAW,OAAO,~~UAAU,~~KAAK;~~CACvC~~,MAAM,UAAU,SAAS;CAGzB,MAAM,UAAU,CACd,IAFsB,QAAQ,WAAW,EAAE,EAExB,QAAQ,~~MAAM~~,~~EAAE~~,QAAQ,wBAAwB,~~EACnE~~;EACE,KAAK;EACL,WAAW,CAAC,YAAY;EACxB,QAAQ;EACT,CACF;AAED,UAAS,sBAAsB;EAC7B,GAAG;EACH,UAAU;EACV,qBAAqB;EACrB;EACD,CAAC;;;;;;;AAQJ,IAAa,iBAAiB,gBAA8B;AAC1D,qBAAoB,QAAQ;EAC1B,qBAAqB;EACrB,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,SAAS,CACP;GAEE,WAAW,CAAC,YAAY;GACxB,QAAQ;GACR,KAAK;GACN,CACF;EACF,CAAC"}
1	+ {"version":3,"file":"configure-language-support.js","names":[],"sources":["../../../../../src/v2/features/editor/helpers/configure-language-support.ts"],"sourcesContent":["import * as monaco from 'monaco-editor'\nimport { configureMonacoYaml } from 'monaco-yaml'\n\nimport openApiJsonSchema from './../schemas/openapi-3.1-schema.json'\n\nconst OPENAPI_JSON_SCHEMA_URI = 'inmemory://model/scalar/openapi-json-schema'\n\n/*\n Configures JSON language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n /\nexport const configureJson = (globPattern: string): void => {\n const defaults = monaco.json.jsonDefaults\n const current = defaults.diagnosticsOptions\n\n const existingSchemas = current.schemas ?? []\n const schemas = [\n ...existingSchemas.filter((schema) => schema.uri !== OPENAPI_JSON_SCHEMA_URI),\n {\n uri: OPENAPI_JSON_SCHEMA_URI,\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n },\n ]\n\n defaults.setDiagnosticsOptions({\n ...current,\n validate: true,\n enableSchemaRequest: false,\n schemas,\n })\n}\n\n/\n Configures YAML language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n */\nexport const configureYaml = (globPattern: string): void => {\n configureMonacoYaml(monaco, {\n enableSchemaRequest: false,\n validate: true,\n format: true,\n completion: true,\n hover: true,\n schemas: [\n {\n // If YAML file is opened matching this glob\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n uri: OPENAPI_JSON_SCHEMA_URI,\n },\n ],\n })\n}\n"],"mappings":";;;;AAKA,IAAM,0BAA0B;;;;;;AAOhC,IAAa,iBAAiB,gBAA8B;CAC1D,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,UAAU,SAAS;CAGzB,MAAM,UAAU,CACd,IAFsB,QAAQ,WAAW,EAAE,EAExB,QAAQ,WAAW,OAAO,QAAQ,wBAAwB,EAC7E;EACE,KAAK;EACL,WAAW,CAAC,YAAY;EACxB,QAAQ;EACT,CACF;AAED,UAAS,sBAAsB;EAC7B,GAAG;EACH,UAAU;EACV,qBAAqB;EACrB;EACD,CAAC;;;;;;;AAQJ,IAAa,iBAAiB,gBAA8B;AAC1D,qBAAoB,QAAQ;EAC1B,qBAAqB;EACrB,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,SAAS,CACP;GAEE,WAAW,CAAC,YAAY;GACxB,QAAQ;GACR,KAAK;GACN,CACF;EACF,CAAC"}

package/dist/v2/features/editor/helpers/json/get-json-ast-node-from-path.d.ts CHANGED Viewed

@@ -10,5 +10,5 @@ import type { JsonPath } from './json-ast.js';
  * @param path - The JSON path to locate the AST node.
  * @returns A promise resolving to the AST node at the path, or null if not found.
  */
-export declare const getJsonAstNodeFromPath: (model: monaco.editor.ITextModel, path: JsonPath) => Promise<monaco.languages.json.ASTNode | null>;
+export declare const getJsonAstNodeFromPath: (model: monaco.editor.ITextModel, path: JsonPath) => Promise<monaco.json.ASTNode | null>;
 //# sourceMappingURL=get-json-ast-node-from-path.d.ts.map