@scalar/api-client 2.38.4 → 2.39.0

package/dist/components/ImportCollection/DropEventListener.vue.script.js

@@ -0,0 +1,91 @@
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/components/ImportCollection/DropEventListener.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "bg-b-2 fixed right-1/2 bottom-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:right-10 md:bottom-10 md:translate-x-0 md:translate-y-0"
+};
+var _hoisted_2 = { class: "flex h-full flex-col items-center justify-center" };
+var DropEventListener_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DropEventListener",
+	emits: ["input"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const isDragging = ref(false);
+		let dragCounter = 0;
+		onMounted(() => {
+			document.addEventListener("dragenter", handleDragEnter);
+			document.addEventListener("dragleave", handleDragLeave);
+			document.addEventListener("dragover", handleDragOver);
+			document.addEventListener("drop", handleDrop);
+		});
+		onBeforeUnmount(() => {
+			document.removeEventListener("dragenter", handleDragEnter);
+			document.removeEventListener("dragover", handleDragOver);
+			document.removeEventListener("dragleave", handleDragLeave);
+			document.removeEventListener("drop", handleDrop);
+		});
+		function isFromApp(event) {
+			return event.dataTransfer?.types.includes("text/html") ?? false;
+		}
+		function handleDrop(event) {
+			event.preventDefault();
+			isDragging.value = false;
+			dragCounter = 0;
+			if (isFromApp(event)) return;
+			if (event.dataTransfer) {
+				const droppedText = event.dataTransfer.getData("text").replace(/^blob:/, "");
+				if (droppedText) emit("input", droppedText, null, "drop");
+				else if (event.dataTransfer.files.length > 0) {
+					const file = event.dataTransfer.files[0];
+					if (!file) return;
+					const reader = new FileReader();
+					reader.onload = (e) => {
+						if (e.target && typeof e.target.result === "string") emit("input", e.target.result, null, "drop");
+					};
+					reader.readAsText(file);
+				}
+			}
+		}
+		function handleDragOver(event) {
+			event.preventDefault();
+		}
+		function handleDragLeave(event) {
+			event.preventDefault();
+			dragCounter--;
+			if (dragCounter === 0) isDragging.value = false;
+		}
+		function handleDragEnter(event) {
+			event.preventDefault();
+			dragCounter++;
+			if (isFromApp(event)) return;
+			if (event.dataTransfer) {
+				const items = event.dataTransfer.items;
+				for (const item of items) if (item?.kind === "string" || item?.type?.includes("json") || item?.type?.includes("yml") || item?.type?.includes("yaml")) {
+					isDragging.value = true;
+					return;
+				}
+			}
+			isDragging.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				enterActiveClass: "transition-opacity duration-200",
+				enterFromClass: "opacity-0",
+				leaveActiveClass: "transition-opacity duration-200",
+				leaveToClass: "opacity-0"
+			}, {
+				default: withCtx(() => [isDragging.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", null, [createVNode(unref(ScalarIcon), {
+					icon: "Download",
+					size: "xl",
+					thickness: "2"
+				})]), _cache[0] || (_cache[0] = createElementVNode("div", { class: "text-c-1 m-4 text-center" }, " Drop your OpenAPI document here ", -1))])])) : createCommentVNode("", true)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { DropEventListener_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DropEventListener.vue.script.js.map

package/dist/components/ImportCollection/DropEventListener.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropEventListener.vue.script.js","names":[],"sources":["../../../src/components/ImportCollection/DropEventListener.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst emit = defineEmits<{\n  (e: 'input', value: string, integration: null, eventType: 'drop'): void\n}>()\n\nconst isDragging = ref<boolean>(false)\n\nlet dragCounter = 0\n\n// Register event listeners\nonMounted(() => {\n  document.addEventListener('dragenter', handleDragEnter)\n  document.addEventListener('dragleave', handleDragLeave)\n  document.addEventListener('dragover', handleDragOver)\n  document.addEventListener('drop', handleDrop)\n})\n\n// Unregister event listeners\nonBeforeUnmount(() => {\n  document.removeEventListener('dragenter', handleDragEnter)\n  document.removeEventListener('dragover', handleDragOver)\n  document.removeEventListener('dragleave', handleDragLeave)\n  document.removeEventListener('drop', handleDrop)\n})\n\nfunction isFromApp(event: DragEvent): boolean {\n  return event.dataTransfer?.types.includes('text/html') ?? false\n}\n\n// Drop\nfunction handleDrop(event: DragEvent) {\n  event.preventDefault()\n  isDragging.value = false\n  dragCounter = 0\n\n  // Prevent emitting for text/html dragged items\n  if (isFromApp(event)) {\n    return\n  }\n\n  if (event.dataTransfer) {\n    // Text\n    const droppedText = event.dataTransfer.getData('text').replace(/^blob:/, '')\n\n    if (droppedText) {\n      emit('input', droppedText, null, 'drop')\n    }\n    // Files\n    else if (event.dataTransfer.files.length > 0) {\n      const file = event.dataTransfer.files[0]\n      if (!file) {\n        return\n      }\n\n      const reader = new FileReader()\n\n      reader.onload = (e) => {\n        if (e.target && typeof e.target.result === 'string') {\n          emit('input', e.target.result, null, 'drop')\n        }\n      }\n\n      reader.readAsText(file)\n    }\n  }\n}\n\nfunction handleDragOver(event: DragEvent) {\n  event.preventDefault()\n}\n\nfunction handleDragLeave(event: DragEvent) {\n  event.preventDefault()\n  dragCounter--\n\n  if (dragCounter === 0) {\n    isDragging.value = false\n  }\n}\n\nfunction handleDragEnter(event: DragEvent) {\n  event.preventDefault()\n  dragCounter++\n\n  // Prevent displaying the draggable UI for text/html dragged items\n  if (isFromApp(event)) {\n    return\n  }\n\n  if (event.dataTransfer) {\n    const items = event.dataTransfer.items\n    for (const item of items) {\n      if (\n        item?.kind === 'string' ||\n        item?.type?.includes('json') ||\n        item?.type?.includes('yml') ||\n        item?.type?.includes('yaml')\n      ) {\n        isDragging.value = true\n        return\n      }\n    }\n  }\n  isDragging.value = false\n}\n</script>\n\n<template>\n  <transition\n    enterActiveClass=\"transition-opacity duration-200\"\n    enterFromClass=\"opacity-0\"\n    leaveActiveClass=\"transition-opacity duration-200\"\n    leaveToClass=\"opacity-0\">\n    <div\n      v-if=\"isDragging\"\n      class=\"bg-b-2 fixed right-1/2 bottom-1/2 z-50 h-64 w-64 translate-x-1/2 translate-y-1/2 rounded-xl border transition-opacity duration-200 md:right-10 md:bottom-10 md:translate-x-0 md:translate-y-0\">\n      <div class=\"flex h-full flex-col items-center justify-center\">\n        <div>\n          <ScalarIcon\n            icon=\"Download\"\n            size=\"xl\"\n            thickness=\"2\" />\n        </div>\n        <div class=\"text-c-1 m-4 text-center\">\n          Drop your OpenAPI document here\n        </div>\n      </div>\n    </div>\n  </transition>\n</template>\n"],"mappings":";;;;;;;;;;;;EAIA,MAAM,OAAO;EAIb,MAAM,aAAa,IAAa,MAAK;EAErC,IAAI,cAAc;AAGlB,kBAAgB;AACd,YAAS,iBAAiB,aAAa,gBAAe;AACtD,YAAS,iBAAiB,aAAa,gBAAe;AACtD,YAAS,iBAAiB,YAAY,eAAc;AACpD,YAAS,iBAAiB,QAAQ,WAAU;IAC7C;AAGD,wBAAsB;AACpB,YAAS,oBAAoB,aAAa,gBAAe;AACzD,YAAS,oBAAoB,YAAY,eAAc;AACvD,YAAS,oBAAoB,aAAa,gBAAe;AACzD,YAAS,oBAAoB,QAAQ,WAAU;IAChD;EAED,SAAS,UAAU,OAA2B;AAC5C,UAAO,MAAM,cAAc,MAAM,SAAS,YAAY,IAAI;;EAI5D,SAAS,WAAW,OAAkB;AACpC,SAAM,gBAAe;AACrB,cAAW,QAAQ;AACnB,iBAAc;AAGd,OAAI,UAAU,MAAM,CAClB;AAGF,OAAI,MAAM,cAAc;IAEtB,MAAM,cAAc,MAAM,aAAa,QAAQ,OAAO,CAAC,QAAQ,UAAU,GAAE;AAE3E,QAAI,YACF,MAAK,SAAS,aAAa,MAAM,OAAM;aAGhC,MAAM,aAAa,MAAM,SAAS,GAAG;KAC5C,MAAM,OAAO,MAAM,aAAa,MAAM;AACtC,SAAI,CAAC,KACH;KAGF,MAAM,SAAS,IAAI,YAAW;AAE9B,YAAO,UAAU,MAAM;AACrB,UAAI,EAAE,UAAU,OAAO,EAAE,OAAO,WAAW,SACzC,MAAK,SAAS,EAAE,OAAO,QAAQ,MAAM,OAAM;;AAI/C,YAAO,WAAW,KAAI;;;;EAK5B,SAAS,eAAe,OAAkB;AACxC,SAAM,gBAAe;;EAGvB,SAAS,gBAAgB,OAAkB;AACzC,SAAM,gBAAe;AACrB;AAEA,OAAI,gBAAgB,EAClB,YAAW,QAAQ;;EAIvB,SAAS,gBAAgB,OAAkB;AACzC,SAAM,gBAAe;AACrB;AAGA,OAAI,UAAU,MAAM,CAClB;AAGF,OAAI,MAAM,cAAc;IACtB,MAAM,QAAQ,MAAM,aAAa;AACjC,SAAK,MAAM,QAAQ,MACjB,KACE,MAAM,SAAS,YACf,MAAM,MAAM,SAAS,OAAO,IAC5B,MAAM,MAAM,SAAS,MAAM,IAC3B,MAAM,MAAM,SAAS,OAAM,EAC3B;AACA,gBAAW,QAAQ;AACnB;;;AAIN,cAAW,QAAQ;;;uBAKnB,YAoBa,YAAA;IAnBX,kBAAiB;IACjB,gBAAe;IACf,kBAAiB;IACjB,cAAa;;2BAeP,CAbE,WAAA,SAAA,WAAA,EADR,mBAcM,OAdN,YAcM,CAXJ,mBAUM,OAVN,YAUM,CATJ,mBAKM,OAAA,MAAA,CAJJ,YAGkB,MAAA,WAAA,EAAA;KAFhB,MAAK;KACL,MAAK;KACL,WAAU;oCAEd,mBAEM,OAAA,EAFD,OAAM,4BAA0B,EAAC,qCAEtC,GAAA,EAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/ImportCollection/ImportCollectionListener.vue.js

@@ -0,0 +1,7 @@
+import ImportCollectionListener_vue_vue_type_script_setup_true_lang_default from "./ImportCollectionListener.vue.script.js";
+//#region src/components/ImportCollection/ImportCollectionListener.vue
+var ImportCollectionListener_default = ImportCollectionListener_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ImportCollectionListener_default as default };
+
+//# sourceMappingURL=ImportCollectionListener.vue.js.map

