@scalar/api-client 2.42.0 → 3.0.0

package/dist/views/Collection/components/EnvironmentForm.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentForm.vue.js","names":[],"sources":["../../../../src/views/Collection/components/EnvironmentForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash, ScalarIconWarning } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableCell from '@/components/DataTable/DataTableCell.vue'\nimport DataTableHeader from '@/components/DataTable/DataTableHeader.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, environment, workspace, envVariables } = defineProps<{\n  collection: Collection\n  environment: Environment\n  workspace: Workspace\n  envVariables: EnvVariable[]\n}>()\n\nconst { collectionMutators } = useWorkspace()\n\n//\nconst localVariables = ref<Array<{ key: string; value: string }>>([])\n\n// Set of existing keys from the collection\nconst collectionKeys = ref<Set<string>>(new Set())\n\n// Map of key typed by the user\nconst tempKeys = ref<Map<number, string>>(new Map())\n\n// Prevent multiple updates to the collection\nconst isUpdating = ref(false)\n\nconst variables = computed(() => {\n  if (!environment?.value) {\n    return [{ key: '', value: '' }]\n  }\n  try {\n    const parsedObject = JSON.parse(environment.value)\n    const entries = Object.entries(parsedObject).map(([key, val]) => ({\n      key,\n      value: String(val),\n    }))\n    if (entries.length === 0) {\n      return [{ key: '', value: '' }]\n    }\n    return entries\n  } catch (_) {\n    return [{ key: '', value: '' }]\n  }\n})\n\nconst environmentVariables = computed(() => {\n  const lastRow = localVariables.value[localVariables.value.length - 1]\n  if (!lastRow) {\n    return [{ key: '', value: '' }]\n  }\n  if (lastRow.key || lastRow.value) {\n    return [...localVariables.value, { key: '', value: '' }]\n  }\n  return localVariables.value\n})\n\nconst getDuplicateKeyIndexes = computed(() => {\n  const keyCounts = new Map<string, number[]>()\n\n  // Add existing keys from the collection\n  localVariables.value.forEach((v, index) => {\n    if (v.key) {\n      const indexes = keyCounts.get(v.key) || []\n      indexes.push(index)\n      keyCounts.set(v.key, indexes)\n    }\n  })\n\n  // Add typed keys that are being edited\n  tempKeys.value.forEach((key, index) => {\n    if (key) {\n      const indexes = keyCounts.get(key) || []\n      indexes.push(index)\n      keyCounts.set(key, indexes)\n    }\n  })\n\n  return Array.from(keyCounts.values())\n    .filter((indexes) => indexes.length > 1)\n    .flat()\n})\n\n// Update originalKeys when variables change\nwatch(\n  variables,\n  (newVars) => {\n    localVariables.value = [...newVars]\n    collectionKeys.value = new Set(newVars.map((v) => v.key).filter(Boolean))\n  },\n  { immediate: true },\n)\n\nconst handleUpdateRow = async (\n  index: number,\n  field: 'key' | 'value',\n  value: string,\n) => {\n  if (isUpdating.value) {\n    return\n  }\n\n  if (field === 'key') {\n    // Store the typed key\n    tempKeys.value.set(index, value)\n\n    // Check for duplicates\n    const otherKeys = new Set(collectionKeys.value)\n    const currentItem = localVariables.value[index]\n\n    // Remove the current item from the set of original keys\n    if (currentItem) {\n      otherKeys.delete(currentItem.key)\n    }\n\n    // If it's a duplicate, don't proceed with mutation\n    if (otherKeys.has(value)) {\n      return\n    }\n  }\n\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value]\n    const currentItem = newVariables[index]\n    if (!currentItem) {\n      return\n    }\n\n    newVariables[index] = {\n      key: field === 'key' ? value : currentItem.key,\n      value: field === 'value' ? value : currentItem.value,\n    }\n\n    if (\n      !newVariables[index].key &&\n      !newVariables[index].value &&\n      index !== newVariables.length - 1\n    ) {\n      newVariables.splice(index, 1)\n    }\n\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    if (index === localVariables.value.length - 1) {\n      const lastRow = newVariables[newVariables.length - 1]\n      if (lastRow && (lastRow.key || lastRow.value)) {\n        await addRow()\n      }\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n\n    // Update collection keys after successful update\n    if (field === 'key') {\n      collectionKeys.value = new Set(\n        newVariables.map((v) => v.key).filter(Boolean),\n      )\n      // Clear the typed key after successful update\n      tempKeys.value.delete(index)\n    }\n  } finally {\n    isUpdating.value = false\n  }\n}\n\nconst addRow = async () => {\n  if (isUpdating.value) {\n    return\n  }\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value, { key: '', value: '' }]\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n  } finally {\n    isUpdating.value = false\n  }\n}\n\nconst handleDeleteRow = async (index: number) => {\n  if (isUpdating.value) {\n    return\n  }\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value]\n    newVariables.splice(index, 1)\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n  } finally {\n    isUpdating.value = false\n  }\n}\n\n// Keep an empty row at the end of the table\nconst defaultRow = async () => {\n  if (localVariables.value.length === 0) {\n    await addRow()\n  } else if (localVariables.value.length >= 1) {\n    const lastRow = localVariables.value[localVariables.value.length - 1]\n    if (lastRow && (lastRow.key || lastRow.value)) {\n      await addRow()\n    }\n  }\n}\n\nonMounted(() => {\n  defaultRow()\n})\n\n// Update the collection on local variables changes\nwatch(\n  () => localVariables.value,\n  () => {\n    defaultRow()\n  },\n)\n</script>\n\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"['', '']\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Key</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n    </DataTableRow>\n    <DataTableRow\n      v-for=\"(variable, index) in environmentVariables\"\n      :key=\"index\"\n      :class=\"{\n        error: getDuplicateKeyIndexes.includes(index),\n      }\">\n      <DataTableCell>\n        <CodeInput\n          disableCloseBrackets\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :environment=\"environment\"\n          :envVariables=\"envVariables\"\n          :modelValue=\"variable.key\"\n          placeholder=\"Key\"\n          :workspace=\"workspace\"\n          @update:modelValue=\"(v: string) => handleUpdateRow(index, 'key', v)\">\n          <template\n            #icon\n            v-if=\"getDuplicateKeyIndexes.includes(index)\">\n            <ScalarIconWarning\n              class=\"text-red mr-0.75 size-3.5 brightness-[.9]\" />\n          </template>\n        </CodeInput>\n      </DataTableCell>\n      <DataTableCell>\n        <CodeInput\n          class=\"pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10\"\n          disableCloseBrackets\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :environment=\"environment\"\n          :envVariables=\"envVariables\"\n          :modelValue=\"variable.value\"\n          placeholder=\"Value\"\n          :workspace=\"workspace\"\n          @update:modelValue=\"\n            (v: string) => handleUpdateRow(index, 'value', v)\n          \">\n          <template #icon>\n            <ScalarButton\n              v-if=\"variable.key || variable.value\"\n              class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"handleDeleteRow(index)\">\n              <ScalarIconTrash class=\"size-3.5\" />\n            </ScalarButton>\n          </template>\n        </CodeInput>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":""}

