@scalar/api-client 3.19.2 → 3.20.0

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

@@ -1,9 +1,10 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import DataTable_default from "../../../components/data-table/DataTable.vue.js";
 import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
 import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
 import DataTableText_default from "../../../components/data-table/DataTableText.vue.js";
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/v2/blocks/response-block/components/ResponseCookies.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -17,23 +18,24 @@ var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	__name: "ResponseCookies",
 	props: { cookies: {} },
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(CollapsibleSection_default), {
 				class: "overflow-auto",
 				defaultOpen: false,
 				itemCount: __props.cookies.length
 			}, {
-				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Cookies", -1)])]),
+				title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookies")), 1)]),
 				default: withCtx(() => [__props.cookies.length ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(DataTable_default), {
 					columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
 					scroll: ""
 				}, {
 					default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
 						default: withCtx(() => [createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Cookie Name", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookieName")), 1)]),
 							_: 1
 						}), createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Cookie Value", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseCookies.cookieValue")), 1)]),
 							_: 1
 						})]),
 						_: 1
@@ -53,7 +55,7 @@ var ResponseCookies_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 						}, 1024);
 					}), 128))]),
 					_: 1
-				})])) : (openBlock(), createElementBlock("div", _hoisted_2, " No cookies "))]),
+				})])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(translate)("apiClient.responseCookies.noCookies")), 1))]),
 				_: 1
 			}, 8, ["itemCount"]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>Cookies</template>\n    <div\n      v-if=\"cookies.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>Cookie Name</DataTableHeader>\n          <DataTableHeader>Cookie Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\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\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 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 cookies\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;uBAcE,YAoCqB,MAAA,0BAAA,GAAA;IAnCnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,EAAA,CAAA,EAAA,CAAA;2BAyBlB,CAvBE,QAAA,QAAQ,UAAA,UAAA,GADhB,mBAwBM,OAxBN,YAwBM,CArBJ,YAoBY,MAAA,iBAAA,GAAA;KAnBT,SAAS,CAAA,6BAAA,kBAAA;KACV,QAAA;;4BAIe,CAHf,YAGe,MAAA,oBAAA,GAAA,EAHD,OAAM,iBAAgB,GAAA;6BACY,CAA9C,YAA8C,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAX,eAAW,EAAA,CAAA,EAAA,CAAA;;UAC5B,YAA+C,MAAA,uBAAA,GAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,EAAA,CAAA,EAAA,CAAA;;;;2BAE/B,mBAYe,UAAA,MAAA,WAXW,QAAA,UAAhB,MAAM,UAAK;0BADrB,YAYe,MAAA,oBAAA,GAAA;OAVZ,KAAK,KAAK;OACX,OAAM;;8BAIgB,CAHtB,YAGsB,MAAA,qBAAA,GAAA;QAFpB,OAAK,eAAA,CAAC,uCAAqC,EAAA,cACnB,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;uCACd,YAGuB,MAAA,qBAAA,GAAA;QAFrB,OAAK,eAAA,CAAC,OAAK,EAAA,cACa,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAE8F,cAE9F,EAAA,CAAA"}
+{"version":3,"file":"ResponseCookies.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseCookies.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n  DataTableText,\n} from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  cookies: { name: string; value: string }[]\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <CollapsibleSection\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"cookies.length\">\n    <template #title>\n      {{ translate('apiClient.responseCookies.cookies') }}\n    </template>\n    <div\n      v-if=\"cookies.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>\n            {{ translate('apiClient.responseCookies.cookieName') }}\n          </DataTableHeader>\n          <DataTableHeader>\n            {{ translate('apiClient.responseCookies.cookieValue') }}\n          </DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"(item, index) in cookies\"\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\"\n            :class=\"{ 'border-t-0': index === 0 }\"\n            :text=\"item.name\" />\n          <DataTableText\n            class=\"z-0\"\n            :class=\"{ 'border-t-0': index === 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      {{ translate('apiClient.responseCookies.noCookies') }}\n    </div>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,YA0CqB,MAAA,0BAAA,GAAA;IAzCnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cACsC,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;2BA8BR,CA3BE,QAAA,QAAQ,UAAA,UAAA,GADhB,mBA4BM,OA5BN,YA4BM,CAzBJ,YAwBY,MAAA,iBAAA,GAAA;KAvBT,SAAS,CAAA,6BAAA,kBAAA;KACV,QAAA;;4BAQe,CAPf,YAOe,MAAA,oBAAA,GAAA,EAPD,OAAM,iBAAgB,GAAA;6BAGhB,CAFlB,YAEkB,MAAA,uBAAA,GAAA,MAAA;8BADuC,CAAA,gBAAA,gBAApD,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;UAEd,YAEkB,MAAA,uBAAA,GAAA,MAAA;8BADwC,CAAA,gBAAA,gBAArD,MAAA,SAAA,CAAS,CAAA,uCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;2BAGhB,mBAYe,UAAA,MAAA,WAXW,QAAA,UAAhB,MAAM,UAAK;0BADrB,YAYe,MAAA,oBAAA,GAAA;OAVZ,KAAK,KAAK;OACX,OAAM;;8BAIgB,CAHtB,YAGsB,MAAA,qBAAA,GAAA;QAFpB,OAAK,eAAA,CAAC,uCAAqC,EAAA,cACnB,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;uCACd,YAGuB,MAAA,qBAAA,GAAA;QAFrB,OAAK,eAAA,CAAC,OAAK,EAAA,cACa,UAAK,EAAA,CAAA,CAAA;QAC5B,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,EAAA,CAAA"}

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

