@scalar/api-client 2.38.4 → 2.39.0

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

@@ -0,0 +1,187 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -2,7 +2,7 @@ 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';
+import type { EnvVariable } from '../../../store/active-entities.js';
 type __VLS_Props = {
     example: RequestExample;
     environment: Environment;

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,180 @@
+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

@@ -0,0 +1 @@
+{"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,7 +1,7 @@
 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';
+import type { EnvVariable } from '../../../store/active-entities.js';
 type __VLS_Props = {
     example: RequestExample;
     operation: Operation;

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,115 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestPathParams.vue.script.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":";;;;;;;;;;;;;;;;;;;EA+BA,MAAM,EAAE,iBAAiB,2BAA2B,cAAa;EAEjE,MAAM,SAAS,eACb,QAAA,QAAQ,WAAW,QAAA,UAAU,KAAK,WAAW;GAC3C,GAAG;GACH,MAAM,MAAM;GACb,EAAE,CACL;;EAGA,MAAM,aAAa,QAAgB,OAAwB,UAAkB;GAC3E,MAAM,aAAa,QAAA,QAAQ,WAAW,QAAA;GACtC,MAAM,SAAS,WAAW,SAAS;AACnC,OAAI,CAAC,OACH;;AAIF,OAAI,UAAU,OAAO;AACnB,QAAI,WAAW,SAAS;;AAEtB;AAEF,QAAI,CAAC,OAAO;;AAEV,gBAAW,OAAO,QAAQ,EAAC;KAC3B,MAAM,OAAO,IAAI,OAAO,KAAK,mBAAmB,OAAO,CAAC,cAAc,IAAG;KACzE,MAAM,UAAU,QAAA,UAAU,KAAK,QAAQ,MAAM,GAAE;AAE/C,qBAAgB,KAAK,QAAA,UAAU,KAAK,QAAQ,QAAO;WAC9C;;KAEL,MAAM,gBAAgB,mBAAmB,OAAM;KAC/C,MAAM,gBAAgB,mBAAmB,MAAK;KAC9C,MAAM,OAAO,IAAI,OAAO,UAAU,cAAc,cAAc,IAAG;KACjE,MAAM,UAAU,QAAA,UAAU,KAAK,QAAQ,MAAM,IAAI,gBAAe;AAChE,qBAAgB,KAAK,QAAA,UAAU,KAAK,QAAQ,QAAO;;;AAIvD,0BAAuB,KACrB,QAAA,QAAQ,KACR,cAAc,QAAA,SAAS,GAAG,OAAO,GAAG,SACpC,MACF;;EAGF,MAAM,aAAa,WAAmB;GACpC,MAAM,gBAAgB,OAAO;AAC7B,OAAI,cAAc,SAAS,QAAQ;IACjC,MAAM,gBAAgB,CAAC,GAAG,cAAa;AACvC,kBAAc,OAAO,QAAQ,EAAC;AAE9B,2BAAuB,KACrB,QAAA,QAAQ,KACR,cAAc,QAAA,YACd,cACF;;;EAIJ,MAAM,mBAAmB,QAAgB;GACvC,MAAM,gBAAgB,IAAI,MAAM,MAAM,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,EAAC;GAC5E,MAAM,aAAa,QAAA,QAAQ,WAAW,QAAA;GAEtC,MAAM,WAAW,IAAI,IAAI,WAAW,KAAK,UAAU,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;GACtE,MAAM,oBAAoB,cAAc,KACrC,QAAQ,SAAS,IAAI,IAAI,IAAI;IAAE;IAAK,OAAO;IAAI,SAAS;IAAM,CACjE;AAEA,cAAW,SAAS,UAAU;;AAE5B,QAAI,CAAC,cAAc,SAAS,MAAM,IAAI,KAAK,MAAM,SAAS,MAAM,UAC9D,mBAAkB,KAAK,MAAK;KAE/B;AACD,cAAW,OAAO,GAAG,WAAW,QAAQ,GAAG,kBAAiB;AAE5D,0BAAuB,KAAK,QAAA,QAAQ,KAAK,cAAc,QAAA,YAAY,WAAU;;EAG/E,MAAM,4BAA4B,QAAgB;AAChD,OAAI,IACF,iBAAgB,IAAG;;AAIvB,cACQ,QAAA,UAAU,OACf,WAAW;AACV,OAAI,OACF,0BAAyB,OAAM;IAGrC;;uBAGE,YAgBqB,4BAAA,EAhBA,WAAW,OAAA,MAAO,QAAA,EAAA;IAC1B,OAAK,cACH,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;2BAaiB,CATnB,OAAA,MAAO,UAAA,WAAA,EADf,YAU2B,sBAAA;;KARzB,OAAM;KACL,SAAS;MAAA;MAAA;MAAA;MAAgB;KACzB,cAAc,QAAA;KACd,aAAa,QAAA;KACb,eAAe,QAAA;KACf,OAAO,OAAA;KACP,WAAW,QAAA;KACX,aAAW;KACX,aAAW"}

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

@@ -2,7 +2,7 @@ import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared';
 import type { Collection, Operation, RequestExample, Server } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '../../../store/active-entities';
+import type { EnvVariable } from '../../../store/active-entities.js';
 type __VLS_Props = {
     collection: Collection;
     environment: Environment;

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

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