@scalar/api-client 2.38.4 → 2.39.0

package/dist/components/CommandPalette/CommandActionInput.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandActionInput.vue.script.js","names":["$attrs"],"sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  modelValue?: string\n  placeholder?: string\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string): void\n  (e: 'onDelete', event: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLInputElement | null>(null)\nonMounted(() =>\n  nextTick(() => {\n    if (props.autofocus) {\n      input.value?.focus()\n    }\n  }),\n)\n\nconst model = computed<string>({\n  get: () => props.modelValue ?? '',\n  set: (v) => emit('update:modelValue', v),\n})\n\n/** Re-emits enter as a submit event for the form  */\nfunction handleEnter(event: KeyboardEvent) {\n  if (event.shiftKey || !event.target) {\n    return\n  }\n  event.preventDefault()\n  const target = event.target as HTMLTextAreaElement\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/** Emits a back event if the input is empty */\nfunction handleBack(event: KeyboardEvent) {\n  if (model.value !== '') {\n    return\n  }\n  event.preventDefault()\n  event.stopPropagation()\n  emit('onDelete', event)\n}\n</script>\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"props.placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleBack($event)\"\n    @keydown.enter=\"handleEnter($event)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAOb,MAAM,QAAQ,IAA6B,KAAI;AAC/C,kBACE,eAAe;AACb,OAAI,MAAM,UACR,OAAM,OAAO,OAAM;IAErB,CACJ;EAEA,MAAM,QAAQ,SAAiB;GAC7B,WAAW,MAAM,cAAc;GAC/B,MAAM,MAAM,KAAK,qBAAqB,EAAE;GACzC,CAAA;;EAGD,SAAS,YAAY,OAAsB;AACzC,OAAI,MAAM,YAAY,CAAC,MAAM,OAC3B;AAEF,SAAM,gBAAe;GACrB,MAAM,SAAS,MAAM;GACrB,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,YAAY,MAAM,CAAA;AAC5D,UAAO,MAAM,cAAc,YAAW;;;EAIxC,SAAS,WAAW,OAAsB;AACxC,OAAI,MAAM,UAAU,GAClB;AAEF,SAAM,gBAAe;AACrB,SAAM,iBAAgB;AACtB,QAAK,YAAY,MAAK;;;uCAItB,mBASyC,YATzC,WASyC;IARvC,IAAG;aACC;IAAJ,KAAI;uEACU,QAAA;IACd,OAAM;IACL,aAAa,MAAM,eAAW;IAC/B,MAAK;MACGA,KAAAA,QAAM,EACb,WAAO,CAAA,OAAA,OAAA,OAAA,KAAA,UAAA,WAAS,WAAW,OAAM,EAAA,CAAA,SAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,UAAA,WAClB,YAAY,OAAM,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,CAAA,EAAA,MAAA,IAAA,WAAA,GAAA,CAAA,CAAA,YANzB,MAAA,MAAK,CAAA,CAAA"}

package/dist/components/CommandPalette/CommandPaletteCollection.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteCollection_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteCollection.vue.script.js";
+//#region src/components/CommandPalette/CommandPaletteCollection.vue
+var CommandPaletteCollection_default = CommandPaletteCollection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPaletteCollection_default as default };
+
+//# sourceMappingURL=CommandPaletteCollection.vue.js.map

