@scalar/api-client 2.38.1 → 2.38.3

package/dist/Collection-ChAxs3rz.js

@@ -0,0 +1,219 @@
+import { T as PathId, r as useWorkspace, w as useActiveEntities } from "./store-DaPoVtIS.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import { t as IconSelector_default } from "./IconSelector-BDC_GQXv.js";
+import { t as ViewLayout_default } from "./ViewLayout-BOXN0IYo.js";
+import { t as ViewLayoutSection_default } from "./ViewLayoutSection-mUqKbQry.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarButton, useBindCx } from "@scalar/components";
+import { RouterLink, RouterView, useRouter } from "vue-router";
+import { LibraryIcon } from "@scalar/icons/library";
+import { useScroll } from "@vueuse/core";
+//#region src/components/Form/LabelInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = ["for"];
+var _hoisted_2$2 = [
+	"id",
+	"placeholder",
+	"value"
+];
+//#endregion
+//#region src/components/Form/LabelInput.vue
+var LabelInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "LabelInput",
+	props: {
+		inputId: {},
+		placeholder: {},
+		value: {},
+		layout: {}
+	},
+	emits: ["updateValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { cx } = useBindCx();
+		const onInput = (event) => {
+			const target = event.target;
+			emit("updateValue", target.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex-1 flex gap-1 items-center pointer-events-none group"))), [__props.layout !== "modal" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("label", mergeProps(unref(cx)("absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text"), { for: __props.inputId }), null, 16, _hoisted_1$3), createElementVNode("input", mergeProps(unref(cx)("flex-1 text-c-1 rounded pointer-events-auto relative w-full pl-1.25 -ml-0.5 md:-ml-1.25 h-8 group-hover-input has-[:focus-visible]:outline z-10"), {
+				id: __props.inputId,
+				placeholder: __props.placeholder,
+				value: __props.value,
+				onInput
+			}), null, 16, _hoisted_2$2)], 64)) : (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 1 }, unref(cx)("flex items-center text-c-1 h-8"))), toDisplayString(__props.value), 17))], 16);
+		};
+	}
+}), [["__scopeId", "data-v-fced736a"]]);
+//#endregion
+//#region src/views/Collection/CollectionInfoForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = ["aria-label"];
+var _hoisted_2$1 = { class: "group relative ml-1.25" };
+//#endregion
+//#region src/views/Collection/CollectionInfoForm.vue
+var CollectionInfoForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CollectionInfoForm",
+	setup(__props) {
+		const { activeCollection } = useActiveEntities();
+		const { collectionMutators } = useWorkspace();
+		const icon = computed(() => activeCollection?.value?.["x-scalar-icon"] || "interface-content-folder");
+		const updateCollectionIcon = (value) => {
+			if (!activeCollection?.value?.uid) return;
+			collectionMutators.edit(activeCollection?.value?.uid, "x-scalar-icon", value);
+		};
+		/**
+		* Update info.title
+		*/
+		const updateCollectionTitle = (value) => {
+			if (!activeCollection.value) return;
+			collectionMutators.edit(activeCollection.value.uid, "info.title", value);
+		};
+		/**
+		* Alias for the data that we'd like to display.
+		*/
+		const data = computed(() => {
+			return {
+				icon: activeCollection?.value?.["x-scalar-icon"],
+				title: activeCollection?.value?.info?.title,
+				description: activeCollection?.value?.info?.description,
+				version: activeCollection?.value?.info?.version
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"aria-label": `Collection: ${data.value.title}`,
+				class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
+			}, [createVNode(IconSelector_default, {
+				modelValue: icon.value,
+				placement: "bottom-start",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => updateCollectionIcon(value))
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarButton), {
+					class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
+					variant: "ghost"
+				}, {
+					default: withCtx(() => [createVNode(unref(LibraryIcon), {
+						class: "text-c-2 size-5",
+						src: icon.value,
+						"stroke-width": "2"
+					}, null, 8, ["src"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue"]), createElementVNode("div", _hoisted_2$1, [createVNode(LabelInput_default, {
+				class: "text-xl font-bold",
+				inputId: "collectionName",
+				placeholder: "Untitled Collection",
+				value: data.value.title,
+				onUpdateValue: updateCollectionTitle
+			}, null, 8, ["value"])])], 8, _hoisted_1$2);
+		};
+	}
+}), [["__scopeId", "data-v-68d5218e"]]);
+//#endregion
+//#region src/views/Collection/CollectionNavigation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "bg-b-1 sticky -top-[104px] z-10 mx-auto w-full" };
+var _hoisted_2 = {
+	key: 0,
+	class: "flex max-w-40 items-center"
+};
+var _hoisted_3 = { class: "text-c-1 mr-[6.25px] hidden overflow-hidden px-2 font-medium text-ellipsis whitespace-nowrap md:block" };
+//#endregion
+//#region src/views/Collection/CollectionNavigation.vue
+var CollectionNavigation_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionNavigation",
+	props: { isSticky: { type: Boolean } },
+	setup(__props) {
+		const { currentRoute } = useRouter();
+		const { activeCollection } = useActiveEntities();
+		const routes = computed(() => [
+			{
+				displayName: "Overview",
+				to: {
+					name: "collection.overview",
+					params: { [PathId.Collection]: activeCollection.value?.uid }
+				}
+			},
+			{
+				displayName: "Servers",
+				to: {
+					name: "collection.servers",
+					params: { [PathId.Collection]: activeCollection.value?.uid }
+				}
+			},
+			{
+				displayName: "Authentication",
+				to: {
+					name: "collection.authentication",
+					params: { [PathId.Collection]: activeCollection.value?.uid }
+				}
+			},
+			{
+				displayName: "Environment",
+				to: {
+					name: "collection.environment",
+					params: { [PathId.Collection]: activeCollection.value?.uid }
+				}
+			},
+			{
+				displayName: "Settings",
+				to: { name: "collection.settings" }
+			}
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createVNode(CollectionInfoForm_default), createElementVNode("div", { class: normalizeClass(["items-center text-sm font-medium", __props.isSticky ? "h-fit border-b md:grid md:grid-cols-[1fr_720px_1fr] md:px-4" : "flex md:mx-auto md:max-w-[720px]"]) }, [__props.isSticky ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(LibraryIcon), {
+				class: "text-c-2 hidden size-3.5 md:block",
+				src: unref(activeCollection)?.["x-scalar-icon"] || "interface-content-folder",
+				"stroke-width": "2"
+			}, null, 8, ["src"]), createElementVNode("span", _hoisted_3, toDisplayString(unref(activeCollection)?.info?.title), 1)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(["flex w-full max-w-[720px] gap-2 pl-1.5 md:ml-1.5 md:pl-0", !__props.isSticky && "border-b"]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(routes.value, ({ to, displayName }, i) => {
+				return openBlock(), createBlock(unref(RouterLink), {
+					key: i,
+					class: "-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline",
+					to
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["flex-center h-full w-full border-b", typeof to.name === "string" && typeof unref(currentRoute).name === "string" && unref(currentRoute).name?.startsWith(to.name) ? "text-c-1 border-c-1" : "text-c-2 hover:text-c-1 border-transparent"]) }, toDisplayString(displayName), 3)]),
+					_: 2
+				}, 1032, ["to"]);
+			}), 128))], 2)], 2)]);
+		};
+	}
+});
+//#endregion
+//#region src/views/Collection/Collection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "w-full md:mx-auto md:max-w-[720px]" };
+//#endregion
+//#region src/views/Collection/Collection.vue
+var Collection_default = /* @__PURE__ */ defineComponent({
+	__name: "Collection",
+	setup(__props) {
+		const { activeCollection } = useActiveEntities();
+		const router = useRouter();
+		const el = ref(null);
+		const { y } = useScroll(el);
+		const isSticky = computed(() => y.value > 104);
+		watch(activeCollection, (collection) => {
+			if (collection?.info?.title === "Drafts") {
+				const firstRequest = collection.requests[0];
+				router.push({
+					name: "request",
+					params: { [PathId.Request]: firstRequest }
+				});
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayout_default, {
+				ref_key: "el",
+				ref: el,
+				class: "h-fit overflow-auto pb-6 xl:overflow-auto"
+			}, {
+				default: withCtx(() => [createVNode(ViewLayoutSection_default, { class: "xl:h-fit" }, {
+					default: withCtx(() => [createVNode(CollectionNavigation_default, { isSticky: isSticky.value }, null, 8, ["isSticky"]), createElementVNode("div", _hoisted_1, [createVNode(unref(RouterView))])]),
+					_: 1
+				})]),
+				_: 1
+			}, 512);
+		};
+	}
+});
+//#endregion
+export { Collection_default as default };
+
+//# sourceMappingURL=Collection-ChAxs3rz.js.map

package/dist/Collection-ChAxs3rz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-ChAxs3rz.js","names":[],"sources":["../src/components/Form/LabelInput.vue","../src/components/Form/LabelInput.vue","../src/views/Collection/CollectionInfoForm.vue","../src/views/Collection/CollectionInfoForm.vue","../src/views/Collection/CollectionNavigation.vue","../src/views/Collection/CollectionNavigation.vue","../src/views/Collection/Collection.vue","../src/views/Collection/Collection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport type { ClientLayout } from '@/hooks/useLayout'\n\ndefineProps<{\n  inputId: string\n  placeholder: string\n  value: string | undefined\n  layout?: ClientLayout\n}>()\n\nconst emit = defineEmits<{\n  (e: 'updateValue', value: string): void\n}>()\n\nconst { cx } = useBindCx()\n\nconst onInput = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  emit('updateValue', target.value)\n}\n</script>\n<template>\n  <div v-bind=\"cx('flex-1 flex gap-1 items-center pointer-events-none group')\">\n    <template v-if=\"layout !== 'modal'\">\n      <label\n        v-bind=\"\n          cx(\n            'absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text',\n          )\n        \"\n        :for=\"inputId\" />\n      <input\n        v-bind=\"\n          cx(\n            'flex-1 text-c-1 rounded pointer-events-auto relative w-full pl-1.25 -ml-0.5 md:-ml-1.25 h-8 group-hover-input has-[:focus-visible]:outline z-10',\n          )\n        \"\n        :id=\"inputId\"\n        :placeholder=\"placeholder\"\n        :value=\"value\"\n        @input=\"onInput\" />\n    </template>\n    <span\n      v-else\n      v-bind=\"cx('flex items-center text-c-1 h-8')\">\n      {{ value }}\n    </span>\n  </div>\n</template>\n<style scoped>\n.group-hover-input {\n  border-width: var(--scalar-border-width);\n  border-color: transparent;\n}\n.group:hover .group-hover-input {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  border-color: var(--scalar-border-color);\n}\n.group-hover-input:focus {\n  background: transparent !important;\n  border-color: var(--scalar-border-color) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport type { ClientLayout } from '@/hooks/useLayout'\n\ndefineProps<{\n  inputId: string\n  placeholder: string\n  value: string | undefined\n  layout?: ClientLayout\n}>()\n\nconst emit = defineEmits<{\n  (e: 'updateValue', value: string): void\n}>()\n\nconst { cx } = useBindCx()\n\nconst onInput = (event: Event) => {\n  const target = event.target as HTMLInputElement\n  emit('updateValue', target.value)\n}\n</script>\n<template>\n  <div v-bind=\"cx('flex-1 flex gap-1 items-center pointer-events-none group')\">\n    <template v-if=\"layout !== 'modal'\">\n      <label\n        v-bind=\"\n          cx(\n            'absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text',\n          )\n        \"\n        :for=\"inputId\" />\n      <input\n        v-bind=\"\n          cx(\n            'flex-1 text-c-1 rounded pointer-events-auto relative w-full pl-1.25 -ml-0.5 md:-ml-1.25 h-8 group-hover-input has-[:focus-visible]:outline z-10',\n          )\n        \"\n        :id=\"inputId\"\n        :placeholder=\"placeholder\"\n        :value=\"value\"\n        @input=\"onInput\" />\n    </template>\n    <span\n      v-else\n      v-bind=\"cx('flex items-center text-c-1 h-8')\">\n      {{ value }}\n    </span>\n  </div>\n</template>\n<style scoped>\n.group-hover-input {\n  border-width: var(--scalar-border-width);\n  border-color: transparent;\n}\n.group:hover .group-hover-input {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  border-color: var(--scalar-border-color);\n}\n.group-hover-input:focus {\n  background: transparent !important;\n  border-color: var(--scalar-border-color) !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport LabelInput from '@/components/Form/LabelInput.vue'\nimport IconSelector from '@/components/IconSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeCollection } = useActiveEntities()\nconst { collectionMutators } = useWorkspace()\n\nconst icon = computed(\n  () =>\n    activeCollection?.value?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\nconst updateCollectionIcon = (value: string) => {\n  if (!activeCollection?.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(activeCollection?.value?.uid, 'x-scalar-icon', value)\n}\n\n/**\n * Update info.title\n */\nconst updateCollectionTitle = (value: string) => {\n  if (!activeCollection.value) {\n    return\n  }\n\n  collectionMutators.edit(activeCollection.value.uid, 'info.title', value)\n}\n\n/**\n * Alias for the data that we'd like to display.\n */\nconst data = computed(() => {\n  return {\n    icon: activeCollection?.value?.['x-scalar-icon'],\n    title: activeCollection?.value?.info?.title,\n    description: activeCollection?.value?.info?.description,\n    version: activeCollection?.value?.info?.version,\n  }\n})\n</script>\n\n<template>\n  <div\n    :aria-label=\"`Collection: ${data.title}`\"\n    class=\"mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]\">\n    <IconSelector\n      :modelValue=\"icon\"\n      placement=\"bottom-start\"\n      @update:modelValue=\"(value) => updateCollectionIcon(value)\">\n      <ScalarButton\n        class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n        variant=\"ghost\">\n        <LibraryIcon\n          class=\"text-c-2 size-5\"\n          :src=\"icon\"\n          stroke-width=\"2\" />\n      </ScalarButton>\n    </IconSelector>\n    <div class=\"group relative ml-1.25\">\n      <LabelInput\n        class=\"text-xl font-bold\"\n        inputId=\"collectionName\"\n        placeholder=\"Untitled Collection\"\n        :value=\"data.title\"\n        @updateValue=\"updateCollectionTitle\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n:deep(.markdown) h2 {\n  @apply text-lg;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport LabelInput from '@/components/Form/LabelInput.vue'\nimport IconSelector from '@/components/IconSelector.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeCollection } = useActiveEntities()\nconst { collectionMutators } = useWorkspace()\n\nconst icon = computed(\n  () =>\n    activeCollection?.value?.['x-scalar-icon'] || 'interface-content-folder',\n)\n\nconst updateCollectionIcon = (value: string) => {\n  if (!activeCollection?.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(activeCollection?.value?.uid, 'x-scalar-icon', value)\n}\n\n/**\n * Update info.title\n */\nconst updateCollectionTitle = (value: string) => {\n  if (!activeCollection.value) {\n    return\n  }\n\n  collectionMutators.edit(activeCollection.value.uid, 'info.title', value)\n}\n\n/**\n * Alias for the data that we'd like to display.\n */\nconst data = computed(() => {\n  return {\n    icon: activeCollection?.value?.['x-scalar-icon'],\n    title: activeCollection?.value?.info?.title,\n    description: activeCollection?.value?.info?.description,\n    version: activeCollection?.value?.info?.version,\n  }\n})\n</script>\n\n<template>\n  <div\n    :aria-label=\"`Collection: ${data.title}`\"\n    class=\"mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]\">\n    <IconSelector\n      :modelValue=\"icon\"\n      placement=\"bottom-start\"\n      @update:modelValue=\"(value) => updateCollectionIcon(value)\">\n      <ScalarButton\n        class=\"hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit\"\n        variant=\"ghost\">\n        <LibraryIcon\n          class=\"text-c-2 size-5\"\n          :src=\"icon\"\n          stroke-width=\"2\" />\n      </ScalarButton>\n    </IconSelector>\n    <div class=\"group relative ml-1.25\">\n      <LabelInput\n        class=\"text-xl font-bold\"\n        inputId=\"collectionName\"\n        placeholder=\"Untitled Collection\"\n        :value=\"data.title\"\n        @updateValue=\"updateCollectionTitle\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n:deep(.markdown) h2 {\n  @apply text-lg;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\nimport { RouterLink, useRouter, type RouteLocationNamedRaw } from 'vue-router'\n\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport CollectionInfoForm from './CollectionInfoForm.vue'\n\ndefineProps<{\n  isSticky: boolean\n}>()\n\nconst { currentRoute } = useRouter()\nconst { activeCollection } = useActiveEntities()\n\ntype CollectionSidebarEntry = {\n  // icon: Icon\n  to: RouteLocationNamedRaw\n  displayName: string\n}\n\nconst routes = computed<CollectionSidebarEntry[]>(() => [\n  {\n    displayName: 'Overview',\n    // icon: 'Collection',\n    to: {\n      name: 'collection.overview',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Servers',\n    // icon: 'Server',\n    to: {\n      name: 'collection.servers',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Authentication',\n    // icon: 'Lock',\n    to: {\n      name: 'collection.authentication',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Environment',\n    // icon: 'Brackets',\n    to: {\n      name: 'collection.environment',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  // {\n  //   displayName: 'Cookies',\n  //   // icon: 'Cookie',\n  //   to: {\n  //     name: 'collection.cookies',\n  //     params: {\n  //       [PathId.Collection]: activeCollection.value?.uid,\n  //     },\n  //   },\n  // },\n  // {\n  //   displayName: 'Scripts',\n  //   // icon: 'CodeFolder',\n  //   to: {\n  //     name: 'collection.scripts',\n  //     params: {\n  //       [PathId.Collection]: activeCollection.value?.uid,\n  //     },\n  //   },\n  // },\n  // {\n  //   displayName: 'Sync',\n  //   // icon: 'Download',\n  //   to: {\n  //     name: 'collection.sync',\n  //   },\n  // },\n  {\n    displayName: 'Settings',\n    // icon: 'Settings',\n    to: {\n      name: 'collection.settings',\n    },\n  },\n])\n</script>\n<template>\n  <div class=\"bg-b-1 sticky -top-[104px] z-10 mx-auto w-full\">\n    <CollectionInfoForm />\n    <div\n      class=\"items-center text-sm font-medium\"\n      :class=\"\n        isSticky\n          ? 'h-fit border-b md:grid md:grid-cols-[1fr_720px_1fr] md:px-4'\n          : 'flex md:mx-auto md:max-w-[720px]'\n      \">\n      <div\n        v-if=\"isSticky\"\n        class=\"flex max-w-40 items-center\">\n        <LibraryIcon\n          class=\"text-c-2 hidden size-3.5 md:block\"\n          :src=\"\n            activeCollection?.['x-scalar-icon'] || 'interface-content-folder'\n          \"\n          stroke-width=\"2\" />\n        <span\n          class=\"text-c-1 mr-[6.25px] hidden overflow-hidden px-2 font-medium text-ellipsis whitespace-nowrap md:block\"\n          >{{ activeCollection?.info?.title }}</span\n        >\n      </div>\n      <div\n        class=\"flex w-full max-w-[720px] gap-2 pl-1.5 md:ml-1.5 md:pl-0\"\n        :class=\"!isSticky && 'border-b'\">\n        <RouterLink\n          v-for=\"({ to, displayName }, i) in routes\"\n          :key=\"i\"\n          class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n          :to=\"to\">\n          <span\n            class=\"flex-center h-full w-full border-b\"\n            :class=\"\n              typeof to.name === 'string' &&\n              typeof currentRoute.name === 'string' &&\n              currentRoute.name?.startsWith(to.name)\n                ? 'text-c-1 border-c-1'\n                : 'text-c-2 hover:text-c-1 border-transparent'\n            \">\n            {{ displayName }}\n          </span>\n        </RouterLink>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\nimport { RouterLink, useRouter, type RouteLocationNamedRaw } from 'vue-router'\n\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport CollectionInfoForm from './CollectionInfoForm.vue'\n\ndefineProps<{\n  isSticky: boolean\n}>()\n\nconst { currentRoute } = useRouter()\nconst { activeCollection } = useActiveEntities()\n\ntype CollectionSidebarEntry = {\n  // icon: Icon\n  to: RouteLocationNamedRaw\n  displayName: string\n}\n\nconst routes = computed<CollectionSidebarEntry[]>(() => [\n  {\n    displayName: 'Overview',\n    // icon: 'Collection',\n    to: {\n      name: 'collection.overview',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Servers',\n    // icon: 'Server',\n    to: {\n      name: 'collection.servers',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Authentication',\n    // icon: 'Lock',\n    to: {\n      name: 'collection.authentication',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  {\n    displayName: 'Environment',\n    // icon: 'Brackets',\n    to: {\n      name: 'collection.environment',\n      params: {\n        [PathId.Collection]: activeCollection.value?.uid,\n      },\n    },\n  },\n  // {\n  //   displayName: 'Cookies',\n  //   // icon: 'Cookie',\n  //   to: {\n  //     name: 'collection.cookies',\n  //     params: {\n  //       [PathId.Collection]: activeCollection.value?.uid,\n  //     },\n  //   },\n  // },\n  // {\n  //   displayName: 'Scripts',\n  //   // icon: 'CodeFolder',\n  //   to: {\n  //     name: 'collection.scripts',\n  //     params: {\n  //       [PathId.Collection]: activeCollection.value?.uid,\n  //     },\n  //   },\n  // },\n  // {\n  //   displayName: 'Sync',\n  //   // icon: 'Download',\n  //   to: {\n  //     name: 'collection.sync',\n  //   },\n  // },\n  {\n    displayName: 'Settings',\n    // icon: 'Settings',\n    to: {\n      name: 'collection.settings',\n    },\n  },\n])\n</script>\n<template>\n  <div class=\"bg-b-1 sticky -top-[104px] z-10 mx-auto w-full\">\n    <CollectionInfoForm />\n    <div\n      class=\"items-center text-sm font-medium\"\n      :class=\"\n        isSticky\n          ? 'h-fit border-b md:grid md:grid-cols-[1fr_720px_1fr] md:px-4'\n          : 'flex md:mx-auto md:max-w-[720px]'\n      \">\n      <div\n        v-if=\"isSticky\"\n        class=\"flex max-w-40 items-center\">\n        <LibraryIcon\n          class=\"text-c-2 hidden size-3.5 md:block\"\n          :src=\"\n            activeCollection?.['x-scalar-icon'] || 'interface-content-folder'\n          \"\n          stroke-width=\"2\" />\n        <span\n          class=\"text-c-1 mr-[6.25px] hidden overflow-hidden px-2 font-medium text-ellipsis whitespace-nowrap md:block\"\n          >{{ activeCollection?.info?.title }}</span\n        >\n      </div>\n      <div\n        class=\"flex w-full max-w-[720px] gap-2 pl-1.5 md:ml-1.5 md:pl-0\"\n        :class=\"!isSticky && 'border-b'\">\n        <RouterLink\n          v-for=\"({ to, displayName }, i) in routes\"\n          :key=\"i\"\n          class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n          :to=\"to\">\n          <span\n            class=\"flex-center h-full w-full border-b\"\n            :class=\"\n              typeof to.name === 'string' &&\n              typeof currentRoute.name === 'string' &&\n              currentRoute.name?.startsWith(to.name)\n                ? 'text-c-1 border-c-1'\n                : 'text-c-2 hover:text-c-1 border-transparent'\n            \">\n            {{ displayName }}\n          </span>\n        </RouterLink>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useScroll } from '@vueuse/core'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView, useRouter } from 'vue-router'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\nimport CollectionNavigation from '@/views/Collection/CollectionNavigation.vue'\n\nconst { activeCollection } = useActiveEntities()\nconst router = useRouter()\n\nconst el = ref<HTMLElement | null>(null)\nconst { y } = useScroll(el)\nconst isSticky = computed(() => y.value > 104)\n\n// If collection is called 'Drafts', redirect to the first request\nwatch(\n  activeCollection,\n  (collection) => {\n    if (collection?.info?.title === 'Drafts') {\n      const firstRequest = collection.requests[0]\n      router.push({\n        name: 'request',\n        params: { [PathId.Request]: firstRequest },\n      })\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n</script>\n\n<template>\n  <ViewLayout\n    ref=\"el\"\n    class=\"h-fit overflow-auto pb-6 xl:overflow-auto\">\n    <ViewLayoutSection class=\"xl:h-fit\">\n      <CollectionNavigation :isSticky=\"isSticky\" />\n      <div class=\"w-full md:mx-auto md:max-w-[720px]\">\n        <RouterView />\n      </div>\n    </ViewLayoutSection>\n  </ViewLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { useScroll } from '@vueuse/core'\nimport { computed, ref, watch } from 'vue'\nimport { RouterView, useRouter } from 'vue-router'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\nimport CollectionNavigation from '@/views/Collection/CollectionNavigation.vue'\n\nconst { activeCollection } = useActiveEntities()\nconst router = useRouter()\n\nconst el = ref<HTMLElement | null>(null)\nconst { y } = useScroll(el)\nconst isSticky = computed(() => y.value > 104)\n\n// If collection is called 'Drafts', redirect to the first request\nwatch(\n  activeCollection,\n  (collection) => {\n    if (collection?.info?.title === 'Drafts') {\n      const firstRequest = collection.requests[0]\n      router.push({\n        name: 'request',\n        params: { [PathId.Request]: firstRequest },\n      })\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n</script>\n\n<template>\n  <ViewLayout\n    ref=\"el\"\n    class=\"h-fit overflow-auto pb-6 xl:overflow-auto\">\n    <ViewLayoutSection class=\"xl:h-fit\">\n      <CollectionNavigation :isSticky=\"isSticky\" />\n      <div class=\"w-full md:mx-auto md:max-w-[720px]\">\n        <RouterView />\n      </div>\n    </ViewLayoutSection>\n  </ViewLayout>\n</template>\n"],"mappings":"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"}

