fumadocs-openapi 5.5.10 → 5.6.0

package/dist/index.d.ts

@@ -71,6 +71,7 @@ interface ResponseProps {
 interface APIInfoProps {
     method: string;
     route: string;
+    baseUrls: string[];
     children: ReactNode;
 }
 interface PropertyProps {

package/dist/server/index.d.ts

@@ -72,6 +72,7 @@ interface ResponseProps {
 interface APIInfoProps {
     method: string;
     route: string;
+    baseUrls: string[];
     children: ReactNode;
 }
 interface PropertyProps {

package/dist/server/index.js

@@ -322,7 +322,7 @@ function getAuthorizationField(method, ctx) {
     const scheme = getSecurities(singular, ctx.document)[0];
     return {
         type: 'string',
-        name: 'Authorization',
+        name: scheme.type === 'apiKey' ? scheme.name : 'Authorization',
         authType: scheme.type,
         defaultValue: scheme.type === 'oauth2' || scheme.type === 'http' && scheme.scheme === 'bearer' ? 'Bearer' : 'Basic',
         isRequired: security.every((requirements)=>Object.keys(requirements).length > 0),
@@ -691,7 +691,7 @@ function getSchemaType(schema, ctx) {
     return 'unknown';
 }
 
-function Operation({ path, method, ctx, hasHead }) {
+function Operation({ baseUrls, path, method, ctx, hasHead }) {
     let level = 2;
     const body = noRef(method.requestBody);
     const security = method.security ?? ctx.document.security;
@@ -789,6 +789,7 @@ function Operation({ path, method, ctx, hasHead }) {
             /*#__PURE__*/ jsx(ctx.renderer.APIInfo, {
                 method: method.method,
                 route: path,
+                baseUrls: baseUrls,
                 children: info
             }),
             /*#__PURE__*/ jsx(APIExample, {
@@ -1104,6 +1105,7 @@ async function APIPage(props) {
                 method: method,
                 path: item.path,
                 ctx: ctx,
+                baseUrls: document.servers ? document.servers.map((s)=>s.url) : [],
                 hasHead: hasHead
             }, `${item.path}:${item.method}`);
         })

package/dist/ui/{client-client-CH4rns3A.js → client-client-CTVe6RLJ.js}

@@ -1,6 +1,6 @@
 'use client';
 import { forwardRef, createElement, useContext, createContext, useState, useEffect, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { cn, useCopyButton, buttonVariants } from 'fumadocs-ui/components/api';
 import dynamic from 'next/dynamic';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
@@ -253,7 +253,7 @@ function useSchemaContext() {
     return ctx;
 }
 
-const APIPlayground = dynamic(()=>import('./playground-client-CHYG7VJk.js').then((mod)=>mod.APIPlayground));
+const APIPlayground = dynamic(()=>import('./playground-client-DEv6aEwA.js').then((mod)=>mod.APIPlayground));
 function Root({ children, baseUrl, className, shikiOptions, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className),
@@ -286,5 +286,27 @@ function CopyRouteButton({ className, route, ...props }) {
         })
     });
 }
+function BaseUrlSelect({ baseUrls }) {
+    const { baseUrl, setBaseUrl } = useApiContext();
+    if (baseUrls.length === 0) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex flex-row items-center gap-1 px-1",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "p-0.5 text-xs font-medium text-fd-muted-foreground",
+                children: "Server"
+            }),
+            /*#__PURE__*/ jsx("select", {
+                value: baseUrl,
+                onChange: (e)=>setBaseUrl(e.target.value),
+                className: "min-w-0 flex-1 bg-transparent font-mono text-xs text-fd-foreground outline-none",
+                children: baseUrls.map((url)=>/*#__PURE__*/ jsx("option", {
+                        value: url,
+                        children: url
+                    }, url))
+            })
+        ]
+    });
+}
 
-export { APIPlayground as A, CircleCheck as C, Plus as P, Root as R, SchemaContext as S, Trash2 as T, CircleX as a, ChevronDown as b, ChevronUp as c, Check as d, useApiContext as e, CopyRouteButton as f, useSchemaContext as u };
+export { APIPlayground as A, BaseUrlSelect as B, CircleCheck as C, Plus as P, Root as R, SchemaContext as S, Trash2 as T, CircleX as a, ChevronDown as b, ChevronUp as c, Check as d, useApiContext as e, CopyRouteButton as f, useSchemaContext as u };

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ComponentType, ReactElement, MutableRefObject, HTMLAttributes } from 'react';
 import { FieldPath, ControllerRenderProps, ControllerFieldState, UseFormStateReturn } from 'react-hook-form';