package/dist/components/CommandPalette/CommandPaletteCollection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteCollection.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref } from 'vue'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { collectionMutators } = useWorkspace()\nconst collectionName = ref('')\nconst collectionIcon = ref('interface-content-folder')\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!collectionName.value) {\n    toast('Please enter a name before creating a collection.', 'error')\n    return\n  }\n  if (!activeWorkspace.value?.uid) {\n    toast('No active workspace found.', 'error')\n    return\n  }\n\n  collectionMutators.add(\n    {\n      'openapi': '3.1.0',\n      'info': {\n        title: collectionName.value,\n        version: '0.0.1',\n      },\n      'x-scalar-icon': collectionIcon.value,\n    },\n    activeWorkspace.value?.uid,\n  )\n  emits('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!collectionName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"collectionName\"\n      label=\"Collection Name\"\n      placeholder=\"Collection Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <IconSelector\n        v-model=\"collectionIcon\"\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=\"collectionIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n    <template #submit> Create Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/CommandPaletteCollection.vue.script.js

@@ -0,0 +1,78 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import IconSelector_default from "../IconSelector.vue.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { LibraryIcon } from "@scalar/icons/library";
+//#region src/components/CommandPalette/CommandPaletteCollection.vue?vue&type=script&setup=true&lang.ts
+var CommandPaletteCollection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteCollection",
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const { activeWorkspace } = useActiveEntities();
+		const { collectionMutators } = useWorkspace();
+		const collectionName = ref("");
+		const collectionIcon = ref("interface-content-folder");
+		const { toast } = useToasts();
+		const handleSubmit = () => {
+			if (!collectionName.value) {
+				toast("Please enter a name before creating a collection.", "error");
+				return;
+			}
+			if (!activeWorkspace.value?.uid) {
+				toast("No active workspace found.", "error");
+				return;
+			}
+			collectionMutators.add({
+				"openapi": "3.1.0",
+				"info": {
+					title: collectionName.value,
+					version: "0.0.1"
+				},
+				"x-scalar-icon": collectionIcon.value
+			}, activeWorkspace.value?.uid);
+			emits("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: !collectionName.value.trim(),
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(IconSelector_default, {
+					modelValue: collectionIcon.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => collectionIcon.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: collectionIcon.value
+						}, null, 8, ["src"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				submit: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Create Collection ", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: collectionName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collectionName.value = $event),
+					label: "Collection Name",
+					placeholder: "Collection Name",
+					onOnDelete: _cache[1] || (_cache[1] = ($event) => emits("back", $event))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteCollection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteCollection.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteCollection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteCollection.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref } from 'vue'\n\nimport IconSelector from '@/components/IconSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { collectionMutators } = useWorkspace()\nconst collectionName = ref('')\nconst collectionIcon = ref('interface-content-folder')\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!collectionName.value) {\n    toast('Please enter a name before creating a collection.', 'error')\n    return\n  }\n  if (!activeWorkspace.value?.uid) {\n    toast('No active workspace found.', 'error')\n    return\n  }\n\n  collectionMutators.add(\n    {\n      'openapi': '3.1.0',\n      'info': {\n        title: collectionName.value,\n        version: '0.0.1',\n      },\n      'x-scalar-icon': collectionIcon.value,\n    },\n    activeWorkspace.value?.uid,\n  )\n  emits('close')\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!collectionName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"collectionName\"\n      label=\"Collection Name\"\n      placeholder=\"Collection Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\n      <IconSelector\n        v-model=\"collectionIcon\"\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=\"collectionIcon\" />\n        </ScalarButton>\n      </IconSelector>\n    </template>\n    <template #submit> Create Collection </template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAKd,MAAM,EAAE,oBAAoB,mBAAkB;EAC9C,MAAM,EAAE,uBAAuB,cAAa;EAC5C,MAAM,iBAAiB,IAAI,GAAE;EAC7B,MAAM,iBAAiB,IAAI,2BAA0B;EACrD,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,qBAAqB;AACzB,OAAI,CAAC,eAAe,OAAO;AACzB,UAAM,qDAAqD,QAAO;AAClE;;AAEF,OAAI,CAAC,gBAAgB,OAAO,KAAK;AAC/B,UAAM,8BAA8B,QAAO;AAC3C;;AAGF,sBAAmB,IACjB;IACE,WAAW;IACX,QAAQ;KACN,OAAO,eAAe;KACtB,SAAS;KACV;IACD,iBAAiB,eAAe;IACjC,EACD,gBAAgB,OAAO,IACzB;AACA,SAAM,QAAO;;;uBAIb,YAsBoB,2BAAA;IArBjB,UAAQ,CAAG,eAAA,MAAe,MAAI;IAC9B,UAAQ;;IAME,SAAO,cAWD,CAVf,YAUe,sBAAA;iBATJ,eAAA;iFAAc,QAAA;KACvB,WAAU;;4BAOK,CANf,YAMe,MAAA,aAAA,EAAA;MALb,OAAM;MACN,SAAQ;;6BAGkB,CAF1B,YAE0B,MAAA,YAAA,EAAA;OADxB,OAAM;OACL,KAAK,eAAA;;;;;;IAIH,QAAM,cAAoB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAnB,uBAAmB,GAAA,CAAA,EAAA,CAAA;2BAdC,CAJtC,YAIsC,4BAAA;iBAH3B,eAAA;iFAAc,QAAA;KACvB,OAAM;KACN,aAAY;KACX,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAS,OAAM"}

package/dist/components/CommandPalette/CommandPaletteExample.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteExample_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteExample.vue.script.js";
+//#region src/components/CommandPalette/CommandPaletteExample.vue
+var CommandPaletteExample_default = CommandPaletteExample_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CommandPaletteExample_default as default };
+
+//# sourceMappingURL=CommandPaletteExample.vue.js.map

package/dist/components/CommandPalette/CommandPaletteExample.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteExample.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\nimport type { Request } from '@scalar/oas-utils/entities/spec'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport HttpMethod from '@/components/HttpMethod/HttpMethod.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst props = defineProps<{\n  /** The request uid to pre-select */\n  metaData?: { itemUid: string }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { push } = useRouter()\nconst { activeRequest, activeWorkspace, activeWorkspaceRequests } =\n  useActiveEntities()\nconst { requests, requestExampleMutators } = useWorkspace()\nconst { toast } = useToasts()\n\nconst exampleName = ref('')\nconst selectedRequest = ref<Request | undefined>(\n  // Ensure we pre-select the correct request\n  requests[props.metaData?.itemUid ?? ''] ?? activeRequest.value,\n)\n\n/** Select request in dropdown */\nconst handleSelect = (request: Request) => (selectedRequest.value = request)\n\n/** Add a new request example */\nconst handleSubmit = () => {\n  if (!exampleName.value) {\n    toast('Please enter a name before creating an example.', 'error')\n    return\n  }\n\n  if (!selectedRequest.value) {\n    toast('Please select a request before creating an example.', 'error')\n    return\n  }\n\n  const example = requestExampleMutators.add(\n    selectedRequest.value,\n    exampleName.value,\n  )\n\n  if (!example) {\n    return\n  }\n\n  // Go to new request example\n  push({\n    name: 'request.examples',\n    params: {\n      [PathId.Workspace]: activeWorkspace.value?.uid,\n      [PathId.Request]: selectedRequest.value.uid,\n      [PathId.Examples]: example.uid,\n    },\n  })\n\n  emits('close')\n}\n\n/** Requests for the active workspace */\nconst visibleRequests = computed<Request[]>(() =>\n  activeWorkspaceRequests.value.map((uid) => requests?.[uid]).filter(isDefined),\n)\n</script>\n<template>\n  <CommandActionForm\n    v-if=\"selectedRequest\"\n    :disabled=\"!exampleName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"exampleName\"\n      label=\"Example Name\"\n      placeholder=\"Example Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\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          variant=\"outlined\"\n          @click=\"handleSelect(selectedRequest)\">\n          {{ selectedRequest.summary }}\n          <div class=\"flex items-center gap-2\">\n            <HttpMethod :method=\"selectedRequest.method\" />\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </div>\n        </ScalarButton>\n        <template #items>\n          <div class=\"custom-scroll max-h-40\">\n            <ScalarDropdownItem\n              v-for=\"request in visibleRequests\"\n              :key=\"request.uid\"\n              class=\"flex h-7 w-full items-center justify-between px-1 pr-[26px]\"\n              @click=\"handleSelect(request)\">\n              {{ request.summary }}\n              <HttpMethod :method=\"request.method\" />\n            </ScalarDropdownItem>\n          </div>\n        </template>\n      </ScalarDropdown>\n    </template>\n    <template #submit>Create Example</template>\n  </CommandActionForm>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/CommandPaletteExample.vue.script.js

@@ -0,0 +1,104 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import HttpMethod_default from "../HttpMethod/HttpMethod.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarDropdown, ScalarDropdownItem, ScalarIcon } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { useRouter } from "vue-router";
+import { isDefined } from "@scalar/oas-utils/helpers";
+//#region src/components/CommandPalette/CommandPaletteExample.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center gap-2" };
+var _hoisted_2 = { class: "custom-scroll max-h-40" };
+var CommandPaletteExample_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPaletteExample",
+	props: { metaData: {} },
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { push } = useRouter();
+		const { activeRequest, activeWorkspace, activeWorkspaceRequests } = useActiveEntities();
+		const { requests, requestExampleMutators } = useWorkspace();
+		const { toast } = useToasts();
+		const exampleName = ref("");
+		const selectedRequest = ref(requests[props.metaData?.itemUid ?? ""] ?? activeRequest.value);
+		/** Select request in dropdown */
+		const handleSelect = (request) => selectedRequest.value = request;
+		/** Add a new request example */
+		const handleSubmit = () => {
+			if (!exampleName.value) {
+				toast("Please enter a name before creating an example.", "error");
+				return;
+			}
+			if (!selectedRequest.value) {
+				toast("Please select a request before creating an example.", "error");
+				return;
+			}
+			const example = requestExampleMutators.add(selectedRequest.value, exampleName.value);
+			if (!example) return;
+			push({
+				name: "request.examples",
+				params: {
+					[PathId.Workspace]: activeWorkspace.value?.uid,
+					[PathId.Request]: selectedRequest.value.uid,
+					[PathId.Examples]: example.uid
+				}
+			});
+			emits("close");
+		};
+		/** Requests for the active workspace */
+		const visibleRequests = computed(() => activeWorkspaceRequests.value.map((uid) => requests?.[uid]).filter(isDefined));
+		return (_ctx, _cache) => {
+			return selectedRequest.value ? (openBlock(), createBlock(CommandActionForm_default, {
+				key: 0,
+				disabled: !exampleName.value.trim(),
+				onSubmit: handleSubmit
+			}, {
+				options: withCtx(() => [createVNode(unref(ScalarDropdown), {
+					placement: "bottom",
+					resize: ""
+				}, {
+					items: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleRequests.value, (request) => {
+						return openBlock(), createBlock(unref(ScalarDropdownItem), {
+							key: request.uid,
+							class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
+							onClick: ($event) => handleSelect(request)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(request.summary) + " ", 1), createVNode(HttpMethod_default, { method: request.method }, null, 8, ["method"])]),
+							_: 2
+						}, 1032, ["onClick"]);
+					}), 128))])]),
+					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",
+						onClick: _cache[2] || (_cache[2] = ($event) => handleSelect(selectedRequest.value))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(selectedRequest.value.summary) + " ", 1), createElementVNode("div", _hoisted_1, [createVNode(HttpMethod_default, { method: selectedRequest.value.method }, null, 8, ["method"]), createVNode(unref(ScalarIcon), {
+							class: "text-c-3",
+							icon: "ChevronDown",
+							size: "md"
+						})])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				submit: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Create Example", -1)])]),
+				default: withCtx(() => [createVNode(CommandActionInput_default, {
+					modelValue: exampleName.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => exampleName.value = $event),
+					label: "Example Name",
+					placeholder: "Example Name",
+					onOnDelete: _cache[1] || (_cache[1] = ($event) => emits("back", $event))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["disabled"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteExample_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteExample.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteExample.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteExample.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\nimport type { Request } from '@scalar/oas-utils/entities/spec'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport HttpMethod from '@/components/HttpMethod/HttpMethod.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\n\nconst props = defineProps<{\n  /** The request uid to pre-select */\n  metaData?: { itemUid: string }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { push } = useRouter()\nconst { activeRequest, activeWorkspace, activeWorkspaceRequests } =\n  useActiveEntities()\nconst { requests, requestExampleMutators } = useWorkspace()\nconst { toast } = useToasts()\n\nconst exampleName = ref('')\nconst selectedRequest = ref<Request | undefined>(\n  // Ensure we pre-select the correct request\n  requests[props.metaData?.itemUid ?? ''] ?? activeRequest.value,\n)\n\n/** Select request in dropdown */\nconst handleSelect = (request: Request) => (selectedRequest.value = request)\n\n/** Add a new request example */\nconst handleSubmit = () => {\n  if (!exampleName.value) {\n    toast('Please enter a name before creating an example.', 'error')\n    return\n  }\n\n  if (!selectedRequest.value) {\n    toast('Please select a request before creating an example.', 'error')\n    return\n  }\n\n  const example = requestExampleMutators.add(\n    selectedRequest.value,\n    exampleName.value,\n  )\n\n  if (!example) {\n    return\n  }\n\n  // Go to new request example\n  push({\n    name: 'request.examples',\n    params: {\n      [PathId.Workspace]: activeWorkspace.value?.uid,\n      [PathId.Request]: selectedRequest.value.uid,\n      [PathId.Examples]: example.uid,\n    },\n  })\n\n  emits('close')\n}\n\n/** Requests for the active workspace */\nconst visibleRequests = computed<Request[]>(() =>\n  activeWorkspaceRequests.value.map((uid) => requests?.[uid]).filter(isDefined),\n)\n</script>\n<template>\n  <CommandActionForm\n    v-if=\"selectedRequest\"\n    :disabled=\"!exampleName.trim()\"\n    @submit=\"handleSubmit\">\n    <CommandActionInput\n      v-model=\"exampleName\"\n      label=\"Example Name\"\n      placeholder=\"Example Name\"\n      @onDelete=\"emits('back', $event)\" />\n    <template #options>\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          variant=\"outlined\"\n          @click=\"handleSelect(selectedRequest)\">\n          {{ selectedRequest.summary }}\n          <div class=\"flex items-center gap-2\">\n            <HttpMethod :method=\"selectedRequest.method\" />\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"md\" />\n          </div>\n        </ScalarButton>\n        <template #items>\n          <div class=\"custom-scroll max-h-40\">\n            <ScalarDropdownItem\n              v-for=\"request in visibleRequests\"\n              :key=\"request.uid\"\n              class=\"flex h-7 w-full items-center justify-between px-1 pr-[26px]\"\n              @click=\"handleSelect(request)\">\n              {{ request.summary }}\n              <HttpMethod :method=\"request.method\" />\n            </ScalarDropdownItem>\n          </div>\n        </template>\n      </ScalarDropdown>\n    </template>\n    <template #submit>Create Example</template>\n  </CommandActionForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,QAAQ;EAKd,MAAM,EAAE,SAAS,WAAU;EAC3B,MAAM,EAAE,eAAe,iBAAiB,4BACtC,mBAAkB;EACpB,MAAM,EAAE,UAAU,2BAA2B,cAAa;EAC1D,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,kBAAkB,IAEtB,SAAS,MAAM,UAAU,WAAW,OAAO,cAAc,MAC3D;;EAGA,MAAM,gBAAgB,YAAsB,gBAAgB,QAAQ;;EAGpE,MAAM,qBAAqB;AACzB,OAAI,CAAC,YAAY,OAAO;AACtB,UAAM,mDAAmD,QAAO;AAChE;;AAGF,OAAI,CAAC,gBAAgB,OAAO;AAC1B,UAAM,uDAAuD,QAAO;AACpE;;GAGF,MAAM,UAAU,uBAAuB,IACrC,gBAAgB,OAChB,YAAY,MACd;AAEA,OAAI,CAAC,QACH;AAIF,QAAK;IACH,MAAM;IACN,QAAQ;MACL,OAAO,YAAY,gBAAgB,OAAO;MAC1C,OAAO,UAAU,gBAAgB,MAAM;MACvC,OAAO,WAAW,QAAQ;KAC5B;IACF,CAAA;AAED,SAAM,QAAO;;;EAIf,MAAM,kBAAkB,eACtB,wBAAwB,MAAM,KAAK,QAAQ,WAAW,KAAK,CAAC,OAAO,UAAU,CAC/E;;UAIU,gBAAA,SAAA,WAAA,EADR,YAyCoB,2BAAA;;IAvCjB,UAAQ,CAAG,YAAA,MAAY,MAAI;IAC3B,UAAQ;;IAME,SAAO,cA6BC,CA5BjB,YA4BiB,MAAA,eAAA,EAAA;KA3Bf,WAAU;KACV,QAAA;;KAcW,OAAK,cAUR,CATN,mBASM,OATN,YASM,EAAA,UAAA,KAAA,EARJ,mBAOqB,UAAA,MAAA,WAND,gBAAA,QAAX,YAAO;0BADhB,YAOqB,MAAA,mBAAA,EAAA;OALlB,KAAK,QAAQ;OACd,OAAM;OACL,UAAK,WAAE,aAAa,QAAO;;8BACP,CAAA,gBAAA,gBAAlB,QAAQ,QAAO,GAAG,KACrB,EAAA,EAAA,YAAuC,oBAAA,EAA1B,QAAQ,QAAQ,QAAA,EAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;;;;4BATpB,CAZf,YAYe,MAAA,aAAA,EAAA;MAXb,OAAM;MACN,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAa,gBAAA,MAAe;;6BACP,CAAA,gBAAA,gBAA1B,gBAAA,MAAgB,QAAO,GAAG,KAC7B,EAAA,EAAA,mBAMM,OANN,YAMM,CALJ,YAA+C,oBAAA,EAAlC,QAAQ,gBAAA,MAAgB,QAAA,EAAA,MAAA,GAAA,CAAA,SAAA,CAAA,EACrC,YAGc,MAAA,WAAA,EAAA;OAFZ,OAAM;OACN,MAAK;OACL,MAAK;;;;;;IAiBJ,QAAM,cAAe,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAd,kBAAc,GAAA,CAAA,EAAA,CAAA;2BAhCM,CAJtC,YAIsC,4BAAA;iBAH3B,YAAA;8EAAW,QAAA;KACpB,OAAM;KACN,aAAY;KACX,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAS,OAAM"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -0,0 +1,7 @@
+import CommandPaletteImport_vue_vue_type_script_setup_true_lang_default from "./CommandPaletteImport.vue.script.js";
+//#region src/components/CommandPalette/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/components/CommandPalette/CommandPaletteImport.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImport.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport {\n  convertPostmanToOpenApi,\n  getOpenApiDocumentDetails,\n  getPostmanDocumentDetails,\n  isPostmanCollection,\n  isUrl,\n} from '@/libs'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst router = useRouter()\n\nconst { activeWorkspace, activeCollection } = useActiveEntities()\nconst { importSpecFile, importSpecFromUrl, events } = useWorkspace()\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(true)\n\nconst documentDetails = computed(() => {\n  if (isPostmanCollection(inputContent.value)) {\n    return getPostmanDocumentDetails(inputContent.value)\n  }\n  return getOpenApiDocumentDetails(inputContent.value)\n})\n\nconst documentType = computed(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\nfunction navigateToCollectionPage(collection?: { uid: string }) {\n  if (!collection) {\n    return\n  }\n\n  router.push({\n    name: 'collection',\n    params: {\n      [PathId.Workspace]: activeWorkspace.value?.uid,\n      [PathId.Collection]: collection.uid,\n    },\n  })\n}\n\nconst isInputUrl = computed(() => isUrl(inputContent.value))\nconst isInputDocument = computed(() => !!documentDetails.value)\n\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const file = files?.[0]\n    if (file) {\n      const reader = new FileReader()\n      reader.onload = async (e) => {\n        const text = e.target?.result as string\n        try {\n          if (isPostmanCollection(text)) {\n            const workspace = await importSpecFile(\n              convertPostmanToOpenApi(text),\n              activeWorkspace.value?.uid ?? '',\n            )\n            navigateToCollectionPage(workspace?.collection)\n          } else {\n            const workspace = await importSpecFile(\n              text,\n              activeWorkspace.value?.uid ?? '',\n            )\n            navigateToCollectionPage(workspace?.collection)\n          }\n          toast('Import successful', 'info')\n          emits('close')\n        } catch (error) {\n          console.error(error)\n          const errorMessage = (error as Error)?.message || 'Unknown error'\n          toast(`Import failed: ${errorMessage}`, 'error')\n        }\n      }\n      reader.readAsText(file)\n    }\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n// Enable watch mode if the input is a URL\nwatch(isInputUrl, (newVal) => {\n  if (!newVal) {\n    watchMode.value = false\n  }\n})\n\n// Disable watch mode if the input is not a URL\nwatch(inputContent, (newVal) => {\n  if (!isUrl(newVal)) {\n    watchMode.value = false\n  }\n})\n\nasync function importCollection() {\n  if (!inputContent.value || loader.isLoading) {\n    return\n  }\n\n  loader.start()\n  try {\n    if (isInputUrl.value) {\n      const [error, workspace] = await importSpecFromUrl(\n        inputContent.value,\n        activeWorkspace.value?.uid ?? '',\n        {\n          proxyUrl: activeWorkspace.value?.proxyUrl,\n          watchMode: watchMode.value,\n        },\n      )\n\n      navigateToCollectionPage(workspace?.collection)\n\n      if (error) {\n        toast(\n          'There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.',\n          'error',\n          { timeout: 5_000 },\n        )\n        await loader.invalidate()\n        return\n      }\n    } else if (isInputDocument.value) {\n      if (isPostmanCollection(inputContent.value)) {\n        const workspace = await importSpecFile(\n          convertPostmanToOpenApi(inputContent.value),\n          activeWorkspace.value?.uid ?? '',\n        )\n        navigateToCollectionPage(workspace?.collection)\n        toast('Successfully converted Postman collection', 'info')\n      } else {\n        const workspace = await importSpecFile(\n          inputContent.value,\n          activeWorkspace.value?.uid ?? '',\n        )\n        navigateToCollectionPage(workspace?.collection)\n      }\n    } else {\n      toast('Import failed: Invalid URL or OpenAPI document', 'error')\n      await loader.invalidate()\n      return\n    }\n\n    await loader.clear()\n\n    emits('close')\n    toast('Import successful', 'info')\n  } catch (error) {\n    console.error('[importCollection]', error)\n    const errorMessage = (error as Error)?.message || 'Unknown error'\n    await loader.invalidate()\n    toast(`Import failed: ${errorMessage}`, 'error')\n  }\n}\n\nconst handleInput = (value: string) => {\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    events.commandPalette.emit({\n      commandName: 'Import from cURL',\n      metaData: {\n        parsedCurl: importCurlCommand(value),\n        collectionUid: activeCollection.value?.uid,\n      },\n    })\n    return\n  }\n  inputContent.value = value\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!inputContent.trim()\"\n    :loader\n    @submit=\"importCollection\">\n    <template v-if=\"!documentDetails || isUrl(inputContent)\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @onDelete=\"emits('back', $event)\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n    <template v-else>\n      <!-- OpenAPI document preview -->\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      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrl(inputContent)\"\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    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Upload -->\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\n        <!-- Watch -->\n        <ScalarTooltip\n          :content=\"\n            isInputUrl\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=\"!isInputUrl\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n    <template #submit>\n      Import\n      <template v-if=\"isInputUrl\"> 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/components/CommandPalette/CommandPaletteImport.vue.script.js

@@ -0,0 +1,181 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { isUrl } from "../../libs/isUrl.js";
+import { getOpenApiDocumentDetails } from "../../libs/getOpenApiDocumentDetails.js";
+import { convertPostmanToOpenApi, getPostmanDocumentDetails, isPostmanCollection } from "../../libs/postman.js";
+import { useWorkspace } from "../../store/store.js";
+import { importCurlCommand } from "../../libs/importers/curl.js";
+import CommandActionForm_default from "./CommandActionForm.vue.js";
+import CommandActionInput_default from "./CommandActionInput.vue.js";
+import { useFileDialog } from "../../hooks/useFileDialog.js";
+import WatchModeToggle_default from "./WatchModeToggle.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarButton, ScalarCodeBlock, ScalarIcon, ScalarTooltip, useLoadingState } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+import { useRouter } from "vue-router";
+//#region src/components/CommandPalette/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",
+	emits: ["close", "back"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const router = useRouter();
+		const { activeWorkspace, activeCollection } = useActiveEntities();
+		const { importSpecFile, importSpecFromUrl, events } = useWorkspace();
+		const { toast } = useToasts();
+		const loader = useLoadingState();
+		const inputContent = ref("");
+		const watchMode = ref(true);
+		const documentDetails = computed(() => {
+			if (isPostmanCollection(inputContent.value)) return getPostmanDocumentDetails(inputContent.value);
+			return getOpenApiDocumentDetails(inputContent.value);
+		});
+		const documentType = computed(() => documentDetails.value ? documentDetails.value.type : "json");
+		function navigateToCollectionPage(collection) {
+			if (!collection) return;
+			router.push({
+				name: "collection",
+				params: {
+					[PathId.Workspace]: activeWorkspace.value?.uid,
+					[PathId.Collection]: collection.uid
+				}
+			});
+		}
+		const isInputUrl = computed(() => isUrl(inputContent.value));
+		const isInputDocument = computed(() => !!documentDetails.value);
+		const { open: openSpecFileDialog } = useFileDialog({
+			onChange: (files) => {
+				const file = files?.[0];
+				if (file) {
+					const reader = new FileReader();
+					reader.onload = async (e) => {
+						const text = e.target?.result;
+						try {
+							if (isPostmanCollection(text)) navigateToCollectionPage((await importSpecFile(convertPostmanToOpenApi(text), activeWorkspace.value?.uid ?? ""))?.collection);
+							else navigateToCollectionPage((await importSpecFile(text, activeWorkspace.value?.uid ?? ""))?.collection);
+							toast("Import successful", "info");
+							emits("close");
+						} catch (error) {
+							console.error(error);
+							toast(`Import failed: ${error?.message || "Unknown error"}`, "error");
+						}
+					};
+					reader.readAsText(file);
+				}
+			},
+			multiple: false,
+			accept: ".json,.yaml,.yml"
+		});
+		watch(isInputUrl, (newVal) => {
+			if (!newVal) watchMode.value = false;
+		});
+		watch(inputContent, (newVal) => {
+			if (!isUrl(newVal)) watchMode.value = false;
+		});
+		async function importCollection() {
+			if (!inputContent.value || loader.isLoading) return;
+			loader.start();
+			try {
+				if (isInputUrl.value) {
+					const [error, workspace] = await importSpecFromUrl(inputContent.value, activeWorkspace.value?.uid ?? "", {
+						proxyUrl: activeWorkspace.value?.proxyUrl,
+						watchMode: watchMode.value
+					});
+					navigateToCollectionPage(workspace?.collection);
+					if (error) {
+						toast("There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.", "error", { timeout: 5e3 });
+						await loader.invalidate();
+						return;
+					}
+				} else if (isInputDocument.value) if (isPostmanCollection(inputContent.value)) {
+					navigateToCollectionPage((await importSpecFile(convertPostmanToOpenApi(inputContent.value), activeWorkspace.value?.uid ?? ""))?.collection);
+					toast("Successfully converted Postman collection", "info");
+				} else navigateToCollectionPage((await importSpecFile(inputContent.value, activeWorkspace.value?.uid ?? ""))?.collection);
+				else {
+					toast("Import failed: Invalid URL or OpenAPI document", "error");
+					await loader.invalidate();
+					return;
+				}
+				await loader.clear();
+				emits("close");
+				toast("Import successful", "info");
+			} catch (error) {
+				console.error("[importCollection]", error);
+				const errorMessage = error?.message || "Unknown error";
+				await loader.invalidate();
+				toast(`Import failed: ${errorMessage}`, "error");
+			}
+		}
+		const handleInput = (value) => {
+			if (value.trim().toLowerCase().startsWith("curl")) {
+				events.commandPalette.emit({
+					commandName: "Import from cURL",
+					metaData: {
+						parsedCurl: importCurlCommand(value),
+						collectionUid: activeCollection.value?.uid
+					}
+				});
+				return;
+			}
+			inputContent.value = value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CommandActionForm_default, {
+				disabled: !inputContent.value.trim(),
+				loader: unref(loader),
+				onSubmit: importCollection
+			}, {
+				options: withCtx(() => [createElementVNode("div", _hoisted_2, [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: isInputUrl.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[2] || (_cache[2] = ($event) => watchMode.value = $event),
+						disabled: !isInputUrl.value
+					}, null, 8, ["modelValue", "disabled"])]),
+					_: 1
+				}, 8, ["content"])])]),
+				submit: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" Import ", -1)), isInputUrl.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 || unref(isUrl)(inputContent.value) ? (openBlock(), createBlock(CommandActionInput_default, {
+					key: 0,
+					modelValue: inputContent.value,
+					placeholder: "OpenAPI/Swagger/Postman URL or cURL",
+					onOnDelete: _cache[0] || (_cache[0] = ($event) => emits("back", $event)),
+					"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[1] || (_cache[1] = ($event) => inputContent.value = "")
+				}, {
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Clear ", -1)])]),
+					_: 1
+				})]), documentDetails.value && !unref(isUrl)(inputContent.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))]),
+				_: 1
+			}, 8, ["disabled", "loader"]);
+		};
+	}
+});
+//#endregion
+export { CommandPaletteImport_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CommandPaletteImport.vue.script.js.map

package/dist/components/CommandPalette/CommandPaletteImport.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarIcon,\n  ScalarTooltip,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport {\n  convertPostmanToOpenApi,\n  getOpenApiDocumentDetails,\n  getPostmanDocumentDetails,\n  isPostmanCollection,\n  isUrl,\n} from '@/libs'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst router = useRouter()\n\nconst { activeWorkspace, activeCollection } = useActiveEntities()\nconst { importSpecFile, importSpecFromUrl, events } = useWorkspace()\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(true)\n\nconst documentDetails = computed(() => {\n  if (isPostmanCollection(inputContent.value)) {\n    return getPostmanDocumentDetails(inputContent.value)\n  }\n  return getOpenApiDocumentDetails(inputContent.value)\n})\n\nconst documentType = computed(() =>\n  documentDetails.value ? documentDetails.value.type : 'json',\n)\n\nfunction navigateToCollectionPage(collection?: { uid: string }) {\n  if (!collection) {\n    return\n  }\n\n  router.push({\n    name: 'collection',\n    params: {\n      [PathId.Workspace]: activeWorkspace.value?.uid,\n      [PathId.Collection]: collection.uid,\n    },\n  })\n}\n\nconst isInputUrl = computed(() => isUrl(inputContent.value))\nconst isInputDocument = computed(() => !!documentDetails.value)\n\nconst { open: openSpecFileDialog } = useFileDialog({\n  onChange: (files) => {\n    const file = files?.[0]\n    if (file) {\n      const reader = new FileReader()\n      reader.onload = async (e) => {\n        const text = e.target?.result as string\n        try {\n          if (isPostmanCollection(text)) {\n            const workspace = await importSpecFile(\n              convertPostmanToOpenApi(text),\n              activeWorkspace.value?.uid ?? '',\n            )\n            navigateToCollectionPage(workspace?.collection)\n          } else {\n            const workspace = await importSpecFile(\n              text,\n              activeWorkspace.value?.uid ?? '',\n            )\n            navigateToCollectionPage(workspace?.collection)\n          }\n          toast('Import successful', 'info')\n          emits('close')\n        } catch (error) {\n          console.error(error)\n          const errorMessage = (error as Error)?.message || 'Unknown error'\n          toast(`Import failed: ${errorMessage}`, 'error')\n        }\n      }\n      reader.readAsText(file)\n    }\n  },\n  multiple: false,\n  accept: '.json,.yaml,.yml',\n})\n\n// Enable watch mode if the input is a URL\nwatch(isInputUrl, (newVal) => {\n  if (!newVal) {\n    watchMode.value = false\n  }\n})\n\n// Disable watch mode if the input is not a URL\nwatch(inputContent, (newVal) => {\n  if (!isUrl(newVal)) {\n    watchMode.value = false\n  }\n})\n\nasync function importCollection() {\n  if (!inputContent.value || loader.isLoading) {\n    return\n  }\n\n  loader.start()\n  try {\n    if (isInputUrl.value) {\n      const [error, workspace] = await importSpecFromUrl(\n        inputContent.value,\n        activeWorkspace.value?.uid ?? '',\n        {\n          proxyUrl: activeWorkspace.value?.proxyUrl,\n          watchMode: watchMode.value,\n        },\n      )\n\n      navigateToCollectionPage(workspace?.collection)\n\n      if (error) {\n        toast(\n          'There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.',\n          'error',\n          { timeout: 5_000 },\n        )\n        await loader.invalidate()\n        return\n      }\n    } else if (isInputDocument.value) {\n      if (isPostmanCollection(inputContent.value)) {\n        const workspace = await importSpecFile(\n          convertPostmanToOpenApi(inputContent.value),\n          activeWorkspace.value?.uid ?? '',\n        )\n        navigateToCollectionPage(workspace?.collection)\n        toast('Successfully converted Postman collection', 'info')\n      } else {\n        const workspace = await importSpecFile(\n          inputContent.value,\n          activeWorkspace.value?.uid ?? '',\n        )\n        navigateToCollectionPage(workspace?.collection)\n      }\n    } else {\n      toast('Import failed: Invalid URL or OpenAPI document', 'error')\n      await loader.invalidate()\n      return\n    }\n\n    await loader.clear()\n\n    emits('close')\n    toast('Import successful', 'info')\n  } catch (error) {\n    console.error('[importCollection]', error)\n    const errorMessage = (error as Error)?.message || 'Unknown error'\n    await loader.invalidate()\n    toast(`Import failed: ${errorMessage}`, 'error')\n  }\n}\n\nconst handleInput = (value: string) => {\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    events.commandPalette.emit({\n      commandName: 'Import from cURL',\n      metaData: {\n        parsedCurl: importCurlCommand(value),\n        collectionUid: activeCollection.value?.uid,\n      },\n    })\n    return\n  }\n  inputContent.value = value\n}\n</script>\n<template>\n  <CommandActionForm\n    :disabled=\"!inputContent.trim()\"\n    :loader\n    @submit=\"importCollection\">\n    <template v-if=\"!documentDetails || isUrl(inputContent)\">\n      <CommandActionInput\n        :modelValue=\"inputContent\"\n        placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n        @onDelete=\"emits('back', $event)\"\n        @update:modelValue=\"handleInput\" />\n    </template>\n    <template v-else>\n      <!-- OpenAPI document preview -->\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      <ScalarCodeBlock\n        v-if=\"documentDetails && !isUrl(inputContent)\"\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    <template #options>\n      <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n        <!-- Upload -->\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\n        <!-- Watch -->\n        <ScalarTooltip\n          :content=\"\n            isInputUrl\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=\"!isInputUrl\" />\n        </ScalarTooltip>\n      </div>\n    </template>\n    <template #submit>\n      Import\n      <template v-if=\"isInputUrl\"> 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/components/CommandPalette/CommandPaletteImportCurl.vue.js

@@ -0,0 +1,9 @@
+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/components/CommandPalette/CommandPaletteImportCurl.vue
+var CommandPaletteImportCurl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CommandPaletteImportCurl_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e0578855"]]);
+//#endregion
+export { CommandPaletteImportCurl_default as default };
+
+//# sourceMappingURL=CommandPaletteImportCurl.vue.js.map

package/dist/components/CommandPalette/CommandPaletteImportCurl.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImportCurl.vue.js","names":[],"sources":["../../../src/components/CommandPalette/CommandPaletteImportCurl.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  type ScalarComboboxOption,\n} from '@scalar/components'\nimport type {\n  RequestMethod,\n  RequestPayload,\n} from '@scalar/oas-utils/entities/spec'\nimport { REGEX } from '@scalar/oas-utils/helpers'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, ref, useTemplateRef } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport HttpMethod from '@/components/HttpMethod/HttpMethod.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\ntype ExtendedRequestPayload = RequestPayload & {\n  url?: string\n}\n\nconst { metaData } = defineProps<{\n  metaData: {\n    parsedCurl: ExtendedRequestPayload\n    collectionUid: string\n  }\n}>()\n\nconst emits = defineEmits<{\n  (event: 'close'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst workspaceContext = useWorkspace()\n\nconst { activeWorkspaceCollections, activeCollection, activeWorkspace } =\n  useActiveEntities()\nconst { requestMutators, serverMutators, servers } = workspaceContext\n\nconst selectedServerUid = ref('')\nconst router = useRouter()\n\nconst collections = computed(() =>\n  activeWorkspaceCollections.value.map((collection) => ({\n    id: collection.uid,\n    label: collection.info?.title ?? 'Unititled Collection',\n  })),\n)\n\nconst selectedCollection = ref<ScalarComboboxOption | undefined>(\n  metaData.collectionUid\n    ? collections.value.find(\n        (collection) => collection.id === metaData.collectionUid,\n      )\n    : collections.value.find(\n        (collection) => collection.id === activeCollection.value?.uid,\n      ),\n)\n\nfunction createRequestFromCurl({ collectionUid }: { collectionUid: string }) {\n  if (!metaData.parsedCurl) {\n    return\n  }\n\n  const collection = activeWorkspaceCollections.value.find(\n    (c) => c.uid === collectionUid,\n  )\n\n  if (!collection) {\n    return\n  }\n\n  const isDrafts = collection?.info?.title === 'Drafts'\n\n  // Prevent adding servers to drafts\n  if (!isDrafts && metaData.parsedCurl.servers) {\n    // Find existing server to avoid duplication\n    const existingServer = Object.values(servers).find(\n      (s) => s.url === metaData.parsedCurl?.servers?.[0],\n    )\n    if (existingServer) {\n      selectedServerUid.value = existingServer.uid\n    } else {\n      selectedServerUid.value = serverMutators.add(\n        { url: metaData.parsedCurl.servers[0] ?? '/' },\n        collection.uid,\n      ).uid\n\n      emitCustomEvent(wrapper.value?.$el, 'scalar-add-server', {\n        server: { url: metaData.parsedCurl.servers[0] ?? '/' },\n        options: {\n          disableOldStoreUpdate: true,\n        },\n      })\n    }\n  }\n\n  // Add the request and use the url if it's a draft as a path\n  const newRequest = requestMutators.add(\n    {\n      summary: isDrafts\n        ? metaData.parsedCurl?.url?.replace(REGEX.PROTOCOL, '')\n        : metaData.parsedCurl?.path,\n      path: isDrafts ? metaData.parsedCurl?.url : metaData.parsedCurl?.path,\n      method: metaData.parsedCurl?.method,\n      parameters: metaData.parsedCurl?.parameters,\n      selectedServerUid: isDrafts ? undefined : selectedServerUid.value,\n      requestBody: metaData.parsedCurl?.requestBody,\n    },\n    collection.uid,\n  )\n\n  if (newRequest && activeWorkspace.value?.uid) {\n    router.push({\n      name: 'request',\n      params: {\n        [PathId.Workspace]: activeWorkspace.value.uid,\n        [PathId.Collection]: collection.uid,\n        [PathId.Request]: newRequest.uid,\n      },\n    })\n  }\n\n  emits('close')\n}\n\nconst handleImportClick = () => {\n  createRequestFromCurl({\n    collectionUid: selectedCollection.value?.id ?? '',\n  })\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <div class=\"text-c-2 flex-center py-1.5 text-sm\">Import cURL</div>\n  <CommandActionForm\n    ref=\"wrapper-ref\"\n    class=\"mt-1.5 min-h-fit\"\n    @submit=\"handleImportClick\">\n    <div\n      class=\"flex h-9 flex-row items-center gap-2 rounded border p-[3px] text-sm\">\n      <div class=\"flex h-full\">\n        <HttpMethod\n          :isEditable=\"false\"\n          isSquare\n          :method=\"(metaData.parsedCurl?.method as RequestMethod) || 'get'\" />\n      </div>\n      <span class=\"scroll-timeline-x whitespace-nowrap\">\n        {{ metaData.parsedCurl?.servers?.[0] || ''\n        }}{{ metaData.parsedCurl?.path || '' }}\n      </span>\n    </div>\n\n    <template #options>\n      <div class=\"flex\">\n        <ScalarListbox\n          v-model=\"selectedCollection\"\n          :options=\"collections\">\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=\"selectedCollection ? 'text-c-1' : 'text-c-3'\">\n              {{\n                selectedCollection\n                  ? selectedCollection.label\n                  : '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>\n      <span @click=\"handleImportClick\">Import Request</span>\n    </template>\n  </CommandActionForm>\n</template>\n<style scoped>\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox supports */\n  scroll-timeline: --scroll-timeline horizontal;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none;\n}\n</style>\n"],"mappings":""}