@scalar/api-client 3.19.3 → 3.21.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,97 @@
+import { createMultipartParser } from "./response-stream-multipart.js";
+import { parseMimeType } from "@scalar/helpers/http/mime-type";
+import { isStreamingContentType } from "@scalar/helpers/http/is-streaming-content-type";
+import { getUtf8ByteLength } from "@scalar/helpers/string/get-utf8-byte-length";
+//#region src/v2/blocks/response-block/helpers/response-stream.ts
+/** Only opt recognized streaming media types into the reader path. */
+var getResponseStreamFormat = (contentType) => {
+	if (!isStreamingContentType(contentType)) return;
+	const { essence, type, subtype } = parseMimeType(contentType);
+	if (essence === "text/event-stream") return "text";
+	if ([
+		"application/jsonl",
+		"application/x-ndjson",
+		"application/json-lines"
+	].includes(essence)) return "json-lines";
+	if (subtype === "json-seq" || subtype.endsWith("+json-seq")) return "json-seq";
+	return type === "multipart" ? "multipart" : void 0;
+};
+/** Bound unfinished records, including servers that never send a delimiter. */
+var MAX_STREAM_RECORD_SIZE = 8 * 1024 * 1024;
+/** Decode complete records while retaining partial UTF-8 characters across network chunks. */
+var createResponseStreamParser = (contentType, emit) => {
+	const format = getResponseStreamFormat(contentType);
+	if (format === "multipart") return createMultipartParser(contentType, emit);
+	const decoder = new TextDecoder("utf-8", { fatal: format !== "text" && format !== void 0 });
+	let buffer = "";
+	let recordBytes = 0;
+	let started = false;
+	let depth = 0;
+	let quoted = false;
+	let escaped = false;
+	const flush = () => {
+		const record = buffer;
+		buffer = "";
+		recordBytes = 0;
+		depth = 0;
+		quoted = false;
+		escaped = false;
+		if (!record.trim()) return;
+		let formatted;
+		try {
+			const value = JSON.parse(record);
+			if (format === "json-seq" && typeof value !== "object" && typeof value !== "string" && !/\s$/.test(record)) throw new Error("Truncated primitive");
+			if (format === "json-seq" && value === null && !/\s$/.test(record)) throw new Error("Truncated null");
+			formatted = `${JSON.stringify(value, null, 2)}\n`;
+		} catch {
+			formatted = `[Invalid JSON record]\n${record.trim()}\n`;
+		}
+		emit(formatted);
+	};
+	const consume = (text) => {
+		if (format !== "json-lines" && format !== "json-seq") {
+			emit(text);
+			return;
+		}
+		for (const char of text) {
+			if (format === "json-seq" && char === "") {
+				flush();
+				started = true;
+				continue;
+			}
+			if (format === "json-seq" && !started) {
+				if (char.trim()) throw new Error("JSON sequence record is missing its record separator.");
+				continue;
+			}
+			buffer += char;
+			recordBytes += getUtf8ByteLength(char);
+			if (recordBytes > MAX_STREAM_RECORD_SIZE) throw new Error("Stream record exceeds the 8 MiB display limit.");
+			if (format === "json-lines") {
+				if (char === "\n") flush();
+				continue;
+			}
+			if (quoted) {
+				if (escaped) escaped = false;
+				else if (char === "\\") escaped = true;
+				else if (char === "\"") quoted = false;
+			} else if (char === "\"") quoted = true;
+			else if (char === "{" || char === "[") depth++;
+			else if (char === "}" || char === "]") depth--;
+			if (char === "\n" && !quoted && depth === 0 && buffer.trim()) {
+				flush();
+				started = false;
+			}
+		}
+	};
+	return {
+		push: (chunk) => consume(decoder.decode(chunk, { stream: true })),
+		finish: () => {
+			consume(decoder.decode());
+			flush();
+		}
+	};
+};
+//#endregion
+export { createResponseStreamParser, getResponseStreamFormat };
+
+//# sourceMappingURL=response-stream.js.map

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

@@ -0,0 +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"}

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

@@ -1,4 +1,3 @@
-import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
 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';
