@scalar/api-client 2.42.0 → 3.0.0

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

@@ -1,133 +0,0 @@
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { getEnvColor } from "../../libs/env-helpers.js";
-import { parseEnvVariables } from "../../libs/environment-parser.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
-import { ScalarButton, ScalarTeleport } from "@scalar/components";
-import { useRouter } from "vue-router";
-import { ScalarIconGlobe, ScalarIconPlus } from "@scalar/icons";
-import { onClickOutside } from "@vueuse/core";
-import Fuse from "fuse.js";
-//#region src/views/Environment/EnvironmentVariableDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "gap-1/2 flex flex-col"
-};
-var _hoisted_2 = ["onClick"];
-var _hoisted_3 = { class: "flex items-center gap-2 whitespace-nowrap" };
-var _hoisted_4 = { class: "w-20 overflow-hidden text-right text-ellipsis whitespace-nowrap" };
-var EnvironmentVariableDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "EnvironmentVariableDropdown",
-	props: {
-		query: {},
-		environment: {},
-		envVariables: {},
-		dropdownPosition: {}
-	},
-	emits: ["select"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const isOpen = ref(true);
-		const dropdownRef = ref(null);
-		const selectedVariableIndex = ref(0);
-		const router = useRouter();
-		const { activeCollection } = useActiveEntities();
-		const redirectToEnvironment = () => {
-			if (!router) return;
-			const { currentRoute, push } = router;
-			const workspaceId = currentRoute.value.params.workspace;
-			if (!activeCollection.value || activeCollection.value.info?.title === "Drafts") push({
-				name: "environment.default",
-				params: { [PathId.Workspace]: workspaceId }
-			});
-			else push({
-				name: "collection.environment",
-				params: { [PathId.Collection]: activeCollection.value.uid }
-			});
-			isOpen.value = false;
-		};
-		const fuse = new Fuse(parseEnvVariables(props.envVariables), { keys: ["key", "value"] });
-		const filteredVariables = computed(() => {
-			const searchQuery = props.query;
-			if (!searchQuery)
- /** return the last 4 environment variables on first display */
-			return parseEnvVariables(props.envVariables).slice(-4).filter(({ key, value }) => key !== "" || value !== "");
-			/** filter environment variables by name */
-			const result = fuse.search(searchQuery, { limit: 10 });
-			if (result.length > 0) return result.map((res) => res.item).filter(({ key, value }) => key !== "" || value !== "");
-			return [];
-		});
-		const selectVariable = (variableKey) => {
-			emit("select", variableKey);
-		};
-		const handleArrowKey = (direction) => {
-			const offset = direction === "up" ? -1 : 1;
-			const length = filteredVariables.value.length;
-			if (length === 0) return;
-			selectedVariableIndex.value = (selectedVariableIndex.value + offset + length) % length;
-		};
-		const handleSelect = () => {
-			if (selectedVariableIndex.value >= 0) {
-				const selectedVariable = filteredVariables.value[selectedVariableIndex.value];
-				if (selectedVariable) selectVariable(selectedVariable.key);
-			}
-		};
-		__expose({
-			handleArrowKey,
-			handleSelect
-		});
-		onMounted(() => {
-			selectedVariableIndex.value = 0;
-		});
-		const dropdownStyle = computed(() => {
-			return {
-				left: (props.dropdownPosition?.left ?? 0) + "px",
-				top: (props.dropdownPosition?.top ?? 0) + 5 + "px"
-			};
-		});
-		onClickOutside(dropdownRef, () => {
-			isOpen.value = false;
-		}, { ignore: [dropdownRef] });
-		return (_ctx, _cache) => {
-			return isOpen.value ? (openBlock(), createBlock(unref(ScalarTeleport), {
-				key: 0,
-				class: "scalar-client"
-			}, {
-				default: withCtx(() => [createElementVNode("div", {
-					ref_key: "dropdownRef",
-					ref: dropdownRef,
-					class: "custom-scroll fixed top-0 left-0 flex max-h-[60svh] w-56 flex-col rounded border p-0.75",
-					style: normalizeStyle(dropdownStyle.value)
-				}, [filteredVariables.value.length ? (openBlock(), createElementBlock("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredVariables.value, (item, index) => {
-					return openBlock(), createElementBlock("li", {
-						key: item.key,
-						class: normalizeClass(["font-code text-xxs hover:bg-b-2 flex h-8 cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150", { "bg-b-2": index === selectedVariableIndex.value }]),
-						onClick: ($event) => selectVariable(item.key)
-					}, [createElementVNode("div", _hoisted_3, [item.source === "collection" && __props.environment.name !== "No Environment" ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						class: "h-2.25 w-2.25 min-w-2.25 rounded-full",
-						style: normalizeStyle({ backgroundColor: unref(getEnvColor)(__props.environment) })
-					}, null, 4)) : (openBlock(), createBlock(unref(ScalarIconGlobe), {
-						key: 1,
-						class: "-ml-0.25 size-2.5",
-						icon: "Globe"
-					})), createTextVNode(" " + toDisplayString(item.key), 1)]), createElementVNode("span", _hoisted_4, toDisplayString(item.value), 1)], 10, _hoisted_2);
-				}), 128))])) : unref(router) ? (openBlock(), createBlock(unref(ScalarButton), {
-					key: 1,
-					class: "font-code text-xxs bg-b-inherit hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150",
-					variant: "outlined",
-					onClick: redirectToEnvironment
-				}, {
-					default: withCtx(() => [createVNode(unref(ScalarIconPlus), { class: "size-3" }), _cache[0] || (_cache[0] = createTextVNode(" Add Variable ", -1))]),
-					_: 1
-				})) : createCommentVNode("", true), _cache[1] || (_cache[1] = createElementVNode("div", { class: "bg-b-1 brightness-lifted absolute inset-0 -z-1 rounded shadow-lg" }, null, -1))], 4)]),
-				_: 1
-			})) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { EnvironmentVariableDropdown_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EnvironmentVariableDropdown.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.script.js","names":[],"sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTeleport } from '@scalar/components'\nimport { ScalarIconGlobe, ScalarIconPlus } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport { onClickOutside } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, onMounted, ref, type CSSProperties } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { parseEnvVariables } from '@/libs'\nimport { getEnvColor, type EnvVariables } from '@/libs/env-helpers'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nconst props = defineProps<{\n  query: string\n  environment: Environment\n  envVariables: EnvVariables\n  // withServers?: boolean\n  dropdownPosition?: { left: number; top: number }\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', variable: string): void\n}>()\n\nconst isOpen = ref(true)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst selectedVariableIndex = ref(0)\nconst router = useRouter()\nconst { activeCollection } = useActiveEntities()\n\nconst redirectToEnvironment = () => {\n  if (!router) {\n    return\n  }\n  const { currentRoute, push } = router\n  const workspaceId = currentRoute.value.params.workspace\n\n  // Global environment page for draft collection\n  if (\n    !activeCollection.value ||\n    activeCollection.value.info?.title === 'Drafts'\n  ) {\n    push({\n      name: 'environment.default',\n      params: {\n        [PathId.Workspace]: workspaceId,\n      },\n    })\n  } else {\n    // Collection environment page for collections\n    push({\n      name: 'collection.environment',\n      params: {\n        [PathId.Collection]: activeCollection.value.uid,\n      },\n    })\n  }\n  isOpen.value = false\n}\n\nconst fuse = new Fuse(parseEnvVariables(props.envVariables), {\n  keys: ['key', 'value'],\n})\n\nconst filteredVariables = computed(() => {\n  const searchQuery = props.query\n\n  if (!searchQuery) {\n    /** return the last 4 environment variables on first display */\n    return parseEnvVariables(props.envVariables)\n      .slice(-4)\n      .filter(({ key, value }) => key !== '' || value !== '')\n  }\n\n  /** filter environment variables by name */\n  const result = fuse.search(searchQuery, { limit: 10 })\n  if (result.length > 0) {\n    return result\n      .map((res) => res.item)\n      .filter(({ key, value }) => key !== '' || value !== '')\n  }\n\n  return []\n})\n\nconst selectVariable = (variableKey: string) => {\n  emit('select', variableKey)\n}\n\nconst handleArrowKey = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = filteredVariables.value.length\n\n  if (length === 0) {\n    return\n  }\n\n  selectedVariableIndex.value =\n    (selectedVariableIndex.value + offset + length) % length\n}\n\nconst handleSelect = () => {\n  if (selectedVariableIndex.value >= 0) {\n    const selectedVariable =\n      filteredVariables.value[selectedVariableIndex.value]\n    if (selectedVariable) {\n      selectVariable(selectedVariable.key)\n    }\n  }\n}\n\ndefineExpose({\n  handleArrowKey,\n  handleSelect,\n})\n\nonMounted(() => {\n  // Reset selected index to the first item when dropdown opens\n  selectedVariableIndex.value = 0\n})\n\nconst dropdownStyle = computed<CSSProperties>(() => {\n  return {\n    left: (props.dropdownPosition?.left ?? 0) + 'px',\n    // Add a 5px offset from the editor\n    top: (props.dropdownPosition?.top ?? 0) + 5 + 'px',\n  }\n})\n\nonClickOutside(\n  dropdownRef,\n  () => {\n    isOpen.value = false\n  },\n  { ignore: [dropdownRef] },\n)\n</script>\n<template>\n  <ScalarTeleport\n    v-if=\"isOpen\"\n    class=\"scalar-client\">\n    <div\n      ref=\"dropdownRef\"\n      class=\"custom-scroll fixed top-0 left-0 flex max-h-[60svh] w-56 flex-col rounded border p-0.75\"\n      :style=\"dropdownStyle\">\n      <ul\n        v-if=\"filteredVariables.length\"\n        class=\"gap-1/2 flex flex-col\">\n        <template\n          v-for=\"(item, index) in filteredVariables\"\n          :key=\"item.key\">\n          <li\n            class=\"font-code text-xxs hover:bg-b-2 flex h-8 cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150\"\n            :class=\"{ 'bg-b-2': index === selectedVariableIndex }\"\n            @click=\"selectVariable(item.key)\">\n            <div class=\"flex items-center gap-2 whitespace-nowrap\">\n              <span\n                v-if=\"\n                  item.source === 'collection' &&\n                  environment.name !== 'No Environment'\n                \"\n                class=\"h-2.25 w-2.25 min-w-2.25 rounded-full\"\n                :style=\"{\n                  backgroundColor: getEnvColor(environment),\n                }\"></span>\n              <ScalarIconGlobe\n                v-else\n                class=\"-ml-0.25 size-2.5\"\n                icon=\"Globe\" />\n              {{ item.key }}\n            </div>\n            <span\n              class=\"w-20 overflow-hidden text-right text-ellipsis whitespace-nowrap\">\n              {{ item.value }}\n            </span>\n          </li>\n        </template>\n      </ul>\n      <ScalarButton\n        v-else-if=\"router\"\n        class=\"font-code text-xxs bg-b-inherit hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150\"\n        variant=\"outlined\"\n        @click=\"redirectToEnvironment\">\n        <ScalarIconPlus class=\"size-3\" />\n        Add Variable\n      </ScalarButton>\n      <!-- Backdrop for the dropdown -->\n      <div\n        class=\"bg-b-1 brightness-lifted absolute inset-0 -z-1 rounded shadow-lg\" />\n    </div>\n  </ScalarTeleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,SAAS,IAAI,KAAI;EACvB,MAAM,cAAc,IAAwB,KAAI;EAChD,MAAM,wBAAwB,IAAI,EAAC;EACnC,MAAM,SAAS,WAAU;EACzB,MAAM,EAAE,qBAAqB,mBAAkB;EAE/C,MAAM,8BAA8B;AAClC,OAAI,CAAC,OACH;GAEF,MAAM,EAAE,cAAc,SAAS;GAC/B,MAAM,cAAc,aAAa,MAAM,OAAO;AAG9C,OACE,CAAC,iBAAiB,SAClB,iBAAiB,MAAM,MAAM,UAAU,SAEvC,MAAK;IACH,MAAM;IACN,QAAQ,GACL,OAAO,YAAY,aACrB;IACF,CAAA;OAGD,MAAK;IACH,MAAM;IACN,QAAQ,GACL,OAAO,aAAa,iBAAiB,MAAM,KAC7C;IACF,CAAA;AAEH,UAAO,QAAQ;;EAGjB,MAAM,OAAO,IAAI,KAAK,kBAAkB,MAAM,aAAa,EAAE,EAC3D,MAAM,CAAC,OAAO,QAAQ,EACvB,CAAA;EAED,MAAM,oBAAoB,eAAe;GACvC,MAAM,cAAc,MAAM;AAE1B,OAAI,CAAC;;AAEH,UAAO,kBAAkB,MAAM,aAAY,CACxC,MAAM,GAAE,CACR,QAAQ,EAAE,KAAK,YAAY,QAAQ,MAAM,UAAU,GAAE;;GAI1D,MAAM,SAAS,KAAK,OAAO,aAAa,EAAE,OAAO,IAAI,CAAA;AACrD,OAAI,OAAO,SAAS,EAClB,QAAO,OACJ,KAAK,QAAQ,IAAI,KAAI,CACrB,QAAQ,EAAE,KAAK,YAAY,QAAQ,MAAM,UAAU,GAAE;AAG1D,UAAO,EAAC;IACT;EAED,MAAM,kBAAkB,gBAAwB;AAC9C,QAAK,UAAU,YAAW;;EAG5B,MAAM,kBAAkB,cAA6B;GACnD,MAAM,SAAS,cAAc,OAAO,KAAK;GACzC,MAAM,SAAS,kBAAkB,MAAM;AAEvC,OAAI,WAAW,EACb;AAGF,yBAAsB,SACnB,sBAAsB,QAAQ,SAAS,UAAU;;EAGtD,MAAM,qBAAqB;AACzB,OAAI,sBAAsB,SAAS,GAAG;IACpC,MAAM,mBACJ,kBAAkB,MAAM,sBAAsB;AAChD,QAAI,iBACF,gBAAe,iBAAiB,IAAG;;;AAKzC,WAAa;GACX;GACA;GACD,CAAA;AAED,kBAAgB;AAEd,yBAAsB,QAAQ;IAC/B;EAED,MAAM,gBAAgB,eAA8B;AAClD,UAAO;IACL,OAAO,MAAM,kBAAkB,QAAQ,KAAK;IAE5C,MAAM,MAAM,kBAAkB,OAAO,KAAK,IAAI;IAChD;IACD;AAED,iBACE,mBACM;AACJ,UAAO,QAAQ;KAEjB,EAAE,QAAQ,CAAC,YAAY,EAAE,CAC3B;;UAIU,OAAA,SAAA,WAAA,EADR,YAoDiB,MAAA,eAAA,EAAA;;IAlDf,OAAM;;2BAiDA,CAhDN,mBAgDM,OAAA;cA/CA;KAAJ,KAAI;KACJ,OAAM;KACL,OAAK,eAAE,cAAA,MAAa;QAEb,kBAAA,MAAkB,UAAA,WAAA,EAD1B,mBAgCK,MAhCL,YAgCK,EAAA,UAAA,KAAA,EA7BH,mBA4BW,UAAA,MAAA,WA3Be,kBAAA,QAAhB,MAAM,UAAK;yBAEnB,mBAwBK,MAAA;WAzBC,KAAK;MAET,OAAK,eAAA,CAAC,6IAA2I,EAAA,UAC7H,UAAU,sBAAA,OAAqB,CAAA,CAAA;MAClD,UAAK,WAAE,eAAe,KAAK,IAAG;SAC/B,mBAeM,OAfN,YAeM,CAbuB,KAAK,WAAM,gBAAuC,QAAA,YAAY,SAAI,oBAAA,WAAA,EAD7F,mBAQY,QAAA;;MAHV,OAAM;MACL,OAAK,eAAA,EAAA,iBAAuC,MAAA,YAAW,CAAC,QAAA,YAAW,EAAA,CAAA;kCAGtE,YAGiB,MAAA,gBAAA,EAAA;;MADf,OAAM;MACN,MAAK;0BAAU,MACjB,gBAAG,KAAK,IAAG,EAAA,EAAA,CAAA,CAAA,EAEb,mBAGO,QAHP,YAGO,gBADF,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA;mBAMR,MAAA,OAAM,IAAA,WAAA,EADnB,YAOe,MAAA,aAAA,EAAA;;KALb,OAAM;KACN,SAAQ;KACP,SAAO;;4BACyB,CAAjC,YAAiC,MAAA,eAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA,EAAA,OAAA,OAAA,OAAA,KAAA,gBAAG,kBAEnC,GAAA,EAAA,CAAA;;kEAEA,mBAC6E,OAAA,EAA3E,OAAM,oEAAkE,EAAA,MAAA,GAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/views/Environment/handle-drag.d.ts

@@ -1,13 +0,0 @@
-import type { DraggingItem, HoveredItem } from '@scalar/draggable';
-import type { Collection } from '@scalar/oas-utils/entities/spec';
-import type { ActiveEntitiesStore } from '../../store/active-entities.js';
-type CollectionMutator = {
-    edit: (uid: Collection['uid'], path: 'x-scalar-environments', value: Collection['x-scalar-environments']) => void;
-};
-/** Create environment DnD handlers */
-export declare function environmentDragHandlerFactory(activeWorkspaceCollections: ActiveEntitiesStore['activeWorkspaceCollections'], collectionMutator: CollectionMutator): {
-    handleDragEnd: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => void;
-    isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean;
-};
-export {};
-//# sourceMappingURL=handle-drag.d.ts.map

package/dist/views/Environment/handle-drag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle-drag.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/handle-drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAElE,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,UAAU,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAClH,CAAA;AAED,sCAAsC;AACtC,wBAAgB,6BAA6B,CAC3C,0BAA0B,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,EAC7E,iBAAiB,EAAE,iBAAiB;kCAGC,YAAY,eAAe,WAAW;gCAiDxC,YAAY,eAAe,WAAW;EAQ1E"}

package/dist/views/Environment/handle-drag.js

@@ -1,38 +0,0 @@
-//#region src/views/Environment/handle-drag.ts
-/** Create environment DnD handlers */
-function environmentDragHandlerFactory(activeWorkspaceCollections, collectionMutator) {
-	/** Drag handler that mutates the collection's environments order */
-	const handleDragEnd = (draggingItem, hoveredItem) => {
-		if (!draggingItem || !hoveredItem) return;
-		const { id: draggingUid, parentId: draggingParentUid } = draggingItem;
-		const { id: hoveredUid, parentId: hoveredParentUid, offset } = hoveredItem;
-		if (draggingParentUid !== hoveredParentUid) return;
-		const collection = activeWorkspaceCollections.value.find((c) => c.uid === draggingParentUid);
-		if (!collection || !collection["x-scalar-environments"]) return;
-		const environments = collection["x-scalar-environments"];
-		const envKeys = Object.keys(environments);
-		({ ...environments });
-		const draggedIndex = envKeys.findIndex((key) => key === draggingUid);
-		envKeys.splice(draggedIndex, 1);
-		const targetIndex = envKeys.findIndex((key) => key === hoveredUid) + (offset === 1 ? 1 : 0);
-		envKeys.splice(targetIndex, 0, draggingUid);
-		collection["x-scalar-environments"] = envKeys.reduce((acc, key) => {
-			const env = environments[key];
-			if (env) acc[key] = env;
-			return acc;
-		}, {});
-		collectionMutator.edit(collection.uid, "x-scalar-environments", collection["x-scalar-environments"]);
-	};
-	/** Ensure only environments within the same collection can be dropped */
-	const isDroppable = (draggingItem, hoveredItem) => {
-		return draggingItem.parentId === hoveredItem.parentId;
-	};
-	return {
-		handleDragEnd,
-		isDroppable
-	};
-}
-//#endregion
-export { environmentDragHandlerFactory };
-
-//# sourceMappingURL=handle-drag.js.map

package/dist/views/Environment/handle-drag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle-drag.js","names":[],"sources":["../../../src/views/Environment/handle-drag.ts"],"sourcesContent":["import type { DraggingItem, HoveredItem } from '@scalar/draggable'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\n\nimport type { ActiveEntitiesStore } from '@/store/active-entities'\n\ntype CollectionMutator = {\n  edit: (uid: Collection['uid'], path: 'x-scalar-environments', value: Collection['x-scalar-environments']) => void\n}\n\n/** Create environment DnD handlers */\nexport function environmentDragHandlerFactory(\n  activeWorkspaceCollections: ActiveEntitiesStore['activeWorkspaceCollections'],\n  collectionMutator: CollectionMutator,\n) {\n  /** Drag handler that mutates the collection's environments order */\n  const handleDragEnd = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n    if (!draggingItem || !hoveredItem) {\n      return\n    }\n\n    const { id: draggingUid, parentId: draggingParentUid } = draggingItem\n    const { id: hoveredUid, parentId: hoveredParentUid, offset } = hoveredItem\n\n    // Only allow reordering within the same collection\n    if (draggingParentUid !== hoveredParentUid) {\n      return\n    }\n\n    const collection = activeWorkspaceCollections.value.find((c) => c.uid === draggingParentUid)\n\n    if (!collection || !collection['x-scalar-environments']) {\n      return\n    }\n\n    const environments = collection['x-scalar-environments']\n    const envKeys = Object.keys(environments)\n    const orderedEnvs = { ...environments }\n\n    // Remove dragged item from its position\n    const draggedIndex = envKeys.findIndex((key) => key === draggingUid)\n    envKeys.splice(draggedIndex, 1)\n\n    // Insert at new position\n    const hoveredIndex = envKeys.findIndex((key) => key === hoveredUid)\n    const targetIndex = hoveredIndex + (offset === 1 ? 1 : 0)\n    envKeys.splice(targetIndex, 0, draggingUid)\n\n    // Rebuild ordered environments object\n    const reorderedEnvs = envKeys.reduce(\n      (acc, key) => {\n        const env = environments[key]\n        if (env) {\n          acc[key] = env\n        }\n        return acc\n      },\n      {} as typeof orderedEnvs,\n    )\n\n    collection['x-scalar-environments'] = reorderedEnvs\n    collectionMutator.edit(collection.uid, 'x-scalar-environments', collection['x-scalar-environments'])\n  }\n\n  /** Ensure only environments within the same collection can be dropped */\n  const isDroppable = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n    return draggingItem.parentId === hoveredItem.parentId\n  }\n\n  return {\n    handleDragEnd,\n    isDroppable,\n  }\n}\n"],"mappings":";;AAUA,SAAgB,8BACd,4BACA,mBACA;;CAEA,MAAM,iBAAiB,cAA4B,gBAA6B;AAC9E,MAAI,CAAC,gBAAgB,CAAC,YACpB;EAGF,MAAM,EAAE,IAAI,aAAa,UAAU,sBAAsB;EACzD,MAAM,EAAE,IAAI,YAAY,UAAU,kBAAkB,WAAW;AAG/D,MAAI,sBAAsB,iBACxB;EAGF,MAAM,aAAa,2BAA2B,MAAM,MAAM,MAAM,EAAE,QAAQ,kBAAkB;AAE5F,MAAI,CAAC,cAAc,CAAC,WAAW,yBAC7B;EAGF,MAAM,eAAe,WAAW;EAChC,MAAM,UAAU,OAAO,KAAK,aAAa;AACrB,GAAA,EAAE,GAAG,cAAc;EAGvC,MAAM,eAAe,QAAQ,WAAW,QAAQ,QAAQ,YAAY;AACpE,UAAQ,OAAO,cAAc,EAAE;EAI/B,MAAM,cADe,QAAQ,WAAW,QAAQ,QAAQ,WAAW,IAC/B,WAAW,IAAI,IAAI;AACvD,UAAQ,OAAO,aAAa,GAAG,YAAY;AAc3C,aAAW,2BAXW,QAAQ,QAC3B,KAAK,QAAQ;GACZ,MAAM,MAAM,aAAa;AACzB,OAAI,IACF,KAAI,OAAO;AAEb,UAAO;KAET,EAAE,CACH;AAGD,oBAAkB,KAAK,WAAW,KAAK,yBAAyB,WAAW,yBAAyB;;;CAItG,MAAM,eAAe,cAA4B,gBAA6B;AAC5E,SAAO,aAAa,aAAa,YAAY;;AAG/C,QAAO;EACL;EACA;EACD"}

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

@@ -1,21 +0,0 @@
-import type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared';
-import type { SendRequestResult } from '../../libs/send-request/create-request-operation.js';
-type __VLS_Props = {
-    invalidParams: Set<string>;
-    selectedSecuritySchemeUids: SelectedSecuritySchemeUids;
-    requestResult?: SendRequestResult | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    newTab: (item: {
-        name: string;
-        uid: string;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNewTab?: ((item: {
-        name: string;
-        uid: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Request.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AASnF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAOrF,KAAK,WAAW,GAAG;IACf,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACzC,CAAC;AA0OJ,QAAA,MAAM,YAAY;;cAtO4B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;kFAyO/D,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Request.vue.js","names":[],"sources":["../../../src/views/Request/Request.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport { computed } from 'vue'\n\nimport EmptyState from '@/components/EmptyState.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { useLayout } from '@/hooks'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport RequestSection from '@/views/Request/RequestSection/RequestSection.vue'\nimport RequestSubpageHeader from '@/views/Request/RequestSubpageHeader.vue'\nimport ResponseSection from '@/views/Request/ResponseSection/ResponseSection.vue'\n\nconst { invalidParams, selectedSecuritySchemeUids, requestResult } =\n  defineProps<{\n    invalidParams: Set<string>\n    selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n    requestResult?: SendRequestResult | null\n  }>()\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\n\nconst { events } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\nconst workspaceContext = useWorkspace()\nconst { layout } = useLayout()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n  activeEnvVariables,\n  activeEnvironment,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { modalState, requestHistory } = workspaceContext\n\nconst activeHistoryEntry = computed(() =>\n  [...requestHistory]\n    .reverse()\n    .find((r) => r.request.uid === activeExample.value?.uid),\n)\n\nfunction handleCurlImport(curl: string) {\n  events.commandPalette.emit({\n    commandName: 'Import from cURL',\n    metaData: {\n      parsedCurl: importCurlCommand(curl),\n      collectionUid: activeCollection.value?.uid,\n    },\n  })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"activeCollection && activeWorkspace\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <div class=\"flex h-full\">\n      <!-- Ensure we have a request for this view -->\n      <div\n        v-if=\"activeRequest\"\n        class=\"flex h-full flex-1 flex-col\">\n        <RequestSubpageHeader\n          v-model=\"isSidebarOpen\"\n          :collection=\"activeCollection\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          :operation=\"activeRequest\"\n          :server=\"activeServer\"\n          :workspace=\"activeWorkspace\"\n          @hideModal=\"() => modalState.hide()\"\n          @importCurl=\"handleCurlImport\" />\n        <ViewLayout>\n          <!-- TODO possible loading state -->\n          <ViewLayoutContent\n            v-if=\"activeExample\"\n            class=\"flex-1\"\n            :class=\"[isSidebarOpen ? 'sidebar-active-hide-layout' : '']\">\n            <RequestSection\n              :collection=\"activeCollection\"\n              :envVariables=\"activeEnvVariables\"\n              :environment=\"activeEnvironment\"\n              :example=\"activeExample\"\n              :invalidParams=\"invalidParams\"\n              :operation=\"activeRequest\"\n              :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\"\n              :server=\"activeServer\"\n              :workspace=\"activeWorkspace\" />\n            <ResponseSection\n              :collection=\"activeCollection\"\n              :numWorkspaceRequests=\"activeWorkspaceRequests.length\"\n              :operation=\"activeRequest\"\n              :requestResult=\"requestResult\"\n              :response=\"activeHistoryEntry?.response\"\n              :workspace=\"activeWorkspace\" />\n          </ViewLayoutContent>\n        </ViewLayout>\n      </div>\n\n      <!-- No active request -->\n      <EmptyState v-else />\n    </div>\n  </div>\n\n  <!-- No Collection or Workspace -->\n  <EmptyState v-else />\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1,117 +0,0 @@
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useLayout } from "../../hooks/useLayout.js";
-import { useSidebar } from "../../hooks/useSidebar.js";
-import { useWorkspace } from "../../store/store.js";
-import { importCurlCommand } from "../../libs/importers/curl.js";
-import ViewLayout_default from "../../components/ViewLayout/ViewLayout.vue.js";
-import ViewLayoutContent_default from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import RequestSection_default from "./RequestSection/RequestSection.vue.js";
-import EmptyState_default from "../../components/EmptyState.vue.js";
-import ResponseSection_default from "./ResponseSection/ResponseSection.vue.js";
-import RequestSubpageHeader_default from "./RequestSubpageHeader.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, unref, withCtx } from "vue";
-//#region src/views/Request/Request.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-full" };
-var _hoisted_2 = {
-	key: 0,
-	class: "flex h-full flex-1 flex-col"
-};
-var Request_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Request",
-	props: {
-		invalidParams: {},
-		selectedSecuritySchemeUids: {},
-		requestResult: {}
-	},
-	emits: ["newTab"],
-	setup(__props) {
-		const { events } = useWorkspace();
-		const { isSidebarOpen } = useSidebar();
-		const workspaceContext = useWorkspace();
-		const { layout } = useLayout();
-		const { activeCollection, activeExample, activeRequest, activeWorkspace, activeServer, activeEnvVariables, activeEnvironment, activeWorkspaceRequests } = useActiveEntities();
-		const { modalState, requestHistory } = workspaceContext;
-		const activeHistoryEntry = computed(() => [...requestHistory].reverse().find((r) => r.request.uid === activeExample.value?.uid));
-		function handleCurlImport(curl) {
-			events.commandPalette.emit({
-				commandName: "Import from cURL",
-				metaData: {
-					parsedCurl: importCurlCommand(curl),
-					collectionUid: activeCollection.value?.uid
-				}
-			});
-		}
-		return (_ctx, _cache) => {
-			return unref(activeCollection) && unref(activeWorkspace) ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", { "!mr-0 !mb-0 !border-0": unref(layout) === "modal" }])
-			}, [createElementVNode("div", _hoisted_1, [unref(activeRequest) ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(RequestSubpageHeader_default, {
-				modelValue: unref(isSidebarOpen),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSidebarOpen) ? isSidebarOpen.value = $event : null),
-				collection: unref(activeCollection),
-				envVariables: unref(activeEnvVariables),
-				environment: unref(activeEnvironment),
-				operation: unref(activeRequest),
-				server: unref(activeServer),
-				workspace: unref(activeWorkspace),
-				onHideModal: _cache[1] || (_cache[1] = () => unref(modalState).hide()),
-				onImportCurl: handleCurlImport
-			}, null, 8, [
-				"modelValue",
-				"collection",
-				"envVariables",
-				"environment",
-				"operation",
-				"server",
-				"workspace"
-			]), createVNode(ViewLayout_default, null, {
-				default: withCtx(() => [unref(activeExample) ? (openBlock(), createBlock(ViewLayoutContent_default, {
-					key: 0,
-					class: normalizeClass(["flex-1", [unref(isSidebarOpen) ? "sidebar-active-hide-layout" : ""]])
-				}, {
-					default: withCtx(() => [createVNode(RequestSection_default, {
-						collection: unref(activeCollection),
-						envVariables: unref(activeEnvVariables),
-						environment: unref(activeEnvironment),
-						example: unref(activeExample),
-						invalidParams: __props.invalidParams,
-						operation: unref(activeRequest),
-						selectedSecuritySchemeUids: __props.selectedSecuritySchemeUids,
-						server: unref(activeServer),
-						workspace: unref(activeWorkspace)
-					}, null, 8, [
-						"collection",
-						"envVariables",
-						"environment",
-						"example",
-						"invalidParams",
-						"operation",
-						"selectedSecuritySchemeUids",
-						"server",
-						"workspace"
-					]), createVNode(ResponseSection_default, {
-						collection: unref(activeCollection),
-						numWorkspaceRequests: unref(activeWorkspaceRequests).length,
-						operation: unref(activeRequest),
-						requestResult: __props.requestResult,
-						response: activeHistoryEntry.value?.response,
-						workspace: unref(activeWorkspace)
-					}, null, 8, [
-						"collection",
-						"numWorkspaceRequests",
-						"operation",
-						"requestResult",
-						"response",
-						"workspace"
-					])]),
-					_: 1
-				}, 8, ["class"])) : createCommentVNode("", true)]),
-				_: 1
-			})])) : (openBlock(), createBlock(EmptyState_default, { key: 1 }))])], 2)) : (openBlock(), createBlock(EmptyState_default, { key: 1 }));
-		};
-	}
-});
-//#endregion
-export { Request_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Request.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Request.vue.script.js","names":[],"sources":["../../../src/views/Request/Request.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport { computed } from 'vue'\n\nimport EmptyState from '@/components/EmptyState.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { useLayout } from '@/hooks'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport RequestSection from '@/views/Request/RequestSection/RequestSection.vue'\nimport RequestSubpageHeader from '@/views/Request/RequestSubpageHeader.vue'\nimport ResponseSection from '@/views/Request/ResponseSection/ResponseSection.vue'\n\nconst { invalidParams, selectedSecuritySchemeUids, requestResult } =\n  defineProps<{\n    invalidParams: Set<string>\n    selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n    requestResult?: SendRequestResult | null\n  }>()\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\n\nconst { events } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\nconst workspaceContext = useWorkspace()\nconst { layout } = useLayout()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n  activeEnvVariables,\n  activeEnvironment,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { modalState, requestHistory } = workspaceContext\n\nconst activeHistoryEntry = computed(() =>\n  [...requestHistory]\n    .reverse()\n    .find((r) => r.request.uid === activeExample.value?.uid),\n)\n\nfunction handleCurlImport(curl: string) {\n  events.commandPalette.emit({\n    commandName: 'Import from cURL',\n    metaData: {\n      parsedCurl: importCurlCommand(curl),\n      collectionUid: activeCollection.value?.uid,\n    },\n  })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"activeCollection && activeWorkspace\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <div class=\"flex h-full\">\n      <!-- Ensure we have a request for this view -->\n      <div\n        v-if=\"activeRequest\"\n        class=\"flex h-full flex-1 flex-col\">\n        <RequestSubpageHeader\n          v-model=\"isSidebarOpen\"\n          :collection=\"activeCollection\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          :operation=\"activeRequest\"\n          :server=\"activeServer\"\n          :workspace=\"activeWorkspace\"\n          @hideModal=\"() => modalState.hide()\"\n          @importCurl=\"handleCurlImport\" />\n        <ViewLayout>\n          <!-- TODO possible loading state -->\n          <ViewLayoutContent\n            v-if=\"activeExample\"\n            class=\"flex-1\"\n            :class=\"[isSidebarOpen ? 'sidebar-active-hide-layout' : '']\">\n            <RequestSection\n              :collection=\"activeCollection\"\n              :envVariables=\"activeEnvVariables\"\n              :environment=\"activeEnvironment\"\n              :example=\"activeExample\"\n              :invalidParams=\"invalidParams\"\n              :operation=\"activeRequest\"\n              :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\"\n              :server=\"activeServer\"\n              :workspace=\"activeWorkspace\" />\n            <ResponseSection\n              :collection=\"activeCollection\"\n              :numWorkspaceRequests=\"activeWorkspaceRequests.length\"\n              :operation=\"activeRequest\"\n              :requestResult=\"requestResult\"\n              :response=\"activeHistoryEntry?.response\"\n              :workspace=\"activeWorkspace\" />\n          </ViewLayoutContent>\n        </ViewLayout>\n      </div>\n\n      <!-- No active request -->\n      <EmptyState v-else />\n    </div>\n  </div>\n\n  <!-- No Collection or Workspace -->\n  <EmptyState v-else />\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,EAAE,WAAW,cAAa;EAChC,MAAM,EAAE,kBAAkB,YAAW;EACrC,MAAM,mBAAmB,cAAa;EACtC,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,EACJ,kBACA,eACA,eACA,iBACA,cACA,oBACA,mBACA,4BACE,mBAAkB;EACtB,MAAM,EAAE,YAAY,mBAAmB;EAEvC,MAAM,qBAAqB,eACzB,CAAC,GAAG,eAAc,CACf,SAAQ,CACR,MAAM,MAAM,EAAE,QAAQ,QAAQ,cAAc,OAAO,IAAI,CAC5D;EAEA,SAAS,iBAAiB,MAAc;AACtC,UAAO,eAAe,KAAK;IACzB,aAAa;IACb,UAAU;KACR,YAAY,kBAAkB,KAAK;KACnC,eAAe,iBAAiB,OAAO;KACxC;IACF,CAAA;;;UAMO,MAAA,iBAAgB,IAAI,MAAA,gBAAe,IAAA,WAAA,EAD3C,mBAmDM,OAAA;;IAjDJ,OAAK,eAAA,CAAC,wEAAsE,EAAA,yBACnC,MAAA,OAAM,KAAA,SAAA,CAAA,CAAA;OAG/C,mBA4CM,OA5CN,YA4CM,CAzCI,MAAA,cAAa,IAAA,WAAA,EADrB,mBAsCM,OAtCN,YAsCM,CAnCJ,YASmC,8BAAA;gBARxB,MAAA,cAAa;sGAAA,QAAA,SAAA;IACrB,YAAY,MAAA,iBAAgB;IAC5B,cAAc,MAAA,mBAAkB;IAChC,aAAa,MAAA,kBAAiB;IAC9B,WAAW,MAAA,cAAa;IACxB,QAAQ,MAAA,aAAY;IACpB,WAAW,MAAA,gBAAe;IAC1B,aAAS,OAAA,OAAA,OAAA,WAAQ,MAAA,WAAU,CAAC,MAAI;IAChC,cAAY;;;;;;;;;OACf,YAwBa,oBAAA,MAAA;2BADS,CApBZ,MAAA,cAAa,IAAA,WAAA,EADrB,YAqBoB,2BAAA;;KAnBlB,OAAK,eAAA,CAAC,UAAQ,CACL,MAAA,cAAa,GAAA,+BAAA,GAAA,CAAA,CAAA;;4BAUW,CATjC,YASiC,wBAAA;MAR9B,YAAY,MAAA,iBAAgB;MAC5B,cAAc,MAAA,mBAAkB;MAChC,aAAa,MAAA,kBAAiB;MAC9B,SAAS,MAAA,cAAa;MACtB,eAAe,QAAA;MACf,WAAW,MAAA,cAAa;MACxB,4BAA4B,QAAA;MAC5B,QAAQ,MAAA,aAAY;MACpB,WAAW,MAAA,gBAAe;;;;;;;;;;;SAC7B,YAMiC,yBAAA;MAL9B,YAAY,MAAA,iBAAgB;MAC5B,sBAAsB,MAAA,wBAAuB,CAAC;MAC9C,WAAW,MAAA,cAAa;MACxB,eAAe,QAAA;MACf,UAAU,mBAAA,OAAoB;MAC9B,WAAW,MAAA,gBAAe;;;;;;;;;;;;yBAMnC,YAAqB,oBAAA,EAAA,KAAA,GAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAKzB,YAAqB,oBAAA,EAAA,KAAA,GAAA,CAAA"}

package/dist/views/Request/RequestRoot.vue.d.ts

@@ -1,14 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    newTab: (item: {
-        name: string;
-        uid: string;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onNewTab?: ((item: {
-        name: string;
-        uid: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=RequestRoot.vue.d.ts.map

package/dist/views/Request/RequestRoot.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":"AAmmBA,QAAA,MAAM,YAAY;;cA9T4B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;iFAgU/D,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestRoot.vue.js","names":[],"sources":["../../../src/views/Request/RequestRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { safeJSON } from '@scalar/object-utils/parse'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport SidebarToggle from '@/components/Sidebar/SidebarToggle.vue'\nimport { useLayout } from '@/hooks'\nimport { useClientConfig } from '@/hooks/useClientConfig'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { ERRORS } from '@/libs'\nimport { createRequestOperation } from '@/libs/send-request'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport {\n  validateParameters,\n  type ValidationResult,\n} from '@/libs/validate-parameters'\nimport { usePluginManager } from '@/plugins'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useOpenApiWatcher } from '@/views/Request/hooks/useOpenApiWatcher'\n\nimport RequestSidebar from './RequestSidebar.vue'\n\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\nconst workspaceContext = useWorkspace()\nconst { toast } = useToasts()\nconst { layout } = useLayout()\nconst config = useClientConfig()\nconst { isSidebarOpen } = useSidebar()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeEnvironment,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n} = useActiveEntities()\nconst {\n  cookies,\n  requestHistory,\n  showSidebar,\n  securitySchemes,\n  modalState,\n  events,\n} = workspaceContext\n\nconst pluginManager = usePluginManager()\n\n/** Root element (bound in template via ref=\"_element\") */\nconst _element = ref<HTMLDivElement>()\nvoid _element.value\n\nconst requestAbortController = ref<AbortController>()\n/** Computed Validation State Update on Example Change */\nconst validation = computed<ValidationResult>(() =>\n  validateParameters(activeExample.value ?? null),\n)\nconst requestResult = ref<SendRequestResult | null>(null)\n\n/**\n * Selected scheme UIDs\n *\n * In the modal we use collection.selectedSecuritySchemes and in the\n * standalone client we use request.selectedSecuritySchemeUids\n *\n * These are centralized here so they can be drilled down AND used in send-request\n */\nconst selectedSecuritySchemeUids = computed(\n  () =>\n    (activeCollection.value?.useCollectionSecurity\n      ? activeCollection.value?.selectedSecuritySchemeUids\n      : activeRequest.value?.selectedSecuritySchemeUids) ?? [],\n)\n\n/**\n * Execute the request\n * called from the send button as well as keyboard shortcuts\n */\nconst executeRequest = async () => {\n  if (!activeRequest.value || !activeExample.value || !activeCollection.value) {\n    return\n  }\n\n  // Block request if there are empty required path parameters\n  if (validation.value.hasBlockingErrors) {\n    toast('Path parameters must have values.', 'error')\n    events.requestStatus.emit('abort')\n    return\n  }\n\n  const environmentValue =\n    typeof activeEnvironment.value === 'object'\n      ? activeEnvironment.value.value\n      : '{}'\n  const e = safeJSON.parse(environmentValue)\n  if (e.error) {\n    console.error('INVALID ENVIRONMENT!')\n  }\n  const environment =\n    e.error || typeof e.data !== 'object' ? {} : (e.data ?? {})\n\n  const globalCookies =\n    activeWorkspace.value?.cookies.map((c) => cookies[c]).filter(isDefined) ??\n    []\n\n  const server =\n    activeCollection.value?.info?.title === 'Drafts'\n      ? undefined\n      : activeServer.value\n\n  const [error, requestOperation] = createRequestOperation({\n    request: activeRequest.value,\n    example: activeExample.value,\n    selectedSecuritySchemeUids: selectedSecuritySchemeUids.value,\n    proxyUrl: activeWorkspace.value?.proxyUrl ?? '',\n    environment,\n    globalCookies,\n    status: events.requestStatus,\n    securitySchemes: securitySchemes,\n    server,\n    pluginManager,\n  })\n\n  // Call the onRequestSent callback if it exists\n  config.value?.onRequestSent?.(activeRequest.value.path ?? '')\n\n  // Error from createRequestOperation\n  if (error) {\n    toast(error.message, 'error')\n    return\n  }\n\n  requestAbortController.value = requestOperation.controller\n  const [sendRequestError, result] = await requestOperation.sendRequest()\n\n  // Store the result to share it with child components\n  requestResult.value = result\n\n  // Send error toast\n  if (sendRequestError) {\n    toast(sendRequestError.message, 'error')\n  } else {\n    // We need to deep clone the result because it's a ref and updates will break the history\n    requestHistory.push(cloneRequestResult(result))\n  }\n}\n\n/** Cancel a live request */\nconst cancelRequest = async () =>\n  requestAbortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Subscribed to executeRequest, used for logging / analytics. */\nfunction logRequest() {}\n\n/**\n * Cancel request when closing the modal\n * @see https://github.com/scalar/scalar/issues/7115\n */\nwatch(modalState, ({ open }) => {\n  if (!open) {\n    void cancelRequest()\n  }\n})\n\nonMounted(() => {\n  events.executeRequest.on(executeRequest)\n  events.executeRequest.on(logRequest)\n  events.cancelRequest.on(cancelRequest)\n})\n\nuseOpenApiWatcher()\n\n/**\n * Need to manually remove listener on unmount due to vueuse memory leak\n *\n * @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566\n */\nonBeforeUnmount(() => {\n  events.executeRequest.off(executeRequest)\n  events.executeRequest.off(logRequest)\n  events.cancelRequest.off(cancelRequest)\n})\n\nconst cloneRequestResult = (result: any) => {\n  // Create a structured clone that can handle Blobs, ArrayBuffers, etc.\n  try {\n    return structuredClone(result)\n  } catch {\n    // Fallback to a custom cloning approach if structuredClone fails\n    // or isn't available in the environment\n    const clone = { ...result }\n\n    // Handle response data specifically\n    if (result.response?.data) {\n      // If it's a Blob/File/ArrayBuffer, store a reference\n      if (\n        result.response.data instanceof Blob ||\n        result.response.data instanceof ArrayBuffer\n      ) {\n        clone.response.data = result.response.data\n      } else {\n        // For regular objects, do a deep clone\n        clone.response.data = JSON.parse(JSON.stringify(result.response.data))\n      }\n    }\n\n    return clone\n  }\n}\n</script>\n\n<template>\n  <!-- Layout -->\n  <div\n    ref=\"_element\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <SidebarToggle\n      v-if=\"showSidebar\"\n      v-model=\"isSidebarOpen\"\n      class=\"absolute top-2 left-3 z-50\"\n      :class=\"[\n        { hidden: isSidebarOpen },\n        { 'xl:!flex': !isSidebarOpen },\n        { '!flex': layout === 'modal' },\n      ]\" />\n    <div class=\"flex h-full\">\n      <!-- Sidebar -->\n      <RequestSidebar\n        v-if=\"showSidebar\"\n        @newTab=\"$emit('newTab', $event)\" />\n\n      <!-- Content -->\n      <div class=\"flex h-full flex-1 flex-col\">\n        <RouterView\n          :invalidParams=\"validation.invalidParams\"\n          :requestResult=\"requestResult\"\n          :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1,158 +0,0 @@
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useClientConfig } from "../../hooks/useClientConfig.js";
-import { useLayout } from "../../hooks/useLayout.js";
-import { useSidebar } from "../../hooks/useSidebar.js";
-import { usePluginManager } from "../../plugins/hooks/usePluginManager.js";
-import { ERRORS } from "../../libs/errors.js";
-import { createRequestOperation } from "../../libs/send-request/create-request-operation.js";
-import { useWorkspace } from "../../store/store.js";
-import SidebarToggle_default from "../../components/Sidebar/SidebarToggle.vue.js";
-import { validateParameters } from "../../libs/validate-parameters.js";
-import { useOpenApiWatcher } from "./hooks/useOpenApiWatcher.js";
-import RequestSidebar_default from "./RequestSidebar.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, unref, watch } from "vue";
-import { useToasts } from "@scalar/use-toasts";
-import { RouterView } from "vue-router";
-import { isDefined } from "@scalar/helpers/array/is-defined";
-import { safeJSON } from "@scalar/object-utils/parse";
-//#region src/views/Request/RequestRoot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-full" };
-var _hoisted_2 = { class: "flex h-full flex-1 flex-col" };
-var RequestRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "RequestRoot",
-	emits: ["newTab"],
-	setup(__props) {
-		const workspaceContext = useWorkspace();
-		const { toast } = useToasts();
-		const { layout } = useLayout();
-		const config = useClientConfig();
-		const { isSidebarOpen } = useSidebar();
-		const { activeCollection, activeExample, activeEnvironment, activeRequest, activeWorkspace, activeServer } = useActiveEntities();
-		const { cookies, requestHistory, showSidebar, securitySchemes, modalState, events } = workspaceContext;
-		const pluginManager = usePluginManager();
-		/** Root element (bound in template via ref="_element") */
-		const _element = ref();
-		_element.value;
-		const requestAbortController = ref();
-		/** Computed Validation State Update on Example Change */
-		const validation = computed(() => validateParameters(activeExample.value ?? null));
-		const requestResult = ref(null);
-		/**
-		* Selected scheme UIDs
-		*
-		* In the modal we use collection.selectedSecuritySchemes and in the
-		* standalone client we use request.selectedSecuritySchemeUids
-		*
-		* These are centralized here so they can be drilled down AND used in send-request
-		*/
-		const selectedSecuritySchemeUids = computed(() => (activeCollection.value?.useCollectionSecurity ? activeCollection.value?.selectedSecuritySchemeUids : activeRequest.value?.selectedSecuritySchemeUids) ?? []);
-		/**
-		* Execute the request
-		* called from the send button as well as keyboard shortcuts
-		*/
-		const executeRequest = async () => {
-			if (!activeRequest.value || !activeExample.value || !activeCollection.value) return;
-			if (validation.value.hasBlockingErrors) {
-				toast("Path parameters must have values.", "error");
-				events.requestStatus.emit("abort");
-				return;
-			}
-			const environmentValue = typeof activeEnvironment.value === "object" ? activeEnvironment.value.value : "{}";
-			const e = safeJSON.parse(environmentValue);
-			if (e.error) console.error("INVALID ENVIRONMENT!");
-			const environment = e.error || typeof e.data !== "object" ? {} : e.data ?? {};
-			const globalCookies = activeWorkspace.value?.cookies.map((c) => cookies[c]).filter(isDefined) ?? [];
-			const server = activeCollection.value?.info?.title === "Drafts" ? void 0 : activeServer.value;
-			const [error, requestOperation] = createRequestOperation({
-				request: activeRequest.value,
-				example: activeExample.value,
-				selectedSecuritySchemeUids: selectedSecuritySchemeUids.value,
-				proxyUrl: activeWorkspace.value?.proxyUrl ?? "",
-				environment,
-				globalCookies,
-				status: events.requestStatus,
-				securitySchemes,
-				server,
-				pluginManager
-			});
-			config.value?.onRequestSent?.(activeRequest.value.path ?? "");
-			if (error) {
-				toast(error.message, "error");
-				return;
-			}
-			requestAbortController.value = requestOperation.controller;
-			const [sendRequestError, result] = await requestOperation.sendRequest();
-			requestResult.value = result;
-			if (sendRequestError) toast(sendRequestError.message, "error");
-			else requestHistory.push(cloneRequestResult(result));
-		};
-		/** Cancel a live request */
-		const cancelRequest = async () => requestAbortController.value?.abort(ERRORS.REQUEST_ABORTED);
-		/** Subscribed to executeRequest, used for logging / analytics. */
-		function logRequest() {}
-		/**
-		* Cancel request when closing the modal
-		* @see https://github.com/scalar/scalar/issues/7115
-		*/
-		watch(modalState, ({ open }) => {
-			if (!open) cancelRequest();
-		});
-		onMounted(() => {
-			events.executeRequest.on(executeRequest);
-			events.executeRequest.on(logRequest);
-			events.cancelRequest.on(cancelRequest);
-		});
-		useOpenApiWatcher();
-		/**
-		* Need to manually remove listener on unmount due to vueuse memory leak
-		*
-		* @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566
-		*/
-		onBeforeUnmount(() => {
-			events.executeRequest.off(executeRequest);
-			events.executeRequest.off(logRequest);
-			events.cancelRequest.off(cancelRequest);
-		});
-		const cloneRequestResult = (result) => {
-			try {
-				return structuredClone(result);
-			} catch {
-				const clone = { ...result };
-				if (result.response?.data) if (result.response.data instanceof Blob || result.response.data instanceof ArrayBuffer) clone.response.data = result.response.data;
-				else clone.response.data = JSON.parse(JSON.stringify(result.response.data));
-				return clone;
-			}
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "_element",
-				ref: _element,
-				class: normalizeClass(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", { "!mr-0 !mb-0 !border-0": unref(layout) === "modal" }])
-			}, [unref(showSidebar) ? (openBlock(), createBlock(SidebarToggle_default, {
-				key: 0,
-				modelValue: unref(isSidebarOpen),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSidebarOpen) ? isSidebarOpen.value = $event : null),
-				class: normalizeClass(["absolute top-2 left-3 z-50", [
-					{ hidden: unref(isSidebarOpen) },
-					{ "xl:!flex": !unref(isSidebarOpen) },
-					{ "!flex": unref(layout) === "modal" }
-				]])
-			}, null, 8, ["modelValue", "class"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [unref(showSidebar) ? (openBlock(), createBlock(RequestSidebar_default, {
-				key: 0,
-				onNewTab: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("newTab", $event))
-			})) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [createVNode(unref(RouterView), {
-				invalidParams: validation.value.invalidParams,
-				requestResult: requestResult.value,
-				selectedSecuritySchemeUids: selectedSecuritySchemeUids.value
-			}, null, 8, [
-				"invalidParams",
-				"requestResult",
-				"selectedSecuritySchemeUids"
-			])])])], 2);
-		};
-	}
-});
-//#endregion
-export { RequestRoot_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=RequestRoot.vue.script.js.map