@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/blocks/response-block/ResponseBlock.vue.script.js

@@ -0,0 +1,204 @@
+import SectionFilter_default from "../../../components/SectionFilter.vue.js";
+import ViewLayoutSection_default from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import Headers_default from "./components/Headers.vue.js";
+import { textMediaTypes } from "./helpers/media-types.js";
+import ResponseBody_default from "./components/ResponseBody.vue.js";
+import ResponseBodyStreaming_default from "./components/ResponseBodyStreaming.vue.js";
+import ResponseBodyVirtual_default from "./components/ResponseBodyVirtual.vue.js";
+import ResponseCookies_default from "./components/ResponseCookies.vue.js";
+import ResponseEmpty_default from "./components/ResponseEmpty.vue.js";
+import ResponseLoadingOverlay_default from "./components/ResponseLoadingOverlay.vue.js";
+import ResponseMetaInformation_default from "./components/ResponseMetaInformation.vue.js";
+import { parseSetCookie } from "./helpers/parse-set-cookie.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, unref, useId, vShow, withCtx, withDirectives } from "vue";
+import { ScalarErrorBoundary } from "@scalar/components";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+//#region src/v2/blocks/response-block/ResponseBlock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-8 flex-1 items-center" };
+var _hoisted_2 = ["id", "role"];
+var VIRTUALIZATION_THRESHOLD = 2e5;
+var ResponseBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBlock",
+	props: {
+		response: {},
+		request: {},
+		layout: {},
+		totalPerformedRequests: {},
+		appVersion: {},
+		plugins: {},
+		eventBus: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const responseHeaders = computed(() => {
+			const headers = __props.response?.headers;
+			return headers ? Object.keys(headers).map((key) => ({
+				name: key,
+				value: headers[key] ?? ""
+			})) : [];
+		});
+		const responseCookies = computed(() => __props.response?.cookieHeaderKeys.map((setCookieValue) => parseSetCookie(setCookieValue)).filter(isDefined) ?? []);
+		const responseSections = [
+			"Cookies",
+			"Headers",
+			"Body"
+		];
+		const activeFilter = ref("All");
+		const filters = computed(() => ["All", ...responseSections]);
+		const filterIds = computed(() => Object.fromEntries(filters.value.map((section) => [section, useId()])));
+		/** Threshold for virtualizing response bodies in bytes */
+		const shouldVirtualize = computed(() => {
+			if (!__props.response || !("size" in __props.response)) return false;
+			const contentType = __props.response.headers?.["content-type"] || __props.response.headers?.["Content-Type"];
+			if (!contentType || (__props.response.size ?? 0) <= VIRTUALIZATION_THRESHOLD) return false;
+			if (contentType.includes("text/html")) return false;
+			return textMediaTypes.some((type) => contentType.includes(type)) && (__props.response.size ?? 0) > VIRTUALIZATION_THRESHOLD;
+		});
+		const requestHeaders = computed(() => __props.request?.headers ? [...__props.request.headers].map((header) => ({
+			name: header[0],
+			value: header[1],
+			required: false
+		})) : []);
+		const isSectionVisible = (section) => {
+			if (activeFilter.value === "All" || activeFilter.value === section) return true;
+			return false;
+		};
+		__expose({
+			responseHeaders,
+			responseCookies,
+			requestHeaders,
+			shouldVirtualize,
+			activeFilter,
+			filters
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutSection_default, { "aria-label": "Response" }, {
+				title: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+					"aria-live": "polite",
+					class: normalizeClass(["flex items-center", { "animate-response-heading": __props.response }])
+				}, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)), __props.response ? (openBlock(), createBlock(ResponseMetaInformation_default, {
+					key: 0,
+					class: "animate-response-children",
+					eventBus: __props.eventBus,
+					response: __props.response
+				}, null, 8, ["eventBus", "response"])) : createCommentVNode("", true)], 2), createVNode(SectionFilter_default, {
+					modelValue: activeFilter.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeFilter.value = $event),
+					filterIds: filterIds.value,
+					filters: filters.value
+				}, null, 8, [
+					"modelValue",
+					"filterIds",
+					"filters"
+				])])]),
+				default: withCtx(() => [createElementVNode("div", {
+					id: filterIds.value.All,
+					class: normalizeClass(["custom-scroll response-section-content relative grid h-full justify-stretch", { "content-start": __props.response }]),
+					role: activeFilter.value === "All" && __props.response ? "tabpanel" : "none"
+				}, [!__props.response ? (openBlock(), createBlock(ResponseEmpty_default, {
+					key: 0,
+					appVersion: __props.appVersion,
+					layout: __props.layout,
+					totalPerformedRequests: __props.totalPerformedRequests,
+					onAddRequest: _cache[1] || (_cache[1] = ($event) => __props.eventBus.emit("ui:open:command-palette", {
+						action: "create-request",
+						payload: void 0
+					})),
+					onOpenCommandPalette: _cache[2] || (_cache[2] = ($event) => __props.eventBus.emit("ui:open:command-palette")),
+					onSendRequest: _cache[3] || (_cache[3] = ($event) => __props.eventBus.emit("operation:send:request:hotkey"))
+				}, null, 8, [
+					"appVersion",
+					"layout",
+					"totalPerformedRequests"
+				])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					isSectionVisible("Cookies") ? (openBlock(), createBlock(ResponseCookies_default, {
+						key: 0,
+						id: filterIds.value.Cookies,
+						class: "response-section-content-cookies",
+						cookies: responseCookies.value,
+						role: activeFilter.value === "All" ? "none" : "tabpanel"
+					}, null, 8, [
+						"id",
+						"cookies",
+						"role"
+					])) : createCommentVNode("", true),
+					isSectionVisible("Headers") ? (openBlock(), createBlock(Headers_default, {
+						key: 1,
+						id: filterIds.value.Headers,
+						class: "response-section-content-headers",
+						headers: requestHeaders.value,
+						role: activeFilter.value === "All" ? "none" : "tabpanel"
+					}, {
+						title: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Request Headers", -1)])]),
+						_: 1
+					}, 8, [
+						"id",
+						"headers",
+						"role"
+					])) : createCommentVNode("", true),
+					isSectionVisible("Headers") ? (openBlock(), createBlock(Headers_default, {
+						key: 2,
+						id: filterIds.value.Headers,
+						class: "response-section-content-headers",
+						headers: responseHeaders.value,
+						role: activeFilter.value === "All" ? "none" : "tabpanel"
+					}, {
+						title: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Response Headers", -1)])]),
+						_: 1
+					}, 8, [
+						"id",
+						"headers",
+						"role"
+					])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plugins, (plugin, index) => {
+						return openBlock(), createBlock(unref(ScalarErrorBoundary), { key: index }, {
+							default: withCtx(() => [plugin?.components?.response ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(plugin.components.response.component), mergeProps({
+								key: 0,
+								ref_for: true
+							}, plugin.components.response.additionalProps), null, 16)), [[vShow, activeFilter.value === "All"]]) : createCommentVNode("", true)]),
+							_: 2
+						}, 1024);
+					}), 128)),
+					activeFilter.value === "All" || activeFilter.value === "Body" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, ["reader" in __props.response ? (openBlock(), createBlock(ResponseBodyStreaming_default, {
+						key: 0,
+						id: filterIds.value.Body,
+						class: "response-section-content-body",
+						reader: __props.response.reader
+					}, null, 8, ["id", "reader"])) : shouldVirtualize.value && typeof __props.response?.data === "string" ? (openBlock(), createBlock(ResponseBodyVirtual_default, {
+						key: 1,
+						id: filterIds.value.Body,
+						content: __props.response.data,
+						data: __props.response?.data,
+						headers: responseHeaders.value,
+						role: activeFilter.value === "All" ? "none" : "tabpanel"
+					}, null, 8, [
+						"id",
+						"content",
+						"data",
+						"headers",
+						"role"
+					])) : (openBlock(), createBlock(ResponseBody_default, {
+						key: 2,
+						id: filterIds.value.Body,
+						active: true,
+						class: "response-section-content-body",
+						data: __props.response?.data,
+						headers: responseHeaders.value,
+						layout: "client",
+						role: activeFilter.value === "All" ? "none" : "tabpanel",
+						title: "Body"
+					}, null, 8, [
+						"id",
+						"data",
+						"headers",
+						"role"
+					]))], 64)) : createCommentVNode("", true)
+				], 64)), createVNode(ResponseLoadingOverlay_default, { eventBus: __props.eventBus }, null, 8, ["eventBus"])], 10, _hoisted_2)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ResponseBlock_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBlock.vue.script.js.map

