@scalar/api-client 2.43.0 → 3.1.0

package/dist/views/Cookies/CookieModal.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CookieModal.vue.js","names":[],"sources":["../../../src/views/Cookies/CookieModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst props = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    cookieData: {\n      name: string\n      value: string\n      domain: string\n    },\n  ): void\n}>()\n\nconst cookieData = ref({\n  name: '',\n  value: '',\n  domain: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!cookieData.value.name || !cookieData.value.value) {\n    toast('Please fill in all fields before adding a cookie.', 'error')\n    return\n  }\n\n  emit('submit', cookieData.value)\n  props.state.hide()\n}\n\n// Reset cookie data\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      cookieData.value = {\n        name: '',\n        value: '',\n        domain: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Cookie\">\n    <CommandActionForm\n      :disabled=\"!cookieData.name || !cookieData.value\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"cookieData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"session_id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Value:\n        <CommandActionInput\n          v-model=\"cookieData.value\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"my-cookie-session-id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Domain:\n        <CommandActionInput\n          v-model=\"cookieData.domain\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"example.com\" />\n      </div>\n      <template #submit>Add Cookie</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n"],"mappings":""}

package/dist/views/Cookies/CookieModal.vue.script.js

@@ -1,83 +0,0 @@
-import CommandActionForm_default from "../../components/CommandPalette/CommandActionForm.vue.js";
-import CommandActionInput_default from "../../components/CommandPalette/CommandActionInput.vue.js";
-import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
-import { ScalarModal } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-//#region src/views/Cookies/CookieModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-8 items-start gap-2 text-sm" };
-var _hoisted_2 = { class: "flex h-8 items-start gap-2 text-sm" };
-var _hoisted_3 = { class: "flex h-8 items-start gap-2 text-sm" };
-var CookieModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "CookieModal",
-	props: { state: {} },
-	emits: ["cancel", "submit"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const cookieData = ref({
-			name: "",
-			value: "",
-			domain: ""
-		});
-		const { toast } = useToasts();
-		const handleSubmit = () => {
-			if (!cookieData.value.name || !cookieData.value.value) {
-				toast("Please fill in all fields before adding a cookie.", "error");
-				return;
-			}
-			emit("submit", cookieData.value);
-			props.state.hide();
-		};
-		watch(() => props.state.open, (isOpen) => {
-			if (isOpen) cookieData.value = {
-				name: "",
-				value: "",
-				domain: ""
-			};
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarModal), {
-				size: "xs",
-				state: __props.state,
-				title: "Add Cookie"
-			}, {
-				default: withCtx(() => [createVNode(CommandActionForm_default, {
-					disabled: !cookieData.value.name || !cookieData.value.value,
-					onCancel: _cache[3] || (_cache[3] = ($event) => emit("cancel")),
-					onSubmit: handleSubmit
-				}, {
-					submit: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Add Cookie", -1)])]),
-					default: withCtx(() => [
-						createElementVNode("div", _hoisted_1, [_cache[4] || (_cache[4] = createTextVNode(" Name: ", -1)), createVNode(CommandActionInput_default, {
-							modelValue: cookieData.value.name,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cookieData.value.name = $event),
-							autofocus: "",
-							class: "!p-0",
-							placeholder: "session_id"
-						}, null, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_2, [_cache[5] || (_cache[5] = createTextVNode(" Value: ", -1)), createVNode(CommandActionInput_default, {
-							modelValue: cookieData.value.value,
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cookieData.value.value = $event),
-							autofocus: "",
-							class: "!p-0",
-							placeholder: "my-cookie-session-id"
-						}, null, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_3, [_cache[6] || (_cache[6] = createTextVNode(" Domain: ", -1)), createVNode(CommandActionInput_default, {
-							modelValue: cookieData.value.domain,
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => cookieData.value.domain = $event),
-							autofocus: "",
-							class: "!p-0",
-							placeholder: "example.com"
-						}, null, 8, ["modelValue"])])
-					]),
-					_: 1
-				}, 8, ["disabled"])]),
-				_: 1
-			}, 8, ["state"]);
-		};
-	}
-});
-//#endregion
-export { CookieModal_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CookieModal.vue.script.js.map

package/dist/views/Cookies/CookieModal.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CookieModal.vue.script.js","names":[],"sources":["../../../src/views/Cookies/CookieModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport { ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst props = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    cookieData: {\n      name: string\n      value: string\n      domain: string\n    },\n  ): void\n}>()\n\nconst cookieData = ref({\n  name: '',\n  value: '',\n  domain: '',\n})\n\nconst { toast } = useToasts()\n\nconst handleSubmit = () => {\n  if (!cookieData.value.name || !cookieData.value.value) {\n    toast('Please fill in all fields before adding a cookie.', 'error')\n    return\n  }\n\n  emit('submit', cookieData.value)\n  props.state.hide()\n}\n\n// Reset cookie data\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      cookieData.value = {\n        name: '',\n        value: '',\n        domain: '',\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <ScalarModal\n    size=\"xs\"\n    :state=\"state\"\n    title=\"Add Cookie\">\n    <CommandActionForm\n      :disabled=\"!cookieData.name || !cookieData.value\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Name:\n        <CommandActionInput\n          v-model=\"cookieData.name\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"session_id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Value:\n        <CommandActionInput\n          v-model=\"cookieData.value\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"my-cookie-session-id\" />\n      </div>\n      <div class=\"flex h-8 items-start gap-2 text-sm\">\n        Domain:\n        <CommandActionInput\n          v-model=\"cookieData.domain\"\n          autofocus\n          class=\"!p-0\"\n          placeholder=\"example.com\" />\n      </div>\n      <template #submit>Add Cookie</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n\n<style scoped>\n.form-group {\n  margin-bottom: 1rem;\n}\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAId,MAAM,OAAO;EAYb,MAAM,aAAa,IAAI;GACrB,MAAM;GACN,OAAO;GACP,QAAQ;GACT,CAAA;EAED,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,qBAAqB;AACzB,OAAI,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,MAAM,OAAO;AACrD,UAAM,qDAAqD,QAAO;AAClE;;AAGF,QAAK,UAAU,WAAW,MAAK;AAC/B,SAAM,MAAM,MAAK;;AAInB,cACQ,MAAM,MAAM,OACjB,WAAW;AACV,OAAI,OACF,YAAW,QAAQ;IACjB,MAAM;IACN,OAAO;IACP,QAAQ;IACV;IAGN;;uBAIE,YAkCc,MAAA,YAAA,EAAA;IAjCZ,MAAK;IACJ,OAAO,QAAA;IACR,OAAM;;2BA8Bc,CA7BpB,YA6BoB,2BAAA;KA5BjB,UAAQ,CAAG,WAAA,MAAW,QAAI,CAAK,WAAA,MAAW;KAC1C,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACZ,UAAQ;;KAyBE,QAAM,cAAW,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;4BAjBtB;MAPN,mBAOM,OAPN,YAOM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAP0C,WAE9C,GAAA,GAAA,YAI6B,4BAAA;mBAHlB,WAAA,MAAW;+EAAX,MAAW,OAAI;OACxB,WAAA;OACA,OAAM;OACN,aAAY;;MAEhB,mBAOM,OAPN,YAOM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAP0C,YAE9C,GAAA,GAAA,YAIuC,4BAAA;mBAH5B,WAAA,MAAW;+EAAX,MAAW,QAAK;OACzB,WAAA;OACA,OAAM;OACN,aAAY;;MAEhB,mBAOM,OAPN,YAOM,CAAA,OAAA,OAAA,OAAA,KAAA,gBAP0C,aAE9C,GAAA,GAAA,YAI8B,4BAAA;mBAHnB,WAAA,MAAW;+EAAX,MAAW,SAAM;OAC1B,WAAA;OACA,OAAM;OACN,aAAY"}

