@scalar/api-client 2.38.4 → 2.39.0

package/dist/views/Request/RequestSidebarItem.vue.script.js

@@ -0,0 +1,475 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useLayout } from "../../hooks/useLayout.js";
+import { useSidebar } from "../../hooks/useSidebar.js";
+import { getModifiers } from "../../libs/hot-keys.js";
+import { useWorkspace } from "../../store/store.js";
+import HttpMethod_default from "../../components/HttpMethod/HttpMethod.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useCssVars, withCtx, withModifiers } from "vue";
+import { ScalarButton, ScalarIcon, ScalarSidebarGroupToggle, ScalarTooltip } from "@scalar/components";
+import { RouterLink, useRouter } from "vue-router";
+import { shouldIgnoreEntity } from "@scalar/oas-utils/helpers";
+import { Draggable } from "@scalar/draggable";
+//#region src/views/Request/RequestSidebarItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "line-clamp-1 w-full pl-2 break-all" };
+var _hoisted_2 = { class: "flex flex-row items-center gap-1" };
+var _hoisted_3 = { class: "relative" };
+var _hoisted_4 = { class: "flex items-start" };
+var _hoisted_5 = { class: "flex h-5 max-w-[14px] shrink-0 items-center justify-center" };
+var _hoisted_6 = { class: "flex flex-1 flex-row justify-between font-medium" };
+var _hoisted_7 = { class: "line-clamp-1 w-full text-left break-all" };
+var _hoisted_8 = { class: "relative flex h-fit items-center justify-end gap-0.5" };
+var _hoisted_9 = {
+	class: "flex items-center justify-center",
+	type: "button"
+};
+var _hoisted_10 = ["aria-expanded"];
+var _hoisted_11 = { class: "flex h-5 max-w-[14px] shrink-0 items-center justify-center" };
+var _hoisted_12 = { class: "flex flex-1 flex-row justify-between" };
+var _hoisted_13 = { class: "line-clamp-1 w-full text-left font-medium break-all" };
+var _hoisted_14 = { class: "relative flex h-fit items-center justify-end gap-0.5" };
+var _hoisted_15 = {
+	class: "flex items-center justify-center",
+	type: "button"
+};
+var _hoisted_16 = { key: 3 };
+var highlightClasses = "hover:bg-sidebar-b-active indent-padding-left";
+/** Due to the nesting, we need a dynamic left offset for hover and active backgrounds */
+var RequestSidebarItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestSidebarItem",
+	props: {
+		isDraggable: {
+			type: Boolean,
+			default: false
+		},
+		isDroppable: {
+			type: [Boolean, Function],
+			default: false
+		},
+		parentUids: {},
+		uid: {},
+		menuItem: {}
+	},
+	emits: [
+		"onDragEnd",
+		"newTab",
+		"openMenu"
+	],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({
+			"v2bb71a6d": leftOffset.value,
+			"b961af9e": paddingOffset.value
+		}));
+		const emit = __emit;
+		const { activeCollection, activeRequest, activeRouterParams, activeWorkspace } = useActiveEntities();
+		const { collections, tags, requests, requestExamples, collectionMutators, tagMutators, requestMutators, requestExampleMutators, events } = useWorkspace();
+		const router = useRouter();
+		const { collapsedSidebarFolders, toggleSidebarFolder } = useSidebar();
+		const { layout } = useLayout();
+		/** Normalize properties across different types for easy consumption */
+		const item = computed(() => {
+			const collection = collections[__props.uid];
+			const tag = tags[__props.uid];
+			const request = requests[__props.uid];
+			const requestExample = requestExamples[__props.uid];
+			if (collection) return {
+				title: collection.info?.title || "Untitled Collection",
+				entity: collection,
+				resourceTitle: "Collection",
+				children: collection.children,
+				icon: collection["x-scalar-icon"],
+				documentUrl: collection.documentUrl,
+				watchMode: collection.watchMode,
+				to: collection.uid && collection?.info?.title !== "Drafts" ? {
+					name: "collection",
+					params: {
+						[PathId.Workspace]: activeWorkspace.value?.uid,
+						[PathId.Collection]: collection.uid
+					}
+				} : void 0,
+				warning: "This cannot be undone. You're about to delete the collection and all folders and requests inside it.",
+				edit: (name, icon) => {
+					collectionMutators.edit(collection.uid, "info.title", name);
+					if (icon) collectionMutators.edit(collection.uid, "x-scalar-icon", icon);
+				},
+				delete: () => {
+					if (activeWorkspace.value) collectionMutators.delete(collection, activeWorkspace.value);
+				}
+			};
+			if (tag) return {
+				title: tag.name,
+				entity: tag,
+				resourceTitle: "Tag",
+				children: tag.children,
+				warning: "This cannot be undone. You're about to delete the tag and all requests inside it",
+				edit: (name) => tagMutators.edit(tag.uid, "name", name),
+				delete: () => __props.parentUids[0] && tagMutators.delete(tag, __props.parentUids[0])
+			};
+			if (request) return {
+				title: request.summary ?? request.path,
+				to: {
+					name: "request",
+					params: {
+						workspace: activeWorkspace.value?.uid,
+						request: request.uid
+					}
+				},
+				method: request.method,
+				entity: request,
+				resourceTitle: "Request",
+				warning: "This cannot be undone. You're about to delete the request.",
+				children: request.examples.slice(1),
+				edit: (name) => requestMutators.edit(request.uid, "summary", name),
+				delete: () => __props.parentUids[0] && requestMutators.delete(request, __props.parentUids[0])
+			};
+			if (requestExample?.requestUid) return {
+				title: requestExample.name,
+				to: {
+					name: "request.examples",
+					params: {
+						workspace: activeWorkspace.value?.uid,
+						request: requestExample.requestUid,
+						examples: requestExample.uid
+					}
+				},
+				method: requests[requestExample.requestUid]?.method,
+				entity: requestExample,
+				resourceTitle: "Example",
+				warning: "This cannot be undone. You're about to delete the example from the request.",
+				children: [],
+				edit: (name) => requestExampleMutators.edit(requestExample.uid, "name", name),
+				delete: () => requestExampleMutators.delete(requestExample)
+			};
+			return {
+				title: "Unknown",
+				entity: {
+					uid: "",
+					type: "unknown"
+				},
+				resourceTitle: "Unknown",
+				children: [],
+				edit: () => null,
+				delete: () => null
+			};
+		});
+		/** Checks to see if it is a draft collection with the title of Drafts */
+		const isDraftCollection = computed(() => item.value.entity.type === "collection" && item.value.title === "Drafts");
+		const leftOffset = computed(() => {
+			if (!__props.parentUids.length) return "12px";
+			if (layout === "modal") return `${(__props.parentUids.length - 1) * 12}px`;
+			return `${__props.parentUids.length * 12}px`;
+		});
+		const paddingOffset = computed(() => {
+			if (!__props.parentUids.length) return "0px";
+			if (layout === "modal") return `${(__props.parentUids.length - 1) * 12}px`;
+			return `${__props.parentUids.length * 12}px`;
+		});
+		/**
+		* Show folders if they are open,
+		* show examples if there are more than one and the request is active
+		*/
+		const showChildren = computed(() => collapsedSidebarFolders[__props.uid] || activeRequest.value?.uid === __props.uid && item.value.entity.examples.length > 1);
+		/** Since we have exact routing, we should check if the default request is active */
+		const isDefaultActive = computed(() => typeof router.currentRoute.value.name === "string" && router.currentRoute.value.name.startsWith("request") && activeRouterParams.value[PathId.Request] === "default" && activeRequest.value?.uid === __props.uid);
+		/** The draggable component */
+		const draggableRef = ref(null);
+		/** Calculate offsets which change a little depending on whats being dragged and hovered over */
+		const getDraggableOffsets = computed(() => {
+			let ceiling = .5;
+			let floor = .5;
+			if (!draggableRef.value) return {
+				ceiling,
+				floor
+			};
+			const { draggingItem } = draggableRef.value;
+			if (!collections[draggingItem?.id] && item.value.entity.type === "collection") {
+				ceiling = 1;
+				floor = 0;
+			} else if (item.value.entity.type === "tag") {
+				ceiling = .8;
+				floor = .2;
+			}
+			return {
+				ceiling,
+				floor
+			};
+		});
+		/** Guard to check if an element is able to be dropped on */
+		const _isDroppable = (draggingItem, hoveredItem) => {
+			if (layout === "modal") return false;
+			if (requestExamples[hoveredItem.id]) return false;
+			if (collections[draggingItem.id]) return false;
+			return true;
+		};
+		const handleNavigation = (event, _item) => {
+			if (event) {
+				if (getModifiers(["default"]).some((key) => event[key])) emit("newTab", _item.title || "", _item.entity.uid);
+				else if (_item.to) router.push(_item.to);
+				nextTick(() => events.focusAddressBar.emit());
+			}
+		};
+		function addRequest(entityUid) {
+			const collectionUid = __props.parentUids[0] ? collections[__props.parentUids[0]]?.uid || "" : entityUid;
+			const requestData = __props.parentUids[0] && tags[entityUid]?.name ? { tags: [tags[entityUid].name] } : {};
+			const newRequest = requestMutators.add(requestData, collectionUid);
+			if (newRequest) {
+				router.push({
+					name: "request",
+					params: {
+						workspace: activeWorkspace.value?.uid,
+						request: newRequest.uid
+					}
+				});
+				events.hotKeys.emit({ focusAddressBar: new KeyboardEvent("keydown", { key: "l" }) });
+			}
+		}
+		const watchIconColor = computed(() => {
+			const { uid: _uid, watchModeStatus } = activeCollection.value || {};
+			if (_uid !== item.value.entity.uid) return "text-c-3";
+			if (watchModeStatus === "WATCHING") return "text-c-1";
+			if (watchModeStatus === "ERROR") return "text-red";
+			return "text-c-3";
+		});
+		const hasDraftRequests = computed(() => {
+			return item.value.title === "Drafts" && layout !== "modal" && item.value.children.length > 0;
+		});
+		/**
+		* Check if the item should be shown.
+		* This is used to hide items that are marked as hidden/internal.
+		*/
+		const shouldShowItem = computed(() => {
+			const request = requests[__props.uid];
+			if (request) return !shouldIgnoreEntity(request);
+			const tag = tags[__props.uid];
+			if (tag) return !shouldIgnoreEntity(tag);
+			return true;
+		});
+		return (_ctx, _cache) => {
+			const _component_RequestSidebarItem = resolveComponent("RequestSidebarItem", true);
+			return shouldShowItem.value ? (openBlock(), createElementBlock("li", {
+				key: 0,
+				class: normalizeClass(["relative flex flex-row", [unref(layout) === "modal" && __props.parentUids.length > 1 || unref(layout) !== "modal" && __props.parentUids.length ? "before:bg-border indent-border-line-offset mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-[calc(.75rem_+_.5px)] before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full" : ""]])
+			}, [createVNode(unref(Draggable), {
+				id: item.value.entity.uid,
+				ref_key: "draggableRef",
+				ref: draggableRef,
+				ceiling: getDraggableOffsets.value.ceiling,
+				class: "gap-1/2 flex flex-1 flex-col text-base/5",
+				floor: getDraggableOffsets.value.floor,
+				isDraggable: __props.isDraggable,
+				isDroppable: __props.isDroppable,
+				parentIds: __props.parentUids,
+				onOnDragEnd: _cache[13] || (_cache[13] = (...args) => _ctx.$emit("onDragEnd", ...args))
+			}, {
+				default: withCtx(() => [(item.value.entity.type === "request" || item.value.entity.type === "requestExample") && item.value.to ? (openBlock(), createBlock(unref(RouterLink), {
+					key: 0,
+					class: "group no-underline",
+					to: item.value.to,
+					onClick: _cache[1] || (_cache[1] = withModifiers((event) => handleNavigation(event, item.value), ["prevent"]))
+				}, {
+					default: withCtx(({ isExactActive }) => [createElementVNode("div", { class: normalizeClass(["relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2", [highlightClasses, isExactActive || isDefaultActive.value ? "bg-sidebar-b-active text-sidebar-c-active font-medium transition-none" : "text-sidebar-c-2"]]) }, [createElementVNode("span", _hoisted_1, toDisplayString(item.value.title || "Untitled"), 1), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [unref(layout) !== "modal" ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: normalizeClass(["hover:bg-b-3 hidden aspect-square h-fit px-0.5 py-0 opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", { flex: __props.menuItem?.item?.entity.uid === item.value.entity.uid && __props.menuItem.open }]),
+						size: "sm",
+						type: "button",
+						variant: "ghost",
+						onClick: _cache[0] || (_cache[0] = withModifiers((ev) => _ctx.$emit("openMenu", {
+							item: item.value,
+							parentUids: __props.parentUids,
+							targetRef: ev.currentTarget,
+							open: !__props.menuItem.open
+						}), ["stop", "prevent"]))
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarIcon), {
+							icon: "Ellipses",
+							size: "md"
+						})]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4, [
+						_cache[14] || (_cache[14] = createTextVNode("   ", -1)),
+						_cache[15] || (_cache[15] = createElementVNode("span", { class: "sr-only" }, "HTTP Method:", -1)),
+						item.value.method ? (openBlock(), createBlock(unref(HttpMethod_default), {
+							key: 0,
+							class: "font-bold",
+							method: item.value.method
+						}, null, 8, ["method"])) : createCommentVNode("", true)
+					])])], 2)]),
+					_: 1
+				}, 8, ["to"])) : (unref(layout) !== "modal" || __props.parentUids.length) && item.value.entity.type === "collection" && item.value.to ? (openBlock(), createBlock(unref(RouterLink), {
+					key: 1,
+					"aria-expanded": Boolean(unref(collapsedSidebarFolders)[item.value.entity.uid]),
+					class: normalizeClass(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 no-underline focus-visible:z-10", [highlightClasses, {
+						"bg-sidebar-b-active text-sidebar-c-active transition-none": typeof unref(router).currentRoute.value.name === "string" && unref(router).currentRoute.value.name.startsWith("collection") && unref(router).currentRoute.value.params[unref(PathId).Collection] === item.value.entity.uid,
+						"text-c-2": item.value.title === "Untitled Collection"
+					}]]),
+					to: item.value.to
+				}, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "leftIcon", {}, void 0, true), _cache[16] || (_cache[16] = createTextVNode("   ", -1))]), createElementVNode("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(item.value.title), 1), createElementVNode("div", _hoisted_8, [
+						createElementVNode("div", { class: normalizeClass(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+							flex: __props.menuItem.open,
+							hidden: !__props.menuItem.open || __props.menuItem.item?.entity.uid !== item.value.entity.uid
+						}]) }, [unref(layout) !== "modal" && !isDraftCollection.value || isDraftCollection.value && hasDraftRequests.value ? (openBlock(), createBlock(unref(ScalarButton), {
+							key: 0,
+							class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
+							size: "sm",
+							variant: "ghost",
+							onClick: _cache[2] || (_cache[2] = withModifiers((ev) => _ctx.$emit("openMenu", {
+								item: item.value,
+								parentUids: __props.parentUids,
+								targetRef: ev.currentTarget?.parentNode,
+								open: true
+							}), ["stop", "prevent"]))
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIcon), {
+								icon: "Ellipses",
+								size: "md"
+							})]),
+							_: 1
+						})) : createCommentVNode("", true), unref(layout) !== "modal" ? (openBlock(), createBlock(unref(ScalarButton), {
+							key: 1,
+							class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
+							size: "sm",
+							variant: "ghost",
+							onClick: _cache[3] || (_cache[3] = withModifiers(($event) => addRequest(item.value.entity.uid), ["stop", "prevent"]))
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIcon), {
+								icon: "Add",
+								size: "md",
+								thickness: "2"
+							})]),
+							_: 1
+						})) : createCommentVNode("", true)], 2),
+						item.value.watchMode ? (openBlock(), createBlock(unref(ScalarTooltip), {
+							key: 0,
+							content: `Watching: ${item.value.documentUrl}`,
+							offset: 12,
+							placement: "right"
+						}, {
+							default: withCtx(() => [createElementVNode("button", _hoisted_9, [createVNode(unref(ScalarIcon), {
+								class: normalizeClass(["ml-0.5 text-sm", watchIconColor.value]),
+								icon: "Watch",
+								size: "md",
+								thickness: "2"
+							}, null, 8, ["class"])])]),
+							_: 1
+						}, 8, ["content"])) : createCommentVNode("", true),
+						createElementVNode("span", {
+							class: "flex cursor-pointer items-center justify-center",
+							onClick: _cache[4] || (_cache[4] = withModifiers(($event) => unref(toggleSidebarFolder)(item.value.entity.uid), ["stop", "prevent"]))
+						}, [createVNode(unref(ScalarSidebarGroupToggle), {
+							class: "text-c-3 hover:text-c-1 shrink-0",
+							open: Boolean(unref(collapsedSidebarFolders)[item.value.entity.uid])
+						}, null, 8, ["open"])])
+					])])]),
+					_: 3
+				}, 8, [
+					"aria-expanded",
+					"class",
+					"to"
+				])) : unref(layout) !== "modal" || __props.parentUids.length ? (openBlock(), createElementBlock("button", {
+					key: 2,
+					"aria-expanded": Boolean(unref(collapsedSidebarFolders)[item.value.entity.uid]),
+					class: normalizeClass(["hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10", [highlightClasses]]),
+					type: "button",
+					onClick: _cache[8] || (_cache[8] = ($event) => unref(toggleSidebarFolder)(item.value.entity.uid))
+				}, [createElementVNode("span", _hoisted_11, [renderSlot(_ctx.$slots, "leftIcon", {}, void 0, true), _cache[17] || (_cache[17] = createTextVNode("   ", -1))]), createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(item.value.title), 1), createElementVNode("div", _hoisted_14, [
+					createElementVNode("div", { class: normalizeClass(["items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100", {
+						flex: __props.menuItem.open,
+						hidden: !__props.menuItem.open || __props.menuItem.item?.entity.uid !== item.value.entity.uid
+					}]) }, [unref(layout) !== "modal" && !isDraftCollection.value || isDraftCollection.value && hasDraftRequests.value ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
+						size: "sm",
+						variant: "ghost",
+						onClick: _cache[5] || (_cache[5] = withModifiers((ev) => _ctx.$emit("openMenu", {
+							item: item.value,
+							parentUids: __props.parentUids,
+							targetRef: ev.currentTarget?.parentNode,
+							open: true
+						}), ["stop", "prevent"]))
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarIcon), {
+							icon: "Ellipses",
+							size: "md"
+						})]),
+						_: 1
+					})) : createCommentVNode("", true), unref(layout) !== "modal" ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 1,
+						class: "hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100",
+						size: "sm",
+						variant: "ghost",
+						onClick: _cache[6] || (_cache[6] = withModifiers(($event) => addRequest(item.value.entity.uid), ["stop", "prevent"]))
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarIcon), {
+							icon: "Add",
+							size: "md",
+							thickness: "2"
+						})]),
+						_: 1
+					})) : createCommentVNode("", true)], 2),
+					item.value.watchMode ? (openBlock(), createBlock(unref(ScalarTooltip), {
+						key: 0,
+						content: "Watching: {{ item.documentUrl }}",
+						offset: 12,
+						placement: "right"
+					}, {
+						default: withCtx(() => [createElementVNode("button", _hoisted_15, [createVNode(unref(ScalarIcon), {
+							class: normalizeClass(["ml-0.5 text-sm", watchIconColor.value]),
+							icon: "Watch",
+							size: "md",
+							thickness: "2"
+						}, null, 8, ["class"])])]),
+						_: 1
+					})) : createCommentVNode("", true),
+					createElementVNode("span", {
+						class: "flex cursor-pointer items-center justify-center",
+						onClick: _cache[7] || (_cache[7] = withModifiers(($event) => unref(toggleSidebarFolder)(item.value.entity.uid), ["stop", "prevent"]))
+					}, [createVNode(unref(ScalarSidebarGroupToggle), {
+						class: "text-c-3 hover:text-c-1 shrink-0",
+						open: Boolean(unref(collapsedSidebarFolders)[item.value.entity.uid])
+					}, null, 8, ["open"])])
+				])])], 10, _hoisted_10)) : createCommentVNode("", true), showChildren.value ? (openBlock(), createElementBlock("ul", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.value.children, (childUid) => {
+					return openBlock(), createBlock(_component_RequestSidebarItem, {
+						key: childUid,
+						isDraggable: !unref(requestExamples)[childUid],
+						isDroppable: _isDroppable,
+						menuItem: __props.menuItem,
+						parentUids: [...__props.parentUids, __props.uid],
+						uid: childUid,
+						onNewTab: _cache[9] || (_cache[9] = (name, uid) => _ctx.$emit("newTab", name, uid)),
+						onOnDragEnd: _cache[10] || (_cache[10] = (...args) => _ctx.$emit("onDragEnd", ...args)),
+						onOpenMenu: _cache[11] || (_cache[11] = (item) => _ctx.$emit("openMenu", item))
+					}, null, 8, [
+						"isDraggable",
+						"menuItem",
+						"parentUids",
+						"uid"
+					]);
+				}), 128)), item.value.children.length === 0 ? (openBlock(), createBlock(unref(ScalarButton), {
+					key: 0,
+					class: normalizeClass(["text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs", __props.parentUids.length ? "pl-9" : ""]),
+					variant: "ghost",
+					onClick: _cache[12] || (_cache[12] = ($event) => addRequest(item.value.entity.uid))
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIcon), {
+						icon: "Add",
+						size: "sm"
+					}), _cache[18] || (_cache[18] = createElementVNode("span", null, "Add Request", -1))]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, [
+				"id",
+				"ceiling",
+				"floor",
+				"isDraggable",
+				"isDroppable",
+				"parentIds"
+			])], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RequestSidebarItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestSidebarItem.vue.script.js.map

