zudoku 0.0.0-ff3751f → 0.0.0-fix-display-option-navigation-items.4bdfe991

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

@@ -1,11 +1,9 @@
 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 * as SidecarBox from "./SidecarBox.js";
-import { generateSchemaExample } from "./util/generateSchemaExample.js";
-export const ResponsesSidecarBox = ({ responses, selectedResponse, onSelectResponse, }) => (_jsx(SidecarBox.Root, { children: _jsxs(Tabs.Root, { defaultValue: responses[0]?.statusCode, value: selectedResponse, onValueChange: (value) => onSelectResponse(value), children: [_jsxs(SidecarBox.Head, { className: "text-xs flex flex-col gap-2 pb-0", children: [_jsx("span", { className: "font-mono", children: "Example Responses" }), _jsx(Tabs.List, { className: "flex gap-2", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("text-xs font-mono px-1.5 py-1 pb-px translate-y-px border-b-2 border-transparent rounded-t cursor-pointer", "data-[state=active]:text-primary data-[state=active]:dark:text-inherit data-[state=active]:border-primary", "hover:border-accent-foreground/25"), children: response.statusCode }, response.statusCode))) })] }), responses.map((response) => {
-                const schema = response.content?.[0]?.schema;
-                return (_jsxs(Tabs.Content, { value: response.statusCode, children: [_jsx(SidecarBox.Body, { className: "p-0", children: schema ? (_jsx(SyntaxHighlight, { language: "json", noBackground: true, className: "text-xs max-h-[450px] p-2", code: JSON.stringify(generateSchemaExample(schema), null, 2) })) : (_jsx("span", { className: "text-muted-foreground font-mono italic text-xs", children: "Empty Response" })) }), _jsx(SidecarBox.Footer, { className: "flex justify-end text-xs", children: response.description })] }, response.statusCode));
-            })] }) }));
+import { SidecarExamples } from "./SidecarExamples.js";
+export const ResponsesSidecarBox = ({ responses, selectedResponse, 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(Tabs.Content, { value: response.statusCode, children: _jsx(SidecarExamples, { content: response.content ?? [] }) }, 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,kBAAkB,CAAC;AACtC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,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,IAAI,CAAC,OAAO,IAA2B,KAAK,EAAE,QAAQ,CAAC,UAAU,YAChE,KAAC,eAAe,IAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,GAAI,IADnC,QAAQ,CAAC,UAAU,CAEvB,CAChB,CAAC,IACQ,GACI,CACnB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

@@ -1,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 { 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { useMemo, useState, useTransition } from "react";
+import { useSearchParams } from "react-router";
+import { useZudoku } from "zudoku/hooks";
+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 { useOasConfig } from "./context.js";
 import { graphql } from "./graphql/index.js";
@@ -15,49 +18,10 @@ 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";
-const getConverted = (snippet, option) => {
-    let converted;
-    switch (option) {
-        case "shell":
-            converted = snippet.convert("shell", "curl");
-            break;
-        case "js":
-            converted = snippet.convert("javascript", "fetch");
-            break;
-        case "python":
-            converted = snippet.convert("python", "requests");
-            break;
-        case "java":
-            converted = snippet.convert("java", "okhttp");
-            break;
-        case "go":
-            converted = snippet.convert("go", "native");
-            break;
-        case "csharp":
-            converted = snippet.convert("csharp", "httpclient");
-            break;
-        case "kotlin":
-            converted = snippet.convert("kotlin", "okhttp");
-            break;
-        case "objc":
-            converted = snippet.convert("objc", "nsurlsession");
-            break;
-        case "php":
-            converted = snippet.convert("php", "http2");
-            break;
-        case "ruby":
-            converted = snippet.convert("ruby");
-            break;
-        case "swift":
-            converted = snippet.convert("swift");
-            break;
-        default:
-            converted = snippet.convert("shell");
-            break;
-    }
-    return converted ? converted[0] : "";
-};
+import { methodForColor } from "./util/methodToColor.js";
 export const GetServerQuery = graphql(/* GraphQL */ `
   query getServerQuery($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
@@ -68,87 +32,92 @@ export const GetServerQuery = graphql(/* GraphQL */ `
     }
   }
 `);
-const context = { suspense: true };
-const methodToColor = {
-    get: TextColorMap.green,
-    post: TextColorMap.blue,
-    put: TextColorMap.yellow,
-    delete: TextColorMap.red,
-    patch: TextColorMap.purple,
-    options: TextColorMap.indigo,
-    head: TextColorMap.gray,
-    trace: TextColorMap.gray,
-};
+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 methodTextColor = methodToColor[operation.method.toLocaleLowerCase()] ?? TextColorMap.gray;
+    const { input, type, 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 selectedLang = searchParams.get("lang") ?? "shell";
+    const [selectedExample, setSelectedExample] = useState();
+    const selectedLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "shell";
     const requestBodyContent = operation.requestBody?.content;
-    const path = operation.path.split("/").map((part, i, arr) => {
-        const isParam = (part.startsWith("{") && part.endsWith("}")) || part.startsWith(":");
-        const paramName = isParam ? part.replace(/[:{}]/g, "") : undefined;
-        return (
-        // eslint-disable-next-line react/no-array-index-key
-        _jsxs(Fragment, { children: [paramName ? (_jsx(ColorizedParam, { name: paramName, backgroundOpacity: "0", 
-                    // same as in `ParameterListItem`
-                    slug: `${operation.slug}-${paramName.toLocaleLowerCase()}`, children: part })) : (part), i < arr.length - 1 ? "/" : null, _jsx("wbr", {})] }, part + i));
-    });
-    const { selectedServer } = useSelectedServerStore();
+    const transformedRequestBodyContent = requestBodyContent && options?.transformExamples
+        ? options.transformExamples({
+            auth,
+            type: "request",
+            operation,
+            content: requestBodyContent,
+            context,
+        })
+        : requestBodyContent;
+    const path = (_jsx(PathRenderer, { path: operation.path, renderParam: ({ name }) => (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", 
+            // same as in `ParameterListItem`
+            slug: `${operation.slug}-${name}`, children: `{${name}}` })) }));
+    const { selectedServer } = useSelectedServer(result.data.schema.servers);
     const code = useMemo(() => {
-        const example = requestBodyContent?.[0]?.schema
-            ? generateSchemaExample(requestBodyContent[0].schema)
-            : undefined;
-        const snippet = new HTTPSnippet({
-            method: operation.method.toLocaleUpperCase(),
-            url: (selectedServer ?? result.data?.schema.url ?? "") +
-                operation.path.replaceAll("{", ":").replaceAll("}", ""),
-            postData: example
+        const exampleBody = selectedExample ??
+            (transformedRequestBodyContent?.[0]?.schema
+                ? generateSchemaExample(transformedRequestBodyContent[0].schema)
+                : undefined);
+        const snippet = createHttpSnippet({
+            operation,
+            selectedServer,
+            exampleBody: exampleBody
                 ? {
-                    text: JSON.stringify(example, null, 2),
                     mimeType: "application/json",
+                    text: JSON.stringify(exampleBody, null, 2),
                 }
-                : {},
-            headers: [],
-            queryString: [],
-            httpVersion: "",
-            cookies: [],
-            headersSize: 0,
-            bodySize: 0,
+                : { mimeType: "application/json" },
         });
         return getConverted(snippet, selectedLang);
     }, [
+        selectedExample,
+        transformedRequestBodyContent,
+        operation,
         selectedServer,
         selectedLang,
-        operation.method,
-        operation.path,
-        requestBodyContent,
     ]);
-    return (_jsxs("aside", { className: "flex flex-col overflow-hidden sticky top-[--scroll-padding] gap-4", children: [_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "flex justify-between items-center flex-nowrap py-3 gap-2 text-xs", children: [_jsxs("span", { className: "font-mono break-words", children: [_jsx("span", { className: cn("font-semibold", methodTextColor), children: operation.method.toLocaleUpperCase() }), "\u00A0", path] }), _jsx(PlaygroundDialogWrapper, { server: result.data?.schema.url ?? "", 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" });
+    const showPlayground = isOnScreen &&
+        (operation.extensions["x-explorer-enabled"] === true ||
+            operation.extensions["x-zudoku-playground-enabled"] === true ||
+            (operation.extensions["x-explorer-enabled"] === undefined &&
+                operation.extensions["x-zudoku-playground-enabled"] === undefined &&
+                !options?.disablePlayground));
+    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.toUpperCase() }), "\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, { embedded: true, language: selectedLang, noBackground: true, className: "[--scrollbar-color:gray] rounded-none text-xs max-h-[500px]", 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;
+                                                });
+                                            });
+                                        }, 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) => ({
+                    ...response,
+                    content: response.content && options?.transformExamples
+                        ? options.transformExamples({
+                            auth,
+                            type: "response",
+                            context,
+                            operation,
+                            content: response.content,
+                        })
+                        : response.content,
+                })) }))] }));
 };
 //# sourceMappingURL=Sidecar.js.map

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-lg overflow-hidden border dark:border-transparent", className), children: children }));
-export const Head = ({ children, className }) => (_jsx("div", { className: cn("border-b dark:border-zinc-600 bg-zinc-100 dark:bg-zinc-700 p-2", className), children: children }));
-export const Body = ({ children, className }) => (_jsx("div", { className: cn("bg-zinc-50 dark:bg-zinc-800 overflow-auto p-2", className), children: children }));
-export const Footer = ({ children, className }) => (_jsx("div", { className: cn("border-t dark:border-zinc-600 bg-zinc-100 dark:bg-zinc-700 p-2", className), children: children }));
+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 }));
 //# 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,CACX,2DAA2D,EAC3D,SAAS,CACV,YAEA,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,gEAAgE,EAChE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cACE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAExE,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrE,cACE,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,YAEA,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,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"}

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

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

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
+import { CollapsibleCode } from "./CollapsibleCode.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";
+    if (typeof value === "string")
+        return value.trim();
+    return JSON.stringify(value, null, 2);
+};
+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",
+        "text/csv": "csv",
+        "application/javascript": "javascript",
+        "application/graphql": "graphql",
+    };
+    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];
+    // 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, { embedded: true, language: language, noBackground: true, className: "[--scrollbar-color:gray] rounded-none text-xs max-h-[500px]", 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}`,
+                                    })) }) }))] }))] })] }));
+};
+//# sourceMappingURL=SidecarExamples.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDownIcon } from "lucide-react";
 import { cn } from "../../util/cn.js";
