@scalar/api-client 2.42.0 → 3.0.0

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":""}

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

@@ -1,384 +0,0 @@
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useSidebar } from "../../hooks/useSidebar.js";
-import { useWorkspace } from "../../store/store.js";
-import CodeInput_default from "../../components/CodeInput/CodeInput.vue.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 EditSidebarListElement_default from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import EnvironmentColorModal_default from "./EnvironmentColorModal.vue.js";
-import EnvironmentModal_default from "./EnvironmentModal.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 { environmentDragHandlerFactory } from "./handle-drag.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { ScalarButton, ScalarIcon, ScalarModal, useModal } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-import { useRoute, useRouter } from "vue-router";
-import { LibraryIcon } from "@scalar/icons/library";
-//#region src/views/Environment/Environment.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex-1" };
-var _hoisted_2 = ["onClick"];
-var _hoisted_3 = { class: "flex h-5 max-w-[14px] items-center justify-center" };
-var Environment_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Environment",
-	setup(__props) {
-		const router = useRouter();
-		const route = useRoute();
-		const { activeWorkspace, activeEnvironment, activeWorkspaceCollections, activeEnvVariables } = useActiveEntities();
-		const { events, workspaceMutators, collectionMutators } = useWorkspace();
-		const { collapsedSidebarFolders, toggleSidebarFolder } = useSidebar();
-		const colorModal = useModal();
-		const environmentModal = useModal();
-		const editModal = useModal();
-		const colorModalEnvironment = ref(null);
-		const currentEnvironmentId = ref("default");
-		const selectedColor = ref("");
-		const selectedCollectionId = ref(void 0);
-		const selectedEnvironmentId = ref(void 0);
-		const tempEnvironmentName = ref(void 0);
-		const { toast } = useToasts();
-		const parseEnvironmentValue = (value) => JSON.parse(value);
-		function environmentNameToast(environmentNameUsed, collection, collectionId) {
-			if (environmentNameUsed) if (collection.uid === collectionId) toast(`Environment name already used in ${collection.info?.title}`, "error");
-			else toast("Environment name already used in another collection", "error");
-		}
-		const nonDraftWorkspaceCollections = computed(() => {
-			return activeWorkspaceCollections.value.filter((collection) => collection.info?.title !== "Drafts");
-		});
-		function addEnvironment(environment) {
-			if (nonDraftWorkspaceCollections.value.some((collection) => {
-				const enviromentName = Object.keys(collection["x-scalar-environments"] || {}).includes(environment.name);
-				environmentNameToast(enviromentName, collection, environment.collectionId);
-				return enviromentName;
-			})) return;
-			if (environment.collectionId) {
-				collectionMutators.addEnvironment(environment.name, {
-					variables: {},
-					color: environment.color
-				}, environment.collectionId);
-				if (!collapsedSidebarFolders[environment.collectionId]) toggleSidebarFolder(environment.collectionId);
-				router.push({
-					name: "environment.collection",
-					params: {
-						[PathId.Collection]: environment.collectionId,
-						[PathId.Environment]: environment.name
-					}
-				});
-			}
-			environmentModal.hide();
-		}
-		function handleEnvironmentUpdate(raw) {
-			if (!activeEnvironment) return;
-			const updatedValue = parseEnvironmentValue(raw);
-			if (currentEnvironmentId.value === "default") workspaceMutators.edit(activeWorkspace.value?.uid, "environments", updatedValue);
-			else {
-				const collection = activeWorkspaceCollections.value.find((c) => c["x-scalar-environments"]?.[currentEnvironmentId.value ?? ""]);
-				if (collection?.["x-scalar-environments"]?.[currentEnvironmentId.value ?? ""]) {
-					const environment = collection["x-scalar-environments"][currentEnvironmentId.value ?? ""];
-					if (environment) {
-						environment.variables = updatedValue;
-						collectionMutators.edit(collection.uid, "x-scalar-environments", collection["x-scalar-environments"]);
-					}
-				}
-			}
-		}
-		const openEnvironmentModal = (collectionId) => {
-			selectedCollectionId.value = collectionId;
-			environmentModal.show();
-		};
-		const openRenameModal = (environmentId, collectionId) => {
-			selectedEnvironmentId.value = environmentId;
-			selectedCollectionId.value = collectionId;
-			tempEnvironmentName.value = environmentId;
-			editModal.show();
-		};
-		const handleOpenColorModal = (uid) => {
-			colorModalEnvironment.value = uid;
-			selectedColor.value = activeWorkspaceCollections.value.find((collection) => collection["x-scalar-environments"]?.[uid])?.["x-scalar-environments"]?.[uid]?.color ?? "";
-			colorModal.show();
-		};
-		const submitColorChange = (color) => {
-			const environmentId = colorModalEnvironment.value;
-			if (typeof environmentId === "string") {
-				if (activeWorkspaceCollections.value.some((collection) => collection["x-scalar-environments"]?.[environmentId])) activeWorkspaceCollections.value.forEach((collection) => {
-					if (collection["x-scalar-environments"]?.[environmentId]) {
-						collection["x-scalar-environments"][environmentId].color = color;
-						collectionMutators.edit(collection.uid, "x-scalar-environments", collection["x-scalar-environments"]);
-					}
-				});
-				colorModal.hide();
-			}
-		};
-		function removeCollectionEnvironment(environmentName) {
-			nonDraftWorkspaceCollections.value.forEach((collection) => {
-				collectionMutators.removeEnvironment(environmentName, collection.uid);
-			});
-			const remainingCollectionEnvironments = nonDraftWorkspaceCollections.value.flatMap((collection) => Object.keys(collection["x-scalar-environments"] || {}));
-			if (remainingCollectionEnvironments.length > 0) {
-				const lastCollectionEnvironment = remainingCollectionEnvironments[remainingCollectionEnvironments.length - 1];
-				if (!lastCollectionEnvironment) return;
-				const currentCollection = activeWorkspaceCollections.value.find((collection) => Object.keys(collection["x-scalar-environments"] || {}).includes(lastCollectionEnvironment));
-				currentEnvironmentId.value = lastCollectionEnvironment;
-				router.push({
-					name: "environment.collection",
-					params: {
-						[PathId.Collection]: currentCollection?.uid,
-						[PathId.Environment]: lastCollectionEnvironment
-					}
-				});
-				if (currentCollection && !collapsedSidebarFolders[currentCollection.uid]) toggleSidebarFolder(currentCollection.uid);
-			} else {
-				currentEnvironmentId.value = "default";
-				router.push({
-					name: "environment.default",
-					params: { [PathId.Workspace]: activeWorkspace.value?.uid }
-				});
-			}
-		}
-		const getEnvironmentName = () => {
-			return currentEnvironmentId.value === "default" ? "Global Environment" : currentEnvironmentId.value;
-		};
-		const getEnvironmentValue = () => {
-			return currentEnvironmentId.value === "default" ? JSON.stringify(activeWorkspace.value?.environments, null, 2) : JSON.stringify(activeWorkspaceCollections.value.find((collection) => collection["x-scalar-environments"]?.[currentEnvironmentId.value ?? ""])?.["x-scalar-environments"]?.[currentEnvironmentId.value ?? ""]?.variables, null, 2);
-		};
-		const showChildren = (key) => {
-			return collapsedSidebarFolders[key];
-		};
-		const handleHotKey = (event) => {
-			if (event?.createNew && route.name === "environment") openEnvironmentModal();
-		};
-		watch(() => [route.params[PathId.Collection], route.params[PathId.Environment]], ([newCollectionId, newEnvironmentId]) => {
-			if (newCollectionId) currentEnvironmentId.value = newEnvironmentId;
-			else currentEnvironmentId.value = "default";
-		});
-		onMounted(() => {
-			currentEnvironmentId.value = route.params[PathId.Environment] || "default";
-			events.hotKeys.on(handleHotKey);
-			const collectionId = route.params[PathId.Collection];
-			if (collectionId && !collapsedSidebarFolders[collectionId]) toggleSidebarFolder(collectionId);
-		});
-		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
-		const handleNavigation = (event, uid, collectionId) => {
-			const to = collectionId ? {
-				name: "environment.collection",
-				params: {
-					[PathId.Workspace]: activeWorkspace.value?.uid,
-					[PathId.Collection]: collectionId,
-					[PathId.Environment]: uid
-				}
-			} : {
-				name: "environment.default",
-				params: {
-					[PathId.Workspace]: activeWorkspace.value?.uid,
-					[PathId.Environment]: uid
-				}
-			};
-			if (event.metaKey) window.open(router.resolve(to).href, "_blank");
-			else router.push(to);
-		};
-		function handleCancelRename() {
-			selectedEnvironmentId.value = void 0;
-			selectedCollectionId.value = void 0;
-			tempEnvironmentName.value = void 0;
-			editModal.hide();
-		}
-		function handleRename(newName) {
-			if (nonDraftWorkspaceCollections.value.some((collection) => {
-				const enviromentName = Object.keys(collection["x-scalar-environments"] || {}).includes(newName);
-				environmentNameToast(enviromentName, collection, selectedCollectionId.value);
-				return enviromentName;
-			})) return;
-			if (newName && selectedEnvironmentId.value !== "default") activeWorkspaceCollections.value.forEach((collection) => {
-				if (collection["x-scalar-environments"]?.[selectedEnvironmentId.value ?? ""]) {
-					const environments = collection["x-scalar-environments"];
-					const orderedEnvs = {};
-					Object.keys(environments).forEach((key) => {
-						const environment = environments[key];
-						if (!environment) return;
-						if (key === selectedEnvironmentId.value) orderedEnvs[newName] = environment;
-						else orderedEnvs[key] = environment;
-					});
-					collection["x-scalar-environments"] = orderedEnvs;
-					collectionMutators.edit(collection.uid, "x-scalar-environments", collection["x-scalar-environments"]);
-				}
-			});
-			if (newName && currentEnvironmentId.value === selectedEnvironmentId.value) currentEnvironmentId.value = newName;
-			selectedEnvironmentId.value = void 0;
-			selectedCollectionId.value = void 0;
-			tempEnvironmentName.value = void 0;
-			editModal.hide();
-		}
-		const { handleDragEnd, isDroppable } = environmentDragHandlerFactory(activeWorkspaceCollections, collectionMutators);
-		watch(() => route.query.openEnvironmentModal, (newVal) => {
-			if (newVal === "true") openEnvironmentModal();
-		}, { immediate: true });
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayout_default, null, {
-				default: withCtx(() => [
-					createVNode(Sidebar_default, { title: "Collections" }, {
-						content: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(SidebarList_default, null, {
-							default: withCtx(() => [(openBlock(), createBlock(SidebarListElement_default, {
-								key: "default",
-								class: "text-xs",
-								isCopyable: false,
-								to: {
-									name: "environment",
-									params: { [unref(PathId).Environment]: "default" }
-								},
-								type: "environment",
-								variable: {
-									name: "Global Environment",
-									uid: "default",
-									icon: "Globe",
-									isDefault: true
-								}
-							}, null, 8, ["to"])), (openBlock(true), createElementBlock(Fragment, null, renderList(nonDraftWorkspaceCollections.value, (collection) => {
-								return openBlock(), createElementBlock("li", {
-									key: collection.uid,
-									class: "gap-1/2 flex flex-col"
-								}, [createElementVNode("button", {
-									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",
-									type: "button",
-									onClick: ($event) => unref(toggleSidebarFolder)(collection.uid)
-								}, [createElementVNode("span", _hoisted_3, [createVNode(unref(LibraryIcon), {
-									class: "text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden",
-									src: collection["x-scalar-icon"] || "interface-content-folder"
-								}, null, 8, ["src"]), createElementVNode("div", { class: normalizeClass({ "rotate-90": unref(collapsedSidebarFolders)[collection.uid] }) }, [createVNode(unref(ScalarIcon), {
-									class: "text-c-3 hover:text-c-1 hidden text-sm group-hover:block",
-									icon: "ChevronRight",
-									size: "md"
-								})], 2)]), createTextVNode(" " + toDisplayString(collection.info?.title ?? ""), 1)], 8, _hoisted_2), withDirectives(createElementVNode("div", { class: normalizeClass({ "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": Object.keys(collection["x-scalar-environments"] || {}).length > 0 }) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(collection["x-scalar-environments"], (environment, environmentName) => {
-									return openBlock(), createBlock(SidebarListElement_default, {
-										key: environmentName,
-										class: "text-xs",
-										collectionId: collection.uid,
-										isCopyable: false,
-										isDeletable: true,
-										isRenameable: true,
-										isDraggable: true,
-										isDroppable: unref(isDroppable),
-										to: {
-											name: "environment.collection",
-											params: {
-												[unref(PathId).Collection]: collection.uid,
-												[unref(PathId).Environment]: environmentName
-											}
-										},
-										type: "environment",
-										variable: {
-											name: environmentName,
-											uid: environmentName,
-											color: environment.color ?? "#FFFFFF",
-											isDefault: false
-										},
-										warningMessage: `Are you sure you want to delete this environment?`,
-										onClick: withModifiers(($event) => handleNavigation($event, environmentName, collection.uid), ["prevent"]),
-										onColorModal: ($event) => handleOpenColorModal(environmentName),
-										onDelete: ($event) => removeCollectionEnvironment(environmentName),
-										onRename: ($event) => openRenameModal(environmentName, collection.uid),
-										onOnDragEnd: unref(handleDragEnd)
-									}, null, 8, [
-										"collectionId",
-										"isDroppable",
-										"to",
-										"variable",
-										"onClick",
-										"onColorModal",
-										"onDelete",
-										"onRename",
-										"onOnDragEnd"
-									]);
-								}), 128)), Object.keys(collection["x-scalar-environments"] || {}).length === 0 ? (openBlock(), createBlock(unref(ScalarButton), {
-									key: 0,
-									class: "text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs",
-									variant: "ghost",
-									onClick: ($event) => openEnvironmentModal(collection.uid)
-								}, {
-									default: withCtx(() => [createVNode(unref(ScalarIcon), {
-										icon: "Add",
-										size: "sm"
-									}), _cache[2] || (_cache[2] = createElementVNode("span", null, "Add Environment", -1))]),
-									_: 1
-								}, 8, ["onClick"])) : createCommentVNode("", true)], 2), [[vShow, showChildren(collection.uid)]])]);
-							}), 128))]),
-							_: 1
-						})])]),
-						button: withCtx(() => [createVNode(SidebarButton_default, {
-							click: openEnvironmentModal,
-							hotkey: "N"
-						}, {
-							title: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Add Environment ", -1)])]),
-							_: 1
-						})]),
-						_: 1
-					}),
-					createVNode(ViewLayoutContent_default, { class: "flex-1" }, {
-						default: withCtx(() => [createVNode(ViewLayoutSection_default, null, createSlots({
-							default: withCtx(() => [currentEnvironmentId.value && unref(activeWorkspace) ? (openBlock(), createBlock(CodeInput_default, {
-								key: 0,
-								class: "py-2 pr-2 pl-px md:px-4",
-								envVariables: unref(activeEnvVariables),
-								environment: unref(activeEnvironment),
-								language: "json",
-								lineNumbers: "",
-								lint: "",
-								modelValue: getEnvironmentValue(),
-								workspace: unref(activeWorkspace),
-								"onUpdate:modelValue": handleEnvironmentUpdate
-							}, null, 8, [
-								"envVariables",
-								"environment",
-								"modelValue",
-								"workspace"
-							])) : createCommentVNode("", true)]),
-							_: 2
-						}, [currentEnvironmentId.value ? {
-							name: "title",
-							fn: withCtx(() => [createElementVNode("span", null, toDisplayString(getEnvironmentName()), 1)]),
-							key: "0"
-						} : void 0]), 1024)]),
-						_: 1
-					}),
-					createVNode(EnvironmentColorModal_default, {
-						selectedColor: selectedColor.value,
-						state: unref(colorModal),
-						onCancel: _cache[0] || (_cache[0] = ($event) => unref(colorModal).hide()),
-						onSubmit: submitColorChange
-					}, null, 8, ["selectedColor", "state"]),
-					createVNode(EnvironmentModal_default, {
-						activeWorkspaceCollections: nonDraftWorkspaceCollections.value,
-						collectionId: selectedCollectionId.value,
-						state: unref(environmentModal),
-						onCancel: _cache[1] || (_cache[1] = ($event) => unref(environmentModal).hide()),
-						onSubmit: addEnvironment
-					}, null, 8, [
-						"activeWorkspaceCollections",
-						"collectionId",
-						"state"
-					]),
-					createVNode(unref(ScalarModal), {
-						size: "xxs",
-						state: unref(editModal),
-						title: `Edit ${selectedEnvironmentId.value}`
-					}, {
-						default: withCtx(() => [createVNode(EditSidebarListElement_default, {
-							name: tempEnvironmentName.value ?? "",
-							onClose: handleCancelRename,
-							onEdit: handleRename
-						}, null, 8, ["name"])]),
-						_: 1
-					}, 8, ["state", "title"])
-				]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { Environment_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Environment.vue.script.js.map