package/dist/v2/blocks/response-block/ResponseBlock.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBlock.vue.script.js","names":[],"sources":["../../../../src/v2/blocks/response-block/ResponseBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, useId } from 'vue'\n\nimport SectionFilter from '@/components/SectionFilter.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { ClientLayout } from '@/hooks'\nimport Headers from '@/v2/blocks/response-block/components/Headers.vue'\nimport ResponseBody from '@/v2/blocks/response-block/components/ResponseBody.vue'\nimport ResponseBodyStreaming from '@/v2/blocks/response-block/components/ResponseBodyStreaming.vue'\nimport ResponseBodyVirtual from '@/v2/blocks/response-block/components/ResponseBodyVirtual.vue'\nimport ResponseCookies from '@/v2/blocks/response-block/components/ResponseCookies.vue'\nimport ResponseEmpty from '@/v2/blocks/response-block/components/ResponseEmpty.vue'\nimport ResponseLoadingOverlay from '@/v2/blocks/response-block/components/ResponseLoadingOverlay.vue'\nimport ResponseMetaInformation from '@/v2/blocks/response-block/components/ResponseMetaInformation.vue'\nimport { textMediaTypes } from '@/v2/blocks/response-block/helpers/media-types'\nimport { parseSetCookie } from '@/v2/blocks/response-block/helpers/parse-set-cookie'\n\nconst { layout, totalPerformedRequests, response, request } = defineProps<{\n  /** Preprocessed response */\n  response: ResponseInstance | null\n  /** Original request instance */\n  request: Request | null\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n  /** Registered app plugins */\n  plugins: ClientPlugin[]\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\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      }))\n    : []\n})\n\n// Cookies\nconst responseCookies = computed(\n  () =>\n    response?.cookieHeaderKeys\n      .map((setCookieValue) => parseSetCookie(setCookieValue))\n      .filter(isDefined) ?? [],\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  // Check if content type matches any text-based type\n  const isTextBased = textMediaTypes.some((type) => contentType.includes(type))\n\n  return isTextBased && (response.size ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n\nconst requestHeaders = computed(() =>\n  request?.headers\n    ? [...request.headers].map((header) => ({\n        name: header[0],\n        value: header[1],\n        required: false,\n      }))\n    : [],\n)\n\nconst isSectionVisible = (\n  section: (typeof responseSections)[number] | 'All',\n) => {\n  if (activeFilter.value === 'All' || activeFilter.value === section) {\n    return true\n  }\n  return false\n}\n\ndefineExpose({\n  responseHeaders,\n  responseCookies,\n  requestHeaders,\n  shouldVirtualize,\n  activeFilter,\n  filters,\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            :eventBus=\"eventBus\"\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          :appVersion=\"appVersion\"\n          :layout=\"layout\"\n          :totalPerformedRequests=\"totalPerformedRequests\"\n          @addRequest=\"\n            eventBus.emit('ui:open:command-palette', {\n              action: 'create-request',\n              payload: undefined,\n            })\n          \"\n          @openCommandPalette=\"eventBus.emit('ui:open:command-palette')\"\n          @sendRequest=\"eventBus.emit('operation:send:request:hotkey')\" />\n      </template>\n      <template v-else>\n        <!-- Cookies section -->\n        <ResponseCookies\n          v-if=\"isSectionVisible('Cookies')\"\n          :id=\"filterIds.Cookies\"\n          class=\"response-section-content-cookies\"\n          :cookies=\"responseCookies\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <!-- Request headers section -->\n        <Headers\n          v-if=\"isSectionVisible('Headers')\"\n          :id=\"filterIds.Headers\"\n          class=\"response-section-content-headers\"\n          :headers=\"requestHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\">\n          <template #title>Request Headers</template>\n        </Headers>\n        <!-- Response headers section -->\n        <Headers\n          v-if=\"isSectionVisible('Headers')\"\n          :id=\"filterIds.Headers\"\n          class=\"response-section-content-headers\"\n          :headers=\"responseHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\">\n          <template #title>Response Headers</template>\n        </Headers>\n\n        <!-- Inject response section plugin components -->\n        <ScalarErrorBoundary\n          v-for=\"(plugin, index) in plugins\"\n          :key=\"index\">\n          <component\n            :is=\"plugin.components.response.component\"\n            v-if=\"plugin?.components?.response\"\n            v-show=\"activeFilter === 'All'\"\n            v-bind=\"plugin.components.response.additionalProps\" />\n        </ScalarErrorBoundary>\n\n        <template v-if=\"activeFilter === 'All' || activeFilter === 'Body'\">\n          <!-- Streaming response body -->\n          <ResponseBodyStreaming\n            v-if=\"'reader' in response\"\n            :id=\"filterIds.Body\"\n            class=\"response-section-content-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            v-else\n            :id=\"filterIds.Body\"\n            :active=\"true\"\n            class=\"response-section-content-body\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            layout=\"client\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\"\n            title=\"Body\" />\n        </template>\n      </template>\n      <ResponseLoadingOverlay :eventBus=\"eventBus\" />\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":"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"}