package/dist/components/ImportCollection/ImportCollectionListener.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCollectionListener.vue.js","names":[],"sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { nextTick, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { workspaceStoreIsEmpty } from '@/components/ImportCollection/utils/workspace-store-is-empty'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport DropEventListener from './DropEventListener.vue'\nimport ImportCollectionModal from './ImportCollectionModal.vue'\nimport PasteEventListener from './PasteEventListener.vue'\nimport UrlQueryParameterChecker from './UrlQueryParameterChecker.vue'\nimport { importCollection } from './utils/import-collection'\n\nconst store = useWorkspace()\n\n/** Source to import from */\nconst source = ref<string | null>(null)\n\nconst integration = ref<string | null>(null)\n\nconst eventType = ref<'paste' | 'drop' | 'query' | null>(null)\n\n/** Reset the data when the modal was closed */\nasync function resetData() {\n  source.value = null\n  integration.value = null\n  eventType.value = null\n\n  await nextTick()\n}\n\n/** Receive data from the paste event listener */\nasync function handleInput(\n  newSource: string,\n  newIntegration: string | null = null,\n  newEventType: 'paste' | 'drop' | 'query',\n) {\n  // Reset, to trigger the modal to reopen\n  await resetData()\n\n  // We skip the modal and directly import if the store is empty.\n  if (workspaceStoreIsEmpty(store)) {\n    console.info('Workspace store is empty, directly importing:', newSource)\n\n    if (await handleImportCollection(newSource)) {\n      return\n    }\n\n    console.warn('Failed to import the collection from:', newSource)\n  }\n\n  // Open the modal\n  source.value = newSource\n  integration.value = newIntegration\n  eventType.value = newEventType\n}\n\nconst router = useRouter()\nconst { activeWorkspace } = useActiveEntities()\nconst { toast } = useToasts()\n\nfunction handleImportCollection(\n  source: string | null | undefined,\n): Promise<boolean> {\n  if (!source) {\n    return Promise.resolve(false)\n  }\n\n  return new Promise<boolean>((resolve) => {\n    void importCollection({\n      store,\n      workspace: activeWorkspace.value,\n      source,\n      // Use watch mode by default.\n      watchMode: true,\n      onSuccess(collection: Collection | undefined) {\n        if (collection) {\n          redirectToFirstRequestInCollection(collection)\n          toast('Import successful', 'info')\n          resolve(true)\n\n          return\n        }\n\n        // If collection is undefined, consider it a failure\n        toast('Import failed: No collection was created', 'error')\n\n        resolve(false)\n      },\n      onError(error) {\n        console.error('[importCollection]', error)\n        const errorMessage = (error as Error)?.message || 'Unknown error'\n        toast(`Import failed: ${errorMessage}`, 'error')\n\n        resolve(false)\n      },\n    })\n  })\n}\n\nfunction redirectToFirstRequestInCollection(collection?: Collection) {\n  if (!collection) {\n    return\n  }\n\n  router.push({\n    name: 'request',\n    params: {\n      workspace: activeWorkspace.value?.uid,\n      request: collection?.requests[0],\n    },\n  })\n}\n</script>\n\n<template>\n  <!-- Modal -->\n  <ImportCollectionModal\n    :eventType=\"eventType\"\n    :integration=\"integration\"\n    :source=\"source\"\n    @importFinished=\"resetData\" />\n\n  <!-- Event listeners-->\n  <PasteEventListener @input=\"handleInput\" />\n  <DropEventListener @input=\"handleInput\" />\n  <UrlQueryParameterChecker @input=\"handleInput\" />\n\n  <!-- Wrapped content -->\n  <slot />\n</template>\n"],"mappings":""}

package/dist/components/ImportCollection/ImportCollectionListener.vue.script.js

@@ -0,0 +1,102 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import { workspaceStoreIsEmpty } from "./utils/workspace-store-is-empty.js";
+import DropEventListener_default from "./DropEventListener.vue.js";
+import { importCollection } from "./utils/import-collection.js";
+import ImportCollectionModal_default from "./ImportCollectionModal.vue.js";
+import PasteEventListener_default from "./PasteEventListener.vue.js";
+import UrlQueryParameterChecker_default from "./UrlQueryParameterChecker.vue.js";
+import { Fragment, createElementBlock, createVNode, defineComponent, nextTick, openBlock, ref, renderSlot } from "vue";
+import { useToasts } from "@scalar/use-toasts";
+import { useRouter } from "vue-router";
+//#region src/components/ImportCollection/ImportCollectionListener.vue?vue&type=script&setup=true&lang.ts
+var ImportCollectionListener_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ImportCollectionListener",
+	setup(__props) {
+		const store = useWorkspace();
+		/** Source to import from */
+		const source = ref(null);
+		const integration = ref(null);
+		const eventType = ref(null);
+		/** Reset the data when the modal was closed */
+		async function resetData() {
+			source.value = null;
+			integration.value = null;
+			eventType.value = null;
+			await nextTick();
+		}
+		/** Receive data from the paste event listener */
+		async function handleInput(newSource, newIntegration = null, newEventType) {
+			await resetData();
+			if (workspaceStoreIsEmpty(store)) {
+				console.info("Workspace store is empty, directly importing:", newSource);
+				if (await handleImportCollection(newSource)) return;
+				console.warn("Failed to import the collection from:", newSource);
+			}
+			source.value = newSource;
+			integration.value = newIntegration;
+			eventType.value = newEventType;
+		}
+		const router = useRouter();
+		const { activeWorkspace } = useActiveEntities();
+		const { toast } = useToasts();
+		function handleImportCollection(source) {
+			if (!source) return Promise.resolve(false);
+			return new Promise((resolve) => {
+				importCollection({
+					store,
+					workspace: activeWorkspace.value,
+					source,
+					watchMode: true,
+					onSuccess(collection) {
+						if (collection) {
+							redirectToFirstRequestInCollection(collection);
+							toast("Import successful", "info");
+							resolve(true);
+							return;
+						}
+						toast("Import failed: No collection was created", "error");
+						resolve(false);
+					},
+					onError(error) {
+						console.error("[importCollection]", error);
+						toast(`Import failed: ${error?.message || "Unknown error"}`, "error");
+						resolve(false);
+					}
+				});
+			});
+		}
+		function redirectToFirstRequestInCollection(collection) {
+			if (!collection) return;
+			router.push({
+				name: "request",
+				params: {
+					workspace: activeWorkspace.value?.uid,
+					request: collection?.requests[0]
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(ImportCollectionModal_default, {
+					eventType: eventType.value,
+					integration: integration.value,
+					source: source.value,
+					onImportFinished: resetData
+				}, null, 8, [
+					"eventType",
+					"integration",
+					"source"
+				]),
+				createVNode(PasteEventListener_default, { onInput: handleInput }),
+				createVNode(DropEventListener_default, { onInput: handleInput }),
+				createVNode(UrlQueryParameterChecker_default, { onInput: handleInput }),
+				renderSlot(_ctx.$slots, "default")
+			], 64);
+		};
+	}
+});
+//#endregion
+export { ImportCollectionListener_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ImportCollectionListener.vue.script.js.map

package/dist/components/ImportCollection/ImportCollectionListener.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCollectionListener.vue.script.js","names":[],"sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { nextTick, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { workspaceStoreIsEmpty } from '@/components/ImportCollection/utils/workspace-store-is-empty'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport DropEventListener from './DropEventListener.vue'\nimport ImportCollectionModal from './ImportCollectionModal.vue'\nimport PasteEventListener from './PasteEventListener.vue'\nimport UrlQueryParameterChecker from './UrlQueryParameterChecker.vue'\nimport { importCollection } from './utils/import-collection'\n\nconst store = useWorkspace()\n\n/** Source to import from */\nconst source = ref<string | null>(null)\n\nconst integration = ref<string | null>(null)\n\nconst eventType = ref<'paste' | 'drop' | 'query' | null>(null)\n\n/** Reset the data when the modal was closed */\nasync function resetData() {\n  source.value = null\n  integration.value = null\n  eventType.value = null\n\n  await nextTick()\n}\n\n/** Receive data from the paste event listener */\nasync function handleInput(\n  newSource: string,\n  newIntegration: string | null = null,\n  newEventType: 'paste' | 'drop' | 'query',\n) {\n  // Reset, to trigger the modal to reopen\n  await resetData()\n\n  // We skip the modal and directly import if the store is empty.\n  if (workspaceStoreIsEmpty(store)) {\n    console.info('Workspace store is empty, directly importing:', newSource)\n\n    if (await handleImportCollection(newSource)) {\n      return\n    }\n\n    console.warn('Failed to import the collection from:', newSource)\n  }\n\n  // Open the modal\n  source.value = newSource\n  integration.value = newIntegration\n  eventType.value = newEventType\n}\n\nconst router = useRouter()\nconst { activeWorkspace } = useActiveEntities()\nconst { toast } = useToasts()\n\nfunction handleImportCollection(\n  source: string | null | undefined,\n): Promise<boolean> {\n  if (!source) {\n    return Promise.resolve(false)\n  }\n\n  return new Promise<boolean>((resolve) => {\n    void importCollection({\n      store,\n      workspace: activeWorkspace.value,\n      source,\n      // Use watch mode by default.\n      watchMode: true,\n      onSuccess(collection: Collection | undefined) {\n        if (collection) {\n          redirectToFirstRequestInCollection(collection)\n          toast('Import successful', 'info')\n          resolve(true)\n\n          return\n        }\n\n        // If collection is undefined, consider it a failure\n        toast('Import failed: No collection was created', 'error')\n\n        resolve(false)\n      },\n      onError(error) {\n        console.error('[importCollection]', error)\n        const errorMessage = (error as Error)?.message || 'Unknown error'\n        toast(`Import failed: ${errorMessage}`, 'error')\n\n        resolve(false)\n      },\n    })\n  })\n}\n\nfunction redirectToFirstRequestInCollection(collection?: Collection) {\n  if (!collection) {\n    return\n  }\n\n  router.push({\n    name: 'request',\n    params: {\n      workspace: activeWorkspace.value?.uid,\n      request: collection?.requests[0],\n    },\n  })\n}\n</script>\n\n<template>\n  <!-- Modal -->\n  <ImportCollectionModal\n    :eventType=\"eventType\"\n    :integration=\"integration\"\n    :source=\"source\"\n    @importFinished=\"resetData\" />\n\n  <!-- Event listeners-->\n  <PasteEventListener @input=\"handleInput\" />\n  <DropEventListener @input=\"handleInput\" />\n  <UrlQueryParameterChecker @input=\"handleInput\" />\n\n  <!-- Wrapped content -->\n  <slot />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ,cAAa;;EAG3B,MAAM,SAAS,IAAmB,KAAI;EAEtC,MAAM,cAAc,IAAmB,KAAI;EAE3C,MAAM,YAAY,IAAuC,KAAI;;EAG7D,eAAe,YAAY;AACzB,UAAO,QAAQ;AACf,eAAY,QAAQ;AACpB,aAAU,QAAQ;AAElB,SAAM,UAAS;;;EAIjB,eAAe,YACb,WACA,iBAAgC,MAChC,cACA;AAEA,SAAM,WAAU;AAGhB,OAAI,sBAAsB,MAAM,EAAE;AAChC,YAAQ,KAAK,iDAAiD,UAAS;AAEvE,QAAI,MAAM,uBAAuB,UAAU,CACzC;AAGF,YAAQ,KAAK,yCAAyC,UAAS;;AAIjE,UAAO,QAAQ;AACf,eAAY,QAAQ;AACpB,aAAU,QAAQ;;EAGpB,MAAM,SAAS,WAAU;EACzB,MAAM,EAAE,oBAAoB,mBAAkB;EAC9C,MAAM,EAAE,UAAU,WAAU;EAE5B,SAAS,uBACP,QACkB;AAClB,OAAI,CAAC,OACH,QAAO,QAAQ,QAAQ,MAAK;AAG9B,UAAO,IAAI,SAAkB,YAAY;AAClC,qBAAiB;KACpB;KACA,WAAW,gBAAgB;KAC3B;KAEA,WAAW;KACX,UAAU,YAAoC;AAC5C,UAAI,YAAY;AACd,0CAAmC,WAAU;AAC7C,aAAM,qBAAqB,OAAM;AACjC,eAAQ,KAAI;AAEZ;;AAIF,YAAM,4CAA4C,QAAO;AAEzD,cAAQ,MAAK;;KAEf,QAAQ,OAAO;AACb,cAAQ,MAAM,sBAAsB,MAAK;AAEzC,YAAM,kBADgB,OAAiB,WAAW,mBACV,QAAO;AAE/C,cAAQ,MAAK;;KAEhB,CAAA;KACF;;EAGH,SAAS,mCAAmC,YAAyB;AACnE,OAAI,CAAC,WACH;AAGF,UAAO,KAAK;IACV,MAAM;IACN,QAAQ;KACN,WAAW,gBAAgB,OAAO;KAClC,SAAS,YAAY,SAAS;KAC/B;IACF,CAAA;;;;IAMD,YAIgC,+BAAA;KAH7B,WAAW,UAAA;KACX,aAAa,YAAA;KACb,QAAQ,OAAA;KACR,kBAAgB;;;;;;IAGnB,YAA2C,4BAAA,EAAtB,SAAO,aAAW,CAAA;IACvC,YAA0C,2BAAA,EAAtB,SAAO,aAAW,CAAA;IACtC,YAAiD,kCAAA,EAAtB,SAAO,aAAW,CAAA;IAG7C,WAAQ,KAAA,QAAA,UAAA"}

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AAkbA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;AAkhBF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ImportCollectionModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"names":[],"mappings":"AA6aA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CAC7C,CAAC;AA+gBF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/ImportCollection/ImportCollectionModal.vue.js

@@ -0,0 +1,8 @@
+import ImportCollectionModal_vue_vue_type_script_setup_true_lang_default from "./ImportCollectionModal.vue.script.js";
+/* empty css                                    */
+//#region src/components/ImportCollection/ImportCollectionModal.vue
+var ImportCollectionModal_default = ImportCollectionModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ImportCollectionModal_default as default };
+
+//# sourceMappingURL=ImportCollectionModal.vue.js.map

package/dist/components/ImportCollection/ImportCollectionModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCollectionModal.vue.js","names":[],"sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarModal, useModal } from '@scalar/components'\nimport { normalize } from '@scalar/json-magic/helpers/normalize'\nimport { isLocalUrl } from '@scalar/oas-utils/helpers'\nimport {\n  getThemeStyles,\n  themeIds,\n  type IntegrationThemeId,\n} from '@scalar/themes'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport WatchModeToggle from '@/components/CommandPalette/WatchModeToggle.vue'\nimport { useUrlPrefetcher } from '@/components/ImportCollection/hooks/useUrlPrefetcher'\nimport ImportNowButton from '@/components/ImportCollection/ImportNowButton.vue'\nimport IntegrationLogo from '@/components/ImportCollection/IntegrationLogo.vue'\nimport PrefetchError from '@/components/ImportCollection/PrefetchError.vue'\nimport { getOpenApiVersion } from '@/components/ImportCollection/utils/get-openapi-version'\nimport { isDocument } from '@/components/ImportCollection/utils/is-document'\nimport { isUrl } from '@/components/ImportCollection/utils/is-url'\nimport WorkspaceSelector from '@/components/ImportCollection/WorkspaceSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst props = defineProps<{\n  source: string | null\n  integration: string | null\n  eventType: 'drop' | 'paste' | 'query' | null\n}>()\n\nconst emits = defineEmits<{\n  (e: 'importFinished'): void\n}>()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { workspaceMutators, events } = useWorkspace()\n\nconst { prefetchResult, prefetchUrl, resetPrefetchResult } = useUrlPrefetcher()\n\nconst modalState = useModal()\n\nconst watchMode = ref<boolean>(true)\n\n/** Close modal when a keyboard shortcut is pressed */\nevents.hotKeys.on(() => modalState.hide())\n\nconst openApiDocument = computed(() => {\n  try {\n    return normalize(prefetchResult.content || props.source || '')\n  } catch {\n    return undefined\n  }\n})\n\n/** Title from the OpenAPI document */\nconst title = computed(() => openApiDocument.value?.info?.title)\n\n/** The OpenAPI/Swagger version */\nconst version = computed(() =>\n  getOpenApiVersion(prefetchResult.content || props.source || ''),\n)\n\nconst { darkLightMode } = useColorMode()\nconst { currentRoute } = useRouter()\n\n/** Grab light and dark logos from the url query params */\nconst companyLogo = computed(() => {\n  try {\n    const query = currentRoute.value.query\n    const logo =\n      darkLightMode.value === 'dark' ? query.dark_logo : query.light_logo\n\n    if (logo) {\n      return decodeURIComponent(logo as string)\n    }\n  } catch {\n    // No harm no foul\n  }\n\n  return null\n})\n\n/** Open/close modal on events  */\nwatch(\n  () => props.source,\n  async (value) => {\n    resetPrefetchResult()\n\n    if (isUrl(value)) {\n      // For drop & paste events only:\n      const isDropOrPasteEvent =\n        props.eventType && ['paste', 'drop'].includes(props.eventType)\n\n      if (isDropOrPasteEvent) {\n        // Check whether the URL is pointing to an OpenAPI document\n        const { error } = await prefetchUrl(\n          value,\n          activeWorkspace.value?.proxyUrl,\n        )\n\n        if (error) {\n          modalState.hide()\n        } else {\n          modalState.show()\n        }\n\n        return\n      }\n\n      // Query parameters:\n      void prefetchUrl(value, activeWorkspace.value?.proxyUrl)\n\n      modalState.show()\n\n      return\n    }\n\n    if (!value) {\n      modalState.hide()\n    } else if (isDocument(value) && getOpenApiVersion(value)) {\n      modalState.show()\n    } else {\n      modalState.hide()\n    }\n  },\n)\n\nconst hasUrl = computed(() => !!props.source && isUrl(props.source))\nconst hasContent = computed(() => !!props.source && isDocument(props.source))\n\n/** Show the integration icon only for local URLs */\nconst shouldShowIntegrationIcon = computed(() => {\n  return prefetchResult.url && isLocalUrl(prefetchResult.url)\n})\n\n// Function to add/remove class from body\nconst toggleBodyClass = (add: boolean) => {\n  document.body.classList.remove('has-no-import-url')\n\n  if (add && (hasUrl.value || hasContent.value) && modalState.open) {\n    document.body.classList.add('has-import-url')\n  } else {\n    document.body.classList.remove('has-import-url')\n  }\n}\n\n/** Toggles the 'has-import-url' class on the body element */\nconst closeModal = () => {\n  document.body.classList.remove('has-import-url')\n  document.body.classList.add('has-no-import-url')\n}\n\n// Watch for changes in the modal state\nwatch(\n  () => modalState.open,\n  (isOpen) => {\n    if (isOpen) {\n      toggleBodyClass(true)\n    } else {\n      closeModal()\n    }\n  },\n)\n\n// Watch for changes in the source prop\nwatch(\n  () => props.source,\n  () => {\n    toggleBodyClass(true)\n  },\n)\n\n// Add class on mount if URL exists and modal is visible\nonMounted(() => {\n  toggleBodyClass(true)\n})\n\n// Remove classes on unmount\nonUnmounted(() => {\n  document.body.classList.remove('has-import-url')\n  document.body.classList.remove('has-no-import-url')\n})\nconst themeStyleTag = computed(\n  () =>\n    activeWorkspace.value &&\n    shouldShowIntegrationIcon.value &&\n    props.integration &&\n    `<style>${getThemeStyles(props.integration as IntegrationThemeId)}</style>`,\n)\n\nfunction handleImportFinished() {\n  // If the integration is not a valid theme id, set the theme to default\n  const isIntegrationThemeId = (value: string): value is IntegrationThemeId =>\n    themeIds.includes(value as IntegrationThemeId)\n\n  const integrationThemeId =\n    props.integration && isIntegrationThemeId(props.integration)\n      ? props.integration\n      : 'default'\n\n  if (shouldShowIntegrationIcon.value) {\n    workspaceMutators.edit(\n      activeWorkspace.value?.uid,\n      'themeId',\n      integrationThemeId,\n    )\n  }\n  emits('importFinished')\n}\n</script>\n\n<template>\n  <ScalarModal\n    size=\"full\"\n    :state=\"modalState\">\n    <div\n      v-if=\"themeStyleTag\"\n      v-html=\"themeStyleTag\" />\n    <div\n      class=\"relative flex h-screen flex-col justify-center overflow-hidden px-6 md:px-0\">\n      <div class=\"section-flare\">\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n      </div>\n      <!-- Wait until the URL is fetched -->\n      <div\n        class=\"m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl border px-8 py-8 transition-opacity\"\n        :class=\"{ 'opacity-0': prefetchResult.state === 'loading' }\">\n        <!-- Prefetch error -->\n        <!-- Or: Document doesn't even have an OpenAPI/Swagger version, something is probably wrong -->\n        <template\n          v-if=\"\n            prefetchResult.error && prefetchResult.state === 'idle' && !version\n          \">\n          <!-- Heading -->\n          <div class=\"text-md mb-2 line-clamp-1 text-center font-bold\">\n            No OpenAPI document found\n          </div>\n          <PrefetchError :url=\"prefetchResult?.input || props.source\" />\n        </template>\n        <!-- Success -->\n        <template v-else>\n          <!-- Integration Logo -->\n          <div\n            v-if=\"shouldShowIntegrationIcon\"\n            class=\"mb-2 flex items-center justify-center p-1\">\n            <div class=\"size-10 rounded-xl\">\n              <IntegrationLogo :integration=\"integration\" />\n            </div>\n          </div>\n\n          <!-- Company Logo -->\n          <img\n            v-else-if=\"companyLogo\"\n            alt=\"Logo\"\n            class=\"mb-2 w-full object-contain\"\n            :src=\"companyLogo\" />\n\n          <!-- Title -->\n          <div\n            v-if=\"!companyLogo\"\n            class=\"text-md mb-2 line-clamp-1 text-center font-bold\">\n            {{ title || 'Untitled Collection' }}\n          </div>\n\n          <div class=\"text-c-1 text-center text-sm font-medium text-balance\">\n            Import the OpenAPI document to instantly send API requests. No\n            signup required.\n          </div>\n\n          <!-- Actions -->\n          <template v-if=\"version\">\n            <div class=\"z-10 inline-flex w-full flex-col items-center gap-2\">\n              <ImportNowButton\n                :source=\"\n                  prefetchResult?.url ?? prefetchResult?.content ?? source\n                \"\n                variant=\"button\"\n                :watchMode=\"watchMode\"\n                @importFinished=\"handleImportFinished\" />\n            </div>\n            <!-- Select the workspace -->\n            <div class=\"flex justify-center\">\n              <div\n                class=\"text-c-3 inline-flex items-center px-4 py-1 text-xs font-medium\">\n                Import to: <WorkspaceSelector />\n              </div>\n            </div>\n            <!-- Watch Mode -->\n            <template v-if=\"prefetchResult?.url\">\n              <div class=\"mt-5 overflow-hidden border-t pt-4 text-sm\">\n                <div class=\"flex items-center justify-center\">\n                  <WatchModeToggle\n                    v-model=\"watchMode\"\n                    :disableToolTip=\"true\" />\n                </div>\n                <div\n                  class=\"text-c-3 pt-0 text-center text-xs font-medium text-balance\">\n                  Automatically update your API client when the OpenAPI document\n                  content changes.\n                </div>\n              </div>\n            </template>\n          </template>\n        </template>\n      </div>\n      <!-- Download Link -->\n      <div class=\"flex flex-col items-center justify-center pb-8\">\n        <div class=\"flex flex-col items-center text-center\">\n          <div\n            class=\"mb-2 flex h-10 w-10 items-center justify-center rounded-[10px] border\">\n            <a\n              href=\"https://scalar.com/download\"\n              target=\"_blank\">\n              <ScalarIcon\n                icon=\"Logo\"\n                size=\"xl\" />\n            </a>\n          </div>\n          <span class=\"text-c-2 text-sm leading-snug font-medium\">\n            <a\n              class=\"hover:text-c-1 mb-1 inline-block underline-offset-2\"\n              href=\"https://scalar.com/download\"\n              target=\"_blank\">\n              Download Desktop App\n            </a>\n            <br />\n            free · open-source · offline first\n          </span>\n        </div>\n      </div>\n    </div>\n  </ScalarModal>\n</template>\n<style>\n@reference \"@/style.css\";\n\n@variant md {\n  .has-no-import-url,\n  .has-import-url {\n    max-width: 100dvw;\n    overflow-x: hidden;\n    contain: paint;\n  }\n  .has-no-import-url .scalar-client > main {\n    opacity: 1;\n    background: var(--scalar-background-1);\n    animation: transform-restore-layout ease-in-out 0.3s forwards;\n  }\n  .has-import-url .scalar-client > main {\n    opacity: 0;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n    animation: transform-fade-layout ease-in-out 0.3s forwards;\n    border: var(--scalar-border-width) solid var(--scalar-border-color);\n    border-radius: 12px;\n    overflow: hidden;\n    z-index: 10000;\n  }\n  .has-import-url .scalar-client .sidenav {\n    display: none;\n  }\n  .has-no-import-url .scalar-app,\n  .has-import-url .scalar-app {\n    background: var(--scalar-background-1) !important;\n  }\n}\n@keyframes transform-fade-layout {\n  0% {\n    opacity: 0;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n  }\n}\n@keyframes transform-restore-layout {\n  0% {\n    opacity: 1;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1) translate3d(0, 0, 0);\n  }\n}\n.openapi-color {\n  color: var(--scalar-color-green);\n}\n.section-flare {\n  position: fixed;\n  top: 0;\n  right: -50dvw;\n}\n</style>\n"],"mappings":""}

