fumadocs-openapi 4.3.0 → 4.3.1

package/dist/{playground-5XDMCOXX.js → playground-GIGTWHCL.js}

@@ -15,7 +15,7 @@ import {
   useRef,
   useState as useState3
 } from "react";
-import { Controller as Controller2, useForm } from "react-hook-form";
+import { Controller as Controller2, useForm, useWatch } from "react-hook-form";
 import useSWRImmutable from "swr/immutable";
 import { Accordion, Accordions } from "fumadocs-ui/components/accordion";
 import { cn as cn5, buttonVariants as buttonVariants2 } from "fumadocs-ui/components/api";
@@ -889,16 +889,12 @@ function APIPlayground({
     input ? [baseUrl, route, method, input, bodyType] : null,
     async () => {
       if (!input) return;
-      let pathname = route;
-      Object.keys(input.path).forEach((key) => {
-        const paramValue = input.path[key];
-        if (typeof paramValue === "string")
-          pathname = pathname.replace(`{${key}}`, paramValue);
-      });
-      const url = new URL(`${baseUrl ?? window.location.origin}${pathname}`);
+      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")
+        if (typeof paramValue === "string" && paramValue.length > 0)
           url.searchParams.append(key, paramValue);
       });
       const headers = new Headers({
@@ -909,7 +905,8 @@ function APIPlayground({
       }
       Object.keys(input.header).forEach((key) => {
         const paramValue = input.header[key];
-        if (typeof paramValue === "string") headers.append(key, paramValue);
+        if (typeof paramValue === "string" && paramValue.length > 0)
+          headers.append(key, paramValue);
       });
       const bodyValue = body && input.body && Object.keys(input.body).length > 0 ? createBodyFromValue(
         bodyType,
@@ -969,7 +966,7 @@ function APIPlayground({
           onSubmit,
           children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex flex-row gap-2", children: [
-              /* @__PURE__ */ jsx6("code", { className: "flex-1 overflow-auto rounded-lg border bg-fd-secondary px-3 py-1.5 text-sm", children: route }),
+              /* @__PURE__ */ jsx6(RouteDisplay, { route }),
               /* @__PURE__ */ jsx6(
                 "button",
                 {
@@ -1025,6 +1022,25 @@ function APIPlayground({
     }
   ) });
 }
+function createPathnameFromInput(route, input) {
+  let pathname = route;
+  Object.keys(input).forEach((key) => {
+    const paramValue = input[key];
+    if (typeof paramValue === "string" && paramValue.length > 0)
+      pathname = pathname.replace(`{${key}}`, paramValue);
+  });
+  return pathname;
+}
+function RouteDisplay({ route }) {
+  const pathInput = useWatch({
+    name: "path"
+  });
+  const pathname = useMemo(
+    () => createPathnameFromInput(route, pathInput),
+    [route, pathInput]
+  );
+  return /* @__PURE__ */ jsx6("code", { className: "flex-1 overflow-auto text-nowrap rounded-lg border bg-fd-secondary px-3 py-1.5 text-sm", children: pathname });
+}
 function ResultDisplay({
   data
 }) {

package/dist/ui/index.js

@@ -176,7 +176,7 @@ function CopyRouteButton({
 
 // src/ui/index.ts
 var APIPlayground = dynamic(
-  () => import("../playground-5XDMCOXX.js").then((mod) => mod.APIPlayground)
+  () => import("../playground-GIGTWHCL.js").then((mod) => mod.APIPlayground)
 );
 var Responses = Tabs;
 var Response = Tab;

package/package.json

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