@scalar/api-client 2.42.0 → 3.0.0

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-type __VLS_Props = {
-    source: string | null;
-    integration: string | null;
-    eventType: 'drop' | 'paste' | 'query' | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    importFinished: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onImportFinished?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=ImportCollectionModal.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,EAAE,oBAAoB,mBAAkB;EAC9C,MAAM,EAAE,mBAAmB,WAAW,cAAa;EAEnD,MAAM,EAAE,gBAAgB,aAAa,wBAAwB,kBAAiB;EAE9E,MAAM,aAAa,UAAS;EAE5B,MAAM,YAAY,IAAa,KAAI;;AAGnC,SAAO,QAAQ,SAAS,WAAW,MAAM,CAAA;EAEzC,MAAM,kBAAkB,eAAe;AACrC,OAAI;AACF,WAAO,UAAU,eAAe,WAAW,MAAM,UAAU,GAAE;WACvD;AACN;;IAEH;;EAGD,MAAM,QAAQ,eAAe,gBAAgB,OAAO,MAAM,MAAK;;EAG/D,MAAM,UAAU,eACd,kBAAkB,eAAe,WAAW,MAAM,UAAU,GAAG,CACjE;EAEA,MAAM,EAAE,kBAAkB,cAAa;EACvC,MAAM,EAAE,iBAAiB,WAAU;;EAGnC,MAAM,cAAc,eAAe;AACjC,OAAI;IACF,MAAM,QAAQ,aAAa,MAAM;IACjC,MAAM,OACJ,cAAc,UAAU,SAAS,MAAM,YAAY,MAAM;AAE3D,QAAI,KACF,QAAO,mBAAmB,KAAc;WAEpC;AAIR,UAAO;IACR;;AAGD,cACQ,MAAM,QACZ,OAAO,UAAU;AACf,wBAAoB;AAEpB,OAAI,MAAM,MAAM,EAAE;AAKhB,QAFE,MAAM,aAAa,CAAC,SAAS,OAAO,CAAC,SAAS,MAAM,UAAS,EAEvC;KAEtB,MAAM,EAAE,UAAU,MAAM,YACtB,OACA,gBAAgB,OAAO,SACzB;AAEA,SAAI,MACF,YAAW,MAAK;SAEhB,YAAW,MAAK;AAGlB;;AAIG,gBAAY,OAAO,gBAAgB,OAAO,SAAQ;AAEvD,eAAW,MAAK;AAEhB;;AAGF,OAAI,CAAC,MACH,YAAW,MAAK;YACP,WAAW,MAAM,IAAI,kBAAkB,MAAM,CACtD,YAAW,MAAK;OAEhB,YAAW,MAAK;IAGtB;EAEA,MAAM,SAAS,eAAe,CAAC,CAAC,MAAM,UAAU,MAAM,MAAM,OAAO,CAAA;EACnE,MAAM,aAAa,eAAe,CAAC,CAAC,MAAM,UAAU,WAAW,MAAM,OAAO,CAAA;;EAG5E,MAAM,4BAA4B,eAAe;AAC/C,UAAO,eAAe,OAAO,WAAW,eAAe,IAAG;IAC3D;EAGD,MAAM,mBAAmB,QAAiB;AACxC,YAAS,KAAK,UAAU,OAAO,oBAAmB;AAElD,OAAI,QAAQ,OAAO,SAAS,WAAW,UAAU,WAAW,KAC1D,UAAS,KAAK,UAAU,IAAI,iBAAgB;OAE5C,UAAS,KAAK,UAAU,OAAO,iBAAgB;;;EAKnD,MAAM,mBAAmB;AACvB,YAAS,KAAK,UAAU,OAAO,iBAAgB;AAC/C,YAAS,KAAK,UAAU,IAAI,oBAAmB;;AAIjD,cACQ,WAAW,OAChB,WAAW;AACV,OAAI,OACF,iBAAgB,KAAI;OAEpB,aAAW;IAGjB;AAGA,cACQ,MAAM,cACN;AACJ,mBAAgB,KAAI;IAExB;AAGA,kBAAgB;AACd,mBAAgB,KAAI;IACrB;AAGD,oBAAkB;AAChB,YAAS,KAAK,UAAU,OAAO,iBAAgB;AAC/C,YAAS,KAAK,UAAU,OAAO,oBAAmB;IACnD;EACD,MAAM,gBAAgB,eAElB,gBAAgB,SAChB,0BAA0B,SAC1B,MAAM,eACN,UAAU,eAAe,MAAM,YAAkC,CAAC,UACtE;EAEA,SAAS,uBAAuB;GAE9B,MAAM,wBAAwB,UAC5B,SAAS,SAAS,MAA2B;GAE/C,MAAM,qBACJ,MAAM,eAAe,qBAAqB,MAAM,YAAW,GACvD,MAAM,cACN;AAEN,OAAI,0BAA0B,MAC5B,mBAAkB,KAChB,gBAAgB,OAAO,KACvB,WACA,mBACF;AAEF,SAAM,iBAAgB;;;uBAKtB,YA8Hc,MAAA,YAAA,EAAA;IA7HZ,MAAK;IACJ,OAAO,MAAA,WAAU;;2BAGS,CADnB,cAAA,SAAA,WAAA,EADR,mBAE2B,OAAA;;KAAzB,WAAQ,cAAA;6DACV,mBAuHM,OAvHN,YAuHM;+BArHJ,mBASM,OAAA,EATD,OAAM,iBAAe,EAAA;MACxB,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;MAC/B,mBAAkC,OAAA,EAA7B,OAAM,sBAAoB,CAAA;;KAGjC,mBAgFM,OAAA,EA/EJ,OAAK,eAAA,CAAC,yGAAuG,EAAA,aACtF,MAAA,eAAc,CAAC,UAAK,WAAA,CAAA,CAAA,EAAA,EAAA,CAItB,MAAA,eAAc,CAAC,SAAS,MAAA,eAAc,CAAC,UAAK,UAAA,CAAgB,QAAA,SAAA,WAAA,EADjF,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,OAAA,OAAA,KAJT,mBAEM,OAAA,EAFD,OAAM,mDAAiD,EAAC,+BAE7D,GAAA,GACA,YAA8D,uBAAA,EAA9C,KAAK,MAAA,eAAc,EAAE,SAAS,MAAM,QAAA,EAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,KAAA,WAAA,EAGtD,mBA+DW,UAAA,EAAA,KAAA,GAAA,EAAA;MA5DD,0BAAA,SAAA,WAAA,EADR,mBAMM,OANN,YAMM,CAHJ,mBAEM,OAFN,YAEM,CADJ,YAA8C,yBAAA,EAA5B,aAAa,QAAA,aAAW,EAAA,MAAA,GAAA,CAAA,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAMjC,YAAA,SAAA,WAAA,EADb,mBAIuB,OAAA;;OAFrB,KAAI;OACJ,OAAM;OACL,KAAK,YAAA;;OAIC,YAAA,SAAA,WAAA,EADT,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAK,sBAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;gCAGV,mBAGM,OAAA,EAHD,OAAM,yDAAuD,EAAC,qFAGnE,GAAA;MAGgB,QAAA,SAAA,WAAA,EAAhB,mBAgCW,UAAA,EAAA,KAAA,GAAA,EAAA;OA/BT,mBAQM,OARN,YAQM,CAPJ,YAM2C,yBAAA;QALxC,QAA2B,MAAA,eAAc,EAAE,OAAO,MAAA,eAAc,EAAE,WAAW,QAAA;QAG9E,SAAQ;QACP,WAAW,UAAA;QACX,kBAAgB;;OAGrB,mBAKM,OALN,YAKM,CAJJ,mBAGM,OAHN,YAGM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFoE,gBAC7D,GAAA,GAAA,YAAqB,0BAAA,CAAA,CAAA,CAAA,CAAA;OAIpB,MAAA,eAAc,EAAE,OAAA,WAAA,EAC9B,mBAWM,OAXN,aAWM,CAVJ,mBAIM,OAJN,aAIM,CAHJ,YAE2B,yBAAA;oBADhB,UAAA;+EAAS,QAAA;QACjB,gBAAgB;gEAErB,mBAIM,OAAA,EAHJ,OAAM,8DAA4D,EAAC,qFAGrE,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;;;KAOV,mBAuBM,OAvBN,aAuBM,CAtBJ,mBAqBM,OArBN,aAqBM,CApBJ,mBASM,OATN,aASM,CAPJ,mBAMI,KANJ,aAMI,CAHF,YAEc,MAAA,WAAA,EAAA;MADZ,MAAK;MACL,MAAK;uCAGX,mBASO,QAAA,EATD,OAAM,6CAA2C,EAAA;MACrD,mBAKI,KAAA;OAJF,OAAM;OACN,MAAK;OACL,QAAO;SAAS,yBAElB;MACA,mBAAM,KAAA;sBAAA,uCAER"}

package/dist/components/ImportCollection/ImportNowButton.vue.d.ts

@@ -1,13 +0,0 @@
-type __VLS_Props = {
-    source?: string | null;
-    variant?: 'button' | 'link';
-    watchMode?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    importFinished: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onImportFinished?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=ImportNowButton.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":"AA0GA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAoJF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

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

@@ -1,82 +0,0 @@
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useWorkspace } from "../../store/store.js";
-import { importCollection } from "./utils/import-collection.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, unref, withCtx } from "vue";
-import { ScalarButton } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-import { useRouter } from "vue-router";
-//#region src/components/ImportCollection/ImportNowButton.vue?vue&type=script&setup=true&lang.ts
-var ImportNowButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ImportNowButton",
-	props: {
-		source: {},
-		variant: {},
-		watchMode: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["importFinished"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const router = useRouter();
-		const store = useWorkspace();
-		const { activeWorkspace } = useActiveEntities();
-		const { toast } = useToasts();
-		function handleImportCollection() {
-			importCollection({
-				store,
-				workspace: activeWorkspace.value,
-				source: __props.source,
-				watchMode: __props.watchMode,
-				onSuccess(collection) {
-					if (collection) {
-						redirectToFirstRequestInCollection(collection);
-						toast("Import successful", "info");
-						emit("importFinished");
-					}
-				},
-				onError(error) {
-					console.error("[importCollection]", error);
-					toast(`Import failed: ${error?.message || "Unknown error"}`, "error");
-				}
-			});
-		}
-		function redirectToFirstRequestInCollection(collection) {
-			if (!collection) return;
-			router.push({
-				name: "request",
-				params: {
-					workspace: activeWorkspace.value?.uid,
-					request: collection?.requests[0]
-				}
-			});
-		}
-		return (_ctx, _cache) => {
-			return __props.source ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.variant === "button" ? (openBlock(), createBlock(unref(ScalarButton), {
-				key: 0,
-				class: "mt-3 h-fit w-full rounded-lg px-6 py-2.5 font-bold",
-				size: "md",
-				type: "button",
-				onClick: handleImportCollection
-			}, {
-				default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Import Collection ", -1)])]),
-				_: 1
-			})) : (openBlock(), createBlock(unref(ScalarButton), {
-				key: 1,
-				class: "h-fit rounded-lg px-6 py-2.5 text-[21px] font-bold",
-				size: "md",
-				type: "button",
-				variant: "ghost",
-				onClick: handleImportCollection
-			}, {
-				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Try it in the browser ", -1)])]),
-				_: 1
-			}))], 64)) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { ImportNowButton_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ImportNowButton.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImportNowButton.vue.script.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":";;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,OAAO;EAIb,MAAM,SAAS,WAAU;EACzB,MAAM,QAAQ,cAAa;EAC3B,MAAM,EAAE,oBAAoB,mBAAkB;EAC9C,MAAM,EAAE,UAAU,WAAU;EAE5B,SAAS,yBAAyB;AAC3B,oBAAiB;IACpB;IACA,WAAW,gBAAgB;IAC3B,QAAQ,QAAA;IACR,WAAW,QAAA;IACX,UAAU,YAAoC;AAC5C,SAAI,YAAY;AACd,yCAAmC,WAAU;AAC7C,YAAM,qBAAqB,OAAM;AACjC,WAAK,iBAAgB;;;IAGzB,QAAQ,OAAO;AACb,aAAQ,MAAM,sBAAsB,MAAK;AAGzC,WAAM,kBADgB,OAAiB,WAAW,mBACV,QAAO;;IAElD,CAAA;;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;;;UAKe,QAAA,UAAA,WAAA,EAAhB,mBA2BW,UAAA,EAAA,KAAA,GAAA,EAAA,CAxBD,QAAA,YAAO,YAAA,WAAA,EADf,YAOe,MAAA,aAAA,EAAA;;IALb,OAAM;IACN,MAAK;IACL,MAAK;IACJ,SAAO;;2BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkC,uBAElC,GAAA,CAAA,EAAA,CAAA;;uBAEA,YAQe,MAAA,aAAA,EAAA;;IANb,OAAM;IACN,MAAK;IACL,MAAK;IACL,SAAQ;IACP,SAAO;;2BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkC,2BAElC,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/ImportCollection/PasteEventListener.vue.d.ts

@@ -1,8 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    input: (value: string, integration: null, eventType: "paste") => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onInput?: ((value: string, integration: null, eventType: "paste") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=PasteEventListener.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasteEventListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/PasteEventListener.vue"],"names":[],"mappings":"AAmHA,QAAA,MAAM,YAAY;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasteEventListener.vue.js","names":[],"sources":["../../../src/components/ImportCollection/PasteEventListener.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable vue/valid-template-root */\nimport { onBeforeUnmount, onMounted } from 'vue'\n\nconst emit = defineEmits<{\n  (e: 'input', value: string, integration: null, eventType: 'paste'): void\n}>()\n\n// Register event listener\nonMounted(() => {\n  document.addEventListener('paste', handlePaste)\n})\n\n// Unregister event listener\nonBeforeUnmount(() => {\n  document.removeEventListener('paste', handlePaste)\n})\n\n// Handle the paste event\nfunction handlePaste(event: ClipboardEvent) {\n  // Ignore paste events in input, textarea, or contenteditable elements\n  const target = event.target as HTMLElement\n\n  // Check if we're inside a CodeMirror instance\n  const isCodeMirror = Boolean(\n    document.activeElement?.classList.contains('cm-content'),\n  )\n\n  if (\n    target &&\n    (target.tagName === 'INPUT' ||\n      target.tagName === 'TEXTAREA' ||\n      target.isContentEditable ||\n      isCodeMirror)\n  ) {\n    return\n  }\n\n  // Emit the clipboard text content\n  if (event.clipboardData) {\n    const pastedText = event.clipboardData.getData('text')\n\n    if (pastedText) {\n      emit('input', pastedText, null, 'paste')\n    }\n  }\n}\n</script>\n\n<template></template>\n"],"mappings":""}

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

@@ -1,31 +0,0 @@
-import { defineComponent, onBeforeUnmount, onMounted } from "vue";
-//#region src/components/ImportCollection/PasteEventListener.vue?vue&type=script&setup=true&lang.ts
-var PasteEventListener_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "PasteEventListener",
-	emits: ["input"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		onMounted(() => {
-			document.addEventListener("paste", handlePaste);
-		});
-		onBeforeUnmount(() => {
-			document.removeEventListener("paste", handlePaste);
-		});
-		function handlePaste(event) {
-			const target = event.target;
-			const isCodeMirror = Boolean(document.activeElement?.classList.contains("cm-content"));
-			if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable || isCodeMirror)) return;
-			if (event.clipboardData) {
-				const pastedText = event.clipboardData.getData("text");
-				if (pastedText) emit("input", pastedText, null, "paste");
-			}
-		}
-		return (_ctx, _cache) => {
-			return null;
-		};
-	}
-});
-//#endregion
-export { PasteEventListener_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=PasteEventListener.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasteEventListener.vue.script.js","names":[],"sources":["../../../src/components/ImportCollection/PasteEventListener.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable vue/valid-template-root */\nimport { onBeforeUnmount, onMounted } from 'vue'\n\nconst emit = defineEmits<{\n  (e: 'input', value: string, integration: null, eventType: 'paste'): void\n}>()\n\n// Register event listener\nonMounted(() => {\n  document.addEventListener('paste', handlePaste)\n})\n\n// Unregister event listener\nonBeforeUnmount(() => {\n  document.removeEventListener('paste', handlePaste)\n})\n\n// Handle the paste event\nfunction handlePaste(event: ClipboardEvent) {\n  // Ignore paste events in input, textarea, or contenteditable elements\n  const target = event.target as HTMLElement\n\n  // Check if we're inside a CodeMirror instance\n  const isCodeMirror = Boolean(\n    document.activeElement?.classList.contains('cm-content'),\n  )\n\n  if (\n    target &&\n    (target.tagName === 'INPUT' ||\n      target.tagName === 'TEXTAREA' ||\n      target.isContentEditable ||\n      isCodeMirror)\n  ) {\n    return\n  }\n\n  // Emit the clipboard text content\n  if (event.clipboardData) {\n    const pastedText = event.clipboardData.getData('text')\n\n    if (pastedText) {\n      emit('input', pastedText, null, 'paste')\n    }\n  }\n}\n</script>\n\n<template></template>\n"],"mappings":";;;;;;EAIA,MAAM,OAAO;AAKb,kBAAgB;AACd,YAAS,iBAAiB,SAAS,YAAW;IAC/C;AAGD,wBAAsB;AACpB,YAAS,oBAAoB,SAAS,YAAW;IAClD;EAGD,SAAS,YAAY,OAAuB;GAE1C,MAAM,SAAS,MAAM;GAGrB,MAAM,eAAe,QACnB,SAAS,eAAe,UAAU,SAAS,aAAa,CAC1D;AAEA,OACE,WACC,OAAO,YAAY,WAClB,OAAO,YAAY,cACnB,OAAO,qBACP,cAEF;AAIF,OAAI,MAAM,eAAe;IACvB,MAAM,aAAa,MAAM,cAAc,QAAQ,OAAM;AAErD,QAAI,WACF,MAAK,SAAS,YAAY,MAAM,QAAO"}