package/dist/views/Cookies/CookieRaw.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=CookieRaw.vue.d.ts.map

package/dist/views/Cookies/CookieRaw.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CookieRaw.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/CookieRaw.vue"],"names":[],"mappings":"AA6GA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Cookies/Cookies.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Cookies.vue.d.ts.map

package/dist/views/Cookies/Cookies.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":"AAykBA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Cookies/Cookies.vue.js

@@ -1,7 +0,0 @@
-import Cookies_vue_vue_type_script_setup_true_lang_default from "./Cookies.vue.script.js";
-//#region src/views/Cookies/Cookies.vue
-var Cookies_default = Cookies_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Cookies_default as default };
-
-//# sourceMappingURL=Cookies.vue.js.map

package/dist/views/Cookies/Cookies.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cookies.vue.js","names":[],"sources":["../../../src/views/Cookies/Cookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useModal } from '@scalar/components'\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport { computed, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport { Sidebar } from '@/components'\nimport EmptyState from '@/components/EmptyState.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { HotKeyEvent } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useActiveEntities, useWorkspace } from '@/store'\n\nimport CookieForm from './CookieForm.vue'\nimport CookieModal from './CookieModal.vue'\n\n// import CookieRaw from './CookieRaw.vue'\n\nconst { cookies, cookieMutators, events, workspaceMutators } = useWorkspace()\nconst { activeWorkspace, activeCookieId } = useActiveEntities()\nconst router = useRouter()\nconst route = useRoute()\nconst cookieModal = useModal()\n\nconst addCookieHandler = (cookieData: {\n  name: string\n  value: string\n  domain: string\n}) => {\n  const cookie = cookieSchema.parse({\n    name: cookieData.name,\n    value: cookieData.value,\n    domain: cookieData.domain,\n    path: '/',\n  })\n\n  // Store cookie\n  cookieMutators.add(cookie)\n\n  // Attach cookie to workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []),\n    cookie.uid,\n  ])\n\n  // Redirect to the new cookie\n  router.push({\n    name: 'cookies',\n    params: {\n      cookies: cookie.uid,\n    },\n  })\n}\n\nconst removeCookie = (uid: Cookie['uid']) => {\n  cookieMutators.delete(uid)\n\n  // Delete cookie from workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid),\n  ])\n\n  // Navigate to the last cookie\n  const remainingCookies: Cookie[] = Object.values(cookies).filter(\n    (cookie) => (cookie as Cookie).uid !== uid,\n  ) as Cookie[]\n\n  if (remainingCookies.length > 0) {\n    const lastCookie = remainingCookies[remainingCookies.length - 1]\n\n    if (lastCookie) {\n      router.push(lastCookie.uid)\n    }\n  } else {\n    router.push({\n      name: 'cookies',\n      params: {\n        [PathId.Cookies]: 'default',\n      },\n    })\n  }\n}\n\nconst openCookieModal = () => {\n  cookieModal.show()\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'cookies') {\n    openCookieModal()\n  }\n}\n\n/**\n * Navigate to specific cookies\n */\nconst handleNavigation = (event: MouseEvent, uid: string) => {\n  const to = {\n    name: 'cookies',\n    params: {\n      workspace: activeWorkspace.value?.uid ?? 'default',\n      cookies: uid,\n    },\n  }\n\n  // Open in new tab if meta key is pressed\n  if (event.metaKey) {\n    const path = router.resolve(to).href\n\n    window.open(path, '_blank')\n\n    return\n  }\n\n  router.push(to)\n}\n\n/** Bind keyboard shortcuts */\nonMounted(() => events.hotKeys.on(handleHotKey))\n/** Unbind keyboard shortcuts */\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst activeCookie = computed<Cookie | undefined>(\n  () => cookies[activeCookieId.value],\n)\n\nconst hasCookies = computed(\n  () => Object.keys(cookies).length > 0 && activeCookie.value,\n)\n\nwatch(\n  () => route.query.openCookieModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openCookieModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Cookies\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <li\n              v-for=\"cookie in Object.values(cookies)\"\n              :key=\"cookie.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <div class=\"relative mb-[.5px] last:mb-0\">\n                <SidebarListElement\n                  :key=\"cookie.uid\"\n                  class=\"text-xs\"\n                  isDeletable\n                  :to=\"{\n                    name: 'cookies',\n                    params: {\n                      [PathId.Cookies]: cookie.uid,\n                    },\n                  }\"\n                  type=\"cookies\"\n                  :variable=\"{ name: cookie.name, uid: cookie.uid }\"\n                  :warningMessage=\"`Are you sure you want to delete this cookie?`\"\n                  @click.prevent=\"handleNavigation($event, cookie.uid)\"\n                  @delete=\"removeCookie(cookie.uid)\" />\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openCookieModal\"\n          hotkey=\"N\">\n          <template #title> Add Cookie </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n\n    <ViewLayoutContent class=\"flex-1\">\n      <template v-if=\"hasCookies\">\n        <ViewLayoutSection class=\"*:border-b-0\">\n          <template #title>Edit Cookie</template>\n          <CookieForm />\n          <!--  Untested and disabled for now. -->\n          <!-- <CookieRaw /> -->\n        </ViewLayoutSection>\n      </template>\n      <EmptyState v-else />\n    </ViewLayoutContent>\n\n    <CookieModal\n      :state=\"cookieModal\"\n      @cancel=\"cookieModal.hide()\"\n      @submit=\"addCookieHandler\" />\n  </ViewLayout>\n</template>\n"],"mappings":""}

package/dist/views/Cookies/Cookies.vue.script.js

@@ -1,156 +0,0 @@
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useWorkspace } from "../../store/store.js";
-import Sidebar_default from "../../components/Sidebar/Sidebar.vue.js";
-import ViewLayout_default from "../../components/ViewLayout/ViewLayout.vue.js";
-import ViewLayoutContent_default from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import ViewLayoutSection_default from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import EmptyState_default from "../../components/EmptyState.vue.js";
-import SidebarButton_default from "../../components/Sidebar/SidebarButton.vue.js";
-import SidebarList_default from "../../components/Sidebar/SidebarList.vue.js";
-import SidebarListElement_default from "../../components/Sidebar/SidebarListElement.vue.js";
-import CookieForm_default from "./CookieForm.vue.js";
-import CookieModal_default from "./CookieModal.vue.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, renderList, unref, watch, withCtx, withModifiers } from "vue";
-import { useModal } from "@scalar/components";
-import { useRoute, useRouter } from "vue-router";
-import { cookieSchema } from "@scalar/oas-utils/entities/cookie";
-//#region src/views/Cookies/Cookies.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex-1" };
-var _hoisted_2 = { class: "relative mb-[.5px] last:mb-0" };
-var Cookies_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Cookies",
-	setup(__props) {
-		const { cookies, cookieMutators, events, workspaceMutators } = useWorkspace();
-		const { activeWorkspace, activeCookieId } = useActiveEntities();
-		const router = useRouter();
-		const route = useRoute();
-		const cookieModal = useModal();
-		const addCookieHandler = (cookieData) => {
-			const cookie = cookieSchema.parse({
-				name: cookieData.name,
-				value: cookieData.value,
-				domain: cookieData.domain,
-				path: "/"
-			});
-			cookieMutators.add(cookie);
-			workspaceMutators.edit(activeWorkspace.value?.uid, "cookies", [...activeWorkspace.value?.cookies ?? [], cookie.uid]);
-			router.push({
-				name: "cookies",
-				params: { cookies: cookie.uid }
-			});
-		};
-		const removeCookie = (uid) => {
-			cookieMutators.delete(uid);
-			workspaceMutators.edit(activeWorkspace.value?.uid, "cookies", [...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid)]);
-			const remainingCookies = Object.values(cookies).filter((cookie) => cookie.uid !== uid);
-			if (remainingCookies.length > 0) {
-				const lastCookie = remainingCookies[remainingCookies.length - 1];
-				if (lastCookie) router.push(lastCookie.uid);
-			} else router.push({
-				name: "cookies",
-				params: { [PathId.Cookies]: "default" }
-			});
-		};
-		const openCookieModal = () => {
-			cookieModal.show();
-		};
-		const handleHotKey = (event) => {
-			if (event?.createNew && route.name === "cookies") openCookieModal();
-		};
-		/**
-		* Navigate to specific cookies
-		*/
-		const handleNavigation = (event, uid) => {
-			const to = {
-				name: "cookies",
-				params: {
-					workspace: activeWorkspace.value?.uid ?? "default",
-					cookies: uid
-				}
-			};
-			if (event.metaKey) {
-				const path = router.resolve(to).href;
-				window.open(path, "_blank");
-				return;
-			}
-			router.push(to);
-		};
-		/** Bind keyboard shortcuts */
-		onMounted(() => events.hotKeys.on(handleHotKey));
-		/** Unbind keyboard shortcuts */
-		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
-		const activeCookie = computed(() => cookies[activeCookieId.value]);
-		const hasCookies = computed(() => Object.keys(cookies).length > 0 && activeCookie.value);
-		watch(() => route.query.openCookieModal, (newVal) => {
-			if (newVal === "true") openCookieModal();
-		}, { immediate: true });
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayout_default, null, {
-				default: withCtx(() => [
-					createVNode(unref(Sidebar_default), { title: "Cookies" }, {
-						content: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(SidebarList_default, null, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.values(unref(cookies)), (cookie) => {
-								return openBlock(), createElementBlock("li", {
-									key: cookie.uid,
-									class: "gap-1/2 flex flex-col"
-								}, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(SidebarListElement_default, {
-									key: cookie.uid,
-									class: "text-xs",
-									isDeletable: "",
-									to: {
-										name: "cookies",
-										params: { [unref(PathId).Cookies]: cookie.uid }
-									},
-									type: "cookies",
-									variable: {
-										name: cookie.name,
-										uid: cookie.uid
-									},
-									warningMessage: `Are you sure you want to delete this cookie?`,
-									onClick: withModifiers(($event) => handleNavigation($event, cookie.uid), ["prevent"]),
-									onDelete: ($event) => removeCookie(cookie.uid)
-								}, null, 8, [
-									"to",
-									"variable",
-									"onClick",
-									"onDelete"
-								]))])]);
-							}), 128))]),
-							_: 1
-						})])]),
-						button: withCtx(() => [createVNode(SidebarButton_default, {
-							click: openCookieModal,
-							hotkey: "N"
-						}, {
-							title: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Add Cookie ", -1)])]),
-							_: 1
-						})]),
-						_: 1
-					}),
-					createVNode(ViewLayoutContent_default, { class: "flex-1" }, {
-						default: withCtx(() => [hasCookies.value ? (openBlock(), createBlock(ViewLayoutSection_default, {
-							key: 0,
-							class: "*:border-b-0"
-						}, {
-							title: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Edit Cookie", -1)])]),
-							default: withCtx(() => [createVNode(CookieForm_default)]),
-							_: 1
-						})) : (openBlock(), createBlock(EmptyState_default, { key: 1 }))]),
-						_: 1
-					}),
-					createVNode(CookieModal_default, {
-						state: unref(cookieModal),
-						onCancel: _cache[0] || (_cache[0] = ($event) => unref(cookieModal).hide()),
-						onSubmit: addCookieHandler
-					}, null, 8, ["state"])
-				]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { Cookies_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Cookies.vue.script.js.map

package/dist/views/Cookies/Cookies.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cookies.vue.script.js","names":[],"sources":["../../../src/views/Cookies/Cookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useModal } from '@scalar/components'\nimport { cookieSchema, type Cookie } from '@scalar/oas-utils/entities/cookie'\nimport { computed, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport { Sidebar } from '@/components'\nimport EmptyState from '@/components/EmptyState.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { HotKeyEvent } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useActiveEntities, useWorkspace } from '@/store'\n\nimport CookieForm from './CookieForm.vue'\nimport CookieModal from './CookieModal.vue'\n\n// import CookieRaw from './CookieRaw.vue'\n\nconst { cookies, cookieMutators, events, workspaceMutators } = useWorkspace()\nconst { activeWorkspace, activeCookieId } = useActiveEntities()\nconst router = useRouter()\nconst route = useRoute()\nconst cookieModal = useModal()\n\nconst addCookieHandler = (cookieData: {\n  name: string\n  value: string\n  domain: string\n}) => {\n  const cookie = cookieSchema.parse({\n    name: cookieData.name,\n    value: cookieData.value,\n    domain: cookieData.domain,\n    path: '/',\n  })\n\n  // Store cookie\n  cookieMutators.add(cookie)\n\n  // Attach cookie to workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []),\n    cookie.uid,\n  ])\n\n  // Redirect to the new cookie\n  router.push({\n    name: 'cookies',\n    params: {\n      cookies: cookie.uid,\n    },\n  })\n}\n\nconst removeCookie = (uid: Cookie['uid']) => {\n  cookieMutators.delete(uid)\n\n  // Delete cookie from workspace\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'cookies', [\n    ...(activeWorkspace.value?.cookies ?? []).filter((c) => c !== uid),\n  ])\n\n  // Navigate to the last cookie\n  const remainingCookies: Cookie[] = Object.values(cookies).filter(\n    (cookie) => (cookie as Cookie).uid !== uid,\n  ) as Cookie[]\n\n  if (remainingCookies.length > 0) {\n    const lastCookie = remainingCookies[remainingCookies.length - 1]\n\n    if (lastCookie) {\n      router.push(lastCookie.uid)\n    }\n  } else {\n    router.push({\n      name: 'cookies',\n      params: {\n        [PathId.Cookies]: 'default',\n      },\n    })\n  }\n}\n\nconst openCookieModal = () => {\n  cookieModal.show()\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'cookies') {\n    openCookieModal()\n  }\n}\n\n/**\n * Navigate to specific cookies\n */\nconst handleNavigation = (event: MouseEvent, uid: string) => {\n  const to = {\n    name: 'cookies',\n    params: {\n      workspace: activeWorkspace.value?.uid ?? 'default',\n      cookies: uid,\n    },\n  }\n\n  // Open in new tab if meta key is pressed\n  if (event.metaKey) {\n    const path = router.resolve(to).href\n\n    window.open(path, '_blank')\n\n    return\n  }\n\n  router.push(to)\n}\n\n/** Bind keyboard shortcuts */\nonMounted(() => events.hotKeys.on(handleHotKey))\n/** Unbind keyboard shortcuts */\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst activeCookie = computed<Cookie | undefined>(\n  () => cookies[activeCookieId.value],\n)\n\nconst hasCookies = computed(\n  () => Object.keys(cookies).length > 0 && activeCookie.value,\n)\n\nwatch(\n  () => route.query.openCookieModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openCookieModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Cookies\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <li\n              v-for=\"cookie in Object.values(cookies)\"\n              :key=\"cookie.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <div class=\"relative mb-[.5px] last:mb-0\">\n                <SidebarListElement\n                  :key=\"cookie.uid\"\n                  class=\"text-xs\"\n                  isDeletable\n                  :to=\"{\n                    name: 'cookies',\n                    params: {\n                      [PathId.Cookies]: cookie.uid,\n                    },\n                  }\"\n                  type=\"cookies\"\n                  :variable=\"{ name: cookie.name, uid: cookie.uid }\"\n                  :warningMessage=\"`Are you sure you want to delete this cookie?`\"\n                  @click.prevent=\"handleNavigation($event, cookie.uid)\"\n                  @delete=\"removeCookie(cookie.uid)\" />\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openCookieModal\"\n          hotkey=\"N\">\n          <template #title> Add Cookie </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n\n    <ViewLayoutContent class=\"flex-1\">\n      <template v-if=\"hasCookies\">\n        <ViewLayoutSection class=\"*:border-b-0\">\n          <template #title>Edit Cookie</template>\n          <CookieForm />\n          <!--  Untested and disabled for now. -->\n          <!-- <CookieRaw /> -->\n        </ViewLayoutSection>\n      </template>\n      <EmptyState v-else />\n    </ViewLayoutContent>\n\n    <CookieModal\n      :state=\"cookieModal\"\n      @cancel=\"cookieModal.hide()\"\n      @submit=\"addCookieHandler\" />\n  </ViewLayout>\n</template>\n"],"mappings":"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"}

package/dist/views/Environment/Environment.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Environment.vue.d.ts.map

package/dist/views/Environment/Environment.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/Environment.vue"],"names":[],"mappings":"AAyjDA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Environment/Environment.vue.js

@@ -1,7 +0,0 @@
-import Environment_vue_vue_type_script_setup_true_lang_default from "./Environment.vue.script.js";
-//#region src/views/Environment/Environment.vue
-var Environment_default = Environment_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Environment_default as default };
-
-//# sourceMappingURL=Environment.vue.js.map

