@scalar/api-client 2.38.1 → 2.38.2

package/dist/components-CSxJTn6F.js

@@ -0,0 +1,183 @@
+import { r as useWorkspace, w as useActiveEntities } from "./store-DpSUVhjp.js";
+import { t as DeleteSidebarListElement_default } from "./DeleteSidebarListElement-C-p87d03.js";
+import { t as EditSidebarListElement_default } from "./EditSidebarListElement-CodWPnM6.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { ScalarButton, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarIcon, ScalarListboxCheckbox, ScalarModal, useModal } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/views/Request/components/WorkspaceDropdown.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-[inherit] items-center text-base" };
+var _hoisted_2 = { class: "m-0 flex items-center gap-1.5 font-bold" };
+var _hoisted_3 = { class: "line-clamp-1 text-left" };
+var _hoisted_4 = { class: "overflow-hidden text-ellipsis" };
+var _hoisted_5 = { class: "flex h-4 w-4 items-center justify-center" };
+//#endregion
+//#region src/views/Request/components/WorkspaceDropdown.vue
+var WorkspaceDropdown_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkspaceDropdown",
+	setup(__props) {
+		const { activeWorkspace } = useActiveEntities();
+		const { workspaces, workspaceMutators, events } = useWorkspace();
+		const { push } = useRouter();
+		const updateSelected = (uid) => {
+			if (uid === activeWorkspace.value?.uid) return;
+			push({
+				name: "workspace",
+				params: { workspace: uid }
+			});
+		};
+		const isLastWorkspace = computed(() => Object.keys(workspaces).length === 1);
+		const createNewWorkspace = () => events.commandPalette.emit({ commandName: "Create Workspace" });
+		const tempName = ref("");
+		const tempUid = ref("");
+		const editModal = useModal();
+		const deleteModal = useModal();
+		const openRenameModal = (uid) => {
+			const workspace = workspaces[uid];
+			if (!workspace) return;
+			tempName.value = workspace.name;
+			tempUid.value = uid;
+			editModal.show();
+		};
+		const handleWorkspaceEdit = (name) => {
+			if (!name.trim()) return;
+			workspaceMutators.edit(tempUid.value, "name", name.trim());
+			editModal.hide();
+		};
+		const openDeleteModal = (uid) => {
+			const workspace = workspaces[uid];
+			if (!workspace) return;
+			tempName.value = workspace.name;
+			tempUid.value = uid;
+			deleteModal.show();
+		};
+		const deleteWorkspace = async () => {
+			if (!isLastWorkspace.value) {
+				const deletedActiveWorkspace = activeWorkspace.value?.uid === tempUid.value;
+				const currentWorkspaces = { ...workspaces };
+				delete currentWorkspaces[tempUid.value];
+				workspaceMutators.delete(tempUid.value);
+				if (deletedActiveWorkspace) {
+					const newWorkspaceUid = Object.keys(currentWorkspaces)[0];
+					await push({
+						name: "workspace",
+						params: { workspace: newWorkspaceUid }
+					});
+				}
+			}
+			deleteModal.hide();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [
+				createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarDropdown), null, {
+					items: withCtx(() => [
+						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(workspaces), (workspace, uid) => {
+							return openBlock(), createBlock(unref(ScalarDropdownItem), {
+								key: uid,
+								class: "group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
+								onClick: withModifiers(($event) => updateSelected(workspace.uid), ["stop"])
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(ScalarListboxCheckbox), { selected: unref(activeWorkspace)?.uid === uid }, null, 8, ["selected"]),
+									createElementVNode("span", _hoisted_4, toDisplayString(workspace.name), 1),
+									createVNode(unref(ScalarDropdown), {
+										placement: "right-start",
+										teleport: ""
+									}, {
+										items: withCtx(() => [createVNode(unref(ScalarDropdownItem), {
+											class: "flex gap-2",
+											onMousedown: ($event) => openRenameModal(workspace.uid),
+											onTouchend: withModifiers(($event) => openRenameModal(workspace.uid), ["prevent"])
+										}, {
+											default: withCtx(() => [createVNode(unref(ScalarIcon), {
+												class: "inline-flex",
+												icon: "Edit",
+												size: "md",
+												thickness: "1.5"
+											}), _cache[2] || (_cache[2] = createElementVNode("span", null, "Rename", -1))]),
+											_: 1
+										}, 8, ["onMousedown", "onTouchend"]), !isLastWorkspace.value ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
+											key: 0,
+											class: "flex gap-2",
+											onMousedown: withModifiers(($event) => openDeleteModal(workspace.uid), ["prevent"]),
+											onTouchend: withModifiers(($event) => openDeleteModal(workspace.uid), ["prevent"])
+										}, {
+											default: withCtx(() => [createVNode(unref(ScalarIcon), {
+												class: "inline-flex",
+												icon: "Delete",
+												size: "md",
+												thickness: "1.5"
+											}), _cache[3] || (_cache[3] = createElementVNode("span", null, "Delete", -1))]),
+											_: 1
+										}, 8, ["onMousedown", "onTouchend"])) : createCommentVNode("", true)]),
+										default: withCtx(() => [createVNode(unref(ScalarButton), {
+											class: "hover:bg-b-3 -mr-1 ml-auto aspect-square h-fit px-0.5 py-0 group-hover/item:flex",
+											size: "sm",
+											type: "button",
+											variant: "ghost"
+										}, {
+											default: withCtx(() => [createVNode(unref(ScalarIcon), {
+												icon: "Ellipses",
+												size: "sm"
+											})]),
+											_: 1
+										})]),
+										_: 2
+									}, 1024)
+								]),
+								_: 2
+							}, 1032, ["onClick"]);
+						}), 128)),
+						createVNode(unref(ScalarDropdownDivider)),
+						createVNode(unref(ScalarDropdownItem), {
+							class: "flex items-center gap-1.5",
+							onClick: createNewWorkspace
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarIcon), {
+								icon: "Add",
+								size: "sm"
+							})]), _cache[4] || (_cache[4] = createElementVNode("span", null, "Create Workspace", -1))]),
+							_: 1
+						})
+					]),
+					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						class: "text-c-1 hover:bg-b-2 line-clamp-1 h-full w-fit justify-start px-1.5 py-1.5 font-normal",
+						variant: "ghost"
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(unref(activeWorkspace)?.name), 1)])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				createVNode(unref(ScalarModal), {
+					size: "xxs",
+					state: unref(deleteModal),
+					title: "Delete workspace"
+				}, {
+					default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
+						variableName: tempName.value,
+						warningMessage: "This cannot be undone. You're about to delete the workspace and everything inside it.",
+						onClose: _cache[0] || (_cache[0] = ($event) => unref(deleteModal).hide()),
+						onDelete: deleteWorkspace
+					}, null, 8, ["variableName"])]),
+					_: 1
+				}, 8, ["state"]),
+				createVNode(unref(ScalarModal), {
+					size: "xxs",
+					state: unref(editModal),
+					title: "Rename Workspace"
+				}, {
+					default: withCtx(() => [createVNode(EditSidebarListElement_default, {
+						name: tempName.value,
+						onClose: _cache[1] || (_cache[1] = ($event) => unref(editModal).hide()),
+						onEdit: handleWorkspaceEdit
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["state"])
+			]);
+		};
+	}
+});
+//#endregion
+export { WorkspaceDropdown_default as t };
+
+//# sourceMappingURL=components-CSxJTn6F.js.map

