@scalar/api-client 2.38.4 → 2.39.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyPreview.vue.script.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":";;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ,IAAI,MAAK;AAEvB,cACQ,QAAA,WACC,MAAM,QAAQ,MACvB;;WAIW,MAAA,SAAS,QAAA,OAAA,WAAA,EADlB,mBAmCM,OAAA;;IAjCJ,OAAK,eAAA,CAAC,+CAA6C,EAAA,kBACvB,QAAA,OAAK,CAAA,CAAA;OAEzB,QAAA,SAAI,WAAA,WAAA,EADZ,mBAK0B,OAAA;;IAHxB,OAAK,eAAA,CAAC,qBAAmB,EAAA,SACN,QAAA,OAAK,CAAA,CAAA;IACvB,KAAK,QAAA;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;+BAEF,QAAA,SAAI,WAAA,WAAA,EADjB,mBASQ,SAAA;;IAPN,UAAA;IACA,UAAA;IACA,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;oCAGE,QAAA,SAAI,WAAA,WAAA,EADjB,mBAQQ,SAAA;;IANN,OAAM;IACN,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;OACb,mBAEiB,UAAA;IADd,KAAK,QAAA;IACL,MAAM,QAAA;kDAEX,mBAK0B,UAAA;;IAHxB,OAAM;IACL,MAAM,QAAA;IACN,MAAM,QAAA;IACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK;mDAEjB,YAA+D,0BAAA,EAAA,KAAA,GAAA,EAAA;2BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAnB,uBAAmB,GAAA,CAAA,EAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { ref, toRef, useId } from 'vue'\n\nconst props = defineProps<{\n  content: any\n  language: CodeMirrorLanguage | undefined\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(() => prettyPrintJson(props.content)),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block body-raw relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\">\n    <div\n      class=\"body-raw-scroller custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Copy button -->\n    <ScalarCodeBlockCopy\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\"\n      :aria-controls=\"id\" />\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n.body-raw :deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,49 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, ref, toRef, unref, useId } from "vue";
+import { ScalarCodeBlockCopy } from "@scalar/components";
+import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
+import { useCodeMirror } from "@scalar/use-codemirror";
+//#region src/v2/blocks/response-block/components/ResponseBodyRaw.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "scalar-code-block group/code-block body-raw relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline" };
+var _hoisted_2 = {
+	class: "body-raw-scroller custom-scroll relative pr-1",
+	tabindex: "0"
+};
+var ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyRaw",
+	props: {
+		content: {},
+		language: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const codeMirrorRef = ref(null);
+		/** Base id for the code block */
+		const id = useId();
+		const { codeMirror } = useCodeMirror({
+			codeMirrorRef,
+			readOnly: true,
+			lineNumbers: true,
+			content: toRef(() => prettyPrintJson(props.content)),
+			language: toRef(() => props.language),
+			forceFoldGutter: true
+		});
+		const getCurrentContent = () => {
+			return codeMirror.value?.state.doc.toString() || "";
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+				ref_key: "codeMirrorRef",
+				ref: codeMirrorRef
+			}, null, 512)]), getCurrentContent() ? (openBlock(), createBlock(unref(ScalarCodeBlockCopy), {
+				key: 0,
+				class: "absolute top-2 right-2",
+				content: getCurrentContent(),
+				"aria-controls": unref(id)
+			}, null, 8, ["content", "aria-controls"])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyRaw.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useCodeMirror, type CodeMirrorLanguage } from '@scalar/use-codemirror'\nimport { ref, toRef, useId } from 'vue'\n\nconst props = defineProps<{\n  content: any\n  language: CodeMirrorLanguage | undefined\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(() => prettyPrintJson(props.content)),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block body-raw relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\">\n    <div\n      class=\"body-raw-scroller custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Copy button -->\n    <ScalarCodeBlockCopy\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2\"\n      :content=\"getCurrentContent()\"\n      :aria-controls=\"id\" />\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n.body-raw :deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,gBAAgB,IAA2B,KAAI;;EAErD,MAAM,KAAK,OAAM;EAEjB,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,YAAY,gBAAgB,MAAM,QAAQ,CAAC;GACpD,UAAU,YAAY,MAAM,SAAS;GACrC,iBAAiB;GAClB,CAAA;EAGD,MAAM,0BAA0B;AAC9B,UAAO,WAAW,OAAO,MAAM,IAAI,UAAU,IAAI;;;uBAIjD,mBAcM,OAdN,YAcM,CAZJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,mBAAiB,IAAA,WAAA,EADzB,YAIwB,MAAA,oBAAA,EAAA;;IAFtB,OAAM;IACL,SAAS,mBAAiB;IAC1B,iBAAe,MAAA,GAAE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyStreaming.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | null>(null)\n\n/**\n * Scrolls the content container to the bottom\n */\nconst scrollToBottom = () => {\n  if (contentContainer.value) {\n    contentContainer.value.scrollTop = contentContainer.value.scrollHeight\n  }\n}\n\n// Watch for changes in textContent and scroll to bottom\nwatch(textContent, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection class=\"max-h-content overflow-y-hidden\">\n    <template #title>\n      <div class=\"flex w-full items-center justify-between\">\n        <div>Body</div>\n        <div\n          v-if=\"loader.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\n    </template>\n\n    <div\n      ref=\"contentContainer\"\n      class=\"text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap\">\n      <template v-if=\"errorRef\">\n        <div class=\"text-red bg-b-danger sticky top-0 border-b p-2\">\n          {{ errorRef.message }}\n        </div>\n      </template>\n      <template v-if=\"textContent\">\n        <div class=\"p-2\">\n          {{ textContent }}\n        </div>\n      </template>\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,111 @@
+import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarButton, ScalarLoading, useLoadingState } from "@scalar/components";
+//#region src/v2/blocks/response-block/components/ResponseBodyStreaming.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-full items-center justify-between" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mr-2 flex items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-red bg-b-danger sticky top-0 border-b p-2"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "p-2"
+};
+var ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyStreaming",
+	props: { reader: {} },
+	setup(__props) {
+		const loader = useLoadingState();
+		const textContent = ref("");
+		const errorRef = ref(null);
+		const contentContainer = ref(null);
+		/** Track the current reader to prevent race conditions when reader changes */
+		const currentReader = ref(null);
+		/** Current decoder instance - reset for each new stream to prevent buffer corruption */
+		const decoder = ref(null);
+		/**
+		* Scrolls the content container to the bottom
+		*/
+		const scrollToBottom = () => {
+			if (contentContainer.value) contentContainer.value.scrollTop = contentContainer.value.scrollHeight;
+		};
+		watch(textContent, async () => {
+			await nextTick(scrollToBottom);
+		});
+		/**
+		* Reads the stream and appends the content
+		*/
+		async function readStream(streamReader) {
+			try {
+				while (loader.isLoading && currentReader.value === streamReader) {
+					const { done, value } = await streamReader.read();
+					if (currentReader.value !== streamReader) break;
+					if (done) {
+						loader.clear();
+						break;
+					}
+					if (value && decoder.value) textContent.value += decoder.value.decode(value, { stream: true });
+				}
+			} catch (error) {
+				if (currentReader.value === streamReader) {
+					console.error("Error reading stream:", error);
+					loader.clear();
+					errorRef.value = error;
+				}
+			} finally {
+				if (currentReader.value === streamReader && decoder.value) textContent.value += decoder.value.decode();
+			}
+		}
+		const startStreaming = () => {
+			if (currentReader.value) currentReader.value.cancel();
+			currentReader.value = __props.reader;
+			decoder.value = new TextDecoder();
+			loader.start();
+			textContent.value = "";
+			errorRef.value = null;
+			readStream(__props.reader);
+		};
+		const stopStreaming = () => {
+			if (currentReader.value) {
+				currentReader.value.cancel();
+				currentReader.value = null;
+			}
+			loader.clear();
+		};
+		watch(() => __props.reader, startStreaming, { immediate: true });
+		onBeforeUnmount(stopStreaming);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), { class: "max-h-content overflow-y-hidden" }, createSlots({
+				title: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", null, "Body", -1)), unref(loader).isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(ScalarLoading), {
+					loadingState: unref(loader),
+					size: "xs"
+				}, null, 8, ["loadingState"]), _cache[0] || (_cache[0] = createElementVNode("span", { class: "text-c-2" }, " Listening… ", -1))])) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "contentContainer",
+					ref: contentContainer,
+					class: "text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap"
+				}, [errorRef.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(errorRef.value.message), 1)) : createCommentVNode("", true), textContent.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(textContent.value), 1)) : createCommentVNode("", true)], 512)]),
+				_: 2
+			}, [unref(loader).isLoading ? {
+				name: "actions",
+				fn: withCtx(() => [createVNode(unref(ScalarButton), {
+					size: "sm",
+					variant: "ghost",
+					onClick: stopStreaming
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				})]),
+				key: "0"
+			} : void 0]), 1024);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyStreaming_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyStreaming.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyStreaming.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst { reader } = defineProps<{\n  reader: ReadableStreamDefaultReader<Uint8Array>\n}>()\n\nconst loader = useLoadingState()\n\nconst textContent = ref('')\nconst errorRef = ref<Error | null>(null)\nconst contentContainer = ref<HTMLElement | null>(null)\n\n/** Track the current reader to prevent race conditions when reader changes */\nconst currentReader = ref<ReadableStreamDefaultReader<Uint8Array> | null>(null)\n\n/** Current decoder instance - reset for each new stream to prevent buffer corruption */\nconst decoder = ref<TextDecoder | null>(null)\n\n/**\n * Scrolls the content container to the bottom\n */\nconst scrollToBottom = () => {\n  if (contentContainer.value) {\n    contentContainer.value.scrollTop = contentContainer.value.scrollHeight\n  }\n}\n\n// Watch for changes in textContent and scroll to bottom\nwatch(textContent, async () => {\n  // Use nextTick to ensure the DOM has updated\n  await nextTick(scrollToBottom)\n})\n\n/**\n * Reads the stream and appends the content\n */\nasync function readStream(\n  streamReader: ReadableStreamDefaultReader<Uint8Array>,\n) {\n  try {\n    while (loader.isLoading && currentReader.value === streamReader) {\n      const { done, value } = await streamReader.read()\n\n      // Stop if this reader is no longer the current one\n      if (currentReader.value !== streamReader) {\n        break\n      }\n\n      if (done) {\n        void loader.clear()\n        break\n      }\n\n      // Decode the Uint8Array to string and append to content\n      if (value && decoder.value) {\n        textContent.value += decoder.value.decode(value, { stream: true })\n      }\n    }\n  } catch (error) {\n    // Only handle the error if this is still the current reader\n    if (currentReader.value === streamReader) {\n      console.error('Error reading stream:', error)\n      void loader.clear()\n      errorRef.value = error as Error\n    }\n  } finally {\n    // Only finalize decoding if this is still the current reader\n    if (currentReader.value === streamReader && decoder.value) {\n      // Make sure to decode any remaining bytes\n      textContent.value += decoder.value.decode()\n    }\n  }\n}\n\nconst startStreaming = () => {\n  // Cancel the old reader if it exists\n  if (currentReader.value) {\n    currentReader.value.cancel()\n  }\n\n  // Set the new reader as current\n  currentReader.value = reader\n\n  // Reset state and start new stream\n  // Create a new decoder instance to prevent buffer corruption from previous streams\n  decoder.value = new TextDecoder()\n  loader.start()\n  textContent.value = ''\n  errorRef.value = null\n  void readStream(reader)\n}\n\nconst stopStreaming = () => {\n  if (currentReader.value) {\n    currentReader.value.cancel()\n    currentReader.value = null\n  }\n  void loader.clear()\n}\n\n// Start streaming when the reader changes\nwatch(() => reader, startStreaming, { immediate: true })\n\nonBeforeUnmount(stopStreaming)\n</script>\n\n<template>\n  <CollapsibleSection class=\"max-h-content overflow-y-hidden\">\n    <template #title>\n      <div class=\"flex w-full items-center justify-between\">\n        <div>Body</div>\n        <div\n          v-if=\"loader.isLoading\"\n          class=\"mr-2 flex items-center gap-2\">\n          <ScalarLoading\n            :loadingState=\"loader\"\n            size=\"xs\" />\n          <span class=\"text-c-2\"> Listening… </span>\n        </div>\n      </div>\n    </template>\n    <template\n      v-if=\"loader.isLoading\"\n      #actions>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"ghost\"\n        @click=\"stopStreaming\">\n        Cancel\n      </ScalarButton>\n    </template>\n\n    <div\n      ref=\"contentContainer\"\n      class=\"text-xxs font-code h-full overflow-auto leading-6 whitespace-pre-wrap\">\n      <template v-if=\"errorRef\">\n        <div class=\"text-red bg-b-danger sticky top-0 border-b p-2\">\n          {{ errorRef.message }}\n        </div>\n      </template>\n      <template v-if=\"textContent\">\n        <div class=\"p-2\">\n          {{ textContent }}\n        </div>\n      </template>\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,SAAS,iBAAgB;EAE/B,MAAM,cAAc,IAAI,GAAE;EAC1B,MAAM,WAAW,IAAkB,KAAI;EACvC,MAAM,mBAAmB,IAAwB,KAAI;;EAGrD,MAAM,gBAAgB,IAAoD,KAAI;;EAG9E,MAAM,UAAU,IAAwB,KAAI;;;;EAK5C,MAAM,uBAAuB;AAC3B,OAAI,iBAAiB,MACnB,kBAAiB,MAAM,YAAY,iBAAiB,MAAM;;AAK9D,QAAM,aAAa,YAAY;AAE7B,SAAM,SAAS,eAAc;IAC9B;;;;EAKD,eAAe,WACb,cACA;AACA,OAAI;AACF,WAAO,OAAO,aAAa,cAAc,UAAU,cAAc;KAC/D,MAAM,EAAE,MAAM,UAAU,MAAM,aAAa,MAAK;AAGhD,SAAI,cAAc,UAAU,aAC1B;AAGF,SAAI,MAAM;AACH,aAAO,OAAM;AAClB;;AAIF,SAAI,SAAS,QAAQ,MACnB,aAAY,SAAS,QAAQ,MAAM,OAAO,OAAO,EAAE,QAAQ,MAAM,CAAA;;YAG9D,OAAO;AAEd,QAAI,cAAc,UAAU,cAAc;AACxC,aAAQ,MAAM,yBAAyB,MAAK;AACvC,YAAO,OAAM;AAClB,cAAS,QAAQ;;aAEX;AAER,QAAI,cAAc,UAAU,gBAAgB,QAAQ,MAElD,aAAY,SAAS,QAAQ,MAAM,QAAO;;;EAKhD,MAAM,uBAAuB;AAE3B,OAAI,cAAc,MAChB,eAAc,MAAM,QAAO;AAI7B,iBAAc,QAAQ,QAAA;AAItB,WAAQ,QAAQ,IAAI,aAAY;AAChC,UAAO,OAAM;AACb,eAAY,QAAQ;AACpB,YAAS,QAAQ;AACZ,cAAW,QAAA,OAAM;;EAGxB,MAAM,sBAAsB;AAC1B,OAAI,cAAc,OAAO;AACvB,kBAAc,MAAM,QAAO;AAC3B,kBAAc,QAAQ;;AAEnB,UAAO,OAAM;;AAIpB,cAAY,QAAA,QAAQ,gBAAgB,EAAE,WAAW,MAAM,CAAA;AAEvD,kBAAgB,cAAa;;uBAI3B,YAuCqB,MAAA,2BAAA,EAAA,EAvCD,OAAM,mCAAiC,EAAA,YAAA;IAC9C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,OAAA,OAAA,OAAA,KATJ,mBAAe,OAAA,MAAV,QAAI,GAAA,GAED,MAAA,OAAM,CAAC,aAAA,WAAA,EADf,mBAOM,OAPN,YAOM,CAJJ,YAEc,MAAA,cAAA,EAAA;KADX,cAAc,MAAA,OAAM;KACrB,MAAK;6DACP,mBAA0C,QAAA,EAApC,OAAM,YAAU,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA;2BA4BnC,CAbN,mBAaM,OAAA;cAZA;KAAJ,KAAI;KACJ,OAAM;QACU,SAAA,SAAA,WAAA,EACd,mBAEM,OAFN,YAEM,gBADD,SAAA,MAAS,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAGP,YAAA,SAAA,WAAA,EACd,mBAEM,OAFN,YAEM,gBADD,YAAA,MAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,CAAA,CAAA;;OApBZ,MAAA,OAAM,CAAC,YAAA;UACZ;sBAMc,CALf,YAKe,MAAA,aAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAO;;4BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyB,YAEzB,GAAA,CAAA,EAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withModifiers } from "vue";
+//#region src/v2/blocks/response-block/components/ResponseBodyToggle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5" };
+var ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyToggle",
+	props: { modelValue: { type: Boolean } },
+	emits: ["update:modelValue"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue }]),
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("update:modelValue", true), ["stop"]))
+			}, " Preview ", 2), createElementVNode("button", {
+				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": !__props.modelValue }]),
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("update:modelValue", false), ["stop"]))
+			}, " Raw ", 2)]);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyToggle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyToggle.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyToggle.vue.script.js","names":["$emit"],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', true)\">\n      Preview\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': !modelValue }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', false)\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;uBASE,mBAgBM,OAhBN,YAgBM,CAdJ,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,YAAU,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,EAAA,CAAA,OAAA,CAAA;MAA6B,aAEjD,EAAA,EACA,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCAAA,CACY,QAAA,YAAU,CAAA,CAAA;IACvD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,MAAA,EAAA,CAAA,OAAA,CAAA;MAA8B,SAElD,EAAA,CAAA,CAAA"}

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

