@clarify-labs/renderer 0.11.7 → 0.11.9

package/output/{OpenApiOperation-c-I6Nw9j.cjs → OpenApiOperation-DIgbzvk5.cjs}

@@ -1,14 +1,14 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-Cjfk1N7i.cjs");
-const require_PageActions = require("./PageActions-ob2OJusG.cjs");
+const require_i18n = require("./i18n-BuvwT5W9.cjs");
+const require_PageActions = require("./PageActions-DxGK-444.cjs");
 const require_remark = require("./remark-DTLbG8PK.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
 let react_router_dom = require("react-router-dom");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _headlessui_react = require("@headlessui/react");
 let lucide_react = require("lucide-react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 let zustand = require("zustand");
 let react_markdown = require("react-markdown");
@@ -245,7 +245,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-FOg263MO.cjs")));
+var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-DEKNDG7K.cjs")));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -4249,6 +4249,7 @@ var textLanguages = {
 	"application/xhtml+xml": "html",
 	"application/x-www-form-urlencoded": "http",
 	"text/css": "css",
+	"text/event-stream": "text",
 	"text/csv": "csv",
 	"text/html": "html",
 	"text/javascript": "javascript",
@@ -4542,6 +4543,10 @@ function OpenApiResponseViewer(arg0) {
 						className: "text-xs text-(--clarify-code-faint)",
 						children: formatBytes(exchange.size)
 					}),
+					exchange.streaming ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-xs font-semibold text-(--clarify-code-success)",
+						children: t("openapi.streaming")
+					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: (0, clsx.default)("size-2 rounded-full", exchange.status < 400 ? "bg-(--clarify-code-success)" : "bg-(--clarify-code-danger)") }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: (0, clsx.default)("text-xs font-semibold", exchange.status < 400 ? "text-(--clarify-code-success)" : "text-(--clarify-code-danger)"),
@@ -4669,9 +4674,13 @@ function requestSnapshot(request) {
 		body: requestBodySnapshot(request.init.body)
 	};
 }
+function isEventStream(contentType) {
+	return contentType.split(";", 1)[0].trim().toLowerCase() === "text/event-stream";
+}
 async function executeApiRequest(request, options = {}) {
 	const fetchRequest = options.fetch ?? fetch;
 	const now = options.now ?? (() => performance.now());
+	const onProgress = options.onProgress;
 	const startedAt = now();
 	let response;
 	try {
@@ -4683,17 +4692,69 @@ async function executeApiRequest(request, options = {}) {
 		if (cause instanceof DOMException && cause.name === "AbortError") throw cause;
 		throw new ApiRequestError(cause instanceof Error ? cause.message : String(cause), { cause });
 	}
+	const contentType = response.headers.get("content-type") ?? "";
+	const headers = Array.from(response.headers.entries());
+	const requestSnapshotValue = requestSnapshot(request);
+	if (isEventStream(contentType) && response.body) {
+		const reader = response.body.getReader();
+		const decoder = new TextDecoder();
+		let body = "";
+		let totalSize = 0;
+		const emit = (streaming) => {
+			const blob = new Blob([body], { type: contentType });
+			onProgress?.({
+				request: requestSnapshotValue,
+				status: response.status,
+				statusText: response.statusText,
+				url: response.url || request.url,
+				redirected: response.redirected,
+				duration: Math.round(now() - startedAt),
+				size: totalSize,
+				headers,
+				contentType,
+				body,
+				blob,
+				streaming
+			});
+		};
+		emit(true);
+		while (true) {
+			const result = await reader.read();
+			if (result.done) break;
+			totalSize += result.value.byteLength;
+			body += decoder.decode(result.value, { stream: true });
+			emit(true);
+		}
+		body += decoder.decode();
+		const blob = new Blob([body], { type: contentType });
+		const exchange = {
+			request: requestSnapshotValue,
+			status: response.status,
+			statusText: response.statusText,
+			url: response.url || request.url,
+			redirected: response.redirected,
+			duration: Math.round(now() - startedAt),
+			size: totalSize,
+			headers,
+			contentType,
+			body,
+			blob,
+			streaming: false
+		};
+		onProgress?.(exchange);
+		return exchange;
+	}
 	const blob = await response.blob();
 	return {
-		request: requestSnapshot(request),
+		request: requestSnapshotValue,
 		status: response.status,
 		statusText: response.statusText,
 		url: response.url || request.url,
 		redirected: response.redirected,
 		duration: Math.round(now() - startedAt),
 		size: blob.size,
-		headers: Array.from(response.headers.entries()),
-		contentType: response.headers.get("content-type") ?? blob.type,
+		headers,
+		contentType: contentType || blob.type,
 		body: await blob.text(),
 		blob
 	};
@@ -4894,7 +4955,10 @@ function useOpenApiRequestExecution() {
 		setError("");
 		setExchange(void 0);
 		try {
-			setExchange(await executeApiRequest(request, { signal: controller.signal }));
+			setExchange(await executeApiRequest(request, {
+				signal: controller.signal,
+				onProgress: (progress) => setExchange(progress)
+			}));
 		} catch (cause) {
 			if (cause instanceof DOMException && cause.name === "AbortError") return;
 			const message = cause instanceof Error ? cause.message : String(cause);
@@ -5490,6 +5554,7 @@ function EndpointIdentity(arg0) {
 }
 function OpenApiOperation(arg0) {
 	const { spec, path, method, operation, operationSource = "path" } = arg0;
+	const playgroundEnabled = require_i18n.useConfigOptional()?.features.openapi.playground ?? true;
 	const id = getOpenApiOperationSectionId(operation);
 	const summary = operation.summary ?? `${method} ${path}`;
 	const description = operation.description;
@@ -5519,9 +5584,9 @@ function OpenApiOperation(arg0) {
 				onSelectServer: serverState.onSelectServer,
 				onChangeServerVariable: serverState.onChangeServerVariable,
 				onToggleServer: serverState.onToggleServer,
-				onTryRequest: () => setRequestOpen(true)
+				onTryRequest: playgroundEnabled ? () => setRequestOpen(true) : void 0
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenApiRequestDialog, {
+			playgroundEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenApiRequestDialog, {
 				open: requestOpen,
 				onClose: () => setRequestOpen(false),
 				spec,
@@ -5529,7 +5594,7 @@ function OpenApiOperation(arg0) {
 				method,
 				operation,
 				operationSource
-			}),
+			}) : null,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndpointRequest, {
 				spec,
 				path,
@@ -5804,4 +5869,4 @@ Object.defineProperty(exports, "primitives_exports", {
 	}
 });
 
-//# sourceMappingURL=OpenApiOperation-c-I6Nw9j.cjs.map
+//# sourceMappingURL=OpenApiOperation-DIgbzvk5.cjs.map