package/dist/components-CSxJTn6F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-CSxJTn6F.js","names":[],"sources":["../src/views/Request/components/WorkspaceDropdown.vue","../src/views/Request/components/WorkspaceDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n  ScalarListboxCheckbox,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { workspaces, workspaceMutators, events } = useWorkspace()\nconst { push } = useRouter()\n\nconst updateSelected = (uid: Workspace['uid']) => {\n  if (uid === activeWorkspace.value?.uid) {\n    return\n  }\n\n  push({\n    name: 'workspace',\n    params: {\n      workspace: uid,\n    },\n  })\n}\n\nconst isLastWorkspace = computed(() => Object.keys(workspaces).length === 1)\n\nconst createNewWorkspace = () =>\n  events.commandPalette.emit({ commandName: 'Create Workspace' })\n\nconst tempName = ref('')\nconst tempUid = ref('' as Workspace['uid'])\nconst editModal = useModal()\nconst deleteModal = useModal()\n\nconst openRenameModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  editModal.show()\n}\n\nconst handleWorkspaceEdit = (name: string) => {\n  if (!name.trim()) {\n    return\n  }\n\n  workspaceMutators.edit(tempUid.value, 'name', name.trim())\n  editModal.hide()\n}\n\nconst openDeleteModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  deleteModal.show()\n}\n\nconst deleteWorkspace = async () => {\n  if (!isLastWorkspace.value) {\n    const deletedActiveWorkspace = activeWorkspace.value?.uid === tempUid.value\n    const currentWorkspaces = { ...workspaces }\n    delete currentWorkspaces[tempUid.value]\n\n    workspaceMutators.delete(tempUid.value)\n\n    // Switch to another workspace if the active one is deleted\n    if (deletedActiveWorkspace) {\n      const newWorkspaceUid = Object.keys(currentWorkspaces)[0]\n\n      await push({\n        name: 'workspace',\n        params: {\n          workspace: newWorkspaceUid,\n        },\n      })\n    }\n  }\n\n  deleteModal.hide()\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"flex w-[inherit] items-center text-base\">\n      <ScalarDropdown>\n        <ScalarButton\n          class=\"text-c-1 hover:bg-b-2 line-clamp-1 h-full w-fit justify-start px-1.5 py-1.5 font-normal\"\n          variant=\"ghost\">\n          <div class=\"m-0 flex items-center gap-1.5 font-bold\">\n            <h2 class=\"line-clamp-1 text-left\">\n              {{ activeWorkspace?.name }}\n            </h2>\n          </div>\n        </ScalarButton>\n\n        <!-- Workspace list -->\n        <template #items>\n          <ScalarDropdownItem\n            v-for=\"(workspace, uid) in workspaces\"\n            :key=\"uid\"\n            class=\"group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap\"\n            @click.stop=\"updateSelected(workspace.uid)\">\n            <ScalarListboxCheckbox :selected=\"activeWorkspace?.uid === uid\" />\n            <span class=\"overflow-hidden text-ellipsis\">{{\n              workspace.name\n            }}</span>\n            <ScalarDropdown\n              placement=\"right-start\"\n              teleport>\n              <ScalarButton\n                class=\"hover:bg-b-3 -mr-1 ml-auto aspect-square h-fit px-0.5 py-0 group-hover/item:flex\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"ghost\">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"sm\" />\n              </ScalarButton>\n              <template #items>\n                <ScalarDropdownItem\n                  class=\"flex gap-2\"\n                  @mousedown=\"openRenameModal(workspace.uid)\"\n                  @touchend.prevent=\"openRenameModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Edit\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Rename</span>\n                </ScalarDropdownItem>\n                <ScalarDropdownItem\n                  v-if=\"!isLastWorkspace\"\n                  class=\"flex gap-2\"\n                  @mousedown.prevent=\"openDeleteModal(workspace.uid)\"\n                  @touchend.prevent=\"openDeleteModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Delete\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Delete</span>\n                </ScalarDropdownItem>\n              </template>\n            </ScalarDropdown>\n          </ScalarDropdownItem>\n          <ScalarDropdownDivider />\n\n          <!-- Add new workspace -->\n          <ScalarDropdownItem\n            class=\"flex items-center gap-1.5\"\n            @click=\"createNewWorkspace\">\n            <div class=\"flex h-4 w-4 items-center justify-center\">\n              <ScalarIcon\n                icon=\"Add\"\n                size=\"sm\" />\n            </div>\n            <span>Create Workspace</span>\n          </ScalarDropdownItem>\n        </template>\n      </ScalarDropdown>\n    </div>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"deleteModal\"\n      title=\"Delete workspace\">\n      <DeleteSidebarListElement\n        :variableName=\"tempName\"\n        warningMessage=\"This cannot be undone. You're about to delete the workspace and everything inside it.\"\n        @close=\"deleteModal.hide()\"\n        @delete=\"deleteWorkspace\" />\n    </ScalarModal>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"editModal\"\n      title=\"Rename Workspace\">\n      <EditSidebarListElement\n        :name=\"tempName\"\n        @close=\"editModal.hide()\"\n        @edit=\"handleWorkspaceEdit\" />\n    </ScalarModal>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n  ScalarListboxCheckbox,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { workspaces, workspaceMutators, events } = useWorkspace()\nconst { push } = useRouter()\n\nconst updateSelected = (uid: Workspace['uid']) => {\n  if (uid === activeWorkspace.value?.uid) {\n    return\n  }\n\n  push({\n    name: 'workspace',\n    params: {\n      workspace: uid,\n    },\n  })\n}\n\nconst isLastWorkspace = computed(() => Object.keys(workspaces).length === 1)\n\nconst createNewWorkspace = () =>\n  events.commandPalette.emit({ commandName: 'Create Workspace' })\n\nconst tempName = ref('')\nconst tempUid = ref('' as Workspace['uid'])\nconst editModal = useModal()\nconst deleteModal = useModal()\n\nconst openRenameModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  editModal.show()\n}\n\nconst handleWorkspaceEdit = (name: string) => {\n  if (!name.trim()) {\n    return\n  }\n\n  workspaceMutators.edit(tempUid.value, 'name', name.trim())\n  editModal.hide()\n}\n\nconst openDeleteModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  deleteModal.show()\n}\n\nconst deleteWorkspace = async () => {\n  if (!isLastWorkspace.value) {\n    const deletedActiveWorkspace = activeWorkspace.value?.uid === tempUid.value\n    const currentWorkspaces = { ...workspaces }\n    delete currentWorkspaces[tempUid.value]\n\n    workspaceMutators.delete(tempUid.value)\n\n    // Switch to another workspace if the active one is deleted\n    if (deletedActiveWorkspace) {\n      const newWorkspaceUid = Object.keys(currentWorkspaces)[0]\n\n      await push({\n        name: 'workspace',\n        params: {\n          workspace: newWorkspaceUid,\n        },\n      })\n    }\n  }\n\n  deleteModal.hide()\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"flex w-[inherit] items-center text-base\">\n      <ScalarDropdown>\n        <ScalarButton\n          class=\"text-c-1 hover:bg-b-2 line-clamp-1 h-full w-fit justify-start px-1.5 py-1.5 font-normal\"\n          variant=\"ghost\">\n          <div class=\"m-0 flex items-center gap-1.5 font-bold\">\n            <h2 class=\"line-clamp-1 text-left\">\n              {{ activeWorkspace?.name }}\n            </h2>\n          </div>\n        </ScalarButton>\n\n        <!-- Workspace list -->\n        <template #items>\n          <ScalarDropdownItem\n            v-for=\"(workspace, uid) in workspaces\"\n            :key=\"uid\"\n            class=\"group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap\"\n            @click.stop=\"updateSelected(workspace.uid)\">\n            <ScalarListboxCheckbox :selected=\"activeWorkspace?.uid === uid\" />\n            <span class=\"overflow-hidden text-ellipsis\">{{\n              workspace.name\n            }}</span>\n            <ScalarDropdown\n              placement=\"right-start\"\n              teleport>\n              <ScalarButton\n                class=\"hover:bg-b-3 -mr-1 ml-auto aspect-square h-fit px-0.5 py-0 group-hover/item:flex\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"ghost\">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"sm\" />\n              </ScalarButton>\n              <template #items>\n                <ScalarDropdownItem\n                  class=\"flex gap-2\"\n                  @mousedown=\"openRenameModal(workspace.uid)\"\n                  @touchend.prevent=\"openRenameModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Edit\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Rename</span>\n                </ScalarDropdownItem>\n                <ScalarDropdownItem\n                  v-if=\"!isLastWorkspace\"\n                  class=\"flex gap-2\"\n                  @mousedown.prevent=\"openDeleteModal(workspace.uid)\"\n                  @touchend.prevent=\"openDeleteModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Delete\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Delete</span>\n                </ScalarDropdownItem>\n              </template>\n            </ScalarDropdown>\n          </ScalarDropdownItem>\n          <ScalarDropdownDivider />\n\n          <!-- Add new workspace -->\n          <ScalarDropdownItem\n            class=\"flex items-center gap-1.5\"\n            @click=\"createNewWorkspace\">\n            <div class=\"flex h-4 w-4 items-center justify-center\">\n              <ScalarIcon\n                icon=\"Add\"\n                size=\"sm\" />\n            </div>\n            <span>Create Workspace</span>\n          </ScalarDropdownItem>\n        </template>\n      </ScalarDropdown>\n    </div>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"deleteModal\"\n      title=\"Delete workspace\">\n      <DeleteSidebarListElement\n        :variableName=\"tempName\"\n        warningMessage=\"This cannot be undone. You're about to delete the workspace and everything inside it.\"\n        @close=\"deleteModal.hide()\"\n        @delete=\"deleteWorkspace\" />\n    </ScalarModal>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"editModal\"\n      title=\"Rename Workspace\">\n      <EditSidebarListElement\n        :name=\"tempName\"\n        @close=\"editModal.hide()\"\n        @edit=\"handleWorkspaceEdit\" />\n    </ScalarModal>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components-ChixwQhN.js

@@ -0,0 +1,61 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { makeUrlAbsolute } from "@scalar/oas-utils/helpers";
+//#region src/components/OpenApiClientButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["href"];
+//#endregion
+//#region src/components/OpenApiClientButton.vue
+var OpenApiClientButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "OpenApiClientButton",
+	props: {
+		buttonSource: {},
+		source: { default: "api-reference" },
+		isDevelopment: { type: Boolean },
+		integration: {},
+		url: {}
+	},
+	setup(__props) {
+		/** Link to import an OpenAPI document */
+		const href = computed(() => {
+			/**
+			* The URL we want to pass to client.scalar.com for the import.
+			* Might be an OpenAPI document URL, but could also just be the URL of the API reference.
+			*/
+			const urlToImportFrom = __props.url ?? (typeof window !== "undefined" ? window.location.href : void 0);
+			if (!urlToImportFrom) return;
+			const absoluteUrl = makeUrlAbsolute(urlToImportFrom);
+			if (!absoluteUrl?.length) return;
+			const link = new URL(__props.isDevelopment ? "http://localhost:5065" : "https://client.scalar.com");
+			link.searchParams.set("url", absoluteUrl);
+			if (__props.integration !== null) link.searchParams.set("integration", __props.integration ?? "vue");
+			link.searchParams.set("utm_source", "api-reference");
+			link.searchParams.set("utm_medium", "button");
+			link.searchParams.set("utm_campaign", __props.buttonSource);
+			if (__props.source === "gitbook") {
+				link.searchParams.set("utm_source", "gitbook");
+				const darkLogo = document.querySelector("img.dark\\:block[alt='Logo']");
+				const lightLogo = document.querySelector("img.dark\\:hidden[alt='Logo']");
+				if (darkLogo && darkLogo instanceof HTMLImageElement) link.searchParams.set("dark_logo", encodeURIComponent(darkLogo.src));
+				if (lightLogo && lightLogo instanceof HTMLImageElement) link.searchParams.set("light_logo", encodeURIComponent(lightLogo.src));
+			}
+			return link.toString();
+		});
+		return (_ctx, _cache) => {
+			return href.value ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				class: "open-api-client-button",
+				href: href.value,
+				target: "_blank"
+			}, [createVNode(unref(ScalarIcon), {
+				icon: "ExternalLink",
+				size: "xs",
+				thickness: "2"
+			}), _cache[0] || (_cache[0] = createTextVNode(" Open API Client ", -1))], 8, _hoisted_1)) : createCommentVNode("", true);
+		};
+	}
+}), [["__scopeId", "data-v-c7bdd328"]]);
+//#endregion
+export { OpenApiClientButton_default as t };
+
+//# sourceMappingURL=components-ChixwQhN.js.map