package/dist/views/Collection/components/EnvironmentForm.vue.script.js

@@ -1,284 +0,0 @@
-import { useWorkspace } from "../../../store/store.js";
-import CodeInput_default from "../../../components/CodeInput/CodeInput.vue.js";
-import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
-import DataTableCell_default from "../../../components/DataTable/DataTableCell.vue.js";
-import DataTableHeader_default from "../../../components/DataTable/DataTableHeader.vue.js";
-import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, unref, watch, withCtx, withModifiers } from "vue";
-import { ScalarButton } from "@scalar/components";
-import { ScalarIconTrash, ScalarIconWarning } from "@scalar/icons";
-//#region src/views/Collection/components/EnvironmentForm.vue?vue&type=script&setup=true&lang.ts
-var EnvironmentForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "EnvironmentForm",
-	props: {
-		collection: {},
-		environment: {},
-		workspace: {},
-		envVariables: {}
-	},
-	setup(__props) {
-		const { collectionMutators } = useWorkspace();
-		const localVariables = ref([]);
-		const collectionKeys = ref(/* @__PURE__ */ new Set());
-		const tempKeys = ref(/* @__PURE__ */ new Map());
-		const isUpdating = ref(false);
-		const variables = computed(() => {
-			if (!__props.environment?.value) return [{
-				key: "",
-				value: ""
-			}];
-			try {
-				const parsedObject = JSON.parse(__props.environment.value);
-				const entries = Object.entries(parsedObject).map(([key, val]) => ({
-					key,
-					value: String(val)
-				}));
-				if (entries.length === 0) return [{
-					key: "",
-					value: ""
-				}];
-				return entries;
-			} catch (_) {
-				return [{
-					key: "",
-					value: ""
-				}];
-			}
-		});
-		const environmentVariables = computed(() => {
-			const lastRow = localVariables.value[localVariables.value.length - 1];
-			if (!lastRow) return [{
-				key: "",
-				value: ""
-			}];
-			if (lastRow.key || lastRow.value) return [...localVariables.value, {
-				key: "",
-				value: ""
-			}];
-			return localVariables.value;
-		});
-		const getDuplicateKeyIndexes = computed(() => {
-			const keyCounts = /* @__PURE__ */ new Map();
-			localVariables.value.forEach((v, index) => {
-				if (v.key) {
-					const indexes = keyCounts.get(v.key) || [];
-					indexes.push(index);
-					keyCounts.set(v.key, indexes);
-				}
-			});
-			tempKeys.value.forEach((key, index) => {
-				if (key) {
-					const indexes = keyCounts.get(key) || [];
-					indexes.push(index);
-					keyCounts.set(key, indexes);
-				}
-			});
-			return Array.from(keyCounts.values()).filter((indexes) => indexes.length > 1).flat();
-		});
-		watch(variables, (newVars) => {
-			localVariables.value = [...newVars];
-			collectionKeys.value = new Set(newVars.map((v) => v.key).filter(Boolean));
-		}, { immediate: true });
-		const handleUpdateRow = async (index, field, value) => {
-			if (isUpdating.value) return;
-			if (field === "key") {
-				tempKeys.value.set(index, value);
-				const otherKeys = new Set(collectionKeys.value);
-				const currentItem = localVariables.value[index];
-				if (currentItem) otherKeys.delete(currentItem.key);
-				if (otherKeys.has(value)) return;
-			}
-			isUpdating.value = true;
-			try {
-				const newVariables = [...localVariables.value];
-				const currentItem = newVariables[index];
-				if (!currentItem) return;
-				newVariables[index] = {
-					key: field === "key" ? value : currentItem.key,
-					value: field === "value" ? value : currentItem.value
-				};
-				if (!newVariables[index].key && !newVariables[index].value && index !== newVariables.length - 1) newVariables.splice(index, 1);
-				const updatedValue = newVariables.reduce((acc, { key, value }) => {
-					if (key || value) acc[key] = value;
-					return acc;
-				}, {});
-				if (__props.collection) {
-					const environments = {
-						...__props.collection["x-scalar-environments"],
-						[__props.environment.name]: {
-							...__props.collection["x-scalar-environments"]?.[__props.environment.name],
-							variables: updatedValue
-						}
-					};
-					await collectionMutators.edit(__props.collection.uid, "x-scalar-environments", environments);
-				}
-				if (index === localVariables.value.length - 1) {
-					const lastRow = newVariables[newVariables.length - 1];
-					if (lastRow && (lastRow.key || lastRow.value)) await addRow();
-				}
-				await nextTick();
-				localVariables.value = newVariables;
-				if (field === "key") {
-					collectionKeys.value = new Set(newVariables.map((v) => v.key).filter(Boolean));
-					tempKeys.value.delete(index);
-				}
-			} finally {
-				isUpdating.value = false;
-			}
-		};
-		const addRow = async () => {
-			if (isUpdating.value) return;
-			isUpdating.value = true;
-			try {
-				const newVariables = [...localVariables.value, {
-					key: "",
-					value: ""
-				}];
-				const updatedValue = newVariables.reduce((acc, { key, value }) => {
-					if (key || value) acc[key] = value;
-					return acc;
-				}, {});
-				if (__props.collection) {
-					const environments = {
-						...__props.collection["x-scalar-environments"],
-						[__props.environment.name]: {
-							...__props.collection["x-scalar-environments"]?.[__props.environment.name],
-							variables: updatedValue
-						}
-					};
-					await collectionMutators.edit(__props.collection.uid, "x-scalar-environments", environments);
-				}
-				await nextTick();
-				localVariables.value = newVariables;
-			} finally {
-				isUpdating.value = false;
-			}
-		};
-		const handleDeleteRow = async (index) => {
-			if (isUpdating.value) return;
-			isUpdating.value = true;
-			try {
-				const newVariables = [...localVariables.value];
-				newVariables.splice(index, 1);
-				const updatedValue = newVariables.reduce((acc, { key, value }) => {
-					if (key || value) acc[key] = value;
-					return acc;
-				}, {});
-				if (__props.collection) {
-					const environments = {
-						...__props.collection["x-scalar-environments"],
-						[__props.environment.name]: {
-							...__props.collection["x-scalar-environments"]?.[__props.environment.name],
-							variables: updatedValue
-						}
-					};
-					await collectionMutators.edit(__props.collection.uid, "x-scalar-environments", environments);
-				}
-				await nextTick();
-				localVariables.value = newVariables;
-			} finally {
-				isUpdating.value = false;
-			}
-		};
-		const defaultRow = async () => {
-			if (localVariables.value.length === 0) await addRow();
-			else if (localVariables.value.length >= 1) {
-				const lastRow = localVariables.value[localVariables.value.length - 1];
-				if (lastRow && (lastRow.key || lastRow.value)) await addRow();
-			}
-		};
-		onMounted(() => {
-			defaultRow();
-		});
-		watch(() => localVariables.value, () => {
-			defaultRow();
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(DataTable_default, {
-				class: "group/table flex-1",
-				columns: ["", ""]
-			}, {
-				default: withCtx(() => [createVNode(DataTableRow_default, { class: "sr-only !block" }, {
-					default: withCtx(() => [createVNode(DataTableHeader_default, null, {
-						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Key", -1)])]),
-						_: 1
-					}), createVNode(DataTableHeader_default, null, {
-						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Value", -1)])]),
-						_: 1
-					})]),
-					_: 1
-				}), (openBlock(true), createElementBlock(Fragment, null, renderList(environmentVariables.value, (variable, index) => {
-					return openBlock(), createBlock(DataTableRow_default, {
-						key: index,
-						class: normalizeClass({ error: getDuplicateKeyIndexes.value.includes(index) })
-					}, {
-						default: withCtx(() => [createVNode(DataTableCell_default, null, {
-							default: withCtx(() => [createVNode(CodeInput_default, {
-								disableCloseBrackets: "",
-								disableEnter: "",
-								disableTabIndent: "",
-								lineWrapping: "",
-								environment: __props.environment,
-								envVariables: __props.envVariables,
-								modelValue: variable.key,
-								placeholder: "Key",
-								workspace: __props.workspace,
-								"onUpdate:modelValue": (v) => handleUpdateRow(index, "key", v)
-							}, createSlots({ _: 2 }, [getDuplicateKeyIndexes.value.includes(index) ? {
-								name: "icon",
-								fn: withCtx(() => [createVNode(unref(ScalarIconWarning), { class: "text-red mr-0.75 size-3.5 brightness-[.9]" })]),
-								key: "0"
-							} : void 0]), 1032, [
-								"environment",
-								"envVariables",
-								"modelValue",
-								"workspace",
-								"onUpdate:modelValue"
-							])]),
-							_: 2
-						}, 1024), createVNode(DataTableCell_default, null, {
-							default: withCtx(() => [createVNode(CodeInput_default, {
-								class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
-								disableCloseBrackets: "",
-								disableEnter: "",
-								disableTabIndent: "",
-								lineWrapping: "",
-								environment: __props.environment,
-								envVariables: __props.envVariables,
-								modelValue: variable.value,
-								placeholder: "Value",
-								workspace: __props.workspace,
-								"onUpdate:modelValue": (v) => handleUpdateRow(index, "value", v)
-							}, {
-								icon: withCtx(() => [variable.key || variable.value ? (openBlock(), createBlock(unref(ScalarButton), {
-									key: 0,
-									class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
-									size: "sm",
-									variant: "ghost",
-									onClick: withModifiers(($event) => handleDeleteRow(index), ["stop"])
-								}, {
-									default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
-									_: 1
-								}, 8, ["onClick"])) : createCommentVNode("", true)]),
-								_: 2
-							}, 1032, [
-								"environment",
-								"envVariables",
-								"modelValue",
-								"workspace",
-								"onUpdate:modelValue"
-							])]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1032, ["class"]);
-				}), 128))]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { EnvironmentForm_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EnvironmentForm.vue.script.js.map

package/dist/views/Collection/components/EnvironmentForm.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentForm.vue.script.js","names":[],"sources":["../../../../src/views/Collection/components/EnvironmentForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash, ScalarIconWarning } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableCell from '@/components/DataTable/DataTableCell.vue'\nimport DataTableHeader from '@/components/DataTable/DataTableHeader.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, environment, workspace, envVariables } = defineProps<{\n  collection: Collection\n  environment: Environment\n  workspace: Workspace\n  envVariables: EnvVariable[]\n}>()\n\nconst { collectionMutators } = useWorkspace()\n\n//\nconst localVariables = ref<Array<{ key: string; value: string }>>([])\n\n// Set of existing keys from the collection\nconst collectionKeys = ref<Set<string>>(new Set())\n\n// Map of key typed by the user\nconst tempKeys = ref<Map<number, string>>(new Map())\n\n// Prevent multiple updates to the collection\nconst isUpdating = ref(false)\n\nconst variables = computed(() => {\n  if (!environment?.value) {\n    return [{ key: '', value: '' }]\n  }\n  try {\n    const parsedObject = JSON.parse(environment.value)\n    const entries = Object.entries(parsedObject).map(([key, val]) => ({\n      key,\n      value: String(val),\n    }))\n    if (entries.length === 0) {\n      return [{ key: '', value: '' }]\n    }\n    return entries\n  } catch (_) {\n    return [{ key: '', value: '' }]\n  }\n})\n\nconst environmentVariables = computed(() => {\n  const lastRow = localVariables.value[localVariables.value.length - 1]\n  if (!lastRow) {\n    return [{ key: '', value: '' }]\n  }\n  if (lastRow.key || lastRow.value) {\n    return [...localVariables.value, { key: '', value: '' }]\n  }\n  return localVariables.value\n})\n\nconst getDuplicateKeyIndexes = computed(() => {\n  const keyCounts = new Map<string, number[]>()\n\n  // Add existing keys from the collection\n  localVariables.value.forEach((v, index) => {\n    if (v.key) {\n      const indexes = keyCounts.get(v.key) || []\n      indexes.push(index)\n      keyCounts.set(v.key, indexes)\n    }\n  })\n\n  // Add typed keys that are being edited\n  tempKeys.value.forEach((key, index) => {\n    if (key) {\n      const indexes = keyCounts.get(key) || []\n      indexes.push(index)\n      keyCounts.set(key, indexes)\n    }\n  })\n\n  return Array.from(keyCounts.values())\n    .filter((indexes) => indexes.length > 1)\n    .flat()\n})\n\n// Update originalKeys when variables change\nwatch(\n  variables,\n  (newVars) => {\n    localVariables.value = [...newVars]\n    collectionKeys.value = new Set(newVars.map((v) => v.key).filter(Boolean))\n  },\n  { immediate: true },\n)\n\nconst handleUpdateRow = async (\n  index: number,\n  field: 'key' | 'value',\n  value: string,\n) => {\n  if (isUpdating.value) {\n    return\n  }\n\n  if (field === 'key') {\n    // Store the typed key\n    tempKeys.value.set(index, value)\n\n    // Check for duplicates\n    const otherKeys = new Set(collectionKeys.value)\n    const currentItem = localVariables.value[index]\n\n    // Remove the current item from the set of original keys\n    if (currentItem) {\n      otherKeys.delete(currentItem.key)\n    }\n\n    // If it's a duplicate, don't proceed with mutation\n    if (otherKeys.has(value)) {\n      return\n    }\n  }\n\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value]\n    const currentItem = newVariables[index]\n    if (!currentItem) {\n      return\n    }\n\n    newVariables[index] = {\n      key: field === 'key' ? value : currentItem.key,\n      value: field === 'value' ? value : currentItem.value,\n    }\n\n    if (\n      !newVariables[index].key &&\n      !newVariables[index].value &&\n      index !== newVariables.length - 1\n    ) {\n      newVariables.splice(index, 1)\n    }\n\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    if (index === localVariables.value.length - 1) {\n      const lastRow = newVariables[newVariables.length - 1]\n      if (lastRow && (lastRow.key || lastRow.value)) {\n        await addRow()\n      }\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n\n    // Update collection keys after successful update\n    if (field === 'key') {\n      collectionKeys.value = new Set(\n        newVariables.map((v) => v.key).filter(Boolean),\n      )\n      // Clear the typed key after successful update\n      tempKeys.value.delete(index)\n    }\n  } finally {\n    isUpdating.value = false\n  }\n}\n\nconst addRow = async () => {\n  if (isUpdating.value) {\n    return\n  }\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value, { key: '', value: '' }]\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n  } finally {\n    isUpdating.value = false\n  }\n}\n\nconst handleDeleteRow = async (index: number) => {\n  if (isUpdating.value) {\n    return\n  }\n  isUpdating.value = true\n\n  try {\n    const newVariables = [...localVariables.value]\n    newVariables.splice(index, 1)\n    const updatedValue = newVariables.reduce(\n      (acc, { key, value }) => {\n        if (key || value) {\n          acc[key] = value\n        }\n        return acc\n      },\n      {} as Record<string, string>,\n    )\n\n    if (collection) {\n      const environments = {\n        ...collection['x-scalar-environments'],\n        [environment.name]: {\n          ...collection['x-scalar-environments']?.[environment.name],\n          variables: updatedValue,\n        },\n      }\n      await collectionMutators.edit(\n        collection.uid,\n        'x-scalar-environments',\n        environments,\n      )\n    }\n\n    await nextTick()\n    localVariables.value = newVariables\n  } finally {\n    isUpdating.value = false\n  }\n}\n\n// Keep an empty row at the end of the table\nconst defaultRow = async () => {\n  if (localVariables.value.length === 0) {\n    await addRow()\n  } else if (localVariables.value.length >= 1) {\n    const lastRow = localVariables.value[localVariables.value.length - 1]\n    if (lastRow && (lastRow.key || lastRow.value)) {\n      await addRow()\n    }\n  }\n}\n\nonMounted(() => {\n  defaultRow()\n})\n\n// Update the collection on local variables changes\nwatch(\n  () => localVariables.value,\n  () => {\n    defaultRow()\n  },\n)\n</script>\n\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"['', '']\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Key</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n    </DataTableRow>\n    <DataTableRow\n      v-for=\"(variable, index) in environmentVariables\"\n      :key=\"index\"\n      :class=\"{\n        error: getDuplicateKeyIndexes.includes(index),\n      }\">\n      <DataTableCell>\n        <CodeInput\n          disableCloseBrackets\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :environment=\"environment\"\n          :envVariables=\"envVariables\"\n          :modelValue=\"variable.key\"\n          placeholder=\"Key\"\n          :workspace=\"workspace\"\n          @update:modelValue=\"(v: string) => handleUpdateRow(index, 'key', v)\">\n          <template\n            #icon\n            v-if=\"getDuplicateKeyIndexes.includes(index)\">\n            <ScalarIconWarning\n              class=\"text-red mr-0.75 size-3.5 brightness-[.9]\" />\n          </template>\n        </CodeInput>\n      </DataTableCell>\n      <DataTableCell>\n        <CodeInput\n          class=\"pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10\"\n          disableCloseBrackets\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :environment=\"environment\"\n          :envVariables=\"envVariables\"\n          :modelValue=\"variable.value\"\n          placeholder=\"Value\"\n          :workspace=\"workspace\"\n          @update:modelValue=\"\n            (v: string) => handleUpdateRow(index, 'value', v)\n          \">\n          <template #icon>\n            <ScalarButton\n              v-if=\"variable.key || variable.value\"\n              class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click.stop=\"handleDeleteRow(index)\">\n              <ScalarIconTrash class=\"size-3.5\" />\n            </ScalarButton>\n          </template>\n        </CodeInput>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":"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"}

package/dist/views/Collection/components/MarkdownInput.vue.d.ts

@@ -1,17 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '../../../store/active-entities.js';
-type __VLS_Props = {
-    modelValue: string;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    workspace: Workspace;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=MarkdownInput.vue.d.ts.map

package/dist/views/Collection/components/MarkdownInput.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Collection/components/MarkdownInput.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AA+TF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Collection/components/MarkdownInput.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
-import MarkdownInput_vue_vue_type_script_setup_true_lang_default from "./MarkdownInput.vue.script.js";
-/* empty css                            */
-//#region src/views/Collection/components/MarkdownInput.vue
-var MarkdownInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(MarkdownInput_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5997a667"]]);
-//#endregion
-export { MarkdownInput_default as default };
-
-//# sourceMappingURL=MarkdownInput.vue.js.map

package/dist/views/Collection/components/MarkdownInput.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownInput.vue.js","names":[],"sources":["../../../../src/views/Collection/components/MarkdownInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarMarkdown } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { nextTick, ref, watch } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { modelValue, environment, envVariables, workspace } = defineProps<{\n  modelValue: string\n  environment: Environment\n  envVariables: EnvVariable[]\n  workspace: Workspace\n}>()\n\nconst emit = defineEmits<(e: 'update:modelValue', value: string) => void>()\n\nconst mode = ref<'edit' | 'preview'>('preview')\n\nconst codeInputRef = ref<InstanceType<typeof CodeInput> | null>(null)\n\nwatch(mode, (newMode) => {\n  if (newMode === 'edit') {\n    nextTick(() => {\n      codeInputRef.value?.focus()\n    })\n  }\n})\n\nconst handleBlur = () => {\n  // Delay mode switch until after DOM updates to avoid input typing issue\n  requestAnimationFrame(() => {\n    mode.value = 'preview'\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-2 pt-8\">\n    <div class=\"flex min-h-8 items-center justify-between gap-2 pl-1.5\">\n      <h3 class=\"font-bold\">Description</h3>\n      <ScalarButton\n        v-if=\"mode === 'preview'\"\n        class=\"text-c-2 hover:text-c-1 flex items-center gap-2\"\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"mode = 'edit'\">\n        <ScalarIcon\n          icon=\"Pencil\"\n          size=\"sm\"\n          thickness=\"1.5\" />\n        <span>Edit</span>\n      </ScalarButton>\n    </div>\n    <div\n      class=\"has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg\">\n      <div class=\"flex h-full min-h-[calc(1rem*4)] flex-col\">\n        <!-- Preview -->\n        <template v-if=\"mode === 'preview'\">\n          <template v-if=\"modelValue && modelValue.trim().length\">\n            <ScalarMarkdown\n              v-if=\"modelValue\"\n              class=\"h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)\"\n              :value=\"modelValue\"\n              withImages\n              @dblclick=\"mode = 'edit'\" />\n            <div\n              class=\"brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden\" />\n          </template>\n          <div\n            v-else\n            class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n            <ScalarButton\n              class=\"hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click=\"mode = 'edit'\">\n              <ScalarIcon\n                icon=\"Pencil\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              <span>Write a description</span>\n            </ScalarButton>\n          </div>\n        </template>\n\n        <!-- Edit -->\n        <template v-if=\"mode === 'edit'\">\n          <CodeInput\n            ref=\"codeInputRef\"\n            class=\"h-full flex-1 border px-0.5 py-0\"\n            :envVariables=\"envVariables\"\n            :environment=\"environment\"\n            :modelValue=\"modelValue\"\n            :workspace=\"workspace\"\n            @blur=\"handleBlur\"\n            @update:modelValue=\"emit('update:modelValue', $event)\" />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-content) {\n  min-height: fit-content;\n}\n:deep(.cm-scroller) {\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n</style>\n"],"mappings":""}

package/dist/views/Collection/components/MarkdownInput.vue.script.js

@@ -1,92 +0,0 @@
-import CodeInput_default from "../../../components/CodeInput/CodeInput.vue.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, openBlock, ref, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarIcon, ScalarMarkdown } from "@scalar/components";
-//#region src/views/Collection/components/MarkdownInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-full w-full flex-col gap-2 pt-8" };
-var _hoisted_2 = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" };
-var _hoisted_3 = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" };
-var _hoisted_4 = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" };
-var _hoisted_5 = {
-	key: 1,
-	class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4"
-};
-var MarkdownInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "MarkdownInput",
-	props: {
-		modelValue: {},
-		environment: {},
-		envVariables: {},
-		workspace: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const mode = ref("preview");
-		const codeInputRef = ref(null);
-		watch(mode, (newMode) => {
-			if (newMode === "edit") nextTick(() => {
-				codeInputRef.value?.focus();
-			});
-		});
-		const handleBlur = () => {
-			requestAnimationFrame(() => {
-				mode.value = "preview";
-			});
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[5] || (_cache[5] = createElementVNode("h3", { class: "font-bold" }, "Description", -1)), mode.value === "preview" ? (openBlock(), createBlock(unref(ScalarButton), {
-				key: 0,
-				class: "text-c-2 hover:text-c-1 flex items-center gap-2",
-				size: "sm",
-				type: "button",
-				variant: "outlined",
-				onClick: _cache[0] || (_cache[0] = ($event) => mode.value = "edit")
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarIcon), {
-					icon: "Pencil",
-					size: "sm",
-					thickness: "1.5"
-				}), _cache[4] || (_cache[4] = createElementVNode("span", null, "Edit", -1))]),
-				_: 1
-			})) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [mode.value === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.modelValue && __props.modelValue.trim().length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.modelValue ? (openBlock(), createBlock(unref(ScalarMarkdown), {
-				key: 0,
-				class: "h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
-				value: __props.modelValue,
-				withImages: "",
-				onDblclick: _cache[1] || (_cache[1] = ($event) => mode.value = "edit")
-			}, null, 8, ["value"])) : createCommentVNode("", true), _cache[6] || (_cache[6] = createElementVNode("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))], 64)) : (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(ScalarButton), {
-				class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
-				size: "sm",
-				variant: "ghost",
-				onClick: _cache[2] || (_cache[2] = ($event) => mode.value = "edit")
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarIcon), {
-					icon: "Pencil",
-					size: "sm",
-					thickness: "1.5"
-				}), _cache[7] || (_cache[7] = createElementVNode("span", null, "Write a description", -1))]),
-				_: 1
-			})]))], 64)) : createCommentVNode("", true), mode.value === "edit" ? (openBlock(), createBlock(CodeInput_default, {
-				key: 1,
-				ref_key: "codeInputRef",
-				ref: codeInputRef,
-				class: "h-full flex-1 border px-0.5 py-0",
-				envVariables: __props.envVariables,
-				environment: __props.environment,
-				modelValue: __props.modelValue,
-				workspace: __props.workspace,
-				onBlur: handleBlur,
-				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
-			}, null, 8, [
-				"envVariables",
-				"environment",
-				"modelValue",
-				"workspace"
-			])) : createCommentVNode("", true)])])]);
-		};
-	}
-});
-//#endregion
-export { MarkdownInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=MarkdownInput.vue.script.js.map

package/dist/views/Collection/components/MarkdownInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownInput.vue.script.js","names":[],"sources":["../../../../src/views/Collection/components/MarkdownInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarMarkdown } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { nextTick, ref, watch } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { modelValue, environment, envVariables, workspace } = defineProps<{\n  modelValue: string\n  environment: Environment\n  envVariables: EnvVariable[]\n  workspace: Workspace\n}>()\n\nconst emit = defineEmits<(e: 'update:modelValue', value: string) => void>()\n\nconst mode = ref<'edit' | 'preview'>('preview')\n\nconst codeInputRef = ref<InstanceType<typeof CodeInput> | null>(null)\n\nwatch(mode, (newMode) => {\n  if (newMode === 'edit') {\n    nextTick(() => {\n      codeInputRef.value?.focus()\n    })\n  }\n})\n\nconst handleBlur = () => {\n  // Delay mode switch until after DOM updates to avoid input typing issue\n  requestAnimationFrame(() => {\n    mode.value = 'preview'\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex h-full w-full flex-col gap-2 pt-8\">\n    <div class=\"flex min-h-8 items-center justify-between gap-2 pl-1.5\">\n      <h3 class=\"font-bold\">Description</h3>\n      <ScalarButton\n        v-if=\"mode === 'preview'\"\n        class=\"text-c-2 hover:text-c-1 flex items-center gap-2\"\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"mode = 'edit'\">\n        <ScalarIcon\n          icon=\"Pencil\"\n          size=\"sm\"\n          thickness=\"1.5\" />\n        <span>Edit</span>\n      </ScalarButton>\n    </div>\n    <div\n      class=\"has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg\">\n      <div class=\"flex h-full min-h-[calc(1rem*4)] flex-col\">\n        <!-- Preview -->\n        <template v-if=\"mode === 'preview'\">\n          <template v-if=\"modelValue && modelValue.trim().length\">\n            <ScalarMarkdown\n              v-if=\"modelValue\"\n              class=\"h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)\"\n              :value=\"modelValue\"\n              withImages\n              @dblclick=\"mode = 'edit'\" />\n            <div\n              class=\"brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden\" />\n          </template>\n          <div\n            v-else\n            class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n            <ScalarButton\n              class=\"hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click=\"mode = 'edit'\">\n              <ScalarIcon\n                icon=\"Pencil\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n              <span>Write a description</span>\n            </ScalarButton>\n          </div>\n        </template>\n\n        <!-- Edit -->\n        <template v-if=\"mode === 'edit'\">\n          <CodeInput\n            ref=\"codeInputRef\"\n            class=\"h-full flex-1 border px-0.5 py-0\"\n            :envVariables=\"envVariables\"\n            :environment=\"environment\"\n            :modelValue=\"modelValue\"\n            :workspace=\"workspace\"\n            @blur=\"handleBlur\"\n            @update:modelValue=\"emit('update:modelValue', $event)\" />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-content) {\n  min-height: fit-content;\n}\n:deep(.cm-scroller) {\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,OAAO;EAEb,MAAM,OAAO,IAAwB,UAAS;EAE9C,MAAM,eAAe,IAA2C,KAAI;AAEpE,QAAM,OAAO,YAAY;AACvB,OAAI,YAAY,OACd,gBAAe;AACb,iBAAa,OAAO,OAAM;KAC3B;IAEJ;EAED,MAAM,mBAAmB;AAEvB,+BAA4B;AAC1B,SAAK,QAAQ;KACd;;;uBAKD,mBA+DM,OA/DN,YA+DM,CA9DJ,mBAeM,OAfN,YAeM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAAsC,MAAA,EAAlC,OAAM,aAAW,EAAC,eAAW,GAAA,GAEzB,KAAA,UAAI,aAAA,WAAA,EADZ,YAYe,MAAA,aAAA,EAAA;;IAVb,OAAM;IACN,MAAK;IACL,MAAK;IACL,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;;2BAIQ,CAHpB,YAGoB,MAAA,WAAA,EAAA;KAFlB,MAAK;KACL,MAAK;KACL,WAAU;kCACZ,mBAAiB,QAAA,MAAX,QAAI,GAAA,EAAA,CAAA;;yCAGd,mBA6CM,OA7CN,YA6CM,CA3CJ,mBA0CM,OA1CN,YA0CM,CAxCY,KAAA,UAAI,aAAA,WAAA,EAApB,mBA0BW,UAAA,EAAA,KAAA,GAAA,EAAA,CAzBO,QAAA,cAAc,QAAA,WAAW,MAAI,CAAG,UAAA,WAAA,EAAhD,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA,CAPD,QAAA,cAAA,WAAA,EADR,YAK8B,MAAA,eAAA,EAAA;;IAH5B,OAAM;IACL,OAAO,QAAA;IACR,YAAA;IACC,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;qFACjB,mBAC8H,OAAA,EAA5H,OAAM,qHAAmH,EAAA,MAAA,GAAA,EAAA,EAAA,GAAA,KAAA,WAAA,EAE7H,mBAcM,OAdN,YAcM,CAXJ,YAUe,MAAA,aAAA,EAAA;IATb,OAAM;IACN,MAAK;IACL,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;;2BAIQ,CAHpB,YAGoB,MAAA,WAAA,EAAA;KAFlB,MAAK;KACL,MAAK;KACL,WAAU;kCACZ,mBAAgC,QAAA,MAA1B,uBAAmB,GAAA,EAAA,CAAA;;gDAMf,KAAA,UAAI,UAAA,WAAA,EAClB,YAQ2D,mBAAA;;aAPrD;IAAJ,KAAI;IACJ,OAAM;IACL,cAAc,QAAA;IACd,aAAa,QAAA;IACb,YAAY,QAAA;IACZ,WAAW,QAAA;IACX,QAAM;IACN,uBAAiB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,OAAM"}

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.d.ts

@@ -1,16 +0,0 @@
-import type { Operation, RequestExample, SecurityScheme, Server } from '@scalar/oas-utils/entities/spec';
-import type { ClientId, TargetId } from '@scalar/snippetz';
-import type { EnvVariables } from '../../../libs/env-helpers.js';
-type __VLS_Props = {
-    target: TargetId;
-    client: ClientId<TargetId>;
-    operation?: Operation | undefined;
-    server?: Server | undefined;
-    example?: RequestExample | undefined;
-    securitySchemes?: SecurityScheme[];
-    environment?: EnvVariables | undefined;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=CodeSnippet.vue.d.ts.map

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGtD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,CAAC;AAyHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.js

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

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeSnippet.vue.js","names":[],"sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components'\nimport type {\n  Operation,\n  RequestExample,\n  SecurityScheme,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport type { ClientId, TargetId } from '@scalar/snippetz'\nimport { encode } from 'js-base64'\nimport { computed } from 'vue'\n\nimport type { EnvVariables } from '@/libs/env-helpers'\nimport { getHarRequest, getSnippet } from '@/views/Components/CodeSnippet'\n\nconst {\n  target,\n  client,\n  operation,\n  server,\n  example,\n  securitySchemes = [],\n  environment,\n} = defineProps<{\n  target: TargetId\n  client: ClientId<TargetId>\n  operation?: Operation | undefined\n  server?: Server | undefined\n  example?: RequestExample | undefined\n  securitySchemes?: SecurityScheme[]\n  environment?: EnvVariables | undefined\n}>()\n\n/**  Block secrets from being shown in the code block */\nconst secretCredentials = computed(() =>\n  securitySchemes.flatMap((scheme) => {\n    if (scheme.type === 'apiKey') {\n      return scheme.value\n    }\n    if (scheme?.type === 'http') {\n      return [\n        scheme.token,\n        scheme.password,\n        encode(`${scheme.username}:${scheme.password}`),\n      ]\n    }\n    if (scheme.type === 'oauth2') {\n      return Object.values(scheme.flows)\n        .map((flow) => flow?.token)\n        .filter(isDefined)\n    }\n\n    return []\n  }),\n)\n\n/** Generated code example */\nconst content = computed(() => {\n  const harRequest = getHarRequest({\n    operation,\n    example,\n    server,\n    securitySchemes,\n    environment,\n  })\n\n  const [error, payload] = getSnippet(target, client, harRequest)\n  return { error, payload }\n})\n\n/** CodeMirror syntax highlighting language */\nconst language = computed(() => {\n  // Normalize languages\n  if (target === 'shell' && client === 'curl') {\n    return 'curl'\n  }\n  // TODO: js -> javascript?\n\n  return target ?? 'plaintext'\n})\n</script>\n<template>\n  <div\n    v-if=\"content.error\"\n    class=\"text-c-3 flex min-h-16 items-center justify-center px-4 text-sm\">\n    {{ content.error.message }}\n  </div>\n  <ScalarCodeBlock\n    v-else-if=\"content.payload\"\n    class=\"w-full\"\n    :content=\"content.payload\"\n    :hideCredentials=\"secretCredentials\"\n    :lang=\"language\"\n    lineNumbers />\n</template>\n"],"mappings":""}

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.script.js

@@ -1,74 +0,0 @@
-import { getSnippet } from "./helpers/get-snippet.js";
-import { getHarRequest } from "./helpers/get-har-request.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, toDisplayString, unref } from "vue";
-import { ScalarCodeBlock } from "@scalar/components";
-import { isDefined } from "@scalar/oas-utils/helpers";
-import { encode } from "js-base64";
-//#region src/views/Components/CodeSnippet/CodeSnippet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "text-c-3 flex min-h-16 items-center justify-center px-4 text-sm"
-};
-var CodeSnippet_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "CodeSnippet",
-	props: {
-		target: {},
-		client: {},
-		operation: {},
-		server: {},
-		example: {},
-		securitySchemes: { default: () => [] },
-		environment: {}
-	},
-	setup(__props) {
-		/**  Block secrets from being shown in the code block */
-		const secretCredentials = computed(() => __props.securitySchemes.flatMap((scheme) => {
-			if (scheme.type === "apiKey") return scheme.value;
-			if (scheme?.type === "http") return [
-				scheme.token,
-				scheme.password,
-				encode(`${scheme.username}:${scheme.password}`)
-			];
-			if (scheme.type === "oauth2") return Object.values(scheme.flows).map((flow) => flow?.token).filter(isDefined);
-			return [];
-		}));
-		/** Generated code example */
-		const content = computed(() => {
-			const harRequest = getHarRequest({
-				operation: __props.operation,
-				example: __props.example,
-				server: __props.server,
-				securitySchemes: __props.securitySchemes,
-				environment: __props.environment
-			});
-			const [error, payload] = getSnippet(__props.target, __props.client, harRequest);
-			return {
-				error,
-				payload
-			};
-		});
-		/** CodeMirror syntax highlighting language */
-		const language = computed(() => {
-			if (__props.target === "shell" && __props.client === "curl") return "curl";
-			return __props.target ?? "plaintext";
-		});
-		return (_ctx, _cache) => {
-			return content.value.error ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(content.value.error.message), 1)) : content.value.payload ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
-				key: 1,
-				class: "w-full",
-				content: content.value.payload,
-				hideCredentials: secretCredentials.value,
-				lang: language.value,
-				lineNumbers: ""
-			}, null, 8, [
-				"content",
-				"hideCredentials",
-				"lang"
-			])) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { CodeSnippet_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=CodeSnippet.vue.script.js.map

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeSnippet.vue.script.js","names":[],"sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components'\nimport type {\n  Operation,\n  RequestExample,\n  SecurityScheme,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport type { ClientId, TargetId } from '@scalar/snippetz'\nimport { encode } from 'js-base64'\nimport { computed } from 'vue'\n\nimport type { EnvVariables } from '@/libs/env-helpers'\nimport { getHarRequest, getSnippet } from '@/views/Components/CodeSnippet'\n\nconst {\n  target,\n  client,\n  operation,\n  server,\n  example,\n  securitySchemes = [],\n  environment,\n} = defineProps<{\n  target: TargetId\n  client: ClientId<TargetId>\n  operation?: Operation | undefined\n  server?: Server | undefined\n  example?: RequestExample | undefined\n  securitySchemes?: SecurityScheme[]\n  environment?: EnvVariables | undefined\n}>()\n\n/**  Block secrets from being shown in the code block */\nconst secretCredentials = computed(() =>\n  securitySchemes.flatMap((scheme) => {\n    if (scheme.type === 'apiKey') {\n      return scheme.value\n    }\n    if (scheme?.type === 'http') {\n      return [\n        scheme.token,\n        scheme.password,\n        encode(`${scheme.username}:${scheme.password}`),\n      ]\n    }\n    if (scheme.type === 'oauth2') {\n      return Object.values(scheme.flows)\n        .map((flow) => flow?.token)\n        .filter(isDefined)\n    }\n\n    return []\n  }),\n)\n\n/** Generated code example */\nconst content = computed(() => {\n  const harRequest = getHarRequest({\n    operation,\n    example,\n    server,\n    securitySchemes,\n    environment,\n  })\n\n  const [error, payload] = getSnippet(target, client, harRequest)\n  return { error, payload }\n})\n\n/** CodeMirror syntax highlighting language */\nconst language = computed(() => {\n  // Normalize languages\n  if (target === 'shell' && client === 'curl') {\n    return 'curl'\n  }\n  // TODO: js -> javascript?\n\n  return target ?? 'plaintext'\n})\n</script>\n<template>\n  <div\n    v-if=\"content.error\"\n    class=\"text-c-3 flex min-h-16 items-center justify-center px-4 text-sm\">\n    {{ content.error.message }}\n  </div>\n  <ScalarCodeBlock\n    v-else-if=\"content.payload\"\n    class=\"w-full\"\n    :content=\"content.payload\"\n    :hideCredentials=\"secretCredentials\"\n    :lang=\"language\"\n    lineNumbers />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,oBAAoB,eACxB,QAAA,gBAAgB,SAAS,WAAW;AAClC,OAAI,OAAO,SAAS,SAClB,QAAO,OAAO;AAEhB,OAAI,QAAQ,SAAS,OACnB,QAAO;IACL,OAAO;IACP,OAAO;IACP,OAAO,GAAG,OAAO,SAAS,GAAG,OAAO,WAAW;IACjD;AAEF,OAAI,OAAO,SAAS,SAClB,QAAO,OAAO,OAAO,OAAO,MAAK,CAC9B,KAAK,SAAS,MAAM,MAAK,CACzB,OAAO,UAAS;AAGrB,UAAO,EAAC;IACR,CACJ;;EAGA,MAAM,UAAU,eAAe;GAC7B,MAAM,aAAa,cAAc;IAC/B,WAAQ,QAAA;IACR,SAAM,QAAA;IACN,QAAK,QAAA;IACL,iBAAc,QAAA;IACd,aAAU,QAAA;IACX,CAAA;GAED,MAAM,CAAC,OAAO,WAAW,WAAW,QAAA,QAAQ,QAAA,QAAQ,WAAU;AAC9D,UAAO;IAAE;IAAO;IAAQ;IACzB;;EAGD,MAAM,WAAW,eAAe;AAE9B,OAAI,QAAA,WAAW,WAAW,QAAA,WAAW,OACnC,QAAO;AAIT,UAAO,QAAA,UAAU;IAClB;;UAIS,QAAA,MAAQ,SAAA,WAAA,EADhB,mBAIM,OAJN,YAIM,gBADD,QAAA,MAAQ,MAAM,QAAO,EAAA,EAAA,IAGb,QAAA,MAAQ,WAAA,WAAA,EADrB,YAMgB,MAAA,gBAAA,EAAA;;IAJd,OAAM;IACL,SAAS,QAAA,MAAQ;IACjB,iBAAiB,kBAAA;IACjB,MAAM,SAAA;IACP,aAAA"}