@@ -0,0 +1,8 @@
+import ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyVirtual.vue.script.js";
+/* empty css                                  */
+//#region src/v2/blocks/response-block/components/ResponseBodyVirtual.vue
+var ResponseBodyVirtual_default = ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ResponseBodyVirtual_default as default };
+
+//# sourceMappingURL=ResponseBodyVirtual.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyVirtual.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5\">\n      This response body is massive! Syntax highlighting won't work here.\n    </div>\n    <ScalarVirtualText\n      containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n      contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n      :lineHeight=\"20\"\n      :text=\"textContent\" />\n  </CollapsibleSection>\n</template>\n\n<style>\n.response-body-virtual[data-headlessui-state='open'],\n.response-body-virtual[data-headlessui-state='open'] .diclosure-panel {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,50 @@
+import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
+import { processResponseBody } from "../helpers/process-response-body.js";
+import ResponseBodyDownload_default from "./ResponseBodyDownload.vue.js";
+import { computed, createBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { ScalarVirtualText } from "@scalar/components";
+import { formatJsonOrYamlString } from "@scalar/oas-utils/helpers";
+//#region src/v2/blocks/response-block/components/ResponseBodyVirtual.vue?vue&type=script&setup=true&lang.ts
+var ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBodyVirtual",
+	props: {
+		content: {},
+		data: {},
+		headers: {}
+	},
+	setup(__props) {
+		const textContent = computed(() => formatJsonOrYamlString(__props.content));
+		const responseBody = computed(() => processResponseBody({
+			data: __props.data,
+			headers: __props.headers
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), { class: "!max-h-100% response-body-virtual overflow-x-auto" }, createSlots({
+				title: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode("Body", -1))]),
+				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("div", { class: "font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won't work here. ", -1)), createVNode(unref(ScalarVirtualText), {
+					containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
+					contentClass: "language-plaintext whitespace-pre font-code text-base",
+					lineHeight: 20,
+					text: textContent.value
+				}, null, 8, ["text"])]),
+				_: 2
+			}, [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]), 1024);
+		};
+	}
+});
+//#endregion
+export { ResponseBodyVirtual_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBodyVirtual.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBodyVirtual.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyVirtual.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarVirtualText } from '@scalar/components'\nimport { formatJsonOrYamlString } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { processResponseBody } from '@/v2/blocks/response-block/helpers/process-response-body'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\n\nconst { content, data, headers } = defineProps<{\n  content: string\n  data: unknown\n  headers: { name: string; value: string }[]\n}>()\n\nconst textContent = computed(() => formatJsonOrYamlString(content))\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data,\n    headers,\n  }),\n)\n</script>\n\n<template>\n  <CollapsibleSection class=\"!max-h-100% response-body-virtual overflow-x-auto\">\n    <template #title>Body</template>\n    <template\n      v-if=\"responseBody.dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"responseBody.attachmentFilename\"\n        :href=\"responseBody.dataUrl\"\n        :type=\"responseBody.mimeType?.essence\" />\n    </template>\n    <div class=\"font-code text-xxs rounded-t border border-b-0 px-2.5 py-1.5\">\n      This response body is massive! Syntax highlighting won't work here.\n    </div>\n    <ScalarVirtualText\n      containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n      contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n      :lineHeight=\"20\"\n      :text=\"textContent\" />\n  </CollapsibleSection>\n</template>\n\n<style>\n.response-body-virtual[data-headlessui-state='open'],\n.response-body-virtual[data-headlessui-state='open'] .diclosure-panel {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAgBA,MAAM,cAAc,eAAe,uBAAuB,QAAA,QAAQ,CAAA;EAElE,MAAM,eAAe,eACnB,oBAAoB;GAClB,MAAG,QAAA;GACH,SAAM,QAAA;GACP,CAAC,CACJ;;uBAIE,YAkBqB,MAAA,2BAAA,EAAA,EAlBD,OAAM,qDAAmD,EAAA,YAAA;IAChE,OAAK,cAAK,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAJ,QAAI,GAAA,EAAA,CAAA;2BAWf,CAAA,OAAA,OAAA,OAAA,KAFN,mBAEM,OAAA,EAFD,OAAM,gEAA8D,EAAC,yEAE1E,GAAA,GACA,YAIwB,MAAA,kBAAA,EAAA;KAHtB,gBAAe;KACf,cAAa;KACZ,YAAY;KACZ,MAAM,YAAA;;;OAdD,aAAA,MAAa,UAAA;UAClB;sBAI0C,CAH3C,YAG2C,8BAAA;KAFxC,UAAU,aAAA,MAAa;KACvB,MAAM,aAAA,MAAa;KACnB,MAAM,aAAA,MAAa,UAAU"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseCookies.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n</script>\n<template>\n  <CollapsibleSection\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>Cookies</template>\n    <template v-if=\"true\">\n      <DataTable\n        v-if=\"cookies.length\"\n        class=\"flex-1\"\n        :columns=\"['', '']\">\n        <DataTableRow\n          v-for=\"item in cookies\"\n          :key=\"item.name\">\n          <DataTableText :text=\"item.name\" />\n          <DataTableText :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\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 cookies\n      </div>\n    </template>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,42 @@
+import DataTable_default from "../../../../components/DataTable/DataTable.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 { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+//#region src/v2/blocks/response-block/components/ResponseCookies.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "text-c-3 bg-b-1 flex min-h-[64px] items-center justify-center border-t px-4 text-sm"
+};
+var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseCookies",
+	props: { cookies: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(CollapsibleSection_default), {
+				defaultOpen: false,
+				itemCount: __props.cookies.length
+			}, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				default: withCtx(() => [(openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.cookies.length ? (openBlock(), createBlock(DataTable_default, {
+					key: 0,
+					class: "flex-1",
+					columns: ["", ""]
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.cookies, (item) => {
+						return openBlock(), createBlock(DataTableRow_default, { key: item.name }, {
+							default: withCtx(() => [createVNode(DataTableText_default, { text: item.name }, null, 8, ["text"]), createVNode(DataTableText_default, { text: item.value }, null, 8, ["text"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				})) : (openBlock(), createElementBlock("div", _hoisted_1, " No cookies "))], 64))]),
+				_: 1
+			}, 8, ["itemCount"]);
+		};
+	}
+});
+//#endregion
+export { ResponseCookies_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseCookies.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n</script>\n<template>\n  <CollapsibleSection\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>Cookies</template>\n    <template v-if=\"true\">\n      <DataTable\n        v-if=\"cookies.length\"\n        class=\"flex-1\"\n        :columns=\"['', '']\">\n        <DataTableRow\n          v-for=\"item in cookies\"\n          :key=\"item.name\">\n          <DataTableText :text=\"item.name\" />\n          <DataTableText :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\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 cookies\n      </div>\n    </template>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;uBAWE,YAuBqB,MAAA,2BAAA,EAAA;IAtBlB,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;2BAmBb,EAAA,WAAA,EAlBX,mBAkBW,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,QAAA,QAAQ,UAAA,WAAA,EADhB,YAUY,mBAAA;;KARV,OAAM;KACL,SAAS,CAAA,IAAA,GAAQ;;4BAEO,EAAA,UAAA,KAAA,EADzB,mBAKe,UAAA,MAAA,WAJE,QAAA,UAAR,SAAI;0BADb,YAKe,sBAAA,EAHZ,KAAK,KAAK,MAAA,EAAA;8BACwB,CAAnC,YAAmC,uBAAA,EAAnB,MAAM,KAAK,MAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,EAC3B,YAAoC,uBAAA,EAApB,MAAM,KAAK,OAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;wBAI/B,mBAIM,OAJN,YAE8F,eAE9F,EAAA,EAAA,GAAA,EAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseEmpty.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport { type ClientLayout } from '@/hooks'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":""}

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

