zudoku 0.65.1 → 0.65.3

package/lib/zudoku.plugin-openapi.js

@@ -3,7 +3,7 @@ import "lucide-react";
 import "./chunk-PVWAREVJ-BMhpCH5D.js";
 import "./ui/Button.js";
 import "./ZudokuContext-BUZ5hkWB.js";
-import { y as e, U as n, z as s } from "./index-I4zC7Yht.js";
+import { y as e, U as n, z as s } from "./index-unv8c40u.js";
 export {
   e as GetNavigationOperationsQuery,
   n as UNTAGGED_PATH,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.65.1",
+  "version": "0.65.3",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {

package/src/lib/plugins/openapi/GeneratedExampleSidecarBox.tsx

@@ -22,7 +22,7 @@ export const GeneratedExampleSidecarBox = ({
     <SidecarBox.Root>
       <SidecarBox.Head className="text-xs flex justify-between items-center">
         <div className="flex items-center gap-1.5">
-          <span className="font-medium">Request Body Example</span>
+          <span className="font-medium">Example Request Body</span>
           <TooltipProvider>
             <Tooltip>
               <TooltipTrigger asChild>

package/src/lib/plugins/openapi/ParameterList.tsx

@@ -35,14 +35,14 @@ export const ParameterList = ({
       <Frame>
         <FramePanel className="p-0!">
           <ItemGroup className="overflow-clip">
-            {sortedParameters.map((parameter) => (
+            {sortedParameters.map((parameter, index) => (
               <Fragment key={`${parameter.name}-${parameter.in}`}>
+                {index > 0 && <ItemSeparator />}
                 <ParameterListItem
                   parameter={parameter}
                   id={id}
                   group={group}
                 />
-                <ItemSeparator />
               </Fragment>
             ))}
           </ItemGroup>

package/src/lib/plugins/openapi/ResponsesSidecarBox.tsx

@@ -1,4 +1,4 @@
-import { ChevronsDownUpIcon, ChevronsUpDownIcon } from "lucide-react";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon, InfoIcon } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Button } from "zudoku/components";
 import {
@@ -7,6 +7,12 @@ import {
   CollapsibleTrigger,
 } from "zudoku/ui/Collapsible.js";
 import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "zudoku/ui/Tooltip.js";
 import type { ResponseItem } from "./graphql/graphql.js";
 import * as SidecarBox from "./SidecarBox.js";
 import { SidecarExamples } from "./SidecarExamples.js";
@@ -16,11 +22,13 @@ export const ResponsesSidecarBox = ({
   selectedResponse,
   isOnScreen,
   shouldLazyHighlight,
+  isGenerated,
 }: {
   responses: ResponseItem[];
   selectedResponse?: string;
   isOnScreen: boolean;
   shouldLazyHighlight?: boolean;
+  isGenerated?: boolean;
 }) => {
   const [internalSelectedResponse, setInternalSelectedResponse] = useState(
     selectedResponse ?? responses[0]?.statusCode,
@@ -57,8 +65,20 @@ export const ResponsesSidecarBox = ({
               </Button>
             </CollapsibleTrigger>
             Example Responses
+            {isGenerated && (
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <InfoIcon size={13} />
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    This example is auto-generated from the schema.
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            )}
           </div>
-          <div className="group-data-[state=closed]/collapsible:hidden">
+          <div className="group-data-[state=closed]/collapsible:invisible">
             <NativeSelect
               className="text-xs h-fit py-1 -my-1 bg-background"
               value={internalSelectedResponse}

package/src/lib/plugins/openapi/Sidecar.tsx

@@ -267,7 +267,7 @@ export const Sidecar = ({
         />
       ) : null}
 
-      {hasResponseExamples && (
+      {hasResponseExamples ? (
         <ResponsesSidecarBox
           isOnScreen={isOnScreen}
           shouldLazyHighlight={shouldLazyHighlight}
@@ -286,6 +286,22 @@ export const Sidecar = ({
                 : response.content,
           }))}
         />
+      ) : (
+        <ResponsesSidecarBox
+          isGenerated
+          isOnScreen={isOnScreen}
+          shouldLazyHighlight={shouldLazyHighlight}
+          selectedResponse={selectedResponse}
+          responses={operation.responses.map((response) => ({
+            ...response,
+            content: response.content?.map((content) => ({
+              ...content,
+              examples: content.schema
+                ? [{ name: "", value: generateSchemaExample(content.schema) }]
+                : content.examples,
+            })),
+          }))}
+        />
       )}
     </aside>
   );

package/src/lib/plugins/openapi/playground/Playground.tsx

@@ -227,7 +227,7 @@ export const Playground = ({
 
       switch (data.bodyMode) {
         case "file":
-          body = data.file ?? undefined;
+          body = data.file || undefined;
           headers.delete("Content-Type");
           break;
         case "multipart": {
@@ -241,13 +241,17 @@ export const Playground = ({
           break;
         }
         default:
-          body = data.body ?? undefined;
+          body = data.body || undefined;
           break;
       }
 
       const request = new Request(
         createUrl(server ?? selectedServer, url, data),
-        { method, headers, body },
+        {
+          method,
+          headers,
+          body: ["GET", "HEAD"].includes(method.toUpperCase()) ? null : body,
+        },
       );
 
       if (data.identity !== NO_IDENTITY) {