@clarify-labs/renderer 0.11.4 → 0.11.5

package/output/{OpenApiOperation-QqYCuqve.cjs → OpenApiOperation-C77uiDjW.cjs}

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-Ds-f-qlT.cjs");
-const require_PageActions = require("./PageActions-ypH6U0Vc.cjs");
+const require_i18n = require("./i18n-Cjfk1N7i.cjs");
+const require_PageActions = require("./PageActions-ob2OJusG.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-CPuTNujY.cjs")));
+var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-CO1rhB6A.cjs")));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -488,10 +488,14 @@ function CodeGroupHeader(arg0) {
 }
 function CodeGroupPanels(arg0) {
 	const { children, ...props } = arg0;
-	if (react.Children.count(children) > 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanels, { children: react.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanel, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanel, {
-		...props,
-		children: child
-	}) })) });
+	if (react.Children.count(children) > 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanels, { children: react.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanel, {
+		static: true,
+		className: "hidden data-selected:block",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanel, {
+			...props,
+			children: child
+		})
+	})) });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanel, {
 		...props,
 		children
@@ -1044,7 +1048,8 @@ function Tabs(arg0) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanels, {
 			className: panelsClassName ?? "mt-5",
 			children: resolvedItems.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanel, {
-				className: "focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)",
+				static: true,
+				className: ({ selected }) => (0, clsx.default)("focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", !selected && "hidden"),
 				children: item.panel
 			}, item.id))
 		})]
@@ -1736,9 +1741,6 @@ function normalizeOpenApiOperationSectionId(operation, method, path, source) {
 	if (typeof sectionId !== "string" || !sectionId) operation[CLARIFY_OPENAPI_SECTION_ID_EXTENSION] = createOpenApiOperationSectionId(operation, method, path, source);
 	return operation;
 }
-function isOpenAPIHttpMethod(method) {
-	return OPENAPI_HTTP_METHODS.includes(method.toLowerCase());
-}
 function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -1774,19 +1776,9 @@ function listOperationsFromPathItems(items, source, spec) {
 	}
 	return operations;
 }
-function getOpenApiOperationEntry(spec, path, method, source) {
-	if (!isOpenAPIHttpMethod(method)) return void 0;
-	const normalizedMethod = method.toLowerCase();
-	const sources = source ? [source] : ["path", "webhook"];
-	for (const currentSource of sources) {
-		const operation = (currentSource === "webhook" ? getWebhookItem(spec, path) : getPathItem(spec, path))?.[normalizedMethod];
-		if (isRecord(operation)) return {
-			path,
-			method: normalizedMethod,
-			operation: normalizeOpenApiOperationSectionId(operation, normalizedMethod, path, currentSource),
-			source: currentSource
-		};
-	}
+function getOpenApiOperationEntryById(spec, operationId) {
+	const matches = listOpenApiOperations(spec).filter(({ operation }) => operation.operationId === operationId);
+	return matches.length === 1 ? matches[0] : void 0;
 }
 function listOpenApiOperations(spec) {
 	const paths = spec.paths ?? {};
@@ -3067,7 +3059,7 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 function EnumValueNode(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-		className: "clarify-schema-node m-0 p-0",
+		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",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3132,7 +3124,7 @@ function SchemaNode(arg0) {
 		children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
 	}) : null] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: "clarify-schema-node m-0 p-0",
+		className: (0, clsx.default)("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: [hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
@@ -3143,10 +3135,13 @@ function SchemaNode(arg0) {
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: rowClassName,
 			children: content
-		}), hasChildren && expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, {
-			nodes: node.children,
-			depth: depth + 1,
-			forceExpanded
+		}), hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)(!expanded && "hidden"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, {
+				nodes: node.children,
+				depth: depth + 1,
+				forceExpanded
+			})
 		}) : null]
 	});
 }
@@ -3164,18 +3159,24 @@ function SchemaTree(arg0) {
 		}, node.key))
 	});
 }