package/dist/components/ImportCollection/ImportCollectionModal.vue.script.js

@@ -0,0 +1,206 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useWorkspace } from "../../store/store.js";
+import WatchModeToggle_default from "../CommandPalette/WatchModeToggle.vue.js";
+import { useUrlPrefetcher } from "./hooks/useUrlPrefetcher.js";
+import { isUrl } from "./utils/is-url.js";
+import ImportNowButton_default from "./ImportNowButton.vue.js";
+import IntegrationLogo_default from "./IntegrationLogo.vue.js";
+import PrefetchError_default from "./PrefetchError.vue.js";
+import { isDocument } from "./utils/is-document.js";
+import { getOpenApiVersion } from "./utils/get-openapi-version.js";
+import WorkspaceSelector_default from "./WorkspaceSelector.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarIcon, ScalarModal, useModal } from "@scalar/components";
+import { getThemeStyles, themeIds } from "@scalar/themes";
+import { useColorMode } from "@scalar/use-hooks/useColorMode";
+import { useRouter } from "vue-router";
+import { isLocalUrl } from "@scalar/oas-utils/helpers";
+import { normalize } from "@scalar/json-magic/helpers/normalize";
+//#region src/components/ImportCollection/ImportCollectionModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["innerHTML"];
+var _hoisted_2 = { class: "relative flex h-screen flex-col justify-center overflow-hidden px-6 md:px-0" };
+var _hoisted_3 = {
+	key: 0,
+	class: "mb-2 flex items-center justify-center p-1"
+};
+var _hoisted_4 = { class: "size-10 rounded-xl" };
+var _hoisted_5 = ["src"];
+var _hoisted_6 = {
+	key: 2,
+	class: "text-md mb-2 line-clamp-1 text-center font-bold"
+};
+var _hoisted_7 = { class: "z-10 inline-flex w-full flex-col items-center gap-2" };
+var _hoisted_8 = { class: "flex justify-center" };
+var _hoisted_9 = { class: "text-c-3 inline-flex items-center px-4 py-1 text-xs font-medium" };
+var _hoisted_10 = {
+	key: 0,
+	class: "mt-5 overflow-hidden border-t pt-4 text-sm"
+};
+var _hoisted_11 = { class: "flex items-center justify-center" };
+var _hoisted_12 = { class: "flex flex-col items-center justify-center pb-8" };
+var _hoisted_13 = { class: "flex flex-col items-center text-center" };
+var _hoisted_14 = { class: "mb-2 flex h-10 w-10 items-center justify-center rounded-[10px] border" };
+var _hoisted_15 = {
+	href: "https://scalar.com/download",
+	target: "_blank"
+};
+var ImportCollectionModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ImportCollectionModal",
+	props: {
+		source: {},
+		integration: {},
+		eventType: {}
+	},
+	emits: ["importFinished"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { activeWorkspace } = useActiveEntities();
+		const { workspaceMutators, events } = useWorkspace();
+		const { prefetchResult, prefetchUrl, resetPrefetchResult } = useUrlPrefetcher();
+		const modalState = useModal();
+		const watchMode = ref(true);
+		/** Close modal when a keyboard shortcut is pressed */
+		events.hotKeys.on(() => modalState.hide());
+		const openApiDocument = computed(() => {
+			try {
+				return normalize(prefetchResult.content || props.source || "");
+			} catch {
+				return;
+			}
+		});
+		/** Title from the OpenAPI document */
+		const title = computed(() => openApiDocument.value?.info?.title);
+		/** The OpenAPI/Swagger version */
+		const version = computed(() => getOpenApiVersion(prefetchResult.content || props.source || ""));
+		const { darkLightMode } = useColorMode();
+		const { currentRoute } = useRouter();
+		/** Grab light and dark logos from the url query params */
+		const companyLogo = computed(() => {
+			try {
+				const query = currentRoute.value.query;
+				const logo = darkLightMode.value === "dark" ? query.dark_logo : query.light_logo;
+				if (logo) return decodeURIComponent(logo);
+			} catch {}
+			return null;
+		});
+		/** Open/close modal on events  */
+		watch(() => props.source, async (value) => {
+			resetPrefetchResult();
+			if (isUrl(value)) {
+				if (props.eventType && ["paste", "drop"].includes(props.eventType)) {
+					const { error } = await prefetchUrl(value, activeWorkspace.value?.proxyUrl);
+					if (error) modalState.hide();
+					else modalState.show();
+					return;
+				}
+				prefetchUrl(value, activeWorkspace.value?.proxyUrl);
+				modalState.show();
+				return;
+			}
+			if (!value) modalState.hide();
+			else if (isDocument(value) && getOpenApiVersion(value)) modalState.show();
+			else modalState.hide();
+		});
+		const hasUrl = computed(() => !!props.source && isUrl(props.source));
+		const hasContent = computed(() => !!props.source && isDocument(props.source));
+		/** Show the integration icon only for local URLs */
+		const shouldShowIntegrationIcon = computed(() => {
+			return prefetchResult.url && isLocalUrl(prefetchResult.url);
+		});
+		const toggleBodyClass = (add) => {
+			document.body.classList.remove("has-no-import-url");
+			if (add && (hasUrl.value || hasContent.value) && modalState.open) document.body.classList.add("has-import-url");
+			else document.body.classList.remove("has-import-url");
+		};
+		/** Toggles the 'has-import-url' class on the body element */
+		const closeModal = () => {
+			document.body.classList.remove("has-import-url");
+			document.body.classList.add("has-no-import-url");
+		};
+		watch(() => modalState.open, (isOpen) => {
+			if (isOpen) toggleBodyClass(true);
+			else closeModal();
+		});
+		watch(() => props.source, () => {
+			toggleBodyClass(true);
+		});
+		onMounted(() => {
+			toggleBodyClass(true);
+		});
+		onUnmounted(() => {
+			document.body.classList.remove("has-import-url");
+			document.body.classList.remove("has-no-import-url");
+		});
+		const themeStyleTag = computed(() => activeWorkspace.value && shouldShowIntegrationIcon.value && props.integration && `<style>${getThemeStyles(props.integration)}</style>`);
+		function handleImportFinished() {
+			const isIntegrationThemeId = (value) => themeIds.includes(value);
+			const integrationThemeId = props.integration && isIntegrationThemeId(props.integration) ? props.integration : "default";
+			if (shouldShowIntegrationIcon.value) workspaceMutators.edit(activeWorkspace.value?.uid, "themeId", integrationThemeId);
+			emits("importFinished");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarModal), {
+				size: "full",
+				state: unref(modalState)
+			}, {
+				default: withCtx(() => [themeStyleTag.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					innerHTML: themeStyleTag.value
+				}, null, 8, _hoisted_1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [
+					_cache[6] || (_cache[6] = createElementVNode("div", { class: "section-flare" }, [
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" }),
+						createElementVNode("div", { class: "section-flare-item" })
+					], -1)),
+					createElementVNode("div", { class: normalizeClass(["m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl border px-8 py-8 transition-opacity", { "opacity-0": unref(prefetchResult).state === "loading" }]) }, [unref(prefetchResult).error && unref(prefetchResult).state === "idle" && !version.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "text-md mb-2 line-clamp-1 text-center font-bold" }, " No OpenAPI document found ", -1)), createVNode(PrefetchError_default, { url: unref(prefetchResult)?.input || props.source }, null, 8, ["url"])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						shouldShowIntegrationIcon.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(IntegrationLogo_default, { integration: __props.integration }, null, 8, ["integration"])])])) : companyLogo.value ? (openBlock(), createElementBlock("img", {
+							key: 1,
+							alt: "Logo",
+							class: "mb-2 w-full object-contain",
+							src: companyLogo.value
+						}, null, 8, _hoisted_5)) : createCommentVNode("", true),
+						!companyLogo.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(title.value || "Untitled Collection"), 1)) : createCommentVNode("", true),
+						_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-c-1 text-center text-sm font-medium text-balance" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
+						version.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+							createElementVNode("div", _hoisted_7, [createVNode(ImportNowButton_default, {
+								source: unref(prefetchResult)?.url ?? unref(prefetchResult)?.content ?? __props.source,
+								variant: "button",
+								watchMode: watchMode.value,
+								onImportFinished: handleImportFinished
+							}, null, 8, ["source", "watchMode"])]),
+							createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [_cache[2] || (_cache[2] = createTextVNode(" Import to: ", -1)), createVNode(WorkspaceSelector_default)])]),
+							unref(prefetchResult)?.url ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(WatchModeToggle_default, {
+								modelValue: watchMode.value,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => watchMode.value = $event),
+								disableToolTip: true
+							}, null, 8, ["modelValue"])]), _cache[3] || (_cache[3] = createElementVNode("div", { class: "text-c-3 pt-0 text-center text-xs font-medium text-balance" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))])) : createCommentVNode("", true)
+						], 64)) : createCommentVNode("", true)
+					], 64))], 2),
+					createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [createElementVNode("a", _hoisted_15, [createVNode(unref(ScalarIcon), {
+						icon: "Logo",
+						size: "xl"
+					})])]), _cache[5] || (_cache[5] = createElementVNode("span", { class: "text-c-2 text-sm leading-snug font-medium" }, [
+						createElementVNode("a", {
+							class: "hover:text-c-1 mb-1 inline-block underline-offset-2",
+							href: "https://scalar.com/download",
+							target: "_blank"
+						}, " Download Desktop App "),
+						createElementVNode("br"),
+						createTextVNode(" free · open-source · offline first ")
+					], -1))])])
+				])]),
+				_: 1
+			}, 8, ["state"]);
+		};
+	}
+});
+//#endregion
+export { ImportCollectionModal_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ImportCollectionModal.vue.script.js.map

package/dist/components/ImportCollection/ImportCollectionModal.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportCollectionModal.vue.script.js","names":[],"sources":["../../../src/components/ImportCollection/ImportCollectionModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarModal, useModal } from '@scalar/components'\nimport { normalize } from '@scalar/json-magic/helpers/normalize'\nimport { isLocalUrl } from '@scalar/oas-utils/helpers'\nimport {\n  getThemeStyles,\n  themeIds,\n  type IntegrationThemeId,\n} from '@scalar/themes'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport WatchModeToggle from '@/components/CommandPalette/WatchModeToggle.vue'\nimport { useUrlPrefetcher } from '@/components/ImportCollection/hooks/useUrlPrefetcher'\nimport ImportNowButton from '@/components/ImportCollection/ImportNowButton.vue'\nimport IntegrationLogo from '@/components/ImportCollection/IntegrationLogo.vue'\nimport PrefetchError from '@/components/ImportCollection/PrefetchError.vue'\nimport { getOpenApiVersion } from '@/components/ImportCollection/utils/get-openapi-version'\nimport { isDocument } from '@/components/ImportCollection/utils/is-document'\nimport { isUrl } from '@/components/ImportCollection/utils/is-url'\nimport WorkspaceSelector from '@/components/ImportCollection/WorkspaceSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst props = defineProps<{\n  source: string | null\n  integration: string | null\n  eventType: 'drop' | 'paste' | 'query' | null\n}>()\n\nconst emits = defineEmits<{\n  (e: 'importFinished'): void\n}>()\n\nconst { activeWorkspace } = useActiveEntities()\nconst { workspaceMutators, events } = useWorkspace()\n\nconst { prefetchResult, prefetchUrl, resetPrefetchResult } = useUrlPrefetcher()\n\nconst modalState = useModal()\n\nconst watchMode = ref<boolean>(true)\n\n/** Close modal when a keyboard shortcut is pressed */\nevents.hotKeys.on(() => modalState.hide())\n\nconst openApiDocument = computed(() => {\n  try {\n    return normalize(prefetchResult.content || props.source || '')\n  } catch {\n    return undefined\n  }\n})\n\n/** Title from the OpenAPI document */\nconst title = computed(() => openApiDocument.value?.info?.title)\n\n/** The OpenAPI/Swagger version */\nconst version = computed(() =>\n  getOpenApiVersion(prefetchResult.content || props.source || ''),\n)\n\nconst { darkLightMode } = useColorMode()\nconst { currentRoute } = useRouter()\n\n/** Grab light and dark logos from the url query params */\nconst companyLogo = computed(() => {\n  try {\n    const query = currentRoute.value.query\n    const logo =\n      darkLightMode.value === 'dark' ? query.dark_logo : query.light_logo\n\n    if (logo) {\n      return decodeURIComponent(logo as string)\n    }\n  } catch {\n    // No harm no foul\n  }\n\n  return null\n})\n\n/** Open/close modal on events  */\nwatch(\n  () => props.source,\n  async (value) => {\n    resetPrefetchResult()\n\n    if (isUrl(value)) {\n      // For drop & paste events only:\n      const isDropOrPasteEvent =\n        props.eventType && ['paste', 'drop'].includes(props.eventType)\n\n      if (isDropOrPasteEvent) {\n        // Check whether the URL is pointing to an OpenAPI document\n        const { error } = await prefetchUrl(\n          value,\n          activeWorkspace.value?.proxyUrl,\n        )\n\n        if (error) {\n          modalState.hide()\n        } else {\n          modalState.show()\n        }\n\n        return\n      }\n\n      // Query parameters:\n      void prefetchUrl(value, activeWorkspace.value?.proxyUrl)\n\n      modalState.show()\n\n      return\n    }\n\n    if (!value) {\n      modalState.hide()\n    } else if (isDocument(value) && getOpenApiVersion(value)) {\n      modalState.show()\n    } else {\n      modalState.hide()\n    }\n  },\n)\n\nconst hasUrl = computed(() => !!props.source && isUrl(props.source))\nconst hasContent = computed(() => !!props.source && isDocument(props.source))\n\n/** Show the integration icon only for local URLs */\nconst shouldShowIntegrationIcon = computed(() => {\n  return prefetchResult.url && isLocalUrl(prefetchResult.url)\n})\n\n// Function to add/remove class from body\nconst toggleBodyClass = (add: boolean) => {\n  document.body.classList.remove('has-no-import-url')\n\n  if (add && (hasUrl.value || hasContent.value) && modalState.open) {\n    document.body.classList.add('has-import-url')\n  } else {\n    document.body.classList.remove('has-import-url')\n  }\n}\n\n/** Toggles the 'has-import-url' class on the body element */\nconst closeModal = () => {\n  document.body.classList.remove('has-import-url')\n  document.body.classList.add('has-no-import-url')\n}\n\n// Watch for changes in the modal state\nwatch(\n  () => modalState.open,\n  (isOpen) => {\n    if (isOpen) {\n      toggleBodyClass(true)\n    } else {\n      closeModal()\n    }\n  },\n)\n\n// Watch for changes in the source prop\nwatch(\n  () => props.source,\n  () => {\n    toggleBodyClass(true)\n  },\n)\n\n// Add class on mount if URL exists and modal is visible\nonMounted(() => {\n  toggleBodyClass(true)\n})\n\n// Remove classes on unmount\nonUnmounted(() => {\n  document.body.classList.remove('has-import-url')\n  document.body.classList.remove('has-no-import-url')\n})\nconst themeStyleTag = computed(\n  () =>\n    activeWorkspace.value &&\n    shouldShowIntegrationIcon.value &&\n    props.integration &&\n    `<style>${getThemeStyles(props.integration as IntegrationThemeId)}</style>`,\n)\n\nfunction handleImportFinished() {\n  // If the integration is not a valid theme id, set the theme to default\n  const isIntegrationThemeId = (value: string): value is IntegrationThemeId =>\n    themeIds.includes(value as IntegrationThemeId)\n\n  const integrationThemeId =\n    props.integration && isIntegrationThemeId(props.integration)\n      ? props.integration\n      : 'default'\n\n  if (shouldShowIntegrationIcon.value) {\n    workspaceMutators.edit(\n      activeWorkspace.value?.uid,\n      'themeId',\n      integrationThemeId,\n    )\n  }\n  emits('importFinished')\n}\n</script>\n\n<template>\n  <ScalarModal\n    size=\"full\"\n    :state=\"modalState\">\n    <div\n      v-if=\"themeStyleTag\"\n      v-html=\"themeStyleTag\" />\n    <div\n      class=\"relative flex h-screen flex-col justify-center overflow-hidden px-6 md:px-0\">\n      <div class=\"section-flare\">\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n        <div class=\"section-flare-item\" />\n      </div>\n      <!-- Wait until the URL is fetched -->\n      <div\n        class=\"m-auto flex w-full max-w-[380px] flex-col items-center rounded-xl border px-8 py-8 transition-opacity\"\n        :class=\"{ 'opacity-0': prefetchResult.state === 'loading' }\">\n        <!-- Prefetch error -->\n        <!-- Or: Document doesn't even have an OpenAPI/Swagger version, something is probably wrong -->\n        <template\n          v-if=\"\n            prefetchResult.error && prefetchResult.state === 'idle' && !version\n          \">\n          <!-- Heading -->\n          <div class=\"text-md mb-2 line-clamp-1 text-center font-bold\">\n            No OpenAPI document found\n          </div>\n          <PrefetchError :url=\"prefetchResult?.input || props.source\" />\n        </template>\n        <!-- Success -->\n        <template v-else>\n          <!-- Integration Logo -->\n          <div\n            v-if=\"shouldShowIntegrationIcon\"\n            class=\"mb-2 flex items-center justify-center p-1\">\n            <div class=\"size-10 rounded-xl\">\n              <IntegrationLogo :integration=\"integration\" />\n            </div>\n          </div>\n\n          <!-- Company Logo -->\n          <img\n            v-else-if=\"companyLogo\"\n            alt=\"Logo\"\n            class=\"mb-2 w-full object-contain\"\n            :src=\"companyLogo\" />\n\n          <!-- Title -->\n          <div\n            v-if=\"!companyLogo\"\n            class=\"text-md mb-2 line-clamp-1 text-center font-bold\">\n            {{ title || 'Untitled Collection' }}\n          </div>\n\n          <div class=\"text-c-1 text-center text-sm font-medium text-balance\">\n            Import the OpenAPI document to instantly send API requests. No\n            signup required.\n          </div>\n\n          <!-- Actions -->\n          <template v-if=\"version\">\n            <div class=\"z-10 inline-flex w-full flex-col items-center gap-2\">\n              <ImportNowButton\n                :source=\"\n                  prefetchResult?.url ?? prefetchResult?.content ?? source\n                \"\n                variant=\"button\"\n                :watchMode=\"watchMode\"\n                @importFinished=\"handleImportFinished\" />\n            </div>\n            <!-- Select the workspace -->\n            <div class=\"flex justify-center\">\n              <div\n                class=\"text-c-3 inline-flex items-center px-4 py-1 text-xs font-medium\">\n                Import to: <WorkspaceSelector />\n              </div>\n            </div>\n            <!-- Watch Mode -->\n            <template v-if=\"prefetchResult?.url\">\n              <div class=\"mt-5 overflow-hidden border-t pt-4 text-sm\">\n                <div class=\"flex items-center justify-center\">\n                  <WatchModeToggle\n                    v-model=\"watchMode\"\n                    :disableToolTip=\"true\" />\n                </div>\n                <div\n                  class=\"text-c-3 pt-0 text-center text-xs font-medium text-balance\">\n                  Automatically update your API client when the OpenAPI document\n                  content changes.\n                </div>\n              </div>\n            </template>\n          </template>\n        </template>\n      </div>\n      <!-- Download Link -->\n      <div class=\"flex flex-col items-center justify-center pb-8\">\n        <div class=\"flex flex-col items-center text-center\">\n          <div\n            class=\"mb-2 flex h-10 w-10 items-center justify-center rounded-[10px] border\">\n            <a\n              href=\"https://scalar.com/download\"\n              target=\"_blank\">\n              <ScalarIcon\n                icon=\"Logo\"\n                size=\"xl\" />\n            </a>\n          </div>\n          <span class=\"text-c-2 text-sm leading-snug font-medium\">\n            <a\n              class=\"hover:text-c-1 mb-1 inline-block underline-offset-2\"\n              href=\"https://scalar.com/download\"\n              target=\"_blank\">\n              Download Desktop App\n            </a>\n            <br />\n            free · open-source · offline first\n          </span>\n        </div>\n      </div>\n    </div>\n  </ScalarModal>\n</template>\n<style>\n@reference \"@/style.css\";\n\n@variant md {\n  .has-no-import-url,\n  .has-import-url {\n    max-width: 100dvw;\n    overflow-x: hidden;\n    contain: paint;\n  }\n  .has-no-import-url .scalar-client > main {\n    opacity: 1;\n    background: var(--scalar-background-1);\n    animation: transform-restore-layout ease-in-out 0.3s forwards;\n  }\n  .has-import-url .scalar-client > main {\n    opacity: 0;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n    animation: transform-fade-layout ease-in-out 0.3s forwards;\n    border: var(--scalar-border-width) solid var(--scalar-border-color);\n    border-radius: 12px;\n    overflow: hidden;\n    z-index: 10000;\n  }\n  .has-import-url .scalar-client .sidenav {\n    display: none;\n  }\n  .has-no-import-url .scalar-app,\n  .has-import-url .scalar-app {\n    background: var(--scalar-background-1) !important;\n  }\n}\n@keyframes transform-fade-layout {\n  0% {\n    opacity: 0;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n  }\n}\n@keyframes transform-restore-layout {\n  0% {\n    opacity: 1;\n    transform: scale(0.85) translate3d(calc(50dvw + 80px), 0, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1) translate3d(0, 0, 0);\n  }\n}\n.openapi-color {\n  color: var(--scalar-color-green);\n}\n.section-flare {\n  position: fixed;\n  top: 0;\n  right: -50dvw;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/ImportCollection/ImportNowButton.vue.js

