zudoku 0.0.0-feda542 → 0.0.0-ff27e7ea

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

@@ -1,12 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Tabs from "@radix-ui/react-tabs";
-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 { SidecarExamples } from "./SidecarExamples.js";
-const ResponseContent = ({ response }) => {
-    return (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SidecarExamples, { content: response.content ?? [], description: response.description ?? undefined }) }));
-};
-export const ResponsesSidecarBox = ({ responses, selectedResponse, onSelectResponse, }) => {
-    return (_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) => (_jsx(ResponseContent, { response: response }, response.statusCode)))] }) }));
+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,kBAAkB,CAAC;AAEtC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAmC,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,YACtC,KAAC,eAAe,IACd,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,EAC/B,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,SAAS,GAC9C,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GAKjB,EAAE,EAAE;IACH,OAAO,CACL,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,CAAC,CAC3B,KAAC,eAAe,IAA2B,QAAQ,EAAE,QAAQ,IAAvC,QAAQ,CAAC,UAAU,CAAwB,CAClE,CAAC,IACQ,GACI,CACnB,CAAC;AACJ,CAAC,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.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, ProseClasses } from "../../components/Markdown.js";
+import { Markdown } from "../../components/Markdown.js";
 import { Toc } from "../../components/navigation/Toc.js";
-import { cn } from "../../util/cn.js";
 import { useCreateQuery } from "./client/useCreateQuery.js";
 import { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/gql.js";
@@ -37,13 +37,13 @@ export function SchemaList() {
     });
     const { data } = useSuspenseQuery(schemasQuery);
     const schemas = data.schema.components?.schemas ?? [];
-    if (!schemas.length) {
-        return _jsx("div", { children: "No schemas found" });
-    }
     const hasMultipleVersions = Object.entries(versions).length > 1;
     const showVersions = options?.showVersionSelect === "always" ||
         (hasMultipleVersions && options?.showVersionSelect !== "hide");
-    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("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", registerSidebarAnchor: true, className: "mb-0", children: ["Schemas", showVersions && (_jsxs("span", { className: "text-xl text-muted-foreground ml-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: cn(ProseClasses, "pt-4 max-w-full prose-img:max-w-prose"), children: _jsx(Markdown, { className: "border rounded bg-muted/25 border-border px-2.5 md:px-4", 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, { registerSidebarAnchor: 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) => ({
+    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,

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SchemaList.tsx"],"names":[],"mappings":"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"}
+{"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";
+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,69 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useSuspenseQuery } from "@tanstack/react-query";
-import { HTTPSnippet } from "@zudoku/httpsnippet";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useTransition } from "react";
 import { useSearchParams } from "react-router";
-import { useZudoku } from "zudoku/components";
+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 { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
 import { cn } from "../../util/cn.js";
 import { useOnScreen } from "../../util/useOnScreen.js";
-import { useCreateQuery } from "./client/useCreateQuery.js";
-import { CollapsibleCode } from "./CollapsibleCode.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 { useSelectedServer } from "./state.js";
+import { createHttpSnippet, getConverted } from "./util/createHttpSnippet.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
 import { methodForColor } from "./util/methodToColor.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] : "";
-};
 export const GetServerQuery = graphql(/* GraphQL */ `
   query getServerQuery($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
@@ -87,17 +44,18 @@ const EXAMPLE_LANGUAGES = [
     { value: "ruby", label: "Ruby" },
     { value: "swift", label: "Swift" },
 ];
-export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
-    const { input, type, options } = useOasConfig();
+export const Sidecar = ({ operation, selectedResponse, globalSelectedServer, shouldLazyHighlight, }) => {
+    const { options } = useOasConfig();
     const auth = useAuthState();
-    const query = useCreateQuery(GetServerQuery, { input, type });
-    const result = useSuspenseQuery(query);
     const context = useZudoku();
     const methodTextColor = methodForColor(operation.method);
     const [searchParams, setSearchParams] = useSearchParams();
     const [, startTransition] = useTransition();
-    const [selectedExample, setSelectedExample] = useState();
-    const selectedLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "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 transformedRequestBodyContent = requestBodyContent && options?.transformExamples
         ? options.transformExamples({
@@ -108,40 +66,53 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
             context,
         })
         : requestBodyContent;
-    const path = (_jsx(PathRenderer, { path: operation.path, renderParam: ({ name }) => (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", 
+    const [selectedRequestExample, setSelectedRequestExample] = useState({
+        contentTypeIndex: 0,
+        exampleIndex: 0,
+    });
+    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 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}}` })) }));
-    const { selectedServer } = useSelectedServer(result.data.schema.servers);
-    const code = useMemo(() => {
-        const example = selectedExample ??
-            (transformedRequestBodyContent?.[0]?.schema
-                ? generateSchemaExample(transformedRequestBodyContent[0].schema)
-                : undefined);
-        const snippet = new HTTPSnippet({
-            method: operation.method.toLocaleUpperCase(),
-            url: selectedServer +
-                operation.path.replaceAll("{", ":").replaceAll("}", ""),
-            postData: example
+    // 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: [{ name: "Content-Type", value: "application/json" }],
-            queryString: [],
-            httpVersion: "",
-            cookies: [],
-            headersSize: 0,
-            bodySize: 0,
+                : { mimeType: "application/json" },
         });
         return getConverted(snippet, selectedLang);
     }, [
-        selectedExample,
-        transformedRequestBodyContent,
-        operation.method,
-        operation.path,
+        currentExampleCode,
+        operation,
         selectedServer,
         selectedLang,
+        options,
+        auth,
+        context,
     ]);
     const [ref, isOnScreen] = useOnScreen({ rootMargin: "200px 0px 200px 0px" });
     const showPlayground = isOnScreen &&