-export const SimpleSelect = ({ value, onChange, className, options, showChevrons = true, }) => (_jsxs("div", { className: "grid", children: [_jsx("select", { className: cn("row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6", "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75", className), value: value, onChange: onChange, children: options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }), _jsx("div", { className: cn(!showChevrons && "hidden", "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none"), children: _jsx(ChevronsUpDownIcon, { size: 14 }) })] }));
+export const SimpleSelect = ({ value, onChange, className, options, showChevrons = true, }) => (_jsxs("div", { className: "grid", children: [_jsx("select", { className: cn("w-full row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6", "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75", className), value: value, onChange: onChange, children: options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }), _jsx("div", { className: cn(!showChevrons && "hidden", "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none"), children: _jsx(ChevronsUpDownIcon, { size: 14 }) })] }));
 //# sourceMappingURL=SimpleSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SimpleSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,GAAG,IAAI,GAUpB,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,MAAM,aACnB,iBACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,iGAAiG,EACjG,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,YACxB,MAAM,CAAC,KAAK,IADmB,MAAM,CAAC,KAAK,CAErC,CACV,CAAC,GACK,EACT,cACE,SAAS,EAAE,EAAE,CACX,CAAC,YAAY,IAAI,QAAQ,EACzB,yFAAyF,CAC1F,YAED,KAAC,kBAAkB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,IACF,CACP,CAAC"}