@@ -0,0 +1,69 @@
+import computer_default from "../../../../assets/computer.ascii.virtual.js";
+import ScalarAsciiArt_default from "../../../../components/ScalarAsciiArt.vue.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { ScalarHotkey } from "@scalar/components";
+//#region src/v2/blocks/response-block/components/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: {
+		layout: {},
+		totalPerformedRequests: {},
+		appVersion: {}
+	},
+	emits: [
+		"addRequest",
+		"sendRequest",
+		"openCommandPalette"
+	],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		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.totalPerformedRequests > 0 && __props.layout !== "modal" }]) }, [
+				__props.layout !== "modal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(" Scalar App V" + toDisplayString(__props.appVersion) + " 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), createElementVNode("div", _hoisted_3, [
+				__props.layout !== "modal" ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					class: "flex items-center gap-1.5",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emits("openCommandPalette"))
+				}, [_cache[5] || (_cache[5] = createTextVNode(" Get Started ", -1)), createVNode(unref(ScalarHotkey), {
+					hotkey: "k",
+					modifier: ["default"]
+				})])) : createCommentVNode("", true),
+				__props.layout === "desktop" ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					class: "flex items-center gap-1.5",
+					type: "button",
+					onClick: _cache[1] || (_cache[1] = ($event) => emits("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) => emits("sendRequest"))
+				}, [_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/v2/blocks/response-block/components/ResponseEmpty.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseEmpty.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarHotkey } from '@scalar/components'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport { type ClientLayout } from '@/hooks'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Client layout */\n  layout: ClientLayout\n  /** Total number of performed requests */\n  totalPerformedRequests: number\n  /** Application version */\n  appVersion: string\n}>()\n\nconst emits = defineEmits<{\n  (e: 'addRequest'): void\n  (e: 'sendRequest'): void\n  (e: 'openCommandPalette'): void\n}>()\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': totalPerformedRequests > 0 && layout !== 'modal',\n      }\">\n      <div\n        v-if=\"layout !== 'modal'\"\n        class=\"scalar-version-number\">\n        Scalar App V{{ appVersion }} 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\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=\"emits('openCommandPalette')\">\n        Get Started\n        <ScalarHotkey\n          hotkey=\"k\"\n          :modifier=\"['default']\" />\n      </button>\n      <button\n        v-if=\"layout === 'desktop'\"\n        class=\"flex items-center gap-1.5\"\n        type=\"button\"\n        @click=\"emits('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=\"emits('sendRequest')\">\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":";;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;;uBAOZ,mBAyDM,OAzDN,YAyDM,CAxDJ,mBA0BM,OAAA,EAzBJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,SAAA,CAAA,CAAA,EAAA,EAAA;IAIlE,QAAA,WAAM,WAAA,WAAA,EADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,QAAA,WAAU,GAAG,UAC5B,EAAA,EAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,QAAM,EAAA,CACf,mBAII,KAAA;KAHF,MAAK;KACL,QAAO;OAAS,YAElB,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;8BAGJ,mBAKI,KAAA;KAJF,OAAM;KACN,MAAK;KACL,QAAO;OAAS,2BAElB,GAAA;IACA,YAEqB,wBAAA;KADlB,KAAK,MAAA,iBAAQ;KACd,OAAM;;UAGV,mBA2BM,OA3BN,YA2BM;IAxBI,QAAA,WAAM,WAAA,WAAA,EADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,qBAAA;kDAAwB,iBAErC,GAAA,GAAA,YAE4B,MAAA,aAAA,EAAA;KAD1B,QAAO;KACN,UAAU,CAAA,UAAW;;IAGlB,QAAA,WAAM,aAAA,WAAA,EADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;kDAAgB,iBAE7B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAE1B,mBAMS,UAAA;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,cAAA;kDAAiB,kBAE9B,GAAA,GAAA,YAA2B,MAAA,aAAA,EAAA,EAAb,QAAO,KAAG,CAAA,CAAA,CAAA"}

