@scalar/api-client 2.38.4 → 2.39.0

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

@@ -0,0 +1,266 @@
+import CodeInput_default from "../../../components/CodeInput/CodeInput.vue.js";
+import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
+import DataTableCell_default from "../../../components/DataTable/DataTableCell.vue.js";
+import DataTableCheckbox_default from "../../../components/DataTable/DataTableCheckbox.vue.js";
+import DataTableHeader_default from "../../../components/DataTable/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
+import { hasItemProperties, parameterIsInvalid } from "../libs/request.js";
+import RequestTableTooltip_default from "./RequestTableTooltip.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarIcon, ScalarTooltip } from "@scalar/components";
+import { RouterLink } from "vue-router";
+import { ScalarIconTrash } from "@scalar/icons";
+//#region src/views/Request/RequestSection/RequestTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1" };
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = {
+	key: 1,
+	class: "p-0.5"
+};
+var RequestTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestTable",
+	props: {
+		items: {},
+		hasCheckboxDisabled: {
+			type: Boolean,
+			default: false
+		},
+		showUploadButton: {
+			type: Boolean,
+			default: false
+		},
+		isGlobal: {
+			type: Boolean,
+			default: false
+		},
+		isReadOnly: {
+			type: Boolean,
+			default: false
+		},
+		environment: {},
+		envVariables: {},
+		workspace: {},
+		invalidParams: {},
+		label: {}
+	},
+	emits: [
+		"updateRow",
+		"toggleRow",
+		"addRow",
+		"deleteRow",
+		"inputFocus",
+		"inputBlur",
+		"uploadFile",
+		"removeFile"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const columns = [
+			"",
+			"",
+			"36px"
+		];
+		const handleSelectVariable = (idx, field, value) => {
+			emit("updateRow", idx, field, value);
+		};
+		const handleFileUpload = (idx) => {
+			emit("uploadFile", idx);
+		};
+		const flattenValue = (item) => {
+			return Array.isArray(item.default) && item.default.length === 1 ? item.default[0] : item.default;
+		};
+		const showDeleteButton = (item) => {
+			return Boolean(item.key || item.value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DataTable_default, {
+				class: "group/table flex-1",
+				columns
+			}, {
+				default: withCtx(() => [createVNode(DataTableRow_default, { class: "sr-only !block" }, {
+					default: withCtx(() => [
+						createVNode(DataTableHeader_default, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Enabled", 1)]),
+							_: 1
+						}),
+						createVNode(DataTableHeader_default, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Key", 1)]),
+							_: 1
+						}),
+						createVNode(DataTableHeader_default, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Value", 1)]),
+							_: 1
+						})
+					]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, idx) => {
+					return openBlock(), createBlock(DataTableRow_default, {
+						id: item.key,
+						key: idx,
+						class: normalizeClass({
+							alert: unref(parameterIsInvalid)(item).value,
+							error: __props.invalidParams && __props.invalidParams.has(item.key)
+						})
+					}, {
+						default: withCtx(() => [
+							__props.isGlobal ? (openBlock(), createBlock(unref(RouterLink), {
+								key: 0,
+								class: "text-c-2 flex items-center justify-center border-t !border-r",
+								to: item.route ?? {}
+							}, {
+								default: withCtx(() => [_cache[4] || (_cache[4] = createElementVNode("span", { class: "sr-only" }, "Global", -1)), createVNode(unref(ScalarTooltip), {
+									content: "Global cookies are shared across the whole workspace.",
+									placement: "top"
+								}, {
+									default: withCtx(() => [createVNode(unref(ScalarIcon), {
+										tabindex: "0",
+										class: "text-c-1",
+										icon: "Globe",
+										size: "xs"
+									})]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"])) : (openBlock(), createBlock(DataTableCheckbox_default, {
+								key: 1,
+								class: "!border-r",
+								disabled: props.hasCheckboxDisabled,
+								modelValue: item.enabled,
+								"onUpdate:modelValue": (v) => emit("toggleRow", idx, v)
+							}, null, 8, [
+								"disabled",
+								"modelValue",
+								"onUpdate:modelValue"
+							])),
+							createVNode(DataTableCell_default, null, {
+								default: withCtx(() => [createVNode(CodeInput_default, {
+									"aria-label": `${__props.label} Key`,
+									disableCloseBrackets: "",
+									disabled: props.isReadOnly,
+									disableEnter: "",
+									disableTabIndent: "",
+									lineWrapping: "",
+									envVariables: __props.envVariables,
+									environment: __props.environment,
+									modelValue: item.key,
+									placeholder: "Key",
+									required: Boolean(item.required),
+									workspace: __props.workspace,
+									onBlur: _cache[0] || (_cache[0] = ($event) => emit("inputBlur")),
+									onFocus: _cache[1] || (_cache[1] = ($event) => emit("inputFocus")),
+									onSelectVariable: (v) => handleSelectVariable(idx, "key", v),
+									"onUpdate:modelValue": (v) => emit("updateRow", idx, "key", v)
+								}, null, 8, [
+									"aria-label",
+									"disabled",
+									"envVariables",
+									"environment",
+									"modelValue",
+									"required",
+									"workspace",
+									"onSelectVariable",
+									"onUpdate:modelValue"
+								])]),
+								_: 2
+							}, 1024),
+							createVNode(DataTableCell_default, null, {
+								default: withCtx(() => [createVNode(CodeInput_default, {
+									"aria-label": `${__props.label} Value`,
+									class: normalizeClass(unref(hasItemProperties)(item) ? "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10" : "group-hover:pr-6 group-has-[.cm-focused]:pr-6"),
+									default: item.default,
+									disableCloseBrackets: "",
+									disabled: props.isReadOnly,
+									disableEnter: "",
+									disableTabIndent: "",
+									lineWrapping: "",
+									enum: item.enum ?? [],
+									envVariables: __props.envVariables,
+									environment: __props.environment,
+									examples: item.examples ?? [],
+									max: item.maximum,
+									min: item.minimum,
+									modelValue: item.value,
+									nullable: Boolean(item.nullable),
+									placeholder: "Value",
+									type: item.type,
+									workspace: __props.workspace,
+									onBlur: _cache[2] || (_cache[2] = ($event) => emit("inputBlur")),
+									onFocus: _cache[3] || (_cache[3] = ($event) => emit("inputFocus")),
+									onSelectVariable: (v) => handleSelectVariable(idx, "value", v),
+									"onUpdate:modelValue": (v) => emit("updateRow", idx, "value", v)
+								}, {
+									icon: withCtx(() => [showDeleteButton(item) && !item.required ? (openBlock(), createBlock(unref(ScalarButton), {
+										key: 0,
+										class: normalizeClass([{ "-mr-0.5": unref(hasItemProperties)(item) }, "text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex"]),
+										size: "sm",
+										variant: "ghost",
+										onClick: ($event) => emit("deleteRow", idx)
+									}, {
+										default: withCtx(() => [createVNode(unref(ScalarIconTrash), { class: "size-3.5" })]),
+										_: 1
+									}, 8, ["class", "onClick"])) : createCommentVNode("", true), unref(hasItemProperties)(item) ? (openBlock(), createBlock(RequestTableTooltip_default, {
+										key: 1,
+										item: {
+											...item,
+											default: flattenValue(item)
+										}
+									}, null, 8, ["item"])) : createCommentVNode("", true)]),
+									_: 2
+								}, 1032, [
+									"aria-label",
+									"class",
+									"default",
+									"disabled",
+									"enum",
+									"envVariables",
+									"environment",
+									"examples",
+									"max",
+									"min",
+									"modelValue",
+									"nullable",
+									"type",
+									"workspace",
+									"onSelectVariable",
+									"onUpdate:modelValue"
+								])]),
+								_: 2
+							}, 1024),
+							__props.showUploadButton ? (openBlock(), createBlock(DataTableCell_default, {
+								key: 2,
+								class: "group/upload flex items-center justify-center whitespace-nowrap"
+							}, {
+								default: withCtx(() => [item.file ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_1, [createElementVNode("span", null, toDisplayString(item.file?.name), 1)]), createElementVNode("button", {
+									class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
+									type: "button",
+									onClick: ($event) => emit("removeFile", idx)
+								}, " Delete ", 8, _hoisted_2)], 64)) : (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(ScalarButton), {
+									class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
+									size: "sm",
+									variant: "outlined",
+									onClick: ($event) => handleFileUpload(idx)
+								}, {
+									default: withCtx(() => [_cache[5] || (_cache[5] = createElementVNode("span", null, "Upload File", -1)), createVNode(unref(ScalarIcon), {
+										class: "ml-1",
+										icon: "Upload",
+										size: "xs",
+										thickness: "2.5"
+									})]),
+									_: 1
+								}, 8, ["onClick"])]))]),
+								_: 2
+							}, 1024)) : createCommentVNode("", true)
+						]),
+						_: 2
+					}, 1032, ["id", "class"]);
+				}), 128))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { RequestTable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestTable.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarIcon, ScalarTooltip } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { RequestExampleParameter } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { RouterLink, type RouteLocationRaw } from 'vue-router'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableCell from '@/components/DataTable/DataTableCell.vue'\nimport DataTableCheckbox from '@/components/DataTable/DataTableCheckbox.vue'\nimport DataTableHeader from '@/components/DataTable/DataTableHeader.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport type { EnvVariable } from '@/store/active-entities'\n\nimport { hasItemProperties, parameterIsInvalid } from '../libs/request'\nimport RequestTableTooltip from './RequestTableTooltip.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    items?: (RequestExampleParameter & { route?: RouteLocationRaw })[]\n    /** Hide the enabled column */\n    hasCheckboxDisabled?: boolean\n    showUploadButton?: boolean\n    isGlobal?: boolean\n    isReadOnly?: boolean\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n    invalidParams?: Set<string>\n    label?: string\n  }>(),\n  {\n    hasCheckboxDisabled: false,\n    showUploadButton: false,\n    isGlobal: false,\n    isReadOnly: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'updateRow', idx: number, field: 'key' | 'value', value: string): void\n  (e: 'toggleRow', idx: number, enabled: boolean): void\n  (e: 'addRow'): void\n  (e: 'deleteRow', idx: number): void\n  (e: 'inputFocus'): void\n  (e: 'inputBlur'): void\n  (e: 'uploadFile', idx: number): void\n  (e: 'removeFile', idx: number): void\n}>()\n\nconst columns = ['', '', '36px']\n\nconst handleSelectVariable = (\n  idx: number,\n  field: 'key' | 'value',\n  value: string,\n) => {\n  emit('updateRow', idx, field, value)\n}\n\nconst handleFileUpload = (idx: number) => {\n  emit('uploadFile', idx)\n}\n\nconst flattenValue = (item: RequestExampleParameter) => {\n  return Array.isArray(item.default) && item.default.length === 1\n    ? item.default[0]\n    : item.default\n}\n\n// Shows delete button if the item has key or value filled\nconst showDeleteButton = (item: RequestExampleParameter) => {\n  return Boolean(item.key || item.value)\n}\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>{{ label }} Enabled</DataTableHeader>\n      <DataTableHeader>{{ label }} Key</DataTableHeader>\n      <DataTableHeader>{{ label }} Value</DataTableHeader>\n    </DataTableRow>\n    <DataTableRow\n      v-for=\"(item, idx) in items\"\n      :id=\"item.key\"\n      :key=\"idx\"\n      :class=\"{\n        alert: parameterIsInvalid(item).value,\n        error: invalidParams && invalidParams.has(item.key),\n      }\">\n      <template v-if=\"isGlobal\">\n        <RouterLink\n          class=\"text-c-2 flex items-center justify-center border-t !border-r\"\n          :to=\"item.route ?? {}\">\n          <span class=\"sr-only\">Global</span>\n          <ScalarTooltip\n            content=\"Global cookies are shared across the whole workspace.\"\n            placement=\"top\">\n            <ScalarIcon\n              tabindex=\"0\"\n              class=\"text-c-1\"\n              icon=\"Globe\"\n              size=\"xs\" />\n          </ScalarTooltip>\n        </RouterLink>\n      </template>\n      <template v-else>\n        <DataTableCheckbox\n          class=\"!border-r\"\n          :disabled=\"props.hasCheckboxDisabled\"\n          :modelValue=\"item.enabled\"\n          @update:modelValue=\"(v) => emit('toggleRow', idx, v)\" />\n      </template>\n      <DataTableCell>\n        <CodeInput\n          :aria-label=\"`${label} Key`\"\n          disableCloseBrackets\n          :disabled=\"props.isReadOnly\"\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :envVariables=\"envVariables\"\n          :environment=\"environment\"\n          :modelValue=\"item.key\"\n          placeholder=\"Key\"\n          :required=\"Boolean(item.required)\"\n          :workspace=\"workspace\"\n          @blur=\"emit('inputBlur')\"\n          @focus=\"emit('inputFocus')\"\n          @selectVariable=\"(v: string) => handleSelectVariable(idx, 'key', v)\"\n          @update:modelValue=\"\n            (v: string) => emit('updateRow', idx, 'key', v)\n          \" />\n      </DataTableCell>\n      <DataTableCell>\n        <CodeInput\n          :aria-label=\"`${label} Value`\"\n          :class=\"\n            hasItemProperties(item)\n              ? 'pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10'\n              : 'group-hover:pr-6 group-has-[.cm-focused]:pr-6'\n          \"\n          :default=\"item.default\"\n          disableCloseBrackets\n          :disabled=\"props.isReadOnly\"\n          disableEnter\n          disableTabIndent\n          lineWrapping\n          :enum=\"item.enum ?? []\"\n          :envVariables=\"envVariables\"\n          :environment=\"environment\"\n          :examples=\"item.examples ?? []\"\n          :max=\"item.maximum\"\n          :min=\"item.minimum\"\n          :modelValue=\"item.value\"\n          :nullable=\"Boolean(item.nullable)\"\n          placeholder=\"Value\"\n          :type=\"item.type\"\n          :workspace=\"workspace\"\n          @blur=\"emit('inputBlur')\"\n          @focus=\"emit('inputFocus')\"\n          @selectVariable=\"(v: string) => handleSelectVariable(idx, 'value', v)\"\n          @update:modelValue=\"\n            (v: string) => emit('updateRow', idx, 'value', v)\n          \">\n          <template #icon>\n            <ScalarButton\n              v-if=\"showDeleteButton(item) && !item.required\"\n              :class=\"{\n                '-mr-0.5': hasItemProperties(item),\n              }\"\n              class=\"text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex\"\n              size=\"sm\"\n              variant=\"ghost\"\n              @click=\"emit('deleteRow', idx)\">\n              <ScalarIconTrash class=\"size-3.5\" />\n            </ScalarButton>\n            <RequestTableTooltip\n              v-if=\"hasItemProperties(item)\"\n              :item=\"{ ...item, default: flattenValue(item) }\" />\n          </template>\n        </CodeInput>\n      </DataTableCell>\n      <DataTableCell\n        v-if=\"showUploadButton\"\n        class=\"group/upload flex items-center justify-center whitespace-nowrap\">\n        <template v-if=\"item.file\">\n          <div\n            class=\"text-c-2 filemask flex w-full max-w-[100%] items-end justify-end overflow-hidden p-1\">\n            <span>{{ item.file?.name }}</span>\n          </div>\n          <button\n            class=\"bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block\"\n            type=\"button\"\n            @click=\"emit('removeFile', idx)\">\n            Delete\n          </button>\n        </template>\n        <template v-else>\n          <div class=\"p-0.5\">\n            <ScalarButton\n              class=\"bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none\"\n              size=\"sm\"\n              variant=\"outlined\"\n              @click=\"handleFileUpload(idx)\">\n              <span>Upload File</span>\n              <ScalarIcon\n                class=\"ml-1\"\n                icon=\"Upload\"\n                size=\"xs\"\n                thickness=\"2.5\" />\n            </ScalarButton>\n          </div>\n        </template>\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.filemask {\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n</style>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTableTooltip.vue.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components'\nimport { ScalarIconInfo, ScalarIconWarning } from '@scalar/icons'\nimport type { RequestExampleParameter } from '@scalar/oas-utils/entities/spec'\nimport { computed } from 'vue'\n\nimport { parameterIsInvalid } from '../libs/request'\n\nconst { item } = defineProps<{ item: RequestExampleParameter }>()\n\nconst isInvalid = computed(() => !!parameterIsInvalid(item).value)\n</script>\n<template>\n  <ScalarPopover\n    teleport\n    :offset=\"4\"\n    placement=\"left\">\n    <button\n      type=\"button\"\n      :aria-label=\"isInvalid ? 'Input is invalid' : 'More Information'\"\n      class=\"text-c-2 hover:text-c-1 hover:bg-b-2 rounded p-1\"\n      :role=\"isInvalid ? 'alert' : 'none'\">\n      <ScalarIconWarning\n        v-if=\"isInvalid\"\n        class=\"text-orange size-3.5 brightness-90 hover:brightness-75\" />\n      <ScalarIconInfo\n        v-else\n        class=\"text-c-2 hover:text-c-1 size-3.5\" />\n    </button>\n    <template #popover>\n      <div\n        class=\"w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pt-2 pb-1.5 leading-none\">\n        <div\n          v-if=\"isInvalid\"\n          class=\"text-error-1\">\n          {{ parameterIsInvalid(item).value }}\n        </div>\n        <div\n          v-else-if=\"\n            item.type ||\n            item.format ||\n            item.minimum ||\n            item.maximum ||\n            item.default\n          \"\n          class=\"schema text-c-2 flex items-center\">\n          <span v-if=\"item.type\">{{ item.type }}</span>\n          <span v-if=\"item.format\">{{ item.format }}</span>\n          <span v-if=\"item.minimum\">min: {{ item.minimum }}</span>\n          <span v-if=\"item.maximum\">max: {{ item.maximum }}</span>\n          <span v-if=\"item.default\">default: {{ item.default }}</span>\n        </div>\n        <span\n          v-if=\"item.description && !isInvalid\"\n          class=\"text-sm leading-snug text-pretty\"\n          :style=\"{ maxWidth: '16rem' }\">\n          {{ item.description }}\n        </span>\n      </div>\n    </template>\n  </ScalarPopover>\n</template>\n<style scoped>\n.schema > span:not(:first-child)::before {\n  content: '·';\n  display: block;\n  margin: 0 0.5ch;\n}\n\n.schema > span {\n  display: flex;\n  white-space: nowrap;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,64 @@
+import { parameterIsInvalid } from "../libs/request.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarPopover } from "@scalar/components";
+import { ScalarIconInfo, ScalarIconWarning } from "@scalar/icons";
+//#region src/views/Request/RequestSection/RequestTableTooltip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "role"];
+var _hoisted_2 = { class: "w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pt-2 pb-1.5 leading-none" };
+var _hoisted_3 = {
+	key: 0,
+	class: "text-error-1"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "schema text-c-2 flex items-center"
+};
+var _hoisted_5 = { key: 0 };
+var _hoisted_6 = { key: 1 };
+var _hoisted_7 = { key: 2 };
+var _hoisted_8 = { key: 3 };
+var _hoisted_9 = { key: 4 };
+var _hoisted_10 = {
+	key: 2,
+	class: "text-sm leading-snug text-pretty",
+	style: { maxWidth: "16rem" }
+};
+var RequestTableTooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestTableTooltip",
+	props: { item: {} },
+	setup(__props) {
+		const isInvalid = computed(() => !!parameterIsInvalid(__props.item).value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarPopover), {
+				teleport: "",
+				offset: 4,
+				placement: "left"
+			}, {
+				popover: withCtx(() => [createElementVNode("div", _hoisted_2, [isInvalid.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(parameterIsInvalid)(__props.item).value), 1)) : __props.item.type || __props.item.format || __props.item.minimum || __props.item.maximum || __props.item.default ? (openBlock(), createElementBlock("div", _hoisted_4, [
+					__props.item.type ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.item.type), 1)) : createCommentVNode("", true),
+					__props.item.format ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.item.format), 1)) : createCommentVNode("", true),
+					__props.item.minimum ? (openBlock(), createElementBlock("span", _hoisted_7, "min: " + toDisplayString(__props.item.minimum), 1)) : createCommentVNode("", true),
+					__props.item.maximum ? (openBlock(), createElementBlock("span", _hoisted_8, "max: " + toDisplayString(__props.item.maximum), 1)) : createCommentVNode("", true),
+					__props.item.default ? (openBlock(), createElementBlock("span", _hoisted_9, "default: " + toDisplayString(__props.item.default), 1)) : createCommentVNode("", true)
+				])) : createCommentVNode("", true), __props.item.description && !isInvalid.value ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.item.description), 1)) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					"aria-label": isInvalid.value ? "Input is invalid" : "More Information",
+					class: "text-c-2 hover:text-c-1 hover:bg-b-2 rounded p-1",
+					role: isInvalid.value ? "alert" : "none"
+				}, [isInvalid.value ? (openBlock(), createBlock(unref(ScalarIconWarning), {
+					key: 0,
+					class: "text-orange size-3.5 brightness-90 hover:brightness-75"
+				})) : (openBlock(), createBlock(unref(ScalarIconInfo), {
+					key: 1,
+					class: "text-c-2 hover:text-c-1 size-3.5"
+				}))], 8, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { RequestTableTooltip_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestTableTooltip.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestTableTooltip.vue.script.js","names":[],"sources":["../../../../src/views/Request/RequestSection/RequestTableTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components'\nimport { ScalarIconInfo, ScalarIconWarning } from '@scalar/icons'\nimport type { RequestExampleParameter } from '@scalar/oas-utils/entities/spec'\nimport { computed } from 'vue'\n\nimport { parameterIsInvalid } from '../libs/request'\n\nconst { item } = defineProps<{ item: RequestExampleParameter }>()\n\nconst isInvalid = computed(() => !!parameterIsInvalid(item).value)\n</script>\n<template>\n  <ScalarPopover\n    teleport\n    :offset=\"4\"\n    placement=\"left\">\n    <button\n      type=\"button\"\n      :aria-label=\"isInvalid ? 'Input is invalid' : 'More Information'\"\n      class=\"text-c-2 hover:text-c-1 hover:bg-b-2 rounded p-1\"\n      :role=\"isInvalid ? 'alert' : 'none'\">\n      <ScalarIconWarning\n        v-if=\"isInvalid\"\n        class=\"text-orange size-3.5 brightness-90 hover:brightness-75\" />\n      <ScalarIconInfo\n        v-else\n        class=\"text-c-2 hover:text-c-1 size-3.5\" />\n    </button>\n    <template #popover>\n      <div\n        class=\"w-content text-xxs text-c-1 grid min-w-48 gap-1.5 rounded px-1.5 pt-2 pb-1.5 leading-none\">\n        <div\n          v-if=\"isInvalid\"\n          class=\"text-error-1\">\n          {{ parameterIsInvalid(item).value }}\n        </div>\n        <div\n          v-else-if=\"\n            item.type ||\n            item.format ||\n            item.minimum ||\n            item.maximum ||\n            item.default\n          \"\n          class=\"schema text-c-2 flex items-center\">\n          <span v-if=\"item.type\">{{ item.type }}</span>\n          <span v-if=\"item.format\">{{ item.format }}</span>\n          <span v-if=\"item.minimum\">min: {{ item.minimum }}</span>\n          <span v-if=\"item.maximum\">max: {{ item.maximum }}</span>\n          <span v-if=\"item.default\">default: {{ item.default }}</span>\n        </div>\n        <span\n          v-if=\"item.description && !isInvalid\"\n          class=\"text-sm leading-snug text-pretty\"\n          :style=\"{ maxWidth: '16rem' }\">\n          {{ item.description }}\n        </span>\n      </div>\n    </template>\n  </ScalarPopover>\n</template>\n<style scoped>\n.schema > span:not(:first-child)::before {\n  content: '·';\n  display: block;\n  margin: 0 0.5ch;\n}\n\n.schema > span {\n  display: flex;\n  white-space: nowrap;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,YAAY,eAAe,CAAC,CAAC,mBAAmB,QAAA,KAAK,CAAC,MAAK;;uBAG/D,YA+CgB,MAAA,cAAA,EAAA;IA9Cd,UAAA;IACC,QAAQ;IACT,WAAU;;IAaC,SAAO,cA6BV,CA5BN,mBA4BM,OA5BN,YA4BM,CAzBI,UAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAIM,gBADD,MAAA,mBAAkB,CAAC,QAAA,KAAI,CAAE,MAAK,EAAA,EAAA,IAGT,QAAA,KAAK,QAAoB,QAAA,KAAK,UAAsB,QAAA,KAAK,WAAuB,QAAA,KAAK,WAAuB,QAAA,KAAK,WAAA,WAAA,EAD3I,mBAcM,OAdN,YAcM;KALQ,QAAA,KAAK,QAAA,WAAA,EAAjB,mBAA6C,QAAA,YAAA,gBAAnB,QAAA,KAAK,KAAI,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KACvB,QAAA,KAAK,UAAA,WAAA,EAAjB,mBAAiD,QAAA,YAAA,gBAArB,QAAA,KAAK,OAAM,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAC3B,QAAA,KAAK,WAAA,WAAA,EAAjB,mBAAwD,QAAA,YAA9B,UAAK,gBAAG,QAAA,KAAK,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAClC,QAAA,KAAK,WAAA,WAAA,EAAjB,mBAAwD,QAAA,YAA9B,UAAK,gBAAG,QAAA,KAAK,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAClC,QAAA,KAAK,WAAA,WAAA,EAAjB,mBAA4D,QAAA,YAAlC,cAAS,gBAAG,QAAA,KAAK,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;wCAG5C,QAAA,KAAK,eAAW,CAAK,UAAA,SAAA,WAAA,EAD7B,mBAKO,QALP,aAKO,gBADF,QAAA,KAAK,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;2BA5BhB,CAXT,mBAWS,UAAA;KAVP,MAAK;KACJ,cAAY,UAAA,QAAS,qBAAA;KACtB,OAAM;KACL,MAAM,UAAA,QAAS,UAAA;QAER,UAAA,SAAA,WAAA,EADR,YAEmE,MAAA,kBAAA,EAAA;;KAAjE,OAAM;wBACR,YAE6C,MAAA,eAAA,EAAA;;KAA3C,OAAM"}

package/dist/views/Request/RequestSection/helpers/filter-security-requirements.js

@@ -0,0 +1,38 @@
+//#region src/views/Request/RequestSection/helpers/filter-security-requirements.ts
+/**
+* Takes in selected security and filters it with the requirements
+*/
+var filterSecurityRequirements = (securityRequirements, selectedSecuritySchemeUids = [], securitySchemes = {}) => {
+	if (!securityRequirements || securityRequirements.length === 0) return [];
+	const nonOptionalRequirements = securityRequirements.filter((requirement) => Object.keys(requirement).length > 0);
+	if (nonOptionalRequirements.length === 0) return [];
+	if (selectedSecuritySchemeUids.length === 0) {
+		const firstRequirement = nonOptionalRequirements[0];
+		const firstSchemeNameKey = firstRequirement ? Object.keys(firstRequirement)[0] : void 0;
+		const matchingScheme = Object.values(securitySchemes).find((scheme) => scheme.nameKey === firstSchemeNameKey);
+		return matchingScheme ? [matchingScheme] : [];
+	}
+	const requiredCombinations = new Set(nonOptionalRequirements.map((requirement) => Object.keys(requirement).sort().join(",")));
+	const result = [];
+	for (const uids of selectedSecuritySchemeUids) {
+		const schemeUids = Array.isArray(uids) ? uids : [uids];
+		const validSchemes = [];
+		const nameKeys = [];
+		for (const uid of schemeUids) {
+			const scheme = securitySchemes[uid];
+			if (scheme?.nameKey) {
+				validSchemes.push(scheme);
+				nameKeys.push(scheme.nameKey);
+			}
+		}
+		if (nameKeys.length > 0) {
+			const key = nameKeys.sort().join(",");
+			if (requiredCombinations.has(key)) result.push(...validSchemes);
+		}
+	}
+	return result;
+};
+//#endregion
+export { filterSecurityRequirements };
+
+//# sourceMappingURL=filter-security-requirements.js.map

package/dist/views/Request/RequestSection/helpers/filter-security-requirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-security-requirements.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/helpers/filter-security-requirements.ts"],"sourcesContent":["import type { Collection, SecurityScheme } from '@scalar/oas-utils/entities/spec'\n\n/**\n * Takes in selected security and filters it with the requirements\n */\nexport const filterSecurityRequirements = (\n  securityRequirements: Collection['security'],\n  selectedSecuritySchemeUids: Collection['selectedSecuritySchemeUids'] = [],\n  securitySchemes: Record<string, SecurityScheme> = {},\n): SecurityScheme[] => {\n  // Return empty array if no security requirements exist\n  if (!securityRequirements || securityRequirements.length === 0) {\n    return []\n  }\n\n  // Filter out optional security requirements (empty objects)\n  const nonOptionalRequirements = securityRequirements.filter((requirement) => Object.keys(requirement).length > 0)\n\n  // Return empty array if only optional security requirements exist\n  if (nonOptionalRequirements.length === 0) {\n    return []\n  }\n\n  // If no security schemes are selected, return the first available security scheme\n  if (selectedSecuritySchemeUids.length === 0) {\n    const firstRequirement = nonOptionalRequirements[0]\n    const firstSchemeNameKey = firstRequirement ? Object.keys(firstRequirement)[0] : undefined\n\n    // Find the security scheme that matches the first requirement\n    const matchingScheme = Object.values(securitySchemes).find((scheme) => scheme.nameKey === firstSchemeNameKey)\n\n    return matchingScheme ? [matchingScheme] : []\n  }\n\n  // Create a Set of required security combinations for fast lookup\n  const requiredCombinations = new Set(\n    nonOptionalRequirements.map((requirement) => Object.keys(requirement).sort().join(',')),\n  )\n\n  const result: SecurityScheme[] = []\n\n  for (const uids of selectedSecuritySchemeUids) {\n    // Handle both single uid and array of uids\n    const schemeUids = Array.isArray(uids) ? uids : [uids]\n\n    // Get valid schemes and their name keys in one pass\n    const validSchemes: SecurityScheme[] = []\n    const nameKeys: string[] = []\n\n    for (const uid of schemeUids) {\n      const scheme = securitySchemes[uid]\n      if (scheme?.nameKey) {\n        validSchemes.push(scheme)\n        nameKeys.push(scheme.nameKey)\n      }\n    }\n\n    // Check if this combination is required\n    if (nameKeys.length > 0) {\n      const key = nameKeys.sort().join(',')\n      if (requiredCombinations.has(key)) {\n        result.push(...validSchemes)\n      }\n    }\n  }\n\n  return result\n}\n"],"mappings":";;;;AAKA,IAAa,8BACX,sBACA,6BAAuE,EAAE,EACzE,kBAAkD,EAAE,KAC/B;AAErB,KAAI,CAAC,wBAAwB,qBAAqB,WAAW,EAC3D,QAAO,EAAE;CAIX,MAAM,0BAA0B,qBAAqB,QAAQ,gBAAgB,OAAO,KAAK,YAAY,CAAC,SAAS,EAAE;AAGjH,KAAI,wBAAwB,WAAW,EACrC,QAAO,EAAE;AAIX,KAAI,2BAA2B,WAAW,GAAG;EAC3C,MAAM,mBAAmB,wBAAwB;EACjD,MAAM,qBAAqB,mBAAmB,OAAO,KAAK,iBAAiB,CAAC,KAAK,KAAA;EAGjF,MAAM,iBAAiB,OAAO,OAAO,gBAAgB,CAAC,MAAM,WAAW,OAAO,YAAY,mBAAmB;AAE7G,SAAO,iBAAiB,CAAC,eAAe,GAAG,EAAE;;CAI/C,MAAM,uBAAuB,IAAI,IAC/B,wBAAwB,KAAK,gBAAgB,OAAO,KAAK,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CACxF;CAED,MAAM,SAA2B,EAAE;AAEnC,MAAK,MAAM,QAAQ,4BAA4B;EAE7C,MAAM,aAAa,MAAM,QAAQ,KAAK,GAAG,OAAO,CAAC,KAAK;EAGtD,MAAM,eAAiC,EAAE;EACzC,MAAM,WAAqB,EAAE;AAE7B,OAAK,MAAM,OAAO,YAAY;GAC5B,MAAM,SAAS,gBAAgB;AAC/B,OAAI,QAAQ,SAAS;AACnB,iBAAa,KAAK,OAAO;AACzB,aAAS,KAAK,OAAO,QAAQ;;;AAKjC,MAAI,SAAS,SAAS,GAAG;GACvB,MAAM,MAAM,SAAS,MAAM,CAAC,KAAK,IAAI;AACrC,OAAI,qBAAqB,IAAI,IAAI,CAC/B,QAAO,KAAK,GAAG,aAAa;;;AAKlC,QAAO"}

package/dist/views/Request/RequestSection/helpers/getting-started.js

@@ -0,0 +1,17 @@
+//#region src/views/Request/RequestSection/helpers/getting-started.ts
+/**
+* Checks if the user gets the getting started state displayed
+*/
+var isGettingStarted = (activeWorkspaceCollections, activeWorkspaceRequests, requests) => {
+	const draftCollection = activeWorkspaceCollections.find((collection) => collection.info?.title === "Drafts");
+	const hasSingleRequest = activeWorkspaceRequests.length === 1;
+	if (!activeWorkspaceRequests[0]) return false;
+	const isDraftsRequest = draftCollection?.requests.includes(activeWorkspaceRequests[0]);
+	if (!isDraftsRequest) return false;
+	const isRenamed = requests[draftCollection?.requests[0] ?? ""]?.summary !== "My First Request";
+	return hasSingleRequest && isDraftsRequest && !isRenamed;
+};
+//#endregion
+export { isGettingStarted };
+
+//# sourceMappingURL=getting-started.js.map

package/dist/views/Request/RequestSection/helpers/getting-started.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getting-started.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/helpers/getting-started.ts"],"sourcesContent":["import type { Collection, Operation } from '@scalar/oas-utils/entities/spec'\n\n/**\n * Checks if the user gets the getting started state displayed\n */\nexport const isGettingStarted = (\n  activeWorkspaceCollections: Collection[],\n  activeWorkspaceRequests: Operation['uid'][],\n  requests: Record<string, any>,\n) => {\n  const draftCollection = activeWorkspaceCollections.find((collection) => collection.info?.title === 'Drafts')\n  const hasSingleRequest = activeWorkspaceRequests.length === 1\n\n  if (!activeWorkspaceRequests[0]) {\n    return false\n  }\n  const isDraftsRequest = draftCollection?.requests.includes(activeWorkspaceRequests[0])\n\n  if (!isDraftsRequest) {\n    return false\n  }\n  const isRenamed = requests[draftCollection?.requests[0] ?? '']?.summary !== 'My First Request'\n\n  return hasSingleRequest && isDraftsRequest && !isRenamed\n}\n"],"mappings":";;;;AAKA,IAAa,oBACX,4BACA,yBACA,aACG;CACH,MAAM,kBAAkB,2BAA2B,MAAM,eAAe,WAAW,MAAM,UAAU,SAAS;CAC5G,MAAM,mBAAmB,wBAAwB,WAAW;AAE5D,KAAI,CAAC,wBAAwB,GAC3B,QAAO;CAET,MAAM,kBAAkB,iBAAiB,SAAS,SAAS,wBAAwB,GAAG;AAEtF,KAAI,CAAC,gBACH,QAAO;CAET,MAAM,YAAY,SAAS,iBAAiB,SAAS,MAAM,KAAK,YAAY;AAE5E,QAAO,oBAAoB,mBAAmB,CAAC"}

package/dist/views/Request/RequestSection/helpers/update-scheme.d.ts

@@ -1,6 +1,6 @@
 import type { SecurityScheme } from '@scalar/oas-utils/entities/spec';
 import type { Path, PathValue } from '@scalar/object-utils/nested';
-import type { WorkspaceStore } from '../../../../store/store';
+import type { WorkspaceStore } from '../../../../store/store.js';
 /** Shape of the local storage auth object */
 export type Auth<P extends Path<SecurityScheme>> = Record<string, Record<P, NonNullable<PathValue<SecurityScheme, P>>>>;
 /** Update the security scheme with side effects */

package/dist/views/Request/RequestSection/helpers/update-scheme.js

@@ -0,0 +1,22 @@
+import { CLIENT_LS_KEYS, safeLocalStorage } from "@scalar/helpers/object/local-storage";
+//#region src/views/Request/RequestSection/helpers/update-scheme.ts
+/** Update the security scheme with side effects */
+var updateScheme = (uid, path, value, { securitySchemeMutators, securitySchemes }, persistAuth = false) => {
+	securitySchemeMutators.edit(uid, path, value);
+	if (!persistAuth) return;
+	try {
+		const auth = JSON.parse(safeLocalStorage().getItem(CLIENT_LS_KEYS.AUTH) ?? "{}");
+		const scheme = securitySchemes[uid];
+		if (auth && scheme?.nameKey) {
+			const nameScheme = auth[scheme.nameKey] ||= {};
+			nameScheme[path] = value;
+			safeLocalStorage().setItem(CLIENT_LS_KEYS.AUTH, JSON.stringify(auth));
+		}
+	} catch (e) {
+		console.error(e);
+	}
+};
+//#endregion
+export { updateScheme };
+
+//# sourceMappingURL=update-scheme.js.map

package/dist/views/Request/RequestSection/helpers/update-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-scheme.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/helpers/update-scheme.ts"],"sourcesContent":["import { CLIENT_LS_KEYS, safeLocalStorage } from '@scalar/helpers/object/local-storage'\nimport type { SecurityScheme } from '@scalar/oas-utils/entities/spec'\nimport type { Path, PathValue } from '@scalar/object-utils/nested'\n\nimport type { WorkspaceStore } from '@/store/store'\n\n/** Shape of the local storage auth object */\nexport type Auth<P extends Path<SecurityScheme>> = Record<string, Record<P, NonNullable<PathValue<SecurityScheme, P>>>>\n\n/** Update the security scheme with side effects */\nexport const updateScheme = <U extends SecurityScheme['uid'], P extends Path<SecurityScheme>>(\n  uid: U,\n  path: P,\n  value: NonNullable<PathValue<SecurityScheme, P>>,\n  { securitySchemeMutators, securitySchemes }: WorkspaceStore,\n  persistAuth = false,\n) => {\n  securitySchemeMutators.edit(uid, path, value)\n\n  if (!persistAuth) {\n    return\n  }\n\n  // We persist auth to local storage by name key\n  try {\n    const auth: Auth<P> = JSON.parse(safeLocalStorage().getItem(CLIENT_LS_KEYS.AUTH) ?? '{}')\n    const scheme = securitySchemes[uid]\n\n    if (auth && scheme?.nameKey) {\n      const nameScheme = (auth[scheme.nameKey] ||= {} as Record<P, NonNullable<PathValue<SecurityScheme, P>>>)\n      nameScheme[path] = value\n      safeLocalStorage().setItem(CLIENT_LS_KEYS.AUTH, JSON.stringify(auth))\n    }\n  } catch (e) {\n    console.error(e)\n  }\n}\n"],"mappings":";;;AAUA,IAAa,gBACX,KACA,MACA,OACA,EAAE,wBAAwB,mBAC1B,cAAc,UACX;AACH,wBAAuB,KAAK,KAAK,MAAM,MAAM;AAE7C,KAAI,CAAC,YACH;AAIF,KAAI;EACF,MAAM,OAAgB,KAAK,MAAM,kBAAkB,CAAC,QAAQ,eAAe,KAAK,IAAI,KAAK;EACzF,MAAM,SAAS,gBAAgB;AAE/B,MAAI,QAAQ,QAAQ,SAAS;GAC3B,MAAM,aAAc,KAAK,OAAO,aAAa,EAAE;AAC/C,cAAW,QAAQ;AACnB,qBAAkB,CAAC,QAAQ,eAAe,MAAM,KAAK,UAAU,KAAK,CAAC;;UAEhE,GAAG;AACV,UAAQ,MAAM,EAAE"}

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

@@ -1,3 +1,3 @@
-export { filterSecurityRequirements } from './helpers/filter-security-requirements';
-export { default as RequestSection } from './RequestSection.vue';
+export { filterSecurityRequirements } from './helpers/filter-security-requirements.js';
+export { default as RequestSection } from './RequestSection.vue.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,43 +1,3 @@
-import "../../../CodeInput-BTN8cC5h.js";
-import "../../../DataTableInput-RydMDjn2.js";
-import "../../../SectionFilter-hrtoRLwj.js";
-import { t as RequestSection_default } from "../../../RequestSection-D2BLvDTr.js";
-import "../../../RequestAuth-1cRH3DDn.js";
-//#region src/views/Request/RequestSection/helpers/filter-security-requirements.ts
-/**
-* Takes in selected security and filters it with the requirements
-*/
-var filterSecurityRequirements = (securityRequirements, selectedSecuritySchemeUids = [], securitySchemes = {}) => {
-	if (!securityRequirements || securityRequirements.length === 0) return [];
-	const nonOptionalRequirements = securityRequirements.filter((requirement) => Object.keys(requirement).length > 0);
-	if (nonOptionalRequirements.length === 0) return [];
-	if (selectedSecuritySchemeUids.length === 0) {
-		const firstRequirement = nonOptionalRequirements[0];
-		const firstSchemeNameKey = firstRequirement ? Object.keys(firstRequirement)[0] : void 0;
-		const matchingScheme = Object.values(securitySchemes).find((scheme) => scheme.nameKey === firstSchemeNameKey);
-		return matchingScheme ? [matchingScheme] : [];
-	}
-	const requiredCombinations = new Set(nonOptionalRequirements.map((requirement) => Object.keys(requirement).sort().join(",")));
-	const result = [];
-	for (const uids of selectedSecuritySchemeUids) {
-		const schemeUids = Array.isArray(uids) ? uids : [uids];
-		const validSchemes = [];
-		const nameKeys = [];
-		for (const uid of schemeUids) {
-			const scheme = securitySchemes[uid];
-			if (scheme?.nameKey) {
-				validSchemes.push(scheme);
-				nameKeys.push(scheme.nameKey);
-			}
-		}
-		if (nameKeys.length > 0) {
-			const key = nameKeys.sort().join(",");
-			if (requiredCombinations.has(key)) result.push(...validSchemes);
-		}
-	}
-	return result;
-};
-//#endregion
+import { filterSecurityRequirements } from "./helpers/filter-security-requirements.js";
+import RequestSection_default from "./RequestSection.vue.js";
 export { RequestSection_default as RequestSection, filterSecurityRequirements };
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSidebar.vue.js","names":[],"sources":["../../../src/views/Request/RequestSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarSearchResultItem,\n  ScalarSearchResultList,\n  ScalarSidebarSearchInput,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  useId,\n  watch,\n} from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport Rabbit from '@/assets/rabbit.ascii?raw'\nimport RabbitJump from '@/assets/rabbitjump.ascii?raw'\nimport { Sidebar } from '@/components'\nimport EnvironmentSelector from '@/components/EnvironmentSelector/EnvironmentSelector.vue'\nimport HttpMethod from '@/components/HttpMethod/HttpMethod.vue'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport { useSearch } from '@/components/Search/useSearch'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport type { HotKeyEvent } from '@/libs'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { createInitialRequest } from '@/store/requests'\nimport { dragHandlerFactory } from '@/views/Request/handle-drag'\nimport RequestSidebarItemMenu from '@/views/Request/RequestSidebarItemMenu.vue'\nimport type { SidebarItem, SidebarMenuItem } from '@/views/Request/types'\n\nimport { WorkspaceDropdown } from './components'\nimport { isGettingStarted } from './RequestSection/helpers/getting-started'\nimport RequestSidebarItem from './RequestSidebarItem.vue'\n\nconst emit = defineEmits<{\n  (e: 'newTab', { name, uid }: { name: string; uid: string }): void\n  (e: 'clearDrafts'): void\n}>()\n\nconst { isSidebarOpen, setCollapsedSidebarFolder, toggleSidebarOpen } =\n  useSidebar()\nconst { layout } = useLayout()\n\nconst workspaceContext = useWorkspace()\nconst {\n  activeCollection,\n  activeWorkspaceCollections,\n  activeRequest,\n  activeWorkspaceRequests,\n  activeWorkspace,\n} = useActiveEntities()\nconst { findRequestParents, events, requestMutators, requests } =\n  workspaceContext\n\nconst { handleDragEnd, isDroppable } = dragHandlerFactory(\n  activeWorkspace,\n  workspaceContext,\n)\nconst { replace } = useRouter()\nconst openCommandPaletteImport = () => {\n  events.commandPalette.emit({\n    commandName: 'Import from OpenAPI/Swagger/Postman/cURL',\n  })\n}\nconst searchResultsId = useId()\nconst { toast } = useToasts()\n/** The currently selected sidebarMenuItem for the context menu */\nconst menuItem = reactive<SidebarMenuItem>({ open: false })\nconst isSearchVisible = ref(false)\n\n/** Watch to see if activeRequest changes and ensure we open any folders */\nwatch(\n  activeRequest,\n  (request) => {\n    if (!request) {\n      return\n    }\n\n    // Ensure the sidebar folders are open\n    findRequestParents(request).forEach((uid: string) =>\n      setCollapsedSidebarFolder(uid, true),\n    )\n  },\n  { immediate: true },\n)\n\nconst {\n  searchText,\n  searchResultsWithPlaceholderResults,\n  selectedSearchResult,\n  onSearchResultClick,\n  fuseSearch,\n  searchInputRef,\n  searchResultRefs,\n  navigateSearchResults,\n  selectSearchResult,\n} = useSearch()\n\nconst searchToggleRef = ref<HTMLButtonElement>()\n\n/** Handle hotkey events from the bus */\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (!event) {\n    return\n  }\n  if (event.toggleSidebar) {\n    toggleSidebarOpen()\n  }\n  if (event.focusRequestSearch) {\n    searchInputRef.value?.focus()\n  }\n}\n\nonMounted(() => events.hotKeys.on(handleHotKey))\n\n/**\n * Need to manually remove listener on unmount due to vueuse memory leak\n *\n * @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566\n */\nonBeforeUnmount(() => {\n  events.hotKeys.off(handleHotKey)\n})\n\nconst handleToggleWatchMode = (item?: SidebarItem) => {\n  if (item?.documentUrl) {\n    item.watchMode = !item.watchMode\n    const currentCollection = activeWorkspaceCollections.value.find(\n      (collection: Collection) => collection.uid === item.entity.uid,\n    )\n    if (currentCollection) {\n      currentCollection.watchMode = item.watchMode\n    }\n  }\n}\n\nwatch(\n  () =>\n    activeWorkspaceCollections.value.map(\n      (collection: Collection) => collection.watchMode,\n    ),\n  (newWatchModes, oldWatchModes) => {\n    newWatchModes.forEach((newWatchMode: boolean, index: number) => {\n      if (\n        layout !== 'modal' &&\n        newWatchMode !== oldWatchModes[index] &&\n        activeWorkspaceCollections.value[index]?.info?.title !== 'Drafts' &&\n        activeWorkspaceCollections.value[index]\n      ) {\n        const currentCollection = activeWorkspaceCollections.value[index]\n        if (!currentCollection) {\n          return\n        }\n\n        const message = `${currentCollection.info?.title}: Watch Mode ${newWatchMode ? 'enabled' : 'disabled'}`\n        toast(message, 'info')\n      }\n    })\n  },\n)\n\n/** Screen reader label for the search input */\nconst srLabel = computed<string>(() => {\n  const results = searchResultsWithPlaceholderResults.value\n  if (!results.length) {\n    return 'No results found'\n  }\n\n  const result = results[selectedSearchResult.value]?.item\n  if (!result) {\n    return 'No result selected'\n  }\n\n  const resultsFoundLabel = searchText.value.length\n    ? `${results.length} result${results.length === 1 ? '' : 's'} found, `\n    : ''\n\n  const selectedResultDescription = `, HTTP Method ${result.httpVerb}, Path ${result.path}`\n\n  const selectedResultLabel = `${result.title} ${selectedResultDescription}`\n\n  return `${resultsFoundLabel}Selected: ${selectedResultLabel}`\n})\n\nconst handleClearDrafts = () => {\n  const draftCollection = activeWorkspaceCollections.value.find(\n    (collection: Collection) => collection.info?.title === 'Drafts',\n  )\n\n  if (draftCollection) {\n    draftCollection.requests.forEach((requestUid: string) => {\n      if (requests[requestUid]) {\n        requestMutators.delete(requests[requestUid], draftCollection.uid)\n      }\n    })\n  }\n\n  const hasRequests = activeWorkspaceRequests.value.length\n\n  // First request in the first collection\n  if (hasRequests) {\n    const firstCollection = activeWorkspaceCollections.value[0]\n    const firstRequest = firstCollection?.requests[0]\n\n    if (firstRequest) {\n      replace({\n        name: 'request',\n        params: {\n          [PathId.Request]: firstRequest,\n        },\n      })\n    }\n  }\n  // Create a new request and go to it\n  else {\n    const { request } = createInitialRequest()\n\n    if (draftCollection) {\n      requestMutators.add(request, draftCollection.uid)\n\n      replace({\n        name: 'request',\n        params: {\n          [PathId.Request]: request.uid,\n        },\n      })\n    }\n  }\n}\n\nwatch(isSearchVisible, (isVisible) => {\n  // If we're hiding the search, clear the text\n  if (!isVisible) {\n    searchText.value = ''\n  }\n})\n\nconst showGettingStarted = computed(() =>\n  isGettingStarted(\n    activeWorkspaceCollections.value,\n    activeWorkspaceRequests.value,\n    requests,\n  ),\n)\n\n/** We ensure in modal mode we only show the current requests collection */\nconst collections = computed(() => {\n  if (layout === 'modal' && activeCollection.value) {\n    return [activeCollection.value]\n  }\n  return activeWorkspaceCollections.value\n})\n\n/** Hide the search input if the text is empty */\nfunction handleBlur(e: FocusEvent) {\n  // We have to check the blur did not come from the search toggle button\n  // otherwise the search will show again form the click event\n  if (!searchText.value && e.relatedTarget !== searchToggleRef.value) {\n    isSearchVisible.value = false\n  }\n}\n</script>\n<template>\n  <Sidebar\n    v-show=\"isSidebarOpen\"\n    :class=\"[isSidebarOpen ? 'sidebar-active-width' : '']\">\n    <template\n      v-if=\"layout !== 'modal'\"\n      #header />\n    <template #content>\n      <div class=\"bg-b-1 sticky top-0 z-20 flex h-12 items-center px-3\">\n        <!-- Holds space for the sidebar toggle -->\n        <div\n          class=\"size-8\"\n          :class=\"{ 'xl:hidden': layout !== 'modal' }\" />\n        <WorkspaceDropdown v-if=\"layout !== 'modal'\" />\n        <span\n          v-if=\"layout !== 'modal'\"\n          class=\"text-c-3\">\n          /\n        </span>\n        <EnvironmentSelector v-if=\"layout !== 'modal'\" />\n        <button\n          ref=\"searchToggleRef\"\n          :aria-pressed=\"isSearchVisible\"\n          class=\"ml-auto\"\n          type=\"button\"\n          @click=\"isSearchVisible = !isSearchVisible\">\n          <span class=\"sr-only\">\n            {{ isSearchVisible ? 'Hide' : 'Show' }} search\n          </span>\n          <ScalarIcon\n            class=\"text-c-3 hover:bg-b-2 max-h-8 max-w-8 rounded-lg p-1.75 text-sm\"\n            icon=\"Search\" />\n        </button>\n      </div>\n      <div\n        v-if=\"isSearchVisible\"\n        class=\"search-button-fade sticky top-12 z-10 px-3 py-2.5 pt-0 focus-within:z-20\"\n        role=\"search\">\n        <ScalarSidebarSearchInput\n          ref=\"searchInputRef\"\n          v-model=\"searchText\"\n          autofocus\n          :aria-controls=\"searchResultsId\"\n          :label=\"srLabel\"\n          @input=\"fuseSearch\"\n          @keydown.down.stop=\"navigateSearchResults('down')\"\n          @keydown.enter.stop=\"selectSearchResult()\"\n          @keydown.up.stop=\"navigateSearchResults('up')\"\n          @blur=\"handleBlur\" />\n      </div>\n      <div\n        class=\"gap-1/2 flex flex-1 flex-col overflow-visible overflow-y-auto px-3 pt-0 pb-3\"\n        :class=\"[\n          {\n            'pb-14': layout !== 'modal',\n          },\n          {\n            'h-[calc(100%-273.5px)]': showGettingStarted,\n          },\n        ]\"\n        @dragenter.prevent\n        @dragover.prevent>\n        <template v-if=\"searchText\">\n          <ScalarSearchResultList\n            :id=\"searchResultsId\"\n            aria-label=\"Search Results\"\n            class=\"gap-px\"\n            :noResults=\"!searchResultsWithPlaceholderResults.length\">\n            <ScalarSearchResultItem\n              v-for=\"(entry, index) in searchResultsWithPlaceholderResults\"\n              :id=\"`#search-input-${entry.item.id}`\"\n              :key=\"entry.refIndex\"\n              :ref=\"(el) => (searchResultRefs[index] = el as HTMLElement)\"\n              :selected=\"selectedSearchResult === index\"\n              class=\"px-2\"\n              :href=\"entry.item.link\"\n              @click.prevent=\"onSearchResultClick(entry)\"\n              @focus=\"selectedSearchResult = index\">\n              {{ entry.item.title }}\n              <template #addon>\n                <span class=\"sr-only\">HTTP Method:</span>\n                <HttpMethod\n                  class=\"font-bold\"\n                  :method=\"entry.item.httpVerb ?? 'get'\" />\n              </template>\n            </ScalarSearchResultItem>\n          </ScalarSearchResultList>\n        </template>\n        <nav\n          v-else\n          class=\"contents\">\n          <!-- Collection -->\n          <RequestSidebarItem\n            v-for=\"collection in collections\"\n            :key=\"collection.uid\"\n            :isDraggable=\"\n              layout !== 'modal' && collection.info?.title !== 'Drafts'\n            \"\n            :isDroppable=\"isDroppable\"\n            :menuItem=\"menuItem\"\n            :parentUids=\"[]\"\n            :uid=\"collection.uid\"\n            @newTab=\"(name, uid) => emit('newTab', { name, uid })\"\n            @onDragEnd=\"handleDragEnd\"\n            @openMenu=\"(item) => Object.assign(menuItem, item)\">\n            <template #leftIcon>\n              <ScalarIcon\n                v-if=\"collection.info?.title === 'Drafts'\"\n                class=\"text-sidebar-c-2\"\n                icon=\"Scribble\"\n                thickness=\"2.25\" />\n              <LibraryIcon\n                v-else\n                class=\"text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2\"\n                :src=\"\n                  collection['x-scalar-icon'] || 'interface-content-folder'\n                \" />\n            </template>\n          </RequestSidebarItem>\n        </nav>\n      </div>\n    </template>\n    <template #button>\n      <div\n        :class=\"{\n          'empty-sidebar-item': showGettingStarted,\n        }\">\n        <div\n          v-if=\"showGettingStarted\"\n          class=\"empty-sidebar-item-content px-2.5 py-2.5\">\n          <div class=\"rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]\">\n            <ScalarAsciiArt\n              :art=\"Rabbit\"\n              class=\"rabbitsit font-bold\" />\n            <ScalarAsciiArt\n              :art=\"RabbitJump\"\n              class=\"rabbitjump absolute top-0 left-0 font-bold\" />\n          </div>\n          <div class=\"mt-2 mb-2 text-center text-sm text-balance\">\n            <b class=\"font-medium\">Let's Get Started</b>\n            <p class=\"mt-2\">\n              Create request, folder, collection or import from OpenAPI/Postman\n            </p>\n          </div>\n        </div>\n        <ScalarButton\n          v-if=\"layout !== 'modal'\"\n          class=\"mb-1.5 hidden h-fit w-full p-1.5 opacity-0\"\n          :class=\"{\n            'flex opacity-100': showGettingStarted,\n          }\"\n          @click=\"openCommandPaletteImport\">\n          Import Collection\n        </ScalarButton>\n        <SidebarButton\n          v-if=\"layout !== 'modal'\"\n          :click=\"events.commandPalette.emit\"\n          hotkey=\"K\">\n          <template #title> Add Item </template>\n        </SidebarButton>\n      </div>\n    </template>\n  </Sidebar>\n\n  <!-- Menu -->\n  <RequestSidebarItemMenu\n    v-if=\"layout !== 'modal' && menuItem\"\n    :menuItem=\"menuItem\"\n    @clearDrafts=\"handleClearDrafts\"\n    @closeMenu=\"menuItem.open = false\"\n    @toggleWatchMode=\"handleToggleWatchMode\" />\n</template>\n<style scoped>\n.search-button-fade {\n  background: linear-gradient(\n    var(--scalar-background-1) 32px,\n    color-mix(in srgb, var(--scalar-background-1), transparent) 38px,\n    transparent\n  );\n}\n.empty-sidebar-item-content {\n  display: none;\n}\n.empty-sidebar-item .empty-sidebar-item-content {\n  display: block;\n}\n.rabbitjump {\n  opacity: 0;\n}\n.empty-sidebar-item:hover .rabbitjump {\n  opacity: 1;\n  animation: rabbitAnimation 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbitsit {\n  opacity: 0;\n  animation: rabbitAnimation2 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbit-ascii {\n  animation: rabbitRun 8s infinite linear;\n}\n@keyframes rabbitRun {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(250px, 0, 0);\n  }\n  25.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  75% {\n    transform: translate3d(250px, 0, 0);\n  }\n  75.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes rabbitAnimation {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes rabbitAnimation2 {\n  0%,\n  100% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n    transform: translate3d(0, -8px, 0);\n  }\n}\n</style>\n"],"mappings":""}