@scalar/api-client 2.42.0 → 3.0.0

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

@@ -1,187 +0,0 @@
-import { useWorkspace } from "../../../store/store.js";
-import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
-import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
-import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import CodeSnippet_default from "../../Components/CodeSnippet/CodeSnippet.vue.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
-import { ScalarButton, ScalarCodeBlock, ScalarCombobox, ScalarIcon } from "@scalar/components";
-import { snippetz } from "@scalar/snippetz";
-//#region src/views/Request/RequestSection/RequestCodeExample.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "w-full" };
-var _hoisted_2 = { class: "flex flex-1" };
-var _hoisted_3 = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" };
-var RequestCodeExample_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "RequestCodeExample",
-	props: {
-		collection: {},
-		example: {},
-		operation: {},
-		server: {},
-		workspace: {},
-		environment: {}
-	},
-	setup(__props) {
-		const { securitySchemes, workspaceMutators } = useWorkspace();
-		const localSelectedClient = computed(() => {
-			if (localSelectedClientState.value.targetKey === "custom") {
-				if (codeSamples.value?.some((sample) => sample.lang === localSelectedClientState.value.clientKey)) return localSelectedClientState.value;
-			}
-			return {
-				targetKey: __props.workspace.selectedHttpClient?.targetKey ?? "js",
-				clientKey: __props.workspace.selectedHttpClient?.clientKey ?? "fetch"
-			};
-		});
-		const codeSamples = computed(() => __props.operation["x-codeSamples"] || __props.operation["x-code-samples"] || __props.operation["x-custom-examples"]);
-		const localSelectedClientState = ref(codeSamples.value?.length ? {
-			targetKey: "custom",
-			clientKey: codeSamples.value[0]?.lang
-		} : {
-			targetKey: __props.workspace.selectedHttpClient?.targetKey ?? "js",
-			clientKey: __props.workspace.selectedHttpClient?.clientKey ?? "fetch"
-		});
-		/**
-		* Returns selected security schemes for the request
-		*/
-		const selectedSecuritySchemes = computed(() => {
-			return (__props.operation.selectedSecuritySchemeUids || __props.collection.selectedSecuritySchemeUids || []).flat().map((uid) => securitySchemes[uid]).filter((scheme) => Boolean(scheme));
-		});
-		/**
-		* Group plugins by target/language to show in a dropdown, also build a dictionary in the same loop
-		**/
-		const snippets = computed(() => {
-			const dict = {};
-			const builtInOptions = snippetz().clients().map((group) => ({
-				label: group.title,
-				options: group.clients.map((plugin) => {
-					dict[`${group.key},${plugin.client}`] = plugin.title;
-					return {
-						id: `${group.key},${plugin.client}`,
-						label: plugin.title
-					};
-				})
-			}));
-			const customExamples = (__props.operation["x-codeSamples"] || __props.operation["x-code-samples"] || __props.operation["x-custom-examples"] || []).map((sample) => ({
-				id: `custom,${sample.lang}`,
-				label: sample.label || sample.lang
-			}));
-			const options = customExamples.length > 0 ? [{
-				id: "customExamples",
-				label: "Code Examples",
-				options: customExamples.map((customExample) => ({
-					id: customExample.id,
-					label: customExample.label ?? customExample.id
-				}))
-			}, ...builtInOptions] : builtInOptions;
-			customExamples.forEach((sample) => {
-				dict[sample.id] = sample.label ?? sample.id;
-			});
-			return {
-				options,
-				dict
-			};
-		});
-		/** The currently selected plugin */
-		const selectedPlugin = computed(() => {
-			const client = localSelectedClient.value;
-			if (client.targetKey === "custom") {
-				const id = `custom,${client.clientKey}`;
-				return {
-					id,
-					label: snippets.value.dict[id] ?? "Unknown"
-				};
-			}
-			const id = `${client.targetKey},${client.clientKey}`;
-			return {
-				id,
-				label: snippets.value.dict[id] ?? "Unknown"
-			};
-		});
-		/** The currently selected target */
-		const selectedTarget = computed(() => localSelectedClient.value.targetKey);
-		/** The currently selected client */
-		const selectedClient = computed(() => localSelectedClient.value.clientKey);
-		/** Update the selection when a new client is picked */
-		const selectClient = (value) => {
-			if (!value) return;
-			const { id } = value;
-			const [target, client] = id.split(",");
-			if (!target || !client) return;
-			localSelectedClientState.value = {
-				targetKey: target,
-				clientKey: client
-			};
-			if (target !== "custom") workspaceMutators.edit(__props.workspace.uid, "selectedHttpClient", {
-				targetKey: target,
-				clientKey: client
-			});
-		};
-		/** Get the code sample content for a custom example */
-		const customCodeContent = computed(() => {
-			if (!selectedPlugin.value.id.startsWith("custom,")) return;
-			const lang = selectedPlugin.value.id.split(",")[1];
-			return (codeSamples.value?.find((s) => s.lang === lang))?.source;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(ViewLayoutCollapse_default, {
-				class: "group/preview w-full border-b-0",
-				defaultOpen: false
-			}, {
-				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Code Snippet", -1)])]),
-				actions: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarCombobox), {
-					modelValue: selectedPlugin.value,
-					options: snippets.value.options,
-					placement: "bottom-end",
-					"onUpdate:modelValue": selectClient
-				}, {
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-1.25 py-0.75 font-normal",
-						variant: "ghost"
-					}, {
-						default: withCtx(() => [createElementVNode("span", null, toDisplayString(selectedPlugin.value?.label), 1), createVNode(unref(ScalarIcon), {
-							icon: "ChevronDown",
-							size: "md"
-						})]),
-						_: 1
-					})]),
-					_: 1
-				}, 8, ["modelValue", "options"])])]),
-				default: withCtx(() => [createVNode(DataTable_default, {
-					columns: [""],
-					presentational: ""
-				}, {
-					default: withCtx(() => [createVNode(DataTableRow_default, null, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_3, [customCodeContent.value ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
-							key: 0,
-							content: customCodeContent.value,
-							lang: selectedPlugin.value.id.split(",")[1] ?? "plaintext"
-						}, null, 8, ["content", "lang"])) : (openBlock(), createBlock(unref(CodeSnippet_default), {
-							key: 1,
-							client: selectedClient.value,
-							example: __props.example,
-							operation: __props.operation,
-							securitySchemes: selectedSecuritySchemes.value,
-							server: __props.server,
-							target: selectedTarget.value,
-							environment: __props.environment
-						}, null, 8, [
-							"client",
-							"example",
-							"operation",
-							"securitySchemes",
-							"server",
-							"target",
-							"environment"
-						]))])]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]);
-		};
-	}
-});
-//#endregion
-export { RequestCodeExample_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=RequestCodeExample.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestCodeExample.vue.script.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarCodeBlock,\n  ScalarCombobox,\n  ScalarIcon,\n  type ScalarComboboxOption,\n} from '@scalar/components'\nimport type {\n  Collection,\n  Operation,\n  RequestExample,\n  SecurityScheme,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { snippetz, type ClientId, type TargetId } from '@scalar/snippetz'\nimport { computed, ref } from 'vue'\n\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport type { EnvVariables } from '@/libs/env-helpers'\nimport { useWorkspace } from '@/store'\nimport { CodeSnippet } from '@/views/Components/CodeSnippet'\n\nconst { collection, example, operation, server, workspace } = defineProps<{\n  collection: Collection\n  example: RequestExample\n  operation: Operation\n  server: Server | undefined\n  workspace: Workspace\n  environment: EnvVariables\n}>()\n\nconst { securitySchemes, workspaceMutators } = useWorkspace()\n\nconst localSelectedClient = computed(() => {\n  // If the current selection is a custom example\n  if (localSelectedClientState.value.targetKey === 'custom') {\n    // Check if this custom example still exists in the new operation\n    const customExampleExists = codeSamples.value?.some(\n      (sample) => sample.lang === localSelectedClientState.value.clientKey,\n    )\n\n    // If it exists, keep using it\n    if (customExampleExists) {\n      return localSelectedClientState.value\n    }\n  }\n\n  // Otherwise fall back to workspace selection\n  return {\n    targetKey: workspace.selectedHttpClient?.targetKey ?? 'js',\n    clientKey: workspace.selectedHttpClient?.clientKey ?? 'fetch',\n  }\n})\n\nconst codeSamples = computed(\n  () =>\n    operation['x-codeSamples'] ||\n    operation['x-code-samples'] ||\n    operation['x-custom-examples'],\n)\n\n// Store the actual selected state\nconst localSelectedClientState = ref(\n  codeSamples.value?.length\n    ? {\n        targetKey: 'custom',\n        clientKey: codeSamples.value[0]?.lang,\n      }\n    : {\n        targetKey: workspace.selectedHttpClient?.targetKey ?? 'js',\n        clientKey: workspace.selectedHttpClient?.clientKey ?? 'fetch',\n      },\n)\n\n/**\n * Returns selected security schemes for the request\n */\nconst selectedSecuritySchemes = computed(() => {\n  const uids =\n    operation.selectedSecuritySchemeUids ||\n    collection.selectedSecuritySchemeUids ||\n    []\n  return uids\n    .flat()\n    .map((uid) => securitySchemes[uid])\n    .filter((scheme): scheme is SecurityScheme => Boolean(scheme))\n})\n\n/**\n * Group plugins by target/language to show in a dropdown, also build a dictionary in the same loop\n **/\nconst snippets = computed(() => {\n  const dict: Record<string, string> = {}\n\n  // Get the built-in snippets\n  const builtInOptions = snippetz()\n    .clients()\n    .map((group) => ({\n      label: group.title,\n      options: group.clients.map((plugin) => {\n        dict[`${group.key},${plugin.client}`] = plugin.title\n        return {\n          id: `${group.key},${plugin.client}`,\n          label: plugin.title,\n        }\n      }),\n    }))\n\n  // Get any custom code samples from x-codeSamples\n  const customExamples = (\n    operation['x-codeSamples'] ||\n    operation['x-code-samples'] ||\n    operation['x-custom-examples'] ||\n    []\n  ).map((sample) => ({\n    id: `custom,${sample.lang}`,\n    label: sample.label || sample.lang,\n  }))\n\n  // If we have custom samples, add them as a new group\n  const options =\n    customExamples.length > 0\n      ? [\n          {\n            id: 'customExamples',\n            label: 'Code Examples',\n            options: customExamples.map((customExample) => ({\n              id: customExample.id,\n              label: customExample.label ?? customExample.id,\n            })),\n          },\n          ...builtInOptions,\n        ]\n      : builtInOptions\n\n  // Add custom samples to the dictionary\n  customExamples.forEach((sample) => {\n    dict[sample.id] = sample.label ?? sample.id\n  })\n\n  return {\n    options,\n    dict,\n  }\n})\n\n/** The currently selected plugin */\nconst selectedPlugin = computed(() => {\n  const client = localSelectedClient.value\n\n  // Handle custom examples\n  if (client.targetKey === 'custom') {\n    const id = `custom,${client.clientKey}`\n    return {\n      id,\n      label: snippets.value.dict[id] ?? 'Unknown',\n    }\n  }\n\n  // Handle regular snippetz plugins\n  const id = `${client.targetKey},${client.clientKey}`\n  return {\n    id,\n    label: snippets.value.dict[id] ?? 'Unknown',\n  }\n})\n\n/** The currently selected target */\nconst selectedTarget = computed(\n  () => localSelectedClient.value.targetKey as TargetId,\n)\n\n/** The currently selected client */\nconst selectedClient = computed(\n  () => localSelectedClient.value.clientKey as ClientId<TargetId>,\n)\n\n/** Update the selection when a new client is picked */\nconst selectClient = (value: ScalarComboboxOption | undefined) => {\n  if (!value) {\n    return\n  }\n  const { id } = value\n  const [target, client] = id.split(',')\n\n  if (!target || !client) {\n    return\n  }\n\n  // Update the state ref\n  localSelectedClientState.value = {\n    targetKey: target,\n    clientKey: client,\n  }\n\n  // Only update workspace for non-custom selections\n  if (target !== 'custom') {\n    workspaceMutators.edit(workspace.uid, 'selectedHttpClient', {\n      targetKey: target,\n      clientKey: client,\n    })\n  }\n}\n\n/** Get the code sample content for a custom example */\nconst customCodeContent = computed(() => {\n  if (!selectedPlugin.value.id.startsWith('custom,')) {\n    return undefined\n  }\n\n  const lang = selectedPlugin.value.id.split(',')[1]\n  const sample = codeSamples.value?.find((s) => s.lang === lang)\n  return sample?.source\n})\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <ViewLayoutCollapse\n      class=\"group/preview w-full border-b-0\"\n      :defaultOpen=\"false\">\n      <template #title>Code Snippet</template>\n      <template #actions>\n        <div class=\"flex flex-1\">\n          <ScalarCombobox\n            :modelValue=\"selectedPlugin\"\n            :options=\"snippets.options\"\n            placement=\"bottom-end\"\n            @update:modelValue=\"selectClient\">\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-1.25 py-0.75 font-normal\"\n              variant=\"ghost\">\n              <span>{{ selectedPlugin?.label }}</span>\n              <ScalarIcon\n                icon=\"ChevronDown\"\n                size=\"md\" />\n            </ScalarButton>\n          </ScalarCombobox>\n        </div>\n      </template>\n      <DataTable\n        :columns=\"['']\"\n        presentational>\n        <DataTableRow>\n          <div\n            class=\"bg-b-1 flex items-center justify-center overflow-hidden border-t\">\n            <!-- Use the given code example -->\n            <template v-if=\"customCodeContent\">\n              <ScalarCodeBlock\n                :content=\"customCodeContent\"\n                :lang=\"selectedPlugin.id.split(',')[1] ?? 'plaintext'\" />\n            </template>\n            <!-- Generate a code snippet -->\n            <template v-else>\n              <CodeSnippet\n                :client=\"selectedClient\"\n                :example=\"example\"\n                :operation=\"operation\"\n                :securitySchemes=\"selectedSecuritySchemes\"\n                :server=\"server\"\n                :target=\"selectedTarget\"\n                :environment=\"environment\" />\n            </template>\n          </div>\n        </DataTableRow>\n      </DataTable>\n    </ViewLayoutCollapse>\n  </div>\n</template>\n<style scoped>\n:deep(code.hljs *) {\n  font-size: var(--scalar-small);\n}\n</style>\n"],"mappings":"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"}

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

@@ -1,25 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import { type RequestExample } from '@scalar/oas-utils/entities/spec';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { RouteLocationRaw } from 'vue-router';
-import type { EnvVariable } from '../../../store/active-entities.js';
-type __VLS_Props = {
-    example: RequestExample;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    workspace: Workspace;
-    title: string;
-    label: string;
-    paramKey: keyof RequestExample['parameters'];
-    readOnlyEntries?: {
-        key: string;
-        value: string;
-        enabled: boolean;
-        route: RouteLocationRaw;
-    }[];
-    invalidParams: Set<string>;
-};
-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=RequestParams.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAkPA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG1D,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,cAAc,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,EAAE,gBAAgB,CAAA;KACxB,EAAE,CAAA;IACH,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAC;AA+VF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,7 +0,0 @@
-import RequestParams_vue_vue_type_script_setup_true_lang_default from "./RequestParams.vue.script.js";
-//#region src/views/Request/RequestSection/RequestParams.vue
-var RequestParams_default = RequestParams_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RequestParams_default as default };
-
-//# sourceMappingURL=RequestParams.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestParams.vue.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTooltip } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport {\n  requestExampleParametersSchema,\n  type RequestExample,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\nimport RequestTable from '@/views/Request/RequestSection/RequestTable.vue'\n\nconst {\n  example,\n  environment,\n  envVariables,\n  workspace,\n  title,\n  paramKey,\n  readOnlyEntries = [],\n} = defineProps<{\n  example: RequestExample\n  environment: Environment\n  envVariables: EnvVariable[]\n  workspace: Workspace\n  title: string\n  label: string\n  paramKey: keyof RequestExample['parameters']\n  readOnlyEntries?: {\n    key: string\n    value: string\n    enabled: boolean\n    route: RouteLocationRaw\n  }[]\n  invalidParams: Set<string>\n}>()\n\nconst { requestExampleMutators } = useWorkspace()\n\nconst params = computed(() => example.parameters[paramKey] ?? [])\n\nonMounted(() => {\n  nextTick(() => {\n    defaultRow()\n  })\n})\n\n/** Add a new row to a given parameter list */\nconst addRow = () => {\n  /** Create a new parameter instance with 'enabled' set to false */\n  const newParam = requestExampleParametersSchema.parse({ enabled: false })\n  const newParams = [...params.value, newParam]\n\n  requestExampleMutators.edit(example.uid, `parameters.${paramKey}`, newParams)\n}\n\nconst tableWrapperRef = ref<HTMLInputElement | null>(null)\n\n/** Update a field in a parameter row */\nconst updateRow = (rowIdx: number, field: 'key' | 'value', value: string) => {\n  const currentParams = params.value\n  if (currentParams.length > rowIdx) {\n    const updatedParams = [...currentParams]\n    if (!updatedParams[rowIdx]) {\n      return\n    }\n\n    updatedParams[rowIdx] = { ...updatedParams[rowIdx], [field]: value }\n\n    /** enable row key or value is filled */\n    if (\n      updatedParams[rowIdx].key !== '' ||\n      updatedParams[rowIdx].value !== ''\n    ) {\n      updatedParams[rowIdx].enabled = true\n    }\n\n    /** check key and value input state */\n    if (\n      updatedParams[rowIdx].key === '' &&\n      updatedParams[rowIdx].value === ''\n    ) {\n      /** remove if empty */\n      updatedParams.splice(rowIdx, 1)\n    }\n\n    requestExampleMutators.edit(\n      example.uid,\n      `parameters.${paramKey}`,\n      updatedParams,\n    )\n  } else {\n    /** if there is no row at the index, add a new one */\n    const payload = [requestExampleParametersSchema.parse({ [field]: value })]\n    requestExampleMutators.edit(example.uid, `parameters.${paramKey}`, payload)\n\n    /** focus the new row */\n    nextTick(() => {\n      if (!tableWrapperRef.value) {\n        return\n      }\n      const inputs = tableWrapperRef.value.querySelectorAll('input')\n      const inputsIndex = field === 'key' ? 0 : 1\n      inputs[inputsIndex]?.focus()\n    })\n  }\n\n  // Add a new row if the updated row is the last one\n  if (rowIdx === currentParams.length - 1) {\n    addRow()\n  }\n}\n\n/** Toggle a parameter row on or off */\nconst toggleRow = (rowIdx: number, enabled: boolean) =>\n  requestExampleMutators.edit(\n    example.uid,\n    `parameters.${paramKey}.${rowIdx}.enabled`,\n    enabled,\n  )\n\nconst deleteAllRows = () => {\n  // filter out params that are enabled or required\n  const exampleParams = params.value.filter((param) => param.required)\n\n  requestExampleMutators.edit(\n    example.uid,\n    `parameters.${paramKey}`,\n    exampleParams,\n  )\n\n  /** ensure one empty row after deleting all rows */\n  nextTick(() => addRow())\n}\n\nconst deleteRow = (rowIdx: number) => {\n  const currentParams = params.value\n  if (currentParams.length > rowIdx) {\n    const updatedParams = [...currentParams]\n    updatedParams.splice(rowIdx, 1)\n\n    requestExampleMutators.edit(\n      example.uid,\n      `parameters.${paramKey}`,\n      updatedParams,\n    )\n  }\n}\n\nfunction defaultRow() {\n  /** ensure one empty row by default */\n  if (params.value.length === 0) {\n    addRow()\n  } else if (params.value.length >= 1) {\n    /** ensure we always have a trailing empty row */\n    const lastParam = params.value[params.value.length - 1]\n    if (lastParam && lastParam.key !== '' && lastParam.value !== '') {\n      addRow()\n    }\n  }\n}\n\nconst itemCount = computed(\n  () => params.value.filter((param) => param.key || param.value).length,\n)\n\nconst showTooltip = computed(() => params.value.length > 1)\n\nwatch(\n  () => example,\n  (newVal, oldVal) => {\n    if (newVal !== oldVal) {\n      defaultRow()\n    }\n  },\n  { immediate: true },\n)\n\nconst hasReadOnlyEntries = computed(() => (readOnlyEntries ?? []).length > 0)\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"group/params\"\n    :itemCount=\"itemCount\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          content=\"Clear optional parameters\"\n          placement=\"left\">\n          <ScalarButton\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"deleteAllRows\">\n            Clear\n            <span class=\"sr-only\">All {{ title }}</span>\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <div ref=\"tableWrapperRef\">\n      <!-- Read-only entries pinned to the top -->\n      <RequestTable\n        v-if=\"hasReadOnlyEntries\"\n        class=\"flex-1\"\n        :class=\"{ 'bg-c-3/5': hasReadOnlyEntries }\"\n        :columns=\"['32px', '', '']\"\n        :envVariables=\"envVariables\"\n        :environment=\"environment\"\n        :invalidParams=\"invalidParams\"\n        isGlobal\n        isReadOnly\n        :items=\"readOnlyEntries\"\n        :label\n        :workspace=\"workspace\" />\n      <!-- Dynamic entries -->\n      <RequestTable\n        class=\"flex-1\"\n        :columns=\"['32px', '', '']\"\n        :envVariables=\"envVariables\"\n        :environment=\"environment\"\n        :invalidParams=\"invalidParams\"\n        :items=\"params\"\n        :label\n        :workspace=\"workspace\"\n        @toggleRow=\"toggleRow\"\n        @updateRow=\"updateRow\"\n        @deleteRow=\"deleteRow\" />\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

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

@@ -1,180 +0,0 @@
-import { useWorkspace } from "../../../store/store.js";
-import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import RequestTable_default from "./RequestTable.vue.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
-import { ScalarButton, ScalarTooltip } from "@scalar/components";
-import { requestExampleParametersSchema } from "@scalar/oas-utils/entities/spec";
-//#region src/views/Request/RequestSection/RequestParams.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" };
-var _hoisted_2 = { class: "sr-only" };
-var RequestParams_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "RequestParams",
-	props: {
-		example: {},
-		environment: {},
-		envVariables: {},
-		workspace: {},
-		title: {},
-		label: {},
-		paramKey: {},
-		readOnlyEntries: { default: () => [] },
-		invalidParams: {}
-	},
-	setup(__props) {
-		const { requestExampleMutators } = useWorkspace();
-		const params = computed(() => __props.example.parameters[__props.paramKey] ?? []);
-		onMounted(() => {
-			nextTick(() => {
-				defaultRow();
-			});
-		});
-		/** Add a new row to a given parameter list */
-		const addRow = () => {
-			/** Create a new parameter instance with 'enabled' set to false */
-			const newParam = requestExampleParametersSchema.parse({ enabled: false });
-			const newParams = [...params.value, newParam];
-			requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, newParams);
-		};
-		const tableWrapperRef = ref(null);
-		/** Update a field in a parameter row */
-		const updateRow = (rowIdx, field, value) => {
-			const currentParams = params.value;
-			if (currentParams.length > rowIdx) {
-				const updatedParams = [...currentParams];
-				if (!updatedParams[rowIdx]) return;
-				updatedParams[rowIdx] = {
-					...updatedParams[rowIdx],
-					[field]: value
-				};
-				/** enable row key or value is filled */
-				if (updatedParams[rowIdx].key !== "" || updatedParams[rowIdx].value !== "") updatedParams[rowIdx].enabled = true;
-				/** check key and value input state */
-				if (updatedParams[rowIdx].key === "" && updatedParams[rowIdx].value === "")
- /** remove if empty */
-				updatedParams.splice(rowIdx, 1);
-				requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, updatedParams);
-			} else {
-				/** if there is no row at the index, add a new one */
-				const payload = [requestExampleParametersSchema.parse({ [field]: value })];
-				requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, payload);
-				/** focus the new row */
-				nextTick(() => {
-					if (!tableWrapperRef.value) return;
-					tableWrapperRef.value.querySelectorAll("input")[field === "key" ? 0 : 1]?.focus();
-				});
-			}
-			if (rowIdx === currentParams.length - 1) addRow();
-		};
-		/** Toggle a parameter row on or off */
-		const toggleRow = (rowIdx, enabled) => requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}.${rowIdx}.enabled`, enabled);
-		const deleteAllRows = () => {
-			const exampleParams = params.value.filter((param) => param.required);
-			requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, exampleParams);
-			/** ensure one empty row after deleting all rows */
-			nextTick(() => addRow());
-		};
-		const deleteRow = (rowIdx) => {
-			const currentParams = params.value;
-			if (currentParams.length > rowIdx) {
-				const updatedParams = [...currentParams];
-				updatedParams.splice(rowIdx, 1);
-				requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, updatedParams);
-			}
-		};
-		function defaultRow() {
-			/** ensure one empty row by default */
-			if (params.value.length === 0) addRow();
-			else if (params.value.length >= 1) {
-				/** ensure we always have a trailing empty row */
-				const lastParam = params.value[params.value.length - 1];
-				if (lastParam && lastParam.key !== "" && lastParam.value !== "") addRow();
-			}
-		}
-		const itemCount = computed(() => params.value.filter((param) => param.key || param.value).length);
-		const showTooltip = computed(() => params.value.length > 1);
-		watch(() => __props.example, (newVal, oldVal) => {
-			if (newVal !== oldVal) defaultRow();
-		}, { immediate: true });
-		const hasReadOnlyEntries = computed(() => (__props.readOnlyEntries ?? []).length > 0);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayoutCollapse_default, {
-				class: "group/params",
-				itemCount: itemCount.value
-			}, {
-				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
-				actions: withCtx(() => [createElementVNode("div", _hoisted_1, [showTooltip.value ? (openBlock(), createBlock(unref(ScalarTooltip), {
-					key: 0,
-					content: "Clear optional parameters",
-					placement: "left"
-				}, {
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						class: "pr-0.75 pl-1 transition-none",
-						size: "sm",
-						variant: "ghost",
-						onClick: withModifiers(deleteAllRows, ["stop"])
-					}, {
-						default: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode(" Clear ", -1)), createElementVNode("span", _hoisted_2, "All " + toDisplayString(__props.title), 1)]),
-						_: 1
-					})]),
-					_: 1
-				})) : createCommentVNode("", true)])]),
-				default: withCtx(() => [createElementVNode("div", {
-					ref_key: "tableWrapperRef",
-					ref: tableWrapperRef
-				}, [hasReadOnlyEntries.value ? (openBlock(), createBlock(RequestTable_default, {
-					key: 0,
-					class: normalizeClass(["flex-1", { "bg-c-3/5": hasReadOnlyEntries.value }]),
-					columns: [
-						"32px",
-						"",
-						""
-					],
-					envVariables: __props.envVariables,
-					environment: __props.environment,
-					invalidParams: __props.invalidParams,
-					isGlobal: "",
-					isReadOnly: "",
-					items: __props.readOnlyEntries,
-					label: __props.label,
-					workspace: __props.workspace
-				}, null, 8, [
-					"class",
-					"envVariables",
-					"environment",
-					"invalidParams",
-					"items",
-					"label",
-					"workspace"
-				])) : createCommentVNode("", true), createVNode(RequestTable_default, {
-					class: "flex-1",
-					columns: [
-						"32px",
-						"",
-						""
-					],
-					envVariables: __props.envVariables,
-					environment: __props.environment,
-					invalidParams: __props.invalidParams,
-					items: params.value,
-					label: __props.label,
-					workspace: __props.workspace,
-					onToggleRow: toggleRow,
-					onUpdateRow: updateRow,
-					onDeleteRow: deleteRow
-				}, null, 8, [
-					"envVariables",
-					"environment",
-					"invalidParams",
-					"items",
-					"label",
-					"workspace"
-				])], 512)]),
-				_: 1
-			}, 8, ["itemCount"]);
-		};
-	}
-});
-//#endregion
-export { RequestParams_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=RequestParams.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestParams.vue.script.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTooltip } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport {\n  requestExampleParametersSchema,\n  type RequestExample,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\nimport RequestTable from '@/views/Request/RequestSection/RequestTable.vue'\n\nconst {\n  example,\n  environment,\n  envVariables,\n  workspace,\n  title,\n  paramKey,\n  readOnlyEntries = [],\n} = defineProps<{\n  example: RequestExample\n  environment: Environment\n  envVariables: EnvVariable[]\n  workspace: Workspace\n  title: string\n  label: string\n  paramKey: keyof RequestExample['parameters']\n  readOnlyEntries?: {\n    key: string\n    value: string\n    enabled: boolean\n    route: RouteLocationRaw\n  }[]\n  invalidParams: Set<string>\n}>()\n\nconst { requestExampleMutators } = useWorkspace()\n\nconst params = computed(() => example.parameters[paramKey] ?? [])\n\nonMounted(() => {\n  nextTick(() => {\n    defaultRow()\n  })\n})\n\n/** Add a new row to a given parameter list */\nconst addRow = () => {\n  /** Create a new parameter instance with 'enabled' set to false */\n  const newParam = requestExampleParametersSchema.parse({ enabled: false })\n  const newParams = [...params.value, newParam]\n\n  requestExampleMutators.edit(example.uid, `parameters.${paramKey}`, newParams)\n}\n\nconst tableWrapperRef = ref<HTMLInputElement | null>(null)\n\n/** Update a field in a parameter row */\nconst updateRow = (rowIdx: number, field: 'key' | 'value', value: string) => {\n  const currentParams = params.value\n  if (currentParams.length > rowIdx) {\n    const updatedParams = [...currentParams]\n    if (!updatedParams[rowIdx]) {\n      return\n    }\n\n    updatedParams[rowIdx] = { ...updatedParams[rowIdx], [field]: value }\n\n    /** enable row key or value is filled */\n    if (\n      updatedParams[rowIdx].key !== '' ||\n      updatedParams[rowIdx].value !== ''\n    ) {\n      updatedParams[rowIdx].enabled = true\n    }\n\n    /** check key and value input state */\n    if (\n      updatedParams[rowIdx].key === '' &&\n      updatedParams[rowIdx].value === ''\n    ) {\n      /** remove if empty */\n      updatedParams.splice(rowIdx, 1)\n    }\n\n    requestExampleMutators.edit(\n      example.uid,\n      `parameters.${paramKey}`,\n      updatedParams,\n    )\n  } else {\n    /** if there is no row at the index, add a new one */\n    const payload = [requestExampleParametersSchema.parse({ [field]: value })]\n    requestExampleMutators.edit(example.uid, `parameters.${paramKey}`, payload)\n\n    /** focus the new row */\n    nextTick(() => {\n      if (!tableWrapperRef.value) {\n        return\n      }\n      const inputs = tableWrapperRef.value.querySelectorAll('input')\n      const inputsIndex = field === 'key' ? 0 : 1\n      inputs[inputsIndex]?.focus()\n    })\n  }\n\n  // Add a new row if the updated row is the last one\n  if (rowIdx === currentParams.length - 1) {\n    addRow()\n  }\n}\n\n/** Toggle a parameter row on or off */\nconst toggleRow = (rowIdx: number, enabled: boolean) =>\n  requestExampleMutators.edit(\n    example.uid,\n    `parameters.${paramKey}.${rowIdx}.enabled`,\n    enabled,\n  )\n\nconst deleteAllRows = () => {\n  // filter out params that are enabled or required\n  const exampleParams = params.value.filter((param) => param.required)\n\n  requestExampleMutators.edit(\n    example.uid,\n    `parameters.${paramKey}`,\n    exampleParams,\n  )\n\n  /** ensure one empty row after deleting all rows */\n  nextTick(() => addRow())\n}\n\nconst deleteRow = (rowIdx: number) => {\n  const currentParams = params.value\n  if (currentParams.length > rowIdx) {\n    const updatedParams = [...currentParams]\n    updatedParams.splice(rowIdx, 1)\n\n    requestExampleMutators.edit(\n      example.uid,\n      `parameters.${paramKey}`,\n      updatedParams,\n    )\n  }\n}\n\nfunction defaultRow() {\n  /** ensure one empty row by default */\n  if (params.value.length === 0) {\n    addRow()\n  } else if (params.value.length >= 1) {\n    /** ensure we always have a trailing empty row */\n    const lastParam = params.value[params.value.length - 1]\n    if (lastParam && lastParam.key !== '' && lastParam.value !== '') {\n      addRow()\n    }\n  }\n}\n\nconst itemCount = computed(\n  () => params.value.filter((param) => param.key || param.value).length,\n)\n\nconst showTooltip = computed(() => params.value.length > 1)\n\nwatch(\n  () => example,\n  (newVal, oldVal) => {\n    if (newVal !== oldVal) {\n      defaultRow()\n    }\n  },\n  { immediate: true },\n)\n\nconst hasReadOnlyEntries = computed(() => (readOnlyEntries ?? []).length > 0)\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"group/params\"\n    :itemCount=\"itemCount\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          content=\"Clear optional parameters\"\n          placement=\"left\">\n          <ScalarButton\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"deleteAllRows\">\n            Clear\n            <span class=\"sr-only\">All {{ title }}</span>\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <div ref=\"tableWrapperRef\">\n      <!-- Read-only entries pinned to the top -->\n      <RequestTable\n        v-if=\"hasReadOnlyEntries\"\n        class=\"flex-1\"\n        :class=\"{ 'bg-c-3/5': hasReadOnlyEntries }\"\n        :columns=\"['32px', '', '']\"\n        :envVariables=\"envVariables\"\n        :environment=\"environment\"\n        :invalidParams=\"invalidParams\"\n        isGlobal\n        isReadOnly\n        :items=\"readOnlyEntries\"\n        :label\n        :workspace=\"workspace\" />\n      <!-- Dynamic entries -->\n      <RequestTable\n        class=\"flex-1\"\n        :columns=\"['32px', '', '']\"\n        :envVariables=\"envVariables\"\n        :environment=\"environment\"\n        :invalidParams=\"invalidParams\"\n        :items=\"params\"\n        :label\n        :workspace=\"workspace\"\n        @toggleRow=\"toggleRow\"\n        @updateRow=\"updateRow\"\n        @deleteRow=\"deleteRow\" />\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":"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"}

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

@@ -1,18 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { Operation, RequestExample } from '@scalar/oas-utils/entities/spec';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '../../../store/active-entities.js';
-type __VLS_Props = {
-    example: RequestExample;
-    operation: Operation;
-    paramKey: keyof RequestExample['parameters'];
-    title: string;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    workspace: Workspace;
-    invalidParams: Set<string>;
-};
-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=RequestPathParams.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestPathParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"names":[],"mappings":"AAqJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAMrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG1D,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;IACpB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAC;AA0LF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,7 +0,0 @@
-import RequestPathParams_vue_vue_type_script_setup_true_lang_default from "./RequestPathParams.vue.script.js";
-//#region src/views/Request/RequestSection/RequestPathParams.vue
-var RequestPathParams_default = RequestPathParams_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RequestPathParams_default as default };
-
-//# sourceMappingURL=RequestPathParams.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RequestPathParams.vue.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { Operation, RequestExample } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { REGEX } from '@scalar/oas-utils/helpers'\nimport { computed, watch } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\nimport RequestTable from '@/views/Request/RequestSection/RequestTable.vue'\n\nconst {\n  example,\n  operation,\n  paramKey,\n  title,\n  environment,\n  envVariables,\n  workspace,\n} = defineProps<{\n  example: RequestExample\n  operation: Operation\n  paramKey: keyof RequestExample['parameters']\n  title: string\n  environment: Environment\n  envVariables: EnvVariable[]\n  workspace: Workspace\n  invalidParams: Set<string>\n}>()\n\nconst { requestMutators, requestExampleMutators } = useWorkspace()\n\nconst params = computed(() =>\n  example.parameters[paramKey].map((param) => ({\n    ...param,\n    enum: param.enum,\n  })),\n)\n\n/** Update a field in a parameter row */\nconst updateRow = (rowIdx: number, field: 'key' | 'value', value: string) => {\n  const parameters = example.parameters[paramKey]\n  const oldKey = parameters[rowIdx]?.key\n  if (!oldKey) {\n    return\n  }\n\n  /** Change variable in path as well */\n  if (field === 'key') {\n    if (parameters[rowIdx]?.required) {\n      /** Prevent updating the key of a required item */\n      return\n    }\n    if (!value) {\n      /** Remove parameter if path params table key is empty */\n      parameters.splice(rowIdx, 1)\n      const regx = new RegExp(`/:${encodeURIComponent(oldKey)}(?=[/?#]|$)`, 'g')\n      const newPath = operation.path.replace(regx, '')\n\n      requestMutators.edit(operation.uid, 'path', newPath)\n    } else {\n      /** Update URL with path params table key */\n      const encodedOldKey = encodeURIComponent(oldKey)\n      const encodedNewKey = encodeURIComponent(value)\n      const regx = new RegExp(`(?<=/):${encodedOldKey}(?=[/?#]|$)`, 'g')\n      const newPath = operation.path.replace(regx, `:${encodedNewKey}`)\n      requestMutators.edit(operation.uid, 'path', newPath)\n    }\n  }\n\n  requestExampleMutators.edit(\n    example.uid,\n    `parameters.${paramKey}.${rowIdx}.${field}`,\n    value,\n  )\n}\n\nconst deleteRow = (rowIdx: number) => {\n  const currentParams = params.value\n  if (currentParams.length > rowIdx) {\n    const updatedParams = [...currentParams]\n    updatedParams.splice(rowIdx, 1)\n\n    requestExampleMutators.edit(\n      example.uid,\n      `parameters.${paramKey}`,\n      updatedParams,\n    )\n  }\n}\n\nconst setPathVariable = (url: string) => {\n  const pathVariables = url.match(REGEX.PATH)?.map((v) => v.slice(1, -1)) || []\n  const parameters = example.parameters[paramKey]\n\n  const paramMap = new Map(parameters.map((param) => [param.key, param]))\n  const updatedParameters = pathVariables.map(\n    (key) => paramMap.get(key) || { key, value: '', enabled: true },\n  )\n\n  parameters.forEach((param) => {\n    /** prevent removing required parameters or with a value */\n    if (!pathVariables.includes(param.key) && (param.value || param.required)) {\n      updatedParameters.push(param)\n    }\n  })\n  parameters.splice(0, parameters.length, ...updatedParameters)\n\n  requestExampleMutators.edit(example.uid, `parameters.${paramKey}`, parameters)\n}\n\nconst handlePathVariableUpdate = (url: string) => {\n  if (url) {\n    setPathVariable(url)\n  }\n}\n\nwatch(\n  () => operation.path,\n  (newURL) => {\n    if (newURL) {\n      handlePathVariableUpdate(newURL)\n    }\n  },\n)\n</script>\n<template>\n  <ViewLayoutCollapse :itemCount=\"params.length\">\n    <template #title>\n      {{ title }}\n    </template>\n\n    <RequestTable\n      v-if=\"params.length\"\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :invalidParams=\"invalidParams\"\n      :items=\"params\"\n      :workspace=\"workspace\"\n      @updateRow=\"updateRow\"\n      @deleteRow=\"deleteRow\" />\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

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

@@ -1,115 +0,0 @@
-import { useWorkspace } from "../../../store/store.js";
-import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import RequestTable_default from "./RequestTable.vue.js";
-import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, openBlock, toDisplayString, watch, withCtx } from "vue";
-import { REGEX } from "@scalar/oas-utils/helpers";
-//#region src/views/Request/RequestSection/RequestPathParams.vue?vue&type=script&setup=true&lang.ts
-var RequestPathParams_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "RequestPathParams",
-	props: {
-		example: {},
-		operation: {},
-		paramKey: {},
-		title: {},
-		environment: {},
-		envVariables: {},
-		workspace: {},
-		invalidParams: {}
-	},
-	setup(__props) {
-		const { requestMutators, requestExampleMutators } = useWorkspace();
-		const params = computed(() => __props.example.parameters[__props.paramKey].map((param) => ({
-			...param,
-			enum: param.enum
-		})));
-		/** Update a field in a parameter row */
-		const updateRow = (rowIdx, field, value) => {
-			const parameters = __props.example.parameters[__props.paramKey];
-			const oldKey = parameters[rowIdx]?.key;
-			if (!oldKey) return;
-			/** Change variable in path as well */
-			if (field === "key") {
-				if (parameters[rowIdx]?.required)
- /** Prevent updating the key of a required item */
-				return;
-				if (!value) {
-					/** Remove parameter if path params table key is empty */
-					parameters.splice(rowIdx, 1);
-					const regx = new RegExp(`/:${encodeURIComponent(oldKey)}(?=[/?#]|$)`, "g");
-					const newPath = __props.operation.path.replace(regx, "");
-					requestMutators.edit(__props.operation.uid, "path", newPath);
-				} else {
-					/** Update URL with path params table key */
-					const encodedOldKey = encodeURIComponent(oldKey);
-					const encodedNewKey = encodeURIComponent(value);
-					const regx = new RegExp(`(?<=/):${encodedOldKey}(?=[/?#]|$)`, "g");
-					const newPath = __props.operation.path.replace(regx, `:${encodedNewKey}`);
-					requestMutators.edit(__props.operation.uid, "path", newPath);
-				}
-			}
-			requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}.${rowIdx}.${field}`, value);
-		};
-		const deleteRow = (rowIdx) => {
-			const currentParams = params.value;
-			if (currentParams.length > rowIdx) {
-				const updatedParams = [...currentParams];
-				updatedParams.splice(rowIdx, 1);
-				requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, updatedParams);
-			}
-		};
-		const setPathVariable = (url) => {
-			const pathVariables = url.match(REGEX.PATH)?.map((v) => v.slice(1, -1)) || [];
-			const parameters = __props.example.parameters[__props.paramKey];
-			const paramMap = new Map(parameters.map((param) => [param.key, param]));
-			const updatedParameters = pathVariables.map((key) => paramMap.get(key) || {
-				key,
-				value: "",
-				enabled: true
-			});
-			parameters.forEach((param) => {
-				/** prevent removing required parameters or with a value */
-				if (!pathVariables.includes(param.key) && (param.value || param.required)) updatedParameters.push(param);
-			});
-			parameters.splice(0, parameters.length, ...updatedParameters);
-			requestExampleMutators.edit(__props.example.uid, `parameters.${__props.paramKey}`, parameters);
-		};
-		const handlePathVariableUpdate = (url) => {
-			if (url) setPathVariable(url);
-		};
-		watch(() => __props.operation.path, (newURL) => {
-			if (newURL) handlePathVariableUpdate(newURL);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayoutCollapse_default, { itemCount: params.value.length }, {
-				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
-				default: withCtx(() => [params.value.length ? (openBlock(), createBlock(RequestTable_default, {
-					key: 0,
-					class: "flex-1",
-					columns: [
-						"32px",
-						"",
-						""
-					],
-					envVariables: __props.envVariables,
-					environment: __props.environment,
-					invalidParams: __props.invalidParams,
-					items: params.value,
-					workspace: __props.workspace,
-					onUpdateRow: updateRow,
-					onDeleteRow: deleteRow
-				}, null, 8, [
-					"envVariables",
-					"environment",
-					"invalidParams",
-					"items",
-					"workspace"
-				])) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, ["itemCount"]);
-		};
-	}
-});
-//#endregion
-export { RequestPathParams_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=RequestPathParams.vue.script.js.map