@scalar/api-client 3.23.2 → 3.23.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseLoadingOverlay.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_Transition","_withCtx","_unref","_createElementBlock","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode"],"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;;GAGC,OAAAA,UAAA,GAAAC,YAcaC,YAAA,MAAA;IAbX,SAAAC,cAYM,CAXEC,MAAA,MAAA,CAAM,CAAC,YADfJ,UAAA,GAAAK,mBAYM,OAZN,YAYM,CATJC,YAGeF,MAAA,aAAA,GAAA;KAFb,OAAM;KACL,QAAAA,MAAA,MAAA;KACD,MAAK;I,yBACPE,YAIeF,MAAA,YAAA,GAAA;KAHb,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;KACrB,SAAAD,cAA0D,CAAvDI,gBAAAC,gBAAAJ,MAAA,SAAA,CAAS,CAAA,yCAAA,CAAA,GAAA,CAAA,C"}

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

@@ -1,5 +1,5 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { ResponseInstance } from '../../../../v2/blocks/operation-block/helpers/send-request.js';
+import type { ResponseInstance } from '../../operation-block/helpers/send-request.js';
 type __VLS_Props = {
     /** Response */
     response: ResponseInstance;

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

@@ -1,4 +1,4 @@
-import ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default from "./ResponseMetaInformation.vue.script.js";
+import ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default from "./ResponseMetaInformation.vue_vue_type_script_setup_true_lang.js";
 //#region src/v2/blocks/response-block/components/ResponseMetaInformation.vue
 var ResponseMetaInformation_default = ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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'\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":""}
+{"version":3,"file":"ResponseMetaInformation.vue.js","names":["_sfc_main"],"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 → ResponseMetaInformation.vue_vue_type_script_setup_true_lang.js}

@@ -70,4 +70,4 @@ var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /*@__P
 //#endregion
 export { ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ResponseMetaInformation.vue.script.js.map
+//# sourceMappingURL=ResponseMetaInformation.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseMetaInformation.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_unref","_Fragment","_createElementVNode","_createTextVNode","_createCommentVNode","_createBlock","HelpfulLink","_withCtx","_normalizeStyle"],"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;;GAGC,OAAAA,UAAA,GAAAC,mBAsCM,OAtCN,YAsCM,CArCQ,SAAA,SAAY,UAAA,SAAxBD,UAAA,GAAAC,mBAES,QAAA,YAAAC,gBADPC,MAAA,kBAAA,CAAkB,CAAC,UAAA,KAAS,CAAA,GAAA,CAAA,MAE9BH,UAAA,GAAAC,mBAiCWG,UAAA,EAAA,KAAA,EAAA,GAAA;IAhCTC,mBAKO,QAAA,MAAA,CAJLA,mBAES,QAFT,YAESH,gBADPC,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA,GACFG,gBAAA,MACTJ,gBAAGC,MAAA,kBAAA,CAAkB,CAAC,QAAA,SAAS,QAAQ,CAAA,GAAA,CAAA,C;IAE7BA,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,KAArCH,UAAA,GAAAC,mBAKO,QAAA,YAAA,CAJLI,mBAES,QAFT,YAESH,gBADPC,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,GACFG,gBAAA,MACTJ,gBAAGC,MAAA,gBAAA,CAAgB,CAAC,QAAA,QAAQ,CAAA,GAAA,CAAA,C;IAEd,sBAAA,SAAhBH,UAAA,GAAAC,mBAmBWG,UAAA,EAAA,KAAA,EAAA,GAAA,CAlBTC,mBAES,QAFT,YAESH,gBADPC,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,GAGH,sBAAA,MAAsB,OAD9BH,UAAA,GAAAQ,YAQcC,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;KAC7B,SAAAC,cAAqB,CAAlBJ,gBAAAJ,gBAAA,QAAA,SAAS,MAAM,IAAG,MAACA,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAAG,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAKM,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA;;;I,oBAE1DX,UAAA,GAAAC,mBAKO,QAAA,YAAA,CAJFK,gBAAAJ,gBAAA,QAAA,SAAS,MAAM,IAAG,MAACA,gBAAG,sBAAA,MAAsB,IAAI,IAAG,KACtD,CAAA,GAAAG,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAKM,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,MAAK,CAAA"}

package/dist/v2/blocks/response-block/helpers/get-content-length.d.ts

@@ -1,4 +1,4 @@
-import type { ResponseInstance } from '../../../../v2/blocks/operation-block/helpers/send-request.js';
+import type { ResponseInstance } from '../../operation-block/helpers/send-request.js';
 /** Extract content length from headers */
 export declare const getContentLength: (response: ResponseInstance) => string | undefined;
 //# sourceMappingURL=get-content-length.d.ts.map

package/dist/v2/blocks/response-block/helpers/process-response-body.js

@@ -7,7 +7,8 @@ var isBlob = (b) => b instanceof Blob;
 * Extracts MIME type, attachment filename, and generates a data URL.
 */
 function processResponseBody({ data, headers }) {
-	const mimeType = resolveResponseMimeType(headers.find((header) => header.name.toLowerCase() === "content-type")?.value);
+	const contentType = headers.find((header) => header.name.toLowerCase() === "content-type");
+	const mimeType = resolveResponseMimeType(contentType?.value);
 	return {
 		mimeType,
 		attachmentFilename: extractFilename(headers.find((header) => header.name.toLowerCase() === "content-disposition")?.value ?? ""),

package/dist/v2/blocks/response-block/helpers/process-response-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"process-response-body.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/helpers/process-response-body.ts"],"sourcesContent":["import { resolveResponseMimeType } from '@/v2/blocks/response-block/helpers/resolve-response-content-type'\n\nimport { extractFilename } from './../helpers/extract-filename'\n\nconst isBlob = (b: any): b is Blob => b instanceof Blob\n\n/**\n * Processes the response body of an HTTP request.\n * Extracts MIME type, attachment filename, and generates a data URL.\n */\nexport function processResponseBody({ data, headers }: { data: unknown; headers: { name: string; value: string }[] }) {\n  const contentType = headers.find((header) => header.name.toLowerCase() === 'content-type')\n  const mimeType = resolveResponseMimeType(contentType?.value)\n  const attachmentFilename = extractFilename(\n    headers.find((header) => header.name.toLowerCase() === 'content-disposition')?.value ?? '',\n  )\n\n  const dataUrl = (() => {\n    if (isBlob(data)) {\n      return URL.createObjectURL(data)\n    }\n    if (typeof data === 'string') {\n      return URL.createObjectURL(new Blob([data], { type: mimeType ? mimeType.toString() : undefined }))\n    }\n    if (data instanceof Object && Object.keys(data).length) {\n      return URL.createObjectURL(\n        new Blob([JSON.stringify(data)], {\n          type: mimeType ? mimeType.toString() : undefined,\n        }),\n      )\n    }\n    return ''\n  })()\n\n  return { mimeType, attachmentFilename, dataUrl }\n}\n"],"mappings":";;;AAIA,IAAM,UAAU,MAAsB,aAAa;;;;;AAMnD,SAAgB,oBAAoB,EAAE,MAAM,WAA0E;CAEpH,MAAM,WAAW,wBADG,QAAQ,MAAM,WAAW,OAAO,KAAK,YAAY,MAAM,cAClC,CAAA,EAAa,KAAK;CAsB3D,OAAO;EAAE;EAAU,oBArBQ,gBACzB,QAAQ,MAAM,WAAW,OAAO,KAAK,YAAY,MAAM,qBAAqB,CAAC,EAAE,SAAS,EAoBvE;EAAoB,gBAjBhB;GACrB,IAAI,OAAO,IAAI,GACb,OAAO,IAAI,gBAAgB,IAAI;GAEjC,IAAI,OAAO,SAAS,UAClB,OAAO,IAAI,gBAAgB,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,WAAW,SAAS,SAAS,IAAI,KAAA,EAAU,CAAC,CAAC;GAEnG,IAAI,gBAAgB,UAAU,OAAO,KAAK,IAAI,CAAC,CAAC,QAC9C,OAAO,IAAI,gBACT,IAAI,KAAK,CAAC,KAAK,UAAU,IAAI,CAAC,GAAG,EAC/B,MAAM,WAAW,SAAS,SAAS,IAAI,KAAA,EACzC,CAAC,CACH;GAEF,OAAO;EACT,EAAA,CAEuC;CAAQ;AACjD"}
+{"version":3,"file":"process-response-body.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/helpers/process-response-body.ts"],"sourcesContent":["import { resolveResponseMimeType } from '@/v2/blocks/response-block/helpers/resolve-response-content-type'\n\nimport { extractFilename } from './../helpers/extract-filename'\n\nconst isBlob = (b: any): b is Blob => b instanceof Blob\n\n/**\n * Processes the response body of an HTTP request.\n * Extracts MIME type, attachment filename, and generates a data URL.\n */\nexport function processResponseBody({ data, headers }: { data: unknown; headers: { name: string; value: string }[] }) {\n  const contentType = headers.find((header) => header.name.toLowerCase() === 'content-type')\n  const mimeType = resolveResponseMimeType(contentType?.value)\n  const attachmentFilename = extractFilename(\n    headers.find((header) => header.name.toLowerCase() === 'content-disposition')?.value ?? '',\n  )\n\n  const dataUrl = (() => {\n    if (isBlob(data)) {\n      return URL.createObjectURL(data)\n    }\n    if (typeof data === 'string') {\n      return URL.createObjectURL(new Blob([data], { type: mimeType ? mimeType.toString() : undefined }))\n    }\n    if (data instanceof Object && Object.keys(data).length) {\n      return URL.createObjectURL(\n        new Blob([JSON.stringify(data)], {\n          type: mimeType ? mimeType.toString() : undefined,\n        }),\n      )\n    }\n    return ''\n  })()\n\n  return { mimeType, attachmentFilename, dataUrl }\n}\n"],"mappings":";;;AAIA,IAAM,UAAU,MAAsB,aAAa;;;;;AAMnD,SAAgB,oBAAoB,EAAE,MAAM,WAA0E;CACpH,MAAM,cAAc,QAAQ,MAAM,WAAW,OAAO,KAAK,YAAY,MAAM,cAAc;CACzF,MAAM,WAAW,wBAAwB,aAAa,KAAK;CAsB3D,OAAO;EAAE;EAAU,oBArBQ,gBACzB,QAAQ,MAAM,WAAW,OAAO,KAAK,YAAY,MAAM,qBAAqB,CAAC,EAAE,SAAS,EAoBvE;EAAoB,gBAjBhB;GACrB,IAAI,OAAO,IAAI,GACb,OAAO,IAAI,gBAAgB,IAAI;GAEjC,IAAI,OAAO,SAAS,UAClB,OAAO,IAAI,gBAAgB,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,WAAW,SAAS,SAAS,IAAI,KAAA,EAAU,CAAC,CAAC;GAEnG,IAAI,gBAAgB,UAAU,OAAO,KAAK,IAAI,CAAC,CAAC,QAC9C,OAAO,IAAI,gBACT,IAAI,KAAK,CAAC,KAAK,UAAU,IAAI,CAAC,GAAG,EAC/B,MAAM,WAAW,SAAS,SAAS,IAAI,KAAA,EACzC,CAAC,CACH;GAEF,OAAO;EACT,EAAA,CAEuC;CAAQ;AACjD"}

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

@@ -1,6 +1,6 @@
 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_PART_SIZE = 8388608;
 var MAX_NESTING = 8;
 /** Preserve every byte until MIME boundaries identify a complete part. */
 var decodeBytes = (bytes) => Uint8Array.from(bytes, (char) => char.charCodeAt(0));

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

@@ -1 +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":"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"}
+{"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":"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"}

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

@@ -17,7 +17,7 @@ var getResponseStreamFormat = (contentType) => {
 	return type === "multipart" ? "multipart" : void 0;
 };
 /** Bound unfinished records, including servers that never send a delimiter. */
-var MAX_STREAM_RECORD_SIZE = 8 * 1024 * 1024;
+var MAX_STREAM_RECORD_SIZE = 8388608;
 /** Decode complete records while retaining partial UTF-8 characters across network chunks. */
 var createResponseStreamParser = (contentType, emit) => {
 	const format = getResponseStreamFormat(contentType);

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

@@ -1 +1 @@
-{"version":3,"file":"response-stream.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream.ts"],"sourcesContent":["import { isStreamingContentType } from '@scalar/helpers/http/is-streaming-content-type'\nimport { parseMimeType } from '@scalar/helpers/http/mime-type'\nimport { getUtf8ByteLength } from '@scalar/helpers/string/get-utf8-byte-length'\n\nimport { createMultipartParser } from './response-stream-multipart'\n\n/** Formats with record framing that can be displayed before the response finishes. */\ntype ResponseStreamFormat = 'text' | 'json-lines' | 'json-seq' | 'multipart'\n\n/** Only opt recognized streaming media types into the reader path. */\nexport const getResponseStreamFormat = (contentType: string): ResponseStreamFormat | undefined => {\n  // Aggregate multipart/form-data and multipart/related bodies keep the buffered viewer.\n  if (!isStreamingContentType(contentType)) {\n    return undefined\n  }\n  const { essence, type, subtype } = parseMimeType(contentType)\n  if (essence === 'text/event-stream') {\n    return 'text'\n  }\n  if (['application/jsonl', 'application/x-ndjson', 'application/json-lines'].includes(essence)) {\n    return 'json-lines'\n  }\n  if (subtype === 'json-seq' || subtype.endsWith('+json-seq')) {\n    return 'json-seq'\n  }\n  return type === 'multipart' ? 'multipart' : undefined\n}\n\n/** A push parser keeps transport cancellation and UI updates outside the framing logic. */\nexport type ResponseStreamParser = {\n  push: (chunk: Uint8Array) => void\n  finish: () => void\n}\n\n/** Bound unfinished records, including servers that never send a delimiter. */\nconst MAX_STREAM_RECORD_SIZE = 8 * 1024 * 1024\n\n/** Decode complete records while retaining partial UTF-8 characters across network chunks. */\nexport const createResponseStreamParser = (contentType: string, emit: (text: string) => void): ResponseStreamParser => {\n  const format = getResponseStreamFormat(contentType)\n  if (format === 'multipart') {\n    return createMultipartParser(contentType, emit)\n  }\n  const decoder = new TextDecoder('utf-8', { fatal: format !== 'text' && format !== undefined })\n  let buffer = ''\n  let recordBytes = 0\n  let started = false\n  let depth = 0\n  let quoted = false\n  let escaped = false\n\n  const flush = (): void => {\n    const record = buffer\n    buffer = ''\n    recordBytes = 0\n    depth = 0\n    quoted = false\n    escaped = false\n    if (!record.trim()) {\n      return\n    }\n    let formatted: string\n    try {\n      const value: unknown = JSON.parse(record)\n      // RFC 7464 requires trailing whitespace for non-self-delimiting primitive values.\n      if (format === 'json-seq' && typeof value !== 'object' && typeof value !== 'string' && !/\\s$/.test(record)) {\n        throw new Error('Truncated primitive')\n      }\n      if (format === 'json-seq' && value === null && !/\\s$/.test(record)) {\n        throw new Error('Truncated null')\n      }\n      formatted = `${JSON.stringify(value, null, 2)}\\n`\n    } catch {\n      formatted = `[Invalid JSON record]\\n${record.trim()}\\n`\n    }\n    emit(formatted)\n  }\n\n  const consume = (text: string): void => {\n    if (format !== 'json-lines' && format !== 'json-seq') {\n      emit(text)\n      return\n    }\n    for (const char of text) {\n      if (format === 'json-seq' && char === '\\x1e') {\n        flush()\n        started = true\n        continue\n      }\n      if (format === 'json-seq' && !started) {\n        if (char.trim()) {\n          throw new Error('JSON sequence record is missing its record separator.')\n        }\n        continue\n      }\n      buffer += char\n      recordBytes += getUtf8ByteLength(char)\n      if (recordBytes > MAX_STREAM_RECORD_SIZE) {\n        throw new Error('Stream record exceeds the 8 MiB display limit.')\n      }\n      if (format === 'json-lines') {\n        if (char === '\\n') {\n          flush()\n        }\n        continue\n      }\n      if (quoted) {\n        if (escaped) {\n          escaped = false\n        } else if (char === '\\\\') {\n          escaped = true\n        } else if (char === '\"') {\n          quoted = false\n        }\n      } else if (char === '\"') {\n        quoted = true\n      } else if (char === '{' || char === '[') {\n        depth++\n      } else if (char === '}' || char === ']') {\n        depth--\n      }\n      if (char === '\\n' && !quoted && depth === 0 && buffer.trim()) {\n        flush()\n        started = false\n      }\n    }\n  }\n\n  return {\n    push: (chunk) => consume(decoder.decode(chunk, { stream: true })),\n    finish: () => {\n      consume(decoder.decode())\n      flush()\n    },\n  }\n}\n"],"mappings":";;;;;;AAUA,IAAa,2BAA2B,gBAA0D;CAEhG,IAAI,CAAC,uBAAuB,WAAW,GACrC;CAEF,MAAM,EAAE,SAAS,MAAM,YAAY,cAAc,WAAW;CAC5D,IAAI,YAAY,qBACd,OAAO;CAET,IAAI;EAAC;EAAqB;EAAwB;CAAwB,CAAC,CAAC,SAAS,OAAO,GAC1F,OAAO;CAET,IAAI,YAAY,cAAc,QAAQ,SAAS,WAAW,GACxD,OAAO;CAET,OAAO,SAAS,cAAc,cAAc,KAAA;AAC9C;;AASA,IAAM,yBAAyB,IAAI,OAAO;;AAG1C,IAAa,8BAA8B,aAAqB,SAAuD;CACrH,MAAM,SAAS,wBAAwB,WAAW;CAClD,IAAI,WAAW,aACb,OAAO,sBAAsB,aAAa,IAAI;CAEhD,MAAM,UAAU,IAAI,YAAY,SAAS,EAAE,OAAO,WAAW,UAAU,WAAW,KAAA,EAAU,CAAC;CAC7F,IAAI,SAAS;CACb,IAAI,cAAc;CAClB,IAAI,UAAU;CACd,IAAI,QAAQ;CACZ,IAAI,SAAS;CACb,IAAI,UAAU;CAEd,MAAM,cAAoB;EACxB,MAAM,SAAS;EACf,SAAS;EACT,cAAc;EACd,QAAQ;EACR,SAAS;EACT,UAAU;EACV,IAAI,CAAC,OAAO,KAAK,GACf;EAEF,IAAI;EACJ,IAAI;GACF,MAAM,QAAiB,KAAK,MAAM,MAAM;GAExC,IAAI,WAAW,cAAc,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK,MAAM,GACvG,MAAM,IAAI,MAAM,qBAAqB;GAEvC,IAAI,WAAW,cAAc,UAAU,QAAQ,CAAC,MAAM,KAAK,MAAM,GAC/D,MAAM,IAAI,MAAM,gBAAgB;GAElC,YAAY,GAAG,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;EAChD,QAAQ;GACN,YAAY,0BAA0B,OAAO,KAAK,EAAE;EACtD;EACA,KAAK,SAAS;CAChB;CAEA,MAAM,WAAW,SAAuB;EACtC,IAAI,WAAW,gBAAgB,WAAW,YAAY;GACpD,KAAK,IAAI;GACT;EACF;EACA,KAAK,MAAM,QAAQ,MAAM;GACvB,IAAI,WAAW,cAAc,SAAS,KAAQ;IAC5C,MAAM;IACN,UAAU;IACV;GACF;GACA,IAAI,WAAW,cAAc,CAAC,SAAS;IACrC,IAAI,KAAK,KAAK,GACZ,MAAM,IAAI,MAAM,uDAAuD;IAEzE;GACF;GACA,UAAU;GACV,eAAe,kBAAkB,IAAI;GACrC,IAAI,cAAc,wBAChB,MAAM,IAAI,MAAM,gDAAgD;GAElE,IAAI,WAAW,cAAc;IAC3B,IAAI,SAAS,MACX,MAAM;IAER;GACF;GACA,IAAI;QACE,SACF,UAAU;SACL,IAAI,SAAS,MAClB,UAAU;SACL,IAAI,SAAS,MAClB,SAAS;GAAA,OAEN,IAAI,SAAS,MAClB,SAAS;QACJ,IAAI,SAAS,OAAO,SAAS,KAClC;QACK,IAAI,SAAS,OAAO,SAAS,KAClC;GAEF,IAAI,SAAS,QAAQ,CAAC,UAAU,UAAU,KAAK,OAAO,KAAK,GAAG;IAC5D,MAAM;IACN,UAAU;GACZ;EACF;CACF;CAEA,OAAO;EACL,OAAO,UAAU,QAAQ,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC,CAAC;EAChE,cAAc;GACZ,QAAQ,QAAQ,OAAO,CAAC;GACxB,MAAM;EACR;CACF;AACF"}
+{"version":3,"file":"response-stream.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/helpers/response-stream.ts"],"sourcesContent":["import { isStreamingContentType } from '@scalar/helpers/http/is-streaming-content-type'\nimport { parseMimeType } from '@scalar/helpers/http/mime-type'\nimport { getUtf8ByteLength } from '@scalar/helpers/string/get-utf8-byte-length'\n\nimport { createMultipartParser } from './response-stream-multipart'\n\n/** Formats with record framing that can be displayed before the response finishes. */\ntype ResponseStreamFormat = 'text' | 'json-lines' | 'json-seq' | 'multipart'\n\n/** Only opt recognized streaming media types into the reader path. */\nexport const getResponseStreamFormat = (contentType: string): ResponseStreamFormat | undefined => {\n  // Aggregate multipart/form-data and multipart/related bodies keep the buffered viewer.\n  if (!isStreamingContentType(contentType)) {\n    return undefined\n  }\n  const { essence, type, subtype } = parseMimeType(contentType)\n  if (essence === 'text/event-stream') {\n    return 'text'\n  }\n  if (['application/jsonl', 'application/x-ndjson', 'application/json-lines'].includes(essence)) {\n    return 'json-lines'\n  }\n  if (subtype === 'json-seq' || subtype.endsWith('+json-seq')) {\n    return 'json-seq'\n  }\n  return type === 'multipart' ? 'multipart' : undefined\n}\n\n/** A push parser keeps transport cancellation and UI updates outside the framing logic. */\nexport type ResponseStreamParser = {\n  push: (chunk: Uint8Array) => void\n  finish: () => void\n}\n\n/** Bound unfinished records, including servers that never send a delimiter. */\nconst MAX_STREAM_RECORD_SIZE = 8 * 1024 * 1024\n\n/** Decode complete records while retaining partial UTF-8 characters across network chunks. */\nexport const createResponseStreamParser = (contentType: string, emit: (text: string) => void): ResponseStreamParser => {\n  const format = getResponseStreamFormat(contentType)\n  if (format === 'multipart') {\n    return createMultipartParser(contentType, emit)\n  }\n  const decoder = new TextDecoder('utf-8', { fatal: format !== 'text' && format !== undefined })\n  let buffer = ''\n  let recordBytes = 0\n  let started = false\n  let depth = 0\n  let quoted = false\n  let escaped = false\n\n  const flush = (): void => {\n    const record = buffer\n    buffer = ''\n    recordBytes = 0\n    depth = 0\n    quoted = false\n    escaped = false\n    if (!record.trim()) {\n      return\n    }\n    let formatted: string\n    try {\n      const value: unknown = JSON.parse(record)\n      // RFC 7464 requires trailing whitespace for non-self-delimiting primitive values.\n      if (format === 'json-seq' && typeof value !== 'object' && typeof value !== 'string' && !/\\s$/.test(record)) {\n        throw new Error('Truncated primitive')\n      }\n      if (format === 'json-seq' && value === null && !/\\s$/.test(record)) {\n        throw new Error('Truncated null')\n      }\n      formatted = `${JSON.stringify(value, null, 2)}\\n`\n    } catch {\n      formatted = `[Invalid JSON record]\\n${record.trim()}\\n`\n    }\n    emit(formatted)\n  }\n\n  const consume = (text: string): void => {\n    if (format !== 'json-lines' && format !== 'json-seq') {\n      emit(text)\n      return\n    }\n    for (const char of text) {\n      if (format === 'json-seq' && char === '\\x1e') {\n        flush()\n        started = true\n        continue\n      }\n      if (format === 'json-seq' && !started) {\n        if (char.trim()) {\n          throw new Error('JSON sequence record is missing its record separator.')\n        }\n        continue\n      }\n      buffer += char\n      recordBytes += getUtf8ByteLength(char)\n      if (recordBytes > MAX_STREAM_RECORD_SIZE) {\n        throw new Error('Stream record exceeds the 8 MiB display limit.')\n      }\n      if (format === 'json-lines') {\n        if (char === '\\n') {\n          flush()\n        }\n        continue\n      }\n      if (quoted) {\n        if (escaped) {\n          escaped = false\n        } else if (char === '\\\\') {\n          escaped = true\n        } else if (char === '\"') {\n          quoted = false\n        }\n      } else if (char === '\"') {\n        quoted = true\n      } else if (char === '{' || char === '[') {\n        depth++\n      } else if (char === '}' || char === ']') {\n        depth--\n      }\n      if (char === '\\n' && !quoted && depth === 0 && buffer.trim()) {\n        flush()\n        started = false\n      }\n    }\n  }\n\n  return {\n    push: (chunk) => consume(decoder.decode(chunk, { stream: true })),\n    finish: () => {\n      consume(decoder.decode())\n      flush()\n    },\n  }\n}\n"],"mappings":";;;;;;AAUA,IAAa,2BAA2B,gBAA0D;CAEhG,IAAI,CAAC,uBAAuB,WAAW,GACrC;CAEF,MAAM,EAAE,SAAS,MAAM,YAAY,cAAc,WAAW;CAC5D,IAAI,YAAY,qBACd,OAAO;CAET,IAAI;EAAC;EAAqB;EAAwB;CAAwB,CAAC,CAAC,SAAS,OAAO,GAC1F,OAAO;CAET,IAAI,YAAY,cAAc,QAAQ,SAAS,WAAW,GACxD,OAAO;CAET,OAAO,SAAS,cAAc,cAAc,KAAA;AAC9C;;AASA,IAAM,yBAAyB;;AAG/B,IAAa,8BAA8B,aAAqB,SAAuD;CACrH,MAAM,SAAS,wBAAwB,WAAW;CAClD,IAAI,WAAW,aACb,OAAO,sBAAsB,aAAa,IAAI;CAEhD,MAAM,UAAU,IAAI,YAAY,SAAS,EAAE,OAAO,WAAW,UAAU,WAAW,KAAA,EAAU,CAAC;CAC7F,IAAI,SAAS;CACb,IAAI,cAAc;CAClB,IAAI,UAAU;CACd,IAAI,QAAQ;CACZ,IAAI,SAAS;CACb,IAAI,UAAU;CAEd,MAAM,cAAoB;EACxB,MAAM,SAAS;EACf,SAAS;EACT,cAAc;EACd,QAAQ;EACR,SAAS;EACT,UAAU;EACV,IAAI,CAAC,OAAO,KAAK,GACf;EAEF,IAAI;EACJ,IAAI;GACF,MAAM,QAAiB,KAAK,MAAM,MAAM;GAExC,IAAI,WAAW,cAAc,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,CAAC,MAAM,KAAK,MAAM,GACvG,MAAM,IAAI,MAAM,qBAAqB;GAEvC,IAAI,WAAW,cAAc,UAAU,QAAQ,CAAC,MAAM,KAAK,MAAM,GAC/D,MAAM,IAAI,MAAM,gBAAgB;GAElC,YAAY,GAAG,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;EAChD,QAAQ;GACN,YAAY,0BAA0B,OAAO,KAAK,EAAE;EACtD;EACA,KAAK,SAAS;CAChB;CAEA,MAAM,WAAW,SAAuB;EACtC,IAAI,WAAW,gBAAgB,WAAW,YAAY;GACpD,KAAK,IAAI;GACT;EACF;EACA,KAAK,MAAM,QAAQ,MAAM;GACvB,IAAI,WAAW,cAAc,SAAS,KAAQ;IAC5C,MAAM;IACN,UAAU;IACV;GACF;GACA,IAAI,WAAW,cAAc,CAAC,SAAS;IACrC,IAAI,KAAK,KAAK,GACZ,MAAM,IAAI,MAAM,uDAAuD;IAEzE;GACF;GACA,UAAU;GACV,eAAe,kBAAkB,IAAI;GACrC,IAAI,cAAc,wBAChB,MAAM,IAAI,MAAM,gDAAgD;GAElE,IAAI,WAAW,cAAc;IAC3B,IAAI,SAAS,MACX,MAAM;IAER;GACF;GACA,IAAI,QAAQ;IACV,IAAI,SACF,UAAU;SACL,IAAI,SAAS,MAClB,UAAU;SACL,IAAI,SAAS,MAClB,SAAS;GAEb,OAAO,IAAI,SAAS,MAClB,SAAS;QACJ,IAAI,SAAS,OAAO,SAAS,KAClC;QACK,IAAI,SAAS,OAAO,SAAS,KAClC;GAEF,IAAI,SAAS,QAAQ,CAAC,UAAU,UAAU,KAAK,OAAO,KAAK,GAAG;IAC5D,MAAM;IACN,UAAU;GACZ;EACF;CACF;CAEA,OAAO;EACL,OAAO,UAAU,QAAQ,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC,CAAC;EAChE,cAAc;GACZ,QAAQ,QAAQ,OAAO,CAAC;GACxB,MAAM;EACR;CACF;AACF"}

