@clarify-labs/renderer 0.11.1 → 0.11.2

package/output/{OpenApiOperation-D1WNrj5X.cjs → OpenApiOperation-bdALspAY.cjs}

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-DsjZ51U1.cjs");
-const require_PageActions = require("./PageActions-Lp_NeIKr.cjs");
+const require_i18n = require("./i18n-L1XX-y6M.cjs");
+const require_PageActions = require("./PageActions-Bw9SAHLl.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-CTvMCE19.cjs")));
+var MermaidViewer = (0, react.lazy)(() => Promise.resolve().then(() => require("./MermaidViewer-EZjolX08.cjs")));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -2400,7 +2400,8 @@ function getAuthOptions(spec, operation) {
 	return getSecurityRequirements(spec, operation).map((requirement, index) => {
 		const requirementSchemes = Object.keys(requirement).map((name) => ({
 			name,
-			scheme: schemes[name]
+			scheme: schemes[name],
+			scopes: requirement[name] ?? []
 		})).filter((option) => Boolean(option.scheme));
 		return {
 			key: `requirement:${index}`,
@@ -2707,6 +2708,84 @@ function ResponseExamplesPanel(arg0) {
 	});
 }
 //#endregion
+//#region source/openapi/components/OpenApiAuthDocumentation.tsx
+function authSchemeType(option, apiKeyLabel) {
+	const { scheme } = option;
+	if (scheme.type === "http") return scheme.scheme?.toUpperCase() || "HTTP";
+	if (scheme.type === "apiKey") return apiKeyLabel;
+	if (scheme.type === "oauth2") return "OAUTH 2.0";
+	if (scheme.type === "openIdConnect") return "OPENID CONNECT";
+	return scheme.type?.toUpperCase() || "AUTH";
+}
+function OpenApiAuthDocumentation({ options }) {
+	const t = require_i18n.useBuiltInText();
+	if (options.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("openapi.authentication") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "not-prose my-6 border-y border-(--clarify-theme-tokens-colors-border)",
+		children: options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [index > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-3 py-1",
+			"aria-label": t("openapi.authOr"),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-px flex-1 bg-(--clarify-theme-tokens-colors-border)" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-2xs font-semibold text-(--clarify-ui-text-faint)",
+					children: t("openapi.authOr")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-px flex-1 bg-(--clarify-theme-tokens-colors-border)" })
+			]
+		}) : null, option.schemes.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "py-4 text-sm/6 font-medium text-(--clarify-theme-tokens-colors-foreground)",
+			children: t("openapi.authNoAuth")
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "divide-y divide-(--clarify-theme-tokens-colors-border)",
+			children: option.schemes.map((schemeOption, schemeIndex) => {
+				const { scheme } = schemeOption;
+				const details = [
+					scheme.type === "apiKey" && scheme.in && scheme.name ? t("openapi.authLocation", {
+						in: scheme.in,
+						name: scheme.name
+					}) : void 0,
+					scheme.type === "http" && scheme.bearerFormat ? t("openapi.authBearerFormat", { format: scheme.bearerFormat }) : void 0,
+					scheme.type === "openIdConnect" ? scheme.openIdConnectUrl : void 0,
+					schemeOption.scopes.length > 0 ? t("openapi.authScopes", { scopes: schemeOption.scopes.join(", ") }) : void 0
+				].filter((value) => Boolean(value));
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [schemeIndex > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "relative h-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "absolute top-0 left-4 -translate-y-1/2 bg-(--clarify-theme-tokens-colors-background) px-1.5 text-2xs font-semibold text-(--clarify-ui-text-faint)",
+						children: t("openapi.authAnd")
+					})
+				}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "py-4",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "font-mono text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
+								children: schemeOption.name
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "rounded bg-(--clarify-ui-subtle-background) px-1.5 py-0.5 text-2xs font-semibold text-(--clarify-ui-text-soft)",
+								children: authSchemeType(schemeOption, t("openapi.authApiKey"))
+							})]
+						}),
+						scheme.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, {
+							className: "mt-2 text-sm/6 text-(--clarify-ui-text-soft) *:first:mt-0 *:last:mb-0",
+							children: scheme.description
+						}) : null,
+						details.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "mt-2 flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs/5 text-(--clarify-ui-text-faint)",
+							children: details.map((detail) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "min-w-0 break-all font-mono",
+								children: detail
+							}, detail))
+						}) : null
+					]
+				})] }, schemeOption.name);
+			})
+		})] }, option.key))
+	})] });
+}
+//#endregion
 //#region source/openapi/components/SchemaProperties.tsx
 function getEnumDescriptions(schema) {
 	const descriptions = schema["x-enumDescriptions"];
@@ -3096,7 +3175,7 @@ function ResponseList(arg0) {
 //#endregion
 //#region source/openapi/components/EndpointSections.tsx
 function EndpointRequest(arg0) {
-	const { spec, path, method, operationSource = "path", description, groupedParameters, parameters, requestBody, requestContents, requestSchema, selectedRequestMediaType, onSelectRequestMediaType, selectedServer, serverVariables, auth, sharedExampleKey, onSelectExampleKey } = arg0;
+	const { spec, path, method, operationSource = "path", description, groupedParameters, parameters, requestBody, requestContents, requestSchema, selectedRequestMediaType, onSelectRequestMediaType, selectedServer, serverVariables, authOptions, auth, sharedExampleKey, onSelectExampleKey } = arg0;
 	const t = require_i18n.useBuiltInText();
 	const hasRequestBody = Boolean(requestBody && requestContents.length > 0);
 	const renderDescription = () => {
@@ -3119,6 +3198,7 @@ function EndpointRequest(arg0) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Col, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "w-full",
 			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenApiAuthDocumentation, { options: authOptions }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ParameterList, {
 					title: t("openapi.pathParameters"),
 					parameters: groupedParameters.path
@@ -5249,6 +5329,7 @@ function OpenApiOperation(arg0) {
 				onSelectRequestMediaType: requestState.setSelectedRequestMediaType,
 				selectedServer: serverState.selectedServer,
 				serverVariables: serverState.serverVariables,
+				authOptions: authState.authOptions,
 				auth: authState.authInput,
 				sharedExampleKey: linkedExampleKey,
 				onSelectExampleKey: setLinkedExampleKey
@@ -5489,4 +5570,4 @@ Object.defineProperty(exports, "primitives_exports", {
 	}
 });
 
-//# sourceMappingURL=OpenApiOperation-D1WNrj5X.cjs.map
+//# sourceMappingURL=OpenApiOperation-bdALspAY.cjs.map