@scalar/api-client 2.38.4 → 2.39.1

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.script.js

@@ -0,0 +1,152 @@
+import CodeInput_default from "../../../components/code-input/CodeInput.vue.js";
+import DataTable_default from "../../../components/data-table/DataTable.vue.js";
+import DataTableCell_default from "../../../components/data-table/DataTableCell.vue.js";
+import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconTrash } from "@scalar/icons";
+//#region src/v2/features/environments/components/EnvironmentVariablesTable.vue?vue&type=script&setup=true&lang.ts
+var EnvironmentVariablesTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "EnvironmentVariablesTable",
+	props: {
+		environment: {},
+		environmentName: {},
+		eventBus: {},
+		collectionType: {}
+	},
+	setup(__props) {
+		/** Column widths: Name, Value, Actions (delete button) */
+		const COLUMNS = [
+			"1fr",
+			"1fr",
+			"36px"
+		];
+		/** Adds an empty row at the end for creating new variables */
+		const displayRows = computed(() => {
+			/** Normalize the variables to have a name and value */
+			const variableRows = __props.environment.variables.map((v) => ({
+				name: v.name,
+				value: typeof v.value === "string" ? v.value : v.value.default
+			}));
+			const lastRow = __props.environment.variables.at(-1);
+			const hasContentInLastRow = lastRow && (lastRow.name !== "" || lastRow.value !== "");
+			if (!lastRow || hasContentInLastRow) return [...variableRows, {
+				name: "",
+				value: ""
+			}];
+			return variableRows;
+		});
+		/** Updates an existing variable or creates a new one */
+		const handleVariableChange = (name, value, index) => {
+			const isNewVariable = index >= __props.environment.variables.length;
+			/**
+			* Do not allow adding a new variable with an empty name on the last row,
+			* we allow it on other rows as it will delete the row
+			*/
+			if (!name && isNewVariable) return;
+			if (index >= __props.environment.variables.length) {
+				__props.eventBus.emit("environment:upsert:environment-variable", {
+					environmentName: __props.environmentName,
+					variable: {
+						name,
+						value
+					},
+					collectionType: __props.collectionType
+				});
+				return;
+			}
+			__props.eventBus.emit("environment:upsert:environment-variable", {
+				environmentName: __props.environmentName,
+				variable: {
+					name,
+					value
+				},
+				index,
+				collectionType: __props.collectionType
+			});
+		};
+		/** Deletes a variable by index */
+		const handleVariableDelete = (index) => __props.eventBus.emit("environment:delete:environment-variable", {
+			environmentName: __props.environmentName,
+			index,
+			collectionType: __props.collectionType
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTable_default), {
+				class: "group/table data-table h-min flex-1 rounded",
+				columns: COLUMNS
+			}, {
+				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
+					default: withCtx(() => [
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Name", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Value", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Actions", -1)])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
+					return openBlock(), createBlock(unref(DataTableRow_default), {
+						key: index,
+						class: "group/row"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Environment Variable Name",
+									disableCloseBrackets: "",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.name,
+									placeholder: "Name",
+									"onUpdate:modelValue": (name) => handleVariableChange(name, row.value, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Environment Variable Value",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.value,
+									placeholder: "Value",
+									"onUpdate:modelValue": (value) => handleVariableChange(row.name, value, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), { class: "flex items-center justify-center" }, {
+								default: withCtx(() => [index < __props.environment.variables.length ? (openBlock(), createBlock(unref(ScalarButton), {
+									key: 0,
+									class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex",
+									size: "sm",
+									variant: "ghost",
+									onClick: ($event) => handleVariableDelete(index)
+								}, {
+									default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+									_: 1
+								}, 8, ["onClick"])) : createCommentVNode("", true)]),
+								_: 2
+							}, 1024)
+						]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { EnvironmentVariablesTable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=EnvironmentVariablesTable.vue.script.js.map

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentVariablesTable.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { environment, environmentName, eventBus, collectionType } = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Name, Value, Actions (delete button) */\nconst COLUMNS = ['1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new variables */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n  }[]\n>(() => {\n  /** Normalize the variables to have a name and value */\n  const variableRows = environment.variables.map((v) => ({\n    name: v.name,\n    value: typeof v.value === 'string' ? v.value : v.value.default,\n  }))\n\n  const lastRow = environment.variables.at(-1)\n  const hasContentInLastRow =\n    lastRow && (lastRow.name !== '' || lastRow.value !== '')\n\n  // Add the extra row at the end\n  if (!lastRow || hasContentInLastRow) {\n    return [...variableRows, { name: '', value: '' }]\n  }\n\n  return variableRows\n})\n\n/** Updates an existing variable or creates a new one */\nconst handleVariableChange = (\n  name: string,\n  value: string,\n  index: number,\n): void => {\n  const isNewVariable = index >= environment.variables.length\n\n  /**\n   * Do not allow adding a new variable with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewVariable) {\n    return\n  }\n\n  // Adding a new variable\n  if (index >= environment.variables.length) {\n    eventBus.emit('environment:upsert:environment-variable', {\n      environmentName,\n      variable: { name, value },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating\n  eventBus.emit('environment:upsert:environment-variable', {\n    environmentName,\n    variable: { name, value },\n    index,\n    collectionType,\n  })\n}\n\n/** Deletes a variable by index */\nconst handleVariableDelete = (index: number): void =>\n  eventBus.emit('environment:delete:environment-variable', {\n    environmentName,\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Environment variables table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Variable rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) => handleVariableChange(name, row.value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) => handleVariableChange(row.name, value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < environment.variables.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleVariableDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,UAAU;GAAC;GAAO;GAAO;GAAM;;EAGrC,MAAM,cAAc,eAKZ;;GAEN,MAAM,eAAe,QAAA,YAAY,UAAU,KAAK,OAAO;IACrD,MAAM,EAAE;IACR,OAAO,OAAO,EAAE,UAAU,WAAW,EAAE,QAAQ,EAAE,MAAM;IACxD,EAAC;GAEF,MAAM,UAAU,QAAA,YAAY,UAAU,GAAG,GAAE;GAC3C,MAAM,sBACJ,YAAY,QAAQ,SAAS,MAAM,QAAQ,UAAU;AAGvD,OAAI,CAAC,WAAW,oBACd,QAAO,CAAC,GAAG,cAAc;IAAE,MAAM;IAAI,OAAO;IAAI,CAAA;AAGlD,UAAO;IACR;;EAGD,MAAM,wBACJ,MACA,OACA,UACS;GACT,MAAM,gBAAgB,SAAS,QAAA,YAAY,UAAU;;;;;AAMrD,OAAI,CAAC,QAAQ,cACX;AAIF,OAAI,SAAS,QAAA,YAAY,UAAU,QAAQ;AACzC,YAAA,SAAS,KAAK,2CAA2C;KACvD,iBAAc,QAAA;KACd,UAAU;MAAE;MAAM;MAAO;KACzB,gBAAa,QAAA;KACd,CAAA;AACD;;AAIF,WAAA,SAAS,KAAK,2CAA2C;IACvD,iBAAc,QAAA;IACd,UAAU;KAAE;KAAM;KAAO;IACzB;IACA,gBAAa,QAAA;IACd,CAAA;;;EAIH,MAAM,wBAAwB,UAC5B,QAAA,SAAS,KAAK,2CAA2C;GACvD,iBAAc,QAAA;GACd;GACA,gBAAa,QAAA;GACd,CAAA;;uBAID,YAwDY,MAAA,kBAAA,EAAA;IAvDV,OAAM;IACL,SAAS;;2BAMK,CAJf,YAIe,MAAA,qBAAA,EAAA,EAJD,OAAM,kBAAgB,EAAA;4BACK;MAAvC,YAAuC,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA;;;MACrB,YAAwC,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;;;MACtB,YAA0C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;0BAI1B,mBA4Ce,UAAA,MAAA,WA3CU,YAAA,QAAf,KAAK,UAAK;yBADpB,YA4Ce,MAAA,qBAAA,EAAA;MA1CZ,KAAK;MACN,OAAM;;6BAcU;OAZhB,YAYgB,MAAA,sBAAA,EAAA,MAAA;+BADR,CAVN,YAUM,MAAA,kBAAA,EAAA;SATJ,cAAW;SACX,sBAAA;SACA,kBAAA;SACC,aAAa,KAAA;SACd,cAAA;SACC,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,SAAS,qBAAqB,MAAM,IAAI,OAAO,MAAK;;;;OAM1F,YAWgB,MAAA,sBAAA,EAAA,MAAA;+BADR,CATN,YASM,MAAA,kBAAA,EAAA;SARJ,cAAW;SACX,kBAAA;SACC,aAAa,KAAA;SACd,cAAA;SACC,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,UAAU,qBAAqB,IAAI,MAAM,OAAO,MAAK;;;;OAM3F,YASgB,MAAA,sBAAA,EAAA,EATD,OAAM,oCAAkC,EAAA;+BAQtC,CANP,QAAQ,QAAA,YAAY,UAAU,UAAA,WAAA,EADtC,YAOe,MAAA,aAAA,EAAA;;SALb,OAAM;SACN,MAAK;SACL,SAAQ;SACP,UAAK,WAAE,qBAAqB,MAAK;;gCACE,CAApC,YAAoC,MAAA,gBAAA,EAAA,EAAnB,OAAM,YAAU,CAAA,CAAA,CAAA"}

package/dist/v2/features/environments/index.d.ts

@@ -1,2 +1,2 @@
-export { default as EnvironmentsList } from './EnvironmentsList.vue';
+export { default as EnvironmentsList } from './EnvironmentsList.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/environments/index.js

@@ -1,4 +1,2 @@
-import "../../../code-input-iq-moLxi.js";
-import "../../../data-table-PL7e8NRO.js";
-import { t as EnvironmentsList_default } from "../../../environments-ByLK9lnC.js";
+import EnvironmentsList_default from "./EnvironmentsList.vue.js";
 export { EnvironmentsList_default as EnvironmentsList };

package/dist/v2/features/global-cookies/components/CookiesTable.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import CookiesTable_vue_vue_type_script_setup_true_lang_default from "./CookiesTable.vue.script.js";
+/* empty css                           */
+//#region src/v2/features/global-cookies/components/CookiesTable.vue
+var CookiesTable_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CookiesTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ddfccc08"]]);
+//#endregion
+export { CookiesTable_default as default };
+
+//# sourceMappingURL=CookiesTable.vue.js.map

package/dist/v2/features/global-cookies/components/CookiesTable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookiesTable.vue.js","names":[],"sources":["../../../../../src/v2/features/global-cookies/components/CookiesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { cookies, eventBus, collectionType } = defineProps<\n  {\n    cookies: XScalarCookie[]\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */\nconst COLUMNS = ['32px', '1fr', '1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new cookies */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n    domain: string\n    isDisabled: boolean\n  }[]\n>(() => {\n  /** Normalize the cookies to have name, value, and domain */\n  const cookieRows = cookies.map((cookie) => ({\n    name: cookie.name,\n    value: cookie.value,\n    domain: cookie.domain ?? '',\n    isDisabled: cookie.isDisabled ?? false,\n  }))\n\n  const lastCookie = cookies.at(-1)\n  const hasContentInLastRow =\n    lastCookie &&\n    (lastCookie.name !== '' ||\n      lastCookie.value !== '' ||\n      lastCookie.domain !== '')\n\n  // Add the extra row at the end\n  if (!lastCookie || hasContentInLastRow) {\n    return [\n      ...cookieRows,\n      { name: '', value: '', domain: '', isDisabled: true },\n    ]\n  }\n\n  return cookieRows\n})\n\n/** Updates an existing cookie or creates a new one */\nconst handleCookieChange = (\n  name: string,\n  value: string,\n  domain: string,\n  isDisabled: boolean,\n  index: number,\n): void => {\n  const isNewCookie = index >= cookies.length\n\n  /**\n   * Do not allow adding a new cookie with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewCookie) {\n    return\n  }\n\n  // Adding a new cookie\n  if (index >= cookies.length) {\n    eventBus.emit('cookie:upsert:cookie', {\n      payload: { name, value, domain, isDisabled: false },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating existing cookie\n  eventBus.emit('cookie:upsert:cookie', {\n    payload: { name, value, domain, isDisabled },\n    collectionType,\n    index,\n  })\n}\n\n/** Deletes a cookie by index */\nconst handleCookieDelete = (index: number): void =>\n  eventBus.emit('cookie:delete:cookie', {\n    cookieName: cookies[index]?.name ?? '',\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Cookies table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded border border-t-0\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Enabled</DataTableHeader>\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Domain</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Cookie rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Enabled checkbox -->\n      <DataTableCheckbox\n        class=\"!border-r\"\n        :modelValue=\"!row.isDisabled\"\n        @update:modelValue=\"\n          (value) =>\n            handleCookieChange(row.name, row.value, row.domain, !value, index)\n        \" />\n\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) =>\n              handleCookieChange(\n                name,\n                row.value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) =>\n              handleCookieChange(\n                row.name,\n                value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Domain -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Domain\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.domain\"\n          placeholder=\"Domain\"\n          @update:modelValue=\"\n            (domain) =>\n              handleCookieChange(\n                row.name,\n                row.value,\n                domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < cookies.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleCookieDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/global-cookies/components/CookiesTable.vue.script.js

@@ -0,0 +1,186 @@
+import CodeInput_default from "../../../components/code-input/CodeInput.vue.js";
+import DataTable_default from "../../../components/data-table/DataTable.vue.js";
+import DataTableCell_default from "../../../components/data-table/DataTableCell.vue.js";
+import DataTableCheckbox_default from "../../../components/data-table/DataTableCheckbox.vue.js";
+import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconTrash } from "@scalar/icons";
+//#region src/v2/features/global-cookies/components/CookiesTable.vue?vue&type=script&setup=true&lang.ts
+var CookiesTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CookiesTable",
+	props: {
+		cookies: {},
+		eventBus: {},
+		collectionType: {}
+	},
+	setup(__props) {
+		/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */
+		const COLUMNS = [
+			"32px",
+			"1fr",
+			"1fr",
+			"1fr",
+			"36px"
+		];
+		/** Adds an empty row at the end for creating new cookies */
+		const displayRows = computed(() => {
+			/** Normalize the cookies to have name, value, and domain */
+			const cookieRows = __props.cookies.map((cookie) => ({
+				name: cookie.name,
+				value: cookie.value,
+				domain: cookie.domain ?? "",
+				isDisabled: cookie.isDisabled ?? false
+			}));
+			const lastCookie = __props.cookies.at(-1);
+			const hasContentInLastRow = lastCookie && (lastCookie.name !== "" || lastCookie.value !== "" || lastCookie.domain !== "");
+			if (!lastCookie || hasContentInLastRow) return [...cookieRows, {
+				name: "",
+				value: "",
+				domain: "",
+				isDisabled: true
+			}];
+			return cookieRows;
+		});
+		/** Updates an existing cookie or creates a new one */
+		const handleCookieChange = (name, value, domain, isDisabled, index) => {
+			const isNewCookie = index >= __props.cookies.length;
+			/**
+			* Do not allow adding a new cookie with an empty name on the last row,
+			* we allow it on other rows as it will delete the row
+			*/
+			if (!name && isNewCookie) return;
+			if (index >= __props.cookies.length) {
+				__props.eventBus.emit("cookie:upsert:cookie", {
+					payload: {
+						name,
+						value,
+						domain,
+						isDisabled: false
+					},
+					collectionType: __props.collectionType
+				});
+				return;
+			}
+			__props.eventBus.emit("cookie:upsert:cookie", {
+				payload: {
+					name,
+					value,
+					domain,
+					isDisabled
+				},
+				collectionType: __props.collectionType,
+				index
+			});
+		};
+		/** Deletes a cookie by index */
+		const handleCookieDelete = (index) => __props.eventBus.emit("cookie:delete:cookie", {
+			cookieName: __props.cookies[index]?.name ?? "",
+			index,
+			collectionType: __props.collectionType
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTable_default), {
+				class: "group/table data-table h-min flex-1 rounded border border-t-0",
+				columns: COLUMNS
+			}, {
+				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
+					default: withCtx(() => [
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Enabled", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Name", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Value", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Domain", -1)])]),
+							_: 1
+						}),
+						createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Actions", -1)])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
+					return openBlock(), createBlock(unref(DataTableRow_default), {
+						key: index,
+						class: "group/row"
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(DataTableCheckbox_default), {
+								class: "!border-r",
+								modelValue: !row.isDisabled,
+								"onUpdate:modelValue": (value) => handleCookieChange(row.name, row.value, row.domain, !value, index)
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Name",
+									disableCloseBrackets: "",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.name,
+									placeholder: "Name",
+									"onUpdate:modelValue": (name) => handleCookieChange(name, row.value, row.domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Value",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.value,
+									placeholder: "Value",
+									"onUpdate:modelValue": (value) => handleCookieChange(row.name, value, row.domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), null, {
+								default: withCtx(() => [createVNode(unref(CodeInput_default), {
+									"aria-label": "Cookie Domain",
+									disableCloseBrackets: "",
+									disableTabIndent: "",
+									environment: void 0,
+									lineWrapping: "",
+									modelValue: row.domain,
+									placeholder: "Domain",
+									"onUpdate:modelValue": (domain) => handleCookieChange(row.name, row.value, domain, row.isDisabled, index)
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1024),
+							createVNode(unref(DataTableCell_default), { class: "flex items-center justify-center" }, {
+								default: withCtx(() => [index < __props.cookies.length ? (openBlock(), createBlock(unref(ScalarButton), {
+									key: 0,
+									class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex",
+									size: "sm",
+									variant: "ghost",
+									onClick: ($event) => handleCookieDelete(index)
+								}, {
+									default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+									_: 1
+								}, 8, ["onClick"])) : createCommentVNode("", true)]),
+								_: 2
+							}, 1024)
+						]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { CookiesTable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CookiesTable.vue.script.js.map

package/dist/v2/features/global-cookies/components/CookiesTable.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookiesTable.vue.script.js","names":[],"sources":["../../../../../src/v2/features/global-cookies/components/CookiesTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableCheckbox,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { cookies, eventBus, collectionType } = defineProps<\n  {\n    cookies: XScalarCookie[]\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Enabled checkbox, Name, Value, Domain, Actions (delete button) */\nconst COLUMNS = ['32px', '1fr', '1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new cookies */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n    domain: string\n    isDisabled: boolean\n  }[]\n>(() => {\n  /** Normalize the cookies to have name, value, and domain */\n  const cookieRows = cookies.map((cookie) => ({\n    name: cookie.name,\n    value: cookie.value,\n    domain: cookie.domain ?? '',\n    isDisabled: cookie.isDisabled ?? false,\n  }))\n\n  const lastCookie = cookies.at(-1)\n  const hasContentInLastRow =\n    lastCookie &&\n    (lastCookie.name !== '' ||\n      lastCookie.value !== '' ||\n      lastCookie.domain !== '')\n\n  // Add the extra row at the end\n  if (!lastCookie || hasContentInLastRow) {\n    return [\n      ...cookieRows,\n      { name: '', value: '', domain: '', isDisabled: true },\n    ]\n  }\n\n  return cookieRows\n})\n\n/** Updates an existing cookie or creates a new one */\nconst handleCookieChange = (\n  name: string,\n  value: string,\n  domain: string,\n  isDisabled: boolean,\n  index: number,\n): void => {\n  const isNewCookie = index >= cookies.length\n\n  /**\n   * Do not allow adding a new cookie with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewCookie) {\n    return\n  }\n\n  // Adding a new cookie\n  if (index >= cookies.length) {\n    eventBus.emit('cookie:upsert:cookie', {\n      payload: { name, value, domain, isDisabled: false },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating existing cookie\n  eventBus.emit('cookie:upsert:cookie', {\n    payload: { name, value, domain, isDisabled },\n    collectionType,\n    index,\n  })\n}\n\n/** Deletes a cookie by index */\nconst handleCookieDelete = (index: number): void =>\n  eventBus.emit('cookie:delete:cookie', {\n    cookieName: cookies[index]?.name ?? '',\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Cookies table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded border border-t-0\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Enabled</DataTableHeader>\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Domain</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Cookie rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Enabled checkbox -->\n      <DataTableCheckbox\n        class=\"!border-r\"\n        :modelValue=\"!row.isDisabled\"\n        @update:modelValue=\"\n          (value) =>\n            handleCookieChange(row.name, row.value, row.domain, !value, index)\n        \" />\n\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) =>\n              handleCookieChange(\n                name,\n                row.value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) =>\n              handleCookieChange(\n                row.name,\n                value,\n                row.domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Domain -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Cookie Domain\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.domain\"\n          placeholder=\"Domain\"\n          @update:modelValue=\"\n            (domain) =>\n              handleCookieChange(\n                row.name,\n                row.value,\n                domain,\n                row.isDisabled,\n                index,\n              )\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < cookies.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleCookieDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,UAAU;GAAC;GAAQ;GAAO;GAAO;GAAO;GAAM;;EAGpD,MAAM,cAAc,eAOZ;;GAEN,MAAM,aAAa,QAAA,QAAQ,KAAK,YAAY;IAC1C,MAAM,OAAO;IACb,OAAO,OAAO;IACd,QAAQ,OAAO,UAAU;IACzB,YAAY,OAAO,cAAc;IAClC,EAAC;GAEF,MAAM,aAAa,QAAA,QAAQ,GAAG,GAAE;GAChC,MAAM,sBACJ,eACC,WAAW,SAAS,MACnB,WAAW,UAAU,MACrB,WAAW,WAAW;AAG1B,OAAI,CAAC,cAAc,oBACjB,QAAO,CACL,GAAG,YACH;IAAE,MAAM;IAAI,OAAO;IAAI,QAAQ;IAAI,YAAY;IAAM,CACvD;AAGF,UAAO;IACR;;EAGD,MAAM,sBACJ,MACA,OACA,QACA,YACA,UACS;GACT,MAAM,cAAc,SAAS,QAAA,QAAQ;;;;;AAMrC,OAAI,CAAC,QAAQ,YACX;AAIF,OAAI,SAAS,QAAA,QAAQ,QAAQ;AAC3B,YAAA,SAAS,KAAK,wBAAwB;KACpC,SAAS;MAAE;MAAM;MAAO;MAAQ,YAAY;MAAO;KACnD,gBAAa,QAAA;KACd,CAAA;AACD;;AAIF,WAAA,SAAS,KAAK,wBAAwB;IACpC,SAAS;KAAE;KAAM;KAAO;KAAQ;KAAY;IAC5C,gBAAa,QAAA;IACb;IACD,CAAA;;;EAIH,MAAM,sBAAsB,UAC1B,QAAA,SAAS,KAAK,wBAAwB;GACpC,YAAY,QAAA,QAAQ,QAAQ,QAAQ;GACpC;GACA,gBAAa,QAAA;GACd,CAAA;;uBAID,YAuGY,MAAA,kBAAA,EAAA;IAtGV,OAAM;IACL,SAAS;;2BAQK,CANf,YAMe,MAAA,qBAAA,EAAA,EAND,OAAM,kBAAgB,EAAA;4BACQ;MAA1C,YAA0C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;MACxB,YAAuC,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA;;;MACrB,YAAwC,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;;;MACtB,YAAyC,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAN,UAAM,GAAA,CAAA,EAAA,CAAA;;;MACvB,YAA0C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;0BAI1B,mBAyFe,UAAA,MAAA,WAxFU,YAAA,QAAf,KAAK,UAAK;yBADpB,YAyFe,MAAA,qBAAA,EAAA;MAvFZ,KAAK;MACN,OAAM;;6BAQA;OANN,YAMM,MAAA,0BAAA,EAAA;QALJ,OAAM;QACL,YAAU,CAAG,IAAI;QACjB,wBAA+B,UAAsB,mBAAmB,IAAI,MAAM,IAAI,OAAO,IAAI,QAAM,CAAG,OAAO,MAAK;;OAMzH,YAmBgB,MAAA,sBAAA,EAAA,MAAA;+BADR,CAjBN,YAiBM,MAAA,kBAAA,EAAA;SAhBJ,cAAW;SACX,sBAAA;SACA,kBAAA;SACC,aAAa,KAAA;SACd,cAAA;SACC,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,SAAuB,mBAAoC,MAAsB,IAAI,OAAuB,IAAI,QAAwB,IAAI,YAA4B,MAAA;;;;OAa9M,YAkBgB,MAAA,sBAAA,EAAA,MAAA;+BADR,CAhBN,YAgBM,MAAA,kBAAA,EAAA;SAfJ,cAAW;SACX,kBAAA;SACC,aAAa,KAAA;SACd,cAAA;SACC,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,UAAwB,mBAAoC,IAAI,MAAsB,OAAuB,IAAI,QAAwB,IAAI,YAA4B,MAAA;;;;OAa/M,YAmBgB,MAAA,sBAAA,EAAA,MAAA;+BADR,CAjBN,YAiBM,MAAA,kBAAA,EAAA;SAhBJ,cAAW;SACX,sBAAA;SACA,kBAAA;SACC,aAAa,KAAA;SACd,cAAA;SACC,YAAY,IAAI;SACjB,aAAY;SACX,wBAAiC,WAAyB,mBAAoC,IAAI,MAAsB,IAAI,OAAuB,QAAwB,IAAI,YAA4B,MAAA;;;;OAahN,YASgB,MAAA,sBAAA,EAAA,EATD,OAAM,oCAAkC,EAAA;+BAQtC,CANP,QAAQ,QAAA,QAAQ,UAAA,WAAA,EADxB,YAOe,MAAA,aAAA,EAAA;;SALb,OAAM;SACN,MAAK;SACL,SAAQ;SACP,UAAK,WAAE,mBAAmB,MAAK;;gCACI,CAApC,YAAoC,MAAA,gBAAA,EAAA,EAAnB,OAAM,YAAU,CAAA,CAAA,CAAA"}

package/dist/v2/features/global-cookies/index.d.ts

@@ -1,2 +1,2 @@
-export { default as CookiesTable } from './components/CookiesTable.vue';
+export { default as CookiesTable } from './components/CookiesTable.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/global-cookies/index.js

@@ -1,4 +1,2 @@
-import "../../../code-input-iq-moLxi.js";
-import "../../../data-table-PL7e8NRO.js";
-import { t as CookiesTable_default } from "../../../global-cookies-D3ZS9ON3.js";
+import CookiesTable_default from "./components/CookiesTable.vue.js";
 export { CookiesTable_default as CookiesTable };

package/dist/v2/features/modal/Modal.vue.d.ts

@@ -5,8 +5,8 @@ import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
-import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
-import { type UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar';
+import { type ComputedRef, type MaybeRefOrGetter, type Ref } from 'vue';
+import { type UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar.js';
 export type ModalProps = {
     /** The workspace store must be initialized and passed in */
     workspaceStore: WorkspaceStore;
@@ -20,6 +20,8 @@ export type ModalProps = {
     method: ComputedRef<HttpMethod | undefined>;
     /** The example name must be initialized and passed in */
     exampleName: ComputedRef<string | undefined>;
+    /** Selected anyOf/oneOf request-body variants keyed by schema path */
+    requestBodyCompositionSelection: Ref<Record<string, number>>;
     /** Controls the visibility of the modal */
     modalState: ModalState;
     /** The sidebar state must be initialized and passed in */

package/dist/v2/features/modal/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AA4NA,OAAO,EAAE,KAAK,UAAU,EAA4B,MAAM,oBAAoB,CAAA;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAQxF,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CACvB,OAAO,CACL,IAAI,CACF,4BAA4B,EAC1B,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,SAAS,CACZ,CACF,CACF,CAAA;CACF,CAAA;AAED;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;mPAgRd,CAAC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAkOA,OAAO,EAAE,KAAK,UAAU,EAA4B,MAAM,oBAAoB,CAAA;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAQxF,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,sEAAsE;IACtE,+BAA+B,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5D,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CACvB,OAAO,CACL,IAAI,CACF,4BAA4B,EAC1B,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,SAAS,CACZ,CACF,CACF,CAAA;CACF,CAAA;AAED;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;mPAoRd,CAAC"}

package/dist/v2/features/modal/Modal.vue.js

@@ -0,0 +1,7 @@
+import Modal_vue_vue_type_script_setup_true_lang_default from "./Modal.vue.script.js";
+//#region src/v2/features/modal/Modal.vue
+var Modal_default = Modal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Modal_default as default };
+
+//# sourceMappingURL=Modal.vue.js.map

package/dist/v2/features/modal/Modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<\n    Partial<\n      Pick<\n        ApiReferenceConfigurationRaw,\n        | 'authentication'\n        | 'baseServerURL'\n        | 'hideClientButton'\n        | 'hiddenClients'\n        | 'servers'\n      >\n    >\n  >\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { type ModalState, type ScalarListboxOption } from '@scalar/components'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  toValue,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport { mergeSecurity } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { getActiveEnvironment } from '@/v2/helpers/get-active-environment'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<ModalProps>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document.value),\n)\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document.value?.components?.securitySchemes,\n    toValue(options)?.authentication?.securitySchemes,\n    workspaceStore.auth,\n    document.value?.['x-scalar-navigation']?.name ?? '',\n  ),\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-3 z-2\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.id ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :securitySchemes\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":""}

package/dist/v2/features/modal/Modal.vue.script.js

@@ -0,0 +1,151 @@
+import ModalClientContainer_default from "../../components/modals/ModalClientContainer.vue.js";
+import { mergeSecurity } from "../../blocks/scalar-auth-selector-block/helpers/merge-security.js";
+import Operation_default from "../operation/Operation.vue.js";
+import Sidebar_default from "../../components/sidebar/Sidebar.vue.js";
+import SidebarToggle_default from "../../components/sidebar/SidebarToggle.vue.js";
+import { getActiveEnvironment } from "../../helpers/get-active-environment.js";
+import { useGlobalHotKeys } from "../../hooks/use-global-hot-keys.js";
+import { initializeModalEvents } from "./modal-events.js";
+import { useScrollLock } from "../../hooks/use-scroll-lock.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { ScalarToasts } from "@scalar/use-toasts";
+//#region src/v2/features/modal/Modal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "relative flex h-full min-h-0 w-full flex-1"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "flex h-full w-full items-center justify-center"
+};
+var Modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Modal",
+	props: {
+		workspaceStore: {},
+		document: {},
+		path: {},
+		eventBus: {},
+		method: {},
+		exampleName: {},
+		requestBodyCompositionSelection: {},
+		modalState: {},
+		sidebarState: {},
+		plugins: {},
+		options: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const activeWorkspace = {
+			label: "default",
+			id: "default"
+		};
+		/** Controls the visibility of the sidebar. */
+		const isSidebarOpen = ref(false);
+		/** Initialize modal events */
+		initializeModalEvents({
+			eventBus: __props.eventBus,
+			isSidebarOpen,
+			requestBodyCompositionSelection: __props.requestBodyCompositionSelection,
+			sidebarState: __props.sidebarState,
+			modalState: __props.modalState,
+			store: __props.workspaceStore
+		});
+		/** Register global hotkeys for the app, passing the workspace event bus and layout state */
+		useGlobalHotKeys(__props.eventBus, "modal", () => !__props.modalState.open);
+		/** Clean up on close */
+		const cleanUp = () => {
+			__props.eventBus.emit("operation:cancel:request");
+		};
+		const isLocked = useScrollLock(() => {
+			if (typeof window !== "undefined") return window.document.body;
+			return null;
+		});
+		watch(() => __props.modalState.open, (open) => {
+			isLocked.value = open;
+			if (!open) cleanUp();
+		});
+		onBeforeUnmount(() => cleanUp());
+		/** Default sidebar width in pixels. */
+		const DEFAULT_SIDEBAR_WIDTH = 288;
+		/** Width of the sidebar, with fallback to default. */
+		const sidebarWidth = computed(() => __props.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? DEFAULT_SIDEBAR_WIDTH);
+		/** Handler for sidebar width changes. */
+		const handleSidebarWidthUpdate = (width) => __props.workspaceStore?.update("x-scalar-sidebar-width", width);
+		/**
+		* Merged environment variables from workspace and document levels.
+		* Variables from both sources are combined, with document variables
+		* taking precedence in case of naming conflicts.
+		*/
+		const environment = computed(() => getActiveEnvironment(__props.workspaceStore, __props.document.value));
+		/** Merge authentication config with the document security schemes */
+		const securitySchemes = computed(() => mergeSecurity(__props.document.value?.components?.securitySchemes, toValue(__props.options)?.authentication?.securitySchemes, __props.workspaceStore.auth, __props.document.value?.["x-scalar-navigation"]?.name ?? ""));
+		__expose({
+			sidebarWidth,
+			environment
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ModalClientContainer_default, { modalState: __props.modalState }, {
+				default: withCtx(() => [createVNode(unref(ScalarToasts)), __props.document.value && __props.path?.value && __props.method?.value ? (openBlock(), createElementBlock("main", _hoisted_1, [
+					createVNode(unref(SidebarToggle_default), {
+						modelValue: isSidebarOpen.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isSidebarOpen.value = $event),
+						class: "absolute top-2 left-3 z-2"
+					}, null, 8, ["modelValue"]),
+					withDirectives(createVNode(unref(Sidebar_default), {
+						sidebarWidth: sidebarWidth.value,
+						"onUpdate:sidebarWidth": [_cache[1] || (_cache[1] = ($event) => sidebarWidth.value = $event), handleSidebarWidthUpdate],
+						activeWorkspace,
+						class: "h-full max-md:absolute! max-md:w-full!",
+						documents: [__props.document.value],
+						eventBus: __props.eventBus,
+						isDroppable: () => false,
+						layout: "modal",
+						sidebarState: __props.sidebarState.state,
+						workspaces: [],
+						onSelectItem: __props.sidebarState.handleSelectItem
+					}, null, 8, [
+						"sidebarWidth",
+						"documents",
+						"eventBus",
+						"sidebarState",
+						"onSelectItem"
+					]), [[vShow, isSidebarOpen.value]]),
+					createVNode(Operation_default, {
+						activeWorkspace,
+						class: "flex-1",
+						document: __props.document.value,
+						documentSlug: __props.document.value["x-scalar-navigation"]?.id ?? "",
+						environment: environment.value,
+						eventBus: __props.eventBus,
+						exampleName: __props.exampleName?.value,
+						layout: "modal",
+						method: __props.method?.value,
+						options: __props.options,
+						path: __props.path?.value,
+						plugins: __props.plugins,
+						requestBodyCompositionSelection: __props.requestBodyCompositionSelection.value,
+						securitySchemes: securitySchemes.value,
+						workspaceStore: __props.workspaceStore
+					}, null, 8, [
+						"document",
+						"documentSlug",
+						"environment",
+						"eventBus",
+						"exampleName",
+						"method",
+						"options",
+						"path",
+						"plugins",
+						"requestBodyCompositionSelection",
+						"securitySchemes",
+						"workspaceStore"
+					])
+				])) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-c-3" }, "No document selected", -1)])]))]),
+				_: 1
+			}, 8, ["modalState"]);
+		};
+	}
+});
+//#endregion
+export { Modal_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Modal.vue.script.js.map