@clarify-labs/renderer 0.11.4 → 0.11.5

package/output/{OpenApiOperation-Ddax6Pen.js → OpenApiOperation-CbdKZMO1.js}

@@ -1,5 +1,5 @@
-import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-LXAq0RIC.js";
-import { C as isExternalHref, E 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-BBRz0tJ4.js";
+import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-Cff810G_.js";
+import { C as isExternalHref, E 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-DviEypf6.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";
@@ -253,7 +253,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = lazy(() => import("./MermaidViewer-EVuBmrzA.js"));
+var MermaidViewer = lazy(() => import("./MermaidViewer-D1wiX_T9.js"));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -496,10 +496,14 @@ function CodeGroupHeader(arg0) {
 }
 function CodeGroupPanels(arg0) {
 	const { children, ...props } = arg0;
-	if (Children.count(children) > 1) return /* @__PURE__ */ jsx(TabPanels, { children: Children.map(children, (child) => /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(CodePanel, {
-		...props,
-		children: child
-	}) })) });
+	if (Children.count(children) > 1) return /* @__PURE__ */ jsx(TabPanels, { children: Children.map(children, (child) => /* @__PURE__ */ jsx(TabPanel, {
+		static: true,
+		className: "hidden data-selected:block",
+		children: /* @__PURE__ */ jsx(CodePanel, {
+			...props,
+			children: child
+		})
+	})) });
 	return /* @__PURE__ */ jsx(CodePanel, {
 		...props,
 		children
@@ -1052,7 +1056,8 @@ function Tabs(arg0) {
 		}), /* @__PURE__ */ jsx(TabPanels, {
 			className: panelsClassName ?? "mt-5",
 			children: resolvedItems.map((item) => /* @__PURE__ */ jsx(TabPanel, {
-				className: "focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)",
+				static: true,
+				className: ({ selected }) => clsx("focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", !selected && "hidden"),
 				children: item.panel
 			}, item.id))
 		})]
@@ -1744,9 +1749,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);
 }
@@ -1782,19 +1784,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 ?? {};
@@ -3075,7 +3067,7 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 function EnumValueNode(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ jsx("li", {
-		className: "clarify-schema-node m-0 p-0",
+		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",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -3140,7 +3132,7 @@ function SchemaNode(arg0) {
 		children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
 	}) : null] });
 	return /* @__PURE__ */ jsxs("li", {
-		className: "clarify-schema-node m-0 p-0",
+		className: clsx("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: [hasChildren ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
@@ -3151,10 +3143,13 @@ function SchemaNode(arg0) {
 		}) : /* @__PURE__ */ jsx("div", {
 			className: rowClassName,
 			children: content
-		}), hasChildren && expanded ? /* @__PURE__ */ jsx(SchemaTree, {
-			nodes: node.children,
-			depth: depth + 1,
-			forceExpanded
+		}), hasChildren ? /* @__PURE__ */ jsx("div", {
+			className: clsx(!expanded && "hidden"),
+			children: /* @__PURE__ */ jsx(SchemaTree, {
+				nodes: node.children,
+				depth: depth + 1,
+				forceExpanded
+			})
 		}) : null]
 	});
 }
