fumadocs-openapi 5.4.1 → 5.4.3

package/dist/server/index.js

@@ -579,19 +579,15 @@ function Schema({ name, schema, ctx }) {
             value: schema.enum.map((value)=>JSON.stringify(value)).join(' | ')
         });
     }
-    if (fields.length > 0) child.push(/*#__PURE__*/ jsx("p", {
-        children: fields.map((field, i)=>/*#__PURE__*/ jsxs(Fragment, {
+    if (fields.length > 0) child.push(/*#__PURE__*/ jsx("div", {
+        className: "flex flex-col gap-2",
+        children: fields.map((field)=>/*#__PURE__*/ jsxs("span", {
                 children: [
-                    /*#__PURE__*/ jsxs("span", {
-                        children: [
-                            field.key,
-                            ": ",
-                            /*#__PURE__*/ jsx("code", {
-                                children: field.value
-                            })
-                        ]
-                    }),
-                    i !== fields.length - 1 ? /*#__PURE__*/ jsx("br", {}) : null
+                    field.key,
+                    ": ",
+                    /*#__PURE__*/ jsx("code", {
+                        children: field.value
+                    })
                 ]
             }, field.key))
     }, "fields"));

package/dist/ui/{client-client-BUlxkJAI.js → client-client-CUW5FVMv.js}

@@ -64,7 +64,7 @@ function useSchemaContext() {
     return ctx;
 }
 
-const APIPlayground = dynamic(()=>import('./playground-client-CB0L6vUj.js').then((mod)=>mod.APIPlayground));
+const APIPlayground = dynamic(()=>import('./playground-client-CbOYGXy9.js').then((mod)=>mod.APIPlayground));
 function Root({ children, baseUrl, className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className),

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 { C as CopyRouteButton } from './client-client-BUlxkJAI.js';
-export { A as APIPlayground, R as Root, u as useSchemaContext } from './client-client-BUlxkJAI.js';
+import { C as CopyRouteButton } from './client-client-CUW5FVMv.js';
+export { A as APIPlayground, R as Root, u as useSchemaContext } from './client-client-CUW5FVMv.js';
 
 const badgeVariants = cva('rounded border px-1.5 py-1 text-xs font-medium leading-[12px]', {
     variants: {

package/dist/ui/{playground-client-CB0L6vUj.js → playground-client-CbOYGXy9.js}

@@ -6,7 +6,7 @@ import { FormProvider, Controller, useFormContext, useFieldArray, useForm, useWa
 import useSWRImmutable from 'swr/immutable';
 import { Accordions, Accordion } from 'fumadocs-ui/components/accordion';
 import { cn, buttonVariants } from 'fumadocs-ui/components/api';
-import { u as useSchemaContext, a as useApiContext, S as SchemaContext } from './client-client-BUlxkJAI.js';
+import { u as useSchemaContext, a as useApiContext, S as SchemaContext } from './client-client-CUW5FVMv.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { CircleCheckIcon, CircleXIcon, ChevronDown, ChevronUp, Check, Trash2, Plus } from 'lucide-react';
@@ -876,11 +876,7 @@ function APIPlayground({ route, method = 'GET', bodyType, authorization, path =
         bodyType
     ] : null, async ()=>{
         if (!input) return;
-        const url = new URL(`${baseUrl ?? window.location.origin}${createPathnameFromInput(route, input.path)}`);
-        Object.keys(input.query).forEach((key)=>{
-            const paramValue = input.query[key];
-            if (typeof paramValue === 'string' && paramValue.length > 0) url.searchParams.append(key, paramValue);
-        });
+        const url = new URL(`${baseUrl ?? window.location.origin}${createUrlFromInput(route, input.path, input.query)}`);
         const headers = new Headers({
             'Content-Type': 'application/json'
         });
@@ -1011,21 +1007,30 @@ function APIPlayground({ route, method = 'GET', bodyType, authorization, path =
         })
     });
 }
-function createPathnameFromInput(route, input) {
+function createUrlFromInput(route, path, query) {
     let pathname = route;
-    Object.keys(input).forEach((key)=>{
-        const paramValue = input[key];
+    Object.keys(path).forEach((key)=>{
+        const paramValue = path[key];
         if (typeof paramValue === 'string' && paramValue.length > 0) pathname = pathname.replace(`{${key}}`, paramValue);
     });
-    return pathname;
+    const searchParams = new URLSearchParams();
+    Object.keys(query).forEach((key)=>{
+        const paramValue = query[key];
+        if (typeof paramValue === 'string' && paramValue.length > 0) searchParams.append(key, paramValue);
+    });
+    return searchParams.size > 0 ? `${pathname}?${searchParams.toString()}` : pathname;
 }
 function RouteDisplay({ route }) {
-    const pathInput = useWatch({
-        name: 'path'
+    const [path, query] = useWatch({
+        name: [
+            'path',
+            'query'
+        ]
     });
-    const pathname = useMemo(()=>createPathnameFromInput(route, pathInput), [
+    const pathname = useMemo(()=>createUrlFromInput(route, path, query), [
         route,
-        pathInput
+        path,
+        query
     ]);
     return /*#__PURE__*/ jsx("code", {
         className: "flex-1 overflow-auto text-nowrap rounded-lg border bg-fd-muted px-2 py-1.5 text-sm text-fd-muted-foreground",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-openapi",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "description": "Generate MDX docs for your OpenAPI spec",
   "keywords": [
     "NextJs",
@@ -60,8 +60,8 @@
     "remark": "^15.0.0",
     "shiki": "^1.13.0",
     "swr": "^2.2.5",
-    "fumadocs-core": "13.3.2",
-    "fumadocs-ui": "13.3.2"
+    "fumadocs-core": "13.3.3",
+    "fumadocs-ui": "13.3.3"
   },
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",