package/dist/v2/blocks/response-block/components/Headers.vue.js

@@ -0,0 +1,7 @@
+import Headers_vue_vue_type_script_setup_true_lang_default from "./Headers.vue.script.js";
+//#region src/v2/blocks/response-block/components/Headers.vue
+var Headers_default = Headers_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Headers_default as default };
+
+//# sourceMappingURL=Headers.vue.js.map

package/dist/v2/blocks/response-block/components/Headers.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/Headers.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 { httpHeaders } from '@/data/httpHeaders'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ntype Header = { name: string; value: string }\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  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title><slot name=\"title\" /></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-[64px] items-center justify-center border-t px-4 text-sm\">\n      No headers\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/Headers.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 CollapsibleSection_default from "../../../components/layout/CollapsibleSection.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, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/v2/blocks/response-block/components/Headers.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-[64px] items-center justify-center border-t px-4 text-sm"
+};
+var Headers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Headers",
+	props: { headers: {} },
+	setup(__props) {
+		const findHeaderInfo = (name) => {
+			return httpHeaders.find((header) => header.name.toLowerCase() === name.toLowerCase());
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), {
+				class: "overflow-auto",
+				defaultOpen: false,
+				itemCount: __props.headers.length
+			}, {
+				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+				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[0] || (_cache[0] = [createTextVNode("Header Key", -1)])]),
+							_: 1
+						}), createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [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 "))]),
+				_: 3
+			}, 8, ["itemCount"]);
+		};
+	}
+});
+//#endregion
+export { Headers_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Headers.vue.script.js.map

package/dist/v2/blocks/response-block/components/Headers.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/Headers.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 { httpHeaders } from '@/data/httpHeaders'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ntype Header = { name: string; value: string }\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  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title><slot name=\"title\" /></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-[64px] items-center justify-center border-t px-4 text-sm\">\n      No headers\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,kBAAkB,SAAiB;AACvC,UAAO,YAAY,MAChB,WAAW,OAAO,KAAK,aAAa,KAAK,KAAK,aAAa,CAC9D;;;uBAIA,YA4CqB,MAAA,2BAAA,EAAA;IA3CnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAsB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;2BAiChC,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,YAE8F,eAE9F,EAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseBody.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import ResponseBody_vue_vue_type_script_setup_true_lang_default from "./ResponseBody.vue.script.js";
+/* empty css                           */
+//#region src/v2/blocks/response-block/components/ResponseBody.vue
+var ResponseBody_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBody_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-94c74c13"]]);
+//#endregion
+export { ResponseBody_default as default };
+
+//# sourceMappingURL=ResponseBody.vue.js.map

package/dist/v2/blocks/response-block/components/ResponseBody.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\n\nimport { getMediaTypeConfig } from '@/v2/blocks/response-block/helpers/media-types'\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyPreview from './ResponseBodyPreview.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\nimport ResponseBodyToggle from './ResponseBodyToggle.vue'\n\nconst { data, headers } = defineProps<{\n  title: string\n  layout: 'client' | 'reference'\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\n/** Preview / Raw toggle */\nconst toggle = ref(true)\n\nconst showToggle = computed(\n  () => !!(mediaConfig.value?.raw && mediaConfig.value.preview),\n)\n\nconst showPreview = computed(() => toggle.value || !showToggle.value)\nconst showRaw = computed(() => !toggle.value || !showToggle.value)\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n</script>\n<template>\n  <CollapsibleSection\n    class=\"max-h-content overflow-y-hidden\"\n    :isStatic=\"layout === 'reference'\">\n    <template #title>{{ title }}</template>\n    <template\n      v-if=\"data && responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div\n      v-if=\"data\"\n      class=\"bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden\">\n      <div\n        class=\"box-content flex min-h-8 items-center justify-between border-y px-3\">\n        <span class=\"text-xxs font-code leading-5\">\n          {{ responseBody.mimeType?.essence }}\n        </span>\n        <ResponseBodyToggle\n          v-if=\"showToggle\"\n          v-model=\"toggle\" />\n      </div>\n      <ResponseBodyRaw\n        v-if=\"mediaConfig?.raw && showRaw\"\n        :key=\"responseBody.dataUrl\"\n        :content=\"data\"\n        :language=\"mediaConfig.language\" />\n      <ResponseBodyPreview\n        v-if=\"mediaConfig?.preview && showPreview\"\n        :key=\"responseBody.dataUrl\"\n        :alpha=\"mediaConfig.alpha\"\n        :mode=\"mediaConfig.preview\"\n        :src=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence ?? ''\" />\n      <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n        Binary file\n      </ResponseBodyInfo>\n    </div>\n  </CollapsibleSection>\n</template>\n<style scoped>\n.scalar-code-block :deep(.hljs *) {\n  font-size: var(--scalar-small);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBody.vue.script.js

@@ -0,0 +1,90 @@
+import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
+import { getMediaTypeConfig } from "../helpers/media-types.js";
+import { processResponseBody } from "../helpers/process-response-body.js";
+import ResponseBodyDownload_default from "./ResponseBodyDownload.vue.js";
+import ResponseBodyInfo_default from "./ResponseBodyInfo.vue.js";
+import ResponseBodyPreview_default from "./ResponseBodyPreview.vue.js";
+import ResponseBodyRaw_default from "./ResponseBodyRaw.vue.js";
+import ResponseBodyToggle_default from "./ResponseBodyToggle.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+//#region src/v2/blocks/response-block/components/ResponseBody.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
+};
+var _hoisted_2 = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" };
+var _hoisted_3 = { class: "text-xxs font-code leading-5" };
+var ResponseBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBody",
+	props: {
+		title: {},
+		layout: {},
+		data: {},
+		headers: {}
+	},
+	setup(__props) {
+		/** Preview / Raw toggle */
+		const toggle = ref(true);
+		const showToggle = computed(() => !!(mediaConfig.value?.raw && mediaConfig.value.preview));
+		const showPreview = computed(() => toggle.value || !showToggle.value);
+		const showRaw = computed(() => !toggle.value || !showToggle.value);
+		const responseBody = computed(() => processResponseBody({
+			data: __props.data,
+			headers: __props.headers
+		}));
+		const mediaConfig = computed(() => getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ""));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), {
+				class: "max-h-content overflow-y-hidden",
+				isStatic: __props.layout === "reference"
+			}, createSlots({
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				default: withCtx(() => [__props.data ? (openBlock(), createElementBlock("div", _hoisted_1, [
+					createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(responseBody.value.mimeType?.essence), 1), showToggle.value ? (openBlock(), createBlock(ResponseBodyToggle_default, {
+						key: 0,
+						modelValue: toggle.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => toggle.value = $event)
+					}, null, 8, ["modelValue"])) : createCommentVNode("", true)]),
+					mediaConfig.value?.raw && showRaw.value ? (openBlock(), createBlock(ResponseBodyRaw_default, {
+						key: responseBody.value.dataUrl,
+						content: __props.data,
+						language: mediaConfig.value.language
+					}, null, 8, ["content", "language"])) : createCommentVNode("", true),
+					mediaConfig.value?.preview && showPreview.value ? (openBlock(), createBlock(ResponseBodyPreview_default, {
+						key: responseBody.value.dataUrl,
+						alpha: mediaConfig.value.alpha,
+						mode: mediaConfig.value.preview,
+						src: responseBody.value.dataUrl,
+						type: responseBody.value.mimeType?.essence ?? ""
+					}, null, 8, [
+						"alpha",
+						"mode",
+						"src",
+						"type"
+					])) : createCommentVNode("", true),
+					!mediaConfig.value?.raw && !mediaConfig.value?.preview ? (openBlock(), createBlock(ResponseBodyInfo_default, { key: 2 }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Binary file ", -1)])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				])) : createCommentVNode("", true)]),
+				_: 2
+			}, [__props.data && responseBody.value.dataUrl ? {
+				name: "actions",
+				fn: withCtx(() => [createVNode(ResponseBodyDownload_default, {
+					filename: responseBody.value.attachmentFilename,
+					href: responseBody.value.dataUrl,
+					type: responseBody.value.mimeType?.essence
+				}, null, 8, [
+					"filename",
+					"href",
+					"type"
+				])]),
+				key: "0"
+			} : void 0]), 1032, ["isStatic"]);
+		};
+	}
+});
+//#endregion
+export { ResponseBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBody.vue.script.js.map

package/dist/v2/blocks/response-block/components/ResponseBody.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\n\nimport { getMediaTypeConfig } from '@/v2/blocks/response-block/helpers/media-types'\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyPreview from './ResponseBodyPreview.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\nimport ResponseBodyToggle from './ResponseBodyToggle.vue'\n\nconst { data, headers } = defineProps<{\n  title: string\n  layout: 'client' | 'reference'\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\n/** Preview / Raw toggle */\nconst toggle = ref(true)\n\nconst showToggle = computed(\n  () => !!(mediaConfig.value?.raw && mediaConfig.value.preview),\n)\n\nconst showPreview = computed(() => toggle.value || !showToggle.value)\nconst showRaw = computed(() => !toggle.value || !showToggle.value)\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n</script>\n<template>\n  <CollapsibleSection\n    class=\"max-h-content overflow-y-hidden\"\n    :isStatic=\"layout === 'reference'\">\n    <template #title>{{ title }}</template>\n    <template\n      v-if=\"data && responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div\n      v-if=\"data\"\n      class=\"bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden\">\n      <div\n        class=\"box-content flex min-h-8 items-center justify-between border-y px-3\">\n        <span class=\"text-xxs font-code leading-5\">\n          {{ responseBody.mimeType?.essence }}\n        </span>\n        <ResponseBodyToggle\n          v-if=\"showToggle\"\n          v-model=\"toggle\" />\n      </div>\n      <ResponseBodyRaw\n        v-if=\"mediaConfig?.raw && showRaw\"\n        :key=\"responseBody.dataUrl\"\n        :content=\"data\"\n        :language=\"mediaConfig.language\" />\n      <ResponseBodyPreview\n        v-if=\"mediaConfig?.preview && showPreview\"\n        :key=\"responseBody.dataUrl\"\n        :alpha=\"mediaConfig.alpha\"\n        :mode=\"mediaConfig.preview\"\n        :src=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence ?? ''\" />\n      <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n        Binary file\n      </ResponseBodyInfo>\n    </div>\n  </CollapsibleSection>\n</template>\n<style scoped>\n.scalar-code-block :deep(.hljs *) {\n  font-size: var(--scalar-small);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,SAAS,IAAI,KAAI;EAEvB,MAAM,aAAa,eACX,CAAC,EAAE,YAAY,OAAO,OAAO,YAAY,MAAM,SACvD;EAEA,MAAM,cAAc,eAAe,OAAO,SAAS,CAAC,WAAW,MAAK;EACpE,MAAM,UAAU,eAAe,CAAC,OAAO,SAAS,CAAC,WAAW,MAAK;EAEjE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;GACP,CAAC,CACJ;EAEA,MAAM,cAAc,eAClB,mBAAmB,aAAa,MAAM,UAAU,WAAW,GAAG,CAChE;;uBAGE,YAwCqB,MAAA,2BAAA,EAAA;IAvCnB,OAAM;IACL,UAAU,QAAA,WAAM;;IACN,OAAK,cAAY,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;2BAoCnB,CA1BE,QAAA,QAAA,WAAA,EADR,mBA2BM,OA3BN,YA2BM;KAxBJ,mBAQM,OARN,YAQM,CANJ,mBAEO,QAFP,YAEO,gBADF,aAAA,MAAa,UAAU,QAAO,EAAA,EAAA,EAG3B,WAAA,SAAA,WAAA,EADR,YAEqB,4BAAA;;kBAAV,OAAA;0EAAM,QAAA;;KAGX,YAAA,OAAa,OAAO,QAAA,SAAA,WAAA,EAD5B,YAIqC,yBAAA;MAFlC,KAAK,aAAA,MAAa;MAClB,SAAS,QAAA;MACT,UAAU,YAAA,MAAY;;KAEjB,YAAA,OAAa,WAAW,YAAA,SAAA,WAAA,EADhC,YAMiD,6BAAA;MAJ9C,KAAK,aAAA,MAAa;MAClB,OAAO,YAAA,MAAY;MACnB,MAAM,YAAA,MAAY;MAClB,KAAK,aAAA,MAAa;MAClB,MAAM,aAAA,MAAa,UAAU,WAAO;;;;;;;MACd,YAAA,OAAa,OAAG,CAAK,YAAA,OAAa,WAAA,WAAA,EAA3D,YAEmB,0BAAA,EAAA,KAAA,GAAA,EAAA;6BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFoE,iBAEpE,GAAA,CAAA,EAAA,CAAA;;;;;OAjCM,QAAA,QAAQ,aAAA,MAAa,UAAA;UAC1B;sBAI0C,CAH3C,YAG2C,8BAAA;KAFxC,UAAU,aAAA,MAAa;KACvB,MAAM,aAAA,MAAa;KACnB,MAAM,aAAA,MAAa,UAAU"}

package/dist/v2/blocks/response-block/components/ResponseBodyDownload.vue.js

@@ -0,0 +1,7 @@
+import ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyDownload.vue.script.js";
+//#region src/v2/blocks/response-block/components/ResponseBodyDownload.vue
+var ResponseBodyDownload_default = ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyDownload_default as default };
+
+//# sourceMappingURL=ResponseBodyDownload.vue.js.map

