@clarify-labs/renderer 0.11.8 → 0.11.10

package/output/{OpenApiOperation-vCuIKI4O.js → OpenApiOperation-bY3wbaJC.js}

@@ -1,12 +1,12 @@
-import { a as useConfig, l as useLocale, o as useConfigOptional, t as useBuiltInText } from "./i18n-D4O3z-sP.js";
-import { C as isExternalHref, D as copyTextToClipboard, c as lucideIconRegistry, h as useTheme, l as resolveLucideIconName, o as useSectionStore, s as remToPx, t as PageActions, w as localizeHref } from "./PageActions-CqXr0SyW.js";
+import { a as useConfig, l as useLocale, o as useConfigOptional, t as useBuiltInText } from "./i18n-Zmmhz7FF.js";
+import { O as copyTextToClipboard, T as localizeHref, c as remToPx, g as useTheme, l as lucideIconRegistry, s as useSectionStore, t as PageActions, u as resolveLucideIconName, w as isExternalHref } from "./PageActions-D52u18C8.js";
 import { t as markdownRemarkPlugins } from "./remark-C9iRQM0R.js";
 import clsx from "clsx";
 import { Children, Suspense, cloneElement, createContext, createElement, forwardRef, isValidElement, lazy, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
 import { Link } from "react-router-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog, DialogBackdrop, DialogPanel, DialogTitle, Listbox, ListboxButton, ListboxOption, ListboxOptions, Tab, TabGroup, TabList, TabPanel, TabPanels, Transition } from "@headlessui/react";
-import { AlertTriangle, ArrowRight, ArrowUpRight, Check, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronRight, ChevronsUpDownIcon, CircleAlertIcon, CircleCheck, Clipboard, ClipboardIcon, CodeIcon, CopyIcon, DownloadIcon, EraserIcon, File, FileX2Icon, Folder, FolderOpen, Info, InfoIcon, Lightbulb, LinkIcon, LoaderCircleIcon, Maximize2, PackageIcon, RotateCcwIcon, SearchIcon, SendIcon, ServerIcon, X, XCircle, XIcon } from "lucide-react";
+import { AlertTriangle, ArrowRight, ArrowUpRight, CalendarDays, Check, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronRight, ChevronsUpDownIcon, CircleAlertIcon, CircleCheck, Clipboard, ClipboardIcon, CodeIcon, CopyIcon, DownloadIcon, EraserIcon, File, FileX2Icon, Folder, FolderOpen, Info, InfoIcon, Lightbulb, LinkIcon, LoaderCircleIcon, Maximize2, PackageIcon, RotateCcwIcon, SearchIcon, SendIcon, ServerIcon, X, XCircle, XIcon } from "lucide-react";
 import { motion, useInView } from "framer-motion";
 import { create } from "zustand";
 import ReactMarkdown from "react-markdown";
@@ -253,7 +253,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = lazy(() => import("./MermaidViewer-TdU3sRfy.js"));
+var MermaidViewer = lazy(() => import("./MermaidViewer-CSbKX396.js"));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -1251,6 +1251,8 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
 	Note: () => Note,
 	Properties: () => Properties,
 	Property: () => Property,
+	Release: () => Release,
+	ReleaseItem: () => ReleaseItem,
 	Row: () => Row,
 	Step: () => Step,
 	Steps: () => Steps,
@@ -1268,6 +1270,43 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
 	table: () => table,
 	wrapper: () => wrapper
 });
+function Release(arg0) {
+	const { version, date, children } = arg0;
+	return /* @__PURE__ */ 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__ */ jsxs("header", {
+			className: "self-start sm:sticky sm:top-24",
+			children: [/* @__PURE__ */ 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__ */ jsxs("time", {
+				dateTime: date,
+				className: "mt-3 flex items-center gap-1.5 text-xs text-(--clarify-ui-text-faint)",
+				children: [/* @__PURE__ */ jsx(CalendarDays, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				}), date]
+			}) : null]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-w-0 space-y-10",
+			children
+		})]
+	});
+}
+function ReleaseItem(arg0) {
+	const { title, children } = arg0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "clarify-release-item min-w-0",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "m-0! text-lg font-semibold text-(--clarify-ui-text)",
+			children: title
+		}), /* @__PURE__ */ 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__ */ jsxs("article", {
@@ -3064,22 +3103,22 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 		})
 	};
 }