+{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SimpleSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,GAAG,IAAI,GAUpB,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,MAAM,aACnB,iBACE,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,iGAAiG,EACjG,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,YACxB,MAAM,CAAC,KAAK,IADmB,MAAM,CAAC,KAAK,CAErC,CACV,CAAC,GACK,EACT,cACE,SAAS,EAAE,EAAE,CACX,CAAC,YAAY,IAAI,QAAQ,EACzB,yFAAyF,CAC1F,YAED,KAAC,kBAAkB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,IACF,CACP,CAAC"}

package/dist/lib/plugins/openapi/client/GraphQLClient.d.ts

@@ -0,0 +1,8 @@
+import type { TypedDocumentString } from "../graphql/graphql.js";
+import type { OpenApiPluginOptions } from "../index.js";
+export declare class GraphQLClient {
+    #private;
+    private readonly config;
+    constructor(config: OpenApiPluginOptions);
+    fetch: <TResult, TVariables>(query: TypedDocumentString<TResult, TVariables>, variables?: TVariables) => Promise<TResult>;
+}

package/dist/lib/plugins/openapi/client/GraphQLClient.js

@@ -0,0 +1,43 @@
+import { ZudokuError } from "../../../util/invariant.js";
+let localServerPromise;
+const throwIfError = (response) => {
+    if (!response.errors?.[0])
+        return;
+    throw new ZudokuError(response.errors[0].message, {
+        developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config.",
+    });
+};
+export class GraphQLClient {
+    config;
+    constructor(config) {
+        this.config = config;
+    }
+    #getLocalServer = async () => {
+        if (!localServerPromise) {
+            localServerPromise = import("./createServer.js").then((m) => m.createServer(this.config));
+        }
+        return localServerPromise;
+    };
+    #executeFetch = async (init) => {
+        if (this.config.server) {
+            return fetch(this.config.server, init);
+        }
+        const localServer = await this.#getLocalServer();
+        return localServer.fetch("http://localhost/graphql", init);
+    };
+    fetch = async (query, variables) => {
+        const operationName = query.match(/query (\w+)/)?.[1];
+        const response = await this.#executeFetch({
+            method: "POST",
+            body: JSON.stringify({ query, variables, operationName }),
+            headers: { "Content-Type": "application/json" },
+        });
+        if (!response.ok) {
+            throw new Error("Network response was not ok");
+        }
+        const result = (await response.json());
+        throwIfError(result);
+        return result.data;
+    };
+}
+//# sourceMappingURL=GraphQLClient.js.map