fumadocs-openapi 10.3.6 → 10.3.7

package/css/generated/shared.css

@@ -417,6 +417,7 @@
 @source inline("left-1/2");
 @source inline("length");
 @source inline("let");
+@source inline("line-through");
 @source inline("list");
 @source inline("listener");
 @source inline("listeners");

package/dist/_openapi/types.d.ts

@@ -141,9 +141,9 @@ declare namespace OpenAPIV3_2 {
     pathItems?: Record<string, ReferenceObject | PathItemObject>;
     mediaTypes?: Record<string, MediaTypeObject | ReferenceObject>;
   }>;
-  export type SecuritySchemeObject = HttpSecurityScheme | ApiKeySecurityScheme | OAuth2SecurityScheme | (OpenIdSecurityScheme & {
+  export type SecuritySchemeObject = (HttpSecurityScheme | ApiKeySecurityScheme | OAuth2SecurityScheme | OpenIdSecurityScheme) & {
     deprecated?: boolean;
-  });
+  };
   export type HttpSecurityScheme = OpenAPIV3_1.HttpSecurityScheme;
   export type ApiKeySecurityScheme = OpenAPIV3_1.ApiKeySecurityScheme;
   export type OAuthFlows = OpenAPIV3_1.OAuthFlows & {

package/dist/playground/client.js

@@ -31,7 +31,10 @@ function PlaygroundClient({ route, method = "GET", securities, parameters = [],
 	const storageKeys = useStorageKey();
 	const { mediaAdapters, client: { playground: { components: { ResultDisplay = DefaultResultDisplay } = {}, requestTimeout = 10, transformAuthInputs } = {} } } = useApiContext();
 	const { serverRef } = useServerContext();
-	const [securityId, setSecurityId] = useState(0);
+	const [securityId, setSecurityId] = useState(() => {
+		const idx = securities.findIndex((s) => s.every((entry) => !entry.deprecated));
+		return idx === -1 ? 0 : idx;
+	});
 	const { inputs, mapInputs, initAuthValues } = useAuthInputs(securities[securityId], transformAuthInputs);
 	const defaultValues = useMemo(() => {
 		const requestData = examples.find((example) => example.id === exampleId)?.data;
@@ -150,7 +153,7 @@ function SecurityTabs({ securities, setSecurityId, securityId, children }) {
 				children: security.map((item) => /* @__PURE__ */ jsxs("div", {
 					className: "max-w-[600px]",
 					children: [/* @__PURE__ */ jsx("p", {
-						className: "font-mono font-medium",
+						className: cn("font-mono font-medium", item.deprecated && "text-fd-muted-foreground line-through"),
 						children: item.id
 					}), /* @__PURE__ */ jsx("p", {
 						className: "text-fd-muted-foreground whitespace-pre-wrap",

package/dist/ui/operation/index.js

@@ -3,7 +3,7 @@ import { createMethod, methodKeys } from "../../utils/schema.js";
 import { isMediaTypeSupported } from "../../requests/media/resolve-adapter.js";
 import "../../requests/media/adapter.js";
 import { cn } from "../../utils/cn.js";
-import { MethodLabel } from "../components/method-label.js";
+import { Badge, MethodLabel } from "../components/method-label.js";
 import { APIPlayground } from "../../playground/index.js";
 import { Schema } from "../schema/index.js";
 import { UsageTabsProviderLazy } from "./usage-tabs/lazy.js";
@@ -370,38 +370,48 @@ function WebhookCallback({ callback, ctx, headingLevel }) {
 		})
 	});
 }
-function AuthScheme({ scheme: schema, scopes, ctx }) {
-	if (schema.type === "http" || schema.type === "oauth2") return /* @__PURE__ */ jsxs(AuthProperty, {
+function AuthScheme({ scheme, scopes, ctx }) {
+	if (scheme.type === "http" || scheme.type === "oauth2") return /* @__PURE__ */ jsxs(AuthProperty, {
 		name: "Authorization",
-		type: schema.type === "http" && schema.scheme === "basic" ? `Basic <token>` : "Bearer <token>",
+		type: scheme.type === "http" && scheme.scheme === "basic" ? `Basic <token>` : "Bearer <token>",
+		deprecated: scheme.deprecated,
 		scopes,
-		children: [schema.description && ctx.renderMarkdown(schema.description), /* @__PURE__ */ jsxs("p", { children: ["In: ", /* @__PURE__ */ jsx("code", { children: "header" })] })]
+		children: [scheme.description && ctx.renderMarkdown(scheme.description), /* @__PURE__ */ jsxs("p", { children: ["In: ", /* @__PURE__ */ jsx("code", { children: "header" })] })]
 	});
-	if (schema.type === "apiKey") return /* @__PURE__ */ jsxs(AuthProperty, {
-		name: schema.name,
+	if (scheme.type === "apiKey") return /* @__PURE__ */ jsxs(AuthProperty, {
+		name: scheme.name,
 		type: "<token>",
+		deprecated: scheme.deprecated,
 		scopes,
-		children: [schema.description && ctx.renderMarkdown(schema.description), /* @__PURE__ */ jsxs("p", { children: ["In: ", /* @__PURE__ */ jsx("code", { children: schema.in })] })]
+		children: [scheme.description && ctx.renderMarkdown(scheme.description), /* @__PURE__ */ jsxs("p", { children: ["In: ", /* @__PURE__ */ jsx("code", { children: scheme.in })] })]
 	});
-	if (schema.type === "openIdConnect") return /* @__PURE__ */ jsx(AuthProperty, {
+	if (scheme.type === "openIdConnect") return /* @__PURE__ */ jsx(AuthProperty, {
 		name: "OpenID Connect",
 		type: "<token>",
+		deprecated: scheme.deprecated,
 		scopes,
-		children: schema.description && ctx.renderMarkdown(schema.description)
+		children: scheme.description && ctx.renderMarkdown(scheme.description)
 	});
 }
-function AuthProperty({ name, type, scopes = [], className, ...props }) {
+function AuthProperty({ name, type, deprecated = false, scopes = [], className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("text-sm border-t my-4 first:border-t-0", className),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap items-center gap-3 not-prose",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "font-medium font-mono text-fd-primary",
-				children: name
-			}), /* @__PURE__ */ jsx("span", {
-				className: "text-sm font-mono text-fd-muted-foreground",
-				children: type
-			})]
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium font-mono text-fd-primary",
+					children: name
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-mono text-fd-muted-foreground",
+					children: type
+				}),
+				deprecated && /* @__PURE__ */ jsx(Badge, {
+					color: "red",
+					children: "Deprecated"
+				})
+			]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "prose-no-margin pt-2.5 empty:hidden",
 			children: [props.children, scopes.length > 0 && /* @__PURE__ */ jsxs("p", { children: ["Scope: ", /* @__PURE__ */ jsx("code", { children: scopes.join(", ") })] })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "10.3.6",
+  "version": "10.3.7",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "Docs",
@@ -90,8 +90,8 @@
     "tsdown": "^0.20.3",
     "@fumadocs/tailwind": "0.0.2",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.3",
-    "fumadocs-ui": "16.6.3",
+    "fumadocs-core": "16.6.4",
+    "fumadocs-ui": "16.6.4",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {