zudoku 0.0.0-fed343e → 0.0.0-ff27e7ea

package/dist/lib/plugins/openapi/ParameterListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterListItem.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ParameterListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrD,MAAM,kBAAkB,GAAG,CACzB,SAAkC,EACpB,EAAE;IAChB,IAAI,SAAS,CAAC,MAAM,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;QACrE,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IACD,OAAO;QACL,IAAI,EAAE,QAAQ;KACf,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,KAAK,EACL,EAAE,GAKH,EAAE,EAAE,CAAC,CACJ,cAAI,SAAS,EAAC,8CAA8C,aAC1D,eAAK,SAAS,EAAC,yBAAyB,aACtC,yBACG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAClB,KAAC,cAAc,IACb,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,iBAAiB,EAAC,KAAK,EACvB,IAAI,EAAE,EAAE,GAAG,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,GACnD,CACH,CAAC,CAAC,CAAC,CACF,SAAS,CAAC,IAAI,CACf,GACI,EACN,SAAS,CAAC,QAAQ,IAAI,CACrB,eAAM,SAAS,EAAC,8DAA8D,yBAEvE,CACR,EACA,kBAAkB,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CACrC,eAAM,SAAS,EAAC,uBAAuB,YACpC,kBAAkB,CAAC,SAAS,CAAC,CAAC,IAAI,GAC9B,CACR,IACG,EACL,SAAS,CAAC,WAAW,IAAI,CACxB,KAAC,QAAQ,IACP,OAAO,EAAE,SAAS,CAAC,WAAW,EAC9B,SAAS,EAAC,qDAAqD,GAC/D,CACH,IACE,CACN,CAAC"}
+{"version":3,"file":"ParameterListItem.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ParameterListItem.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/PlaygroundDialogWrapper.d.ts

@@ -1,5 +1,7 @@
-import type { OperationListItemResult } from "./OperationList.js";
-export declare const PlaygroundDialogWrapper: ({ server, operation, }: {
-    server: string;
-    operation: OperationListItemResult;
+import type { MediaTypeObject, OperationsFragmentFragment } from "./graphql/graphql.js";
+export declare const PlaygroundDialogWrapper: ({ server, servers, operation, examples, }: {
+    server?: string;
+    servers?: string[];
+    operation: OperationsFragmentFragment;
+    examples?: MediaTypeObject[];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/PlaygroundDialogWrapper.js

@@ -1,11 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
-export const PlaygroundDialogWrapper = ({ server, operation, }) => {
+export const PlaygroundDialogWrapper = ({ server, servers, operation, examples, }) => {
     const headers = operation.parameters
         ?.filter((p) => p.in === "header")
+        .sort((a, b) => (a.required && !b.required ? -1 : 1))
         .map((p) => ({
         name: p.name,
-        defaultValue: p.examples?.find((x) => x.value)?.value ?? "",
+        defaultValue: p.schema?.default ?? p.examples?.find((x) => x.value)?.value ?? "",
+        defaultActive: p.required ?? false,
+        isRequired: p.required ?? false,
+        enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
+        type: p.schema?.type ?? "string",
     }));
     const queryParams = operation.parameters
         ?.filter((p) => p.in === "query")
@@ -14,10 +19,16 @@ export const PlaygroundDialogWrapper = ({ server, operation, }) => {
         name: p.name,
         defaultActive: p.required ?? false,
         isRequired: p.required ?? false,
+        enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
+        type: p.schema?.type ?? "string",
+        defaultValue: p.schema?.default,
     }));
     const pathParams = operation.parameters
         ?.filter((p) => p.in === "path")
-        .map((p) => ({ name: p.name }));
-    return (_jsx(PlaygroundDialog, { server: server, method: operation.method, url: operation.path, headers: headers, queryParams: queryParams, pathParams: pathParams }));
+        .map((p) => ({
+        name: p.name,
+        defaultValue: p.schema?.default,
+    }));
+    return (_jsx(PlaygroundDialog, { server: server, servers: servers, method: operation.method, url: operation.path, headers: headers, queryParams: queryParams, pathParams: pathParams, examples: examples }));
 };
 //# sourceMappingURL=PlaygroundDialogWrapper.js.map

package/dist/lib/plugins/openapi/PlaygroundDialogWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaygroundDialogWrapper.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/PlaygroundDialogWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,MAAM,EACN,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU;QAClC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE;KAC5D,CAAC,CAAC,CAAC;IACN,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU;QACtC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC;SAChC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACpD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,aAAa,EAAE,CAAC,CAAC,QAAQ,IAAI,KAAK;QAClC,UAAU,EAAE,CAAC,CAAC,QAAQ,IAAI,KAAK;KAChC,CAAC,CAAC,CAAC;IACN,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU;QACrC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,GAAG,EAAE,SAAS,CAAC,IAAI,EACnB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PlaygroundDialogWrapper.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/PlaygroundDialogWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/RequestBodySidecarBox.d.ts

@@ -1,6 +1,12 @@
-import type { OperationListItemResult } from "./OperationList.js";
-type Content = NonNullable<NonNullable<OperationListItemResult["requestBody"]>["content"]>;
-export declare const RequestBodySidecarBox: ({ content }: {
-    content: Content;
+import type { MediaTypeObject } from "./graphql/graphql.js";
+export declare const RequestBodySidecarBox: ({ content, onExampleChange, isOnScreen, shouldLazyHighlight, selectedContentIndex, selectedExampleIndex, }: {
+    content: MediaTypeObject[];
+    onExampleChange?: (selected: {
+        contentTypeIndex: number;
+        exampleIndex: number;
+    }) => void;
+    isOnScreen: boolean;
+    shouldLazyHighlight?: boolean;
+    selectedContentIndex: number;
+    selectedExampleIndex: number;
 }) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/lib/plugins/openapi/RequestBodySidecarBox.js

@@ -1,13 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon } from "lucide-react";
+import { Button } from "zudoku/components";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { generateSchemaExample } from "./util/generateSchemaExample.js";
-// @todo should we handle multiple content types?
-export const RequestBodySidecarBox = ({ content }) => {
-    if (!content.length)
+import { SidecarExamples } from "./SidecarExamples.js";
+export const RequestBodySidecarBox = ({ content, onExampleChange, isOnScreen, shouldLazyHighlight, selectedContentIndex, selectedExampleIndex, }) => {
+    if (content.length === 0)
         return null;
-    return (_jsx(_Fragment, { children: _jsxs(SidecarBox.Root, { children: [_jsx(SidecarBox.Head, { className: "text-xs flex justify-between items-center", children: _jsx("span", { className: "font-mono", children: "Request Body Example" }) }), _jsx(SidecarBox.Body, { className: "p-0", children: _jsx(SyntaxHighlight, { language: "json", noBackground: true, copyable: true, className: "text-xs max-h-[450px] p-2", code: JSON.stringify(content.at(0)?.schema
-                            ? generateSchemaExample(content[0].schema)
-                            : "", null, 2) }) })] }) }));
+    return (_jsx(Collapsible, { className: "group/collapsible", defaultOpen: true, children: _jsxs(SidecarBox.Root, { children: [_jsx(SidecarBox.Head, { className: "text-xs flex justify-between items-center", children: _jsxs("span", { className: "flex items-center gap-1 font-medium", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "size-fit px-1 py-1 -my-1", "aria-label": "Toggle request body examples", children: [_jsx(ChevronsDownUpIcon, { className: "size-[1em] group-data-[state=closed]/collapsible:hidden" }), _jsx(ChevronsUpDownIcon, { className: "size-[1em] group-data-[state=open]/collapsible:hidden" })] }) }), "Example Request Body"] }) }), _jsx(CollapsibleContent, { children: _jsx(SidecarExamples, { selectedContentIndex: selectedContentIndex, selectedExampleIndex: selectedExampleIndex, content: content, onExampleChange: onExampleChange, isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight }) })] }) }));
 };
 //# sourceMappingURL=RequestBodySidecarBox.js.map

package/dist/lib/plugins/openapi/RequestBodySidecarBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodySidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/RequestBodySidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAMxE,iDAAiD;AACjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACzE,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,4BACE,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACpE,eAAM,SAAS,EAAC,WAAW,qCAA4B,GACvC,EAClB,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YAC9B,KAAC,eAAe,IACd,QAAQ,EAAC,MAAM,EACf,YAAY,QACZ,QAAQ,QACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAE,IAAI,CAAC,SAAS,CAClB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM;4BACnB,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAsB,CAAC;4BAC1D,CAAC,CAAC,EAAE,EACN,IAAI,EACJ,CAAC,CACF,GACD,GACc,IACF,GACjB,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RequestBodySidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/RequestBodySidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,EACP,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GAWrB,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,EAAC,WAAW,kBACpD,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACpE,gBAAM,SAAS,EAAC,qCAAqC,aACnD,KAAC,kBAAkB,IAAC,OAAO,kBACzB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,0BAA0B,gBACzB,8BAA8B,aAEzC,KAAC,kBAAkB,IAAC,SAAS,EAAC,yDAAyD,GAAG,EAC1F,KAAC,kBAAkB,IAAC,SAAS,EAAC,uDAAuD,GAAG,IACjF,GACU,4BAEhB,GACS,EAClB,KAAC,kBAAkB,cACjB,KAAC,eAAe,IACd,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,GACiB,IACL,GACN,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/ResponsesSidecarBox.d.ts

@@ -1,8 +1,7 @@
-import type { OperationListItemResult } from "./OperationList.js";
-type Responses = OperationListItemResult["responses"];
-export declare const ResponsesSidecarBox: ({ responses, selectedResponse, onSelectResponse, }: {
-    responses: Responses;
+import type { ResponseItem } from "./graphql/graphql.js";
+export declare const ResponsesSidecarBox: ({ responses, selectedResponse, isOnScreen, shouldLazyHighlight, }: {
+    responses: ResponseItem[];
     selectedResponse?: string;
-    onSelectResponse: (response: string) => void;
+    isOnScreen: boolean;
+    shouldLazyHighlight?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/plugins/openapi/ResponsesSidecarBox.js

@@ -1,11 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Tabs from "@radix-ui/react-tabs";
-import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
-import { cn } from "../../util/cn.js";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Button } from "zudoku/components";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { generateSchemaExample } from "./util/generateSchemaExample.js";
-export const ResponsesSidecarBox = ({ responses, selectedResponse, onSelectResponse, }) => (_jsx(SidecarBox.Root, { children: _jsxs(Tabs.Root, { defaultValue: responses[0]?.statusCode, value: selectedResponse, onValueChange: (value) => onSelectResponse(value), children: [_jsxs(SidecarBox.Head, { className: "text-xs flex flex-col gap-2 pb-0", children: [_jsx("span", { className: "font-mono", children: "Example Responses" }), _jsx(Tabs.List, { className: "flex gap-2", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("text-xs font-mono px-1.5 py-1 pb-px translate-y-px border-b-2 border-transparent rounded-t cursor-pointer", "data-[state=active]:text-primary data-[state=active]:dark:text-inherit data-[state=active]:border-primary", "hover:border-accent-foreground/25"), children: response.statusCode }, response.statusCode))) })] }), responses.map((response) => {
-                const schema = response.content?.[0]?.schema;
-                return (_jsxs(Tabs.Content, { value: response.statusCode, children: [_jsx(SidecarBox.Body, { className: "p-0", children: schema ? (_jsx(SyntaxHighlight, { language: "json", noBackground: true, className: "text-xs max-h-[450px] p-2", code: JSON.stringify(generateSchemaExample(schema), null, 2) })) : (_jsx("span", { className: "text-muted-foreground font-mono italic text-xs", children: "Empty Response" })) }), _jsx(SidecarBox.Footer, { className: "flex justify-end text-xs", children: response.description })] }, response.statusCode));
-            })] }) }));
+import { SidecarExamples } from "./SidecarExamples.js";
+export const ResponsesSidecarBox = ({ responses, selectedResponse, isOnScreen, shouldLazyHighlight, }) => {
+    const [internalSelectedResponse, setInternalSelectedResponse] = useState(selectedResponse ?? responses[0]?.statusCode);
+    const [selectedContentIndex, setSelectedContentIndex] = useState(0);
+    const [selectedExampleIndex, setSelectedExampleIndex] = useState(0);
+    useEffect(() => {
+        if (!selectedResponse)
+            return;
+        setInternalSelectedResponse(selectedResponse);
+    }, [selectedResponse]);
+    useEffect(() => {
+        if (!internalSelectedResponse)
+            return;
+        setSelectedContentIndex(0);
+        setSelectedExampleIndex(0);
+    }, [internalSelectedResponse]);
+    return (_jsx(Collapsible, { className: "group/collapsible", defaultOpen: true, children: _jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "text-xs flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-1 font-medium shrink-0", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "size-fit px-1 py-1 -my-1", "aria-label": "Toggle response examples", children: [_jsx(ChevronsDownUpIcon, { className: "size-[1em] group-data-[state=closed]/collapsible:hidden" }), _jsx(ChevronsUpDownIcon, { className: "size-[1em] group-data-[state=open]/collapsible:hidden" })] }) }), "Example Responses"] }), _jsx(NativeSelect, { className: "text-xs h-fit py-1 -my-1 bg-background", value: internalSelectedResponse, onChange: (e) => setInternalSelectedResponse(e.target.value), children: responses.map((response) => (_jsx(NativeSelectOption, { value: response.statusCode, children: response.statusCode }, response.statusCode))) })] }), _jsx(CollapsibleContent, { children: _jsx(SidecarExamples, { selectedContentIndex: selectedContentIndex, selectedExampleIndex: selectedExampleIndex, onExampleChange: (selected) => {
+                            setSelectedContentIndex(selected.contentTypeIndex);
+                            setSelectedExampleIndex(selected.exampleIndex);
+                        }, content: responses.find((r) => r.statusCode === internalSelectedResponse)
+                            ?.content ?? [], isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight }) })] }) }));
+};
 //# sourceMappingURL=ResponsesSidecarBox.js.map

