@scalar/api-client 2.38.4 → 2.39.0

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

@@ -0,0 +1,125 @@
+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, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarListbox } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/v2/features/command-palette/components/CommandPaletteImportCurl.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 flex-col gap-2" };
+var _hoisted_2 = { class: "flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm" };
+var _hoisted_3 = { class: "scroll-timeline-x whitespace-nowrap" };
+var _hoisted_4 = { 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 router = useRouter();
+		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]);
+		/**
+		* Check if the form should be disabled.
+		* Disabled when:
+		* - Example key is empty
+		* - No document is selected
+		* - An operation with the same path and method already exists in the selected document
+		*/
+		const isDisabled = computed(() => {
+			if (!exampleKeyTrimmed.value || !selectedDocument.value) return true;
+			if (__props.workspaceStore.workspace.documents[selectedDocument.value.id]?.paths?.[path]?.[method]) return true;
+			return false;
+		});
+		/**
+		* 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) {
+						__props.workspaceStore.buildSidebar(documentName.id);
+						const path = result.path.startsWith("/") ? result.path : `/${result.path}`;
+						router.push({
+							name: "example",
+							params: {
+								documentSlug: documentName.id,
+								pathEncoded: encodeURIComponent(path),
+								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_4, [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"]), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(HttpMethod_default, {
+					class: "border-r-1 px-1",
+					method: unref(method)
+				}, null, 8, ["method"]), createElementVNode("span", _hoisted_3, 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

@@ -0,0 +1 @@
+{"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 } from 'vue'\nimport { useRouter } from 'vue-router'\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 router = useRouter()\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 * Check if the form should be disabled.\n * Disabled when:\n * - Example key is empty\n * - No document is selected\n * - An operation with the same path and method already exists in the selected document\n */\nconst isDisabled = computed<boolean>(() => {\n  if (!exampleKeyTrimmed.value || !selectedDocument.value) {\n    return true\n  }\n\n  /** Prevent creating duplicate operations at the same path/method */\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n  if (document?.paths?.[path]?.[method]) {\n    return true\n  }\n\n  return false\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        // build the sidebar\n        workspaceStore.buildSidebar(documentName.id)\n\n        const path = result.path.startsWith('/')\n          ? result.path\n          : `/${result.path}`\n\n        // navigate to the operation\n        router.push({\n          name: 'example',\n          params: {\n            documentSlug: documentName.id,\n            pathEncoded: encodeURIComponent(path),\n            method: result.method,\n            exampleName: exampleKeyTrimmed.value,\n          },\n        })\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    <!-- 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":";;;;;;;;;;;;;CAoBE,MAAM;;;;;;;;EA8BR,MAAM,OAAO;EAOb,MAAM,SAAS,WAAU;EAEzB,MAAM,aAAa,IAAI,GAAE;;EAGzB,MAAM,oBAAoB,eAAuB,WAAW,MAAM,MAAM,CAAA;;EAGxE,MAAM,EAAE,MAAM,QAAQ,cAAc,qBAAqB,QAAA,WAAU;;EAGnE,MAAM,YAAY,eAChB,OAAO,KAAK,QAAA,eAAe,UAAU,UAAU,CAAC,KAAK,cAAc;GACjE,IAAI;GACJ,OAAO;GACR,EAAE,CACL;EAEA,MAAM,mBAAmB,IACvB,UAAU,MAAM,GAClB;;;;;;;;EASA,MAAM,aAAa,eAAwB;AACzC,OAAI,CAAC,kBAAkB,SAAS,CAAC,iBAAiB,MAChD,QAAO;AAKT,OADiB,QAAA,eAAe,UAAU,UAAU,iBAAiB,MAAM,KAC7D,QAAQ,QAAQ,QAC5B,QAAO;AAGT,UAAO;IACR;;;;;EAMD,MAAM,0BAAgC;GACpC,MAAM,eAAe,iBAAiB;AAEtC,OAAI,WAAW,SAAS,CAAC,aACvB;;GAIF,MAAM,SAAS,qBAAqB,QAAA,YAAY,kBAAkB,MAAK;AAEvE,WAAA,SAAS,KAAK,8BAA8B;IAC1C,cAAc,aAAa;IAC3B,MAAM,OAAO;IACb,QAAQ,OAAO;IACf,WAAW,OAAO;IAClB,YAAY,kBAAkB;IAC9B,WAAW,YAAY;AACrB,SAAI,SAAS;AAEX,cAAA,eAAe,aAAa,aAAa,GAAE;MAE3C,MAAM,OAAO,OAAO,KAAK,WAAW,IAAG,GACnC,OAAO,OACP,IAAI,OAAO;AAGf,aAAO,KAAK;OACV,MAAM;OACN,QAAQ;QACN,cAAc,aAAa;QAC3B,aAAa,mBAAmB,KAAK;QACrC,QAAQ,OAAO;QACf,aAAa,kBAAkB;QAChC;OACF,CAAA;;;IAGN,CAAA;AAED,QAAK,QAAO;;;EAId,MAAM,cAAc,UAA+B;AACjD,QAAK,QAAQ,MAAK;;;uBAIlB,YAgDoB,2BAAA;IA/CjB,UAAU,WAAA;IACV,UAAQ;;IAqBE,SAAO,cAqBV,CApBN,mBAoBM,OApBN,YAoBM,CAnBJ,YAkBgB,MAAA,cAAA,EAAA;iBAjBL,iBAAA;mFAAgB,QAAA;KACxB,SAAS,UAAA;;4BAeK,CAdf,YAce,MAAA,aAAA,EAAA;MAbb,OAAM;MACN,SAAQ;;6BAOD,CANP,mBAMO,QAAA,EALL,OAAK,eAAA,CAAC,qBACE,iBAAA,QAAgB,aAAA,WAAA,CAAA,EAAA,EAAA,gBAEtB,iBAAA,QAAmB,iBAAA,MAAiB,QAAK,oBAAA,EAAA,EAAA,EAG7C,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;;;;IAMJ,QAAM,cAAe,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAd,kBAAc,GAAA,CAAA,EAAA,CAAA;2BAxCP,CAHzB,YAGyB,4BAAA;iBAFd,WAAA;6EAAU,QAAA;KACnB,aAAY;KACX,UAAQ;iCAGX,mBAUM,OAVN,YAUM,CATJ,mBAQM,OARN,YAQM,CANJ,YAEqB,oBAAA;KADnB,OAAM;KACL,QAAQ,MAAA,OAAM;6BACjB,mBAEO,QAFP,YAEO,gBADF,MAAA,UAAS,CAAC,UAAO,IAAO,OAAG,GAAA,GAAA,gBAAY,MAAA,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,30 @@
+import { type WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+/**
+ * Command Palette Import Postman Component
+ *
+ * Imports Postman collections from URL, file, or pasted JSON, including
+ * request selection, merge-into-existing, and convert options.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting import events */
+    eventBus: WorkspaceEventBus;
+    /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */
+    inputValue: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    back: (keyboardEvent: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting import events */
+    eventBus: WorkspaceEventBus;
+    /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */
+    inputValue: string;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=CommandPaletteImportPostman.vue.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,151 @@
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import { generateUniqueSlug } from "../helpers/generate-unique-slug.js";
+import { getOpenApiFromPostman } from "../helpers/get-openapi-from-postman.js";
+import PostmanImportPreview_default from "./PostmanImportPreview.vue.js";
+import { applyPostmanFolderSelectionChange, applyPostmanRequestSelectionChange, buildPostmanRequestTree, countPostmanRequestLeaves, pathKey, pathKeysToRequestIndexPaths } from "../helpers/postman-request-tree.js";
+import PostmanRequestTreeRow_default from "./PostmanRequestTreeRow.vue.js";
+import { getPostmanDocumentDetails } from "../helpers/get-postman-document-details.js";
+import { getCollidingPostmanRequestPathKeys } from "../helpers/postman-request-collisions.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, ref, renderList, unref, watch, withCtx } from "vue";
+import { useLoadingState } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+//#region src/v2/features/command-palette/components/CommandPaletteImportPostman.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden" };
+var CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "CommandPaletteImportPostman",
+	props: {
+		workspaceStore: {},
+		eventBus: {},
+		inputValue: { default: "" }
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { toast } = useToasts();
+		const loader = useLoadingState();
+		/** Document name to merge imported operations into. */
+		const importTargetDocumentName = ref(null);
+		const baseDocument = ref(null);
+		watch(importTargetDocumentName, async (value) => {
+			if (!value) {
+				baseDocument.value = null;
+				return;
+			}
+			baseDocument.value = await __props.workspaceStore.getEditableDocument(value.slug);
+		});
+		const mergeSamePathAndMethod = ref(false);
+		const postmanDocumentDetails = computed(() => getPostmanDocumentDetails(__props.inputValue));
+		const postmanRequestTree = computed(() => buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []));
+		/** Path keys to import from the Postman collection. */
+		const importPathKeys = ref([]);
+		const onPostmanRequestSelectionChange = (key, selected) => {
+			importPathKeys.value = applyPostmanRequestSelectionChange(importPathKeys.value, key, selected);
+		};
+		const onPostmanFolderSelectionChange = (node, selected) => {
+			importPathKeys.value = applyPostmanFolderSelectionChange(importPathKeys.value, node, selected);
+		};
+		const collisionsPathKeys = computed(() => {
+			return getCollidingPostmanRequestPathKeys(postmanDocumentDetails.value?.collection ?? [], importPathKeys.value, baseDocument.value ?? void 0);
+		});
+		/** Navigate to a document in the workspace. */
+		const navigateToDocument = (documentName) => {
+			__props.eventBus.emit("ui:navigate", {
+				page: "document",
+				path: "overview",
+				documentSlug: documentName
+			});
+		};
+		/** Handle import error. */
+		const handleImportError = async (errorMessage) => {
+			console.error(errorMessage);
+			toast(errorMessage, "error");
+			await loader.invalidate();
+			emit("close");
+		};
+		/** Handle import. */
+		const handleImport = async () => {
+			loader.start();
+			const mergeTarget = importTargetDocumentName.value?.slug ?? "";
+			const mergeIntoExisting = mergeTarget.length > 0 && __props.workspaceStore.workspace.documents[mergeTarget] !== void 0;
+			const options = {
+				document: (mergeIntoExisting ? await __props.workspaceStore.getEditableDocument(mergeTarget) : null) ?? void 0,
+				mergeOperation: mergeSamePathAndMethod.value,
+				requestIndexPaths: pathKeysToRequestIndexPaths(importPathKeys.value)
+			};
+			const document = getOpenApiFromPostman(__props.inputValue ?? "", options);
+			if (document === null) return handleImportError("Failed to convert Postman collection to OpenAPI document. Please contact support.");
+			if (mergeIntoExisting) {
+				await __props.workspaceStore.replaceDocument(mergeTarget, document);
+				await loader.validate();
+				navigateToDocument(mergeTarget);
+				emit("close");
+				return;
+			}
+			const slug = await generateUniqueSlug(document.info?.title ?? "default", new Set(Object.keys(__props.workspaceStore.workspace.documents)));
+			if (!slug) return handleImportError("Failed to generate a unique slug for the imported document. Please contact support.");
+			await __props.workspaceStore.addDocument({
+				name: slug,
+				document
+			});
+			await loader.validate();
+			navigateToDocument(slug);
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				loader: unref(loader),
+				onSubmit: handleImport
+			}, {
+				submit: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Import Postman Collection ", -1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "flex shrink-0 justify-between" }, [createElementVNode("div", { class: "text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs" }, " Postman collection ")], -1)), postmanDocumentDetails.value ? (openBlock(), createBlock(PostmanImportPreview_default, {
+					key: 0,
+					mergeSamePathAndMethod: mergeSamePathAndMethod.value,
+					"onUpdate:mergeSamePathAndMethod": _cache[0] || (_cache[0] = ($event) => mergeSamePathAndMethod.value = $event),
+					selectedTargetDocument: importTargetDocumentName.value,
+					"onUpdate:selectedTargetDocument": _cache[1] || (_cache[1] = ($event) => importTargetDocumentName.value = $event),
+					availableTargetDocuments: Object.entries(__props.workspaceStore.workspace.documents).map(([slug, document]) => ({
+						slug,
+						label: document.info?.title ?? slug
+					})),
+					hasCollisionPathKeys: collisionsPathKeys.value.length > 0,
+					schema: postmanDocumentDetails.value?.schemaLabel ?? void 0,
+					title: postmanDocumentDetails.value?.title ?? "",
+					totalRequests: unref(countPostmanRequestLeaves)(postmanDocumentDetails.value?.collection ?? []),
+					version: postmanDocumentDetails.value?.version ?? ""
+				}, {
+					treePicker: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(postmanRequestTree.value, (node) => {
+						return openBlock(), createBlock(PostmanRequestTreeRow_default, {
+							key: unref(pathKey)(node.path),
+							collisionPathKeys: collisionsPathKeys.value,
+							mergeSamePathAndMethod: mergeSamePathAndMethod.value,
+							node,
+							selectedKeys: importPathKeys.value,
+							onFolderSelectionChange: onPostmanFolderSelectionChange,
+							onRequestSelectionChange: onPostmanRequestSelectionChange
+						}, null, 8, [
+							"collisionPathKeys",
+							"mergeSamePathAndMethod",
+							"node",
+							"selectedKeys"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"mergeSamePathAndMethod",
+					"selectedTargetDocument",
+					"availableTargetDocuments",
+					"hasCollisionPathKeys",
+					"schema",
+					"title",
+					"totalRequests",
+					"version"
+				])) : createCommentVNode("", true)])]),
+				_: 1
+			}, 8, ["loader"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteImportPostman_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteImportPostman.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImportPostman.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImportPostman.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Import Postman Component\n *\n * Imports Postman collections from URL, file, or pasted JSON, including\n * request selection, merge-into-existing, and convert options.\n */\nexport default {\n  name: 'CommandPaletteImportPostman',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport type { ConvertOptions } from '@scalar/postman-to-openapi'\nimport { useToasts } from '@scalar/use-toasts'\nimport { type WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport PostmanImportPreview from '@/v2/features/command-palette/components/PostmanImportPreview.vue'\nimport PostmanRequestTreeRow from '@/v2/features/command-palette/components/PostmanRequestTreeRow.vue'\nimport { generateUniqueSlug } from '@/v2/features/command-palette/helpers/generate-unique-slug'\nimport { getOpenApiFromPostman } from '@/v2/features/command-palette/helpers/get-openapi-from-postman'\nimport { getPostmanDocumentDetails } from '@/v2/features/command-palette/helpers/get-postman-document-details'\nimport { getCollidingPostmanRequestPathKeys } from '@/v2/features/command-palette/helpers/postman-request-collisions'\nimport {\n  applyPostmanFolderSelectionChange,\n  applyPostmanRequestSelectionChange,\n  buildPostmanRequestTree,\n  countPostmanRequestLeaves,\n  pathKey,\n  pathKeysToRequestIndexPaths,\n  type PostmanTreeNode,\n} from '@/v2/features/command-palette/helpers/postman-request-tree'\n\nimport CommandActionForm from './CommandActionForm.vue'\n\nconst {\n  workspaceStore,\n  eventBus,\n  inputValue = '',\n} = defineProps<{\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting import events */\n  eventBus: WorkspaceEventBus\n  /** Pre-filled collection JSON (e.g. from file pick or redirected paste) */\n  inputValue: string\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\n/** Document name to merge imported operations into. */\nconst importTargetDocumentName = ref<{ slug: string; label: string } | null>(\n  null,\n)\nconst baseDocument = ref<OpenApiDocument | null>(null)\n\nwatch(importTargetDocumentName, async (value) => {\n  if (!value) {\n    baseDocument.value = null\n    return\n  }\n  baseDocument.value = await workspaceStore.getEditableDocument(value.slug)\n})\n\nconst mergeSamePathAndMethod = ref(false)\n\nconst postmanDocumentDetails = computed(() =>\n  getPostmanDocumentDetails(inputValue),\n)\nconst postmanRequestTree = computed(() =>\n  buildPostmanRequestTree(postmanDocumentDetails.value?.collection ?? []),\n)\n\n/** Path keys to import from the Postman collection. */\nconst importPathKeys = ref<string[]>([])\n\nconst onPostmanRequestSelectionChange = (\n  key: string,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanRequestSelectionChange(\n    importPathKeys.value,\n    key,\n    selected,\n  )\n}\n\nconst onPostmanFolderSelectionChange = (\n  node: PostmanTreeNode,\n  selected: boolean,\n): void => {\n  importPathKeys.value = applyPostmanFolderSelectionChange(\n    importPathKeys.value,\n    node,\n    selected,\n  )\n}\n\nconst collisionsPathKeys = computed(() => {\n  return getCollidingPostmanRequestPathKeys(\n    postmanDocumentDetails.value?.collection ?? [],\n    importPathKeys.value,\n    baseDocument.value ?? undefined,\n  )\n})\n\n/** Navigate to a document in the workspace. */\nconst navigateToDocument = (documentName: string): void => {\n  eventBus.emit('ui:navigate', {\n    page: 'document',\n    path: 'overview',\n    documentSlug: documentName,\n  })\n}\n\n/** Handle import error. */\nconst handleImportError = async (errorMessage: string): Promise<void> => {\n  console.error(errorMessage)\n  toast(errorMessage, 'error')\n  await loader.invalidate()\n  emit('close')\n}\n\n/** Handle import. */\nconst handleImport = async (): Promise<void> => {\n  loader.start()\n\n  const mergeTarget = importTargetDocumentName.value?.slug ?? ''\n  const mergeIntoExisting =\n    mergeTarget.length > 0 &&\n    workspaceStore.workspace.documents[mergeTarget] !== undefined\n\n  const targetDocument = mergeIntoExisting\n    ? await workspaceStore.getEditableDocument(mergeTarget)\n    : null\n\n  const options: ConvertOptions = {\n    document: (targetDocument as unknown) ?? undefined,\n    mergeOperation: mergeSamePathAndMethod.value,\n    requestIndexPaths: pathKeysToRequestIndexPaths(importPathKeys.value),\n  }\n\n  const document = getOpenApiFromPostman(inputValue ?? '', options)\n\n  if (document === null) {\n    return handleImportError(\n      'Failed to convert Postman collection to OpenAPI document. Please contact support.',\n    )\n  }\n\n  if (mergeIntoExisting) {\n    await workspaceStore.replaceDocument(mergeTarget, document)\n    await loader.validate()\n    navigateToDocument(mergeTarget)\n    emit('close')\n    return\n  }\n\n  // Otherwise create a new document\n  const slug = await generateUniqueSlug(\n    document.info?.title ?? 'default',\n    new Set(Object.keys(workspaceStore.workspace.documents)),\n  )\n\n  if (!slug) {\n    return handleImportError(\n      'Failed to generate a unique slug for the imported document. Please contact support.',\n    )\n  }\n\n  await workspaceStore.addDocument({\n    name: slug,\n    document,\n  })\n\n  await loader.validate()\n  navigateToDocument(slug)\n  emit('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :loader\n    @submit=\"handleImport\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-1.5 overflow-hidden\">\n      <div class=\"flex shrink-0 justify-between\">\n        <div class=\"text-c-2 min-h-7 w-full py-1.5 pl-12 text-center text-xs\">\n          Postman collection\n        </div>\n      </div>\n\n      <!-- Postman collection preview and tree picker -->\n      <PostmanImportPreview\n        v-if=\"postmanDocumentDetails\"\n        v-model:mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n        v-model:selectedTargetDocument=\"importTargetDocumentName\"\n        :availableTargetDocuments=\"\n          Object.entries(workspaceStore.workspace.documents).map(\n            ([slug, document]) => ({\n              slug,\n              label: document.info?.title ?? slug,\n            }),\n          )\n        \"\n        :hasCollisionPathKeys=\"collisionsPathKeys.length > 0\"\n        :schema=\"postmanDocumentDetails?.schemaLabel ?? undefined\"\n        :title=\"postmanDocumentDetails?.title ?? ''\"\n        :totalRequests=\"\n          countPostmanRequestLeaves(postmanDocumentDetails?.collection ?? [])\n        \"\n        :version=\"postmanDocumentDetails?.version ?? ''\">\n        <!-- Tree picker slot -->\n        <template #treePicker>\n          <PostmanRequestTreeRow\n            v-for=\"node in postmanRequestTree\"\n            :key=\"pathKey(node.path)\"\n            :collisionPathKeys=\"collisionsPathKeys\"\n            :mergeSamePathAndMethod=\"mergeSamePathAndMethod\"\n            :node=\"node\"\n            :selectedKeys=\"importPathKeys\"\n            @folderSelectionChange=\"onPostmanFolderSelectionChange\"\n            @requestSelectionChange=\"onPostmanRequestSelectionChange\" />\n        </template>\n      </PostmanImportPreview>\n    </div>\n    <template #submit> Import Postman Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;CAQE,MAAM;;;;;;;;EA2CR,MAAM,OAAO;EAKb,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,SAAS,iBAAgB;;EAG/B,MAAM,2BAA2B,IAC/B,KACF;EACA,MAAM,eAAe,IAA4B,KAAI;AAErD,QAAM,0BAA0B,OAAO,UAAU;AAC/C,OAAI,CAAC,OAAO;AACV,iBAAa,QAAQ;AACrB;;AAEF,gBAAa,QAAQ,MAAM,QAAA,eAAe,oBAAoB,MAAM,KAAI;IACzE;EAED,MAAM,yBAAyB,IAAI,MAAK;EAExC,MAAM,yBAAyB,eAC7B,0BAA0B,QAAA,WAAW,CACvC;EACA,MAAM,qBAAqB,eACzB,wBAAwB,uBAAuB,OAAO,cAAc,EAAE,CAAC,CACzE;;EAGA,MAAM,iBAAiB,IAAc,EAAE,CAAA;EAEvC,MAAM,mCACJ,KACA,aACS;AACT,kBAAe,QAAQ,mCACrB,eAAe,OACf,KACA,SACF;;EAGF,MAAM,kCACJ,MACA,aACS;AACT,kBAAe,QAAQ,kCACrB,eAAe,OACf,MACA,SACF;;EAGF,MAAM,qBAAqB,eAAe;AACxC,UAAO,mCACL,uBAAuB,OAAO,cAAc,EAAE,EAC9C,eAAe,OACf,aAAa,SAAS,KAAA,EACxB;IACD;;EAGD,MAAM,sBAAsB,iBAA+B;AACzD,WAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,MAAM;IACN,cAAc;IACf,CAAA;;;EAIH,MAAM,oBAAoB,OAAO,iBAAwC;AACvE,WAAQ,MAAM,aAAY;AAC1B,SAAM,cAAc,QAAO;AAC3B,SAAM,OAAO,YAAW;AACxB,QAAK,QAAO;;;EAId,MAAM,eAAe,YAA2B;AAC9C,UAAO,OAAM;GAEb,MAAM,cAAc,yBAAyB,OAAO,QAAQ;GAC5D,MAAM,oBACJ,YAAY,SAAS,KACrB,QAAA,eAAe,UAAU,UAAU,iBAAiB,KAAA;GAMtD,MAAM,UAA0B;IAC9B,WALqB,oBACnB,MAAM,QAAA,eAAe,oBAAoB,YAAW,GACpD,SAGuC,KAAA;IACzC,gBAAgB,uBAAuB;IACvC,mBAAmB,4BAA4B,eAAe,MAAM;IACtE;GAEA,MAAM,WAAW,sBAAsB,QAAA,cAAc,IAAI,QAAO;AAEhE,OAAI,aAAa,KACf,QAAO,kBACL,oFACF;AAGF,OAAI,mBAAmB;AACrB,UAAM,QAAA,eAAe,gBAAgB,aAAa,SAAQ;AAC1D,UAAM,OAAO,UAAS;AACtB,uBAAmB,YAAW;AAC9B,SAAK,QAAO;AACZ;;GAIF,MAAM,OAAO,MAAM,mBACjB,SAAS,MAAM,SAAS,WACxB,IAAI,IAAI,OAAO,KAAK,QAAA,eAAe,UAAU,UAAU,CAAC,CAC1D;AAEA,OAAI,CAAC,KACH,QAAO,kBACL,sFACF;AAGF,SAAM,QAAA,eAAe,YAAY;IAC/B,MAAM;IACN;IACD,CAAA;AAED,SAAM,OAAO,UAAS;AACtB,sBAAmB,KAAI;AACvB,QAAK,QAAO;;;uBAIZ,YA6CoB,2BAAA;IA5CjB,QAAA,MAAA,OAAM;IACN,UAAQ;;IA0CE,QAAM,cAA4B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAA3B,+BAA2B,GAAA,CAAA,EAAA,CAAA;2BADvC,CAxCN,mBAwCM,OAxCN,YAwCM,CAAA,OAAA,OAAA,OAAA,KAvCJ,mBAIM,OAAA,EAJD,OAAM,iCAA+B,EAAA,CACxC,mBAEM,OAAA,EAFD,OAAM,4DAA0D,EAAC,uBAEtE,CAAA,EAAA,GAAA,GAKM,uBAAA,SAAA,WAAA,EADR,YA+BuB,8BAAA;;KA7Bb,wBAAwB,uBAAA;qGAAsB,QAAA;KAC9C,wBAAwB,yBAAA;uGAAwB,QAAA;KACvD,0BAAqC,OAAO,QAAQ,QAAA,eAAe,UAAU,UAAS,CAAE,KAAA,CAAmB,MAAM,eAAQ;MAAuB;aAA2B,SAAS,MAAM,SAAS;;KAQnM,sBAAsB,mBAAA,MAAmB,SAAM;KAC/C,QAAQ,uBAAA,OAAwB,eAAe,KAAA;KAC/C,OAAO,uBAAA,OAAwB,SAAK;KACpC,eAA0B,MAAA,0BAAyB,CAAC,uBAAA,OAAwB,cAAU,EAAA,CAAA;KAGtF,SAAS,uBAAA,OAAwB,WAAO;;KAE9B,YAAU,cAEiB,EAAA,UAAA,KAAA,EADpC,mBAQ8D,UAAA,MAAA,WAP7C,mBAAA,QAAR,SAAI;0BADb,YAQ8D,+BAAA;OAN3D,KAAK,MAAA,QAAO,CAAC,KAAK,KAAI;OACtB,mBAAmB,mBAAA;OACnB,wBAAwB,uBAAA;OAClB;OACN,cAAc,eAAA;OACd,yBAAuB;OACvB,0BAAwB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteOpenApiDocument.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette OpenAPI Document Component\n *\n * Provides a form for creating a new empty document in the workspace.\n * Users can name the document and select an icon before creation.\n * Validates that the name is not empty and not already in use.\n *\n * @example\n * <CommandPaletteOpenApiDocument\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus } = defineProps<{\n  /** The workspace store for accessing existing documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting document creation events */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the document is created successfully */\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 router = useRouter()\n\nconst documentName = ref('')\nconst documentNameTrimmed = computed(() => documentName.value.trim())\n\n/** Default icon for new documents (folder icon) */\nconst documentIcon = ref('interface-content-folder')\n\n/**\n * Check if the form should be disabled.\n * Disabled when the name is empty or when a document with that name already exists.\n */\nconst isDisabled = computed<boolean>(() => {\n  if (!documentNameTrimmed.value) {\n    return true\n  }\n\n  /** Prevent duplicate document names in the workspace */\n  if (\n    workspaceStore.workspace.documents[documentNameTrimmed.value] !== undefined\n  ) {\n    return true\n  }\n\n  return false\n})\n\n/** Handle form submission to create a new document */\nconst handleSubmit = (): void => {\n  if (isDisabled.value) {\n    return\n  }\n\n  eventBus.emit('document:create:empty-document', {\n    name: documentNameTrimmed.value,\n    icon: documentIcon.value,\n    callback: (success) => {\n      if (success) {\n        router.push({\n          name: 'document.overview',\n          params: {\n            documentSlug: documentNameTrimmed.value,\n          },\n        })\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\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"documentName\"\n      label=\"Document Name\"\n      placeholder=\"Document Name\"\n      @delete=\"handleBack\" />\n\n    <!-- Icon selector for choosing document icon -->\n    <template #options>\n      <IconSelector\n        v-model=\"documentIcon\"\n        placement=\"bottom-start\">\n        <ScalarButton\n          class=\"aspect-square h-auto px-0\"\n          variant=\"outlined\">\n          <LibraryIcon\n            class=\"text-c-2 size-4 stroke-[1.75]\"\n            :src=\"documentIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n\n    <template #submit>Create Document</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,89 @@
+import IconSelector_default from "../../../../components/IconSelector.vue.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { computed, createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { useRouter } from "vue-router";
+import { LibraryIcon } from "@scalar/icons/library";
+var CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteOpenApiDocument",
+	props: {
+		workspaceStore: {},
+		eventBus: {}
+	},
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const router = useRouter();
+		const documentName = ref("");
+		const documentNameTrimmed = computed(() => documentName.value.trim());
+		/** Default icon for new documents (folder icon) */
+		const documentIcon = ref("interface-content-folder");
+		/**
+		* Check if the form should be disabled.
+		* Disabled when the name is empty or when a document with that name already exists.
+		*/
+		const isDisabled = computed(() => {
+			if (!documentNameTrimmed.value) return true;
+			/** Prevent duplicate document names in the workspace */
+			if (__props.workspaceStore.workspace.documents[documentNameTrimmed.value] !== void 0) return true;
+			return false;
+		});
+		/** Handle form submission to create a new document */
+		const handleSubmit = () => {
+			if (isDisabled.value) return;
+			__props.eventBus.emit("document:create:empty-document", {
+				name: documentNameTrimmed.value,
+				icon: documentIcon.value,
+				callback: (success) => {
+					if (success) router.push({
+						name: "document.overview",
+						params: { documentSlug: documentNameTrimmed.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: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(IconSelector_default, {
+					modelValue: documentIcon.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => documentIcon.value = $event),
+					placement: "bottom-start"
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "aspect-square h-auto px-0",
+						variant: "outlined"
+					}, {
+						default: withCtx(() => [createVNode(unref(LibraryIcon), {
+							class: "text-c-2 size-4 stroke-[1.75]",
+							src: documentIcon.value
+						}, null, 8, ["src"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				submit: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Create Document", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: documentName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => documentName.value = $event),
+					label: "Document Name",
+					placeholder: "Document Name",
+					onDelete: handleBack
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteOpenApiDocument_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteOpenApiDocument.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteOpenApiDocument.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette OpenAPI Document Component\n *\n * Provides a form for creating a new empty document in the workspace.\n * Users can name the document and select an icon before creation.\n * Validates that the name is not empty and not already in use.\n *\n * @example\n * <CommandPaletteOpenApiDocument\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconSelector from '@/components/IconSelector.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus } = defineProps<{\n  /** The workspace store for accessing existing documents */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting document creation events */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the document is created successfully */\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 router = useRouter()\n\nconst documentName = ref('')\nconst documentNameTrimmed = computed(() => documentName.value.trim())\n\n/** Default icon for new documents (folder icon) */\nconst documentIcon = ref('interface-content-folder')\n\n/**\n * Check if the form should be disabled.\n * Disabled when the name is empty or when a document with that name already exists.\n */\nconst isDisabled = computed<boolean>(() => {\n  if (!documentNameTrimmed.value) {\n    return true\n  }\n\n  /** Prevent duplicate document names in the workspace */\n  if (\n    workspaceStore.workspace.documents[documentNameTrimmed.value] !== undefined\n  ) {\n    return true\n  }\n\n  return false\n})\n\n/** Handle form submission to create a new document */\nconst handleSubmit = (): void => {\n  if (isDisabled.value) {\n    return\n  }\n\n  eventBus.emit('document:create:empty-document', {\n    name: documentNameTrimmed.value,\n    icon: documentIcon.value,\n    callback: (success) => {\n      if (success) {\n        router.push({\n          name: 'document.overview',\n          params: {\n            documentSlug: documentNameTrimmed.value,\n          },\n        })\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\n<template>\n  <CommandActionForm\n    :disabled=\"isDisabled\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"documentName\"\n      label=\"Document Name\"\n      placeholder=\"Document Name\"\n      @delete=\"handleBack\" />\n\n    <!-- Icon selector for choosing document icon -->\n    <template #options>\n      <IconSelector\n        v-model=\"documentIcon\"\n        placement=\"bottom-start\">\n        <ScalarButton\n          class=\"aspect-square h-auto px-0\"\n          variant=\"outlined\">\n          <LibraryIcon\n            class=\"text-c-2 size-4 stroke-[1.75]\"\n            :src=\"documentIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n\n    <template #submit>Create Document</template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAOb,MAAM,SAAS,WAAU;EAEzB,MAAM,eAAe,IAAI,GAAE;EAC3B,MAAM,sBAAsB,eAAe,aAAa,MAAM,MAAM,CAAA;;EAGpE,MAAM,eAAe,IAAI,2BAA0B;;;;;EAMnD,MAAM,aAAa,eAAwB;AACzC,OAAI,CAAC,oBAAoB,MACvB,QAAO;;AAIT,OACE,QAAA,eAAe,UAAU,UAAU,oBAAoB,WAAW,KAAA,EAElE,QAAO;AAGT,UAAO;IACR;;EAGD,MAAM,qBAA2B;AAC/B,OAAI,WAAW,MACb;AAGF,WAAA,SAAS,KAAK,kCAAkC;IAC9C,MAAM,oBAAoB;IAC1B,MAAM,aAAa;IACnB,WAAW,YAAY;AACrB,SAAI,QACF,QAAO,KAAK;MACV,MAAM;MACN,QAAQ,EACN,cAAc,oBAAoB,OACnC;MACF,CAAA;;IAGN,CAAA;AAED,QAAK,QAAO;;;EAId,MAAM,cAAc,UAA+B;AACjD,QAAK,QAAQ,MAAK;;;uBAKlB,YAyBoB,2BAAA;IAxBjB,UAAU,WAAA;IACV,UAAQ;;IAQE,SAAO,cAWD,CAVf,YAUe,sBAAA;iBATJ,aAAA;+EAAY,QAAA;KACrB,WAAU;;4BAOK,CANf,YAMe,MAAA,aAAA,EAAA;MALb,OAAM;MACN,SAAQ;;6BAGgB,CAFxB,YAEwB,MAAA,YAAA,EAAA;OADtB,OAAM;OACL,KAAK,aAAA;;;;;;IAKH,QAAM,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;2BAjBR,CAJzB,YAIyB,4BAAA;iBAHd,aAAA;+EAAY,QAAA;KACrB,OAAM;KACN,aAAY;KACX,UAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteRequest.vue.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteRequest.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Palette Request Component\n *\n * Provides a form for creating a new API request (operation) in a document.\n * Users can specify the request path, HTTP method, document (collection),\n * and optionally assign it to a tag.\n *\n * Validates that no operation with the same path and method already exists\n * in the selected document to prevent duplicates.\n *\n * @example\n * <CommandPaletteRequest\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n *   @close=\"handleClose\"\n *   @back=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandPaletteRequest',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n  ScalarListbox,\n} from '@scalar/components'\nimport {\n  HTTP_METHODS,\n  type HttpMethod,\n} from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } 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 HttpMethodBadge from '@/v2/blocks/operation-code-sample/components/HttpMethod.vue'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst { workspaceStore, eventBus, documentName, tagId } = 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  /** Preselected document id to create the request in */\n  documentName?: string\n  /** Preselected tag id to add the request to (optional) */\n  tagId?: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the request is created successfully */\n  (event: 'close'): void\n  /** Emitted when user navigates back (e.g., backspace on empty input) */\n  (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\n/** HTTP method option type for selectors */\ntype MethodOption = {\n  id: string\n  label: string\n  method: HttpMethod\n}\n\n/** Tag option type for selectors */\ntype TagOption = {\n  id: string\n  label: string\n}\n\nconst router = useRouter()\n\nconst requestPath = ref('/')\nconst requestPathTrimmed = computed(() => requestPath.value.trim())\n\n/** All available documents (collections) in the workspace */\nconst availableDocuments = computed(() =>\n  Object.entries(workspaceStore.workspace.documents).map(\n    ([name, document]) => ({\n      id: name,\n      label: document.info.title || name,\n    }),\n  ),\n)\n\n/** Available HTTP methods for the dropdown (GET, POST, PUT, etc.) */\nconst availableMethods: MethodOption[] = HTTP_METHODS.map((method) => ({\n  id: method,\n  label: method.toUpperCase(),\n  method,\n}))\n\nconst selectedDocument = ref<{ id: string; label: string } | undefined>(\n  documentName\n    ? availableDocuments.value.find((document) => document.id === documentName)\n    : (availableDocuments.value[0] ?? undefined),\n)\n\nconst selectedMethod = ref<MethodOption | undefined>(\n  availableMethods.find((method) => method.method === 'get'),\n)\n\n/**\n * All available tags for the selected document.\n * Includes a \"No Tag\" option for operations without a tag assignment.\n */\nconst availableTags = computed<TagOption[]>(() => {\n  if (!selectedDocument.value) {\n    return []\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n  if (!document) {\n    return []\n  }\n\n  return [\n    { id: '', label: 'No Tag' },\n    ...(document.tags?.map((tag) => ({\n      id: tag.name,\n      label: tag.name,\n    })) ?? []),\n  ]\n})\n\nconst selectedTag = ref<TagOption | undefined>(\n  tagId ? availableTags.value.find((tag) => tag.id === tagId) : undefined,\n)\n\n// Reset the selected tag to the \"No Tag\" option when the document changes\nwatch(selectedDocument, () => {\n  selectedTag.value = availableTags.value.find((tag) => tag.id === '')\n})\n\n/**\n * Check if an operation with the same path and method already exists.\n * Used to prevent creating duplicate operations.\n */\nconst operationExists = computed<boolean>(() => {\n  if (\n    !selectedDocument.value ||\n    !selectedMethod.value ||\n    !requestPathTrimmed.value\n  ) {\n    return false\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  /** Ensure path starts with '/' for consistent lookup */\n  const normalizedPath = requestPathTrimmed.value.startsWith('/')\n    ? requestPathTrimmed.value\n    : `/${requestPathTrimmed.value}`\n\n  return !!document?.paths?.[normalizedPath]?.[selectedMethod.value.method]\n})\n\n/**\n * Check if the form should be disabled.\n * Disabled when any required field is missing or operation already exists.\n */\nconst isDisabled = computed<boolean>(() => {\n  if (\n    !requestPathTrimmed.value ||\n    !selectedDocument.value ||\n    !selectedMethod.value\n  ) {\n    return true\n  }\n\n  /** Prevent creating duplicate operations */\n  if (operationExists.value) {\n    return true\n  }\n\n  return false\n})\n\n/** Handle HTTP method selection from dropdown */\nconst handleSelectMethod = (method: MethodOption | undefined): void => {\n  if (method) {\n    selectedMethod.value = method\n  }\n}\n\n/** Handle tag selection from dropdown */\nconst handleSelectTag = (tag: TagOption | undefined): void => {\n  if (tag) {\n    selectedTag.value = tag\n  }\n}\n\n/**\n * Create the request and close the command palette.\n * Emits an event to create a new operation with the specified details.\n */\nconst handleSubmit = (): void => {\n  if (isDisabled.value || !selectedDocument.value || !selectedMethod.value) {\n    return\n  }\n\n  const document = workspaceStore.workspace.documents[selectedDocument.value.id]\n\n  if (!document) {\n    return\n  }\n\n  eventBus.emit('operation:create:operation', {\n    documentName: selectedDocument.value.id,\n    path: requestPathTrimmed.value,\n    method: selectedMethod.value.method,\n    operation: {\n      tags: selectedTag.value?.id ? [selectedTag.value.id] : undefined,\n    },\n    callback: (success) => {\n      if (success) {\n        /** Build the sidebar */\n        workspaceStore.buildSidebar(selectedDocument.value?.id ?? '')\n\n        const path = requestPathTrimmed.value.startsWith('/')\n          ? requestPathTrimmed.value\n          : `/${requestPathTrimmed.value}`\n\n        /** Navigate to the example */\n        router.push({\n          name: 'example',\n          params: {\n            documentSlug: selectedDocument.value?.id,\n            pathEncoded: encodeURIComponent(path),\n            method: selectedMethod.value?.method,\n            exampleName: 'default',\n          },\n        })\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=\"handleSubmit\">\n    <!-- Request path input -->\n    <CommandActionInput\n      v-model=\"requestPath\"\n      label=\"Request Path\"\n      placeholder=\"/users\"\n      @delete=\"handleBack\" />\n\n    <!-- Selectors for document, method, and tag -->\n    <template #options>\n      <div class=\"flex flex-1 gap-1\">\n        <!-- Document (collection) selector -->\n        <ScalarListbox\n          v-model=\"selectedDocument\"\n          :options=\"availableDocuments\">\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span :class=\"selectedDocument ? 'text-c-1 truncate' : 'text-c-3'\">\n              {{\n                selectedDocument ? selectedDocument.label : 'Select Document'\n              }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n        </ScalarListbox>\n\n        <!-- HTTP method selector (GET, POST, PUT, etc.) -->\n        <ScalarDropdown\n          placement=\"bottom\"\n          resize>\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-[100px] min-w-[100px] justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <div class=\"flex items-center gap-2\">\n              <HttpMethodBadge\n                v-if=\"selectedMethod\"\n                :method=\"selectedMethod.method\" />\n              <ScalarIcon\n                class=\"text-c-3\"\n                icon=\"ChevronDown\"\n                size=\"md\" />\n            </div>\n          </ScalarButton>\n\n          <!-- Dropdown list of all HTTP methods -->\n          <template #items>\n            <div class=\"custom-scroll max-h-40\">\n              <ScalarDropdownItem\n                v-for=\"method in availableMethods\"\n                :key=\"method.id\"\n                class=\"flex h-7 w-full items-center justify-center px-1\"\n                @click=\"handleSelectMethod(method)\">\n                <HttpMethodBadge :method=\"method.method\" />\n              </ScalarDropdownItem>\n            </div>\n          </template>\n        </ScalarDropdown>\n\n        <!-- Tag selector (optional) for organizing operations -->\n        <ScalarDropdown\n          placement=\"bottom\"\n          resize>\n          <ScalarButton\n            class=\"hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs\"\n            :disabled=\"!availableTags.length\"\n            variant=\"outlined\">\n            <span :class=\"selectedTag ? 'text-c-1 truncate' : 'text-c-3'\">\n              {{ selectedTag ? selectedTag.label : 'Select Tag (Optional)' }}\n            </span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </ScalarButton>\n\n          <!-- Dropdown list of available tags -->\n          <template #items>\n            <div class=\"custom-scroll max-h-40\">\n              <ScalarDropdownItem\n                v-for=\"tag in availableTags\"\n                :key=\"tag.id\"\n                class=\"flex h-7 w-full items-center px-1\"\n                @click=\"handleSelectTag(tag)\">\n                <span class=\"truncate\">{{ tag.label }}</span>\n              </ScalarDropdownItem>\n            </div>\n          </template>\n        </ScalarDropdown>\n      </div>\n    </template>\n\n    <template #submit>Create Request</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}