@@ -150,14 +121,19 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
             (operation.extensions["x-explorer-enabled"] === undefined &&
                 operation.extensions["x-zudoku-playground-enabled"] === undefined &&
                 !options?.disablePlayground));
-    return (_jsxs("aside", { ref: ref, className: "flex flex-col overflow-hidden sticky top-[--scroll-padding] gap-4", "data-pagefind-ignore": "all", children: [_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "flex justify-between items-center flex-nowrap py-2.5 gap-2 text-xs", children: [_jsxs("span", { className: "font-mono break-words leading-6", children: [_jsx("span", { className: cn("font-semibold", methodTextColor), children: operation.method.toLocaleUpperCase() }), "\u00A0", path] }), showPlayground && (_jsx(PlaygroundDialogWrapper, { servers: result.data.schema.servers.map((server) => server.url), operation: operation, examples: requestBodyContent ?? undefined }))] }), isOnScreen && (_jsxs(_Fragment, { children: [_jsx(SidecarBox.Body, { className: "p-0", children: _jsx(CollapsibleCode, { children: _jsx(SyntaxHighlight, { language: selectedLang, noBackground: true, className: "[--scrollbar-color:gray] text-xs max-h-[500px] p-2", code: code }) }) }), _jsxs(SidecarBox.Footer, { className: "flex items-center text-xs gap-2 justify-end py-2.5", 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;
+    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;
+                                                    });
                                                 });
-                                            });
-                                        }, options: EXAMPLE_LANGUAGES })] })] }))] }), isOnScreen && transformedRequestBodyContent && (_jsx(RequestBodySidecarBox, { content: transformedRequestBodyContent, onExampleChange: setSelectedExample })), isOnScreen && operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { selectedResponse: selectedResponse, onSelectResponse: onSelectResponse, responses: operation.responses.map((response) => ({
+                                            }, 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({

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../util/cn.js";
-export const Root = ({ children, className }) => (_jsx("div", { className: cn("rounded-xl overflow-hidden border border-border", className), children: children }));
-export const Head = ({ children, className }) => (_jsx("div", { className: cn("border-b bg-muted dark:bg-transparent text-card-foreground p-3 py-2.5", className), children: children }));
-export const Body = ({ children, className }) => (_jsx("div", { className: cn("bg-card overflow-auto p-2", className), children: children }));
-export const Footer = ({ children, className }) => (_jsx("div", { className: cn("border-t bg-muted dark:bg-transparent p-3", className), children: children }));
+export const Root = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-root", className: cn("relative text-xs flex min-w-0 flex-col rounded-xl border bg-muted/50 bg-clip-padding", "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_2px_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:-inset-[5px] after:-z-1 after:rounded-[calc(var(--radius-xl)+4px)] after:border after:border-border/50 after:bg-clip-padding **:data-[slot=particle-wrapper]:w-full **:data-[slot=particle-wrapper]:max-w-64 lg:col-span-1 dark:after:bg-background/72", className), children: children }));
+export const Head = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-head", className: cn("flex items-center gap-3 rounded-b-xl p-2.5 data-[slot=head]:rounded-b-none", className), children: children }));
+export const Body = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-body", className: cn("overflow-auto -m-px flex min-w-0 flex-1 flex-col overflow-x-auto rounded-t-xl border bg-background", "rounded-b last:rounded-b-xl", "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className), children: children }));
+export const Footer = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-footer", className: cn("p-2 rounded-b-xl data-[slot=sidecar-box-footer]:rounded-b-none", className), children: children }));
 //# sourceMappingURL=SidecarBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cACE,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAE1E,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAC7E,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrE,cAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,YACvE,QAAQ,GACL,CACP,CAAC"}
+{"version":3,"file":"SidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,qcAAqc,EACrc,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,6BAA6B,EAC7B,6JAA6J,EAC7J,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrE,2BACY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC"}

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

@@ -1,9 +1,14 @@
-import type { OperationListItemResult } from "./OperationList.js";
-export type Content = NonNullable<NonNullable<OperationListItemResult["requestBody"]>["content"]>;
-export type Example = NonNullable<NonNullable<Content[number]["examples"]>>[number];
+import type { MediaTypeObject } from "./graphql/graphql.js";
 export type SidecarExamplesProps = {
-    content: Content;
+    content: MediaTypeObject[];
     description?: string;
-    onExampleChange?: (example: unknown) => void;
+    selectedContentIndex: number;
+    selectedExampleIndex: number;
+    onExampleChange?: ({ contentTypeIndex, exampleIndex, }: {
+        contentTypeIndex: number;
+        exampleIndex: number;
+    }) => void;
+    isOnScreen: boolean;
+    shouldLazyHighlight?: boolean;
 };
-export declare const SidecarExamples: ({ content, description, onExampleChange, }: SidecarExamplesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidecarExamples: ({ content, description, onExampleChange, selectedContentIndex, selectedExampleIndex, isOnScreen, shouldLazyHighlight, }: SidecarExamplesProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { ExternalLinkIcon } from "lucide-react";
+import { Badge } from "zudoku/ui/Badge.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
-import { CollapsibleCode } from "./CollapsibleCode.js";
+import { NonHighlightedCode } from "./components/NonHighlightedCode.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { SimpleSelect } from "./SimpleSelect.js";
-import { generateSchemaExample } from "./util/generateSchemaExample.js";
 const formatForDisplay = (value) => {
     if (value == null)
-        return "No example";
+        return;
     if (typeof value === "string")
         return value.trim();
     return JSON.stringify(value, null, 2);
@@ -15,7 +15,15 @@ const formatForDisplay = (value) => {
 const getLanguage = (mediaType) => {
     if (!mediaType)
         return "plain";
+    if (mediaType.endsWith("+json"))
+        return "json";
+    if (mediaType.endsWith("+xml"))
+        return "xml";
+    if (mediaType.endsWith("+yaml"))
+        return "yaml";
     const languages = {
+        "text/html": "html",
+        "application/x-ndjson": "json",
         "application/json": "json",
         "application/xml": "xml",
         "application/x-yaml": "yaml",
@@ -25,44 +33,25 @@ const getLanguage = (mediaType) => {
     };
     return languages[mediaType] ?? "plain";
 };
-export const SidecarExamples = ({ content, description, onExampleChange, }) => {
-    const [selectedContentTypeIndex, setSelectedContentTypeIndex] = useState(0);
-    const [selectedExampleIndex, setSelectedExampleIndex] = useState(0);
-    // Get the effective content (handle single item array case)
-    const effectiveContent = Array.isArray(content) && content.length === 1
-        ? content[0]
-        : content[selectedContentTypeIndex];
+export const SidecarExamples = ({ content, description, onExampleChange, selectedContentIndex, selectedExampleIndex, isOnScreen, shouldLazyHighlight, }) => {
     // Get example value, with fallback to schema-generated example
-    const examples = effectiveContent?.examples ?? [];
-    const selectedExample = examples[selectedExampleIndex];
-    const exampleValue = useMemo(() => {
-        if (selectedExample) {
-            // If it's a wrapped example with a value field, use that
-            return "value" in selectedExample
-                ? selectedExample.value
-                : selectedExample;
-        }
-        else if (effectiveContent?.schema) {
-            // No example provided, generate one from schema
-            return generateSchemaExample(effectiveContent.schema);
-        }
-    }, [selectedExample, effectiveContent?.schema]);
-    useEffect(() => {
-        if (!exampleValue)
-            return;
-        onExampleChange?.(exampleValue);
-    }, [exampleValue, onExampleChange]);
-    const formattedExample = formatForDisplay(exampleValue);
-    const language = getLanguage(effectiveContent?.mediaType);
-    return (_jsxs(_Fragment, { children: [_jsxs(SidecarBox.Body, { className: "p-0", children: [selectedExample?.externalValue ? (_jsx("div", { className: "p-2", children: _jsx("a", { href: selectedExample.externalValue, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline", children: "View External Example \u2192" }) })) : (_jsx(CollapsibleCode, { children: _jsx(SyntaxHighlight, { language: language, noBackground: true, className: "[--scrollbar-color:gray] text-xs max-h-[500px] p-2", code: formattedExample }) })), selectedExample?.description && (_jsx("div", { className: "border-t text-xs px-3 py-1.5 text-muted-foreground", children: selectedExample.description }))] }), _jsxs(SidecarBox.Footer, { className: "text-xs p-0 divide-y divide-border", children: [description && (_jsx("div", { className: "text-muted-foreground text-xs px-3 py-2", children: description })), (examples.length !== 0 || content.length !== 0) && (_jsxs("div", { className: "flex items-center gap-2 justify-between min-w-0 px-3 py-2", children: [_jsx("div", { className: "flex items-center gap-2 min-w-0", children: content.length > 1 ? (_jsx(SimpleSelect, { className: "max-w-[200px]", value: selectedContentTypeIndex.toString(), onChange: (e) => setSelectedContentTypeIndex(Number(e.target.value)), options: content.map((c, index) => ({
-                                        value: index.toString(),
-                                        label: c.mediaType,
-                                    })) })) : (_jsx("span", { className: "font-mono text-[11px]", children: content[0]?.mediaType })) }), examples.length > 1 && (_jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleSelect, { className: "max-w-[180px]", value: selectedExampleIndex.toString(), onChange: (e) => setSelectedExampleIndex(Number(e.target.value)), options: examples.map((example, index) => ({
-                                        value: index.toString(),
-                                        label: example.summary ||
-                                            example.name ||
-                                            example.description ||
-                                            `Example ${index + 1}`,
-                                    })) }) }))] }))] })] }));
+    const selectedContent = content[selectedContentIndex];
+    const examples = selectedContent?.examples ?? [];
+    const selectedExample = examples?.[selectedExampleIndex];
+    const formattedExample = formatForDisplay(selectedExample?.value);
+    const language = getLanguage(selectedContent?.mediaType);
+    return (_jsxs(_Fragment, { children: [_jsxs(SidecarBox.Body, { className: "p-0", children: [selectedExample?.externalValue ? (_jsx("div", { className: "p-4", children: _jsxs("a", { href: selectedExample.externalValue, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline", children: ["View External Example", _jsx(ExternalLinkIcon, { className: "size-3 inline-block ms-1 align-[-0.125em]" })] }) })) : shouldLazyHighlight && !isOnScreen && formattedExample ? (_jsx(NonHighlightedCode, { code: formattedExample })) : formattedExample ? (_jsx(SyntaxHighlight, { embedded: true, language: language, className: "[--scrollbar-color:gray] rounded-none max-h-[200px] text-xs overflow-auto", code: formattedExample })) : (_jsx("div", { className: "grid place-items-center text-xs text-muted-foreground min-h-18", children: "No example specified for this content type" })), selectedExample?.description && (_jsx("div", { className: "border-t text-xs px-3 py-1.5 text-muted-foreground", children: selectedExample.description }))] }), _jsxs(SidecarBox.Footer, { className: "text-xs", children: [description && (_jsx("div", { className: "text-muted-foreground text-xs px-1 py-2", children: description })), (examples.length !== 0 || content.length !== 0) && (_jsxs("div", { className: "flex items-center gap-2 justify-between min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: content.length > 1 ? (_jsx(NativeSelect, { className: "text-xs h-fit py-1 truncate bg-background", value: selectedContentIndex.toString(), onChange: (e) => onExampleChange?.({
+                                        contentTypeIndex: Number(e.target.value),
+                                        exampleIndex: 0,
+                                    }), children: content.map((c, index) => (_jsx(NativeSelectOption, { value: index.toString(), children: c.mediaType }, c.mediaType))) })) : (_jsx(Badge, { className: "text-[11px] font-mono font-normal", variant: "outline", children: content[0]?.mediaType })) }), examples.length > 1 && (_jsx(NativeSelect, { className: "text-xs h-fit py-1 truncate bg-background", value: selectedExampleIndex.toString(), onChange: (e) => onExampleChange?.({
+                                    contentTypeIndex: selectedContentIndex,
+                                    exampleIndex: Number(e.target.value),
+                                }), children: examples.map((example, index) => (_jsx(NativeSelectOption, { value: index.toString(), children: example.summary ||
+                                        example.name ||
+                                        example.description ||
+                                        `Example ${index + 1}` }, example.summary ||
+                                    example.name ||
+                                    example.description ||
+                                    `Example ${index + 1}`))) }))] }))] })] }));
 };
 //# sourceMappingURL=SidecarExamples.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 export declare const StaggeredRenderContext: import("react").Context<{
     stagger: boolean;
 }>;