package/dist/v2/blocks/response-block/index.js

@@ -1,2 +1 @@
-import ResponseBlock_default from "./ResponseBlock.vue.js";
-export { ResponseBlock_default as ResponseBlock };
+export { default as ResponseBlock } from "./ResponseBlock.vue.js";

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.d.ts

@@ -1,7 +1,7 @@
 import type { ServerMeta, WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
-import type { ClientLayout } from '../../../../v2/types/layout';
+import type { ClientLayout } from '../../../types/layout.js';
 import { type History } from './AddressBarHistory.vue.js';
 /**
  * AddressBar component

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import AddressBar_vue_vue_type_script_setup_true_lang_default from "./AddressBar.vue.script.js";
-/* empty css                         */
+import AddressBar_vue_vue_type_script_setup_true_lang_default from "./AddressBar.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
 //#region src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue
 var AddressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AddressBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6edfa5a3"]]);
 //#endregion

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AddressBar component\n * This component is used to display the address bar for the operation block\n * It is used to display the path, method, server, and history for the operation\n */\nexport default {\n  name: 'AddressBar',\n}\nexport type AddressBarProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether the request target belongs to an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { getSelector } from '@scalar/helpers/dom/get-selector'\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { extractServerFromPath } from '@scalar/helpers/url/extract-server-from-path'\nimport { ScalarIconCopy, ScalarIconWarningCircle } from '@scalar/icons'\nimport { EditorView } from '@scalar/use-codemirror'\nimport type {\n  ApiReferenceEvents,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { getOperationExampleKey } from '@/v2/blocks/operation-block/helpers/response-cache'\nimport { isPlaceholderPath } from '@/v2/blocks/scalar-address-bar-block/helpers/is-placeholder-path'\nimport { refocusBlurTarget } from '@/v2/blocks/scalar-address-bar-block/helpers/refocus-blur-target'\nimport { useLoadingAnimation } from '@/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation'\nimport { usePathMasking } from '@/v2/blocks/scalar-address-bar-block/hooks/use-path-masking'\nimport { CodeInput } from '@/v2/components/code-input'\nimport { ServerDropdown } from '@/v2/components/server'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport AddressBarHistory, { type History } from './AddressBarHistory.vue'\n\nconst {\n  path,\n  method,\n  layout,\n  eventBus,\n  exampleKey,\n  documentSlug,\n  server,\n  servers,\n  environment,\n  serverMeta,\n  isWebhook = false,\n} = defineProps<AddressBarProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\n// ───────────────────────────────────────────────────────────────────\n// Template refs & reactive state\n// ───────────────────────────────────────────────────────────────────\n\nconst id = useId()\nconst sendButtonRef = useTemplateRef('sendButtonRef')\nconst mobileSendButtonRef = useTemplateRef('mobileSendButtonRef')\nconst addressBarRef = useTemplateRef('addressBarRef')\n\nconst { percentage, startLoading, stopLoading, isLoading } =\n  useLoadingAnimation()\n\nconst pathConflict = ref<string | null>(null)\nconst methodConflict = ref<string | null>(null)\nconst tabbedOut = ref(false)\nconst isServerDropdownOpen = ref(false)\nconst isHistoryDropdownOpen = ref(false)\n\n// ───────────────────────────────────────────────────────────────────\n// Derived state\n// ───────────────────────────────────────────────────────────────────\n\n/** Keeps the cursor visible past the fade-right overlay while typing */\nconst addressBarScrollMargins = EditorView.scrollMargins.of(() => ({\n  right: 24,\n}))\n\n/** Animated background transform for the loading indicator */\nconst style = computed(() => ({\n  backgroundColor: `color-mix(in srgb, transparent 90%, ${getHttpMethodInfo(method).colorVar})`,\n  transform: `translate3d(-${percentage.value}%,0,0)`,\n}))\n\n/** Whether there is a path or method conflict */\nconst hasConflict = computed(() => methodConflict.value || pathConflict.value)\n\n/**\n * Placeholder for the path field.\n *\n * Webhooks have no server to prefix the path, so the field doubles as the full\n * destination URL. Hint that a complete URL (including the host) is expected,\n * rather than a bare path.\n */\nconst pathPlaceholder = computed(() => {\n  if (server) {\n    return ''\n  }\n  return isWebhook\n    ? translate('apiClient.addressBar.webhookUrlPlaceholder')\n    : translate('apiClient.addressBar.urlPlaceholder')\n})\n\n/** Whether either dropdown (server or history) is open */\nconst isDropdownOpen = computed(\n  () => isServerDropdownOpen.value || isHistoryDropdownOpen.value,\n)\n\n/** Uniquely identifies the currently selected operation + example */\nconst uniqueKey = computed(() =>\n  getOperationExampleKey(method, path, exampleKey, documentSlug),\n)\n\n/** Clear conflict state when switching to a different operation */\nwatch(uniqueKey, () => {\n  pathConflict.value = null\n  methodConflict.value = null\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Focus helpers\n// ───────────────────────────────────────────────────────────────────\n\nconst handleFocusSendButton = (): void => {\n  const desktop = sendButtonRef.value?.$el\n  const mobile = mobileSendButtonRef.value?.$el\n\n  // Focus whichever send button is currently visible\n  if (desktop && desktop.offsetParent !== null) {\n    desktop.focus()\n  } else {\n    mobile?.focus()\n  }\n}\n\nconst handleFocusAddressBar = (\n  payload: ApiReferenceEvents['ui:focus:address-bar'],\n): void => {\n  // On non-desktop layouts, if already focused we let the browser handle the\n  // native behavior (e.g. selecting the browser's own address bar).\n  if (addressBarRef.value?.isFocused && layout !== 'desktop') {\n    return\n  }\n\n  addressBarRef.value?.focus('end')\n\n  if (payload && 'clear' in payload && payload.clear) {\n    addressBarRef.value?.setCodeMirrorContent('')\n  }\n\n  if (payload && 'event' in payload) {\n    payload.event.preventDefault()\n  }\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path masking\n//\n// Drafts on `/` and auto-generated `/_scalar_temp...` paths are internal\n// placeholders — the address bar focuses and clears on mount and on\n// navigation so the user sees a blank prompt instead of the internal\n// path. The deferred mask only clears when CodeMirror still contains that\n// placeholder path, so a user edit that lands before the frame is preserved.\n// ───────────────────────────────────────────────────────────────────\n\nusePathMasking({\n  isReady: () => addressBarRef.value?.codeMirror,\n  operationKey: () => uniqueKey.value,\n  shouldMask: () => isPlaceholderPath(path, documentSlug),\n  // Defer to the next frame so focus() runs after click-handler side\n  // effects that move focus (e.g. a dropdown refocusing its trigger),\n  // which would otherwise blur our input and emit a spurious path\n  // update against the now-empty value.\n  onMask: () =>\n    requestAnimationFrame(() => {\n      const editorContent =\n        addressBarRef.value?.codeMirror?.state.doc.toString()\n\n      if (editorContent && editorContent !== path) {\n        return\n      }\n\n      handleFocusAddressBar({ clear: true })\n    }),\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Server extraction\n// ───────────────────────────────────────────────────────────────────\n\n/** If the path contains a server URL, extract it and select or add that server */\nconst extractAndSelectServer = (targetPath: string): string => {\n  const extracted = extractServerFromPath(targetPath)\n  if (!extracted) {\n    return targetPath\n  }\n\n  const [url, remainingPath] = extracted\n\n  // Server is already selected — nothing to do\n  if (url === server?.url) {\n    return remainingPath\n  }\n\n  const matchingServer = servers.find((s) => s.url === url)\n  if (matchingServer) {\n    eventBus.emit('server:update:selected', { url, meta: serverMeta })\n  } else {\n    eventBus.emit('server:add:server', {\n      url,\n      select: true,\n      meta: { type: 'operation', path, method },\n    })\n  }\n\n  return remainingPath\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path / method updates\n// ───────────────────────────────────────────────────────────────────\n\nconst normalizePath = (value: string): string =>\n  value.startsWith('/') ? value : `/${value}`\n\n/** Emit a path/method update and reconcile conflicts + cursor state on the result */\nconst emitPathMethodUpdate = (\n  targetMethod: string,\n  targetPath: string,\n  blurTargetSelector: string | null = null,\n): void => {\n  if (isWebhook) {\n    // A webhook has no OpenAPI server, so the field holds the full destination\n    // URL. Keep exactly what the user entered — do not split it into an invisible\n    // server plus a leftover path, and do not force a leading slash. That split\n    // is what made a typed URL collapse to a stray \"/\" on blur.\n    const webhookUrl = targetPath.trim()\n    addressBarRef.value?.setCodeMirrorContent(webhookUrl)\n    emit('update:webhook-url', webhookUrl)\n    methodConflict.value = null\n    pathConflict.value = null\n    nextTick(() => refocusBlurTarget(blurTargetSelector))\n    return\n  }\n\n  const extractedPath = extractAndSelectServer(targetPath)\n  const normalizedPath = normalizePath(extractedPath)\n\n  // Keep CodeMirror in sync so a conflict does not leave a stale value on screen\n  addressBarRef.value?.setCodeMirrorContent(normalizedPath)\n\n  eventBus.emit('operation:update:pathMethod', {\n    meta: { method, path },\n    blurTargetSelector,\n    payload: { method: targetMethod, path: normalizedPath },\n    callback: (status, returnedSelector) => {\n      if (status === 'success' || status === 'no-change') {\n        methodConflict.value = null\n        pathConflict.value = null\n      } else if (status === 'conflict') {\n        if (targetMethod !== method) {\n          methodConflict.value = targetMethod\n        }\n        if (normalizedPath !== path) {\n          pathConflict.value = normalizedPath\n        }\n\n        return\n      }\n\n      // Edge case: pasting a full URL extracts the server but leaves the path\n      // unchanged. CodeMirror still shows the full URL, so force it back to\n      // just the path.\n      const mirrorContent = addressBarRef.value?.codeMirrorRef?.textContent\n      if (\n        status === 'no-change' &&\n        mirrorContent &&\n        mirrorContent !== extractedPath\n      ) {\n        addressBarRef.value?.setCodeMirrorContent(extractedPath)\n      }\n\n      nextTick(() => refocusBlurTarget(returnedSelector))\n    },\n  })\n}\n\n/** Change the operation's method, preferring the conflicting path if present */\nconst handleMethodChange = (newMethod: string): void =>\n  emitPathMethodUpdate(newMethod, pathConflict.value ?? path)\n\n/**\n * Save the path on blur and replay the click that caused the blur (so e.g. a\n * click on the Send button still fires after the async update resolves).\n *\n * Tab-outs do not replay — tabbing to a button should not trigger its click\n * (`tabbedOut` is set on `@keydown.tab`).\n *\n * Programmatic focus moves also do not replay. On first navigation into a\n * draft operation, `usePathMasking` focuses and clears the address bar while\n * `ScalarSidebarNestedItems` focuses the drilled-in Back button in\n * `nextTick`. That steals focus from CodeMirror, fires blur with a\n * `relatedTarget` (the Back button), and without a guard we would treat it\n * like a user click: capture the selector, then `refocusBlurTarget` would\n * synthesize `.click()` on Back and navigate away.\n *\n * `FocusEvent.sourceCapabilities` is null when no input device caused the\n * focus change (e.g. `element.focus()`). A real pointer click sets it on the\n * blur that precedes the click, so we still replay Send and other buttons.\n */\nconst handlePathBlur = (newPath: string, event: FocusEvent): void => {\n  const relatedTarget =\n    event.relatedTarget instanceof Element ? event.relatedTarget : null\n  const blurTargetSelector =\n    tabbedOut.value ||\n    ('sourceCapabilities' in event && event.sourceCapabilities === null)\n      ? null\n      : getSelector(relatedTarget)\n  tabbedOut.value = false\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    blurTargetSelector,\n  )\n}\n\n/** Save the path on Enter and trigger the Send button after the update resolves */\nconst handlePathSubmit = (\n  newPath: string,\n  event: KeyboardEvent | FocusEvent,\n): void => {\n  // Prevent the global hotkey listener from also handling this Enter press\n  event.stopPropagation()\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    '[data-addressbar-action=\"send\"]',\n  )\n}\n\n/** Unset the server when backspace is pressed on an empty path */\nconst handlePathBackspace = (event: KeyboardEvent): void => {\n  if (event.target instanceof HTMLElement && event.target.innerText === '\\n') {\n    // A webhook has no server to unset; its full URL lives in the field itself.\n    if (isWebhook) {\n      return\n    }\n    eventBus.emit('server:update:selected', { url: '', meta: serverMeta })\n  }\n}\n\nconst handleServerSelect = (\n  payload: ApiReferenceEvents['server:update:selected'],\n): void => {\n  eventBus.emit('server:update:selected', payload)\n}\n\nconst handleServerVariable = (\n  payload: ApiReferenceEvents['server:update:variables'],\n): void => {\n  eventBus.emit('server:update:variables', payload)\n}\n\n/** Address bar copy is handled in OperationBlock (same URL as Send). */\nconst requestCopyUrl = (): void => {\n  eventBus.emit('copy-url:address-bar')\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Navigation\n// ───────────────────────────────────────────────────────────────────\n\nconst navigateToServersPage = (): void => {\n  if (serverMeta.type === 'operation') {\n    eventBus.emit('ui:navigate', {\n      page: 'operation',\n      path: 'servers',\n      operationPath: serverMeta.path,\n      method: serverMeta.method,\n    })\n    return\n  }\n\n  eventBus.emit('ui:navigate', { page: 'document', path: 'servers' })\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Lifecycle\n// ───────────────────────────────────────────────────────────────────\n\nconst unsubscribes: Array<() => void> = []\n\nonMounted(() => {\n  unsubscribes.push(\n    eventBus.on('ui:focus:address-bar', handleFocusAddressBar),\n    eventBus.on('ui:focus:send-button', handleFocusSendButton),\n    eventBus.on('hooks:on:request:sent', startLoading),\n    eventBus.on('hooks:on:request:complete', stopLoading),\n  )\n})\n\nonBeforeUnmount(() => {\n  for (const unsubscribe of unsubscribes) {\n    unsubscribe()\n  }\n\n  // Prevents the loading animation from continuing after unmount\n  stopLoading()\n})\n\ndefineExpose({\n  methodConflict,\n  pathConflict,\n})\n</script>\n<template>\n  <!--\n    Address bar.\n\n    The wide-container layout is a single row:\n    `[Method | URL | Copy | History | Send]`. When the surrounding\n    `@container` drops below `@3xl` only the send button moves to a\n    second row, where it spans the full width. The method and copy\n    controls stay inside the bar at every width so they keep belonging\n    to the URL they act on rather than floating beside it.\n  -->\n  <div\n    class=\"order-last flex h-auto w-full max-w-3xl grow-3 flex-wrap items-stretch [--scalar-address-bar-height:32px] @3xl:order-0 @3xl:flex-nowrap\">\n    <!-- Address Bar -->\n    <div\n      :id=\"id\"\n      class=\"address-bar-bg-states text-xxs group relative flex h-(--scalar-address-bar-height) w-full flex-1 flex-row items-stretch rounded-lg p-0.75\"\n      :class=\"{\n        'outline-c-danger outline': hasConflict,\n        'rounded-b-none': isDropdownOpen,\n      }\">\n      <div\n        class=\"pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border\"\n        :class=\"{\n          'rounded-b-none': isDropdownOpen,\n        }\">\n        <div\n          class=\"absolute top-0 left-0 h-full w-full\"\n          :style />\n      </div>\n\n      <!-- Only Send leaves the bar below `@3xl`; see the trailing row. -->\n      <div class=\"flex\">\n        <HttpMethod\n          :isEditable=\"layout !== 'modal' && !isWebhook\"\n          isSquare\n          :method=\"methodConflict ?? method\"\n          teleport\n          @change=\"handleMethodChange\" />\n      </div>\n\n      <div\n        class=\"scroll-timeline-x scroll-timeline-x-hidden relative flex w-full bg-blend-normal\"\n        dir=\"ltr\">\n        <!-- Servers -->\n        <ServerDropdown\n          v-if=\"servers.length\"\n          :layout=\"isWebhook ? 'modal' : layout\"\n          :meta=\"serverMeta\"\n          :server=\"server\"\n          :servers=\"servers\"\n          :target=\"id\"\n          @update:open=\"(value) => (isServerDropdownOpen = value)\"\n          @update:selectedServer=\"handleServerSelect\"\n          @update:servers=\"navigateToServersPage\"\n          @update:variable=\"handleServerVariable\" />\n\n        <!-- Path + URL + env vars -->\n        <CodeInput\n          ref=\"addressBarRef\"\n          alwaysEmitChange\n          :aria-label=\"translate('apiClient.addressBar.path')\"\n          class=\"ml-1 min-w-fit pl-px outline-none\"\n          disableCloseBrackets\n          :disabled=\"layout === 'modal' && !isWebhook\"\n          disableEnter\n          disableTabIndent\n          :emitOnBlur=\"false\"\n          :environment=\"environment\"\n          :extensions=\"[addressBarScrollMargins]\"\n          importCurl\n          :layout=\"layout\"\n          :modelValue=\"path\"\n          :placeholder=\"pathPlaceholder\"\n          server\n          @blur=\"handlePathBlur\"\n          @keydown.delete=\"handlePathBackspace\"\n          @keydown.tab=\"tabbedOut = true\"\n          @submit=\"handlePathSubmit\" />\n      </div>\n\n      <!-- Copy url button -->\n      <ScalarButton\n        class=\"hover:bg-b-3 mx-1 flex\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"requestCopyUrl\">\n        <ScalarIconCopy />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBar.copyUrl')\n        }}</span>\n      </ScalarButton>\n\n      <AddressBarHistory\n        :history=\"history\"\n        :target=\"id\"\n        @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n        @update:open=\"(value) => (isHistoryDropdownOpen = value)\" />\n      <!-- Error message -->\n      <div\n        v-if=\"hasConflict\"\n        class=\"z-context absolute inset-x-0 top-[calc(100%+4px)] flex flex-col items-center rounded px-6\">\n        <div\n          class=\"text-c-danger bg-b-danger border-c-danger flex items-center gap-1 rounded border p-1\">\n          <ScalarIconWarningCircle size=\"sm\" />\n          <div class=\"min-w-0 flex-1\">\n            {{\n              translate('apiClient.addressBar.duplicateRequest', {\n                method: (methodConflict ?? method).toUpperCase(),\n                path: pathConflict ?? path,\n              })\n            }}\n          </div>\n        </div>\n      </div>\n\n      <ScalarButton\n        ref=\"sendButtonRef\"\n        class=\"relative hidden h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold @3xl:flex\"\n        data-addressbar-action=\"send\"\n        :disabled=\"isLoading || executionDisabled\"\n        @click=\"emit('execute')\">\n        <span\n          aria-hidden=\"true\"\n          class=\"inline-flex items-center gap-1\">\n          <ScalarIcon\n            class=\"relative shrink-0 fill-current\"\n            icon=\"Play\"\n            size=\"xs\" />\n          <span class=\"text-xxs flex\">{{\n            translate('apiClient.addressBar.send')\n          }}</span>\n        </span>\n        <span class=\"sr-only\"\n          >{{\n            translate('apiClient.addressBar.sendRequest', {\n              method,\n              url: `${server?.url ?? ''}${path}`,\n            })\n          }}\n        </span>\n      </ScalarButton>\n    </div>\n\n    <!--\n      Below `@3xl` the send button moves out of the bar onto its own row\n      and spans the full width, so the primary action stays easy to hit\n      once the container is too narrow to hold it beside the URL.\n    -->\n    <ScalarButton\n      ref=\"mobileSendButtonRef\"\n      class=\"relative mt-2 h-(--scalar-address-bar-height) w-full shrink-0 justify-center overflow-hidden py-1 font-bold @3xl:hidden\"\n      data-addressbar-action=\"send\"\n      :disabled=\"isLoading || executionDisabled\"\n      @click=\"emit('execute')\">\n      <span\n        aria-hidden=\"true\"\n        class=\"inline-flex items-center gap-1\">\n        <ScalarIcon\n          class=\"relative shrink-0 fill-current\"\n          icon=\"Play\"\n          size=\"xs\" />\n        <span class=\"text-xxs\">{{\n          translate('apiClient.addressBar.send')\n        }}</span>\n      </span>\n      <span class=\"sr-only\"\n        >{{\n          translate('apiClient.addressBar.sendRequest', {\n            method,\n            url: `${server?.url ?? ''}${path}`,\n          })\n        }}\n      </span>\n    </ScalarButton>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  height: 100%;\n  outline: none;\n  width: 100%;\n}\n:deep(.cm-line) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  padding: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--scalar-small);\n}\n.scroll-timeline-x {\n  -ms-overflow-style: none;\n  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this\n     element) rather than on `.cm-scroller`, whose width follows the URL's\n     full content and pushes the right edge off-screen when overflowing. */\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    black 6px,\n    black calc(100% - 24px),\n    transparent 100%\n  );\n}\n.scroll-timeline-x-hidden {\n  overflow-x: auto;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller) {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding-right: 20px;\n  overflow: auto;\n}\n.scroll-timeline-x-hidden::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller::-webkit-scrollbar) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-address {\n  line-height: 27px;\n  scrollbar-width: none; /* Firefox */\n}\n/* make clickable are to left of send button */\n.scroll-timeline-x-address:after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 24px;\n  right: 0;\n  cursor: text;\n}\n\n.address-bar-bg-states {\n  --scalar-address-bar-bg: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  background: var(--scalar-address-bar-bg);\n}\n.address-bar-bg-states:has(.cm-focused) {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n  border-color: var(--scalar-border-color);\n  outline-width: 1px;\n  outline-style: solid;\n}\n.address-bar-bg-states:has(.cm-focused) .fade-left,\n.address-bar-bg-states:has(.cm-focused) .fade-right {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AddressBar.vue.js","names":["_sfc_main"],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AddressBar component\n * This component is used to display the address bar for the operation block\n * It is used to display the path, method, server, and history for the operation\n */\nexport default {\n  name: 'AddressBar',\n}\nexport type AddressBarProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether the request target belongs to an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { getSelector } from '@scalar/helpers/dom/get-selector'\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { extractServerFromPath } from '@scalar/helpers/url/extract-server-from-path'\nimport { ScalarIconCopy, ScalarIconWarningCircle } from '@scalar/icons'\nimport { EditorView } from '@scalar/use-codemirror'\nimport type {\n  ApiReferenceEvents,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { getOperationExampleKey } from '@/v2/blocks/operation-block/helpers/response-cache'\nimport { isPlaceholderPath } from '@/v2/blocks/scalar-address-bar-block/helpers/is-placeholder-path'\nimport { refocusBlurTarget } from '@/v2/blocks/scalar-address-bar-block/helpers/refocus-blur-target'\nimport { useLoadingAnimation } from '@/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation'\nimport { usePathMasking } from '@/v2/blocks/scalar-address-bar-block/hooks/use-path-masking'\nimport { CodeInput } from '@/v2/components/code-input'\nimport { ServerDropdown } from '@/v2/components/server'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport AddressBarHistory, { type History } from './AddressBarHistory.vue'\n\nconst {\n  path,\n  method,\n  layout,\n  eventBus,\n  exampleKey,\n  documentSlug,\n  server,\n  servers,\n  environment,\n  serverMeta,\n  isWebhook = false,\n} = defineProps<AddressBarProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\n// ───────────────────────────────────────────────────────────────────\n// Template refs & reactive state\n// ───────────────────────────────────────────────────────────────────\n\nconst id = useId()\nconst sendButtonRef = useTemplateRef('sendButtonRef')\nconst mobileSendButtonRef = useTemplateRef('mobileSendButtonRef')\nconst addressBarRef = useTemplateRef('addressBarRef')\n\nconst { percentage, startLoading, stopLoading, isLoading } =\n  useLoadingAnimation()\n\nconst pathConflict = ref<string | null>(null)\nconst methodConflict = ref<string | null>(null)\nconst tabbedOut = ref(false)\nconst isServerDropdownOpen = ref(false)\nconst isHistoryDropdownOpen = ref(false)\n\n// ───────────────────────────────────────────────────────────────────\n// Derived state\n// ───────────────────────────────────────────────────────────────────\n\n/** Keeps the cursor visible past the fade-right overlay while typing */\nconst addressBarScrollMargins = EditorView.scrollMargins.of(() => ({\n  right: 24,\n}))\n\n/** Animated background transform for the loading indicator */\nconst style = computed(() => ({\n  backgroundColor: `color-mix(in srgb, transparent 90%, ${getHttpMethodInfo(method).colorVar})`,\n  transform: `translate3d(-${percentage.value}%,0,0)`,\n}))\n\n/** Whether there is a path or method conflict */\nconst hasConflict = computed(() => methodConflict.value || pathConflict.value)\n\n/**\n * Placeholder for the path field.\n *\n * Webhooks have no server to prefix the path, so the field doubles as the full\n * destination URL. Hint that a complete URL (including the host) is expected,\n * rather than a bare path.\n */\nconst pathPlaceholder = computed(() => {\n  if (server) {\n    return ''\n  }\n  return isWebhook\n    ? translate('apiClient.addressBar.webhookUrlPlaceholder')\n    : translate('apiClient.addressBar.urlPlaceholder')\n})\n\n/** Whether either dropdown (server or history) is open */\nconst isDropdownOpen = computed(\n  () => isServerDropdownOpen.value || isHistoryDropdownOpen.value,\n)\n\n/** Uniquely identifies the currently selected operation + example */\nconst uniqueKey = computed(() =>\n  getOperationExampleKey(method, path, exampleKey, documentSlug),\n)\n\n/** Clear conflict state when switching to a different operation */\nwatch(uniqueKey, () => {\n  pathConflict.value = null\n  methodConflict.value = null\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Focus helpers\n// ───────────────────────────────────────────────────────────────────\n\nconst handleFocusSendButton = (): void => {\n  const desktop = sendButtonRef.value?.$el\n  const mobile = mobileSendButtonRef.value?.$el\n\n  // Focus whichever send button is currently visible\n  if (desktop && desktop.offsetParent !== null) {\n    desktop.focus()\n  } else {\n    mobile?.focus()\n  }\n}\n\nconst handleFocusAddressBar = (\n  payload: ApiReferenceEvents['ui:focus:address-bar'],\n): void => {\n  // On non-desktop layouts, if already focused we let the browser handle the\n  // native behavior (e.g. selecting the browser's own address bar).\n  if (addressBarRef.value?.isFocused && layout !== 'desktop') {\n    return\n  }\n\n  addressBarRef.value?.focus('end')\n\n  if (payload && 'clear' in payload && payload.clear) {\n    addressBarRef.value?.setCodeMirrorContent('')\n  }\n\n  if (payload && 'event' in payload) {\n    payload.event.preventDefault()\n  }\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path masking\n//\n// Drafts on `/` and auto-generated `/_scalar_temp...` paths are internal\n// placeholders — the address bar focuses and clears on mount and on\n// navigation so the user sees a blank prompt instead of the internal\n// path. The deferred mask only clears when CodeMirror still contains that\n// placeholder path, so a user edit that lands before the frame is preserved.\n// ───────────────────────────────────────────────────────────────────\n\nusePathMasking({\n  isReady: () => addressBarRef.value?.codeMirror,\n  operationKey: () => uniqueKey.value,\n  shouldMask: () => isPlaceholderPath(path, documentSlug),\n  // Defer to the next frame so focus() runs after click-handler side\n  // effects that move focus (e.g. a dropdown refocusing its trigger),\n  // which would otherwise blur our input and emit a spurious path\n  // update against the now-empty value.\n  onMask: () =>\n    requestAnimationFrame(() => {\n      const editorContent =\n        addressBarRef.value?.codeMirror?.state.doc.toString()\n\n      if (editorContent && editorContent !== path) {\n        return\n      }\n\n      handleFocusAddressBar({ clear: true })\n    }),\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Server extraction\n// ───────────────────────────────────────────────────────────────────\n\n/** If the path contains a server URL, extract it and select or add that server */\nconst extractAndSelectServer = (targetPath: string): string => {\n  const extracted = extractServerFromPath(targetPath)\n  if (!extracted) {\n    return targetPath\n  }\n\n  const [url, remainingPath] = extracted\n\n  // Server is already selected — nothing to do\n  if (url === server?.url) {\n    return remainingPath\n  }\n\n  const matchingServer = servers.find((s) => s.url === url)\n  if (matchingServer) {\n    eventBus.emit('server:update:selected', { url, meta: serverMeta })\n  } else {\n    eventBus.emit('server:add:server', {\n      url,\n      select: true,\n      meta: { type: 'operation', path, method },\n    })\n  }\n\n  return remainingPath\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path / method updates\n// ───────────────────────────────────────────────────────────────────\n\nconst normalizePath = (value: string): string =>\n  value.startsWith('/') ? value : `/${value}`\n\n/** Emit a path/method update and reconcile conflicts + cursor state on the result */\nconst emitPathMethodUpdate = (\n  targetMethod: string,\n  targetPath: string,\n  blurTargetSelector: string | null = null,\n): void => {\n  if (isWebhook) {\n    // A webhook has no OpenAPI server, so the field holds the full destination\n    // URL. Keep exactly what the user entered — do not split it into an invisible\n    // server plus a leftover path, and do not force a leading slash. That split\n    // is what made a typed URL collapse to a stray \"/\" on blur.\n    const webhookUrl = targetPath.trim()\n    addressBarRef.value?.setCodeMirrorContent(webhookUrl)\n    emit('update:webhook-url', webhookUrl)\n    methodConflict.value = null\n    pathConflict.value = null\n    nextTick(() => refocusBlurTarget(blurTargetSelector))\n    return\n  }\n\n  const extractedPath = extractAndSelectServer(targetPath)\n  const normalizedPath = normalizePath(extractedPath)\n\n  // Keep CodeMirror in sync so a conflict does not leave a stale value on screen\n  addressBarRef.value?.setCodeMirrorContent(normalizedPath)\n\n  eventBus.emit('operation:update:pathMethod', {\n    meta: { method, path },\n    blurTargetSelector,\n    payload: { method: targetMethod, path: normalizedPath },\n    callback: (status, returnedSelector) => {\n      if (status === 'success' || status === 'no-change') {\n        methodConflict.value = null\n        pathConflict.value = null\n      } else if (status === 'conflict') {\n        if (targetMethod !== method) {\n          methodConflict.value = targetMethod\n        }\n        if (normalizedPath !== path) {\n          pathConflict.value = normalizedPath\n        }\n\n        return\n      }\n\n      // Edge case: pasting a full URL extracts the server but leaves the path\n      // unchanged. CodeMirror still shows the full URL, so force it back to\n      // just the path.\n      const mirrorContent = addressBarRef.value?.codeMirrorRef?.textContent\n      if (\n        status === 'no-change' &&\n        mirrorContent &&\n        mirrorContent !== extractedPath\n      ) {\n        addressBarRef.value?.setCodeMirrorContent(extractedPath)\n      }\n\n      nextTick(() => refocusBlurTarget(returnedSelector))\n    },\n  })\n}\n\n/** Change the operation's method, preferring the conflicting path if present */\nconst handleMethodChange = (newMethod: string): void =>\n  emitPathMethodUpdate(newMethod, pathConflict.value ?? path)\n\n/**\n * Save the path on blur and replay the click that caused the blur (so e.g. a\n * click on the Send button still fires after the async update resolves).\n *\n * Tab-outs do not replay — tabbing to a button should not trigger its click\n * (`tabbedOut` is set on `@keydown.tab`).\n *\n * Programmatic focus moves also do not replay. On first navigation into a\n * draft operation, `usePathMasking` focuses and clears the address bar while\n * `ScalarSidebarNestedItems` focuses the drilled-in Back button in\n * `nextTick`. That steals focus from CodeMirror, fires blur with a\n * `relatedTarget` (the Back button), and without a guard we would treat it\n * like a user click: capture the selector, then `refocusBlurTarget` would\n * synthesize `.click()` on Back and navigate away.\n *\n * `FocusEvent.sourceCapabilities` is null when no input device caused the\n * focus change (e.g. `element.focus()`). A real pointer click sets it on the\n * blur that precedes the click, so we still replay Send and other buttons.\n */\nconst handlePathBlur = (newPath: string, event: FocusEvent): void => {\n  const relatedTarget =\n    event.relatedTarget instanceof Element ? event.relatedTarget : null\n  const blurTargetSelector =\n    tabbedOut.value ||\n    ('sourceCapabilities' in event && event.sourceCapabilities === null)\n      ? null\n      : getSelector(relatedTarget)\n  tabbedOut.value = false\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    blurTargetSelector,\n  )\n}\n\n/** Save the path on Enter and trigger the Send button after the update resolves */\nconst handlePathSubmit = (\n  newPath: string,\n  event: KeyboardEvent | FocusEvent,\n): void => {\n  // Prevent the global hotkey listener from also handling this Enter press\n  event.stopPropagation()\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    '[data-addressbar-action=\"send\"]',\n  )\n}\n\n/** Unset the server when backspace is pressed on an empty path */\nconst handlePathBackspace = (event: KeyboardEvent): void => {\n  if (event.target instanceof HTMLElement && event.target.innerText === '\\n') {\n    // A webhook has no server to unset; its full URL lives in the field itself.\n    if (isWebhook) {\n      return\n    }\n    eventBus.emit('server:update:selected', { url: '', meta: serverMeta })\n  }\n}\n\nconst handleServerSelect = (\n  payload: ApiReferenceEvents['server:update:selected'],\n): void => {\n  eventBus.emit('server:update:selected', payload)\n}\n\nconst handleServerVariable = (\n  payload: ApiReferenceEvents['server:update:variables'],\n): void => {\n  eventBus.emit('server:update:variables', payload)\n}\n\n/** Address bar copy is handled in OperationBlock (same URL as Send). */\nconst requestCopyUrl = (): void => {\n  eventBus.emit('copy-url:address-bar')\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Navigation\n// ───────────────────────────────────────────────────────────────────\n\nconst navigateToServersPage = (): void => {\n  if (serverMeta.type === 'operation') {\n    eventBus.emit('ui:navigate', {\n      page: 'operation',\n      path: 'servers',\n      operationPath: serverMeta.path,\n      method: serverMeta.method,\n    })\n    return\n  }\n\n  eventBus.emit('ui:navigate', { page: 'document', path: 'servers' })\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Lifecycle\n// ───────────────────────────────────────────────────────────────────\n\nconst unsubscribes: Array<() => void> = []\n\nonMounted(() => {\n  unsubscribes.push(\n    eventBus.on('ui:focus:address-bar', handleFocusAddressBar),\n    eventBus.on('ui:focus:send-button', handleFocusSendButton),\n    eventBus.on('hooks:on:request:sent', startLoading),\n    eventBus.on('hooks:on:request:complete', stopLoading),\n  )\n})\n\nonBeforeUnmount(() => {\n  for (const unsubscribe of unsubscribes) {\n    unsubscribe()\n  }\n\n  // Prevents the loading animation from continuing after unmount\n  stopLoading()\n})\n\ndefineExpose({\n  methodConflict,\n  pathConflict,\n})\n</script>\n<template>\n  <!--\n    Address bar.\n\n    The wide-container layout is a single row:\n    `[Method | URL | Copy | History | Send]`. When the surrounding\n    `@container` drops below `@3xl` only the send button moves to a\n    second row, where it spans the full width. The method and copy\n    controls stay inside the bar at every width so they keep belonging\n    to the URL they act on rather than floating beside it.\n  -->\n  <div\n    class=\"order-last flex h-auto w-full max-w-3xl grow-3 flex-wrap items-stretch [--scalar-address-bar-height:32px] @3xl:order-0 @3xl:flex-nowrap\">\n    <!-- Address Bar -->\n    <div\n      :id=\"id\"\n      class=\"address-bar-bg-states text-xxs group relative flex h-(--scalar-address-bar-height) w-full flex-1 flex-row items-stretch rounded-lg p-0.75\"\n      :class=\"{\n        'outline-c-danger outline': hasConflict,\n        'rounded-b-none': isDropdownOpen,\n      }\">\n      <div\n        class=\"pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border\"\n        :class=\"{\n          'rounded-b-none': isDropdownOpen,\n        }\">\n        <div\n          class=\"absolute top-0 left-0 h-full w-full\"\n          :style />\n      </div>\n\n      <!-- Only Send leaves the bar below `@3xl`; see the trailing row. -->\n      <div class=\"flex\">\n        <HttpMethod\n          :isEditable=\"layout !== 'modal' && !isWebhook\"\n          isSquare\n          :method=\"methodConflict ?? method\"\n          teleport\n          @change=\"handleMethodChange\" />\n      </div>\n\n      <div\n        class=\"scroll-timeline-x scroll-timeline-x-hidden relative flex w-full bg-blend-normal\"\n        dir=\"ltr\">\n        <!-- Servers -->\n        <ServerDropdown\n          v-if=\"servers.length\"\n          :layout=\"isWebhook ? 'modal' : layout\"\n          :meta=\"serverMeta\"\n          :server=\"server\"\n          :servers=\"servers\"\n          :target=\"id\"\n          @update:open=\"(value) => (isServerDropdownOpen = value)\"\n          @update:selectedServer=\"handleServerSelect\"\n          @update:servers=\"navigateToServersPage\"\n          @update:variable=\"handleServerVariable\" />\n\n        <!-- Path + URL + env vars -->\n        <CodeInput\n          ref=\"addressBarRef\"\n          alwaysEmitChange\n          :aria-label=\"translate('apiClient.addressBar.path')\"\n          class=\"ml-1 min-w-fit pl-px outline-none\"\n          disableCloseBrackets\n          :disabled=\"layout === 'modal' && !isWebhook\"\n          disableEnter\n          disableTabIndent\n          :emitOnBlur=\"false\"\n          :environment=\"environment\"\n          :extensions=\"[addressBarScrollMargins]\"\n          importCurl\n          :layout=\"layout\"\n          :modelValue=\"path\"\n          :placeholder=\"pathPlaceholder\"\n          server\n          @blur=\"handlePathBlur\"\n          @keydown.delete=\"handlePathBackspace\"\n          @keydown.tab=\"tabbedOut = true\"\n          @submit=\"handlePathSubmit\" />\n      </div>\n\n      <!-- Copy url button -->\n      <ScalarButton\n        class=\"hover:bg-b-3 mx-1 flex\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"requestCopyUrl\">\n        <ScalarIconCopy />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBar.copyUrl')\n        }}</span>\n      </ScalarButton>\n\n      <AddressBarHistory\n        :history=\"history\"\n        :target=\"id\"\n        @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n        @update:open=\"(value) => (isHistoryDropdownOpen = value)\" />\n      <!-- Error message -->\n      <div\n        v-if=\"hasConflict\"\n        class=\"z-context absolute inset-x-0 top-[calc(100%+4px)] flex flex-col items-center rounded px-6\">\n        <div\n          class=\"text-c-danger bg-b-danger border-c-danger flex items-center gap-1 rounded border p-1\">\n          <ScalarIconWarningCircle size=\"sm\" />\n          <div class=\"min-w-0 flex-1\">\n            {{\n              translate('apiClient.addressBar.duplicateRequest', {\n                method: (methodConflict ?? method).toUpperCase(),\n                path: pathConflict ?? path,\n              })\n            }}\n          </div>\n        </div>\n      </div>\n\n      <ScalarButton\n        ref=\"sendButtonRef\"\n        class=\"relative hidden h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold @3xl:flex\"\n        data-addressbar-action=\"send\"\n        :disabled=\"isLoading || executionDisabled\"\n        @click=\"emit('execute')\">\n        <span\n          aria-hidden=\"true\"\n          class=\"inline-flex items-center gap-1\">\n          <ScalarIcon\n            class=\"relative shrink-0 fill-current\"\n            icon=\"Play\"\n            size=\"xs\" />\n          <span class=\"text-xxs flex\">{{\n            translate('apiClient.addressBar.send')\n          }}</span>\n        </span>\n        <span class=\"sr-only\"\n          >{{\n            translate('apiClient.addressBar.sendRequest', {\n              method,\n              url: `${server?.url ?? ''}${path}`,\n            })\n          }}\n        </span>\n      </ScalarButton>\n    </div>\n\n    <!--\n      Below `@3xl` the send button moves out of the bar onto its own row\n      and spans the full width, so the primary action stays easy to hit\n      once the container is too narrow to hold it beside the URL.\n    -->\n    <ScalarButton\n      ref=\"mobileSendButtonRef\"\n      class=\"relative mt-2 h-(--scalar-address-bar-height) w-full shrink-0 justify-center overflow-hidden py-1 font-bold @3xl:hidden\"\n      data-addressbar-action=\"send\"\n      :disabled=\"isLoading || executionDisabled\"\n      @click=\"emit('execute')\">\n      <span\n        aria-hidden=\"true\"\n        class=\"inline-flex items-center gap-1\">\n        <ScalarIcon\n          class=\"relative shrink-0 fill-current\"\n          icon=\"Play\"\n          size=\"xs\" />\n        <span class=\"text-xxs\">{{\n          translate('apiClient.addressBar.send')\n        }}</span>\n      </span>\n      <span class=\"sr-only\"\n        >{{\n          translate('apiClient.addressBar.sendRequest', {\n            method,\n            url: `${server?.url ?? ''}${path}`,\n          })\n        }}\n      </span>\n    </ScalarButton>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  height: 100%;\n  outline: none;\n  width: 100%;\n}\n:deep(.cm-line) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  padding: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--scalar-small);\n}\n.scroll-timeline-x {\n  -ms-overflow-style: none;\n  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this\n     element) rather than on `.cm-scroller`, whose width follows the URL's\n     full content and pushes the right edge off-screen when overflowing. */\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    black 6px,\n    black calc(100% - 24px),\n    transparent 100%\n  );\n}\n.scroll-timeline-x-hidden {\n  overflow-x: auto;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller) {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding-right: 20px;\n  overflow: auto;\n}\n.scroll-timeline-x-hidden::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller::-webkit-scrollbar) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-address {\n  line-height: 27px;\n  scrollbar-width: none; /* Firefox */\n}\n/* make clickable are to left of send button */\n.scroll-timeline-x-address:after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 24px;\n  right: 0;\n  cursor: text;\n}\n\n.address-bar-bg-states {\n  --scalar-address-bar-bg: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  background: var(--scalar-address-bar-bg);\n}\n.address-bar-bg-states:has(.cm-focused) {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n  border-color: var(--scalar-border-color);\n  outline-width: 1px;\n  outline-style: solid;\n}\n.address-bar-bg-states:has(.cm-focused) .fade-left,\n.address-bar-bg-states:has(.cm-focused) .fade-right {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/scalar-address-bar-block/components/{AddressBar.vue.script.js → AddressBar.vue_vue_type_script_setup_true_lang.js}

@@ -399,4 +399,4 @@ var AddressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 //#endregion
 export { AddressBar_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=AddressBar.vue.script.js.map
+//# sourceMappingURL=AddressBar.vue_vue_type_script_setup_true_lang.js.map

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_normalizeClass","_normalizeStyle","_createVNode","HttpMethod","_createBlock","ServerDropdown","_createCommentVNode","CodeInput","_withKeys","_withCtx","_toDisplayString","AddressBarHistory"],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AddressBar component\n * This component is used to display the address bar for the operation block\n * It is used to display the path, method, server, and history for the operation\n */\nexport default {\n  name: 'AddressBar',\n}\nexport type AddressBarProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether the request target belongs to an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { getSelector } from '@scalar/helpers/dom/get-selector'\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { extractServerFromPath } from '@scalar/helpers/url/extract-server-from-path'\nimport { ScalarIconCopy, ScalarIconWarningCircle } from '@scalar/icons'\nimport { EditorView } from '@scalar/use-codemirror'\nimport type {\n  ApiReferenceEvents,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { getOperationExampleKey } from '@/v2/blocks/operation-block/helpers/response-cache'\nimport { isPlaceholderPath } from '@/v2/blocks/scalar-address-bar-block/helpers/is-placeholder-path'\nimport { refocusBlurTarget } from '@/v2/blocks/scalar-address-bar-block/helpers/refocus-blur-target'\nimport { useLoadingAnimation } from '@/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation'\nimport { usePathMasking } from '@/v2/blocks/scalar-address-bar-block/hooks/use-path-masking'\nimport { CodeInput } from '@/v2/components/code-input'\nimport { ServerDropdown } from '@/v2/components/server'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport AddressBarHistory, { type History } from './AddressBarHistory.vue'\n\nconst {\n  path,\n  method,\n  layout,\n  eventBus,\n  exampleKey,\n  documentSlug,\n  server,\n  servers,\n  environment,\n  serverMeta,\n  isWebhook = false,\n} = defineProps<AddressBarProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\n// ───────────────────────────────────────────────────────────────────\n// Template refs & reactive state\n// ───────────────────────────────────────────────────────────────────\n\nconst id = useId()\nconst sendButtonRef = useTemplateRef('sendButtonRef')\nconst mobileSendButtonRef = useTemplateRef('mobileSendButtonRef')\nconst addressBarRef = useTemplateRef('addressBarRef')\n\nconst { percentage, startLoading, stopLoading, isLoading } =\n  useLoadingAnimation()\n\nconst pathConflict = ref<string | null>(null)\nconst methodConflict = ref<string | null>(null)\nconst tabbedOut = ref(false)\nconst isServerDropdownOpen = ref(false)\nconst isHistoryDropdownOpen = ref(false)\n\n// ───────────────────────────────────────────────────────────────────\n// Derived state\n// ───────────────────────────────────────────────────────────────────\n\n/** Keeps the cursor visible past the fade-right overlay while typing */\nconst addressBarScrollMargins = EditorView.scrollMargins.of(() => ({\n  right: 24,\n}))\n\n/** Animated background transform for the loading indicator */\nconst style = computed(() => ({\n  backgroundColor: `color-mix(in srgb, transparent 90%, ${getHttpMethodInfo(method).colorVar})`,\n  transform: `translate3d(-${percentage.value}%,0,0)`,\n}))\n\n/** Whether there is a path or method conflict */\nconst hasConflict = computed(() => methodConflict.value || pathConflict.value)\n\n/**\n * Placeholder for the path field.\n *\n * Webhooks have no server to prefix the path, so the field doubles as the full\n * destination URL. Hint that a complete URL (including the host) is expected,\n * rather than a bare path.\n */\nconst pathPlaceholder = computed(() => {\n  if (server) {\n    return ''\n  }\n  return isWebhook\n    ? translate('apiClient.addressBar.webhookUrlPlaceholder')\n    : translate('apiClient.addressBar.urlPlaceholder')\n})\n\n/** Whether either dropdown (server or history) is open */\nconst isDropdownOpen = computed(\n  () => isServerDropdownOpen.value || isHistoryDropdownOpen.value,\n)\n\n/** Uniquely identifies the currently selected operation + example */\nconst uniqueKey = computed(() =>\n  getOperationExampleKey(method, path, exampleKey, documentSlug),\n)\n\n/** Clear conflict state when switching to a different operation */\nwatch(uniqueKey, () => {\n  pathConflict.value = null\n  methodConflict.value = null\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Focus helpers\n// ───────────────────────────────────────────────────────────────────\n\nconst handleFocusSendButton = (): void => {\n  const desktop = sendButtonRef.value?.$el\n  const mobile = mobileSendButtonRef.value?.$el\n\n  // Focus whichever send button is currently visible\n  if (desktop && desktop.offsetParent !== null) {\n    desktop.focus()\n  } else {\n    mobile?.focus()\n  }\n}\n\nconst handleFocusAddressBar = (\n  payload: ApiReferenceEvents['ui:focus:address-bar'],\n): void => {\n  // On non-desktop layouts, if already focused we let the browser handle the\n  // native behavior (e.g. selecting the browser's own address bar).\n  if (addressBarRef.value?.isFocused && layout !== 'desktop') {\n    return\n  }\n\n  addressBarRef.value?.focus('end')\n\n  if (payload && 'clear' in payload && payload.clear) {\n    addressBarRef.value?.setCodeMirrorContent('')\n  }\n\n  if (payload && 'event' in payload) {\n    payload.event.preventDefault()\n  }\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path masking\n//\n// Drafts on `/` and auto-generated `/_scalar_temp...` paths are internal\n// placeholders — the address bar focuses and clears on mount and on\n// navigation so the user sees a blank prompt instead of the internal\n// path. The deferred mask only clears when CodeMirror still contains that\n// placeholder path, so a user edit that lands before the frame is preserved.\n// ───────────────────────────────────────────────────────────────────\n\nusePathMasking({\n  isReady: () => addressBarRef.value?.codeMirror,\n  operationKey: () => uniqueKey.value,\n  shouldMask: () => isPlaceholderPath(path, documentSlug),\n  // Defer to the next frame so focus() runs after click-handler side\n  // effects that move focus (e.g. a dropdown refocusing its trigger),\n  // which would otherwise blur our input and emit a spurious path\n  // update against the now-empty value.\n  onMask: () =>\n    requestAnimationFrame(() => {\n      const editorContent =\n        addressBarRef.value?.codeMirror?.state.doc.toString()\n\n      if (editorContent && editorContent !== path) {\n        return\n      }\n\n      handleFocusAddressBar({ clear: true })\n    }),\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Server extraction\n// ───────────────────────────────────────────────────────────────────\n\n/** If the path contains a server URL, extract it and select or add that server */\nconst extractAndSelectServer = (targetPath: string): string => {\n  const extracted = extractServerFromPath(targetPath)\n  if (!extracted) {\n    return targetPath\n  }\n\n  const [url, remainingPath] = extracted\n\n  // Server is already selected — nothing to do\n  if (url === server?.url) {\n    return remainingPath\n  }\n\n  const matchingServer = servers.find((s) => s.url === url)\n  if (matchingServer) {\n    eventBus.emit('server:update:selected', { url, meta: serverMeta })\n  } else {\n    eventBus.emit('server:add:server', {\n      url,\n      select: true,\n      meta: { type: 'operation', path, method },\n    })\n  }\n\n  return remainingPath\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Path / method updates\n// ───────────────────────────────────────────────────────────────────\n\nconst normalizePath = (value: string): string =>\n  value.startsWith('/') ? value : `/${value}`\n\n/** Emit a path/method update and reconcile conflicts + cursor state on the result */\nconst emitPathMethodUpdate = (\n  targetMethod: string,\n  targetPath: string,\n  blurTargetSelector: string | null = null,\n): void => {\n  if (isWebhook) {\n    // A webhook has no OpenAPI server, so the field holds the full destination\n    // URL. Keep exactly what the user entered — do not split it into an invisible\n    // server plus a leftover path, and do not force a leading slash. That split\n    // is what made a typed URL collapse to a stray \"/\" on blur.\n    const webhookUrl = targetPath.trim()\n    addressBarRef.value?.setCodeMirrorContent(webhookUrl)\n    emit('update:webhook-url', webhookUrl)\n    methodConflict.value = null\n    pathConflict.value = null\n    nextTick(() => refocusBlurTarget(blurTargetSelector))\n    return\n  }\n\n  const extractedPath = extractAndSelectServer(targetPath)\n  const normalizedPath = normalizePath(extractedPath)\n\n  // Keep CodeMirror in sync so a conflict does not leave a stale value on screen\n  addressBarRef.value?.setCodeMirrorContent(normalizedPath)\n\n  eventBus.emit('operation:update:pathMethod', {\n    meta: { method, path },\n    blurTargetSelector,\n    payload: { method: targetMethod, path: normalizedPath },\n    callback: (status, returnedSelector) => {\n      if (status === 'success' || status === 'no-change') {\n        methodConflict.value = null\n        pathConflict.value = null\n      } else if (status === 'conflict') {\n        if (targetMethod !== method) {\n          methodConflict.value = targetMethod\n        }\n        if (normalizedPath !== path) {\n          pathConflict.value = normalizedPath\n        }\n\n        return\n      }\n\n      // Edge case: pasting a full URL extracts the server but leaves the path\n      // unchanged. CodeMirror still shows the full URL, so force it back to\n      // just the path.\n      const mirrorContent = addressBarRef.value?.codeMirrorRef?.textContent\n      if (\n        status === 'no-change' &&\n        mirrorContent &&\n        mirrorContent !== extractedPath\n      ) {\n        addressBarRef.value?.setCodeMirrorContent(extractedPath)\n      }\n\n      nextTick(() => refocusBlurTarget(returnedSelector))\n    },\n  })\n}\n\n/** Change the operation's method, preferring the conflicting path if present */\nconst handleMethodChange = (newMethod: string): void =>\n  emitPathMethodUpdate(newMethod, pathConflict.value ?? path)\n\n/**\n * Save the path on blur and replay the click that caused the blur (so e.g. a\n * click on the Send button still fires after the async update resolves).\n *\n * Tab-outs do not replay — tabbing to a button should not trigger its click\n * (`tabbedOut` is set on `@keydown.tab`).\n *\n * Programmatic focus moves also do not replay. On first navigation into a\n * draft operation, `usePathMasking` focuses and clears the address bar while\n * `ScalarSidebarNestedItems` focuses the drilled-in Back button in\n * `nextTick`. That steals focus from CodeMirror, fires blur with a\n * `relatedTarget` (the Back button), and without a guard we would treat it\n * like a user click: capture the selector, then `refocusBlurTarget` would\n * synthesize `.click()` on Back and navigate away.\n *\n * `FocusEvent.sourceCapabilities` is null when no input device caused the\n * focus change (e.g. `element.focus()`). A real pointer click sets it on the\n * blur that precedes the click, so we still replay Send and other buttons.\n */\nconst handlePathBlur = (newPath: string, event: FocusEvent): void => {\n  const relatedTarget =\n    event.relatedTarget instanceof Element ? event.relatedTarget : null\n  const blurTargetSelector =\n    tabbedOut.value ||\n    ('sourceCapabilities' in event && event.sourceCapabilities === null)\n      ? null\n      : getSelector(relatedTarget)\n  tabbedOut.value = false\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    blurTargetSelector,\n  )\n}\n\n/** Save the path on Enter and trigger the Send button after the update resolves */\nconst handlePathSubmit = (\n  newPath: string,\n  event: KeyboardEvent | FocusEvent,\n): void => {\n  // Prevent the global hotkey listener from also handling this Enter press\n  event.stopPropagation()\n\n  emitPathMethodUpdate(\n    methodConflict.value ?? method,\n    newPath,\n    '[data-addressbar-action=\"send\"]',\n  )\n}\n\n/** Unset the server when backspace is pressed on an empty path */\nconst handlePathBackspace = (event: KeyboardEvent): void => {\n  if (event.target instanceof HTMLElement && event.target.innerText === '\\n') {\n    // A webhook has no server to unset; its full URL lives in the field itself.\n    if (isWebhook) {\n      return\n    }\n    eventBus.emit('server:update:selected', { url: '', meta: serverMeta })\n  }\n}\n\nconst handleServerSelect = (\n  payload: ApiReferenceEvents['server:update:selected'],\n): void => {\n  eventBus.emit('server:update:selected', payload)\n}\n\nconst handleServerVariable = (\n  payload: ApiReferenceEvents['server:update:variables'],\n): void => {\n  eventBus.emit('server:update:variables', payload)\n}\n\n/** Address bar copy is handled in OperationBlock (same URL as Send). */\nconst requestCopyUrl = (): void => {\n  eventBus.emit('copy-url:address-bar')\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Navigation\n// ───────────────────────────────────────────────────────────────────\n\nconst navigateToServersPage = (): void => {\n  if (serverMeta.type === 'operation') {\n    eventBus.emit('ui:navigate', {\n      page: 'operation',\n      path: 'servers',\n      operationPath: serverMeta.path,\n      method: serverMeta.method,\n    })\n    return\n  }\n\n  eventBus.emit('ui:navigate', { page: 'document', path: 'servers' })\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Lifecycle\n// ───────────────────────────────────────────────────────────────────\n\nconst unsubscribes: Array<() => void> = []\n\nonMounted(() => {\n  unsubscribes.push(\n    eventBus.on('ui:focus:address-bar', handleFocusAddressBar),\n    eventBus.on('ui:focus:send-button', handleFocusSendButton),\n    eventBus.on('hooks:on:request:sent', startLoading),\n    eventBus.on('hooks:on:request:complete', stopLoading),\n  )\n})\n\nonBeforeUnmount(() => {\n  for (const unsubscribe of unsubscribes) {\n    unsubscribe()\n  }\n\n  // Prevents the loading animation from continuing after unmount\n  stopLoading()\n})\n\ndefineExpose({\n  methodConflict,\n  pathConflict,\n})\n</script>\n<template>\n  <!--\n    Address bar.\n\n    The wide-container layout is a single row:\n    `[Method | URL | Copy | History | Send]`. When the surrounding\n    `@container` drops below `@3xl` only the send button moves to a\n    second row, where it spans the full width. The method and copy\n    controls stay inside the bar at every width so they keep belonging\n    to the URL they act on rather than floating beside it.\n  -->\n  <div\n    class=\"order-last flex h-auto w-full max-w-3xl grow-3 flex-wrap items-stretch [--scalar-address-bar-height:32px] @3xl:order-0 @3xl:flex-nowrap\">\n    <!-- Address Bar -->\n    <div\n      :id=\"id\"\n      class=\"address-bar-bg-states text-xxs group relative flex h-(--scalar-address-bar-height) w-full flex-1 flex-row items-stretch rounded-lg p-0.75\"\n      :class=\"{\n        'outline-c-danger outline': hasConflict,\n        'rounded-b-none': isDropdownOpen,\n      }\">\n      <div\n        class=\"pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border\"\n        :class=\"{\n          'rounded-b-none': isDropdownOpen,\n        }\">\n        <div\n          class=\"absolute top-0 left-0 h-full w-full\"\n          :style />\n      </div>\n\n      <!-- Only Send leaves the bar below `@3xl`; see the trailing row. -->\n      <div class=\"flex\">\n        <HttpMethod\n          :isEditable=\"layout !== 'modal' && !isWebhook\"\n          isSquare\n          :method=\"methodConflict ?? method\"\n          teleport\n          @change=\"handleMethodChange\" />\n      </div>\n\n      <div\n        class=\"scroll-timeline-x scroll-timeline-x-hidden relative flex w-full bg-blend-normal\"\n        dir=\"ltr\">\n        <!-- Servers -->\n        <ServerDropdown\n          v-if=\"servers.length\"\n          :layout=\"isWebhook ? 'modal' : layout\"\n          :meta=\"serverMeta\"\n          :server=\"server\"\n          :servers=\"servers\"\n          :target=\"id\"\n          @update:open=\"(value) => (isServerDropdownOpen = value)\"\n          @update:selectedServer=\"handleServerSelect\"\n          @update:servers=\"navigateToServersPage\"\n          @update:variable=\"handleServerVariable\" />\n\n        <!-- Path + URL + env vars -->\n        <CodeInput\n          ref=\"addressBarRef\"\n          alwaysEmitChange\n          :aria-label=\"translate('apiClient.addressBar.path')\"\n          class=\"ml-1 min-w-fit pl-px outline-none\"\n          disableCloseBrackets\n          :disabled=\"layout === 'modal' && !isWebhook\"\n          disableEnter\n          disableTabIndent\n          :emitOnBlur=\"false\"\n          :environment=\"environment\"\n          :extensions=\"[addressBarScrollMargins]\"\n          importCurl\n          :layout=\"layout\"\n          :modelValue=\"path\"\n          :placeholder=\"pathPlaceholder\"\n          server\n          @blur=\"handlePathBlur\"\n          @keydown.delete=\"handlePathBackspace\"\n          @keydown.tab=\"tabbedOut = true\"\n          @submit=\"handlePathSubmit\" />\n      </div>\n\n      <!-- Copy url button -->\n      <ScalarButton\n        class=\"hover:bg-b-3 mx-1 flex\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"requestCopyUrl\">\n        <ScalarIconCopy />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBar.copyUrl')\n        }}</span>\n      </ScalarButton>\n\n      <AddressBarHistory\n        :history=\"history\"\n        :target=\"id\"\n        @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n        @update:open=\"(value) => (isHistoryDropdownOpen = value)\" />\n      <!-- Error message -->\n      <div\n        v-if=\"hasConflict\"\n        class=\"z-context absolute inset-x-0 top-[calc(100%+4px)] flex flex-col items-center rounded px-6\">\n        <div\n          class=\"text-c-danger bg-b-danger border-c-danger flex items-center gap-1 rounded border p-1\">\n          <ScalarIconWarningCircle size=\"sm\" />\n          <div class=\"min-w-0 flex-1\">\n            {{\n              translate('apiClient.addressBar.duplicateRequest', {\n                method: (methodConflict ?? method).toUpperCase(),\n                path: pathConflict ?? path,\n              })\n            }}\n          </div>\n        </div>\n      </div>\n\n      <ScalarButton\n        ref=\"sendButtonRef\"\n        class=\"relative hidden h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold @3xl:flex\"\n        data-addressbar-action=\"send\"\n        :disabled=\"isLoading || executionDisabled\"\n        @click=\"emit('execute')\">\n        <span\n          aria-hidden=\"true\"\n          class=\"inline-flex items-center gap-1\">\n          <ScalarIcon\n            class=\"relative shrink-0 fill-current\"\n            icon=\"Play\"\n            size=\"xs\" />\n          <span class=\"text-xxs flex\">{{\n            translate('apiClient.addressBar.send')\n          }}</span>\n        </span>\n        <span class=\"sr-only\"\n          >{{\n            translate('apiClient.addressBar.sendRequest', {\n              method,\n              url: `${server?.url ?? ''}${path}`,\n            })\n          }}\n        </span>\n      </ScalarButton>\n    </div>\n\n    <!--\n      Below `@3xl` the send button moves out of the bar onto its own row\n      and spans the full width, so the primary action stays easy to hit\n      once the container is too narrow to hold it beside the URL.\n    -->\n    <ScalarButton\n      ref=\"mobileSendButtonRef\"\n      class=\"relative mt-2 h-(--scalar-address-bar-height) w-full shrink-0 justify-center overflow-hidden py-1 font-bold @3xl:hidden\"\n      data-addressbar-action=\"send\"\n      :disabled=\"isLoading || executionDisabled\"\n      @click=\"emit('execute')\">\n      <span\n        aria-hidden=\"true\"\n        class=\"inline-flex items-center gap-1\">\n        <ScalarIcon\n          class=\"relative shrink-0 fill-current\"\n          icon=\"Play\"\n          size=\"xs\" />\n        <span class=\"text-xxs\">{{\n          translate('apiClient.addressBar.send')\n        }}</span>\n      </span>\n      <span class=\"sr-only\"\n        >{{\n          translate('apiClient.addressBar.sendRequest', {\n            method,\n            url: `${server?.url ?? ''}${path}`,\n          })\n        }}\n      </span>\n    </ScalarButton>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  height: 100%;\n  outline: none;\n  width: 100%;\n}\n:deep(.cm-line) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  padding: 0;\n  display: flex;\n  align-items: center;\n  font-size: var(--scalar-small);\n}\n.scroll-timeline-x {\n  -ms-overflow-style: none;\n  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this\n     element) rather than on `.cm-scroller`, whose width follows the URL's\n     full content and pushes the right edge off-screen when overflowing. */\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    black 6px,\n    black calc(100% - 24px),\n    transparent 100%\n  );\n}\n.scroll-timeline-x-hidden {\n  overflow-x: auto;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller) {\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  padding-right: 20px;\n  overflow: auto;\n}\n.scroll-timeline-x-hidden::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-hidden :deep(.cm-scroller::-webkit-scrollbar) {\n  width: 0;\n  height: 0;\n  display: none;\n}\n.scroll-timeline-x-address {\n  line-height: 27px;\n  scrollbar-width: none; /* Firefox */\n}\n/* make clickable are to left of send button */\n.scroll-timeline-x-address:after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 24px;\n  right: 0;\n  cursor: text;\n}\n\n.address-bar-bg-states {\n  --scalar-address-bar-bg: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  background: var(--scalar-address-bar-bg);\n}\n.address-bar-bg-states:has(.cm-focused) {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n  border-color: var(--scalar-border-color);\n  outline-width: 1px;\n  outline-style: solid;\n}\n.address-bar-bg-states:has(.cm-focused) .fade-left,\n.address-bar-bg-states:has(.cm-focused) .fade-right {\n  --scalar-address-bar-bg: var(--scalar-background-1);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import AddressBarHistory_vue_vue_type_script_setup_true_lang_default from "./AddressBarHistory.vue.script.js";
-/* empty css                                */
+import AddressBarHistory_vue_vue_type_script_setup_true_lang_default from "./AddressBarHistory.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                      */
 //#region src/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue
 var AddressBarHistory_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AddressBarHistory_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-04d27531"]]);
 //#endregion

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport { ScalarFloating } from '@scalar/components/floating'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport { httpStatusCodes } from '@scalar/helpers/http/http-status-codes'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport ValueEmitter from '@/v2/components/layout/ValueEmitter.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { target } = defineProps<{\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n  /** List of all request history items */\n  history: History[]\n}>()\n\nconst emits = defineEmits<{\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the open state of the history popover */\n  (e: 'update:open', value: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\nexport type History = {\n  method: string\n  path: string\n  duration: number\n  status: number\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <!-- Emit the slot value back out the parent -->\n    <ValueEmitter\n      :value=\"open\"\n      @change=\"(value) => emits('update:open', value)\"\n      @unmount=\"emits('update:open', false)\" />\n\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history.length\"\n        class=\"address-bar-history-button text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBarHistory.requestHistory')\n        }}</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll bg-b-1 dark:bg-b-1.5 grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center rounded-b-lg border border-t-0 p-0.75 shadow-md\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"index\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"emits('select:history:item', { index })\">\n            <HttpMethod\n              class=\"text-[11px]\"\n              :method=\"entry.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.path }}\n              </div>\n            </div>\n            <div>{{ formatMilliseconds(entry.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.status).color]\">\n              {{ entry.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AddressBarHistory.vue.js","names":["_sfc_main"],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport { ScalarFloating } from '@scalar/components/floating'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport { httpStatusCodes } from '@scalar/helpers/http/http-status-codes'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport ValueEmitter from '@/v2/components/layout/ValueEmitter.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { target } = defineProps<{\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n  /** List of all request history items */\n  history: History[]\n}>()\n\nconst emits = defineEmits<{\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the open state of the history popover */\n  (e: 'update:open', value: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\nexport type History = {\n  method: string\n  path: string\n  duration: number\n  status: number\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <!-- Emit the slot value back out the parent -->\n    <ValueEmitter\n      :value=\"open\"\n      @change=\"(value) => emits('update:open', value)\"\n      @unmount=\"emits('update:open', false)\" />\n\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history.length\"\n        class=\"address-bar-history-button text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBarHistory.requestHistory')\n        }}</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll bg-b-1 dark:bg-b-1.5 grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center rounded-b-lg border border-t-0 p-0.75 shadow-md\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"index\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"emits('select:history:item', { index })\">\n            <HttpMethod\n              class=\"text-[11px]\"\n              :method=\"entry.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.path }}\n              </div>\n            </div>\n            <div>{{ formatMilliseconds(entry.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.status).color]\">\n              {{ entry.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/scalar-address-bar-block/components/{AddressBarHistory.vue.script.js → AddressBarHistory.vue_vue_type_script_setup_true_lang.js}