package/dist/views/Request/RequestSidebarItem.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSidebarItem.vue.script.js","names":["$emit"],"sources":["../../../src/views/Request/RequestSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarSidebarGroupToggle,\n  ScalarTooltip,\n} from '@scalar/components'\nimport {\n  Draggable,\n  type DraggableProps,\n  type DraggingItem,\n  type HoveredItem,\n} from '@scalar/draggable'\nimport type { Collection, Request } from '@scalar/oas-utils/entities/spec'\nimport { shouldIgnoreEntity } from '@scalar/oas-utils/helpers'\nimport { computed, nextTick, ref } from 'vue'\nimport { RouterLink, useRouter } from 'vue-router'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { getModifiers } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport type { SidebarItem, SidebarMenuItem } from '@/views/Request/types'\n\nconst {\n  isDraggable = false,\n  isDroppable = false,\n  parentUids,\n  uid,\n  menuItem,\n} = defineProps<{\n  /**\n   * Toggle dragging on and off\n   *\n   * @default false\n   */\n  isDraggable?: boolean\n  /**\n   * Prevents items from being hovered and dropped into\n   *\n   * @default false\n   */\n  isDroppable?: DraggableProps['isDroppable']\n  /** Both indicate the level and provide a way to traverse upwards */\n  parentUids: string[]\n  /** uid of a Collection, Tag, Request or RequestExample */\n  uid: string\n  /** To keep track of the menu being open */\n  menuItem: SidebarMenuItem\n}>()\n\nconst emit = defineEmits<{\n  onDragEnd: [draggingItem: DraggingItem, hoveredItem: HoveredItem]\n  newTab: [name: string, uid: string]\n  openMenu: [menuItem: SidebarMenuItem]\n}>()\n\ndefineSlots<{\n  leftIcon(): void\n}>()\n\nconst { activeCollection, activeRequest, activeRouterParams, activeWorkspace } =\n  useActiveEntities()\nconst {\n  collections,\n  tags,\n  requests,\n  requestExamples,\n  collectionMutators,\n  tagMutators,\n  requestMutators,\n  requestExampleMutators,\n  events,\n} = useWorkspace()\nconst router = useRouter()\nconst { collapsedSidebarFolders, toggleSidebarFolder } = useSidebar()\nconst { layout } = useLayout()\n\n/** Normalize properties across different types for easy consumption */\nconst item = computed<SidebarItem>(() => {\n  const collection = collections[uid]\n  const tag = tags[uid]\n  const request = requests[uid]\n  const requestExample = requestExamples[uid]\n\n  if (collection) {\n    return {\n      title: collection.info?.title || 'Untitled Collection',\n      entity: collection,\n      resourceTitle: 'Collection',\n      children: collection.children,\n      icon: collection['x-scalar-icon'],\n      documentUrl: collection.documentUrl,\n      watchMode: collection.watchMode,\n      to:\n        collection.uid && collection?.info?.title !== 'Drafts'\n          ? {\n              name: 'collection',\n              params: {\n                [PathId.Workspace]: activeWorkspace.value?.uid,\n                [PathId.Collection]: collection.uid,\n              },\n            }\n          : undefined,\n      warning:\n        \"This cannot be undone. You're about to delete the collection and all folders and requests inside it.\",\n      edit: (name: string, icon?: string) => {\n        collectionMutators.edit(collection.uid, 'info.title', name)\n        if (icon) {\n          collectionMutators.edit(collection.uid, 'x-scalar-icon', icon)\n        }\n      },\n      delete: () => {\n        if (activeWorkspace.value) {\n          collectionMutators.delete(collection, activeWorkspace.value)\n        }\n      },\n    }\n  }\n\n  if (tag) {\n    return {\n      title: tag.name,\n      entity: tag,\n      resourceTitle: 'Tag',\n      children: tag.children,\n      warning:\n        \"This cannot be undone. You're about to delete the tag and all requests inside it\",\n      edit: (name: string) => tagMutators.edit(tag.uid, 'name', name),\n      delete: () =>\n        parentUids[0] &&\n        tagMutators.delete(tag, parentUids[0] as Collection['uid']),\n    }\n  }\n\n  if (request) {\n    return {\n      title: request.summary ?? request.path,\n      to: {\n        name: 'request',\n        params: {\n          workspace: activeWorkspace.value?.uid,\n          request: request.uid,\n        },\n      },\n      method: request.method,\n      entity: request,\n      resourceTitle: 'Request',\n      warning: \"This cannot be undone. You're about to delete the request.\",\n      children: request.examples.slice(1),\n      edit: (name: string) =>\n        requestMutators.edit(request.uid, 'summary', name),\n      delete: () =>\n        parentUids[0] &&\n        requestMutators.delete(request, parentUids[0] as Collection['uid']),\n    }\n  }\n\n  if (requestExample?.requestUid) {\n    return {\n      title: requestExample.name,\n      to: {\n        name: 'request.examples',\n        params: {\n          workspace: activeWorkspace.value?.uid,\n          request: requestExample.requestUid,\n          examples: requestExample.uid,\n        },\n      },\n      method: requests[requestExample.requestUid]?.method,\n      entity: requestExample,\n      resourceTitle: 'Example',\n      warning:\n        \"This cannot be undone. You're about to delete the example from the request.\",\n      children: [],\n      edit: (name: string) =>\n        requestExampleMutators.edit(requestExample.uid, 'name', name),\n      delete: () => requestExampleMutators.delete(requestExample),\n    }\n  }\n\n  // Catch all item which we should never see\n  return {\n    title: 'Unknown',\n    entity: {\n      uid: '',\n      type: 'unknown',\n    },\n    resourceTitle: 'Unknown',\n    children: [],\n    edit: () => null,\n    delete: () => null,\n  } satisfies SidebarItem\n})\n\n/** Checks to see if it is a draft collection with the title of Drafts */\nconst isDraftCollection = computed(\n  () =>\n    item.value.entity.type === 'collection' && item.value.title === 'Drafts',\n)\n\nconst highlightClasses = 'hover:bg-sidebar-b-active indent-padding-left'\n\n/** Due to the nesting, we need a dynamic left offset for hover and active backgrounds */\nconst leftOffset = computed(() => {\n  if (!parentUids.length) {\n    return '12px'\n  }\n  if (layout === 'modal') {\n    return `${(parentUids.length - 1) * 12}px`\n  }\n  return `${parentUids.length * 12}px`\n})\nconst paddingOffset = computed(() => {\n  if (!parentUids.length) {\n    return '0px'\n  }\n  if (layout === 'modal') {\n    return `${(parentUids.length - 1) * 12}px`\n  }\n  return `${parentUids.length * 12}px`\n})\n\n/**\n * Show folders if they are open,\n * show examples if there are more than one and the request is active\n */\nconst showChildren = computed(\n  () =>\n    collapsedSidebarFolders[uid] ||\n    (activeRequest.value?.uid === uid &&\n      (item.value.entity as Request).examples.length > 1),\n)\n\n/** Since we have exact routing, we should check if the default request is active */\nconst isDefaultActive = computed(\n  () =>\n    typeof router.currentRoute.value.name === 'string' &&\n    router.currentRoute.value.name.startsWith('request') &&\n    activeRouterParams.value[PathId.Request] === 'default' &&\n    activeRequest.value?.uid === uid,\n)\n\n/** The draggable component */\nconst draggableRef = ref<{\n  draggingItem: DraggingItem\n  hoveredItem: HoveredItem\n} | null>(null)\n\n/** Calculate offsets which change a little depending on whats being dragged and hovered over */\nconst getDraggableOffsets = computed(() => {\n  let ceiling = 0.5\n  let floor = 0.5\n\n  if (!draggableRef.value) {\n    return { ceiling, floor }\n  }\n  const { draggingItem } = draggableRef.value\n\n  // If hovered over is collection && dragging is not a collection\n  if (\n    !collections[draggingItem?.id] &&\n    item.value.entity.type === 'collection'\n  ) {\n    ceiling = 1\n    floor = 0\n  }\n  // Has children but is not a request or a collection\n  else if (item.value.entity.type === 'tag') {\n    ceiling = 0.8\n    floor = 0.2\n  }\n\n  return { ceiling, floor }\n})\n\n/** Guard to check if an element is able to be dropped on */\nconst _isDroppable = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n  // Cannot drop in read only mode\n  if (layout === 'modal') {\n    return false\n  }\n  // RequestExamples cannot be dropped on\n  if (requestExamples[hoveredItem.id]) {\n    return false\n  }\n  // Collection cannot be dropped into another collection\n  if (collections[draggingItem.id]) {\n    return false\n  }\n\n  return true\n}\n\nconst handleNavigation = (event: KeyboardEvent, _item: SidebarItem) => {\n  if (event) {\n    const modifier = getModifiers(['default'])\n    const isModifierPressed = modifier.some((key) => event[key])\n\n    if (isModifierPressed) {\n      emit('newTab', _item.title || '', _item.entity.uid)\n    } else if (_item.to) {\n      router.push(_item.to)\n    }\n\n    nextTick(() => events.focusAddressBar.emit())\n  }\n}\n\nfunction addRequest(entityUid: string) {\n  const collectionUid = parentUids[0]\n    ? collections[parentUids[0]]?.uid || ''\n    : entityUid\n\n  // If the entity is a tag, add the tag name to the request\n  const requestData =\n    parentUids[0] && tags[entityUid]?.name\n      ? { tags: [tags[entityUid].name] }\n      : {}\n\n  const newRequest = requestMutators.add(\n    requestData,\n    collectionUid as Collection['uid'],\n  )\n\n  if (newRequest) {\n    router.push({\n      name: 'request',\n      params: {\n        workspace: activeWorkspace.value?.uid,\n        request: newRequest.uid,\n      },\n    })\n\n    // Focus the address bar\n    events.hotKeys.emit({\n      focusAddressBar: new KeyboardEvent('keydown', { key: 'l' }),\n    })\n  }\n}\n\nconst watchIconColor = computed(() => {\n  const { uid: _uid, watchModeStatus } = activeCollection.value || {}\n\n  if (_uid !== item.value.entity.uid) {\n    return 'text-c-3'\n  }\n  if (watchModeStatus === 'WATCHING') {\n    return 'text-c-1'\n  }\n  if (watchModeStatus === 'ERROR') {\n    return 'text-red'\n  }\n  return 'text-c-3'\n})\n\nconst hasDraftRequests = computed(() => {\n  return (\n    item.value.title === 'Drafts' &&\n    layout !== 'modal' &&\n    item.value.children.length > 0\n  )\n})\n\n/**\n * Check if the item should be shown.\n * This is used to hide items that are marked as hidden/internal.\n */\nconst shouldShowItem = computed(() => {\n  const request = requests[uid]\n  if (request) {\n    return !shouldIgnoreEntity(request)\n  }\n\n  const tag = tags[uid]\n  if (tag) {\n    return !shouldIgnoreEntity(tag)\n  }\n\n  return true\n})\n</script>\n\n<template>\n  <li\n    v-if=\"shouldShowItem\"\n    class=\"relative flex flex-row\"\n    :class=\"[\n      (layout === 'modal' && parentUids.length > 1) ||\n      (layout !== 'modal' && parentUids.length)\n        ? 'before:bg-border indent-border-line-offset mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-[calc(.75rem_+_.5px)] before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full'\n        : '',\n    ]\">\n    <Draggable\n      :id=\"item.entity.uid\"\n      ref=\"draggableRef\"\n      :ceiling=\"getDraggableOffsets.ceiling\"\n      class=\"gap-1/2 flex flex-1 flex-col text-base/5\"\n      :floor=\"getDraggableOffsets.floor\"\n      :isDraggable=\"isDraggable\"\n      :isDroppable=\"isDroppable\"\n      :parentIds=\"parentUids\"\n      @onDragEnd=\"(...args) => $emit('onDragEnd', ...args)\">\n      <!-- Request -->\n      <RouterLink\n        v-if=\"\n          (item.entity.type === 'request' ||\n            item.entity.type === 'requestExample') &&\n          item.to\n        \"\n        v-slot=\"{ isExactActive }\"\n        class=\"group no-underline\"\n        :to=\"item.to\"\n        @click.prevent=\"\n          (event: KeyboardEvent) => handleNavigation(event, item)\n        \">\n        <div\n          class=\"relative flex min-h-8 w-full cursor-pointer flex-row items-start justify-between gap-0.5 rounded py-1.5 pr-2\"\n          :class=\"[\n            highlightClasses,\n            isExactActive || isDefaultActive\n              ? 'bg-sidebar-b-active text-sidebar-c-active font-medium transition-none'\n              : 'text-sidebar-c-2',\n          ]\">\n          <span class=\"line-clamp-1 w-full pl-2 break-all\">\n            {{ item.title || 'Untitled' }}\n          </span>\n          <div class=\"flex flex-row items-center gap-1\">\n            <!-- Menu -->\n            <div class=\"relative\">\n              <ScalarButton\n                v-if=\"layout !== 'modal'\"\n                class=\"hover:bg-b-3 hidden aspect-square h-fit px-0.5 py-0 opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n                :class=\"{\n                  flex:\n                    menuItem?.item?.entity.uid === item.entity.uid &&\n                    menuItem.open,\n                }\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"ghost\"\n                @click.stop.prevent=\"\n                  (ev: MouseEvent) =>\n                    $emit('openMenu', {\n                      item,\n                      parentUids,\n                      targetRef: ev.currentTarget as HTMLButtonElement,\n                      open: !menuItem.open,\n                    })\n                \">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"md\" />\n              </ScalarButton>\n            </div>\n            <span class=\"flex items-start\">\n              &hairsp;\n              <span class=\"sr-only\">HTTP Method:</span>\n              <HttpMethod\n                v-if=\"item.method\"\n                class=\"font-bold\"\n                :method=\"item.method\" />\n            </span>\n          </div>\n        </div>\n      </RouterLink>\n\n      <!-- Collection -->\n      <RouterLink\n        v-else-if=\"\n          (layout !== 'modal' || parentUids.length) &&\n          item.entity.type === 'collection' &&\n          item.to\n        \"\n        :aria-expanded=\"Boolean(collapsedSidebarFolders[item.entity.uid])\"\n        class=\"hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 no-underline focus-visible:z-10\"\n        :class=\"[\n          highlightClasses,\n          {\n            'bg-sidebar-b-active text-sidebar-c-active transition-none':\n              typeof router.currentRoute.value.name === 'string' &&\n              router.currentRoute.value.name.startsWith('collection') &&\n              router.currentRoute.value.params[PathId.Collection] ===\n                item.entity.uid,\n            'text-c-2': item.title === 'Untitled Collection',\n          },\n        ]\"\n        :to=\"item.to\">\n        <span\n          class=\"flex h-5 max-w-[14px] shrink-0 items-center justify-center\">\n          <slot name=\"leftIcon\" />\n          &hairsp;\n        </span>\n        <div class=\"flex flex-1 flex-row justify-between font-medium\">\n          <span class=\"line-clamp-1 w-full text-left break-all\">\n            {{ item.title }}\n          </span>\n          <div class=\"relative flex h-fit items-center justify-end gap-0.5\">\n            <div\n              class=\"items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n              :class=\"{\n                flex: menuItem.open,\n                hidden:\n                  !menuItem.open ||\n                  menuItem.item?.entity.uid !== item.entity.uid,\n              }\">\n              <ScalarButton\n                v-if=\"\n                  (layout !== 'modal' && !isDraftCollection) ||\n                  (isDraftCollection && hasDraftRequests)\n                \"\n                class=\"hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n                size=\"sm\"\n                variant=\"ghost\"\n                @click.stop.prevent=\"\n                  (ev: MouseEvent) =>\n                    $emit('openMenu', {\n                      item,\n                      parentUids,\n                      targetRef: (ev.currentTarget as HTMLElement)\n                        ?.parentNode as HTMLButtonElement,\n                      open: true,\n                    })\n                \">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"md\" />\n              </ScalarButton>\n              <ScalarButton\n                v-if=\"layout !== 'modal'\"\n                class=\"hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n                size=\"sm\"\n                variant=\"ghost\"\n                @click.stop.prevent=\"addRequest(item.entity.uid)\">\n                <ScalarIcon\n                  icon=\"Add\"\n                  size=\"md\"\n                  thickness=\"2\" />\n              </ScalarButton>\n            </div>\n            <ScalarTooltip\n              v-if=\"item.watchMode\"\n              :content=\"`Watching: ${item.documentUrl}`\"\n              :offset=\"12\"\n              placement=\"right\">\n              <button\n                class=\"flex items-center justify-center\"\n                type=\"button\">\n                <ScalarIcon\n                  class=\"ml-0.5 text-sm\"\n                  :class=\"watchIconColor\"\n                  icon=\"Watch\"\n                  size=\"md\"\n                  thickness=\"2\" />\n              </button>\n            </ScalarTooltip>\n            <span\n              class=\"flex cursor-pointer items-center justify-center\"\n              @click.stop.prevent=\"toggleSidebarFolder(item.entity.uid)\">\n              <ScalarSidebarGroupToggle\n                class=\"text-c-3 hover:text-c-1 shrink-0\"\n                :open=\"Boolean(collapsedSidebarFolders[item.entity.uid])\" />\n            </span>\n          </div>\n        </div>\n      </RouterLink>\n\n      <!-- Tag -->\n      <button\n        v-else-if=\"layout !== 'modal' || parentUids.length\"\n        :aria-expanded=\"Boolean(collapsedSidebarFolders[item.entity.uid])\"\n        class=\"hover:bg-b-2 group relative flex w-full flex-row justify-start gap-1.5 rounded p-1.5 focus-visible:z-10\"\n        :class=\"[highlightClasses]\"\n        type=\"button\"\n        @click=\"toggleSidebarFolder(item.entity.uid)\">\n        <span\n          class=\"flex h-5 max-w-[14px] shrink-0 items-center justify-center\">\n          <slot name=\"leftIcon\" />\n          &hairsp;\n        </span>\n        <div class=\"flex flex-1 flex-row justify-between\">\n          <span class=\"line-clamp-1 w-full text-left font-medium break-all\">\n            {{ item.title }}\n          </span>\n          <div class=\"relative flex h-fit items-center justify-end gap-0.5\">\n            <div\n              class=\"items-center gap-px opacity-0 group-hover:flex group-hover:opacity-100 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n              :class=\"{\n                flex: menuItem.open,\n                hidden:\n                  !menuItem.open ||\n                  menuItem.item?.entity.uid !== item.entity.uid,\n              }\">\n              <ScalarButton\n                v-if=\"\n                  (layout !== 'modal' && !isDraftCollection) ||\n                  (isDraftCollection && hasDraftRequests)\n                \"\n                class=\"hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n                size=\"sm\"\n                variant=\"ghost\"\n                @click.stop.prevent=\"\n                  (ev: MouseEvent) =>\n                    $emit('openMenu', {\n                      item,\n                      parentUids,\n                      targetRef: (ev.currentTarget as HTMLElement)\n                        ?.parentNode as HTMLButtonElement,\n                      open: true,\n                    })\n                \">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"md\" />\n              </ScalarButton>\n              <ScalarButton\n                v-if=\"layout !== 'modal'\"\n                class=\"hover:bg-b-3 hover:text-c-1 aspect-square h-fit px-0.5 py-0 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100\"\n                size=\"sm\"\n                variant=\"ghost\"\n                @click.stop.prevent=\"addRequest(item.entity.uid)\">\n                <ScalarIcon\n                  icon=\"Add\"\n                  size=\"md\"\n                  thickness=\"2\" />\n              </ScalarButton>\n            </div>\n            <ScalarTooltip\n              v-if=\"item.watchMode\"\n              content=\"Watching: {{ item.documentUrl }}\"\n              :offset=\"12\"\n              placement=\"right\">\n              <button\n                class=\"flex items-center justify-center\"\n                type=\"button\">\n                <ScalarIcon\n                  class=\"ml-0.5 text-sm\"\n                  :class=\"watchIconColor\"\n                  icon=\"Watch\"\n                  size=\"md\"\n                  thickness=\"2\" />\n              </button>\n            </ScalarTooltip>\n            <span\n              class=\"flex cursor-pointer items-center justify-center\"\n              @click.stop.prevent=\"toggleSidebarFolder(item.entity.uid)\">\n              <ScalarSidebarGroupToggle\n                class=\"text-c-3 hover:text-c-1 shrink-0\"\n                :open=\"Boolean(collapsedSidebarFolders[item.entity.uid])\" />\n            </span>\n          </div>\n        </div>\n      </button>\n\n      <!-- Children -->\n      <ul v-if=\"showChildren\">\n        <!-- We never want to show the first example -->\n        <RequestSidebarItem\n          v-for=\"childUid in item.children\"\n          :key=\"childUid\"\n          :isDraggable=\"!requestExamples[childUid]\"\n          :isDroppable=\"_isDroppable\"\n          :menuItem=\"menuItem\"\n          :parentUids=\"[...parentUids, uid]\"\n          :uid=\"childUid\"\n          @newTab=\"(name, uid) => $emit('newTab', name, uid)\"\n          @onDragEnd=\"(...args) => $emit('onDragEnd', ...args)\"\n          @openMenu=\"(item) => $emit('openMenu', item)\" />\n        <ScalarButton\n          v-if=\"item.children.length === 0\"\n          class=\"text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 text-xs\"\n          :class=\"parentUids.length ? 'pl-9' : ''\"\n          variant=\"ghost\"\n          @click=\"addRequest(item.entity.uid)\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          <span>Add Request</span>\n        </ScalarButton>\n      </ul>\n    </Draggable>\n  </li>\n</template>\n<style>\n@import '@scalar/draggable/style.css';\n</style>\n<style scoped>\n.indent-border-line-offset:before {\n  left: v-bind(leftOffset);\n}\n.indent-padding-left {\n  padding-left: calc(v-bind(paddingOffset) + 6px);\n}\n.sidebar-folderitem :deep(.ellipsis-position) {\n  right: 6px;\n  transform: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/views/Request/RequestSidebarItemMenu.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import RequestSidebarItemMenu_vue_vue_type_script_setup_true_lang_default from "./RequestSidebarItemMenu.vue.script.js";
+/* empty css                                     */
+//#region src/views/Request/RequestSidebarItemMenu.vue
+var RequestSidebarItemMenu_default = /* @__PURE__ */ _plugin_vue_export_helper_default(RequestSidebarItemMenu_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-01a1ab71"]]);
+//#endregion
+export { RequestSidebarItemMenu_default as default };
+
+//# sourceMappingURL=RequestSidebarItemMenu.vue.js.map

package/dist/views/Request/RequestSidebarItemMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSidebarItemMenu.vue.js","names":[],"sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarIcon,\n  ScalarModal,\n  useModal,\n  type ScalarDropdown,\n} from '@scalar/components'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListCollection from '@/components/Sidebar/Actions/EditSidebarListCollection.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { createInitialRequest } from '@/store/requests'\nimport type { SidebarMenuItem } from '@/views/Request/types'\n\nconst props = defineProps<{ menuItem: SidebarMenuItem }>()\n\nconst emit = defineEmits<{\n  (e: 'closeMenu'): []\n  (e: 'toggleWatchMode', item: SidebarMenuItem['item']): void\n  (e: 'clearDrafts'): void\n}>()\n\nconst { replace } = useRouter()\nconst {\n  activeRouterParams,\n  activeWorkspaceCollections,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { events, requestMutators } = useWorkspace()\n\nconst editModal = useModal()\nconst deleteModal = useModal()\nconst clearDraftsModal = useModal()\n\n/** Add example */\nconst handleAddExample = () =>\n  events.commandPalette.emit({\n    commandName: 'Add Example',\n    metaData: {\n      itemUid: props.menuItem.item?.entity.uid,\n    },\n  })\n\nconst handleEdit = (newName: string, newIcon?: string) => {\n  props.menuItem.item?.edit(newName, newIcon)\n  editModal.hide()\n}\n\n/** Delete with redirect for both requests and requestExamples */\nconst handleItemDelete = () => {\n  props.menuItem.item?.delete()\n\n  if (!activeWorkspaceRequests.value.length) {\n    const { request } = createInitialRequest()\n    const draftCollection = activeWorkspaceCollections.value.find(\n      (collection: Collection) => collection.info?.title === 'Drafts',\n    )\n\n    if (draftCollection) {\n      requestMutators.add(request, draftCollection.uid)\n\n      replace({\n        name: 'request',\n        params: {\n          [PathId.Request]: request.uid,\n        },\n      })\n    }\n  }\n\n  if (\n    activeRouterParams.value[PathId.Request] === props.menuItem.item?.entity.uid\n  ) {\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: 'default',\n      },\n    })\n  }\n\n  if (\n    activeRouterParams.value[PathId.Examples] ===\n    props.menuItem.item?.entity.uid\n  ) {\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: 'default',\n      },\n    })\n  }\n\n  if (activeWorkspaceCollections.value[0]) {\n    const firstRequest = activeWorkspaceCollections.value[0].requests[0]\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: firstRequest,\n      },\n    })\n  }\n\n  deleteModal.hide()\n}\n\n// Manually focus the popup - not pretty but it works\nconst menuRef = ref<typeof ScalarDropdown | null>(null)\nwatch([() => props.menuItem.open, menuRef], ([open]) => {\n  if (open && menuRef.value?.$parent?.$el) {\n    menuRef.value.$parent.$el.focus()\n  }\n})\n\n// Close menu on click because headless doesn't seem to work\nconst globalClickListener = () => props.menuItem.open && emit('closeMenu')\nonMounted(() => window.addEventListener('click', globalClickListener))\nonBeforeUnmount(() => window.removeEventListener('click', globalClickListener))\n\nconst toggleWatchMode = () => {\n  emit('toggleWatchMode', props.menuItem.item)\n}\n\nconst handleClearDrafts = () => {\n  emit('clearDrafts')\n  clearDraftsModal.hide()\n}\n\nconst isDraftsMenuItem = computed(() => {\n  return props.menuItem.item?.title === 'Drafts'\n})\n</script>\n\n<template>\n  <ScalarFloating\n    v-if=\"menuItem.targetRef && menuItem.open\"\n    placement=\"right-start\"\n    :target=\"menuItem.targetRef\"\n    teleport>\n    <template #floating>\n      <ScalarDropdownMenu @keydown.escape=\"$emit('closeMenu')\">\n        <!-- Add example -->\n        <ScalarDropdownButton\n          v-if=\"menuItem.item?.entity.type === 'request'\"\n          class=\"flex items-center gap-2\"\n          @click=\"handleAddExample\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Example\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Add Example</span>\n        </ScalarDropdownButton>\n\n        <!-- Rename -->\n        <ScalarDropdownButton\n          v-if=\"!isDraftsMenuItem\"\n          ref=\"menuRef\"\n          class=\"flex items-center gap-2\"\n          @click=\"editModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Edit\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>\n            <template v-if=\"menuItem.item?.entity.type === 'collection'\">\n              Edit\n            </template>\n            <template v-else> Rename </template>\n          </span>\n        </ScalarDropdownButton>\n\n        <!-- Duplicate -->\n        <!-- <ScalarDropdownButton\n        class=\"flex  items-center !gap-2\"\n        @click=\"handleItemDuplicate\">\n        <ScalarIcon\n          class=\"inline-flex\"\n          thickness=\"1.5\"\n          icon=\"Duplicate\"\n          size=\"sm\" />\n        <span>Duplicate</span>\n      </ScalarDropdownButton>\n      <ScalarDropdownDivider /> -->\n\n        <!-- Watch -->\n        <ScalarDropdownButton\n          v-if=\"menuItem.item?.documentUrl\"\n          ref=\"menuRef\"\n          class=\"flex items-center gap-2\"\n          @click=\"toggleWatchMode\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            :icon=\"menuItem.item?.watchMode ? 'Unwatch' : 'Watch'\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>\n            {{\n              menuItem.item?.watchMode\n                ? 'Disable Watch Mode'\n                : 'Enable Watch Mode'\n            }}\n          </span>\n        </ScalarDropdownButton>\n\n        <!-- Delete -->\n        <ScalarDropdownButton\n          v-if=\"!isDraftsMenuItem\"\n          class=\"flex items-center gap-2\"\n          @click=\"deleteModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Delete\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Delete</span>\n        </ScalarDropdownButton>\n\n        <!-- Clear Drafts -->\n        <ScalarDropdownButton\n          v-if=\"isDraftsMenuItem\"\n          class=\"flex items-center gap-2\"\n          @click=\"clearDraftsModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Delete\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Clear Drafts</span>\n        </ScalarDropdownButton>\n      </ScalarDropdownMenu>\n    </template>\n  </ScalarFloating>\n\n  <!-- Modals -->\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"deleteModal\"\n    :title=\"`Delete ${menuItem.item?.resourceTitle}`\">\n    <DeleteSidebarListElement\n      :variableName=\"menuItem.item?.title ?? ''\"\n      :warningMessage=\"menuItem.item?.warning\"\n      @close=\"deleteModal.hide()\"\n      @delete=\"handleItemDelete\" />\n  </ScalarModal>\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"editModal\"\n    :title=\"`Edit ${menuItem.item?.resourceTitle}`\">\n    <EditSidebarListCollection\n      v-if=\"menuItem.item?.resourceTitle === 'Collection'\"\n      :icon=\"menuItem.item?.icon || 'interface-content-folder'\"\n      :name=\"menuItem.item?.title\"\n      @close=\"editModal.hide()\"\n      @edit=\"handleEdit\" />\n    <EditSidebarListElement\n      v-else\n      :name=\"menuItem.item?.title ?? ''\"\n      @close=\"editModal.hide()\"\n      @edit=\"handleEdit\" />\n  </ScalarModal>\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"clearDraftsModal\"\n    :title=\"'Clear Drafts'\">\n    <DeleteSidebarListElement\n      :variableName=\"'All Drafts'\"\n      :warningMessage=\"'This action will clear all drafts. This cannot be undone.'\"\n      @close=\"clearDraftsModal.hide()\"\n      @delete=\"handleClearDrafts\" />\n  </ScalarModal>\n</template>\n<style scoped>\n.ellipsis-position {\n  transform: translate3d(calc(-100% - 4.5px), 0, 0);\n}\n</style>\n"],"mappings":""}