@@ -1,5 +1,7 @@
 import type { ClientLayout } from '../../../../v2/types/layout';
 type __VLS_Props = {
+    /** Wait for the selected external request example before sending. */
+    executionDisabled?: boolean;
     /** Client layout */
     layout: ClientLayout;
     /** Total number of performed requests */
@@ -8,12 +10,12 @@ type __VLS_Props = {
     appVersion: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    addRequest: () => any;
     sendRequest: () => any;
+    addRequest: () => any;
     openCommandPalette: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAddRequest?: (() => any) | undefined;
     onSendRequest?: (() => any) | undefined;
+    onAddRequest?: (() => any) | undefined;
     onOpenCommandPalette?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AA4HA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AA0LF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AAqIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;AAwMF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 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-0895623d"]]);
+var ResponseEmpty_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseEmpty_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8ed574de"]]);
 //#endregion
 export { ResponseEmpty_default as default };
 

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

@@ -1 +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/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\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":""}
+{"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/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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\nconst { translate } = useLocalization()\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        {{\n          translate('apiClient.responseEmpty.version', { version: appVersion })\n        }}\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\"\n            >{{ translate('apiClient.responseEmpty.roadmap') }}</a\n          >\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\"\n        >{{ translate('apiClient.responseEmpty.poweredByScalarcom') }}</a\n      >\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        {{ translate('apiClient.responseEmpty.getStarted')\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        {{ translate('apiClient.responseEmpty.newRequest')\n        }}<ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        :disabled=\"executionDisabled\"\n        type=\"button\"\n        @click=\"emits('sendRequest')\">\n        {{ translate('apiClient.responseEmpty.sendRequest')\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

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import ScalarAsciiArt_default from "../../../../components/ScalarAsciiArt/ScalarAsciiArt.vue.js";
 import computer_default from "../../../../assets/computer.ascii.virtual.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
@@ -8,10 +9,22 @@ 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 _hoisted_3 = { class: "mt-2" };
+var _hoisted_4 = {
+	href: "https://github.com/scalar/scalar/issues/2669",
+	target: "_blank"
+};
+var _hoisted_5 = {
+	class: "gitbook-show scalar-version-number",
+	href: "https://www.scalar.com",
+	target: "_blank"
+};
+var _hoisted_6 = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" };
+var _hoisted_7 = ["disabled"];
 var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ResponseEmpty",
 	props: {
+		executionDisabled: { type: Boolean },
 		layout: {},
 		totalPerformedRequests: {},
 		appVersion: {}
@@ -23,28 +36,22 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	],
 	setup(__props, { emit: __emit }) {
 		const emits = __emit;
+		const { translate } = useLocalization();
 		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)),
+				__props.layout !== "modal" ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.version", { version: __props.appVersion })) + " ", 1), createElementVNode("div", _hoisted_3, [createElementVNode("a", _hoisted_4, toDisplayString(unref(translate)("apiClient.responseEmpty.roadmap")), 1)])])) : createCommentVNode("", true),
+				createElementVNode("a", _hoisted_5, toDisplayString(unref(translate)("apiClient.responseEmpty.poweredByScalarcom")), 1),
 				createVNode(unref(ScalarAsciiArt_default), {
 					art: unref(computer_default),
 					class: "text-c-3"
 				}, null, 8, ["art"])
-			], 2), createElementVNode("div", _hoisted_3, [
+			], 2), createElementVNode("div", _hoisted_6, [
 				__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), {
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.getStarted")), 1), createVNode(unref(ScalarHotkey), {
 					hotkey: "k",
 					modifier: ["default"]
 				})])) : createCommentVNode("", true),
@@ -53,12 +60,13 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					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),
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.newRequest")), 1), createVNode(unref(ScalarHotkey), { hotkey: "N" })])) : createCommentVNode("", true),
 				createElementVNode("button", {
 					class: "flex items-center gap-1.5",
+					disabled: __props.executionDisabled,
 					type: "button",
 					onClick: _cache[2] || (_cache[2] = ($event) => emits("sendRequest"))
-				}, [_cache[7] || (_cache[7] = createTextVNode(" Send Request ", -1)), createVNode(unref(ScalarHotkey), { hotkey: "↵" })])
+				}, [createTextVNode(toDisplayString(unref(translate)("apiClient.responseEmpty.sendRequest")), 1), createVNode(unref(ScalarHotkey), { hotkey: "↵" })], 8, _hoisted_7)
 			])]);
 		};
 	}

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