package/dist/CollectionAuthentication-BDpvv8cA.js

@@ -0,0 +1,56 @@
+import { r as useWorkspace, w as useActiveEntities } from "./store-DaPoVtIS.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
+import "./CodeInput-BN7uw3Bh.js";
+import "./DataTableInput-SkIUPlrB.js";
+import { t as RequestAuth_default } from "./RequestAuth-BU6ubH-c.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { ScalarToggle } from "@scalar/components";
+//#region src/views/Collection/CollectionAuthentication.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" };
+var _hoisted_2 = { class: "flex flex-col gap-4" };
+var _hoisted_3 = { class: "flex flex-col gap-2" };
+var _hoisted_4 = { class: "flex h-8 items-center justify-between" };
+//#endregion
+//#region src/views/Collection/CollectionAuthentication.vue
+var CollectionAuthentication_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "CollectionAuthentication",
+	setup(__props) {
+		const { activeCollection, activeEnvVariables, activeEnvironment, activeServer, activeWorkspace } = useActiveEntities();
+		const { collectionMutators } = useWorkspace();
+		/** Toggle the collection security */
+		const handleToggleCollectionSecurity = () => {
+			if (!activeCollection.value?.uid) return;
+			collectionMutators.edit(activeCollection.value.uid, "useCollectionSecurity", !activeCollection.value.useCollectionSecurity);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[0] || (_cache[0] = createElementVNode("h3", { class: "font-bold" }, "Authentication", -1)), createVNode(unref(ScalarToggle), {
+				class: "w-4",
+				modelValue: unref(activeCollection)?.useCollectionSecurity ?? false,
+				"onUpdate:modelValue": handleToggleCollectionSecurity
+			}, null, 8, ["modelValue"])]), _cache[1] || (_cache[1] = createElementVNode("p", { class: "pr-6 text-sm" }, " Added authentication will apply to all requests under this collection. You can override this by specifying another one in the request. ", -1))]), unref(activeCollection) && unref(activeWorkspace) ? (openBlock(), createBlock(unref(RequestAuth_default), {
+				key: 0,
+				class: normalizeClass(["scalar-collection-auth", !unref(activeCollection)?.useCollectionSecurity && "pointer-events-none opacity-50 mix-blend-luminosity"]),
+				collection: unref(activeCollection),
+				envVariables: unref(activeEnvVariables),
+				environment: unref(activeEnvironment),
+				layout: "client",
+				selectedSecuritySchemeUids: unref(activeCollection)?.selectedSecuritySchemeUids ?? [],
+				server: unref(activeServer),
+				title: "Authentication",
+				workspace: unref(activeWorkspace)
+			}, null, 8, [
+				"class",
+				"collection",
+				"envVariables",
+				"environment",
+				"selectedSecuritySchemeUids",
+				"server",
+				"workspace"
+			])) : createCommentVNode("", true)])]);
+		};
+	}
+}), [["__scopeId", "data-v-cc87292e"]]);
+//#endregion
+export { CollectionAuthentication_default as default };
+
+//# sourceMappingURL=CollectionAuthentication-BDpvv8cA.js.map