@@ -17,7 +16,7 @@ export type AddressBarProps = {
     /** Current request path */
     path: string;
     /** Current request method */
-    method: HttpMethodType;
+    method: string;
     /** Whether the request target belongs to an OpenAPI webhook. */
     isWebhook?: boolean;
     /** Openapi document slug */
@@ -40,7 +39,7 @@ export type AddressBarProps = {
     serverMeta: ServerMeta;
 };
 declare const __VLS_export: import("vue").DefineComponent<AddressBarProps, {
-    methodConflict: import("vue").Ref<"head" | "delete" | "get" | "options" | "patch" | "post" | "put" | "query" | "trace" | null, "head" | "delete" | "get" | "options" | "patch" | "post" | "put" | "query" | "trace" | null>;
+    methodConflict: import("vue").Ref<string | null, string | null>;
     pathConflict: import("vue").Ref<string | null, string | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "select:history:item": (payload: {

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAquBA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAIrF,OAAO,KAAK,EAEV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAoBhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGzE;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,MAAM,MAAM,eAAe,GAAG;IAC5B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AACD,QAAA,MAAM,YAAY;;;;;eAqB6B,MAAM;;;;;;eAAN,MAAM;;;;kFA0gCjD,CAAC"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAuvBA,OAAO,KAAK,EAEV,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAqBhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGzE;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,MAAM,MAAM,eAAe,GAAG;IAC5B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAA;IACd,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AACD,QAAA,MAAM,YAAY;;;;;eAqB6B,MAAM;;;;;;eAAN,MAAM;;;;kFAuhCjD,CAAC"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import AddressBar_vue_vue_type_script_setup_true_lang_default from "./AddressBar.vue.script.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-3f5b6752"]]);
+var AddressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AddressBar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0e96b5b8"]]);
 //#endregion
 export { AddressBar_default as default };
 

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: HttpMethodType\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 { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport { getSelector } from '@scalar/helpers/dom/get-selector'\nimport { REQUEST_METHODS } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\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 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\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<HttpMethodType | 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%, ${REQUEST_METHODS[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    ? 'Enter the full webhook URL, e.g. https://example.com/hook'\n    : 'Enter a URL'\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: HttpMethodType,\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: HttpMethodType): 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 matches the original single-row bar:\n    `[Method | URL | Copy | History | Send]`. When the surrounding\n    `@container` drops below `@3xl` the bar collapses to\n    `[URL | History]` and a second row appears beneath it with a\n    duplicate `Method`, `Copy`, and `Send` so the URL gets the full\n    container width while every action stays on the same line as the\n    send button.\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      <!--\n        Method, Copy, and Send are hidden in mobile mode (container\n        narrower than `@3xl`) and the duplicate buttons in the trailing\n        mobile actions row take over at that point.\n      -->\n      <div class=\"hidden @3xl: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        <!-- 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=\"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 hidden @3xl:flex\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"requestCopyUrl\">\n        <ScalarIconCopy />\n        <span class=\"sr-only\">Copy URL</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            A\n            <em>{{ methodConflict?.toUpperCase() ?? method.toUpperCase() }}</em>\n            request to\n            <ScalarWrappingText :text=\"pathConflict ?? path\" />\n            already exists in this document\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\">Send</span>\n        </span>\n        <span class=\"sr-only\">\n          Send {{ method }} request to {{ server?.url ?? '' }}{{ path }}\n        </span>\n      </ScalarButton>\n    </div>\n\n    <!--\n      Mobile actions row. Visible by default and hidden once the\n      container reaches `@3xl`, where the duplicate Method / Copy /\n      Send buttons move back into the bar itself.\n    -->\n    <div\n      class=\"mt-2 flex h-(--scalar-address-bar-height) w-full items-stretch gap-1 @3xl:hidden\">\n      <HttpMethod\n        :isEditable=\"layout !== 'modal' && !isWebhook\"\n        isSquare\n        :method=\"methodConflict ?? method\"\n        teleport\n        @change=\"handleMethodChange\" />\n      <ScalarButton\n        class=\"hover:bg-b-3 ml-auto\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click=\"requestCopyUrl\">\n        <ScalarIconCopy />\n        <span class=\"sr-only\">Copy URL</span>\n      </ScalarButton>\n      <ScalarButton\n        ref=\"mobileSendButtonRef\"\n        class=\"relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold\"\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\">Send</span>\n        </span>\n        <span class=\"sr-only\">\n          Send {{ method }} request to {{ server?.url ?? '' }}{{ path }}\n        </span>\n      </ScalarButton>\n    </div>\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.scroll-timeline-x-address:empty:before {\n  content: 'Enter URL or cURL request';\n  color: var(--scalar-color-3);\n  pointer-events: none;\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":[],"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 matches the original single-row bar:\n    `[Method | URL | Copy | History | Send]`. When the surrounding\n    `@container` drops below `@3xl` the bar collapses to\n    `[URL | History]` and a second row appears beneath it with a\n    duplicate `Method`, `Copy`, and `Send` so the URL gets the full\n    container width while every action stays on the same line as the\n    send button.\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      <!--\n        Method, Copy, and Send are hidden in mobile mode (container\n        narrower than `@3xl`) and the duplicate buttons in the trailing\n        mobile actions row take over at that point.\n      -->\n      <div class=\"hidden @3xl: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 hidden @3xl: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      Mobile actions row. Visible by default and hidden once the\n      container reaches `@3xl`, where the duplicate Method / Copy /\n      Send buttons move back into the bar itself.\n    -->\n    <div\n      class=\"mt-2 flex h-(--scalar-address-bar-height) w-full items-stretch gap-1 @3xl:hidden\">\n      <HttpMethod\n        :isEditable=\"layout !== 'modal' && !isWebhook\"\n        isSquare\n        :method=\"methodConflict ?? method\"\n        teleport\n        @change=\"handleMethodChange\" />\n      <ScalarButton\n        class=\"hover:bg-b-3 ml-auto\"\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      <ScalarButton\n        ref=\"mobileSendButtonRef\"\n        class=\"relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold\"\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  </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":""}