package/dist/lib/plugins/openapi/ResponsesSidecarBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GAKjB,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,CAAC,IAAI,cACd,MAAC,IAAI,CAAC,IAAI,IACR,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EACtC,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,aAEjD,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,aAC3D,eAAM,SAAS,EAAC,WAAW,kCAAyB,EACpD,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YAC9B,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,2GAA2G,EAC3G,mCAAmC,CACpC,YAEA,QAAQ,CAAC,UAAU,IARf,QAAQ,CAAC,UAAU,CASX,CAChB,CAAC,GACQ,IACI,EACjB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,MAEzB,CAAC;gBAEd,OAAO,CACL,MAAC,IAAI,CAAC,OAAO,IAA2B,KAAK,EAAE,QAAQ,CAAC,UAAU,aAChE,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YAC7B,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,eAAe,IACd,QAAQ,EAAC,MAAM,EACf,YAAY,QACZ,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5D,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gDAAgD,+BAEzD,CACR,GACe,EAClB,KAAC,UAAU,CAAC,MAAM,IAAC,SAAS,EAAC,0BAA0B,YACpD,QAAQ,CAAC,WAAW,GACH,KAjBH,QAAQ,CAAC,UAAU,CAkBvB,CAChB,CAAC;YACJ,CAAC,CAAC,IACQ,GACI,CACnB,CAAC"}
+{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/SchemaList.d.ts

@@ -0,0 +1 @@
+export declare function SchemaList(): import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/SchemaList.js

@@ -0,0 +1,52 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import slugify from "@sindresorhus/slugify";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { ChevronRightIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, } from "lucide-react";
+import { Button } from "zudoku/ui/Button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
+import { CategoryHeading } from "../../components/CategoryHeading.js";
+import { Heading } from "../../components/Heading.js";
+import { Markdown } from "../../components/Markdown.js";
+import { Toc } from "../../components/navigation/Toc.js";
+import { useCreateQuery } from "./client/useCreateQuery.js";
+import { useOasConfig } from "./context.js";
+import { graphql } from "./graphql/gql.js";
+import { SchemaView } from "./schema/SchemaView.js";
+const GET_SCHEMAS = graphql(/* GraphQL */ `
+  query GetSchemas($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      title
+      description
+      summary
+      components {
+        schemas {
+          name
+          schema
+          extensions
+        }
+      }
+    }
+  }
+`);
+export function SchemaList() {
+    const { input, type, versions, version, options } = useOasConfig();
+    const schemasQuery = useCreateQuery(GET_SCHEMAS, {
+        input,
+        type,
+    });
+    const { data } = useSuspenseQuery(schemasQuery);
+    const schemas = data.schema.components?.schemas ?? [];
+    const hasMultipleVersions = Object.entries(versions).length > 1;
+    const showVersions = options?.showVersionSelect === "always" ||
+        (hasMultipleVersions && options?.showVersionSelect !== "hide");
+    if (!schemas.length) {
+        return (_jsxs("div", { children: [_jsxs(Helmet, { children: [_jsxs("title", { children: ["Schemas ", showVersions ? version : ""] }), _jsx("meta", { name: "description", content: "List of schemas used by the API." })] }), "No schemas found"] }));
+    }
+    return (_jsxs("div", { className: "grid grid-cols-(--sidecar-grid-cols) gap-8 justify-between", "data-pagefind-filter": "section:openapi", "data-pagefind-meta": "section:openapi", children: [_jsxs(Helmet, { children: [_jsxs("title", { children: ["Schemas ", showVersions ? version : ""] }), _jsx("meta", { name: "description", content: "List of schemas used by the API." })] }), _jsxs("div", { className: "pt-(--padding-content-top) pb-(--padding-content-bottom)", children: [_jsxs(Collapsible, { className: "w-full", children: [_jsxs("div", { className: "flex flex-col gap-y-4 sm:flex-row justify-around items-start sm:items-end", children: [_jsxs("div", { className: "flex-1", children: [_jsx(CategoryHeading, { children: data.schema.title }), _jsxs(Heading, { level: 1, id: "schemas", registerNavigationAnchor: true, className: "mb-0", children: ["Schemas", showVersions && (_jsxs("span", { className: "text-xl text-muted-foreground ms-1.5", children: ["(", version, ")"] }))] })] }), data.schema.description && (_jsxs(CollapsibleTrigger, { className: "flex items-center gap-1 text-sm font-medium text-muted-foreground group", children: [_jsx("span", { children: "API information" }), _jsx(ChevronsUpDownIcon, { className: "group-data-[state=open]:hidden translate-y-px", size: 14 }), _jsx(ChevronsDownUpIcon, { className: "group-data-[state=closed]:hidden translate-y-px", size: 13 })] }))] }), data.schema.description && (_jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "mt-4 max-w-full border rounded-sm bg-muted/25", children: _jsx(Markdown, { className: "max-w-full prose-img:max-w-prose border-border p-3 lg:p-5", content: data.schema.description }) }) }))] }), _jsx("hr", { className: "my-8" }), _jsx("div", { className: "flex flex-col gap-y-5", children: schemas.map((schema) => (_jsxs(Collapsible, { className: "group", defaultOpen: true, children: [_jsxs(Heading, { registerNavigationAnchor: true, level: 2, className: "flex items-center gap-1 justify-between w-fit", id: slugify(schema.name), children: [schema.name, " ", _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "size-6", children: _jsx(ChevronRightIcon, { size: 16, className: "group-data-[state=open]:rotate-90 transition cursor-pointer" }) }) })] }), _jsx(CollapsibleContent, { className: "mt-4 CollapsibleContent", children: _jsx(SchemaView, { schema: schema.schema }) })] }, schema.name))) })] }), _jsx(Toc, { entries: schemas.map((schema) => ({
+                    id: slugify(schema.name),
+                    value: schema.name,
+                    depth: 1,
+                })) })] }));
+}
+//# sourceMappingURL=SchemaList.js.map