@@ -85,4 +85,4 @@ var AddressBarHistory_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 //#endregion
 export { AddressBarHistory_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=AddressBarHistory.vue.script.js.map
+//# sourceMappingURL=AddressBarHistory.vue_vue_type_script_setup_true_lang.js.map

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBarHistory.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","ValueEmitter","_createSlots","_createElementVNode","_toDisplayString","_createCommentVNode","_normalizeStyle","_createElementBlock","_Fragment","_renderList","HttpMethod","_normalizeClass"],"sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport { ScalarFloating } from '@scalar/components/floating'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport { httpStatusCodes } from '@scalar/helpers/http/http-status-codes'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport ValueEmitter from '@/v2/components/layout/ValueEmitter.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { target } = defineProps<{\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n  /** List of all request history items */\n  history: History[]\n}>()\n\nconst emits = defineEmits<{\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Update the open state of the history popover */\n  (e: 'update:open', value: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\nexport type History = {\n  method: string\n  path: string\n  duration: number\n  status: number\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <!-- Emit the slot value back out the parent -->\n    <ValueEmitter\n      :value=\"open\"\n      @change=\"(value) => emits('update:open', value)\"\n      @unmount=\"emits('update:open', false)\" />\n\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history.length\"\n        class=\"address-bar-history-button text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.addressBarHistory.requestHistory')\n        }}</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll bg-b-1 dark:bg-b-1.5 grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center rounded-b-lg border border-t-0 p-0.75 shadow-md\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"index\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"emits('select:history:item', { index })\">\n            <HttpMethod\n              class=\"text-[11px]\"\n              :method=\"entry.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.path }}\n              </div>\n            </div>\n            <div>{{ formatMilliseconds(entry.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.status).color]\">\n              {{ entry.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAOd,MAAM,EAAE,cAAc,gBAAgB;;GAUpC,OAAAA,UAAA,GAAAC,YA4DOC,MAAA,IAAA,GAAA,EA1DL,IAAG,MAAK,GAAA;IAER,SAAAC,SAG2C,EANjC,WAAI,CAGdC,YAG2CC,sBAAA;KAFxC,OAAO;KACP,UAAM,OAAA,OAAA,OAAA,MAAG,UAAU,MAAK,eAAgB,KAAK;KAC7C,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,eAAA,KAAA;I,wBAEjBD,YAkDiBF,MAAA,cAAA,GAAA;KAjDd,QAAQ;KACT,QAAA;KACC,QAAQ,QAAA;;KAET,SAAAC,cAUa,CATL,QAAA,QAAQ,UADhBH,UAAA,GAAAC,YAUaC,MAAA,UAAA,GAAA;;MARX,OAAM;;MACN,SAAAC,cAGqB,CAHrBC,YAGqBF,MAAA,UAAA,GAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;M,IACZK,mBAES,QAFT,YAESC,gBADPN,MAAA,SAAA,CAAS,CAAA,4CAAA,CAAA,GAAA,CAAA,C;;;;I,IAKL,O;KACL,MAAA;KAED,IAAAC,SA2BY,EA7BC,YAAK,CAElBC,YA2BYF,MAAA,SAAA,GAAA;MA1BV,OAAM;MACN,QAAA;MACC,OAAKQ,eAAA,EAAI,MAAK,CAAA;;MAEb,SAAAP,cAAiC,EADnCH,UAAA,IAAA,GAAAW,mBAsBWC,UAAA,MAAAC,WArBgB,QAAA,UAAjB,OAAO,UAAK;OADtB,OAAAb,UAAA,GAAAC,YAsBWC,MAAA,QAAA,GAAA;QApBR,KAAK;QACN,IAAG;QACH,OAAM;QACL,OAAO;QACP,UAAK,WAAE,MAAK,uBAAA,EAA0B,MAAK,CAAA;;QAC5C,SAAAC,cAE2B;SAF3BC,YAE2BF,MAAAY,kBAAA,GAAA;UADzB,OAAM;UACL,QAAQ,MAAM;;SACjBP,mBAIM,OAJN,YAIM,CAHJA,mBAEM,OAFN,YAEMC,gBADD,MAAM,IAAI,GAAA,CAAA,C;SAGjBD,mBAAmD,OAAA,MAAAC,gBAA3CN,MAAA,kBAAA,CAAkB,CAAC,MAAM,QAAQ,CAAA,GAAA,CAAA;SACzCK,mBAEM,OAAA,EAFA,OAAKQ,eAAA,CAAGb,MAAA,kBAAA,CAAkB,CAAC,MAAM,MAAM,CAAA,CAAE,KAAK,CAAA,EAC/C,GAAAM,gBAAA,MAAM,MAAM,GAAA,CAAA;SAEjBD,mBAEM,OAAA,MAAAC,gBADDN,MAAA,eAAA,CAAe,CAAC,MAAM,OAAM,EAAG,IAAI,GAAA,CAAA"}

package/dist/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue.js

@@ -1,4 +1,4 @@
-import EnvironmentSelector_vue_vue_type_script_setup_true_lang_default from "./EnvironmentSelector.vue.script.js";
+import EnvironmentSelector_vue_vue_type_script_setup_true_lang_default from "./EnvironmentSelector.vue_vue_type_script_setup_true_lang.js";
 //#region src/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue
 var EnvironmentSelector_default = EnvironmentSelector_vue_vue_type_script_setup_true_lang_default;
 //#endregion