-function filterSchemaNodes(nodes, query) {
-	if (!query.trim()) return nodes;
-	return nodes.flatMap((node) => {
-		const children = filterSchemaNodes(node.children, query);
-		return fuzzyMatch(getSchemaSearchText(node.name, {
+function markSchemaNodesVisibility(nodes, query) {
+	if (!query) return nodes.map((node) => ({
+		...node,
+		visible: true,
+		children: markSchemaNodesVisibility(node.children, query)
+	}));
+	return nodes.map((node) => {
+		const children = markSchemaNodesVisibility(node.children, query);
+		const searchableText = getSchemaSearchText(node.name, {
 			type: node.type,
 			description: node.description,
 			pattern: node.details
-		}), query) || children.length > 0 ? [{
+		});
+		return {
 			...node,
+			visible: fuzzyMatch(searchableText, query) || children.some((child) => child.visible),
 			children
-		}] : [];
+		};
 	});
 }
 function SchemaProperties(arg0) {
@@ -3183,20 +3184,22 @@ function SchemaProperties(arg0) {
 	const t = require_i18n.useBuiltInText();
 	const root = getRootSchemaNode(spec, schema, defaultExpanded);
 	if (!root || root.children.length === 0) return null;
-	const filteredNodes = filterSchemaNodes(root.children, query);
-	const hasQuery = Boolean(query.trim());
+	const normalizedQuery = query.trim();
+	const nodes = markSchemaNodesVisibility(root.children, normalizedQuery);
+	const hasQuery = Boolean(normalizedQuery);
+	const hasVisibleNodes = nodes.some((node) => node.visible);
 	const resolvedEmptyText = emptyText ?? t("openapi.noBodyProperties");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenApiDocumentSection, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(OpenApiDocumentSection, {
 		title,
 		level: 4,
 		bodyClassName: "clarify-schema-properties not-prose",
-		children: filteredNodes.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, {
-			nodes: filteredNodes,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaTree, {
+			nodes,
 			forceExpanded: hasQuery
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)",
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: (0, clsx.default)("m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)", hasVisibleNodes && "hidden"),
 			children: resolvedEmptyText
-		})
+		})]
 	});
 }
 function ParameterList(arg0) {
@@ -4748,7 +4751,7 @@ function requestBodyForExample(spec, content, exampleKey) {
 	const example = getExampleEntries(content, spec).find((entry) => !entry.generated && entry.key === exampleKey);
 	return example ? stringifyExample(example.value) : initialRequestBody(spec, content);
 }
-function useOpenApiRequestTarget(spec, path, operation, operationSource) {
+function useOpenApiRequestTarget(spec, path, operation, operationSource, requestExample = "") {
 	const servers = getServers(spec, operation, path, operationSource);
 	const [selectedServerKey, setSelectedServerKey] = (0, react.useState)(getServerKey(servers[0], 0));
 	const selectedServer = servers.find((server, index) => getServerKey(server, index) === selectedServerKey) ?? servers[0];
@@ -4763,7 +4766,7 @@ function useOpenApiRequestTarget(spec, path, operation, operationSource) {
 	const requestContents = getMediaTypeEntries(getRequestBody$1(spec, operation)?.content, spec);
 	const [mediaType, setMediaType] = (0, react.useState)(requestContents[0]?.mediaType ?? "");
 	const selectedContent = requestContents.find((entry) => entry.mediaType === mediaType) ?? requestContents[0];
-	const [body, setBody] = (0, react.useState)(initialRequestBody(spec, selectedContent?.value));
+	const [body, setBody] = (0, react.useState)(requestBodyForExample(spec, selectedContent?.value, requestExample));
 	const [bodyFiles, setBodyFiles] = (0, react.useState)({});
 	function selectServer(value) {
 		const nextServer = servers.find((server, index) => getServerKey(server, index) === value) ?? servers[0];
@@ -4925,12 +4928,12 @@ function parameterGroupLabel(location, t) {
 	return t("openapi.queryParameters");
 }
 function OpenApiRequestWorkbench(arg0) {
-	const { spec, path, method, operation, operationSource = "path", compact = false, onClose } = arg0;
+	const { spec, path, method, operation, operationSource = "path", requestExample, compact = false, onClose } = arg0;
 	const t = require_i18n.useBuiltInText();
 	const parameters = getOperationParameters(spec, path, operation, operationSource);
-	const { servers, selectedServer, selectedServerKey, serverVariables, setServerVariables, serverVariableEntries, selectServer, authOptions, selectedAuthName, setSelectedAuthName, selectedAuth, credentialScope, credentials, setCredential, clearCredential, requestContents, mediaType, selectedContent, body, setBody, bodyFiles, setBodyFile, applyBodyExample, selectMediaType } = useOpenApiRequestTarget(spec, path, operation, operationSource);
+	const { servers, selectedServer, selectedServerKey, serverVariables, setServerVariables, serverVariableEntries, selectServer, authOptions, selectedAuthName, setSelectedAuthName, selectedAuth, credentialScope, credentials, setCredential, clearCredential, requestContents, mediaType, selectedContent, body, setBody, bodyFiles, setBodyFile, applyBodyExample, selectMediaType } = useOpenApiRequestTarget(spec, path, operation, operationSource, requestExample);
 	const requestExamples = getRequestExampleEntries(parameters, selectedContent?.value);
-	const [selectedRequestExampleKey, setSelectedRequestExampleKey] = (0, react.useState)(requestExamples[0]?.key ?? "");
+	const [selectedRequestExampleKey, setSelectedRequestExampleKey] = (0, react.useState)(requestExample ?? requestExamples[0]?.key ?? "");
 	const currentRequestExampleKey = requestExamples.some((example) => example.key === selectedRequestExampleKey) ? selectedRequestExampleKey : requestExamples[0]?.key ?? "";
 	const parameterState = useOpenApiParameterState(spec, parameters, (parameter) => initialParameterValue(spec, parameter), currentRequestExampleKey);
 	const { parameterValues, parameterEnabled, parameterIssues, setParameterGroupValues, setParameterIncluded, updateParameterValue, applyParameterExample } = parameterState;
@@ -4945,6 +4948,7 @@ function OpenApiRequestWorkbench(arg0) {
 	})).filter((group) => group.parameters.length > 0);
 	const pathParameters = parameters.filter((parameter) => parameter.in === "path");
 	const hasRequestConfiguration = authOptions.length > 0 || serverVariableEntries.length > 0 || parameters.length > 0 || requestContents.length > 0;
+	const showResponse = compact || Boolean(exchange || error);
 	function applyRequestExample(exampleKey) {
 		setSelectedRequestExampleKey(exampleKey);
 		applyParameterExample(exampleKey);
@@ -5156,9 +5160,9 @@ function OpenApiRequestWorkbench(arg0) {
 		});
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, clsx.default)("clarify-api-request flex min-h-0 min-w-0 flex-col not-prose bg-(--clarify-theme-tokens-colors-surface) [--clarify-theme-tokens-radius-lg:6px] [--clarify-theme-tokens-radius-md:4px] [--clarify-theme-tokens-radius-sm:2px] [--clarify-theme-tokens-radius-xl:8px] [--clarify-ui-accent-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_10%,transparent)] [--clarify-ui-accent-border:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_22%,transparent)] [--clarify-ui-accent-text:var(--clarify-theme-tokens-colors-foreground)] [--clarify-ui-active-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_12%,transparent)] [--clarify-ui-subtle-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_5%,transparent)]", compact ? "h-full" : "my-6"),
+		className: (0, clsx.default)("clarify-openapi-request flex min-h-0 min-w-0 flex-col not-prose bg-(--clarify-theme-tokens-colors-surface) [--clarify-ui-accent-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_10%,transparent)] [--clarify-ui-accent-border:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_22%,transparent)] [--clarify-ui-accent-text:var(--clarify-theme-tokens-colors-foreground)] [--clarify-ui-active-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_12%,transparent)] [--clarify-ui-subtle-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_5%,transparent)]", compact ? "h-full" : "my-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border)"),
 		children: [renderHeader(), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "grid min-h-0 flex-1 gap-0 px-0 lg:grid-cols-[minmax(0,1.12fr)_minmax(22rem,0.88fr)]",
+			className: (0, clsx.default)("grid min-h-0 flex-1 gap-0 px-0", showResponse && "lg:grid-cols-[minmax(0,1.12fr)_minmax(22rem,0.88fr)]"),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex min-h-0 min-w-0 flex-col overflow-y-auto",
 				children: [
@@ -5195,13 +5199,13 @@ function OpenApiRequestWorkbench(arg0) {
 						})
 					}) : null
 				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			}), showResponse ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "h-full min-h-0 min-w-0 overflow-hidden border-t border-(--clarify-theme-tokens-colors-border) lg:border-t-0 lg:border-l",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenApiResponseViewer, {
 					exchange,
 					error
 				})