package/dist/lib/plugins/openapi/SchemaList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SchemaList.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/Sidecar.d.ts

@@ -1,10 +1,11 @@
-import type { OperationListItemResult } from "./OperationList.js";
-export declare const GetServerQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("./graphql/graphql.js").GetServerQueryQuery, import("./graphql/graphql.js").Exact<{
+import type { OperationsFragmentFragment } from "./graphql/graphql.js";
+export declare const GetServerQuery: import("./graphql/graphql.js").TypedDocumentString<import("./graphql/graphql.js").GetServerQueryQuery, import("./graphql/graphql.js").Exact<{
     input: import("./graphql/graphql.js").Scalars["JSON"]["input"];
     type: import("./graphql/graphql.js").SchemaType;
 }>>;
-export declare const Sidecar: ({ operation, selectedResponse, onSelectResponse, }: {
-    operation: OperationListItemResult;
+export declare const Sidecar: ({ operation, selectedResponse, globalSelectedServer, shouldLazyHighlight, }: {
+    operation: OperationsFragmentFragment;
     selectedResponse?: string;
-    onSelectResponse: (response: string) => void;
+    globalSelectedServer?: string;
+    shouldLazyHighlight?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/Sidecar.js

@@ -1,143 +1,149 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HTTPSnippet } from "@zudoku/httpsnippet";
-import { Fragment, useMemo, useTransition } from "react";
-import { useSearchParams } from "react-router-dom";
-import { TextColorMap } from "../../components/navigation/SidebarBadge.js";
-import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { useMemo, useState, useTransition } from "react";
+import { useSearchParams } from "react-router";
+import { useZudoku } from "zudoku/hooks";
+import { Badge } from "zudoku/ui/Badge.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
+import { SyntaxHighlight } from "zudoku/ui/SyntaxHighlight.js";
+import { useAuthState } from "../../authentication/state.js";
+import { PathRenderer } from "../../components/PathRenderer.js";
 import { cn } from "../../util/cn.js";
+import { useOnScreen } from "../../util/useOnScreen.js";
 import { ColorizedParam } from "./ColorizedParam.js";
+import { NonHighlightedCode } from "./components/NonHighlightedCode.js";
 import { useOasConfig } from "./context.js";
+import { GeneratedExampleSidecarBox } from "./GeneratedExampleSidecarBox.js";
 import { graphql } from "./graphql/index.js";
 import { PlaygroundDialogWrapper } from "./PlaygroundDialogWrapper.js";
 import { RequestBodySidecarBox } from "./RequestBodySidecarBox.js";
 import { ResponsesSidecarBox } from "./ResponsesSidecarBox.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { SimpleSelect } from "./SimpleSelect.js";
+import { createHttpSnippet, getConverted } from "./util/createHttpSnippet.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
-import { useQuery } from "./util/urql.js";
-const getConverted = (snippet, option) => {
-    let converted;
-    switch (option) {
-        case "shell":
-            converted = snippet.convert("shell", "curl");
-            break;
-        case "js":
-            converted = snippet.convert("javascript", "fetch");
-            break;
-        case "python":
-            converted = snippet.convert("python", "requests");
-            break;
-        case "java":
-            converted = snippet.convert("java", "okhttp");
-            break;
-        case "go":
-            converted = snippet.convert("go", "native");
-            break;
-        case "csharp":
-            converted = snippet.convert("csharp", "httpclient");
-            break;
-        case "kotlin":
-            converted = snippet.convert("kotlin", "okhttp");
-            break;
-        case "objc":
-            converted = snippet.convert("objc", "nsurlsession");
-            break;
-        case "php":
-            converted = snippet.convert("php", "http2");
-            break;
-        case "ruby":
-            converted = snippet.convert("ruby");
-            break;
-        case "swift":
-            converted = snippet.convert("swift");
-            break;
-        default:
-            converted = snippet.convert("shell");
-            break;
-    }
-    return converted ? converted[0] : "";
-};
+import { methodForColor } from "./util/methodToColor.js";
 export const GetServerQuery = graphql(/* GraphQL */ `
   query getServerQuery($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
+      servers {
+        url
+      }
     }
   }
 `);
-const context = { suspense: true };
-const methodToColor = {
-    get: TextColorMap.green,
-    post: TextColorMap.blue,
-    put: TextColorMap.yellow,
-    delete: TextColorMap.red,
-    patch: TextColorMap.purple,
-    options: TextColorMap.indigo,
-    head: TextColorMap.gray,
-    trace: TextColorMap.gray,
-};
-export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
-    const oasConfig = useOasConfig();
-    const [result] = useQuery({
-        query: GetServerQuery,
-        variables: oasConfig,
-        context,
-    });
-    const methodTextColor = methodToColor[operation.method.toLocaleLowerCase()] ?? TextColorMap.gray;
+const EXAMPLE_LANGUAGES = [
+    { value: "shell", label: "cURL" },
+    { value: "js", label: "JavaScript" },
+    { value: "python", label: "Python" },
+    { value: "java", label: "Java" },
+    { value: "go", label: "Go" },
+    { value: "csharp", label: "C#" },
+    { value: "kotlin", label: "Kotlin" },
+    { value: "objc", label: "Objective-C" },
+    { value: "php", label: "PHP" },
+    { value: "ruby", label: "Ruby" },
+    { value: "swift", label: "Swift" },
+];
+export const Sidecar = ({ operation, selectedResponse, globalSelectedServer, shouldLazyHighlight, }) => {
+    const { options } = useOasConfig();
+    const auth = useAuthState();
+    const context = useZudoku();
+    const methodTextColor = methodForColor(operation.method);
     const [searchParams, setSearchParams] = useSearchParams();
     const [, startTransition] = useTransition();
-    const selectedLang = searchParams.get("lang") ?? "shell";
+    const supportedLanguages = options?.supportedLanguages ?? EXAMPLE_LANGUAGES;
+    const preferredLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "shell";
+    const selectedLang = supportedLanguages.find((lang) => lang.value === preferredLang)?.value ??
+        supportedLanguages.at(0)?.value ??
+        "shell";
     const requestBodyContent = operation.requestBody?.content;
-    const path = operation.path.split("/").map((part, i, arr) => {
-        const isParam = (part.startsWith("{") && part.endsWith("}")) || part.startsWith(":");
-        const paramName = isParam ? part.replace(/[:{}]/g, "") : undefined;
-        return (
-        // eslint-disable-next-line react/no-array-index-key
-        _jsxs(Fragment, { children: [paramName ? (_jsx(ColorizedParam, { name: paramName, backgroundOpacity: "0", 
-                    // same as in `ParameterListItem`
-                    slug: `${operation.slug}-${paramName.toLocaleLowerCase()}`, children: part })) : (part), i < arr.length - 1 ? "/" : null, _jsx("wbr", {})] }, part + i));
+    const transformedRequestBodyContent = requestBodyContent && options?.transformExamples
+        ? options.transformExamples({
+            auth,
+            type: "request",
+            operation,
+            content: requestBodyContent,
+            context,
+        })
+        : requestBodyContent;
+    const [selectedRequestExample, setSelectedRequestExample] = useState({
+        contentTypeIndex: 0,
+        exampleIndex: 0,
     });
-    const code = useMemo(() => {
-        const example = requestBodyContent?.[0]?.schema
-            ? generateSchemaExample(requestBodyContent[0].schema)
+    const selectedContent = transformedRequestBodyContent?.at(selectedRequestExample.contentTypeIndex);
+    const currentExample = selectedContent?.examples?.at(selectedRequestExample.exampleIndex);
+    const currentExampleCode = currentExample
+        ? (currentExample?.value ?? currentExample)
+        : selectedContent?.schema
+            ? generateSchemaExample(selectedContent?.schema)
             : undefined;
-        const snippet = new HTTPSnippet({
-            method: operation.method.toLocaleUpperCase(),
-            url: (result.data?.schema.url ?? "") +
-                operation.path.replaceAll("{", ":").replaceAll("}", ""),
-            postData: example
+    const path = (_jsx(PathRenderer, { path: operation.path, renderParam: ({ name }) => (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", className: "py-px px-0.5", 
+            // same as in `ParameterListItem`
+            slug: `${operation.slug}-${name}`, children: `{${name}}` })) }));
+    // Manual server selection takes precedence over the server hierarchy.
+    // If no manual selection, fall back to operation's first server (already respects operation > path > global hierarchy)
+    const selectedServer = globalSelectedServer || operation.servers.at(0)?.url || "";
+    const httpSnippetCode = useMemo(() => {
+        const converted = options?.generateCodeSnippet?.({
+            selectedLang,
+            selectedServer,
+            context,
+            operation,
+            example: currentExampleCode,
+            auth,
+        });
+        if (converted)
+            return converted;
+        const snippet = createHttpSnippet({
+            operation,
+            selectedServer,
+            exampleBody: currentExampleCode
                 ? {
-                    text: JSON.stringify(example, null, 2),
                     mimeType: "application/json",
+                    text: JSON.stringify(currentExampleCode, null, 2),
                 }
-                : {},
-            headers: [],
-            queryString: [],
-            httpVersion: "",
-            cookies: [],
-            headersSize: 0,
-            bodySize: 0,
+                : { mimeType: "application/json" },
         });
         return getConverted(snippet, selectedLang);
-    }, [selectedLang, operation.method, operation.path, requestBodyContent]);
-    return (_jsxs("aside", { className: "flex flex-col overflow-hidden sticky top-[--scroll-padding] gap-4", children: [_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "flex justify-between items-center flex-nowrap py-3 gap-2 text-xs", children: [_jsxs("span", { className: "font-mono break-words", children: [_jsx("span", { className: cn("font-semibold", methodTextColor), children: operation.method.toLocaleUpperCase() }), "\u00A0", path] }), _jsx(PlaygroundDialogWrapper, { server: result.data?.schema.url ?? "", operation: operation })] }), _jsx(SidecarBox.Body, { className: "max-h-[480px] p-0", children: _jsx(SyntaxHighlight, { language: selectedLang, noBackground: true, className: "text-xs p-2", code: code }) }), _jsxs(SidecarBox.Footer, { className: "flex items-center text-xs gap-2 justify-end py-1", children: [_jsx("span", { children: "Show example in" }), _jsx(SimpleSelect, { className: "self-start max-w-[150px]", value: selectedLang, onChange: (e) => {
-                                    startTransition(() => {
-                                        setSearchParams((prev) => {
-                                            prev.set("lang", e.target.value);
-                                            return prev;
-                                        });
-                                    });
-                                }, options: [
-                                    { value: "shell", label: "cURL" },
-                                    { value: "js", label: "Javascript" },
-                                    { value: "python", label: "Python" },
-                                    { value: "java", label: "Java" },
-                                    { value: "go", label: "Go" },
-                                    { value: "csharp", label: "C#" },
-                                    { value: "kotlin", label: "Kotlin" },
-                                    { value: "objc", label: "Objective C" },
-                                    { value: "php", label: "PHP" },
-                                    { value: "ruby", label: "Ruby" },
-                                    { value: "swift", label: "Swift" },
-                                ] })] })] }), requestBodyContent && (_jsx(RequestBodySidecarBox, { content: requestBodyContent })), operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { selectedResponse: selectedResponse, onSelectResponse: onSelectResponse, responses: operation.responses }))] }));
+    }, [
+        currentExampleCode,
+        operation,
+        selectedServer,
+        selectedLang,
+        options,
+        auth,
+        context,
+    ]);
+    const [ref, isOnScreen] = useOnScreen({ rootMargin: "200px 0px 200px 0px" });
+    const showPlayground = isOnScreen &&
+        (operation.extensions["x-explorer-enabled"] === true ||
+            operation.extensions["x-zudoku-playground-enabled"] === true ||
+            (operation.extensions["x-explorer-enabled"] === undefined &&
+                operation.extensions["x-zudoku-playground-enabled"] === undefined &&
+                !options?.disablePlayground));
+    const hasResponseExamples = operation.responses.some((response) => response.content?.some((content) => (content.examples?.length ?? 0) > 0));
+    return (_jsxs("aside", { ref: ref, className: "flex flex-col sticky top-(--scroll-padding) gap-4", "data-pagefind-ignore": "all", children: [_jsxs(SidecarBox.Root, { children: [_jsx(SidecarBox.Head, { className: "py-1.5", children: _jsxs("div", { className: "flex items-center flex-wrap gap-2 justify-between w-full", children: [_jsxs("span", { className: "font-mono wrap-break-word leading-6 space-x-1", children: [_jsx(Badge, { variant: "outline", className: cn(methodTextColor, "px-1.5 rounded-md border-none bg-current/7 dark:bg-current/15"), children: operation.method.toUpperCase() }), path] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(NativeSelect, { className: "py-0.5 h-fit max-w-32 truncate bg-background", value: selectedLang, onChange: (e) => {
+                                                startTransition(() => {
+                                                    setSearchParams((prev) => {
+                                                        prev.set("lang", e.target.value);
+                                                        return prev;
+                                                    });
+                                                });
+                                            }, children: supportedLanguages.map((language) => (_jsx(NativeSelectOption, { value: language.value, children: language.label }, language.value))) }), showPlayground && (_jsx(PlaygroundDialogWrapper, { servers: operation.servers.map((server) => server.url), operation: operation, examples: requestBodyContent ?? undefined }))] })] }) }), _jsx(SidecarBox.Body, { children: shouldLazyHighlight && !isOnScreen ? (_jsx(NonHighlightedCode, { code: httpSnippetCode ?? "" })) : (_jsx(SyntaxHighlight, { embedded: true, language: selectedLang, className: "[--scrollbar-color:gray] rounded-none text-xs max-h-[200px]", 
+                            // biome-ignore lint/style/noNonNullAssertion: code is guaranteed to be defined
+                            code: httpSnippetCode })) })] }), transformedRequestBodyContent && currentExample ? (_jsx(RequestBodySidecarBox, { content: transformedRequestBodyContent, onExampleChange: (selected) => {
+                    setSelectedRequestExample(selected);
+                }, selectedContentIndex: selectedRequestExample.contentTypeIndex, selectedExampleIndex: selectedRequestExample.exampleIndex, isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight })) : transformedRequestBodyContent && currentExampleCode ? (_jsx(GeneratedExampleSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, code: JSON.stringify(currentExampleCode, null, 2) })) : null, hasResponseExamples && (_jsx(ResponsesSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, selectedResponse: selectedResponse, responses: operation.responses.map((response) => ({
+                    ...response,
+                    content: response.content && options?.transformExamples
+                        ? options.transformExamples({
+                            auth,
+                            type: "response",
+                            context,
+                            operation,
+                            content: response.content,
+                        })
+                        : response.content,
+                })) }))] }));
 };
 //# sourceMappingURL=Sidecar.js.map