@scalar/api-client 2.38.4 → 2.39.1

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.script.js

@@ -0,0 +1,98 @@
+import { useLayout } from "../../../hooks/useLayout.js";
+import { useWorkspace } from "../../../store/store.js";
+import computer_default from "../../../assets/computer.ascii.virtual.js";
+import ScalarAsciiArt_default from "../../../components/ScalarAsciiArt.vue.js";
+import EmptyState_default from "../../../components/EmptyState.vue.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, toDisplayString, unref } from "vue";
+import { ScalarHotkey } from "@scalar/components";
+import { useRoute, useRouter } from "vue-router";
+//#region src/views/Request/ResponseSection/ResponseEmpty.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" };
+var _hoisted_2 = {
+	key: 0,
+	class: "scalar-version-number"
+};
+var _hoisted_3 = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" };
+var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseEmpty",
+	props: {
+		collection: {},
+		operation: {},
+		workspace: {},
+		numWorkspaceRequests: {}
+	},
+	setup(__props) {
+		const { events, requestMutators } = useWorkspace();
+		const route = useRoute();
+		const router = useRouter();
+		const { layout } = useLayout();
+		const addRequest = () => {
+			const requestData = __props.operation.tags?.length ? { tags: __props.operation.tags[0] ? [__props.operation.tags[0]] : [] } : {};
+			const newRequest = requestMutators.add(requestData, __props.collection.uid);
+			if (newRequest) {
+				router.push({
+					name: "request",
+					params: {
+						workspace: __props.workspace.uid,
+						request: newRequest.uid
+					}
+				});
+				nextTick(() => {
+					events.hotKeys.emit({ focusAddressBar: new KeyboardEvent("keydown", { key: "l" }) });
+				});
+			}
+		};
+		const handleHotKey = (event) => {
+			if (event?.createNew && route.name === "request") addRequest();
+		};
+		const packageVersion = "2.39.1";
+		onMounted(() => events.hotKeys.on(handleHotKey));
+		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", { class: normalizeClass(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", { "hidden opacity-0": __props.numWorkspaceRequests <= 1 && unref(layout) !== "modal" }]) }, [
+					unref(layout) !== "modal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(" Scalar App V" + toDisplayString(unref(packageVersion)) + " Beta ", 1), _cache[3] || (_cache[3] = createElementVNode("div", { class: "mt-2" }, [createElementVNode("a", {
+						href: "https://github.com/scalar/scalar/issues/2669",
+						target: "_blank"
+					}, " Roadmap ")], -1))])) : createCommentVNode("", true),
+					_cache[4] || (_cache[4] = createElementVNode("a", {
+						class: "gitbook-show scalar-version-number",
+						href: "https://www.scalar.com",
+						target: "_blank"
+					}, " Powered By Scalar.com ", -1)),
+					createVNode(ScalarAsciiArt_default, {
+						art: unref(computer_default),
+						class: "text-c-3"
+					}, null, 8, ["art"])
+				], 2),
+				unref(layout) !== "modal" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["hidden h-[calc(100%_-_50px)] items-center justify-center pb-5", { "!flex opacity-100": __props.numWorkspaceRequests == 1 }])
+				}, [createVNode(EmptyState_default)], 2)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [
+					unref(layout) !== "modal" ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "flex items-center gap-1.5",
+						type: "button",
+						onClick: _cache[0] || (_cache[0] = ($event) => unref(events).commandPalette.emit())
+					}, [_cache[5] || (_cache[5] = createTextVNode(" Get Started ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "k" })])) : createCommentVNode("", true),
+					unref(layout) === "desktop" ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "flex items-center gap-1.5",
+						type: "button",
+						onClick: _cache[1] || (_cache[1] = ($event) => addRequest())
+					}, [_cache[6] || (_cache[6] = createTextVNode(" New Request ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "N" })])) : createCommentVNode("", true),
+					createElementVNode("button", {
+						class: "flex items-center gap-1.5",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => unref(events).executeRequest.emit())
+					}, [_cache[7] || (_cache[7] = createTextVNode(" Send Request ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "↵" })])
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { ResponseEmpty_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseEmpty.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseEmpty.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\nimport type { Collection, Operation } from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { nextTick, onBeforeUnmount, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport EmptyState from '@/components/EmptyState.vue'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport { useLayout } from '@/hooks'\nimport type { HotKeyEvent } from '@/libs'\nimport { useWorkspace } from '@/store'\n\nconst { numWorkspaceRequests, collection, operation, workspace } = defineProps<{\n  collection: Collection\n  operation: Operation\n  workspace: Workspace\n  numWorkspaceRequests: number\n}>()\n\nconst { events, requestMutators } = useWorkspace()\nconst route = useRoute()\nconst router = useRouter()\nconst { layout } = useLayout()\n\nconst addRequest = () => {\n  // If the request has tags, add the first tag to the new request\n  const requestData = operation.tags?.length\n    ? { tags: operation.tags[0] ? [operation.tags[0]] : [] }\n    : {}\n\n  const newRequest = requestMutators.add(requestData, collection.uid)\n\n  if (newRequest) {\n    router.push({\n      name: 'request',\n      params: {\n        workspace: workspace.uid,\n        request: newRequest.uid,\n      },\n    })\n\n    nextTick(() => {\n      events.hotKeys.emit({\n        focusAddressBar: new KeyboardEvent('keydown', { key: 'l' }),\n      })\n    })\n  }\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'request') {\n    addRequest()\n  }\n}\n\nconst packageVersion = PACKAGE_VERSION\n\nonMounted(() => events.hotKeys.on(handleHotKey))\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n</script>\n<template>\n  <div class=\"flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize\">\n    <div\n      class=\"flex h-[calc(100%_-_50px)] flex-col items-center justify-center\"\n      :class=\"{\n        'hidden opacity-0': numWorkspaceRequests <= 1 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ packageVersion }} Beta\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\">\n            Roadmap\n          </a>\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        Powered By Scalar.com\n      </a>\n      <ScalarAsciiArt\n        :art=\"Computer\"\n        class=\"text-c-3\" />\n    </div>\n    <div\n      v-if=\"layout !== 'modal'\"\n      class=\"hidden h-[calc(100%_-_50px)] items-center justify-center pb-5\"\n      :class=\"{\n        '!flex opacity-100': numWorkspaceRequests == 1,\n      }\">\n      <EmptyState />\n    </div>\n    <div\n      class=\"text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm\">\n      <button\n        v-if=\"layout !== 'modal'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"events.commandPalette.emit()\">\n        Get Started\n        <ScalarHotkey hotkey=\"k\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"addRequest()\">\n        New Request\n        <ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"events.executeRequest.emit()\">\n        Send Request\n        <ScalarHotkey hotkey=\"↵\" />\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.scalar-version-number {\n  transform: skew(0deg, 13deg);\n  width: 76px;\n  height: 76px;\n  position: absolute;\n  margin-left: -36px;\n  font-size: 8px;\n  font-family: var(--scalar-font-code);\n  line-height: 11px;\n  margin-top: -113px;\n  border-radius: 9px 9px 16px 12px;\n  box-shadow: inset 2px 0px 0 2px var(--scalar-background-2);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-transform: initial;\n  text-decoration-color: var(--scalar-color-3);\n}\n.scalar-version-number a {\n  font-weight: bold;\n  font-weight: bold;\n  background: var(--scalar-background-2);\n  padding: 2px 4px;\n  border-radius: 3px;\n  text-decoration: none;\n  border: 0.5px solid var(--scalar-border-color);\n}\n\n.gitbook-show {\n  display: none;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,EAAE,QAAQ,oBAAoB,cAAa;EACjD,MAAM,QAAQ,UAAS;EACvB,MAAM,SAAS,WAAU;EACzB,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,mBAAmB;GAEvB,MAAM,cAAc,QAAA,UAAU,MAAM,SAChC,EAAE,MAAM,QAAA,UAAU,KAAK,KAAK,CAAC,QAAA,UAAU,KAAK,GAAG,GAAG,EAAE,EAAC,GACrD,EAAC;GAEL,MAAM,aAAa,gBAAgB,IAAI,aAAa,QAAA,WAAW,IAAG;AAElE,OAAI,YAAY;AACd,WAAO,KAAK;KACV,MAAM;KACN,QAAQ;MACN,WAAW,QAAA,UAAU;MACrB,SAAS,WAAW;MACrB;KACF,CAAA;AAED,mBAAe;AACb,YAAO,QAAQ,KAAK,EAClB,iBAAiB,IAAI,cAAc,WAAW,EAAE,KAAK,KAAK,CAAC,EAC5D,CAAA;MACF;;;EAIL,MAAM,gBAAgB,UAAwB;AAC5C,OAAI,OAAO,aAAa,MAAM,SAAS,UACrC,aAAW;;EAIf,MAAM,iBAAA;AAEN,kBAAgB,OAAO,QAAQ,GAAG,aAAa,CAAA;AAC/C,wBAAsB,OAAO,QAAQ,IAAI,aAAa,CAAA;;uBAGpD,mBA8DM,OA9DN,YA8DM;IA7DJ,mBA0BM,OAAA,EAzBJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,wBAAoB,KAAS,MAAA,OAAM,KAAA,SAAA,CAAA,CAAA,EAAA,EAAA;KAIjE,MAAA,OAAM,KAAA,WAAA,WAAA,EADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,MAAA,eAAc,CAAA,GAAG,UAChC,EAAA,EAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,QAAM,EAAA,CACf,mBAII,KAAA;MAHF,MAAK;MACL,QAAO;QAAS,YAElB,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;+BAGJ,mBAKI,KAAA;MAJF,OAAM;MACN,MAAK;MACL,QAAO;QAAS,2BAElB,GAAA;KACA,YAEqB,wBAAA;MADlB,KAAK,MAAA,iBAAQ;MACd,OAAM;;;IAGF,MAAA,OAAM,KAAA,WAAA,WAAA,EADd,mBAOM,OAAA;;KALJ,OAAK,eAAA,CAAC,iEAA+D,EAAA,qBAC9B,QAAA,wBAAoB,GAAA,CAAA,CAAA;QAG3D,YAAc,mBAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAEhB,mBAyBM,OAzBN,YAyBM;KAtBI,MAAA,OAAM,KAAA,WAAA,WAAA,EADd,mBAOS,UAAA;;MALP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,OAAM,CAAC,eAAe,MAAI;mDAAI,iBAEtC,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAGlB,MAAA,OAAM,KAAA,aAAA,WAAA,EADd,mBAOS,UAAA;;MALP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,YAAU;mDAAI,iBAEtB,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAE1B,mBAMS,UAAA;MALP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,OAAM,CAAC,eAAe,MAAI;mDAAI,kBAEtC,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.js

@@ -0,0 +1,7 @@
+import ResponseHeaders_vue_vue_type_script_setup_true_lang_default from "./ResponseHeaders.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseHeaders.vue
+var ResponseHeaders_default = ResponseHeaders_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseHeaders_default as default };
+
+//# sourceMappingURL=ResponseHeaders.vue.js.map

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseHeaders.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DataTableHeader } from '@/components/DataTable'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { httpHeaders } from '@/data/httpHeaders'\n\ntype Header = { name: string; value: string; required: boolean }\n\ndefineProps<{\n  headers: Header[]\n}>()\n\nconst findHeaderInfo = (name: string) => {\n  return httpHeaders.find(\n    (header) => header.name.toLowerCase() === name.toLowerCase(),\n  )\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title>Response Headers</template>\n    <div\n      v-if=\"headers.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Header Key</DataTableHeader>\n          <DataTableHeader>Header Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"item in headers\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0\">\n            <template v-if=\"typeof findHeaderInfo(item.name)?.url === 'string'\">\n              <HelpfulLink\n                class=\"decoration-c-3\"\n                :href=\"findHeaderInfo(item.name)!.url\">\n                {{ item.name }}\n              </HelpfulLink>\n            </template>\n            <template v-else>\n              {{ item.name }}\n            </template>\n          </DataTableText>\n          <DataTableText\n            class=\"z-0 group-first/row:border-t-0\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base\">\n      No Headers\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.script.js

@@ -0,0 +1,77 @@
+import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
+import DataTableHeader_default from "../../../components/DataTable/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
+import DataTableText_default from "../../../components/DataTable/DataTableText.vue.js";
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import HelpfulLink_default from "../../../components/HelpfulLink.vue.js";
+import { httpHeaders } from "../../../data/httpHeaders.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/views/Request/ResponseSection/ResponseHeaders.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "max-h-[calc(100%-32px)] overflow-y-auto"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base"
+};
+var ResponseHeaders_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseHeaders",
+	props: { headers: {} },
+	setup(__props) {
+		const findHeaderInfo = (name) => {
+			return httpHeaders.find((header) => header.name.toLowerCase() === name.toLowerCase());
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, {
+				class: "overflow-auto",
+				defaultOpen: false,
+				itemCount: __props.headers.length
+			}, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Response Headers", -1)])]),
+				default: withCtx(() => [__props.headers.length ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(DataTable_default, {
+					columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
+					scroll: ""
+				}, {
+					default: withCtx(() => [createVNode(DataTableRow_default, { class: "sr-only !block" }, {
+						default: withCtx(() => [createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Header Key", -1)])]),
+							_: 1
+						}), createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Header Value", -1)])]),
+							_: 1
+						})]),
+						_: 1
+					}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (item) => {
+						return openBlock(), createBlock(DataTableRow_default, {
+							key: item.name,
+							class: "group/row text-c-1"
+						}, {
+							default: withCtx(() => [createVNode(DataTableText_default, { class: "bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0" }, {
+								default: withCtx(() => [typeof findHeaderInfo(item.name)?.url === "string" ? (openBlock(), createBlock(HelpfulLink_default, {
+									key: 0,
+									class: "decoration-c-3",
+									href: findHeaderInfo(item.name).url
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(item.name), 1)]),
+									_: 2
+								}, 1032, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.name), 1)], 64))]),
+								_: 2
+							}, 1024), createVNode(DataTableText_default, {
+								class: "z-0 group-first/row:border-t-0",
+								text: item.value
+							}, null, 8, ["text"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				})])) : (openBlock(), createElementBlock("div", _hoisted_2, " No Headers "))]),
+				_: 1
+			}, 8, ["itemCount"]);
+		};
+	}
+});
+//#endregion
+export { ResponseHeaders_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseHeaders.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseHeaders.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseHeaders.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DataTableHeader } from '@/components/DataTable'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { httpHeaders } from '@/data/httpHeaders'\n\ntype Header = { name: string; value: string; required: boolean }\n\ndefineProps<{\n  headers: Header[]\n}>()\n\nconst findHeaderInfo = (name: string) => {\n  return httpHeaders.find(\n    (header) => header.name.toLowerCase() === name.toLowerCase(),\n  )\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title>Response Headers</template>\n    <div\n      v-if=\"headers.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Header Key</DataTableHeader>\n          <DataTableHeader>Header Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"item in headers\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0\">\n            <template v-if=\"typeof findHeaderInfo(item.name)?.url === 'string'\">\n              <HelpfulLink\n                class=\"decoration-c-3\"\n                :href=\"findHeaderInfo(item.name)!.url\">\n                {{ item.name }}\n              </HelpfulLink>\n            </template>\n            <template v-else>\n              {{ item.name }}\n            </template>\n          </DataTableText>\n          <DataTableText\n            class=\"z-0 group-first/row:border-t-0\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base\">\n      No Headers\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,kBAAkB,SAAiB;AACvC,UAAO,YAAY,MAChB,WAAW,OAAO,KAAK,aAAa,KAAK,KAAK,aAAa,CAC9D;;;uBAIA,YA4CqB,4BAAA;IA3CnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAiB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAhB,oBAAgB,GAAA,CAAA,EAAA,CAAA;2BAiC3B,CA/BE,QAAA,QAAQ,UAAA,WAAA,EADhB,mBAgCM,OAhCN,YAgCM,CA7BJ,YA4BY,mBAAA;KA3BT,SAAS,CAAA,6BAAA,mBAAiD;KAC3D,QAAA;;4BAIe,CAHf,YAGe,sBAAA,EAHD,OAAM,kBAAgB,EAAA;6BACW,CAA7C,YAA6C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;UAC3B,YAA+C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;;;;2BAE/B,mBAoBe,UAAA,MAAA,WAnBE,QAAA,UAAR,SAAI;0BADb,YAoBe,sBAAA;OAlBZ,KAAK,KAAK;OACX,OAAM;;8BAaU,CAZhB,YAYgB,uBAAA,EAXd,OAAM,kEAAgE,EAAA;+BAO3D,CAAA,OANY,eAAe,KAAK,KAAI,EAAG,QAAG,YAAA,WAAA,EACnD,YAIc,qBAAA;;SAHZ,OAAM;SACL,MAAM,eAAe,KAAK,KAAI,CAAG;;gCACnB,CAAA,gBAAA,gBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;4CAGhB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,KAAK,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;iBAGhB,YAEuB,uBAAA;QADrB,OAAM;QACL,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAEkG,eAElG,EAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseLoadingOverlay.vue.js

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

package/dist/views/Request/ResponseSection/ResponseLoadingOverlay.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { ref } from 'vue'\n\nimport { useWorkspace } from '@/store'\n\nconst { events } = useWorkspace()\nconst loader = useLoadingState()\n\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nevents.requestStatus.on(async (status) => {\n  if (status === 'start') {\n    timeout.value = setTimeout(() => loader.start(), 1000)\n  } else {\n    clearTimeout(timeout.value)\n    timeout.value = undefined\n    await loader.clear()\n  }\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"events.cancelRequest.emit()\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseLoadingOverlay.vue.script.js

@@ -0,0 +1,44 @@
+import { useWorkspace } from "../../../store/store.js";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarButton, ScalarLoading, useLoadingState } from "@scalar/components";
+//#region src/views/Request/ResponseSection/ResponseLoadingOverlay.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6"
+};
+var ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseLoadingOverlay",
+	setup(__props) {
+		const { events } = useWorkspace();
+		const loader = useLoadingState();
+		const timeout = ref();
+		events.requestStatus.on(async (status) => {
+			if (status === "start") timeout.value = setTimeout(() => loader.start(), 1e3);
+			else {
+				clearTimeout(timeout.value);
+				timeout.value = void 0;
+				await loader.clear();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, null, {
+				default: withCtx(() => [unref(loader).isActive ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ScalarLoading), {
+					class: "text-c-3",
+					loader: unref(loader),
+					size: "3xl"
+				}, null, 8, ["loader"]), createVNode(unref(ScalarButton), {
+					variant: "ghost",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(events).cancelRequest.emit())
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				})])) : createCommentVNode("", true)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseLoadingOverlay.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseLoadingOverlay.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseLoadingOverlay.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { ref } from 'vue'\n\nimport { useWorkspace } from '@/store'\n\nconst { events } = useWorkspace()\nconst loader = useLoadingState()\n\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nevents.requestStatus.on(async (status) => {\n  if (status === 'start') {\n    timeout.value = setTimeout(() => loader.start(), 1000)\n  } else {\n    clearTimeout(timeout.value)\n    timeout.value = undefined\n    await loader.clear()\n  }\n})\n</script>\n<template>\n  <Transition>\n    <div\n      v-if=\"loader.isActive\"\n      class=\"bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6\">\n      <ScalarLoading\n        class=\"text-c-3\"\n        :loader\n        size=\"3xl\" />\n      <ScalarButton\n        variant=\"ghost\"\n        @click=\"events.cancelRequest.emit()\">\n        Cancel\n      </ScalarButton>\n    </div>\n  </Transition>\n</template>\n<style scoped>\n.v-enter-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-enter-from {\n  opacity: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAUA,MAAM,EAAE,WAAW,cAAa;EAChC,MAAM,SAAS,iBAAgB;EAE/B,MAAM,UAAU,KAAmC;AAEnD,SAAO,cAAc,GAAG,OAAO,WAAW;AACxC,OAAI,WAAW,QACb,SAAQ,QAAQ,iBAAiB,OAAO,OAAO,EAAE,IAAI;QAChD;AACL,iBAAa,QAAQ,MAAK;AAC1B,YAAQ,QAAQ,KAAA;AAChB,UAAM,OAAO,OAAM;;IAEtB;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,OAAM,CAAC,YAAA,WAAA,EADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,cAAA,EAAA;KAFb,OAAM;KACL,QAAA,MAAA,OAAM;KACP,MAAK;6BACP,YAIe,MAAA,aAAA,EAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,OAAM,CAAC,cAAc,MAAI;;4BAEnC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFuC,YAEvC,GAAA,CAAA,EAAA,CAAA"}

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.js

@@ -0,0 +1,7 @@
+import ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default from "./ResponseMetaInformation.vue.script.js";
+//#region src/views/Request/ResponseSection/ResponseMetaInformation.vue
+var ResponseMetaInformation_default = ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseMetaInformation_default as default };
+
+//# sourceMappingURL=ResponseMetaInformation.vue.js.map

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseMetaInformation.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes, type HttpStatusCode } from '@scalar/oas-utils/helpers'\nimport prettyBytes from 'pretty-bytes'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport { useWorkspace } from '@/store'\n\nconst props = defineProps<{ response: ResponseInstance }>()\n\nconst { events } = useWorkspace()\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nevents.requestStatus.on((status) => {\n  if (status === 'start') {\n    interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n  } else {\n    clearInterval(interval.value)\n    interval.value = undefined\n    stopwatch.value = 0\n  }\n})\n\n/** Size of the response */\nconst getContentLength = (response: ResponseInstance) => {\n  const contentLength = Number.parseInt(\n    response.headers?.['Content-Length'] ||\n      response.headers?.['content-length'] ||\n      '0',\n    10,\n  )\n\n  return contentLength ? prettyBytes(contentLength) : undefined\n}\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = props.response.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.script.js

@@ -0,0 +1,64 @@
+import { useWorkspace } from "../../../store/store.js";
+import HelpfulLink_default from "../../../components/HelpfulLink.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeStyle, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { httpStatusCodes } from "@scalar/oas-utils/helpers";
+import prettyMilliseconds from "pretty-ms";
+import prettyBytes from "pretty-bytes";
+//#region src/views/Request/ResponseSection/ResponseMetaInformation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-1 flex gap-1.5" };
+var _hoisted_2 = { key: 0 };
+var _hoisted_3 = { key: 0 };
+var _hoisted_4 = { key: 1 };
+var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseMetaInformation",
+	props: { response: {} },
+	setup(__props) {
+		const props = __props;
+		const { events } = useWorkspace();
+		const interval = ref();
+		const stopwatch = ref(0);
+		events.requestStatus.on((status) => {
+			if (status === "start") interval.value = setInterval(() => stopwatch.value += 1e3, 1e3);
+			else {
+				clearInterval(interval.value);
+				interval.value = void 0;
+				stopwatch.value = 0;
+			}
+		});
+		/** Size of the response */
+		const getContentLength = (response) => {
+			const contentLength = Number.parseInt(response.headers?.["Content-Length"] || response.headers?.["content-length"] || "0", 10);
+			return contentLength ? prettyBytes(contentLength) : void 0;
+		};
+		/** Status text for the response */
+		const statusCodeInformation = computed(() => {
+			const responseStatusCode = props.response.status;
+			if (!responseStatusCode) return;
+			return httpStatusCodes[responseStatusCode] ?? void 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [interval.value && stopwatch.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(prettyMilliseconds)(stopwatch.value)), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				createElementVNode("span", null, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Response Information, Duration:", -1)), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
+				getContentLength(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_3, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, ", Size:", -1)), createTextVNode(" " + toDisplayString(getContentLength(__props.response)), 1)])) : createCommentVNode("", true),
+				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, ", Status:", -1)), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
+					key: 0,
+					class: "flex items-center gap-1.5",
+					href: statusCodeInformation.value.url
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
+						class: "block h-1.5 w-1.5 rounded-full",
+						style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
+					}, null, 4)]),
+					_: 1
+				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_4, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
+					class: "block h-1.5 w-1.5 rounded-full",
+					style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
+				}, null, 4)]))], 64)) : createCommentVNode("", true)
+			], 64))]);
+		};
+	}
+});
+//#endregion
+export { ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseMetaInformation.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes, type HttpStatusCode } from '@scalar/oas-utils/helpers'\nimport prettyBytes from 'pretty-bytes'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport { useWorkspace } from '@/store'\n\nconst props = defineProps<{ response: ResponseInstance }>()\n\nconst { events } = useWorkspace()\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nevents.requestStatus.on((status) => {\n  if (status === 'start') {\n    interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n  } else {\n    clearInterval(interval.value)\n    interval.value = undefined\n    stopwatch.value = 0\n  }\n})\n\n/** Size of the response */\nconst getContentLength = (response: ResponseInstance) => {\n  const contentLength = Number.parseInt(\n    response.headers?.['Content-Length'] ||\n      response.headers?.['content-length'] ||\n      '0',\n    10,\n  )\n\n  return contentLength ? prettyBytes(contentLength) : undefined\n}\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = props.response.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,cAAa;EAChC,MAAM,WAAW,KAAoC;EACrD,MAAM,YAAY,IAAI,EAAC;AAEvB,SAAO,cAAc,IAAI,WAAW;AAClC,OAAI,WAAW,QACb,UAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,IAAI;QAC7D;AACL,kBAAc,SAAS,MAAK;AAC5B,aAAS,QAAQ,KAAA;AACjB,cAAU,QAAQ;;IAErB;;EAGD,MAAM,oBAAoB,aAA+B;GACvD,MAAM,gBAAgB,OAAO,SAC3B,SAAS,UAAU,qBACjB,SAAS,UAAU,qBACnB,KACF,GACF;AAEA,UAAO,gBAAgB,YAAY,cAAc,GAAG,KAAA;;;EAItD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,MAAM,SAAS;AAE1C,OAAI,CAAC,mBACH;AAGF,UAAO,gBAAgB,uBAAuB,KAAA;IAC/C;;uBAGC,mBAgCM,OAhCN,YAgCM,CA/BQ,SAAA,SAAY,UAAA,SAAA,WAAA,EAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,mBAAkB,CAAC,UAAA,MAAS,CAAA,EAAA,EAAA,KAAA,WAAA,EAE9B,mBA2BW,UAAA,EAAA,KAAA,GAAA,EAAA;IA1BT,mBAGO,QAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAA4D,QAAA,EAAtD,OAAM,WAAS,EAAC,mCAA+B,GAAA,GAAA,gBAAO,MAC5D,gBAAG,MAAA,mBAAkB,CAAC,QAAA,SAAS,SAAQ,CAAA,EAAA,EAAA,CAAA,CAAA;IAE7B,iBAAiB,QAAA,SAAQ,IAAA,WAAA,EAArC,mBAGO,QAAA,YAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAAA,gBAAO,MACpC,gBAAG,iBAAiB,QAAA,SAAQ,CAAA,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAEd,sBAAA,SAAA,WAAA,EAAhB,mBAiBW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,OAAA,OAAA,KAhBT,mBAAsC,QAAA,EAAhC,OAAM,WAAS,EAAC,aAAS,GAAA,GAEvB,sBAAA,MAAsB,OAAA,WAAA,EAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,OAAM,GAAG,MAAC,gBAAG,sBAAA,MAAsB,KAAI,GAAG,KACtD,EAAA,EAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,OAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,OAAM,GAAG,MAAC,gBAAG,sBAAA,MAAsB,KAAI,GAAG,KACtD,EAAA,EAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,OAAK,CAAA"}

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