@@ -3172,18 +3167,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) {
@@ -3191,20 +3192,22 @@ function SchemaProperties(arg0) {
 	const t = 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__ */ jsx(OpenApiDocumentSection, {
+	return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 		title,
 		level: 4,
 		bodyClassName: "clarify-schema-properties not-prose",
-		children: filteredNodes.length > 0 ? /* @__PURE__ */ jsx(SchemaTree, {
-			nodes: filteredNodes,
+		children: [/* @__PURE__ */ jsx(SchemaTree, {
+			nodes,
 			forceExpanded: hasQuery
-		}) : /* @__PURE__ */ jsx("p", {
-			className: "m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)",
+		}), /* @__PURE__ */ jsx("p", {
+			className: clsx("m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)", hasVisibleNodes && "hidden"),
 			children: resolvedEmptyText
-		})
+		})]
 	});
 }
 function ParameterList(arg0) {
@@ -4756,7 +4759,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] = useState(getServerKey(servers[0], 0));
 	const selectedServer = servers.find((server, index) => getServerKey(server, index) === selectedServerKey) ?? servers[0];
@@ -4771,7 +4774,7 @@ function useOpenApiRequestTarget(spec, path, operation, operationSource) {
 	const requestContents = getMediaTypeEntries(getRequestBody$1(spec, operation)?.content, spec);
 	const [mediaType, setMediaType] = useState(requestContents[0]?.mediaType ?? "");
 	const selectedContent = requestContents.find((entry) => entry.mediaType === mediaType) ?? requestContents[0];
-	const [body, setBody] = useState(initialRequestBody(spec, selectedContent?.value));
+	const [body, setBody] = useState(requestBodyForExample(spec, selectedContent?.value, requestExample));
 	const [bodyFiles, setBodyFiles] = useState({});
 	function selectServer(value) {
 		const nextServer = servers.find((server, index) => getServerKey(server, index) === value) ?? servers[0];
@@ -4933,12 +4936,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 = 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] = useState(requestExamples[0]?.key ?? "");
+	const [selectedRequestExampleKey, setSelectedRequestExampleKey] = 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;
@@ -4953,6 +4956,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);
@@ -5164,9 +5168,9 @@ function OpenApiRequestWorkbench(arg0) {
 		});
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("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: clsx("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__ */ 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: clsx("grid min-h-0 flex-1 gap-0 px-0", showResponse && "lg:grid-cols-[minmax(0,1.12fr)_minmax(22rem,0.88fr)]"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex min-h-0 min-w-0 flex-col overflow-y-auto",
 				children: [
@@ -5203,13 +5207,13 @@ function OpenApiRequestWorkbench(arg0) {
 						})
 					}) : null
 				]
-			}), /* @__PURE__ */ jsx("div", {
+			}), showResponse ? /* @__PURE__ */ 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__ */ jsx(OpenApiResponseViewer, {
 					exchange,
 					error
 				})
-			})]
+			}) : null]
 		})]
 	});
 }
@@ -5223,7 +5227,7 @@ function OpenApiRequestDialog(arg0) {
 		children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-(--clarify-ui-overlay-background) backdrop-blur-sm" }), /* @__PURE__ */ jsx("div", {
 			className: "fixed inset-0 grid place-items-center overflow-y-auto p-3 sm:p-6",
 			children: /* @__PURE__ */ jsxs(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__ */ jsx(DialogTitle, {
 					className: "sr-only",
 					children: t("openapi.tryRequest")
@@ -5567,6 +5571,6 @@ function OpenApiOperation(arg0) {
 	});
 }
 //#endregion
-export { Code as A, GridPattern as C, Tag as D, Heading as E, CardGroup as F, Callout as I, Button as L, Pre as M, Mermaid as N, Feedback as O, Card as P, Prose as S, Logo as T, WebFrame as _, ResponseExamplesPanel as a, Step as b, getAuthOptions as c, getOpenApiOperationEntry as d, listOpenApiOperations as f, primitives_exports as g, Markdown as h, RequestExamplesPanel as i, CodeGroup as j, Collapse as k, getServerKey as l, getRequestBody$1 as m, OpenApiOperation as n, authPlaceholder as o, getMediaTypeEntries as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, TabItem as v, HeroPattern as w, Steps as x, Tabs as y };
+export { Code as A, GridPattern as C, Tag as D, Heading as E, CardGroup as F, Callout as I, Button as L, Pre as M, Mermaid as N, Feedback as O, Card as P, Prose as S, Logo as T, WebFrame as _, ResponseExamplesPanel as a, Step as b, getAuthOptions as c, getOpenApiOperationEntryById as d, listOpenApiOperations as f, primitives_exports as g, Markdown as h, RequestExamplesPanel as i, CodeGroup as j, Collapse as k, getServerKey as l, getRequestBody$1 as m, OpenApiOperation as n, authPlaceholder as o, getMediaTypeEntries as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, TabItem as v, HeroPattern as w, Steps as x, Tabs as y };
 
-//# sourceMappingURL=OpenApiOperation-Ddax6Pen.js.map
+//# sourceMappingURL=OpenApiOperation-CbdKZMO1.js.map