package/dist/components-ChixwQhN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-ChixwQhN.js","names":[],"sources":["../src/components/OpenApiClientButton.vue","../src/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { makeUrlAbsolute } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n}>()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIcon\n      icon=\"ExternalLink\"\n      size=\"xs\"\n      thickness=\"2\" />\n    Open API Client\n  </a>\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { makeUrlAbsolute } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n}>()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIcon\n      icon=\"ExternalLink\"\n      size=\"xs\"\n      thickness=\"2\" />\n    Open API Client\n  </a>\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;ECoBA,MAAM,OAAO,eAAmC;;;;;GAK9C,MAAM,kBACJ,QAAA,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO,KAAA;AAEjE,OAAI,CAAC,gBACH;GAGF,MAAM,cAAc,gBAAgB,gBAAe;AAEnD,OAAI,CAAC,aAAa,OAChB;GAIF,MAAM,OAAO,IAAI,IACf,QAAA,gBAAgB,0BAA0B,4BAC5C;AAGA,QAAK,aAAa,IAAI,OAAO,YAAW;AAGxC,OAAI,QAAA,gBAAgB,KAClB,MAAK,aAAa,IAAI,eAAe,QAAA,eAAe,MAAK;AAI3D,QAAK,aAAa,IAAI,cAAc,gBAAe;AACnD,QAAK,aAAa,IAAI,cAAc,SAAQ;AAC5C,QAAK,aAAa,IAAI,gBAAgB,QAAA,aAAY;AAGlD,OAAI,QAAA,WAAW,WAAW;AACxB,SAAK,aAAa,IAAI,cAAc,UAAS;IAE7C,MAAM,WAAW,SAAS,cAAc,+BAA8B;IACtE,MAAM,YAAY,SAAS,cAAc,gCAA+B;AAExE,QAAI,YAAY,oBAAoB,iBAClC,MAAK,aAAa,IAAI,aAAa,mBAAmB,SAAS,IAAI,CAAA;AAErE,QAAI,aAAa,qBAAqB,iBACpC,MAAK,aAAa,IAAI,cAAc,mBAAmB,UAAU,IAAI,CAAA;;AAIzE,UAAO,KAAK,UAAS;IACtB;;UAKS,KAAA,SAAA,WAAA,EADR,mBAUI,KAAA;;IARF,OAAM;IACL,MAAM,KAAA;IACP,QAAO;OACP,YAGkB,MAAA,WAAA,EAAA;IAFhB,MAAK;IACL,MAAK;IACL,WAAU;iDAAM,qBAEpB,GAAA,EAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA"}