@@ -1,6 +1,6 @@
 import type { Collection, Operation, ResponseInstance } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { SendRequestResult } from '../../../libs/send-request/create-request-operation';
+import type { SendRequestResult } from '../../../libs/send-request/create-request-operation.js';
 type __VLS_Props = {
     collection: Collection;
     operation: Operation;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseSection.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\nimport type {\n  Collection,\n  Operation,\n  ResponseInstance,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref, useId } from 'vue'\n\nimport SectionFilter from '@/components/SectionFilter.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { usePluginManager } from '@/plugins'\n\nimport RequestHeaders from './RequestHeaders.vue'\nimport ResponseBody from './ResponseBody.vue'\nimport ResponseBodyStreaming from './ResponseBodyStreaming.vue'\nimport ResponseBodyVirtual from './ResponseBodyVirtual.vue'\nimport ResponseCookies from './ResponseCookies.vue'\nimport ResponseEmpty from './ResponseEmpty.vue'\nimport ResponseHeaders from './ResponseHeaders.vue'\nimport ResponseLoadingOverlay from './ResponseLoadingOverlay.vue'\nimport ResponseMetaInformation from './ResponseMetaInformation.vue'\n\nconst { numWorkspaceRequests, response, requestResult } = defineProps<{\n  collection: Collection\n  operation: Operation\n  workspace: Workspace\n  numWorkspaceRequests: number\n  response: ResponseInstance | undefined\n  requestResult: SendRequestResult | null | undefined\n}>()\n\nconst pluginManager = usePluginManager()\nconst responseSectionViews = pluginManager.getViewComponents('response.section')\n\n// Headers\nconst responseHeaders = computed(() => {\n  const headers = response?.headers\n\n  return headers\n    ? Object.keys(headers).map((key) => ({\n        name: key,\n        value: headers[key] ?? '',\n        required: false,\n      }))\n    : []\n})\n\n// Cookies\nconst responseCookies = computed(\n  () =>\n    response?.cookieHeaderKeys.flatMap((key) => {\n      const value = response?.headers?.[key]\n\n      return value\n        ? {\n            name: key,\n            value,\n            required: false,\n          }\n        : []\n    }) ?? [],\n)\n\nconst responseSections = ['Cookies', 'Headers', 'Body'] as const\ntype Filter = 'All' | (typeof responseSections)[number]\nconst activeFilter = ref<Filter>('All')\n\nconst filters = computed<Filter[]>(() => ['All', ...responseSections])\n\nconst filterIds = computed(\n  () =>\n    Object.fromEntries(\n      filters.value.map((section) => [section, useId()]),\n    ) as Record<Filter, string>,\n)\n\n/** Threshold for virtualizing response bodies in bytes */\nconst VIRTUALIZATION_THRESHOLD = 200_000\nconst shouldVirtualize = computed(() => {\n  if (!response || !('size' in response)) {\n    return false\n  }\n\n  // Get content type from headers\n  const contentType =\n    response.headers?.['content-type'] || response.headers?.['Content-Type']\n\n  // If no content type or response size is small, don't virtualize\n  if (!contentType || (response.size ?? 0) <= VIRTUALIZATION_THRESHOLD) {\n    return false\n  }\n\n  // Do not virtualize html\n  if (contentType.includes('text/html')) {\n    return false\n  }\n\n  // Common text-based content types\n  const textBasedTypes = [\n    // Text types\n    'text/',\n    // JSON types\n    'application/json',\n    'application/ld+json',\n    'application/problem+json',\n    'application/vnd.api+json',\n    // XML types\n    'application/xml',\n    'application/atom+xml',\n    'application/rss+xml',\n    'application/problem+xml',\n    // Other structured text\n    'application/javascript',\n    'application/ecmascript',\n    'application/x-yaml',\n    'application/yaml',\n    // Source code\n    'application/x-httpd-php',\n    'application/x-sh',\n    'application/x-perl',\n    'application/x-python',\n    'application/x-ruby',\n    'application/x-java-source',\n    // Form data\n    'application/x-www-form-urlencoded',\n  ]\n\n  // Check if content type matches any text-based type\n  const isTextBased = textBasedTypes.some((type) => contentType.includes(type))\n\n  return isTextBased && (response.size ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n\nconst requestHeaders = computed(\n  () =>\n    requestResult?.request.parameters.headers\n      .filter((h) => h.enabled)\n      .map((h) => ({\n        name: h.key,\n        value: h.value,\n        required: true,\n      })) ?? [],\n)\n</script>\n<template>\n  <ViewLayoutSection aria-label=\"Response\">\n    <template #title>\n      <div class=\"flex h-8 flex-1 items-center\">\n        <div\n          aria-live=\"polite\"\n          class=\"flex items-center\"\n          :class=\"{ 'animate-response-heading': response }\">\n          <span class=\"response-heading pointer-events-none absolute\">\n            Response\n          </span>\n          <ResponseMetaInformation\n            v-if=\"response\"\n            class=\"animate-response-children\"\n            :response=\"response\" />\n        </div>\n        <SectionFilter\n          v-model=\"activeFilter\"\n          :filterIds=\"filterIds\"\n          :filters=\"filters\" />\n      </div>\n    </template>\n    <div\n      :id=\"filterIds.All\"\n      class=\"custom-scroll response-section-content relative grid h-full justify-stretch\"\n      :class=\"{\n        'content-start': response,\n      }\"\n      :role=\"activeFilter === 'All' && response ? 'tabpanel' : 'none'\">\n      <template v-if=\"!response\">\n        <ResponseEmpty\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :workspace=\"workspace\"\n          :numWorkspaceRequests=\"numWorkspaceRequests\" />\n      </template>\n      <template v-else>\n        <ResponseCookies\n          class=\"response-section-content-cookies\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Cookies'\"\n          :id=\"filterIds.Cookies\"\n          :cookies=\"responseCookies\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <RequestHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"requestHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <ResponseHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"responseHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n        <template\n          v-for=\"(view, index) in responseSectionViews\"\n          :key=\"view.title ?? index\">\n          <ScalarErrorBoundary>\n            <component\n              :is=\"view.component\"\n              v-show=\"activeFilter === 'All' || activeFilter === view.title\"\n              v-bind=\"view.props ?? {}\" />\n          </ScalarErrorBoundary>\n        </template>\n\n        <template v-if=\"activeFilter === 'All' || activeFilter === 'Body'\">\n          <!-- Streaming response body -->\n          <ResponseBodyStreaming\n            v-if=\"'reader' in response\"\n            class=\"response-section-content-body\"\n            :id=\"filterIds.Body\"\n            :reader=\"response.reader\" />\n\n          <!-- Virtualized Text for massive responses -->\n          <ResponseBodyVirtual\n            v-else-if=\"shouldVirtualize && typeof response?.data === 'string'\"\n            :id=\"filterIds.Body\"\n            :content=\"response!.data\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n          <!-- Regular response body -->\n          <ResponseBody\n            class=\"response-section-content-body\"\n            v-else\n            :id=\"filterIds.Body\"\n            layout=\"client\"\n            :active=\"true\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\"\n            title=\"Body\" />\n        </template>\n      </template>\n      <ResponseLoadingOverlay />\n    </div>\n  </ViewLayoutSection>\n</template>\n<style scoped>\n.animate-response-heading .response-heading {\n  animation: push-response 0.2s ease-in-out forwards;\n  opacity: 1;\n}\n@keyframes push-response {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n.animate-response-heading .animate-response-children {\n  animation: response-spans 0.2s ease-in-out forwards 0.05s;\n  opacity: 0;\n}\n\n@keyframes response-spans {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n</style>\n"],"mappings":""}