package/dist/v2/blocks/response-block/components/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/v2/blocks/response-block/components/ResponseLoadingOverlay.vue
+var ResponseLoadingOverlay_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1f35725e"]]);
+//#endregion
+export { ResponseLoadingOverlay_default as default };
+
+//# sourceMappingURL=ResponseLoadingOverlay.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarLoading,\n  useLoadingState,\n} from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  timeout.value = setTimeout(() => loader.start(), 1000)\n}\n\nconst stopLoading = () => {\n  clearTimeout(timeout.value)\n  timeout.value = undefined\n  void loader.clear()\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startLoading)\n  eventBus.on('hooks:on:request:complete', stopLoading)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startLoading)\n  eventBus.off('hooks:on:request:complete', stopLoading)\n  stopLoading()\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=\"eventBus.emit('operation:cancel:request')\">\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/v2/blocks/response-block/components/ResponseLoadingOverlay.vue.script.js

@@ -0,0 +1,52 @@
+import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarButton, ScalarLoading, useLoadingState } from "@scalar/components";
+//#region src/v2/blocks/response-block/components/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",
+	props: { eventBus: {} },
+	setup(__props) {
+		const loader = useLoadingState();
+		const timeout = ref();
+		const startLoading = () => {
+			timeout.value = setTimeout(() => loader.start(), 1e3);
+		};
+		const stopLoading = () => {
+			clearTimeout(timeout.value);
+			timeout.value = void 0;
+			loader.clear();
+		};
+		onMounted(() => {
+			__props.eventBus.on("hooks:on:request:sent", startLoading);
+			__props.eventBus.on("hooks:on:request:complete", stopLoading);
+		});
+		onBeforeUnmount(() => {
+			__props.eventBus.off("hooks:on:request:sent", startLoading);
+			__props.eventBus.off("hooks:on:request:complete", stopLoading);
+			stopLoading();
+		});
+		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) => __props.eventBus.emit("operation:cancel:request"))
+				}, {
+					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