zudoku 0.0.0-f3858d6 → 0.0.0-f49e3ea

package/dist/lib/plugins/custom-pages/index.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ProseClasses } from "../../components/Markdown.js";
+import { CustomPage } from "./CustomPage.js";
 export const customPagesPlugin = (config) => {
     return {
-        getRoutes: () => config.map(({ path, element }) => ({
+        getRoutes: () => config.map(({ path, ...props }) => ({
             path,
-            // TODO: we should componentize prose pages
-            element: _jsx("div", { className: ProseClasses + " max-w-full", children: element }),
+            element: _jsx(CustomPage, { ...props }),
         })),
     };
 };

package/dist/lib/plugins/custom-pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/custom-pages/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAQ5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAyB,EACW,EAAE;IACtC,OAAO;QACL,SAAS,EAAE,GAAkB,EAAE,CAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACjC,IAAI;YACJ,2CAA2C;YAC3C,OAAO,EAAE,cAAK,SAAS,EAAE,YAAY,GAAG,aAAa,YAAG,OAAO,GAAO;SACvE,CAAC,CAAC;KACN,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/custom-pages/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAA0B,EACO,EAAE;IACnC,OAAO;QACL,SAAS,EAAE,GAAkB,EAAE,CAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;YAClC,IAAI;YACJ,OAAO,EAAE,KAAC,UAAU,OAAK,KAAK,GAAI;SACnC,CAAC,CAAC;KACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/markdown/MdxPage.js

@@ -25,6 +25,6 @@ export const MdxPage = ({ mdxComponent: MdxComponent, frontmatter = {}, defaultO
         tableOfContents.filter((item) => item.depth === 2);
     const showToc = !hideToc && tocEntries.length > 0;
     const { prev, next } = usePrevNext();
-    return (_jsxs("div", { className: "xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between", children: [_jsx(Helmet, { children: _jsx("title", { children: pageTitle }) }), _jsxs("div", { className: cn(ProseClasses, "max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"), children: [_jsxs("header", { children: [category && _jsx(CategoryHeading, { children: category }), title && (_jsx(Heading, { level: 1, id: slugify(title), children: title }))] }), _jsx(MdxComponent, { components: { ...useMDXComponents(), ...MarkdownHeadings } }), !hidePager && (_jsxs(_Fragment, { children: [_jsx("hr", {}), _jsxs("div", { className: "not-prose flex flex-wrap items-center justify-between gap-2 lg:gap-8", children: [prev ? (_jsxs(Link, { to: prev.id, className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md", title: prev.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "\u2190 Previous page" }), _jsx("div", { className: "text-lg text-primary truncate", children: prev.label })] })) : (_jsx("div", { className: "flex-1" })), next ? (_jsxs(Link, { to: next.id, className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md", title: next.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Next page \u2192" }), _jsx("div", { className: "text-lg text-primary truncate", children: next.label })] })) : (_jsx("div", { className: "flex-1" }))] })] }))] }), _jsx("div", { className: "hidden xl:block", children: showToc && _jsx(Toc, { entries: tocEntries }) })] }));
+    return (_jsxs("div", { className: "xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between", children: [_jsx(Helmet, { children: _jsx("title", { children: pageTitle }) }), _jsxs("div", { className: cn(ProseClasses, "max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"), children: [(category || title) && (_jsxs("header", { children: [category && _jsx(CategoryHeading, { children: category }), title && (_jsx(Heading, { level: 1, id: slugify(title), children: title }))] })), _jsx(MdxComponent, { components: { ...useMDXComponents(), ...MarkdownHeadings } }), !hidePager && (_jsxs(_Fragment, { children: [_jsx("hr", {}), _jsxs("div", { className: "not-prose flex flex-wrap items-center justify-between gap-2 lg:gap-8", children: [prev ? (_jsxs(Link, { to: prev.id, className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md", title: prev.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "\u2190 Previous page" }), _jsx("div", { className: "text-lg text-primary truncate", children: prev.label })] })) : (_jsx("div", { className: "flex-1" })), next ? (_jsxs(Link, { to: next.id, className: "flex flex-col items-stretch gap-2 flex-1 min-w-max border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md", title: next.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Next page \u2192" }), _jsx("div", { className: "text-lg text-primary truncate", children: next.label })] })) : (_jsx("div", { className: "flex-1" }))] })] }))] }), _jsx("div", { className: "hidden xl:block", children: showToc && _jsx(Toc, { entries: tocEntries }) })] }));
 };
 //# sourceMappingURL=MdxPage.js.map

package/dist/lib/plugins/markdown/MdxPage.js.map

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

package/dist/lib/plugins/markdown/index.d.ts

@@ -1,7 +1,7 @@
 import type { Toc } from "@stefanprobst/rehype-extract-toc";
 import type { MDXProps } from "mdx/types.js";
 import { ZudokuDocsConfig } from "../../../config/validators/validate.js";
-import type { DevPortalPlugin } from "../../core/plugins.js";
+import type { ZudokuPlugin } from "../../core/plugins.js";
 export interface MarkdownPluginOptions extends ZudokuDocsConfig {
     fileImports: Record<string, () => Promise<MDXImport>>;
 }
@@ -18,4 +18,4 @@ export type MDXImport = {
     frontmatter: Frontmatter;
     default: (props: MDXProps) => JSX.Element;
 };
-export declare const markdownPlugin: (options: MarkdownPluginOptions[]) => DevPortalPlugin;
+export declare const markdownPlugin: (options: MarkdownPluginOptions[]) => ZudokuPlugin;

package/dist/lib/plugins/markdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAwB5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAgC,EACf,EAAE,CAAC,CAAC;IACrB,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAuB,CAAC;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,CACzD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YAC5D,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC;gBAC7C,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE,IAAI;aACb,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS;gBAAE,OAAO,EAAE,CAAC;YAE1B,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC5B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,kCAAkC,SAAS,uBAAuB,IAAI,IAAI,CAC3E,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YAED,MAAM,KAAK,GAAgB;gBACzB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,KAAK,IAAI,EAAE;oBACf,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;oBACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,aAAa,EAAE,CAAC;oBAC/D,OAAO;wBACL,OAAO,EAAE,CACP,KAAC,OAAO,IACN,YAAY,EAAE,SAAS,KACnB,KAAK,EACT,cAAc,EAAE,cAAc,GAC9B,CACH;qBACF,CAAC;gBACJ,CAAC;aACF,CAAC;YACF,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CACH,CAAC;QACF,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAwB5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAgC,EAClB,EAAE,CAAC,CAAC;IAClB,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAuB,CAAC;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,CACzD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;YAC5D,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC;gBAC7C,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE,IAAI;aACb,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS;gBAAE,OAAO,EAAE,CAAC;YAE1B,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC5B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CACV,kCAAkC,SAAS,uBAAuB,IAAI,IAAI,CAC3E,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YAED,MAAM,KAAK,GAAgB;gBACzB,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,KAAK,IAAI,EAAE;oBACf,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;oBACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,aAAa,EAAE,CAAC;oBAC/D,OAAO;wBACL,OAAO,EAAE,CACP,KAAC,OAAO,IACN,YAAY,EAAE,SAAS,KACnB,KAAK,EACT,cAAc,EAAE,cAAc,GAC9B,CACH;qBACF,CAAC;gBACJ,CAAC;aACF,CAAC;YACF,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CACH,CAAC;QACF,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,CAAC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare const CollapsibleCode: ({ children, maxHeight, }: {
+    children: ReactNode;
+    maxHeight?: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Button } from "zudoku/ui/Button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
+import { cn } from "../../util/cn.js";
+import useIsomorphicLayoutEffect from "../../util/useIsomorphicLayoutEffect.js";
+export const CollapsibleCode = ({ children, maxHeight = 250, }) => {
+    const contentRef = useRef(null);
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const [open, setOpen] = useState(false);
+    useIsomorphicLayoutEffect(() => {
+        const el = contentRef.current;
+        if (!el)
+            return;
+        setIsOverflowing(el.scrollHeight > maxHeight);
+        const observer = new ResizeObserver(() => {
+            setIsOverflowing(el.scrollHeight > maxHeight);
+        });
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [maxHeight]);
+    return (_jsxs(Collapsible, { className: "group", open: open, onOpenChange: setOpen, style: { "--max-height": `${maxHeight}px` }, children: [_jsxs(CollapsibleContent, { forceMount: true, className: cn("relative overflow-hidden", !open && isOverflowing && "max-h-[--max-height]"), children: [!open && isOverflowing && (_jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-zinc-50/90 dark:to-zinc-800/90 z-10" })), _jsx("div", { ref: contentRef, children: children }), !open && isOverflowing && (_jsx(CollapsibleTrigger, { className: "absolute inset-0 grid place-items-center z-10", asChild: true, children: _jsx("div", { children: _jsx(Button, { className: "bg-primary/70 border border-accent-foreground/25", children: "Expand code" }) }) }))] }), isOverflowing && (_jsx("div", { className: cn("flex justify-center w-full mb-2", !open && "hidden"), children: _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { className: "border border-accent-foreground/25", children: "Collapse code" }) }) }))] }));
+};
+//# sourceMappingURL=CollapsibleCode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleCode.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/CollapsibleCode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsC,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,yBAAyB,MAAM,yCAAyC,CAAC;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,GAAG,GAAG,GAIhB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,gBAAgB,CAAC,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;QAE9C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,gBAAgB,CAAC,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAErB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,MAAC,WAAW,IACV,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,EAAE,cAAc,EAAE,GAAG,SAAS,IAAI,EAAmB,aAE5D,MAAC,kBAAkB,IACjB,UAAU,QACV,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,CAAC,IAAI,IAAI,aAAa,IAAI,sBAAsB,CACjD,aAEA,CAAC,IAAI,IAAI,aAAa,IAAI,CACzB,cAAK,SAAS,EAAC,2FAA2F,GAAO,CAClH,EACD,cAAK,GAAG,EAAE,UAAU,YAAG,QAAQ,GAAO,EACrC,CAAC,IAAI,IAAI,aAAa,IAAI,CACzB,KAAC,kBAAkB,IACjB,SAAS,EAAC,+CAA+C,EACzD,OAAO,kBAEP,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,kDAAkD,4BAE3D,GACL,GACa,CACtB,IACkB,EACpB,aAAa,IAAI,CAChB,cACE,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,CAAC,IAAI,IAAI,QAAQ,CAAC,YAEnE,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,SAAS,EAAC,oCAAoC,8BAE7C,GACU,GACjB,CACP,IACW,CACf,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
 import { useEffect, useRef } from "react";
-import { useTheme } from "../../components/context/ThemeContext.js";
 import { cn } from "../../util/cn.js";
 import { pastellize } from "../../util/pastellize.js";
 export const DATA_ATTR = "data-linked-param";
 export const usePastellizedColor = (name) => {
-    const [isDark] = useTheme();
-    return pastellize(name, !isDark ? { saturation: 85, lightness: 50 } : undefined);
+    const { resolvedTheme } = useTheme();
+    return pastellize(name, resolvedTheme === "light" ? { saturation: 85, lightness: 50 } : undefined);
 };
 export const ColorizedParam = ({ name, className, backgroundOpacity = "100%", borderOpacity = "100%", slug, children, onClick, }) => {
     const ref = useRef(null);
@@ -38,13 +38,17 @@ export const ColorizedParam = ({ name, className, backgroundOpacity = "100%", bo
                 }
             });
         };
-        ref.current.addEventListener("mouseenter", onMouseEnter);
-        ref.current.addEventListener("mouseleave", onMouseLeave);
+        const el = ref.current;
+        el.addEventListener("mouseenter", onMouseEnter);
+        el.addEventListener("mouseleave", onMouseLeave);
         return () => {
-            ref.current?.removeEventListener("mouseenter", onMouseEnter);
-            ref.current?.removeEventListener("mouseleave", onMouseLeave);
+            el.removeEventListener("mouseenter", onMouseEnter);
+            el.removeEventListener("mouseleave", onMouseLeave);
         };
     }, [normalizedSlug]);
-    return (_jsxs("span", { className: cn("inline-flex relative rounded group", className), [DATA_ATTR]: normalizedSlug, ref: ref, onClick: onClick, children: [_jsx("span", { className: "absolute inset-0 border-b-2 transition-opacity duration-200 opacity-30 group-data-[active=true]:opacity-100", style: { borderColor, backgroundColor } }), _jsx("span", { className: "relative", children: children ?? name })] }));
+    return (_jsx("span", { [DATA_ATTR]: normalizedSlug, className: cn("relative after:rounded after:absolute after:inset-0 after:-bottom-0.5 after:border-b-2 after:transition-opacity after:duration-200", "after:pointer-events-none after:border-[--border-color] after:opacity-30 after:data-[active=true]:opacity-100", className), suppressHydrationWarning: true, ref: ref, onClick: onClick, style: {
+            "--border-color": borderColor,
+            "--background-color": backgroundColor,
+        }, children: children ?? name }));
 };
 //# sourceMappingURL=ColorizedParam.js.map

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

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

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

@@ -1 +1 @@
-export declare const Endpoint: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const Endpoint: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { useState, useTransition } from "react";
-import { useQuery } from "urql";
 import { useSelectedServerStore } from "../../authentication/state.js";
 import { InlineCode } from "../../components/InlineCode.js";
 import { Button } from "../../ui/Button.js";
+import { useCreateQuery } from "./client/useCreateQuery.js";
 import { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
 import { SimpleSelect } from "./SimpleSelect.js";
@@ -27,17 +28,12 @@ const CopyButton = ({ url }) => {
             });
         }, variant: "ghost", size: "icon", children: isCopied ? (_jsx(CheckIcon, { className: "text-green-600", size: 14 })) : (_jsx(CopyIcon, { size: 14, strokeWidth: 1.3 })) }));
 };
-const context = { suspense: true };
 export const Endpoint = () => {
-    const [result] = useQuery({
-        query: ServersQuery,
-        variables: useOasConfig(),
-        context,
-    });
+    const { input, type } = useOasConfig();
+    const query = useCreateQuery(ServersQuery, { input, type });
+    const result = useSuspenseQuery(query);
     const [, startTransition] = useTransition();
     const { selectedServer, setSelectedServer } = useSelectedServerStore();
-    if (!result.data)
-        return null;
     const { servers } = result.data.schema;
     if (servers.length === 1) {
         return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: "Endpoint:" }), _jsx(InlineCode, { className: "text-xs px-2 py-1.5", selectOnClick: true, children: servers[0].url }), _jsx(CopyButton, { url: servers[0].url })] }));

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

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

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

@@ -1,4 +1,4 @@
 import { ResultOf } from "@graphql-typed-document-node/core";
-export declare const OperationsFragment: import("@graphql-typed-document-node/core").TypedDocumentNode<import("./graphql/graphql.js").OperationsFragmentFragment, unknown>;
+export declare const OperationsFragment: import("./graphql/graphql.js").TypedDocumentString<import("./graphql/graphql.js").OperationsFragmentFragment, unknown>;
 export type OperationListItemResult = ResultOf<typeof OperationsFragment>;
-export declare const OperationList: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const OperationList: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useQuery } from "urql";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
 import { CategoryHeading } from "../../components/CategoryHeading.js";
-import { DeveloperHint } from "../../components/DeveloperHint.js";
-import { ErrorPage } from "../../components/ErrorPage.js";
 import { Heading } from "../../components/Heading.js";
-import { InlineCode } from "../../components/InlineCode.js";
 import { Markdown, ProseClasses } from "../../components/Markdown.js";
-import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
 import { cn } from "../../util/cn.js";
 import { Endpoint } from "./Endpoint.js";
 import { OperationListItem } from "./OperationListItem.js";
 import StaggeredRender from "./StaggeredRender.js";
+import { useCreateQuery } from "./client/useCreateQuery.js";
 import { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
 export const OperationsFragment = graphql(/* GraphQL */ `
@@ -43,6 +40,13 @@ export const OperationsFragment = graphql(/* GraphQL */ `
         encoding {
           name
         }
+        examples {
+          name
+          description
+          externalValue
+          value
+          summary
+        }
         schema
       }
       description
@@ -53,6 +57,13 @@ export const OperationsFragment = graphql(/* GraphQL */ `
       links
       description
       content {
+        examples {
+          name
+          description
+          externalValue
+          value
+          summary
+        }
         mediaType
         encoding {
           name
@@ -80,24 +91,12 @@ const AllOperationsQuery = graphql(/* GraphQL */ `
     }
   }
 `);
-const suspenseContext = { suspense: true };
 export const OperationList = () => {
-    const { type, input } = useOasConfig();
-    const [result] = useQuery({
-        query: AllOperationsQuery,
-        variables: { type, input },
-        context: suspenseContext,
-    });
-    const error = result.error?.graphQLErrors.at(0);
-    // Looks like there is no Suspense level error handling (yet)?
-    // So we handle the error case in the component directly
-    if (error) {
-        return (_jsx(ErrorPage, { category: "Error", title: "Schema cannot be displayed", message: _jsxs(_Fragment, { children: [_jsxs(DeveloperHint, { className: "mb-4", children: ["Check your configuration value ", _jsx(InlineCode, { children: "apis.type" }), " ", "and ", _jsx(InlineCode, { children: "apis.input" }), " in the Zudoku config."] }), "An error occurred while trying to fetch the API reference:", _jsx(SyntaxHighlight, { code: error.toString(), language: "plain" })] }) }));
-    }
-    if (!result.data)
-        return null;
+    const { input, type } = useOasConfig();
+    const query = useCreateQuery(AllOperationsQuery, { input, type });
+    const result = useSuspenseQuery(query);
     return (_jsxs("div", { className: "pt-[--padding-content-top]", children: [_jsxs("div", { className: cn(ProseClasses, "mb-16 max-w-full prose-img:max-w-prose"), children: [_jsx(CategoryHeading, { children: "Overview" }), _jsx(Heading, { level: 1, id: "description", registerSidebarAnchor: true, children: result.data.schema.title }), _jsx(Markdown, { content: result.data.schema.description ?? "" })] }), _jsx("hr", {}), _jsx("div", { className: "my-4 flex justify-end", children: _jsx(Endpoint, {}) }), result.data.schema.tags
                 .filter((tag) => tag.operations.length > 0)
-                .map((tag) => (_jsxs("div", { children: [tag.name && _jsx(CategoryHeading, { children: tag.name }), tag.description && (_jsx(Markdown, { className: `${ProseClasses} max-w-full prose-img:max-w-prose w-full mt-2 mb-12`, content: tag.description })), _jsx("div", { className: "operation mb-12", children: _jsx(StaggeredRender, { children: tag.operations.map((fragment) => (_jsx(OperationListItem, { operationFragment: fragment }, fragment.slug))) }) })] }, tag.name)))] }));
+                .map((tag) => (_jsxs("div", { className: "[content-visibility:auto]", children: [tag.name && _jsx(CategoryHeading, { children: tag.name }), tag.description && (_jsx(Markdown, { className: `${ProseClasses} max-w-full prose-img:max-w-prose w-full mt-2 mb-12`, content: tag.description })), _jsx("div", { className: "operation mb-12", children: _jsx(StaggeredRender, { children: tag.operations.map((fragment) => (_jsx(OperationListItem, { operationFragment: fragment }, fragment.slug))) }) })] }, tag.name)))] }));
 };
 //# sourceMappingURL=OperationList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OperationList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/OperationList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/OperationList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DvD,CAAC,CAAC;AAIH,MAAM,kBAAkB,GAAG,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;CAiBhD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,cAAc,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,wCAAwC,CAAC,aAErE,KAAC,eAAe,2BAA2B,EAC3C,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAC,aAAa,EAAC,qBAAqB,kBACtD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GACjB,EACV,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,GAAI,IACvD,EACN,cAAM,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,QAAQ,KAAG,GACR,EAEL,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;iBACrB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC1C,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACZ,eAAoB,SAAS,EAAC,2BAA2B,aACtD,GAAG,CAAC,IAAI,IAAI,KAAC,eAAe,cAAE,GAAG,CAAC,IAAI,GAAmB,EACzD,GAAG,CAAC,WAAW,IAAI,CAClB,KAAC,QAAQ,IACP,SAAS,EAAE,GAAG,YAAY,qDAAqD,EAC/E,OAAO,EAAE,GAAG,CAAC,WAAW,GACxB,CACH,EACD,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,eAAe,cACb,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAChC,KAAC,iBAAiB,IAEhB,iBAAiB,EAAE,QAAQ,IADtB,QAAQ,CAAC,IAAI,CAElB,CACH,CAAC,GACc,GACd,KAjBE,GAAG,CAAC,IAAI,CAkBZ,CACP,CAAC,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -9,5 +9,10 @@ const getParameterSchema = (parameter) => {
         type: "string",
     };
 };
-export const ParameterListItem = ({ parameter, group, id, }) => (_jsxs("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { children: group === "path" ? (_jsx(ColorizedParam, { name: parameter.name, backgroundOpacity: "15%", slug: id + "-" + parameter.name.toLocaleLowerCase() })) : (parameter.name) }), parameter.required && (_jsx("span", { className: "py-px px-1.5 font-medium bg-primary/75 text-muted rounded-lg", children: "required" })), getParameterSchema(parameter).type && (_jsx("span", { className: "text-muted-foreground", children: getParameterSchema(parameter).type }))] }), parameter.description && (_jsx(Markdown, { content: parameter.description, className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line" }))] }));
+export const ParameterListItem = ({ parameter, group, id, }) => {
+    const paramSchema = getParameterSchema(parameter);
+    return (_jsxs("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { children: group === "path" ? (_jsx(ColorizedParam, { name: parameter.name, backgroundOpacity: "15%", slug: id + "-" + parameter.name.toLocaleLowerCase() })) : (parameter.name) }), parameter.required && (_jsx("span", { className: "py-px px-1.5 font-medium bg-primary/75 text-muted rounded-lg", children: "required" })), paramSchema.type && (_jsx("span", { className: "text-muted-foreground", children: paramSchema.type === "array"
+                            ? `${paramSchema.items.type}[]`
+                            : paramSchema.type }))] }), parameter.description && (_jsx(Markdown, { content: parameter.description, className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line" }))] }));
+};
 //# sourceMappingURL=ParameterListItem.js.map

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":";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;IACH,MAAM,WAAW,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAElD,OAAO,CACL,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,WAAW,CAAC,IAAI,IAAI,CACnB,eAAM,SAAS,EAAC,uBAAuB,YACpC,WAAW,CAAC,IAAI,KAAK,OAAO;4BAC3B,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI;4BAC/B,CAAC,CAAC,WAAW,CAAC,IAAI,GACf,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;AACJ,CAAC,CAAC"}

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

@@ -1,13 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { CollapsibleCode } from "./CollapsibleCode.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)
         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) }) })] }) }));
+    const firstContent = content.at(0);
+    const example = firstContent?.examples?.at(0)?.value ??
+        (firstContent?.schema
+            ? generateSchemaExample(firstContent.schema)
+            : "");
+    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(CollapsibleCode, { children: _jsx(SyntaxHighlight, { language: example ? "json" : "plain", noBackground: true, copyable: true, className: "[--scrollbar-color:gray] text-xs max-h-[500px] p-2", code: example ? JSON.stringify(example, null, 2) : "No example" }) }) })] }) }));
 };
 //# 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,CAAE,CAAC,MAAsB,CAAC;4BAC3D,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,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,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,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnC,MAAM,OAAO,GACX,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK;QACpC,CAAC,YAAY,EAAE,MAAM;YACnB,CAAC,CAAC,qBAAqB,CAAC,YAAY,CAAC,MAAsB,CAAC;YAC5D,CAAC,CAAC,EAAE,CAAC,CAAC;IAEV,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,cACd,KAAC,eAAe,IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACpC,YAAY,QACZ,QAAQ,QACR,SAAS,EAAC,oDAAoD,EAC9D,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAC/D,GACc,GACF,IACF,GACjB,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -2,10 +2,17 @@ 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 { CollapsibleCode } from "./CollapsibleCode.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));
+                const firstContent = response.content?.at(0);
+                const example = firstContent?.examples?.at(0)?.value ??
+                    (firstContent?.schema
+                        ? generateSchemaExample(firstContent.schema)
+                        : "");
+                return (_jsxs(Tabs.Content, { value: response.statusCode, children: [_jsx(SidecarBox.Body, { className: "p-0", children: _jsx(CollapsibleCode, { children: _jsx(SyntaxHighlight, { language: example ? "json" : "plain", noBackground: true, className: "[--scrollbar-color:gray] text-xs max-h-[500px] p-2", code: example
+                                        ? JSON.stringify(example, null, 2)
+                                        : "Empty response" }) }) }), _jsx(SidecarBox.Footer, { className: "flex justify-end text-xs", children: response.description })] }, response.statusCode));
             })] }) }));
 //# 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":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,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,YAAY,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;gBAE7C,MAAM,OAAO,GACX,YAAY,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK;oBACpC,CAAC,YAAY,EAAE,MAAM;wBACnB,CAAC,CAAC,qBAAqB,CAAC,YAAY,CAAC,MAAsB,CAAC;wBAC5D,CAAC,CAAC,EAAE,CAAC,CAAC;gBAEV,OAAO,CACL,MAAC,IAAI,CAAC,OAAO,IAA2B,KAAK,EAAE,QAAQ,CAAC,UAAU,aAChE,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YAC9B,KAAC,eAAe,cACd,KAAC,eAAe,IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACpC,YAAY,QACZ,SAAS,EAAC,oDAAoD,EAC9D,IAAI,EACF,OAAO;wCACL,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;wCAClC,CAAC,CAAC,gBAAgB,GAEtB,GACc,GACF,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"}

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

@@ -1,6 +1,6 @@
-import { Client as UrqlClient } from "urql";
+import type { GraphQLClient } from "./client/GraphQLClient.js";
 import { OasPluginConfig } from "./interfaces.js";
-export declare function OpenApiRoute({ config, client, }: {
+export declare const OpenApiRoute: ({ config, client, }: {
     config: OasPluginConfig;
-    client: typeof UrqlClient;
-}): import("react/jsx-runtime").JSX.Element;
+    client: GraphQLClient;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Outlet } from "react-router-dom";
-import { Provider } from "urql";
+import { GraphQLProvider } from "./client/GraphQLContext.js";
 import { OasConfigProvider } from "./context.js";
-export function OpenApiRoute({ config, client, }) {
-    return (_jsx(Provider, { value: client, children: _jsx(OasConfigProvider, { value: { config }, children: _jsx(Outlet, {}) }) }));
-}
+export const OpenApiRoute = ({ config, client, }) => (_jsx(OasConfigProvider, { value: { config }, children: _jsx(GraphQLProvider, { client: client, children: _jsx(Outlet, {}) }) }));
 //# sourceMappingURL=Route.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/Route.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAwB,MAAM,MAAM,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,GAIP;IACC,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrB,KAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAClC,KAAC,MAAM,KAAG,GACQ,GACX,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Route.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/Route.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,MAAM,GAIP,EAAE,EAAE,CAAC,CACJ,KAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAClC,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,YAC7B,KAAC,MAAM,KAAG,GACM,GACA,CACrB,CAAC"}

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

@@ -1,5 +1,5 @@
 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<{
+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;
 }>>;

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

@@ -1,12 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { Fragment, useMemo, useTransition } from "react";
 import { useSearchParams } from "react-router-dom";
-import { useQuery } from "urql";
 import { useSelectedServerStore } from "../../authentication/state.js";
 import { TextColorMap } from "../../components/navigation/SidebarBadge.js";
 import { SyntaxHighlight } from "../../components/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 { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
@@ -68,7 +71,6 @@ export const GetServerQuery = graphql(/* GraphQL */ `
     }
   }
 `);
-const context = { suspense: true };
 const methodToColor = {
     get: TextColorMap.green,
     post: TextColorMap.blue,
@@ -79,13 +81,23 @@ const methodToColor = {
     head: TextColorMap.gray,
     trace: 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, onSelectResponse, }) => {
-    const oasConfig = useOasConfig();
-    const [result] = useQuery({
-        query: GetServerQuery,
-        variables: oasConfig,
-        context,
-    });
+    const { input, type } = useOasConfig();
+    const query = useCreateQuery(GetServerQuery, { input, type });
+    const result = useSuspenseQuery(query);
     const methodTextColor = methodToColor[operation.method.toLocaleLowerCase()] ?? TextColorMap.gray;
     const [searchParams, setSearchParams] = useSearchParams();
     const [, startTransition] = useTransition();
@@ -107,7 +119,7 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
             : undefined;
         const snippet = new HTTPSnippet({
             method: operation.method.toLocaleUpperCase(),
-            url: (selectedServer ?? result.data?.schema.url ?? "") +
+            url: (selectedServer ?? result.data.schema.url ?? "") +
                 operation.path.replaceAll("{", ":").replaceAll("}", ""),
             postData: example
                 ? {
@@ -124,31 +136,21 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
         });
         return getConverted(snippet, selectedLang);
     }, [
-        selectedServer,
-        selectedLang,
+        requestBodyContent,
         operation.method,
         operation.path,
-        requestBodyContent,
+        selectedServer,
+        result.data.schema.url,
+        selectedLang,
     ]);
-    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 ?? "", servers: result.data?.schema.servers.map((server) => server.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 }))] }));
+    const [ref, isOnScreen] = useOnScreen({ rootMargin: "200px 0px 200px 0px" });
+    return (_jsxs("aside", { ref: ref, 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] }), isOnScreen && (_jsx(PlaygroundDialogWrapper, { server: result.data.schema.url ?? "", servers: result.data.schema.servers.map((server) => server.url) ?? [], operation: operation }))] }), 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-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: EXAMPLE_LANGUAGES })] })] }))] }), isOnScreen && requestBodyContent && (_jsx(RequestBodySidecarBox, { content: requestBodyContent })), isOnScreen && operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { selectedResponse: selectedResponse, onSelectResponse: onSelectResponse, responses: operation.responses }))] }));
 };
 //# sourceMappingURL=Sidecar.js.map