@clarify-labs/renderer 0.11.8 → 0.11.10

package/output/{OpenApiOperation-Bd68uxXq.cjs → OpenApiOperation-416zAKci.cjs}

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-Dw4Jlho-.cjs");
-const require_PageActions = require("./PageActions-DPYXFL6N.cjs");
+const require_i18n = require("./i18n-BMNCgF9o.cjs");
+const require_PageActions = require("./PageActions-CVOTIuxh.cjs");
 const require_remark = require("./remark-DTLbG8PK.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
@@ -245,7 +245,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-CFqy0BnO.cjs")));
+var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-BRR8SGnK.cjs")));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -1243,6 +1243,8 @@ var primitives_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	Note: () => Note,
 	Properties: () => Properties,
 	Property: () => Property,
+	Release: () => Release,
+	ReleaseItem: () => ReleaseItem,
 	Row: () => Row,
 	Step: () => Step,
 	Steps: () => Steps,
@@ -1260,6 +1262,43 @@ var primitives_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	table: () => table,
 	wrapper: () => wrapper
 });
+function Release(arg0) {
+	const { version, date, children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		id: version,
+		className: "clarify-release my-14 grid gap-7 border-t border-(--clarify-theme-tokens-colors-border) pt-8 sm:grid-cols-[8.5rem_minmax(0,1fr)] sm:gap-12",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+			className: "self-start sm:sticky sm:top-24",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: "m-0! inline-flex rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-ui-accent-background) px-2.5 py-1 text-sm font-semibold text-(--clarify-ui-accent-text)",
+				children: version
+			}), date ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("time", {
+				dateTime: date,
+				className: "mt-3 flex items-center gap-1.5 text-xs text-(--clarify-ui-text-faint)",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarDays, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				}), date]
+			}) : null]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "min-w-0 space-y-10",
+			children
+		})]
+	});
+}
+function ReleaseItem(arg0) {
+	const { title, children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "clarify-release-item min-w-0",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: "m-0! text-lg font-semibold text-(--clarify-ui-text)",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mt-3 min-w-0 text-sm/6 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
+			children
+		})]
+	});
+}
 function wrapper(arg0) {
 	const { children } = arg0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
@@ -3056,22 +3095,22 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 		})
 	};
 }
-function EnumValueNode(arg0) {
+function EnumValueWithDescription(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 		className: (0, clsx.default)("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex min-w-0 items-start rounded-(--clarify-theme-tokens-radius-md) px-2 py-2 text-left",
+			className: "flex min-w-0 items-start gap-3 rounded-(--clarify-theme-tokens-radius-md) px-2 py-2 text-left",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-sm/5 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "break-all font-mono text-xs/5 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
 						children: node.name
 					})
-				}), node.description || node.details ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "mt-0.5 text-sm/5 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mt-1 text-sm/5 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
 					children: [node.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, {
 						className: "*:first:mt-0 *:last:mb-0",
 						children: node.description
@@ -3079,11 +3118,28 @@ function EnumValueNode(arg0) {
 						className: "text-xs text-(--clarify-ui-text-faint)",
 						children: node.details
 					}) : null]
-				}) : null]
+				})]
 			})
 		})
 	});
 }
+function CompactEnumValue(arg0) {
+	const { node } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, clsx.default)("clarify-schema-node inline-flex m-0 p-0", node.visible === false && "hidden"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex min-w-0 items-start rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-ui-subtle-background) px-2 py-1 text-left",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+				className: "break-all font-mono text-xs/5 text-(--clarify-theme-tokens-colors-foreground)",
+				children: node.name
+			})
+		})
+	});
+}
+function EnumValueNode(arg0) {
+	const { node } = arg0;
+	return node.description || node.details ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnumValueWithDescription, { node }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactEnumValue, { node });
+}
 function SchemaNode(arg0) {
 	const { node, depth = 0, defaultExpanded, forceExpanded = false } = arg0;
 	const t = require_i18n.useBuiltInText();
@@ -3150,7 +3206,7 @@ function SchemaTree(arg0) {
 	if (nodes.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 		role: "list",
-		className: (0, clsx.default)("m-0 list-none p-0", depth === 0 ? "divide-y divide-(--clarify-theme-tokens-colors-border)" : "ml-2 border-l border-(--clarify-theme-tokens-colors-border) pl-2"),
+		className: (0, clsx.default)("m-0 list-none p-0", nodes.every((node) => node.kind === "enum") && nodes.every((node) => !node.description && !node.details) ? "flex flex-wrap gap-1.5 py-1" : depth === 0 ? "divide-y divide-(--clarify-theme-tokens-colors-border)" : "ml-2 border-l border-(--clarify-theme-tokens-colors-border) pl-2"),
 		children: nodes.map((node) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaNode, {
 			node,
 			depth,
@@ -4249,6 +4305,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 +4599,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 +4730,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 +4748,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 +5011,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);
@@ -5690,6 +5810,18 @@ Object.defineProperty(exports, "Prose", {
 		return Prose;
 	}
 });
+Object.defineProperty(exports, "Release", {
+	enumerable: true,
+	get: function() {
+		return Release;
+	}
+});
+Object.defineProperty(exports, "ReleaseItem", {
+	enumerable: true,
+	get: function() {
+		return ReleaseItem;
+	}
+});
 Object.defineProperty(exports, "RequestExamplesPanel", {
 	enumerable: true,
 	get: function() {
@@ -5805,4 +5937,4 @@ Object.defineProperty(exports, "primitives_exports", {
 	}
 });
 
-//# sourceMappingURL=OpenApiOperation-Bd68uxXq.cjs.map
+//# sourceMappingURL=OpenApiOperation-416zAKci.cjs.map