@scalar/api-client 3.6.1 → 3.8.0

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

@@ -1,53 +0,0 @@
-import type { LoaderPlugin } from '@scalar/json-magic/bundle';
-import { type WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-/**
- * Command Palette Import Component
- *
- * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.
- * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.
- * cURL commands redirect to {@link CommandPaletteImportCurl}.
- *
- * Supports watch mode for URL imports to automatically update when content changes.
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /** The workspace store for adding documents */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** Loader plugin for file import */
-    fileLoader?: LoaderPlugin;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    back: (keyboardEvent: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** The workspace store for adding documents */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** Loader plugin for file import */
-    fileLoader?: LoaderPlugin;
-}> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    /**
-     * Slot for custom file upload component that can trigger import.
-     *
-     * The provided `import` function automatically detects Postman collections
-     * and routes them to the Postman import modal, matching the behavior of the
-     * default file picker.
-     */
-    fileUpload(props: {
-        /** Function to trigger import with source content and type */
-        import: (source: string, type: "file" | "raw") => Promise<void>;
-    }): void;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=CommandPaletteImport.vue.d.ts.map

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

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

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

@@ -1,7 +0,0 @@
-import CommandPaletteImport_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteImport.vue.script.js";
-//#region src/v2/features/command-palette/components/CommandPaletteImport.vue
-var CommandPaletteImport_default = CommandPaletteImport_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { CommandPaletteImport_default as default };
-
-//# sourceMappingURL=CommandPaletteImport.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { isPostmanCollection } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /**\n   * Slot for custom file upload component that can trigger import.\n   *\n   * The provided `import` function automatically detects Postman collections\n   * and routes them to the Postman import modal, matching the behavior of the\n   * default file picker.\n   */\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 loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Trim paste noise for URL checks without changing raw JSON/YAML content. */\nconst normalizedInputContent = computed<string>(() => inputContent.value.trim())\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(normalizedInputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(normalizedInputContent.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 (isUrl(newSource.trim())) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const source = eventType === 'url' ? newSource.trim() : newSource\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source, 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  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/**\n * Import a file, routing Postman collections to the Postman import modal and\n * everything else through the OpenAPI import flow.\n *\n * Shared between the default file picker and the `fileUpload` slot so custom\n * path-based importers get the same Postman detection behavior.\n *\n * When `type` is `'file'` the `source` is a file path resolved through the\n * configured `fileLoader`; when `type` is `'raw'` the `source` is treated as\n * the file's text content directly.\n */\nconst handleFileImport: (\n  source: string,\n  type?: 'file' | 'raw',\n) => Promise<void> = async (source, type = 'raw') => {\n  // Resolve the raw text content so we can sniff for a Postman collection.\n  // For raw pastes / uploads the source already is the text. For path-based\n  // imports we delegate to the file loader plugin, if one is configured.\n  const rawContent = await (async (): Promise<string> => {\n    if (type === 'raw') {\n      return source\n    }\n\n    const result = await fileLoader?.exec(source)\n    return result?.ok ? result.raw : ''\n  })()\n\n  if (isPostmanCollection(rawContent)) {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: rawContent,\n      },\n    })\n    await loader.clear()\n    return\n  }\n\n  await handleImport(source, type)\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      await handleFileImport(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=\"handleFileImport\"\n          name=\"fileUpload\">\n          <!-- Default file upload button -->\n          <ScalarButton\n            class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"openSpecFileDialog\">\n            JSON, or YAML File\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"Upload\"\n              size=\"md\" />\n          </ScalarButton>\n        </slot>\n\n        <!-- Watch mode toggle (only enabled for URL imports) -->\n        <ScalarTooltip\n          :content=\"\n            isUrlInput\n              ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n              : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n          \"\n          placement=\"bottom\">\n          <WatchModeToggle\n            v-model=\"watchMode\"\n            :disabled=\"!isUrlInput\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n\n    <!-- Dynamic submit button text based on import type -->\n    <template #submit>\n      Import\n      <template v-if=\"isUrlInput\">from URL</template>\n      <template v-else-if=\"documentDetails && documentType\">\n        <template v-if=\"documentDetails.title\">\n          \"{{ documentDetails.title }}\"\n        </template>\n        <template v-else>\n          {{ documentDetails.version }}\n        </template>\n      </template>\n      <template v-else>Collection</template>\n    </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

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

@@ -1,227 +0,0 @@
-import { useFileDialog } from "../../../../hooks/use-file-dialog.js";
-import CommandActionForm_default from "./CommandActionForm.vue.js";
-import CommandActionInput_default from "./CommandActionInput.vue.js";
-import { isUrl } from "../../../helpers/is-url.js";
-import { getOpenApiDocumentDetails } from "../helpers/get-openapi-document-details.js";
-import { importDocumentToWorkspace } from "../helpers/import-document-to-workspace.js";
-import { loadDocumentFromSource } from "../helpers/load-document-from-source.js";
-import WatchModeToggle_default from "./WatchModeToggle.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarCodeBlock, ScalarIcon, ScalarTooltip, useLoadingState } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
-import { isPostmanCollection } from "@scalar/postman-to-openapi";
-import { createWorkspaceStore } from "@scalar/workspace-store/client";
-//#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" };
-var CommandPaletteImport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "CommandPaletteImport",
-	props: {
-		workspaceStore: {},
-		eventBus: {},
-		fileLoader: {}
-	},
-	emits: ["close", "back"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const { toast } = useToasts();
-		const loader = useLoadingState();
-		const inputContent = ref("");
-		const watchMode = ref(false);
-		/** Trim paste noise for URL checks without changing raw JSON/YAML content. */
-		const normalizedInputContent = computed(() => inputContent.value.trim());
-		/** Check if the input content is a URL */
-		const isUrlInput = computed(() => isUrl(normalizedInputContent.value));
-		const isLocalUrlInput = computed(() => isUrlInput.value && isLocalUrl(normalizedInputContent.value));
-		const documentDetails = computed(() => getOpenApiDocumentDetails(inputContent.value));
-		/** Get the document type for syntax highlighting */
-		const documentType = computed(() => documentDetails.value ? documentDetails.value.type : "json");
-		/** Check if the form should be disabled (when input is empty) */
-		const isDisabled = computed(() => {
-			return !inputContent.value.trim();
-		});
-		/**
-		* Toggle watchMode based on whether the input is a local URL.
-		* Only enables watch mode for local URLs, not for files or pasted content.
-		*/
-		watch(isLocalUrlInput, (value) => {
-			watchMode.value = value;
-		});
-		/**
-		* Handles errors during the import process.
-		* Shows an error toast, invalidates the loader to show an error state,
-		* and closes the command palette modal.
-		*
-		* @param errorMessage - The error message to display and log
-		*/
-		const handleImportError = async (errorMessage) => {
-			console.error(errorMessage);
-			toast(errorMessage, "error");
-			await loader.invalidate();
-			emit("close");
-		};
-		/**
-		* Directly imports a document into the workspace without showing the modal.
-		* This is used when there is only one workspace and it is empty.
-		*/
-		const handleImport = async (newSource, type) => {
-			loader.start();
-			const TEMP_DOCUMENT_NAME = "drafts";
-			const draftStore = createWorkspaceStore({
-				fileLoader: __props.fileLoader,
-				meta: { "x-scalar-active-proxy": __props.workspaceStore.workspace["x-scalar-active-proxy"] }
-			});
-			const eventType = (() => {
-				if (type) return type;
-				if (isUrl(newSource.trim())) return "url";
-				return "raw";
-			})();
-			if (!await loadDocumentFromSource(draftStore, {
-				source: eventType === "url" ? newSource.trim() : newSource,
-				type: eventType
-			}, TEMP_DOCUMENT_NAME, watchMode.value)) return handleImportError("Failed to import document");
-			const importResult = await importDocumentToWorkspace({
-				workspaceStore: __props.workspaceStore,
-				workspaceState: draftStore.exportWorkspace(),
-				name: TEMP_DOCUMENT_NAME
-			});
-			if (!importResult.ok) return handleImportError(importResult.error);
-			await loader.validate();
-			navigateToDocument(importResult.slug);
-			emit("close");
-		};
-		/** Navigate to the document overview page after successful import */
-		const navigateToDocument = (documentName) => {
-			__props.eventBus.emit("ui:navigate", {
-				page: "document",
-				path: "overview",
-				documentSlug: documentName
-			});
-		};
-		/**
-		* Import a file, routing Postman collections to the Postman import modal and
-		* everything else through the OpenAPI import flow.
-		*
-		* Shared between the default file picker and the `fileUpload` slot so custom
-		* path-based importers get the same Postman detection behavior.
-		*
-		* When `type` is `'file'` the `source` is a file path resolved through the
-		* configured `fileLoader`; when `type` is `'raw'` the `source` is treated as
-		* the file's text content directly.
-		*/
-		const handleFileImport = async (source, type = "raw") => {
-			const rawContent = await (async () => {
-				if (type === "raw") return source;
-				const result = await __props.fileLoader?.exec(source);
-				return result?.ok ? result.raw : "";
-			})();
-			if (isPostmanCollection(rawContent)) {
-				__props.eventBus.emit("ui:open:command-palette", {
-					action: "import-postman-collection",
-					payload: { inputValue: rawContent }
-				});
-				await loader.clear();
-				return;
-			}
-			await handleImport(source, type);
-		};
-		/**
-		* Handle file selection and import from file dialog.
-		* Reads the file as text and imports it as OpenAPI or Postman collection.
-		* Shows loading state during the import process.
-		*/
-		const { open: openSpecFileDialog } = useFileDialog({
-			onChange: (files) => {
-				const [file] = files ?? [];
-				if (!file) return;
-				loader.start();
-				const onLoad = async (event) => {
-					const text = event.target?.result;
-					await handleFileImport(text, "raw");
-				};
-				const reader = new FileReader();
-				reader.onload = onLoad;
-				reader.readAsText(file);
-			},
-			multiple: false,
-			accept: ".json,.yaml,.yml"
-		});
-		/**
-		* Handle input changes.
-		* Detects cURL commands and redirects to the cURL import command.
-		*/
-		const handleInput = (value) => {
-			const trimmed = value.trim();
-			if (trimmed.toLowerCase().startsWith("curl")) return __props.eventBus.emit("ui:open:command-palette", {
-				action: "import-curl-command",
-				payload: { inputValue: value }
-			});
-			if (isPostmanCollection(trimmed)) return __props.eventBus.emit("ui:open:command-palette", {
-				action: "import-postman-collection",
-				payload: { inputValue: value }
-			});
-			inputContent.value = value;
-		};
-		/** Handle back navigation when user presses backspace on empty input */
-		const handleBack = (event) => {
-			emit("back", event);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(CommandActionForm_default, {
-				disabled: isDisabled.value,
-				loader: unref(loader),
-				onSubmit: _cache[2] || (_cache[2] = ($event) => handleImport(inputContent.value))
-			}, {
-				options: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "fileUpload", { import: handleFileImport }, () => [createVNode(unref(ScalarButton), {
-					class: "hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs",
-					variant: "outlined",
-					onClick: unref(openSpecFileDialog)
-				}, {
-					default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" JSON, or YAML File ", -1)), createVNode(unref(ScalarIcon), {
-						class: "text-c-3",
-						icon: "Upload",
-						size: "md"
-					})]),
-					_: 1
-				}, 8, ["onClick"])]), createVNode(unref(ScalarTooltip), {
-					content: isUrlInput.value ? "Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date." : "Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.",
-					placement: "bottom"
-				}, {
-					default: withCtx(() => [createVNode(WatchModeToggle_default, {
-						modelValue: watchMode.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => watchMode.value = $event),
-						disabled: !isUrlInput.value
-					}, null, 8, ["modelValue", "disabled"])]),
-					_: 1
-				}, 8, ["content"])])]),
-				submit: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" Import ", -1)), isUrlInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("from URL")], 64)) : documentDetails.value && documentType.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [documentDetails.value.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" \"" + toDisplayString(documentDetails.value.title) + "\" ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(documentDetails.value.version), 1)], 64))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode("Collection")], 64))]),
-				default: withCtx(() => [!documentDetails.value || isUrlInput.value ? (openBlock(), createBlock(CommandActionInput_default, {
-					key: 0,
-					modelValue: inputContent.value,
-					placeholder: "OpenAPI/Swagger/Postman URL or cURL",
-					onDelete: handleBack,
-					"onUpdate:modelValue": handleInput
-				}, null, 8, ["modelValue"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_1, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs" }, " Preview ", -1)), createVNode(unref(ScalarButton), {
-					class: "hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs",
-					variant: "ghost",
-					onClick: _cache[0] || (_cache[0] = ($event) => inputContent.value = "")
-				}, {
-					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Clear ", -1)])]),
-					_: 1
-				})]), documentDetails.value && !isUrlInput.value ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
-					key: 0,
-					class: "bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm",
-					content: inputContent.value,
-					copy: false,
-					lang: documentType.value
-				}, null, 8, ["content", "lang"])) : createCommentVNode("", true)], 64))]),
-				_: 3
-			}, 8, ["disabled", "loader"]);
-		};
-	}
-});
-//#endregion
-export { CommandPaletteImport_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CommandPaletteImport.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Component\n *\n * Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n *\n * Supports watch mode for URL imports to automatically update when content changes.\n */\nexport default {\n  name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { isPostmanCollection } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  createWorkspaceStore,\n  type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport {\n  loadDocumentFromSource,\n  type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n  /** The workspace store for adding documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** Loader plugin for file import */\n  fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete or cancelled */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n  /**\n   * Slot for custom file upload component that can trigger import.\n   *\n   * The provided `import` function automatically detects Postman collections\n   * and routes them to the Postman import modal, matching the behavior of the\n   * default file picker.\n   */\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 loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/** Trim paste noise for URL checks without changing raw JSON/YAML content. */\nconst normalizedInputContent = computed<string>(() => inputContent.value.trim())\n\n/** Check if the input content is a URL */\nconst isUrlInput = computed<boolean>(() => isUrl(normalizedInputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n  () => isUrlInput.value && isLocalUrl(normalizedInputContent.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 (isUrl(newSource.trim())) {\n      return 'url'\n    }\n\n    return 'raw'\n  })()\n\n  const source = eventType === 'url' ? newSource.trim() : newSource\n\n  const isSuccessfullyLoaded = await loadDocumentFromSource(\n    draftStore,\n    { source, 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  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/**\n * Import a file, routing Postman collections to the Postman import modal and\n * everything else through the OpenAPI import flow.\n *\n * Shared between the default file picker and the `fileUpload` slot so custom\n * path-based importers get the same Postman detection behavior.\n *\n * When `type` is `'file'` the `source` is a file path resolved through the\n * configured `fileLoader`; when `type` is `'raw'` the `source` is treated as\n * the file's text content directly.\n */\nconst handleFileImport: (\n  source: string,\n  type?: 'file' | 'raw',\n) => Promise<void> = async (source, type = 'raw') => {\n  // Resolve the raw text content so we can sniff for a Postman collection.\n  // For raw pastes / uploads the source already is the text. For path-based\n  // imports we delegate to the file loader plugin, if one is configured.\n  const rawContent = await (async (): Promise<string> => {\n    if (type === 'raw') {\n      return source\n    }\n\n    const result = await fileLoader?.exec(source)\n    return result?.ok ? result.raw : ''\n  })()\n\n  if (isPostmanCollection(rawContent)) {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'import-postman-collection',\n      payload: {\n        inputValue: rawContent,\n      },\n    })\n    await loader.clear()\n    return\n  }\n\n  await handleImport(source, type)\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      await handleFileImport(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=\"handleFileImport\"\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/CommandPaletteImportCurl.vue.d.ts

@@ -1,44 +0,0 @@
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-/**
- * Command Palette Import cURL Component
- *
- * Provides a form for importing API requests from cURL commands.
- * Parses the cURL command to extract the HTTP method, URL, path, headers,
- * and body, then creates a new operation in the selected document.
- *
- * Validates that no conflicting operation exists at the same path/method.
- *
- * @example
- * <CommandPaletteImportCurl
- *   :workspaceStore="workspaceStore"
- *   :eventBus="eventBus"
- *   :curl="curlCommand"
- *   @close="handleClose"
- *   @back="handleBack"
- * />
- */
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** The cURL command string to parse and import */
-    inputValue: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    back: (keyboardEvent: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** The workspace store for accessing documents and operations */
-    workspaceStore: WorkspaceStore;
-    /** Event bus for emitting operation creation events */
-    eventBus: WorkspaceEventBus;
-    /** The cURL command string to parse and import */
-    inputValue: string;
-}> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=CommandPaletteImportCurl.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImportCurl.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportCurl.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AASvE;;;;;;;;;;;;;;;;;GAiBG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,kDAAkD;gBACtC,MAAM;;;;;IALlB,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,kDAAkD;gBACtC,MAAM;;;;kFAsUhB,CAAC"}

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

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteImportCurl.vue.script.js";
-/* empty css                                       */
-//#region src/v2/features/command-palette/components/CommandPaletteImportCurl.vue
-var CommandPaletteImportCurl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-311ac78f"]]);
-//#endregion
-export { CommandPaletteImportCurl_default as default };
-
-//# sourceMappingURL=CommandPaletteImportCurl.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImportCurl.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportCurl.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import cURL Component\n *\n * Provides a form for importing API requests from cURL commands.\n * Parses the cURL command to extract the HTTP method, URL, path, headers,\n * and body, then creates a new operation in the selected document.\n *\n * Validates that no conflicting operation exists at the same path/method.\n *\n * @example\n * <CommandPaletteImportCurl\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   :curl=\"curlCommand\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandPaletteImportCurl',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  type ScalarComboboxOption,\n} from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, type ComputedRef } from 'vue'\n\nimport HttpMethod from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\nimport CommandActionForm from '@/v2/features/command-palette/components/CommandActionForm.vue'\nimport CommandActionInput from '@/v2/features/command-palette/components/CommandActionInput.vue'\nimport { getOperationFromCurl } from '@/v2/features/command-palette/helpers/get-operation-from-curl'\n\nconst { workspaceStore, inputValue, eventBus } = defineProps<{\n  /** The workspace store for accessing documents and operations */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** The cURL command string to parse and import */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst exampleKey = ref('')\n\n/** Trimmed version of the example key for validation and submission */\nconst exampleKeyTrimmed = computed<string>(() => exampleKey.value.trim())\n\n/** Parse the cURL command to extract path, method, and operation details */\nconst { path, method, operation } = getOperationFromCurl(inputValue)\n\n/** List of all available documents (collections) in the workspace */\nconst documents = computed(() =>\n  Object.keys(workspaceStore.workspace.documents).map((document) => ({\n    id: document,\n    label: document,\n  })),\n)\n\nconst selectedDocument = ref<ScalarComboboxOption | undefined>(\n  documents.value[0],\n)\n\n/**\n * Validation message surfaced under the input.\n *\n * Resolves to `null` when the form is valid; otherwise to a human-readable\n * reason the user can act on. Empty input is the default state so we keep\n * the field free of error styling — `isDisabled` still blocks submission\n * there, matching the {@link CommandPaletteOpenApiDocument} pattern.\n */\nconst errorMessage: ComputedRef<string | null> = computed(() => {\n  if (!exampleKeyTrimmed.value || !selectedDocument.value) {\n    return null\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  if (document?.paths?.[path]?.[method]) {\n    return `A ${method.toUpperCase()} operation at \"${path}\" already exists in \"${selectedDocument.value.label}\". Importing this cURL would conflict with it.`\n  }\n\n  return null\n})\n\n/**\n * Submit is blocked while required fields are missing or a duplicate exists.\n * The inline `errorMessage` makes the duplicate case explicit so the user\n * understands why import is unavailable rather than seeing a silent disable.\n */\nconst isDisabled = computed<boolean>(\n  () =>\n    !exampleKeyTrimmed.value ||\n    !selectedDocument.value ||\n    errorMessage.value !== null,\n)\n\n/**\n * Handle the import submission.\n * Creates a new operation in the selected document from the parsed cURL command.\n */\nconst handleImportClick = (): void => {\n  const documentName = selectedDocument.value\n\n  if (isDisabled.value || !documentName) {\n    return\n  }\n\n  /** Re-parse with the example key to include it in the operation */\n  const result = getOperationFromCurl(inputValue, exampleKeyTrimmed.value)\n\n  eventBus.emit('operation:create:operation', {\n    documentName: documentName.id,\n    path: result.path,\n    method: result.method,\n    operation: result.operation,\n    exampleKey: exampleKeyTrimmed.value,\n    callback: (success) => {\n      if (!success) {\n        return\n      }\n\n      // build the sidebar\n      workspaceStore.buildSidebar(documentName.id)\n\n      const normalizedPath = result.path.startsWith('/')\n        ? result.path\n        : `/${result.path}`\n\n      // Navigate to the new example via the event bus rather than the router\n      eventBus.emit('ui:navigate', {\n        page: 'example',\n        documentSlug: documentName.id,\n        path: normalizedPath,\n        method: result.method,\n        exampleName: exampleKeyTrimmed.value,\n      })\n    },\n  })\n\n  emit('close')\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    @submit=\"handleImportClick\">\n    <!-- Example key input -->\n    <CommandActionInput\n      v-model=\"exampleKey\"\n      placeholder=\"Curl example key (e.g., example-1)\"\n      @delete=\"handleBack\" />\n\n    <p\n      v-if=\"errorMessage\"\n      class=\"text-red px-2 pb-1 text-xs\"\n      data-testid=\"command-palette-import-curl-error\"\n      role=\"alert\">\n      {{ errorMessage }}\n    </p>\n\n    <!-- Preview of the parsed cURL request (method + URL + path) -->\n    <div class=\"flex flex-1 flex-col gap-2\">\n      <div\n        class=\"flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm\">\n        <HttpMethod\n          class=\"border-r-1 px-1\"\n          :method=\"method\" />\n        <span class=\"scroll-timeline-x whitespace-nowrap\">\n          {{ operation.servers?.[0]?.url || '' }}{{ path }}\n        </span>\n      </div>\n    </div>\n\n    <!-- Document selector -->\n    <template #options>\n      <div class=\"flex items-center gap-2\">\n        <ScalarListbox\n          v-model=\"selectedDocument\"\n          :options=\"documents\">\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span\n              class=\"whitespace-nowrap\"\n              :class=\"selectedDocument ? 'text-c-1' : 'text-c-3'\">\n              {{\n                selectedDocument ? selectedDocument.label : 'Select Collection'\n              }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n      </div>\n    </template>\n\n    <template #submit>Import Request</template>\n  </CommandActionForm>\n</template>\n<style scoped>\n/**\n * Custom horizontal scroll for the URL preview.\n * Hides scrollbar for a cleaner appearance while maintaining scroll functionality.\n */\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox support */\n  scroll-timeline: --scroll-timeline horizontal;\n  /* Hide scrollbar in IE and Edge */\n  -ms-overflow-style: none;\n  /* Hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\n/* Hide scrollbar in Chrome, Safari, and Opera */\n.scroll-timeline-x::-webkit-scrollbar {\n  display: none;\n}\n</style>\n"],"mappings":""}

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

@@ -1,137 +0,0 @@
-import HttpMethod_default from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
-import CommandActionForm_default from "./CommandActionForm.vue.js";
-import CommandActionInput_default from "./CommandActionInput.vue.js";
-import { getOperationFromCurl } from "../helpers/get-operation-from-curl.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
-import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
-//#region src/v2/features/command-palette/components/CommandPaletteImportCurl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "text-red px-2 pb-1 text-xs",
-	"data-testid": "command-palette-import-curl-error",
-	role: "alert"
-};
-var _hoisted_2 = { class: "flex flex-1 flex-col gap-2" };
-var _hoisted_3 = { class: "flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm" };
-var _hoisted_4 = { class: "scroll-timeline-x whitespace-nowrap" };
-var _hoisted_5 = { class: "flex items-center gap-2" };
-var CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "CommandPaletteImportCurl",
-	props: {
-		workspaceStore: {},
-		eventBus: {},
-		inputValue: {}
-	},
-	emits: ["close", "back"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const exampleKey = ref("");
-		/** Trimmed version of the example key for validation and submission */
-		const exampleKeyTrimmed = computed(() => exampleKey.value.trim());
-		/** Parse the cURL command to extract path, method, and operation details */
-		const { path, method, operation } = getOperationFromCurl(__props.inputValue);
-		/** List of all available documents (collections) in the workspace */
-		const documents = computed(() => Object.keys(__props.workspaceStore.workspace.documents).map((document) => ({
-			id: document,
-			label: document
-		})));
-		const selectedDocument = ref(documents.value[0]);
-		/**
-		* Validation message surfaced under the input.
-		*
-		* Resolves to `null` when the form is valid; otherwise to a human-readable
-		* reason the user can act on. Empty input is the default state so we keep
-		* the field free of error styling — `isDisabled` still blocks submission
-		* there, matching the {@link CommandPaletteOpenApiDocument} pattern.
-		*/
-		const errorMessage = computed(() => {
-			if (!exampleKeyTrimmed.value || !selectedDocument.value) return null;
-			if (__props.workspaceStore.workspace.documents[selectedDocument.value.id]?.paths?.[path]?.[method]) return `A ${method.toUpperCase()} operation at "${path}" already exists in "${selectedDocument.value.label}". Importing this cURL would conflict with it.`;
-			return null;
-		});
-		/**
-		* Submit is blocked while required fields are missing or a duplicate exists.
-		* The inline `errorMessage` makes the duplicate case explicit so the user
-		* understands why import is unavailable rather than seeing a silent disable.
-		*/
-		const isDisabled = computed(() => !exampleKeyTrimmed.value || !selectedDocument.value || errorMessage.value !== null);
-		/**
-		* Handle the import submission.
-		* Creates a new operation in the selected document from the parsed cURL command.
-		*/
-		const handleImportClick = () => {
-			const documentName = selectedDocument.value;
-			if (isDisabled.value || !documentName) return;
-			/** Re-parse with the example key to include it in the operation */
-			const result = getOperationFromCurl(__props.inputValue, exampleKeyTrimmed.value);
-			__props.eventBus.emit("operation:create:operation", {
-				documentName: documentName.id,
-				path: result.path,
-				method: result.method,
-				operation: result.operation,
-				exampleKey: exampleKeyTrimmed.value,
-				callback: (success) => {
-					if (!success) return;
-					__props.workspaceStore.buildSidebar(documentName.id);
-					const normalizedPath = result.path.startsWith("/") ? result.path : `/${result.path}`;
-					__props.eventBus.emit("ui:navigate", {
-						page: "example",
-						documentSlug: documentName.id,
-						path: normalizedPath,
-						method: result.method,
-						exampleName: exampleKeyTrimmed.value
-					});
-				}
-			});
-			emit("close");
-		};
-		/** Handle back navigation when user presses backspace on empty input */
-		const handleBack = (event) => {
-			emit("back", event);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(CommandActionForm_default, {
-				disabled: isDisabled.value,
-				onSubmit: handleImportClick
-			}, {
-				options: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarListbox), {
-					modelValue: selectedDocument.value,
-					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedDocument.value = $event),
-					options: documents.value
-				}, {
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
-						variant: "outlined"
-					}, {
-						default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["whitespace-nowrap", selectedDocument.value ? "text-c-1" : "text-c-3"]) }, toDisplayString(selectedDocument.value ? selectedDocument.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
-							class: "text-c-3",
-							icon: "ChevronDown",
-							size: "md"
-						})]),
-						_: 1
-					})]),
-					_: 1
-				}, 8, ["modelValue", "options"])])]),
-				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Import Request", -1)])]),
-				default: withCtx(() => [
-					createVNode(CommandActionInput_default, {
-						modelValue: exampleKey.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => exampleKey.value = $event),
-						placeholder: "Curl example key (e.g., example-1)",
-						onDelete: handleBack
-					}, null, 8, ["modelValue"]),
-					errorMessage.value ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(HttpMethod_default, {
-						class: "border-r-1 px-1",
-						method: unref(method)
-					}, null, 8, ["method"]), createElementVNode("span", _hoisted_4, toDisplayString(unref(operation).servers?.[0]?.url || "") + toDisplayString(unref(path)), 1)])])
-				]),
-				_: 1
-			}, 8, ["disabled"]);
-		};
-	}
-});
-//#endregion
-export { CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CommandPaletteImportCurl.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPaletteImportCurl.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportCurl.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import cURL Component\n *\n * Provides a form for importing API requests from cURL commands.\n * Parses the cURL command to extract the HTTP method, URL, path, headers,\n * and body, then creates a new operation in the selected document.\n *\n * Validates that no conflicting operation exists at the same path/method.\n *\n * @example\n * <CommandPaletteImportCurl\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   :curl=\"curlCommand\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandPaletteImportCurl',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  type ScalarComboboxOption,\n} from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, type ComputedRef } from 'vue'\n\nimport HttpMethod from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\nimport CommandActionForm from '@/v2/features/command-palette/components/CommandActionForm.vue'\nimport CommandActionInput from '@/v2/features/command-palette/components/CommandActionInput.vue'\nimport { getOperationFromCurl } from '@/v2/features/command-palette/helpers/get-operation-from-curl'\n\nconst { workspaceStore, inputValue, eventBus } = defineProps<{\n  /** The workspace store for accessing documents and operations */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting operation creation events */\n  eventBus: WorkspaceEventBus\n  /** The cURL command string to parse and import */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the import is complete */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst exampleKey = ref('')\n\n/** Trimmed version of the example key for validation and submission */\nconst exampleKeyTrimmed = computed<string>(() => exampleKey.value.trim())\n\n/** Parse the cURL command to extract path, method, and operation details */\nconst { path, method, operation } = getOperationFromCurl(inputValue)\n\n/** List of all available documents (collections) in the workspace */\nconst documents = computed(() =>\n  Object.keys(workspaceStore.workspace.documents).map((document) => ({\n    id: document,\n    label: document,\n  })),\n)\n\nconst selectedDocument = ref<ScalarComboboxOption | undefined>(\n  documents.value[0],\n)\n\n/**\n * Validation message surfaced under the input.\n *\n * Resolves to `null` when the form is valid; otherwise to a human-readable\n * reason the user can act on. Empty input is the default state so we keep\n * the field free of error styling — `isDisabled` still blocks submission\n * there, matching the {@link CommandPaletteOpenApiDocument} pattern.\n */\nconst errorMessage: ComputedRef<string | null> = computed(() => {\n  if (!exampleKeyTrimmed.value || !selectedDocument.value) {\n    return null\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  if (document?.paths?.[path]?.[method]) {\n    return `A ${method.toUpperCase()} operation at \"${path}\" already exists in \"${selectedDocument.value.label}\". Importing this cURL would conflict with it.`\n  }\n\n  return null\n})\n\n/**\n * Submit is blocked while required fields are missing or a duplicate exists.\n * The inline `errorMessage` makes the duplicate case explicit so the user\n * understands why import is unavailable rather than seeing a silent disable.\n */\nconst isDisabled = computed<boolean>(\n  () =>\n    !exampleKeyTrimmed.value ||\n    !selectedDocument.value ||\n    errorMessage.value !== null,\n)\n\n/**\n * Handle the import submission.\n * Creates a new operation in the selected document from the parsed cURL command.\n */\nconst handleImportClick = (): void => {\n  const documentName = selectedDocument.value\n\n  if (isDisabled.value || !documentName) {\n    return\n  }\n\n  /** Re-parse with the example key to include it in the operation */\n  const result = getOperationFromCurl(inputValue, exampleKeyTrimmed.value)\n\n  eventBus.emit('operation:create:operation', {\n    documentName: documentName.id,\n    path: result.path,\n    method: result.method,\n    operation: result.operation,\n    exampleKey: exampleKeyTrimmed.value,\n    callback: (success) => {\n      if (!success) {\n        return\n      }\n\n      // build the sidebar\n      workspaceStore.buildSidebar(documentName.id)\n\n      const normalizedPath = result.path.startsWith('/')\n        ? result.path\n        : `/${result.path}`\n\n      // Navigate to the new example via the event bus rather than the router\n      eventBus.emit('ui:navigate', {\n        page: 'example',\n        documentSlug: documentName.id,\n        path: normalizedPath,\n        method: result.method,\n        exampleName: exampleKeyTrimmed.value,\n      })\n    },\n  })\n\n  emit('close')\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    @submit=\"handleImportClick\">\n    <!-- Example key input -->\n    <CommandActionInput\n      v-model=\"exampleKey\"\n      placeholder=\"Curl example key (e.g., example-1)\"\n      @delete=\"handleBack\" />\n\n    <p\n      v-if=\"errorMessage\"\n      class=\"text-red px-2 pb-1 text-xs\"\n      data-testid=\"command-palette-import-curl-error\"\n      role=\"alert\">\n      {{ errorMessage }}\n    </p>\n\n    <!-- Preview of the parsed cURL request (method + URL + path) -->\n    <div class=\"flex flex-1 flex-col gap-2\">\n      <div\n        class=\"flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm\">\n        <HttpMethod\n          class=\"border-r-1 px-1\"\n          :method=\"method\" />\n        <span class=\"scroll-timeline-x whitespace-nowrap\">\n          {{ operation.servers?.[0]?.url || '' }}{{ path }}\n        </span>\n      </div>\n    </div>\n\n    <!-- Document selector -->\n    <template #options>\n      <div class=\"flex items-center gap-2\">\n        <ScalarListbox\n          v-model=\"selectedDocument\"\n          :options=\"documents\">\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span\n              class=\"whitespace-nowrap\"\n              :class=\"selectedDocument ? 'text-c-1' : 'text-c-3'\">\n              {{\n                selectedDocument ? selectedDocument.label : 'Select Collection'\n              }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n      </div>\n    </template>\n\n    <template #submit>Import Request</template>\n  </CommandActionForm>\n</template>\n<style scoped>\n/**\n * Custom horizontal scroll for the URL preview.\n * Hides scrollbar for a cleaner appearance while maintaining scroll functionality.\n */\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox support */\n  scroll-timeline: --scroll-timeline horizontal;\n  /* Hide scrollbar in IE and Edge */\n  -ms-overflow-style: none;\n  /* Hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\n/* Hide scrollbar in Chrome, Safari, and Opera */\n.scroll-timeline-x::-webkit-scrollbar {\n  display: none;\n}\n</style>\n"],"mappings":"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"}