-function EnumValueNode(arg0) {
+function EnumValueWithDescription(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ jsx("li", {
 		className: clsx("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: /* @__PURE__ */ 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__ */ jsxs("div", {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "text-sm/5 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
+					children: /* @__PURE__ */ 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__ */ jsxs("div", {
-					className: "mt-0.5 text-sm/5 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "mt-1 text-sm/5 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
 					children: [node.description ? /* @__PURE__ */ jsx(Markdown, {
 						className: "*:first:mt-0 *:last:mb-0",
 						children: node.description
@@ -3087,11 +3126,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__ */ jsx("li", {
+		className: clsx("clarify-schema-node inline-flex m-0 p-0", node.visible === false && "hidden"),
+		children: /* @__PURE__ */ 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__ */ 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__ */ jsx(EnumValueWithDescription, { node }) : /* @__PURE__ */ jsx(CompactEnumValue, { node });
+}
 function SchemaNode(arg0) {
 	const { node, depth = 0, defaultExpanded, forceExpanded = false } = arg0;
 	const t = useBuiltInText();
@@ -3158,7 +3214,7 @@ function SchemaTree(arg0) {
 	if (nodes.length === 0) return null;
 	return /* @__PURE__ */ jsx("ul", {
 		role: "list",
-		className: clsx("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: clsx("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__ */ jsx(SchemaNode, {
 			node,
 			depth,
@@ -4257,6 +4313,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",
@@ -4550,6 +4607,10 @@ function OpenApiResponseViewer(arg0) {
 						className: "text-xs text-(--clarify-code-faint)",
 						children: formatBytes(exchange.size)
 					}),
+					exchange.streaming ? /* @__PURE__ */ jsx("span", {
+						className: "text-xs font-semibold text-(--clarify-code-success)",
+						children: t("openapi.streaming")
+					}) : null,
 					/* @__PURE__ */ jsx("span", { className: clsx("size-2 rounded-full", exchange.status < 400 ? "bg-(--clarify-code-success)" : "bg-(--clarify-code-danger)") }),
 					/* @__PURE__ */ jsxs("span", {
 						className: clsx("text-xs font-semibold", exchange.status < 400 ? "text-(--clarify-code-success)" : "text-(--clarify-code-danger)"),
@@ -4677,9 +4738,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 {
@@ -4691,17 +4756,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
 	};
@@ -4902,7 +5019,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);
@@ -5572,6 +5692,6 @@ function OpenApiOperation(arg0) {
 	});
 }
 //#endregion
-export { Feedback as A, LocalizedLink as B, Steps as C, Logo as D, HeroPattern as E, Mermaid as F, Card as I, CardGroup as L, Code as M, CodeGroup as N, Heading as O, Pre as P, Callout as R, Step as S, GridPattern as T, Markdown as _, ResponseExamplesPanel as a, TabItem as b, getAuthOptions as c, EndpointMethodBadge as d, getOpenApiOperationEntryById as f, getRequestBody$1 as g, getMediaTypeEntries as h, RequestExamplesPanel as i, Collapse as j, Tag as k, getServerKey as l, listOpenApiOperations as m, OpenApiOperation as n, authPlaceholder as o, getOpenApiOperationSectionId as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, primitives_exports as v, Prose as w, Tabs as x, WebFrame as y, Button as z };
+export { Heading as A, Callout as B, Tabs as C, GridPattern as D, Prose as E, CodeGroup as F, LocalizedLink as H, Pre as I, Mermaid as L, Feedback as M, Collapse as N, HeroPattern as O, Code as P, Card as R, TabItem as S, Steps as T, Button as V, Markdown as _, ResponseExamplesPanel as a, primitives_exports as b, getAuthOptions as c, EndpointMethodBadge as d, getOpenApiOperationEntryById as f, getRequestBody$1 as g, getMediaTypeEntries as h, RequestExamplesPanel as i, Tag as j, Logo as k, getServerKey as l, listOpenApiOperations as m, OpenApiOperation as n, authPlaceholder as o, getOpenApiOperationSectionId as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, Release as v, Step as w, WebFrame as x, ReleaseItem as y, CardGroup as z };
 
-//# sourceMappingURL=OpenApiOperation-vCuIKI4O.js.map
+//# sourceMappingURL=OpenApiOperation-bY3wbaJC.js.map