-			})]
+			}) : null]
 		})]
 	});
 }
@@ -5215,7 +5219,7 @@ function OpenApiRequestDialog(arg0) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.DialogBackdrop, { className: "fixed inset-0 bg-(--clarify-ui-overlay-background) backdrop-blur-sm" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "fixed inset-0 grid place-items-center overflow-y-auto p-3 sm:p-6",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.DialogPanel, {
-				className: "relative flex h-[min(46rem,calc(100dvh-1.5rem))] w-full max-w-7xl flex-col overflow-hidden rounded-lg border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) shadow-2xl sm:h-[min(46rem,calc(100dvh-3rem))]",
+				className: "relative flex h-[min(46rem,calc(100dvh-1.5rem))] w-full max-w-7xl flex-col overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) shadow-2xl sm:h-[min(46rem,calc(100dvh-3rem))]",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.DialogTitle, {
 					className: "sr-only",
 					children: t("openapi.tryRequest")
@@ -5745,10 +5749,10 @@ Object.defineProperty(exports, "getMediaTypeEntries", {
 		return getMediaTypeEntries;
 	}
 });
-Object.defineProperty(exports, "getOpenApiOperationEntry", {
+Object.defineProperty(exports, "getOpenApiOperationEntryById", {
 	enumerable: true,
 	get: function() {
-		return getOpenApiOperationEntry;
+		return getOpenApiOperationEntryById;
 	}
 });
 Object.defineProperty(exports, "getRequestBody", {
@@ -5782,4 +5786,4 @@ Object.defineProperty(exports, "primitives_exports", {
 	}
 });
 
-//# sourceMappingURL=OpenApiOperation-QqYCuqve.cjs.map
+//# sourceMappingURL=OpenApiOperation-C77uiDjW.cjs.map