@@ -130,6 +131,7 @@ interface ResponseProps {
 interface APIInfoProps {
     method: string;
     route: string;
+    baseUrls: string[];
     children: ReactNode;
 }
 interface PropertyProps {
@@ -230,9 +232,9 @@ declare function Root({ children, baseUrl, className, shikiOptions, ...props }:
     shikiOptions: RenderContext['shikiOptions'];
 } & HTMLAttributes<HTMLDivElement>): ReactNode;
 
-declare function APIInfo({ children, className, route, badgeClassname, method, ...props }: APIInfoProps & HTMLAttributes<HTMLDivElement> & {
+declare function APIInfo({ children, className, route, badgeClassname, baseUrls, method, ...props }: APIInfoProps & HTMLAttributes<HTMLDivElement> & {
     badgeClassname?: string;
-}): React.ReactElement;
+}): react_jsx_runtime.JSX.Element;
 declare function API({ children, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
 declare function Property({ name, type, required, deprecated, children, }: PropertyProps): React.ReactElement;
 declare function APIExample(props: HTMLAttributes<HTMLDivElement>): React.ReactElement;

package/dist/ui/index.js

@@ -3,8 +3,8 @@ import { cn } from 'fumadocs-ui/components/api';
 import { Fragment } from 'react';
 import { Accordions, Accordion } from 'fumadocs-ui/components/accordion';
 import { cva } from 'class-variance-authority';
-import { f as CopyRouteButton } from './client-client-CH4rns3A.js';
-export { A as APIPlayground, R as Root, u as useSchemaContext } from './client-client-CH4rns3A.js';
+import { f as CopyRouteButton, B as BaseUrlSelect } from './client-client-CTVe6RLJ.js';
+export { A as APIPlayground, R as Root, u as useSchemaContext } from './client-client-CTVe6RLJ.js';
 
 const badgeVariants = cva('rounded-xl border px-1.5 py-1 text-xs font-medium leading-[12px]', {
     variants: {
@@ -53,26 +53,34 @@ function Route({ route }) {
             }, index))
     });
 }
-function APIInfo({ children, className, route, badgeClassname, method = 'GET', ...props }) {
+function APIInfo({ children, className, route, badgeClassname, baseUrls, method = 'GET', ...props }) {
     return /*#__PURE__*/ jsxs("div", {
         className: cn('min-w-0 flex-1', className),
         ...props,
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "sticky top-[var(--fd-api-info-top)] z-[4] mb-4 flex flex-row items-center gap-1.5 border-b border-fd-foreground/10 bg-fd-card/50 px-4 py-1.5 shadow-lg backdrop-blur-lg max-lg:-mx-3 max-md:-mx-4 md:rounded-full md:border md:px-1.5",
+                className: "sticky top-[var(--fd-api-info-top)] z-[4] mb-4 border-b border-fd-foreground/10 bg-fd-card/50 px-4 py-1.5 shadow-lg backdrop-blur-lg max-lg:-mx-3 max-md:-mx-4 md:rounded-xl md:border md:px-1.5",
                 children: [
-                    /*#__PURE__*/ jsx("span", {
-                        className: cn(badgeVariants({
-                            color: getBadgeColor(method)
-                        }), badgeClassname),
-                        children: method
-                    }),
-                    /*#__PURE__*/ jsx(Route, {
-                        route: route
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "mb-2 flex flex-row items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: cn(badgeVariants({
+                                    color: getBadgeColor(method)
+                                }), badgeClassname),
+                                children: method
+                            }),
+                            /*#__PURE__*/ jsx(Route, {
+                                route: route
+                            }),
+                            /*#__PURE__*/ jsx(CopyRouteButton, {
+                                className: "ms-auto size-6 p-1.5",
+                                route: route
+                            })
+                        ]
                     }),
-                    /*#__PURE__*/ jsx(CopyRouteButton, {
-                        className: "ms-auto size-6 p-1.5",
-                        route: route
+                    /*#__PURE__*/ jsx(BaseUrlSelect, {
+                        baseUrls: baseUrls
                     })
                 ]
             }),

package/dist/ui/{playground-client-CHYG7VJk.js → playground-client-DEv6aEwA.js}

@@ -5,7 +5,7 @@ import { forwardRef, useId, createContext, useContext, useState, useCallback, us
 import { FormProvider, Controller, useFormContext, useFieldArray, useForm, useWatch } from 'react-hook-form';
 import { Accordions, Accordion } from 'fumadocs-ui/components/accordion';
 import { cn, buttonVariants } from 'fumadocs-ui/components/api';
-import { C as CircleCheck, a as CircleX, b as ChevronDown, c as ChevronUp, d as Check, u as useSchemaContext, T as Trash2, P as Plus, e as useApiContext, S as SchemaContext } from './client-client-CH4rns3A.js';
+import { C as CircleCheck, a as CircleX, b as ChevronDown, c as ChevronUp, d as Check, u as useSchemaContext, T as Trash2, P as Plus, e as useApiContext, S as SchemaContext } from './client-client-CTVe6RLJ.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { useOnChange } from 'fumadocs-core/utils/use-on-change';
@@ -845,8 +845,8 @@ function APIPlayground({ route, method = 'GET', bodyType, authorization, path =
         const url = new URL(`${baseUrl ?? window.location.origin}${createUrlFromInput(route, input.path, input.query)}`);
         const headers = new Headers();
         if (bodyType !== 'form-data') headers.append('Content-Type', 'application/json');
-        if (input.authorization) {
-            headers.append('Authorization', input.authorization);
+        if (input.authorization && authorization) {
+            headers.append(authorization.name, input.authorization);
         }
         Object.keys(input.header).forEach((key)=>{
             const paramValue = input.header[key];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "5.5.10",
+  "version": "5.6.0",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "NextJs",