package/dist/CollectionAuthentication-BDpvv8cA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionAuthentication-BDpvv8cA.js","names":[],"sources":["../src/views/Collection/CollectionAuthentication.vue","../src/views/Collection/CollectionAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\n\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport { RequestAuth } from '@/views/Request/RequestSection/RequestAuth'\n\nconst {\n  activeCollection,\n  activeEnvVariables,\n  activeEnvironment,\n  activeServer,\n  activeWorkspace,\n} = useActiveEntities()\n\nconst { collectionMutators } = useWorkspace()\n\n/** Toggle the collection security */\nconst handleToggleCollectionSecurity = () => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'useCollectionSecurity',\n    !activeCollection.value.useCollectionSecurity,\n  )\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-12 px-1.5 pt-8\">\n    <div class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex h-8 items-center justify-between\">\n          <h3 class=\"font-bold\">Authentication</h3>\n          <ScalarToggle\n            class=\"w-4\"\n            :modelValue=\"activeCollection?.useCollectionSecurity ?? false\"\n            @update:modelValue=\"handleToggleCollectionSecurity\" />\n        </div>\n        <p class=\"pr-6 text-sm\">\n          Added authentication will apply to all requests under this collection.\n          You can override this by specifying another one in the request.\n        </p>\n      </div>\n\n      <RequestAuth\n        class=\"scalar-collection-auth\"\n        :class=\"\n          !activeCollection?.useCollectionSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        v-if=\"activeCollection && activeWorkspace\"\n        :collection=\"activeCollection\"\n        :envVariables=\"activeEnvVariables\"\n        :environment=\"activeEnvironment\"\n        layout=\"client\"\n        :selectedSecuritySchemeUids=\"\n          activeCollection?.selectedSecuritySchemeUids ?? []\n        \"\n        :server=\"activeServer\"\n        title=\"Authentication\"\n        :workspace=\"activeWorkspace\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarToggle } from '@scalar/components'\n\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport { RequestAuth } from '@/views/Request/RequestSection/RequestAuth'\n\nconst {\n  activeCollection,\n  activeEnvVariables,\n  activeEnvironment,\n  activeServer,\n  activeWorkspace,\n} = useActiveEntities()\n\nconst { collectionMutators } = useWorkspace()\n\n/** Toggle the collection security */\nconst handleToggleCollectionSecurity = () => {\n  if (!activeCollection.value?.uid) {\n    return\n  }\n\n  collectionMutators.edit(\n    activeCollection.value.uid,\n    'useCollectionSecurity',\n    !activeCollection.value.useCollectionSecurity,\n  )\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-12 px-1.5 pt-8\">\n    <div class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex h-8 items-center justify-between\">\n          <h3 class=\"font-bold\">Authentication</h3>\n          <ScalarToggle\n            class=\"w-4\"\n            :modelValue=\"activeCollection?.useCollectionSecurity ?? false\"\n            @update:modelValue=\"handleToggleCollectionSecurity\" />\n        </div>\n        <p class=\"pr-6 text-sm\">\n          Added authentication will apply to all requests under this collection.\n          You can override this by specifying another one in the request.\n        </p>\n      </div>\n\n      <RequestAuth\n        class=\"scalar-collection-auth\"\n        :class=\"\n          !activeCollection?.useCollectionSecurity &&\n          'pointer-events-none opacity-50 mix-blend-luminosity'\n        \"\n        v-if=\"activeCollection && activeWorkspace\"\n        :collection=\"activeCollection\"\n        :envVariables=\"activeEnvVariables\"\n        :environment=\"activeEnvironment\"\n        layout=\"client\"\n        :selectedSecuritySchemeUids=\"\n          activeCollection?.selectedSecuritySchemeUids ?? []\n        \"\n        :server=\"activeServer\"\n        title=\"Authentication\"\n        :workspace=\"activeWorkspace\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.scalar-collection-auth {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;ECOA,MAAM,EACJ,kBACA,oBACA,mBACA,cACA,oBACE,mBAAkB;EAEtB,MAAM,EAAE,uBAAuB,cAAa;;EAG5C,MAAM,uCAAuC;AAC3C,OAAI,CAAC,iBAAiB,OAAO,IAC3B;AAGF,sBAAmB,KACjB,iBAAiB,MAAM,KACvB,yBACA,CAAC,iBAAiB,MAAM,sBAC1B;;;uBAKA,mBAkCM,OAlCN,YAkCM,CAjCJ,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAYM,OAZN,YAYM,CAXJ,mBAMM,OANN,YAMM,CAAA,OAAA,OAAA,OAAA,KALJ,mBAAyC,MAAA,EAArC,OAAM,aAAW,EAAC,kBAAc,GAAA,GACpC,YAGwD,MAAA,aAAA,EAAA;IAFtD,OAAM;IACL,YAAY,MAAA,iBAAgB,EAAE,yBAAqB;IACnD,uBAAmB;4DAExB,mBAGI,KAAA,EAHD,OAAM,gBAAc,EAAC,4IAGxB,GAAA,EAAA,CAAA,EASM,MAAA,iBAAgB,IAAI,MAAA,gBAAe,IAAA,WAAA,EAN3C,YAgBiC,MAAA,oBAAA,EAAA;;IAf/B,OAAK,eAAA,CAAC,0BAAA,CACc,MAAA,iBAAgB,EAAE,yBAAA,sDAAA,CAAA;IAKrC,YAAY,MAAA,iBAAgB;IAC5B,cAAc,MAAA,mBAAkB;IAChC,aAAa,MAAA,kBAAiB;IAC/B,QAAO;IACN,4BAAuC,MAAA,iBAAgB,EAAE,8BAA0B,EAAA;IAGnF,QAAQ,MAAA,aAAY;IACrB,OAAM;IACL,WAAW,MAAA,gBAAe"}

package/dist/CollectionCookies-DyjPPMdt.js

@@ -0,0 +1,19 @@
+import { t as ViewLayoutSection_default } from "./ViewLayoutSection-mUqKbQry.js";
+import { createBlock, createTextVNode, defineComponent, openBlock, withCtx } from "vue";
+//#endregion
+//#region src/views/Collection/CollectionCookies.vue
+var CollectionCookies_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionCookies",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutSection_default, null, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { CollectionCookies_default as default };
+
+//# sourceMappingURL=CollectionCookies-DyjPPMdt.js.map

package/dist/CollectionCookies-DyjPPMdt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCookies-DyjPPMdt.js","names":[],"sources":["../src/views/Collection/CollectionCookies.vue","../src/views/Collection/CollectionCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\n</script>\n\n<template>\n  <ViewLayoutSection>\n    <template #title>Cookies</template>\n  </ViewLayoutSection>\n</template>\n","<script setup lang=\"ts\">\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\n</script>\n\n<template>\n  <ViewLayoutSection>\n    <template #title>Cookies</template>\n  </ViewLayoutSection>\n</template>\n"],"mappings":";;;;;;;;uBCKE,YAEoB,2BAAA,MAAA;IADP,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA"}