package/dist/v2/blocks/response-block/components/ResponseBodyDownload.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyDownload.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyDownload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nconst props = defineProps<{\n  href: string\n  type?: string\n  filename?: string\n}>()\n\nconst filenameExtension = computed(() => {\n  const extension =\n    getMediaTypeConfig(props.type ?? '')?.extension ?? '.unknown'\n  return props.filename ? props.filename : `response${extension}`\n})\n</script>\n<template>\n  <a\n    class=\"text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline\"\n    :download=\"`${filenameExtension}`\"\n    :href=\"href\"\n    @click.stop>\n    <ScalarIcon\n      icon=\"Download\"\n      size=\"xs\" />\n    <span>\n      <span>Download</span>\n      <span class=\"sr-only\">Response Body</span>\n    </span>\n  </a>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBodyDownload.vue.script.js

@@ -0,0 +1,35 @@
+import { getMediaTypeConfig } from "../../../../views/Request/consts/mediaTypes.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withModifiers } from "vue";
+import { ScalarIcon } from "@scalar/components";
+//#region src/v2/blocks/response-block/components/ResponseBodyDownload.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["download", "href"];
+var ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyDownload",
+	props: {
+		href: {},
+		type: {},
+		filename: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const filenameExtension = computed(() => {
+			const extension = getMediaTypeConfig(props.type ?? "")?.extension ?? ".unknown";
+			return props.filename ? props.filename : `response${extension}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				class: "text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline",
+				download: `${filenameExtension.value}`,
+				href: __props.href,
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, [createVNode(unref(ScalarIcon), {
+				icon: "Download",
+				size: "xs"
+			}), _cache[1] || (_cache[1] = createElementVNode("span", null, [createElementVNode("span", null, "Download"), createElementVNode("span", { class: "sr-only" }, "Response Body")], -1))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyDownload_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyDownload.vue.script.js.map

package/dist/v2/blocks/response-block/components/ResponseBodyDownload.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyDownload.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyDownload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nconst props = defineProps<{\n  href: string\n  type?: string\n  filename?: string\n}>()\n\nconst filenameExtension = computed(() => {\n  const extension =\n    getMediaTypeConfig(props.type ?? '')?.extension ?? '.unknown'\n  return props.filename ? props.filename : `response${extension}`\n})\n</script>\n<template>\n  <a\n    class=\"text-c-3 text-xxs hover:bg-b-3 flex items-center gap-1 rounded px-1.5 py-0.5 no-underline\"\n    :download=\"`${filenameExtension}`\"\n    :href=\"href\"\n    @click.stop>\n    <ScalarIcon\n      icon=\"Download\"\n      size=\"xs\" />\n    <span>\n      <span>Download</span>\n      <span class=\"sr-only\">Response Body</span>\n    </span>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAMd,MAAM,oBAAoB,eAAe;GACvC,MAAM,YACJ,mBAAmB,MAAM,QAAQ,GAAG,EAAE,aAAa;AACrD,UAAO,MAAM,WAAW,MAAM,WAAW,WAAW;IACrD;;uBAGC,mBAYI,KAAA;IAXF,OAAM;IACL,UAAQ,GAAK,kBAAA;IACb,MAAM,QAAA;IACN,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;OACX,YAEc,MAAA,WAAA,EAAA;IADZ,MAAK;IACL,MAAK;iCACP,mBAGO,QAAA,MAAA,CAFL,mBAAqB,QAAA,MAAf,WAAQ,EACd,mBAA0C,QAAA,EAApC,OAAM,WAAS,EAAC,gBAAa,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,WAAA"}

package/dist/v2/blocks/response-block/components/ResponseBodyInfo.vue.js

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, createElementVNode, openBlock, renderSlot } from "vue";
+//#region src/v2/blocks/response-block/components/ResponseBodyInfo.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "flex justify-center px-2 py-3" };
+var _hoisted_2 = { class: "text-c-3 p-2 text-sm" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])]);
+}
+var ResponseBodyInfo_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { ResponseBodyInfo_default as default };
+
+//# sourceMappingURL=ResponseBodyInfo.vue.js.map

package/dist/v2/blocks/response-block/components/ResponseBodyInfo.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyInfo.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyInfo.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-center px-2 py-3\">\n    <div class=\"text-c-3 p-2 text-sm\"><slot /></div>\n  </div>\n</template>\n"],"mappings":";;;;mBACO,OAAM,iCAA+B;mBACnC,OAAM,wBAAsB;;qBADnC,mBAEM,OAFN,YAEM,CADJ,mBAAgD,OAAhD,YAAgD,CAAd,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseBodyPreview.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyPreview.vue.script.js";
+/* empty css                                  */
+//#region src/v2/blocks/response-block/components/ResponseBodyPreview.vue
+var ResponseBodyPreview_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c02b5bb8"]]);
+//#endregion
+export { ResponseBodyPreview_default as default };
+
+//# sourceMappingURL=ResponseBodyPreview.vue.js.map

package/dist/v2/blocks/response-block/components/ResponseBodyPreview.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyPreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport type { MediaPreview } from '@/views/Request/consts'\n\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\n\nconst {\n  src,\n  type,\n  mode,\n  alpha = false,\n} = defineProps<{\n  src: string\n  type: string\n  mode: MediaPreview\n  alpha?: boolean | undefined\n}>()\n\nconst error = ref(false)\n\nwatch(\n  () => src,\n  () => (error.value = false),\n)\n</script>\n<template>\n  <div\n    v-if=\"!error && src\"\n    class=\"flex justify-center overflow-auto rounded-b\"\n    :class=\"{ 'bg-preview p-2': alpha }\">\n    <img\n      v-if=\"mode === 'image'\"\n      class=\"h-full max-w-full\"\n      :class=\"{ rounded: alpha }\"\n      :src=\"src\"\n      @error=\"error = true\" />\n    <video\n      v-else-if=\"mode === 'video'\"\n      autoplay\n      controls\n      width=\"100%\"\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </video>\n    <audio\n      v-else-if=\"mode === 'audio'\"\n      class=\"my-12\"\n      controls\n      @error=\"error = true\">\n      <source\n        :src=\"src\"\n        :type=\"type\" />\n    </audio>\n    <object\n      v-else\n      class=\"aspect-[4/3] w-full\"\n      :data=\"src\"\n      :type=\"type\"\n      @error=\"error = true\" />\n  </div>\n  <ResponseBodyInfo v-else>Preview unavailable</ResponseBodyInfo>\n</template>\n<style scoped>\n.light-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n.dark-mode .bg-preview {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E\");\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBodyPreview.vue.script.js

@@ -0,0 +1,64 @@
+import ResponseBodyInfo_default from "./ResponseBodyInfo.vue.js";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, watch, withCtx } from "vue";
+//#region src/v2/blocks/response-block/components/ResponseBodyPreview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = ["src", "type"];
+var _hoisted_3 = ["src", "type"];
+var _hoisted_4 = ["data", "type"];
+var ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyPreview",
+	props: {
+		src: {},
+		type: {},
+		mode: {},
+		alpha: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const error = ref(false);
+		watch(() => __props.src, () => error.value = false);
+		return (_ctx, _cache) => {
+			return !error.value && __props.src ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["flex justify-center overflow-auto rounded-b", { "bg-preview p-2": __props.alpha }])
+			}, [__props.mode === "image" ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				class: normalizeClass(["h-full max-w-full", { rounded: __props.alpha }]),
+				src: __props.src,
+				onError: _cache[0] || (_cache[0] = ($event) => error.value = true)
+			}, null, 42, _hoisted_1)) : __props.mode === "video" ? (openBlock(), createElementBlock("video", {
+				key: 1,
+				autoplay: "",
+				controls: "",
+				width: "100%",
+				onError: _cache[1] || (_cache[1] = ($event) => error.value = true)
+			}, [createElementVNode("source", {
+				src: __props.src,
+				type: __props.type
+			}, null, 8, _hoisted_2)], 32)) : __props.mode === "audio" ? (openBlock(), createElementBlock("audio", {
+				key: 2,
+				class: "my-12",
+				controls: "",
+				onError: _cache[2] || (_cache[2] = ($event) => error.value = true)
+			}, [createElementVNode("source", {
+				src: __props.src,
+				type: __props.type
+			}, null, 8, _hoisted_3)], 32)) : (openBlock(), createElementBlock("object", {
+				key: 3,
+				class: "aspect-[4/3] w-full",
+				data: __props.src,
+				type: __props.type,
+				onError: _cache[3] || (_cache[3] = ($event) => error.value = true)
+			}, null, 40, _hoisted_4))], 2)) : (openBlock(), createBlock(ResponseBodyInfo_default, { key: 1 }, {
+				default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Preview unavailable", -1)])]),
+				_: 1
+			}));
+		};
+	}
+});
+//#endregion
+export { ResponseBodyPreview_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyPreview.vue.script.js.map