@@ -1 +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/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport type { ClientLayout } from '@/v2/types/layout'\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,QAAA,CAAA,CAAA,EAAA,GAAA;IAIlE,QAAA,WAAM,WAAA,UAAA,GADd,mBAWM,OAXN,YAWM,CAAA,gBAT0B,kBAClB,gBAAG,QAAA,UAAU,IAAG,UAC5B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,mBAMM,OAAA,EAND,OAAM,OAAM,GAAA,CACf,mBAII,KAAA;KAHF,MAAK;KACL,QAAO;OAAS,WAElB,CAAA,GAAA,EAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;8BAGJ,mBAKI,KAAA;KAJF,OAAM;KACN,MAAK;KACL,QAAO;OAAS,2BAElB,EAAA;IACA,YAEqB,MAAA,sBAAA,GAAA;KADlB,KAAK,MAAA,gBAAA;KACN,OAAM;;UAGV,mBA2BM,OA3BN,YA2BM;IAxBI,QAAA,WAAM,WAAA,UAAA,GADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,oBAAA;kDAAwB,iBAErC,EAAA,IAAA,YAE4B,MAAA,YAAA,GAAA;KAD1B,QAAO;KACN,UAAU,CAAA,SAAA;;IAGP,QAAA,WAAM,aAAA,UAAA,GADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,YAAA;kDAAgB,iBAE7B,EAAA,IAAA,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE1B,mBAMS,UAAA;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;kDAAiB,kBAE9B,EAAA,IAAA,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,CAAA"}
+{"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/hotkey'\n\nimport Computer from '@/assets/computer.ascii?raw'\nimport { ScalarAsciiArt } from '@/components/ScalarAsciiArt'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { totalPerformedRequests, layout, appVersion } = defineProps<{\n  /** Wait for the selected external request example before sending. */\n  executionDisabled?: boolean\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\nconst { translate } = useLocalization()\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        {{\n          translate('apiClient.responseEmpty.version', { version: appVersion })\n        }}\n        <div class=\"mt-2\">\n          <a\n            href=\"https://github.com/scalar/scalar/issues/2669\"\n            target=\"_blank\"\n            >{{ translate('apiClient.responseEmpty.roadmap') }}</a\n          >\n        </div>\n      </div>\n      <a\n        class=\"gitbook-show scalar-version-number\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\"\n        >{{ translate('apiClient.responseEmpty.poweredByScalarcom') }}</a\n      >\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        {{ translate('apiClient.responseEmpty.getStarted')\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        {{ translate('apiClient.responseEmpty.newRequest')\n        }}<ScalarHotkey hotkey=\"N\" />\n      </button>\n      <button\n        class=\"flex items-center gap-1.5\"\n        :disabled=\"executionDisabled\"\n        type=\"button\"\n        @click=\"emits('sendRequest')\">\n        {{ translate('apiClient.responseEmpty.sendRequest')\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAMd,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBA4DM,OA5DN,YA4DM,CA3DJ,mBA4BM,OAAA,EA3BJ,OAAK,eAAA,CAAC,mEAAiE,EAAA,oBACjC,QAAA,yBAAsB,KAAQ,QAAA,WAAM,QAAA,CAAA,CAAA,EAAA,GAAA;IAIlE,QAAA,WAAM,WAAA,UAAA,GADd,mBAaM,OAbN,YAaM,CAAA,gBAAA,gBATF,MAAA,SAAA,CAAS,CAAA,mCAAA,EAAA,SAA+C,QAAA,WAAU,CAAA,CAAA,IAClE,KACF,CAAA,GAAA,mBAMM,OANN,YAMM,CALJ,mBAIC,KAJD,YAIC,gBADK,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAInB,mBAKC,KALD,YAKC,gBADK,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA;IAEf,YAEqB,MAAA,sBAAA,GAAA;KADlB,KAAK,MAAA,gBAAA;KACN,OAAM;;UAGV,mBA4BM,OA5BN,YA4BM;IAzBI,QAAA,WAAM,WAAA,UAAA,GADd,mBASS,UAAA;;KAPP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,oBAAA;wCACV,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,GACV,YAE0B,MAAA,YAAA,GAAA;KAD1B,QAAO;KACN,UAAU,CAAA,SAAA;;IAGP,QAAA,WAAM,aAAA,UAAA,GADd,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,YAAA;wCACV,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,GACV,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE5B,mBAOS,UAAA;KANP,OAAM;KACL,UAAU,QAAA;KACX,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,aAAA;wCACV,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,GACV,YAA2B,MAAA,YAAA,GAAA,EAAb,QAAO,IAAG,CAAA,CAAA,GAAA,GAAA,UAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA8HF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAkIF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 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-b80db6e2"]]);
+var ResponseLoadingOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-28d73262"]]);
 //#endregion
 export { ResponseLoadingOverlay_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\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  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\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":""}
+{"version":3,"file":"ResponseLoadingOverlay.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\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        {{ translate('apiClient.responseLoadingOverlay.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

@@ -1,4 +1,5 @@
-import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, withCtx } from "vue";
+import { useLocalization } from "../../../features/localization/index.js";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
 import { ScalarButton } from "@scalar/components/button";
 import { ScalarLoading, useLoadingState } from "@scalar/components/loading";
 //#region src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue?vue&type=script&setup=true&lang.ts
@@ -10,6 +11,7 @@ var ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default = /*@__PU
 	__name: "ResponseLoadingOverlay",
 	props: { eventBus: {} },
 	setup(__props) {
+		const { translate } = useLocalization();
 		const loader = useLoadingState();
 		const timeout = ref();
 		const startLoading = () => {
@@ -40,7 +42,7 @@ var ResponseLoadingOverlay_vue_vue_type_script_setup_true_lang_default = /*@__PU
 					variant: "ghost",
 					onClick: _cache[0] || (_cache[0] = ($event) => __props.eventBus.emit("operation:cancel:request"))
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Cancel ", -1)])]),
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.responseLoadingOverlay.cancel")), 1)]),
 					_: 1
 				})])) : createCommentVNode("", true)]),
 				_: 1

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\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  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\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":";;;;;;;;;;;;EAWA,MAAM,SAAS,gBAAgB;EAC/B,MAAM,UAAU,IAAmC;EAEnD,MAAM,qBAAqB;GAIzB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,iBAAiB,OAAO,MAAM,GAAG,GAAI;EACvD;EAEA,MAAM,oBAAoB;GACxB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,KAAA;GAChB,OAAY,MAAM;EACpB;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,YAAY;GACjD,QAAA,SAAS,GAAG,6BAA6B,WAAW;EACtD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,YAAY;GAClD,QAAA,SAAS,IAAI,6BAA6B,WAAW;GACrD,YAAY;EACd,CAAC;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,MAAA,CAAM,CAAC,YAAA,UAAA,GADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,aAAA,GAAA;KAFb,OAAM;KACL,QAAA,MAAA,MAAA;KACD,MAAK;6BACP,YAIe,MAAA,YAAA,GAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;4BAEvB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFqD,YAErD,EAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ResponseLoadingOverlay.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarLoading, useLoadingState } from '@scalar/components/loading'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { eventBus } = defineProps<{\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst loader = useLoadingState()\nconst timeout = ref<ReturnType<typeof setTimeout>>()\n\nconst startLoading = () => {\n  // Replace any pending delayed start so overlapping `hooks:on:request:sent` events\n  // (rapid send, navigation, double submit) cannot leave an orphaned timer that\n  // calls `loader.start()` after the matching request already completed.\n  clearTimeout(timeout.value)\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        {{ translate('apiClient.responseLoadingOverlay.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":";;;;;;;;;;;;;EAaA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,SAAS,gBAAgB;EAC/B,MAAM,UAAU,IAAmC;EAEnD,MAAM,qBAAqB;GAIzB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,iBAAiB,OAAO,MAAM,GAAG,GAAI;EACvD;EAEA,MAAM,oBAAoB;GACxB,aAAa,QAAQ,KAAK;GAC1B,QAAQ,QAAQ,KAAA;GAChB,OAAY,MAAM;EACpB;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,YAAY;GACjD,QAAA,SAAS,GAAG,6BAA6B,WAAW;EACtD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,YAAY;GAClD,QAAA,SAAS,IAAI,6BAA6B,WAAW;GACrD,YAAY;EACd,CAAC;;uBAGC,YAca,YAAA,MAAA;2BADL,CAXE,MAAA,MAAA,CAAM,CAAC,YAAA,UAAA,GADf,mBAYM,OAZN,YAYM,CATJ,YAGe,MAAA,aAAA,GAAA;KAFb,OAAM;KACL,QAAA,MAAA,MAAA;KACD,MAAK;6BACP,YAIe,MAAA,YAAA,GAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;4BACqC,CAAA,gBAAA,gBAAvD,MAAA,SAAA,CAAS,CAAA,yCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/v2/blocks/response-block/components/ResponseMetaInformation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AAGxF,KAAK,WAAW,GAAG;IACjB,eAAe;IACf,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAgJF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AAIxF,KAAK,WAAW,GAAG;IACjB,eAAe;IACf,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AA4JF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ResponseMetaInformation.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.duration')\n        }}</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.size')\n        }}</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.status')\n        }}</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import HelpfulLink_default from "../../../../components/HelpfulLink.vue.js";
 import { getContentLength } from "../helpers/get-content-length.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
@@ -6,8 +7,11 @@ import prettyMilliseconds from "pretty-ms";
 //#region src/v2/blocks/response-block/components/ResponseMetaInformation.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-1 flex gap-1.5" };
 var _hoisted_2 = { key: 0 };
-var _hoisted_3 = { key: 0 };
-var _hoisted_4 = { key: 1 };
+var _hoisted_3 = { class: "sr-only" };
+var _hoisted_4 = { key: 0 };
+var _hoisted_5 = { class: "sr-only" };
+var _hoisted_6 = { class: "sr-only" };
+var _hoisted_7 = { key: 1 };
 var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ResponseMetaInformation",
 	props: {
@@ -15,6 +19,7 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 		eventBus: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		const interval = ref();
 		const stopwatch = ref(0);
 		const stopStopwatch = () => {
@@ -42,9 +47,9 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [interval.value && stopwatch.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(prettyMilliseconds)(stopwatch.value)), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-				createElementVNode("span", null, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Response Information, Duration:", -1)), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
-				unref(getContentLength)(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_3, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, ", Size:", -1)), createTextVNode(" " + toDisplayString(unref(getContentLength)(__props.response)), 1)])) : createCommentVNode("", true),
-				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, ", Status:", -1)), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
+				createElementVNode("span", null, [createElementVNode("span", _hoisted_3, toDisplayString(unref(translate)("apiClient.responseMetaInformation.duration")), 1), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
+				unref(getContentLength)(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(unref(translate)("apiClient.responseMetaInformation.size")), 1), createTextVNode(" " + toDisplayString(unref(getContentLength)(__props.response)), 1)])) : createCommentVNode("", true),
+				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_6, toDisplayString(unref(translate)("apiClient.responseMetaInformation.status")), 1), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
 					key: 0,
 					class: "flex items-center gap-1.5",
 					href: statusCodeInformation.value.url
@@ -54,7 +59,7 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 						style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
 					}, null, 4)]),
 					_: 1
-				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_4, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
+				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_7, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
 					class: "block h-1.5 w-1.5 rounded-full",
 					style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
 				}, null, 4)]))], 64)) : createCommentVNode("", true)

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAoBA,MAAM,WAAW,IAAoC;EACrD,MAAM,YAAY,IAAI,CAAC;EAEvB,MAAM,sBAAsB;GAC1B,cAAc,SAAS,KAAK;GAC5B,SAAS,QAAQ,KAAA;GACjB,UAAU,QAAQ;EACpB;EAEA,MAAM,uBAAuB;GAC3B,SAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,GAAI;EACpE;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,cAAc;GACnD,QAAA,SAAS,GAAG,6BAA6B,aAAa;EACxD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,cAAc;GACpD,QAAA,SAAS,IAAI,6BAA6B,aAAa;GACvD,cAAc;EAChB,CAAC;;EAGD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,QAAA,UAAU;GAErC,IAAI,CAAC,oBACH;GAGF,OAAO,gBAAgB,uBAAuB,KAAA;EAChD,CAAC;;uBAGC,mBAgCM,OAhCN,YAgCM,CA/BQ,SAAA,SAAY,UAAA,SAAA,UAAA,GAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,kBAAA,CAAkB,CAAC,UAAA,KAAS,CAAA,GAAA,CAAA,MAAA,UAAA,GAE9B,mBA2BW,UAAA,EAAA,KAAA,EAAA,GAAA;IA1BT,mBAGO,QAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAA4D,QAAA,EAAtD,OAAM,UAAS,GAAC,mCAA+B,EAAA,IAAA,gBAAO,MAC5D,gBAAG,MAAA,kBAAA,CAAkB,CAAC,QAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;IAE7B,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,KAAA,UAAA,GAArC,mBAGO,QAAA,YAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA,IAAA,gBAAO,MACpC,gBAAG,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEd,sBAAA,SAAA,UAAA,GAAhB,mBAiBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,OAAA,OAAA,OAAA,KAhBT,mBAAsC,QAAA,EAAhC,OAAM,UAAS,GAAC,aAAS,EAAA,IAEvB,sBAAA,MAAsB,OAAA,UAAA,GAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA"}
+{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  httpStatusCodes,\n  type HttpStatusCode,\n} from '@scalar/helpers/http/http-status-codes'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport type { ResponseInstance } from '@/v2/blocks/operation-block/helpers/send-request'\nimport { getContentLength } from '@/v2/blocks/response-block/helpers/get-content-length'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { response, eventBus } = defineProps<{\n  /** Response */\n  response: ResponseInstance\n  /** Workspace event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst { translate } = useLocalization()\n\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nconst stopStopwatch = () => {\n  clearInterval(interval.value)\n  interval.value = undefined\n  stopwatch.value = 0\n}\n\nconst startStopwatch = () => {\n  interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n}\n\nonMounted(() => {\n  eventBus.on('hooks:on:request:sent', startStopwatch)\n  eventBus.on('hooks:on:request:complete', stopStopwatch)\n})\n\nonBeforeUnmount(() => {\n  eventBus.off('hooks:on:request:sent', startStopwatch)\n  eventBus.off('hooks:on:request:complete', stopStopwatch)\n  stopStopwatch()\n})\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = response?.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.duration')\n        }}</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.size')\n        }}</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.responseMetaInformation.status')\n        }}</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,WAAW,IAAoC;EACrD,MAAM,YAAY,IAAI,CAAC;EAEvB,MAAM,sBAAsB;GAC1B,cAAc,SAAS,KAAK;GAC5B,SAAS,QAAQ,KAAA;GACjB,UAAU,QAAQ;EACpB;EAEA,MAAM,uBAAuB;GAC3B,SAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,GAAI;EACpE;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,yBAAyB,cAAc;GACnD,QAAA,SAAS,GAAG,6BAA6B,aAAa;EACxD,CAAC;EAED,sBAAsB;GACpB,QAAA,SAAS,IAAI,yBAAyB,cAAc;GACpD,QAAA,SAAS,IAAI,6BAA6B,aAAa;GACvD,cAAc;EAChB,CAAC;;EAGD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,QAAA,UAAU;GAErC,IAAI,CAAC,oBACH;GAGF,OAAO,gBAAgB,uBAAuB,KAAA;EAChD,CAAC;;uBAGC,mBAsCM,OAtCN,YAsCM,CArCQ,SAAA,SAAY,UAAA,SAAA,UAAA,GAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,kBAAA,CAAkB,CAAC,UAAA,KAAS,CAAA,GAAA,CAAA,MAAA,UAAA,GAE9B,mBAiCW,UAAA,EAAA,KAAA,EAAA,GAAA;IAhCT,mBAKO,QAAA,MAAA,CAJL,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA,GAAA,gBACF,MACT,gBAAG,MAAA,kBAAA,CAAkB,CAAC,QAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;IAE7B,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,KAAA,UAAA,GAArC,mBAKO,QAAA,YAAA,CAJL,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,GAAA,gBACF,MACT,gBAAG,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEd,sBAAA,SAAA,UAAA,GAAhB,mBAmBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAlBT,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,GAGH,sBAAA,MAAsB,OAAA,UAAA,GAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,MAAM,IAAG,MAAC,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA"}

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.d.ts

@@ -0,0 +1,4 @@
+import type { ResponseStreamParser } from './response-stream.js';
+/** Parse MIME delimiter lines, never treating boundary-like body bytes as separators. */
+export declare const createMultipartParser: (contentType: string, emit: (text: string) => void, nesting?: number, prefix?: string) => ResponseStreamParser;
+//# sourceMappingURL=response-stream-multipart.d.ts.map

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-stream-multipart.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream-multipart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAQ7D,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,EACnB,MAAM,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAC5B,gBAAW,EACX,eAAW,KACV,oBAgIF,CAAA"}

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.js

@@ -0,0 +1,100 @@
+import { parseMimeType } from "@scalar/helpers/http/mime-type";
+//#region src/v2/blocks/response-block/helpers/response-stream-multipart.ts
+var MAX_PART_SIZE = 8 * 1024 * 1024;
+var MAX_NESTING = 8;
+/** Preserve every byte until MIME boundaries identify a complete part. */
+var decodeBytes = (bytes) => Uint8Array.from(bytes, (char) => char.charCodeAt(0));
+/** Parse MIME delimiter lines, never treating boundary-like body bytes as separators. */
+var createMultipartParser = (contentType, emit, nesting = 0, prefix = "") => {
+	const boundary = parseMimeType(contentType).parameters.get("boundary");
+	if (!boundary || !/^[0-9A-Za-z'()+_,\-./:=? ]{1,70}$/.test(boundary) || boundary.endsWith(" ")) throw new Error("Multipart response requires a valid boundary parameter.");
+	if (nesting >= MAX_NESTING) throw new Error("Multipart nesting exceeds the display limit.");
+	const marker = new TextEncoder().encode(`--${boundary}`);
+	let buffer = /* @__PURE__ */ new Uint8Array(1024);
+	let length = 0;
+	let offset = 0;
+	let lineOffset = 0;
+	let started = false;
+	let closed = false;
+	let partNumber = 0;
+	const emitPart = (part) => {
+		if (part.length > MAX_PART_SIZE) throw new Error("Multipart part exceeds the 8 MiB display limit.");
+		const separator = part.startsWith("\r\n") ? 0 : part.indexOf("\r\n\r\n");
+		if (separator < 0) throw new Error("Multipart part is missing its header separator.");
+		const headers = part.slice(0, separator);
+		const body = part.slice(separator + (separator === 0 ? 2 : 4));
+		const partType = headers.replace(/\r\n[ \t]+/g, " ").match(/^content-type:\s*(.+)$/im)?.[1]?.trim() ?? "text/plain";
+		const parsedType = parseMimeType(partType);
+		partNumber++;
+		const label = `${prefix}${partNumber}`;
+		emit(`Part ${label}\n${headers ? `${headers}\n\n` : "\n"}`);
+		if (parsedType.type === "multipart") {
+			const child = createMultipartParser(partType, emit, nesting + 1, `${label}.`);
+			child.push(decodeBytes(body));
+			child.finish();
+		} else if (parsedType.type === "text" || /(?:json|xml)$/.test(parsedType.subtype)) {
+			const text = new TextDecoder(parsedType.parameters.get("charset") ?? "utf-8").decode(decodeBytes(body));
+			let formatted = text;
+			try {
+				formatted = JSON.stringify(JSON.parse(text), null, 2);
+			} catch {}
+			emit(`${formatted}\n`);
+		} else emit(`[Binary part: ${body.length} bytes, base64]\n${btoa(body)}\n`);
+	};
+	const toByteString = (bytes) => {
+		const slices = [];
+		for (let index = 0; index < bytes.length; index += 8192) slices.push(String.fromCharCode(...bytes.subarray(index, index + 8192)));
+		return slices.join("");
+	};
+	const drain = (final) => {
+		while (!closed && offset + marker.length <= length) {
+			const index = offset;
+			if (!((index === 0 || buffer[index - 2] === 13 && buffer[index - 1] === 10) && marker.every((byte, position) => buffer[index + position] === byte))) {
+				offset++;
+				continue;
+			}
+			const afterMarker = index + marker.length;
+			lineOffset = Math.max(lineOffset, afterMarker);
+			while (lineOffset + 1 < length && !(buffer[lineOffset] === 13 && buffer[lineOffset + 1] === 10)) lineOffset++;
+			const lineEnd = lineOffset + 1 < length ? lineOffset : -1;
+			if (lineEnd < 0 && !final) break;
+			const suffix = toByteString(buffer.subarray(afterMarker, lineEnd < 0 ? length : lineEnd));
+			const closing = /^--[ \t]*$/.test(suffix);
+			if (!closing && !/^[ \t]*$/.test(suffix)) {
+				offset = afterMarker;
+				lineOffset = 0;
+				continue;
+			}
+			if (started) emitPart(toByteString(buffer.subarray(0, Math.max(0, index - 2))));
+			started = true;
+			const consumed = lineEnd < 0 ? length : lineEnd + 2;
+			buffer.copyWithin(0, consumed, length);
+			length -= consumed;
+			closed = closing;
+			offset = 0;
+			lineOffset = 0;
+		}
+		if (length > MAX_PART_SIZE + marker.length + 6) throw new Error("Multipart part exceeds the 8 MiB display limit.");
+		if (final && !closed) throw new Error("Multipart response ended before its closing boundary.");
+	};
+	return {
+		push: (chunk) => {
+			for (let index = 0; index < chunk.length && !closed; index += 65536) {
+				const slice = chunk.subarray(index, index + 65536);
+				if (length + slice.length > buffer.length) {
+					const grown = new Uint8Array(Math.max(buffer.length * 2, length + slice.length));
+					grown.set(buffer.subarray(0, length));
+					buffer = grown;
+				}
+				buffer.set(slice, length);
+				length += slice.length;
+				drain(false);
+			}
+		},
+		finish: () => drain(true)
+	};
+};
+//#endregion
+export { createMultipartParser };
+
+//# sourceMappingURL=response-stream-multipart.js.map

package/dist/v2/blocks/response-block/helpers/response-stream-multipart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-stream-multipart.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream-multipart.ts"],"sourcesContent":["import { parseMimeType } from '@scalar/helpers/http/mime-type'\n\nimport type { ResponseStreamParser } from './response-stream'\n\nconst MAX_PART_SIZE = 8 * 1024 * 1024\nconst MAX_NESTING = 8\n\n/** Preserve every byte until MIME boundaries identify a complete part. */\nconst decodeBytes = (bytes: string): Uint8Array => Uint8Array.from(bytes, (char) => char.charCodeAt(0))\n\n/** Parse MIME delimiter lines, never treating boundary-like body bytes as separators. */\nexport const createMultipartParser = (\n  contentType: string,\n  emit: (text: string) => void,\n  nesting = 0,\n  prefix = '',\n): ResponseStreamParser => {\n  const boundary = parseMimeType(contentType).parameters.get('boundary')\n  if (!boundary || !/^[0-9A-Za-z'()+_,\\-./:=? ]{1,70}$/.test(boundary) || boundary.endsWith(' ')) {\n    throw new Error('Multipart response requires a valid boundary parameter.')\n  }\n  if (nesting >= MAX_NESTING) {\n    throw new Error('Multipart nesting exceeds the display limit.')\n  }\n  const marker = new TextEncoder().encode(`--${boundary}`)\n  let buffer = new Uint8Array(1024)\n  let length = 0\n  let offset = 0\n  let lineOffset = 0\n  let started = false\n  let closed = false\n  let partNumber = 0\n\n  const emitPart = (part: string): void => {\n    if (part.length > MAX_PART_SIZE) {\n      throw new Error('Multipart part exceeds the 8 MiB display limit.')\n    }\n    // Empty header sections have only the CRLF separating headers from the body.\n    const separator = part.startsWith('\\r\\n') ? 0 : part.indexOf('\\r\\n\\r\\n')\n    if (separator < 0) {\n      throw new Error('Multipart part is missing its header separator.')\n    }\n    const headers = part.slice(0, separator)\n    const body = part.slice(separator + (separator === 0 ? 2 : 4))\n    const unfolded = headers.replace(/\\r\\n[ \\t]+/g, ' ')\n    const partType = unfolded.match(/^content-type:\\s*(.+)$/im)?.[1]?.trim() ?? 'text/plain'\n    const parsedType = parseMimeType(partType)\n    partNumber++\n    const label = `${prefix}${partNumber}`\n    emit(`Part ${label}\\n${headers ? `${headers}\\n\\n` : '\\n'}`)\n    if (parsedType.type === 'multipart') {\n      const child = createMultipartParser(partType, emit, nesting + 1, `${label}.`)\n      child.push(decodeBytes(body))\n      child.finish()\n    } else if (parsedType.type === 'text' || /(?:json|xml)$/.test(parsedType.subtype)) {\n      const text = new TextDecoder(parsedType.parameters.get('charset') ?? 'utf-8').decode(decodeBytes(body))\n      let formatted = text\n      try {\n        formatted = JSON.stringify(JSON.parse(text), null, 2)\n      } catch {\n        // Text and XML parts remain readable without JSON interpretation.\n      }\n      emit(`${formatted}\\n`)\n    } else {\n      // Base64 preserves binary part bytes without injecting control characters into the UI.\n      emit(`[Binary part: ${body.length} bytes, base64]\\n${btoa(body)}\\n`)\n    }\n  }\n\n  // Convert only completed parts, in bounded slices that do not exceed argument limits.\n  // Byte strings, decoded text, and base64 can coexist with the buffer: peak memory is\n  // several times the 8 MiB part limit, not one copy. The viewer separately caps retained output.\n  const toByteString = (bytes: Uint8Array): string => {\n    const slices: string[] = []\n    for (let index = 0; index < bytes.length; index += 8192) {\n      slices.push(String.fromCharCode(...bytes.subarray(index, index + 8192)))\n    }\n    return slices.join('')\n  }\n\n  const drain = (final: boolean): void => {\n    while (!closed && offset + marker.length <= length) {\n      const index = offset\n      const matches =\n        (index === 0 || (buffer[index - 2] === 13 && buffer[index - 1] === 10)) &&\n        marker.every((byte, position) => buffer[index + position] === byte)\n      if (!matches) {\n        offset++\n        continue\n      }\n      const afterMarker = index + marker.length\n      // Remember incomplete delimiter lines too, including long transport padding.\n      lineOffset = Math.max(lineOffset, afterMarker)\n      while (lineOffset + 1 < length && !(buffer[lineOffset] === 13 && buffer[lineOffset + 1] === 10)) {\n        lineOffset++\n      }\n      const lineEnd = lineOffset + 1 < length ? lineOffset : -1\n      if (lineEnd < 0 && !final) {\n        break\n      }\n      const suffix = toByteString(buffer.subarray(afterMarker, lineEnd < 0 ? length : lineEnd))\n      const closing = /^--[ \\t]*$/.test(suffix)\n      if (!closing && !/^[ \\t]*$/.test(suffix)) {\n        offset = afterMarker\n        lineOffset = 0\n        continue\n      }\n      if (started) {\n        emitPart(toByteString(buffer.subarray(0, Math.max(0, index - 2))))\n      }\n      started = true\n      const consumed = lineEnd < 0 ? length : lineEnd + 2\n      buffer.copyWithin(0, consumed, length)\n      length -= consumed\n      closed = closing\n      offset = 0\n      lineOffset = 0\n    }\n    // Keep room for the CRLF and an incomplete delimiter without counting framing as part bytes.\n    if (length > MAX_PART_SIZE + marker.length + 6) {\n      throw new Error('Multipart part exceeds the 8 MiB display limit.')\n    }\n    if (final && !closed) {\n      throw new Error('Multipart response ended before its closing boundary.')\n    }\n  }\n\n  return {\n    push: (chunk) => {\n      // Bound each append even when the transport delivers a very large chunk.\n      for (let index = 0; index < chunk.length && !closed; index += 65536) {\n        const slice = chunk.subarray(index, index + 65536)\n        if (length + slice.length > buffer.length) {\n          const grown = new Uint8Array(Math.max(buffer.length * 2, length + slice.length))\n          grown.set(buffer.subarray(0, length))\n          buffer = grown\n        }\n        buffer.set(slice, length)\n        length += slice.length\n        drain(false)\n      }\n    },\n    finish: () => drain(true),\n  }\n}\n"],"mappings":";;AAIA,IAAM,gBAAgB,IAAI,OAAO;AACjC,IAAM,cAAc;;AAGpB,IAAM,eAAe,UAA8B,WAAW,KAAK,QAAQ,SAAS,KAAK,WAAW,CAAC,CAAC;;AAGtG,IAAa,yBACX,aACA,MACA,UAAU,GACV,SAAS,OACgB;CACzB,MAAM,WAAW,cAAc,WAAW,CAAC,CAAC,WAAW,IAAI,UAAU;CACrE,IAAI,CAAC,YAAY,CAAC,oCAAoC,KAAK,QAAQ,KAAK,SAAS,SAAS,GAAG,GAC3F,MAAM,IAAI,MAAM,yDAAyD;CAE3E,IAAI,WAAW,aACb,MAAM,IAAI,MAAM,8CAA8C;CAEhE,MAAM,SAAS,IAAI,YAAY,CAAC,CAAC,OAAO,KAAK,UAAU;CACvD,IAAI,yBAAS,IAAI,WAAW,IAAI;CAChC,IAAI,SAAS;CACb,IAAI,SAAS;CACb,IAAI,aAAa;CACjB,IAAI,UAAU;CACd,IAAI,SAAS;CACb,IAAI,aAAa;CAEjB,MAAM,YAAY,SAAuB;EACvC,IAAI,KAAK,SAAS,eAChB,MAAM,IAAI,MAAM,iDAAiD;EAGnE,MAAM,YAAY,KAAK,WAAW,MAAM,IAAI,IAAI,KAAK,QAAQ,UAAU;EACvE,IAAI,YAAY,GACd,MAAM,IAAI,MAAM,iDAAiD;EAEnE,MAAM,UAAU,KAAK,MAAM,GAAG,SAAS;EACvC,MAAM,OAAO,KAAK,MAAM,aAAa,cAAc,IAAI,IAAI,EAAE;EAE7D,MAAM,WADW,QAAQ,QAAQ,eAAe,GAC/B,CAAA,CAAS,MAAM,0BAA0B,CAAC,GAAG,EAAE,EAAE,KAAK,KAAK;EAC5E,MAAM,aAAa,cAAc,QAAQ;EACzC;EACA,MAAM,QAAQ,GAAG,SAAS;EAC1B,KAAK,QAAQ,MAAM,IAAI,UAAU,GAAG,QAAQ,QAAQ,MAAM;EAC1D,IAAI,WAAW,SAAS,aAAa;GACnC,MAAM,QAAQ,sBAAsB,UAAU,MAAM,UAAU,GAAG,GAAG,MAAM,EAAE;GAC5E,MAAM,KAAK,YAAY,IAAI,CAAC;GAC5B,MAAM,OAAO;EACf,OAAO,IAAI,WAAW,SAAS,UAAU,gBAAgB,KAAK,WAAW,OAAO,GAAG;GACjF,MAAM,OAAO,IAAI,YAAY,WAAW,WAAW,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,OAAO,YAAY,IAAI,CAAC;GACtG,IAAI,YAAY;GAChB,IAAI;IACF,YAAY,KAAK,UAAU,KAAK,MAAM,IAAI,GAAG,MAAM,CAAC;GACtD,QAAQ,CAER;GACA,KAAK,GAAG,UAAU,GAAG;EACvB,OAEE,KAAK,iBAAiB,KAAK,OAAO,mBAAmB,KAAK,IAAI,EAAE,GAAG;CAEvE;CAKA,MAAM,gBAAgB,UAA8B;EAClD,MAAM,SAAmB,CAAC;EAC1B,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS,MACjD,OAAO,KAAK,OAAO,aAAa,GAAG,MAAM,SAAS,OAAO,QAAQ,IAAI,CAAC,CAAC;EAEzE,OAAO,OAAO,KAAK,EAAE;CACvB;CAEA,MAAM,SAAS,UAAyB;EACtC,OAAO,CAAC,UAAU,SAAS,OAAO,UAAU,QAAQ;GAClD,MAAM,QAAQ;GAId,IAAI,GAFD,UAAU,KAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,OACnE,OAAO,OAAO,MAAM,aAAa,OAAO,QAAQ,cAAc,IAAI,IACtD;IACZ;IACA;GACF;GACA,MAAM,cAAc,QAAQ,OAAO;GAEnC,aAAa,KAAK,IAAI,YAAY,WAAW;GAC7C,OAAO,aAAa,IAAI,UAAU,EAAE,OAAO,gBAAgB,MAAM,OAAO,aAAa,OAAO,KAC1F;GAEF,MAAM,UAAU,aAAa,IAAI,SAAS,aAAa;GACvD,IAAI,UAAU,KAAK,CAAC,OAClB;GAEF,MAAM,SAAS,aAAa,OAAO,SAAS,aAAa,UAAU,IAAI,SAAS,OAAO,CAAC;GACxF,MAAM,UAAU,aAAa,KAAK,MAAM;GACxC,IAAI,CAAC,WAAW,CAAC,WAAW,KAAK,MAAM,GAAG;IACxC,SAAS;IACT,aAAa;IACb;GACF;GACA,IAAI,SACF,SAAS,aAAa,OAAO,SAAS,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;GAEnE,UAAU;GACV,MAAM,WAAW,UAAU,IAAI,SAAS,UAAU;GAClD,OAAO,WAAW,GAAG,UAAU,MAAM;GACrC,UAAU;GACV,SAAS;GACT,SAAS;GACT,aAAa;EACf;EAEA,IAAI,SAAS,gBAAgB,OAAO,SAAS,GAC3C,MAAM,IAAI,MAAM,iDAAiD;EAEnE,IAAI,SAAS,CAAC,QACZ,MAAM,IAAI,MAAM,uDAAuD;CAE3E;CAEA,OAAO;EACL,OAAO,UAAU;GAEf,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,UAAU,CAAC,QAAQ,SAAS,OAAO;IACnE,MAAM,QAAQ,MAAM,SAAS,OAAO,QAAQ,KAAK;IACjD,IAAI,SAAS,MAAM,SAAS,OAAO,QAAQ;KACzC,MAAM,QAAQ,IAAI,WAAW,KAAK,IAAI,OAAO,SAAS,GAAG,SAAS,MAAM,MAAM,CAAC;KAC/E,MAAM,IAAI,OAAO,SAAS,GAAG,MAAM,CAAC;KACpC,SAAS;IACX;IACA,OAAO,IAAI,OAAO,MAAM;IACxB,UAAU,MAAM;IAChB,MAAM,KAAK;GACb;EACF;EACA,cAAc,MAAM,IAAI;CAC1B;AACF"}

package/dist/v2/blocks/response-block/helpers/response-stream.d.ts

@@ -0,0 +1,13 @@
+/** Formats with record framing that can be displayed before the response finishes. */
+type ResponseStreamFormat = 'text' | 'json-lines' | 'json-seq' | 'multipart';
+/** Only opt recognized streaming media types into the reader path. */
+export declare const getResponseStreamFormat: (contentType: string) => ResponseStreamFormat | undefined;
+/** A push parser keeps transport cancellation and UI updates outside the framing logic. */
+export type ResponseStreamParser = {
+    push: (chunk: Uint8Array) => void;
+    finish: () => void;
+};
+/** Decode complete records while retaining partial UTF-8 characters across network chunks. */
+export declare const createResponseStreamParser: (contentType: string, emit: (text: string) => void) => ResponseStreamParser;
+export {};
+//# sourceMappingURL=response-stream.d.ts.map

package/dist/v2/blocks/response-block/helpers/response-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-stream.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream.ts"],"names":[],"mappings":"AAMA,sFAAsF;AACtF,KAAK,oBAAoB,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAA;AAE5E,sEAAsE;AACtE,eAAO,MAAM,uBAAuB,GAAI,aAAa,MAAM,KAAG,oBAAoB,GAAG,SAgBpF,CAAA;AAED,2FAA2F;AAC3F,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAKD,8FAA8F;AAC9F,eAAO,MAAM,0BAA0B,GAAI,aAAa,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,KAAG,oBAiG9F,CAAA"}