package/dist/views/Environment/Environment.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Environment.vue.js","names":[],"sources":["../../../src/views/Environment/Environment.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport Sidebar from '@/components/Sidebar/Sidebar.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport type { HotKeyEvent } from '@/libs'\nimport type { EnvConfig } from '@/libs/env-helpers'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport EnvironmentColorModal from './EnvironmentColorModal.vue'\nimport EnvironmentModal from './EnvironmentModal.vue'\nimport { environmentDragHandlerFactory } from './handle-drag'\n\nconst router = useRouter()\nconst route = useRoute()\nconst {\n  activeWorkspace,\n  activeEnvironment,\n  activeWorkspaceCollections,\n  activeEnvVariables,\n} = useActiveEntities()\nconst { events, workspaceMutators, collectionMutators } = useWorkspace()\nconst { collapsedSidebarFolders, toggleSidebarFolder } = useSidebar()\nconst colorModal = useModal()\nconst environmentModal = useModal()\n\nconst editModal = useModal()\n\nconst colorModalEnvironment = ref<string | null>(null)\nconst currentEnvironmentId = ref('default')\nconst selectedColor = ref('')\nconst selectedCollectionId = ref<string | undefined>(undefined)\nconst selectedEnvironmentId = ref<string | undefined>(undefined)\nconst tempEnvironmentName = ref<string | undefined>(undefined)\n\nconst { toast } = useToasts()\n\nconst parseEnvironmentValue = (value: string): Record<string, string> =>\n  JSON.parse(value)\n\nfunction environmentNameToast(\n  environmentNameUsed: boolean,\n  collection: any,\n  collectionId: string | undefined,\n) {\n  if (environmentNameUsed) {\n    if (collection.uid === collectionId) {\n      toast(\n        `Environment name already used in ${collection.info?.title}`,\n        'error',\n      )\n    } else {\n      toast('Environment name already used in another collection', 'error')\n    }\n  }\n}\n\n// Returns non-draft collections only\nconst nonDraftWorkspaceCollections = computed(() => {\n  return activeWorkspaceCollections.value.filter(\n    (collection) => collection.info?.title !== 'Drafts',\n  )\n})\n\nfunction addEnvironment(environment: {\n  name: string\n  color: string\n  collectionId: Collection['uid'] | undefined\n}) {\n  const environmentNameUsed = nonDraftWorkspaceCollections.value.some(\n    (collection) => {\n      const enviromentName = Object.keys(\n        collection['x-scalar-environments'] || {},\n      ).includes(environment.name)\n      environmentNameToast(enviromentName, collection, environment.collectionId)\n      return enviromentName\n    },\n  )\n  if (environmentNameUsed) {\n    return\n  }\n  if (environment.collectionId) {\n    collectionMutators.addEnvironment(\n      environment.name,\n      {\n        variables: {},\n        color: environment.color,\n      },\n      environment.collectionId,\n    )\n    if (!collapsedSidebarFolders[environment.collectionId]) {\n      toggleSidebarFolder(environment.collectionId)\n    }\n    router.push({\n      name: 'environment.collection',\n      params: {\n        [PathId.Collection]: environment.collectionId,\n        [PathId.Environment]: environment.name,\n      },\n    })\n  }\n\n  environmentModal.hide()\n}\n\nfunction handleEnvironmentUpdate(raw: string) {\n  if (!activeEnvironment) {\n    return\n  }\n\n  const updatedValue = parseEnvironmentValue(raw)\n\n  if (currentEnvironmentId.value === 'default') {\n    workspaceMutators.edit(\n      activeWorkspace.value?.uid,\n      'environments',\n      updatedValue,\n    )\n  } else {\n    const collection = activeWorkspaceCollections.value.find(\n      (c) => c['x-scalar-environments']?.[currentEnvironmentId.value ?? ''],\n    )\n    if (\n      collection?.['x-scalar-environments']?.[currentEnvironmentId.value ?? '']\n    ) {\n      const environment =\n        collection['x-scalar-environments'][currentEnvironmentId.value ?? '']\n      if (environment) {\n        environment.variables = updatedValue\n        collectionMutators.edit(\n          collection.uid,\n          'x-scalar-environments',\n          collection['x-scalar-environments'],\n        )\n      }\n    }\n  }\n}\n\nconst openEnvironmentModal = (collectionId?: string) => {\n  selectedCollectionId.value = collectionId\n  environmentModal.show()\n}\n\nconst openRenameModal = (environmentId: string, collectionId: string) => {\n  selectedEnvironmentId.value = environmentId\n  selectedCollectionId.value = collectionId\n  tempEnvironmentName.value = environmentId\n  editModal.show()\n}\n\nconst handleOpenColorModal = (uid: string) => {\n  colorModalEnvironment.value = uid\n  selectedColor.value =\n    activeWorkspaceCollections.value.find(\n      (collection) => collection['x-scalar-environments']?.[uid],\n    )?.['x-scalar-environments']?.[uid]?.color ?? ''\n  colorModal.show()\n}\n\nconst submitColorChange = (color: string) => {\n  const environmentId = colorModalEnvironment.value\n  if (typeof environmentId === 'string') {\n    const isCollection = activeWorkspaceCollections.value.some(\n      (collection) => collection['x-scalar-environments']?.[environmentId],\n    )\n    if (isCollection) {\n      activeWorkspaceCollections.value.forEach((collection) => {\n        if (collection['x-scalar-environments']?.[environmentId]) {\n          collection['x-scalar-environments'][environmentId].color = color\n          collectionMutators.edit(\n            collection.uid,\n            'x-scalar-environments',\n            collection['x-scalar-environments'],\n          )\n        }\n      })\n    }\n    colorModal.hide()\n  }\n}\n\nfunction removeCollectionEnvironment(environmentName: string) {\n  nonDraftWorkspaceCollections.value.forEach((collection) => {\n    collectionMutators.removeEnvironment(environmentName, collection.uid)\n  })\n\n  // Redirect to last available environment\n  const remainingCollectionEnvironments =\n    nonDraftWorkspaceCollections.value.flatMap((collection) =>\n      Object.keys(collection['x-scalar-environments'] || {}),\n    )\n\n  if (remainingCollectionEnvironments.length > 0) {\n    const lastCollectionEnvironment =\n      remainingCollectionEnvironments[\n        remainingCollectionEnvironments.length - 1\n      ]\n\n    if (!lastCollectionEnvironment) {\n      return\n    }\n\n    const currentCollection = activeWorkspaceCollections.value.find(\n      (collection) =>\n        Object.keys(collection['x-scalar-environments'] || {}).includes(\n          lastCollectionEnvironment,\n        ),\n    )\n    currentEnvironmentId.value = lastCollectionEnvironment\n    router.push({\n      name: 'environment.collection',\n      params: {\n        [PathId.Collection]: currentCollection?.uid,\n        [PathId.Environment]: lastCollectionEnvironment,\n      },\n    })\n    if (currentCollection && !collapsedSidebarFolders[currentCollection.uid]) {\n      toggleSidebarFolder(currentCollection.uid)\n    }\n  } else {\n    currentEnvironmentId.value = 'default'\n    router.push({\n      name: 'environment.default',\n      params: {\n        [PathId.Workspace]: activeWorkspace.value?.uid,\n      },\n    })\n  }\n}\n\nconst getEnvironmentName = () => {\n  return currentEnvironmentId.value === 'default'\n    ? 'Global Environment'\n    : currentEnvironmentId.value\n}\n\nconst getEnvironmentValue = () => {\n  return currentEnvironmentId.value === 'default'\n    ? JSON.stringify(activeWorkspace.value?.environments, null, 2)\n    : JSON.stringify(\n        activeWorkspaceCollections.value.find(\n          (collection) =>\n            collection['x-scalar-environments']?.[\n              currentEnvironmentId.value ?? ''\n            ],\n        )?.['x-scalar-environments']?.[currentEnvironmentId.value ?? '']\n          ?.variables,\n        null,\n        2,\n      )\n}\n\nconst showChildren = (key: string) => {\n  return collapsedSidebarFolders[key]\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'environment') {\n    openEnvironmentModal()\n  }\n}\n\nwatch(\n  () => [route.params[PathId.Collection], route.params[PathId.Environment]],\n  ([newCollectionId, newEnvironmentId]) => {\n    if (newCollectionId) {\n      // Collection environment\n      currentEnvironmentId.value = newEnvironmentId as string\n    } else {\n      // Global environment\n      currentEnvironmentId.value = 'default'\n    }\n  },\n)\n\nonMounted(() => {\n  currentEnvironmentId.value =\n    (route.params[PathId.Environment] as string) || 'default'\n  events.hotKeys.on(handleHotKey)\n  const collectionId = route.params[PathId.Collection]\n  if (collectionId && !collapsedSidebarFolders[collectionId as string]) {\n    toggleSidebarFolder(collectionId as string)\n  }\n})\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst handleNavigation = (\n  event: MouseEvent,\n  uid: string,\n  collectionId?: string,\n) => {\n  const to = collectionId\n    ? {\n        name: 'environment.collection',\n        params: {\n          [PathId.Workspace]: activeWorkspace.value?.uid,\n          [PathId.Collection]: collectionId,\n          [PathId.Environment]: uid,\n        },\n      }\n    : {\n        name: 'environment.default',\n        params: {\n          [PathId.Workspace]: activeWorkspace.value?.uid,\n          [PathId.Environment]: uid,\n        },\n      }\n  if (event.metaKey) {\n    window.open(router.resolve(to).href, '_blank')\n  } else {\n    router.push(to)\n  }\n}\n\nfunction handleCancelRename() {\n  selectedEnvironmentId.value = undefined\n  selectedCollectionId.value = undefined\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\nfunction handleRename(newName: string) {\n  const environmentNameUsed = nonDraftWorkspaceCollections.value.some(\n    (collection) => {\n      const enviromentName = Object.keys(\n        collection['x-scalar-environments'] || {},\n      ).includes(newName)\n      environmentNameToast(\n        enviromentName,\n        collection,\n        selectedCollectionId.value,\n      )\n      return enviromentName\n    },\n  )\n  if (environmentNameUsed) {\n    return\n  }\n  if (newName && selectedEnvironmentId.value !== 'default') {\n    activeWorkspaceCollections.value.forEach((collection) => {\n      if (\n        collection['x-scalar-environments']?.[selectedEnvironmentId.value ?? '']\n      ) {\n        const environments = collection['x-scalar-environments']\n        // Maintains order of environments in the sidebar as we use uid as the name\n        const orderedEnvs: Record<string, EnvConfig> = {}\n\n        // Preserve order by rebuilding the environments object\n        Object.keys(environments).forEach((key) => {\n          const environment = environments[key]\n\n          if (!environment) {\n            return\n          }\n\n          if (key === selectedEnvironmentId.value) {\n            orderedEnvs[newName] = environment\n          } else {\n            orderedEnvs[key] = environment\n          }\n        })\n\n        collection['x-scalar-environments'] = orderedEnvs\n        collectionMutators.edit(\n          collection.uid,\n          'x-scalar-environments',\n          collection['x-scalar-environments'],\n        )\n      }\n    })\n  }\n\n  if (newName && currentEnvironmentId.value === selectedEnvironmentId.value) {\n    currentEnvironmentId.value = newName\n  }\n\n  selectedEnvironmentId.value = undefined\n  selectedCollectionId.value = undefined\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\n// Replace handleEnvironmentDragEnd with the factory\nconst { handleDragEnd, isDroppable } = environmentDragHandlerFactory(\n  activeWorkspaceCollections,\n  collectionMutators,\n)\n\nwatch(\n  () => route.query.openEnvironmentModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openEnvironmentModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Collections\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <SidebarListElement\n              :key=\"'default'\"\n              class=\"text-xs\"\n              :isCopyable=\"false\"\n              :to=\"{\n                name: 'environment',\n                params: {\n                  [PathId.Environment]: 'default',\n                },\n              }\"\n              type=\"environment\"\n              :variable=\"{\n                name: 'Global Environment',\n                uid: 'default',\n                icon: 'Globe',\n                isDefault: true,\n              }\" />\n            <li\n              v-for=\"collection in nonDraftWorkspaceCollections\"\n              :key=\"collection.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <button\n                class=\"hover:bg-b-2 group flex w-full items-center gap-1.5 rounded p-1.5 text-left text-sm font-medium break-words\"\n                type=\"button\"\n                @click=\"toggleSidebarFolder(collection.uid)\">\n                <span class=\"flex h-5 max-w-[14px] items-center justify-center\">\n                  <LibraryIcon\n                    class=\"text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden\"\n                    :src=\"\n                      collection['x-scalar-icon'] || 'interface-content-folder'\n                    \" />\n                  <div\n                    :class=\"{\n                      'rotate-90': collapsedSidebarFolders[collection.uid],\n                    }\">\n                    <ScalarIcon\n                      class=\"text-c-3 hover:text-c-1 hidden text-sm group-hover:block\"\n                      icon=\"ChevronRight\"\n                      size=\"md\" />\n                  </div>\n                </span>\n                {{ collection.info?.title ?? '' }}\n              </button>\n              <div\n                v-show=\"showChildren(collection.uid)\"\n                :class=\"{\n                  'before:bg-border relative mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-3 before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full':\n                    Object.keys(collection['x-scalar-environments'] || {})\n                      .length > 0,\n                }\">\n                <SidebarListElement\n                  v-for=\"(environment, environmentName) in collection[\n                    'x-scalar-environments'\n                  ]\"\n                  :key=\"environmentName\"\n                  class=\"text-xs\"\n                  :collectionId=\"collection.uid\"\n                  :isCopyable=\"false\"\n                  :isDeletable=\"true\"\n                  :isRenameable=\"true\"\n                  :isDraggable=\"true\"\n                  :isDroppable=\"isDroppable\"\n                  :to=\"{\n                    name: 'environment.collection',\n                    params: {\n                      [PathId.Collection]: collection.uid,\n                      [PathId.Environment]: environmentName,\n                    },\n                  }\"\n                  type=\"environment\"\n                  :variable=\"{\n                    name: environmentName,\n                    uid: environmentName,\n                    color: environment.color ?? '#FFFFFF',\n                    isDefault: false,\n                  }\"\n                  :warningMessage=\"`Are you sure you want to delete this environment?`\"\n                  @click.prevent=\"\n                    handleNavigation($event, environmentName, collection.uid)\n                  \"\n                  @colorModal=\"handleOpenColorModal(environmentName)\"\n                  @delete=\"removeCollectionEnvironment(environmentName)\"\n                  @rename=\"openRenameModal(environmentName, collection.uid)\"\n                  @onDragEnd=\"handleDragEnd\" />\n                <ScalarButton\n                  v-if=\"\n                    Object.keys(collection['x-scalar-environments'] || {})\n                      .length === 0\n                  \"\n                  class=\"text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs\"\n                  variant=\"ghost\"\n                  @click=\"openEnvironmentModal(collection.uid)\">\n                  <ScalarIcon\n                    icon=\"Add\"\n                    size=\"sm\" />\n                  <span>Add Environment</span>\n                </ScalarButton>\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openEnvironmentModal\"\n          hotkey=\"N\">\n          <template #title> Add Environment </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n    <ViewLayoutContent class=\"flex-1\">\n      <ViewLayoutSection>\n        <template\n          v-if=\"currentEnvironmentId\"\n          #title>\n          <span>\n            {{ getEnvironmentName() }}\n          </span>\n        </template>\n        <CodeInput\n          v-if=\"currentEnvironmentId && activeWorkspace\"\n          class=\"py-2 pr-2 pl-px md:px-4\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          language=\"json\"\n          lineNumbers\n          lint\n          :modelValue=\"getEnvironmentValue()\"\n          :workspace=\"activeWorkspace\"\n          @update:modelValue=\"handleEnvironmentUpdate\" />\n      </ViewLayoutSection>\n    </ViewLayoutContent>\n    <EnvironmentColorModal\n      :selectedColor=\"selectedColor\"\n      :state=\"colorModal\"\n      @cancel=\"colorModal.hide()\"\n      @submit=\"submitColorChange\" />\n    <EnvironmentModal\n      :activeWorkspaceCollections=\"nonDraftWorkspaceCollections\"\n      :collectionId=\"selectedCollectionId\"\n      :state=\"environmentModal\"\n      @cancel=\"environmentModal.hide()\"\n      @submit=\"addEnvironment\" />\n\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"editModal\"\n      :title=\"`Edit ${selectedEnvironmentId}`\">\n      <EditSidebarListElement\n        :name=\"tempEnvironmentName ?? ''\"\n        @close=\"handleCancelRename\"\n        @edit=\"handleRename\" />\n    </ScalarModal>\n  </ViewLayout>\n</template>\n"],"mappings":""}