@@ -0,0 +1,7 @@
+import ImportNowButton_vue_vue_type_script_setup_true_lang_default from "./ImportNowButton.vue.script.js";
+//#region src/components/ImportCollection/ImportNowButton.vue
+var ImportNowButton_default = ImportNowButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ImportNowButton_default as default };
+
+//# sourceMappingURL=ImportNowButton.vue.js.map

package/dist/components/ImportCollection/ImportNowButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportNowButton.vue.js","names":[],"sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarButton } from '@scalar/components'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { useRouter } from 'vue-router'\n\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport { importCollection } from './utils/import-collection'\n\nconst { source, watchMode = true } = defineProps<{\n  source?: string | null\n  variant?: 'button' | 'link'\n  watchMode?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'importFinished'): void\n}>()\n\nconst router = useRouter()\nconst store = useWorkspace()\nconst { activeWorkspace } = useActiveEntities()\nconst { toast } = useToasts()\n\nfunction handleImportCollection() {\n  void importCollection({\n    store,\n    workspace: activeWorkspace.value,\n    source: source,\n    watchMode: watchMode,\n    onSuccess(collection: Collection | undefined) {\n      if (collection) {\n        redirectToFirstRequestInCollection(collection)\n        toast('Import successful', 'info')\n        emit('importFinished')\n      }\n    },\n    onError(error) {\n      console.error('[importCollection]', error)\n\n      const errorMessage = (error as Error)?.message || 'Unknown error'\n      toast(`Import failed: ${errorMessage}`, 'error')\n    },\n  })\n}\n\nfunction redirectToFirstRequestInCollection(collection?: Collection) {\n  if (!collection) {\n    return\n  }\n\n  router.push({\n    name: 'request',\n    params: {\n      workspace: activeWorkspace.value?.uid,\n      request: collection?.requests[0],\n    },\n  })\n}\n</script>\n\n<template>\n  <template v-if=\"source\">\n    <!-- Button -->\n    <ScalarButton\n      v-if=\"variant === 'button'\"\n      class=\"mt-3 h-fit w-full rounded-lg px-6 py-2.5 font-bold\"\n      size=\"md\"\n      type=\"button\"\n      @click=\"handleImportCollection\">\n      Import Collection\n    </ScalarButton>\n    <!-- Link -->\n    <ScalarButton\n      v-else\n      class=\"h-fit rounded-lg px-6 py-2.5 text-[21px] font-bold\"\n      size=\"md\"\n      type=\"button\"\n      variant=\"ghost\"\n      @click=\"handleImportCollection\">\n      Try it in the browser\n    </ScalarButton>\n    <!-- <a\n      v-else\n      class=\"no-underline text-sm\"\n      href=\"#\"\n      @click=\"importCollection\">\n      Try it in the browser\n    </a> -->\n  </template>\n</template>\n"],"mappings":""}