zudoku 0.0.0-f3f6db5 → 0.0.0-f40ea27

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

@@ -1,32 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { useState } from "react";
+import { Badge } from "zudoku/ui/Badge.js";
 import { Heading } from "../../components/Heading.js";
-import { Markdown, ProseClasses } from "../../components/Markdown.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/Tabs.js";
+import { Markdown } from "../../components/Markdown.js";
+import { cn } from "../../util/cn.js";
 import { groupBy } from "../../util/groupBy.js";
 import { renderIf } from "../../util/renderIf.js";
 import { OperationsFragment } from "./OperationList.js";
 import { ParameterList } from "./ParameterList.js";
 import { Sidecar } from "./Sidecar.js";
+import { ResponseContent } from "./components/ResponseContent.js";
+import { SelectOnClick } from "./components/SelectOnClick.js";
+import { useOasConfig } from "./context.js";
 import { useFragment } from "./graphql/index.js";
 import { SchemaView } from "./schema/SchemaView.js";
 import { methodForColor } from "./util/methodToColor.js";
-export const PARAM_GROUPS = ["path", "query", "header", "cookie"];
+const PARAM_GROUPS = ["path", "query", "header", "cookie"];
 export const OperationListItem = ({ operationFragment, serverUrl, }) => {
     const operation = useFragment(OperationsFragment, operationFragment);
     const groupedParameters = groupBy(operation.parameters ?? [], (param) => param.in);
-    const parentRef = useRef(null);
+    const { options } = useOasConfig();
     const first = operation.responses.at(0);
     const [selectedResponse, setSelectedResponse] = useState(first?.statusCode);
-    return (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[minmax(0,4fr)_minmax(0,3fr)] gap-8 items-start border-b-2 mb-16 pb-16", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { level: 2, id: operation.slug, registerSidebarAnchor: true, className: "break-all", children: operation.summary }), _jsxs("div", { className: "text-sm flex gap-2 font-mono", children: [_jsx("span", { className: methodForColor(operation.method), children: operation.method.toUpperCase() }), _jsxs("div", { ref: parentRef, className: "max-w-full truncate flex cursor-pointer", onClick: () => {
-                                    if (parentRef.current) {
-                                        const range = document.createRange();
-                                        range.selectNodeContents(parentRef.current);
-                                        const selection = window.getSelection();
-                                        selection?.removeAllRanges();
-                                        selection?.addRange(range);
-                                    }
-                                }, children: [serverUrl && (_jsx("div", { className: "text-neutral-400 dark:text-neutral-500 truncate", children: serverUrl })), _jsx("div", { className: "text-neutral-900 dark:text-neutral-200", children: operation.path })] })] }), operation.description && (_jsx(Markdown, { className: `${ProseClasses} max-w-full prose-img:max-w-prose`, content: operation.description })), operation.parameters && operation.parameters.length > 0 && (_jsx(_Fragment, { children: PARAM_GROUPS.flatMap((group) => groupedParameters[group]?.length ? (_jsx(ParameterList, { id: operation.slug, parameters: groupedParameters[group], group: group }, group)) : ([])) })), renderIf(operation.requestBody?.content?.at(0)?.schema, (schema) => (_jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [_jsx(Heading, { level: 3, className: "capitalize", id: `${operation.slug}/request-body`, children: "Request Body" }), _jsx(SchemaView, { schema: schema })] }))), operation.responses.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Heading, { level: 3, className: "capitalize mt-8 pt-8 border-t", id: `${operation.slug}/responses`, children: "Responses" }), _jsxs(Tabs, { onValueChange: (value) => setSelectedResponse(value), value: selectedResponse, children: [operation.responses.length > 1 && (_jsx(TabsList, { children: operation.responses.map((response) => (_jsx(TabsTrigger, { value: response.statusCode, title: response.description ?? undefined, children: response.statusCode }, response.statusCode))) })), _jsx("ul", { className: "list-none m-0 px-0", children: operation.responses.map((response) => (_jsx(TabsContent, { value: response.statusCode, children: _jsx(SchemaView, { schema: response.content?.find((content) => content.schema)
-                                                    ?.schema }) }, response.statusCode))) })] })] }))] }), _jsx(Sidecar, { selectedResponse: selectedResponse, onSelectResponse: setSelectedResponse, operation: operation })] }, operation.operationId));
+    return (_jsxs("div", { children: [operation.deprecated && (_jsx(Badge, { variant: "muted", className: "text-xs mb-4", children: "deprecated" })), _jsxs("div", { className: cn("grid grid-cols-1 lg:grid-cols-[minmax(0,4fr)_minmax(0,3fr)] gap-x-8 gap-y-4 items-start", operation.deprecated && "opacity-50 transition hover:opacity-100"), children: [_jsx(Heading, { level: 2, id: operation.slug, registerNavigationAnchor: true, className: "break-all col-span-full", children: operation.summary }), _jsxs("div", { className: "text-sm flex gap-2 font-mono col-span-full", children: [_jsx("span", { className: methodForColor(operation.method), children: operation.method.toUpperCase() }), _jsxs(SelectOnClick, { className: "max-w-full truncate flex cursor-pointer", children: [serverUrl && (_jsx("div", { className: "text-neutral-400 dark:text-neutral-500 truncate", children: serverUrl.replace(/\/$/, "") })), _jsx("div", { className: "text-neutral-900 dark:text-neutral-200", children: operation.path })] })] }), _jsxs("div", { className: cn("flex flex-col gap-4", options?.disableSidecar && "col-span-full"), children: [operation.description && (_jsx(Markdown, { className: "max-w-full prose-img:max-w-prose", content: operation.description })), operation.parameters && operation.parameters.length > 0 && (_jsx(_Fragment, { children: PARAM_GROUPS.flatMap((group) => groupedParameters[group]?.length ? (_jsx(ParameterList, { summary: operation.summary ?? undefined, id: operation.slug, parameters: groupedParameters[group], group: group }, group)) : ([])) })), renderIf(operation.requestBody?.content?.at(0)?.schema, (schema) => (_jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [_jsxs(Heading, { level: 3, className: "capitalize flex items-center gap-2", id: `${operation.slug}/request-body`, children: [operation.summary && (_jsxs(VisuallyHidden, { children: [operation.summary, " \u203A "] })), "Request Body", " ", operation.requestBody?.required === false ? (_jsx(Badge, { variant: "muted", children: "optional" })) : ("")] }), _jsx(SchemaView, { schema: schema })] }))), operation.responses.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(Heading, { level: 3, className: "capitalize mt-8 pt-8 border-t", id: `${operation.slug}/responses`, children: [operation.summary && (_jsxs(VisuallyHidden, { children: [operation.summary, " \u203A "] })), "Responses"] }), _jsx(ResponseContent, { responses: operation.responses, selectedResponse: selectedResponse, onSelectResponse: setSelectedResponse })] }))] }), renderIf(!options?.disableSidecar, () => (_jsx(Sidecar, { selectedResponse: selectedResponse, onSelectResponse: setSelectedResponse, operation: operation })))] }, operation.operationId)] }));
 };
 //# sourceMappingURL=OperationListItem.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { type SchemaObject } from "../../oas/parser/index.js";
+export declare const ParamInfos: ({ schema, extraItems, className, }: {
+    schema?: SchemaObject;
+    extraItems?: unknown[];
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronsLeftRightIcon } from "lucide-react";
+import { isValidElement, useState } from "react";
+import { InlineCode } from "../../components/InlineCode.js";
+import { cn } from "../../util/cn.js";
+const Pattern = ({ pattern }) => {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const isExpandable = pattern.length > 20;
+    const shortPattern = isExpandable ? `${pattern.slice(0, 20)}…` : pattern;
+    return (_jsxs(InlineCode, { className: cn("text-xs", isExpandable && "cursor-pointer"), onClick: () => setIsExpanded(!isExpanded), selectOnClick: false, children: [isExpanded ? pattern : shortPattern, isExpandable && (_jsx("button", { type: "button", className: "p-1 translate-y-[2px]", children: !isExpanded && _jsx(ChevronsLeftRightIcon, { size: 12 }) }))] }));
+};
+const getSchemaInfos = (schema) => {
+    if (!schema)
+        return [];
+    return [
+        schema.type === "array" && schema.items.type
+            ? Array.isArray(schema.items.type)
+                ? `(${schema.items.type.join(" | ")})[]`
+                : `${schema.items.type}[]`
+            : Array.isArray(schema.type)
+                ? schema.type.join(" | ")
+                : schema.type,
+        schema.enum && "enum",
+        schema.const && "const",
+        schema.format,
+        schema.minimum && `min: ${schema.minimum}`,
+        schema.maximum && `max: ${schema.maximum}`,
+        schema.minLength && `minLength: ${schema.minLength}`,
+        schema.maxLength && `maxLength: ${schema.maxLength}`,
+        schema.minItems && `minItems: ${schema.minItems}`,
+        schema.maxItems && `maxItems: ${schema.maxItems}`,
+        schema.uniqueItems && "unique",
+        schema.minProperties && `minProps: ${schema.minProperties}`,
+        schema.maxProperties && `maxProps: ${schema.maxProperties}`,
+        schema.readOnly && "readOnly",
+        schema.writeOnly && "writeOnly",
+        schema.deprecated && "deprecated",
+        schema.pattern && (_jsxs(_Fragment, { children: ["pattern: ", _jsx(Pattern, { pattern: schema.pattern })] })),
+    ];
+};
+export const ParamInfos = ({ schema, extraItems = [], className, }) => {
+    const filteredItems = [...getSchemaInfos(schema), ...extraItems].flatMap((item) => (typeof item === "string" || isValidElement(item) ? item : []));
+    return (_jsx("span", { className: className, children: filteredItems.map((item, index) => (_jsxs("span", { className: "text-muted-foreground", children: [item, index < filteredItems.length - 1 && (_jsx("span", { className: "text-muted-foreground/50", children: "\u00A0\u00B7\u00A0" }))] }, index))) }));
+};
+//# sourceMappingURL=ParamInfos.js.map

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

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

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

@@ -1,6 +1,7 @@
 import type { ParameterGroup } from "./OperationListItem.js";
 import { type ParameterListItemResult } from "./ParameterListItem.js";
-export declare const ParameterList: ({ group, parameters, id, }: {
+export declare const ParameterList: ({ summary, group, parameters, id, }: {
+    summary?: string;
     group: ParameterGroup;
     parameters: ParameterListItemResult[];
     id: string;

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { Heading } from "../../components/Heading.js";
 import { Card } from "../../ui/Card.js";
 import { ParameterListItem, } from "./ParameterListItem.js";
-export const ParameterList = ({ group, parameters, id, }) => (_jsxs(_Fragment, { children: [_jsx(Heading, { level: 3, id: `${id}/${group}-parameters`, className: "capitalize", children: group === "header" ? "Headers" : `${group} Parameters` }), _jsx(Card, { children: _jsx("ul", { className: "list-none m-0 px-0 divide-y ", children: parameters
+export const ParameterList = ({ summary, group, parameters, id, }) => (_jsxs(_Fragment, { children: [_jsxs(Heading, { level: 3, id: `${id}/${group}-parameters`, className: "capitalize", children: [summary && _jsxs(VisuallyHidden, { children: [summary, " \u203A "] }), group === "header" ? "Headers" : `${group} Parameters`] }), _jsx(Card, { children: _jsx("ul", { className: "list-none m-0 px-0 divide-y ", children: parameters
                     .sort((a, b) => (a.required === b.required ? 0 : a.required ? -1 : 1))
                     .map((parameter) => (_jsx(ParameterListItem, { parameter: parameter, id: id, group: group }, `${parameter.name}-${parameter.in}`))) }) })] }));
 //# sourceMappingURL=ParameterList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ParameterList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,EAAE,GAKH,EAAE,EAAE,CAAC,CACJ,8BACE,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,KAAK,aAAa,EAAE,SAAS,EAAC,YAAY,YACvE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,aAAa,GAC/C,EACV,KAAC,IAAI,cACH,aAAI,SAAS,EAAC,8BAA8B,YACzC,UAAU;qBACR,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBACrE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClB,KAAC,iBAAiB,IAEhB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAHP,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,EAAE,CAIxC,CACH,CAAC,GACD,GACA,IACN,CACJ,CAAC"}
+{"version":3,"file":"ParameterList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ParameterList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,UAAU,EACV,EAAE,GAMH,EAAE,EAAE,CAAC,CACJ,8BACE,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,KAAK,aAAa,EAAE,SAAS,EAAC,YAAY,aACvE,OAAO,IAAI,MAAC,cAAc,eAAE,OAAO,gBAA4B,EAC/D,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,aAAa,IAC/C,EACV,KAAC,IAAI,cACH,aAAI,SAAS,EAAC,8BAA8B,YACzC,UAAU;qBACR,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBACrE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClB,KAAC,iBAAiB,IAEhB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAHP,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,EAAE,CAIxC,CACH,CAAC,GACD,GACA,IACN,CACJ,CAAC"}

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

@@ -1,7 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from "zudoku/ui/Badge.js";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { MinusIcon, PlusIcon } from "lucide-react";
+import { useState } from "react";
 import { Markdown } from "../../components/Markdown.js";
+import { Button } from "../../ui/Button.js";
 import { ColorizedParam } from "./ColorizedParam.js";
+import { ParamInfos } from "./ParamInfos.js";
+import { EnumValues } from "./components/EnumValues.js";
+import { SelectOnClick } from "./components/SelectOnClick.js";
+import { SchemaExampleAndDefault } from "./schema/SchemaExampleAndDefault.js";
+import { SchemaView } from "./schema/SchemaView.js";
+import { isArrayType } from "./schema/utils.js";
 const getParameterSchema = (parameter) => {
     if (parameter.schema != null && typeof parameter.schema === "object") {
         return parameter.schema;
@@ -12,8 +21,11 @@ const getParameterSchema = (parameter) => {
 };
 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%", className: "px-1", slug: `${id}-${parameter.name}` })) : (parameter.name) }), paramSchema.type && (_jsx(Badge, { variant: "muted", children: paramSchema.type === "array"
-                            ? `${paramSchema.items.type}[]`
-                            : paramSchema.type })), parameter.required && _jsx(Badge, { variant: "outline", children: "required" }), parameter.style === "form" && _jsx(Badge, { variant: "secondary", children: "form" })] }), parameter.description && (_jsx(Markdown, { content: parameter.description, className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line" }))] }));
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SelectOnClick, { asChild: true, children: _jsx("code", { children: group === "path" ? (_jsx(ColorizedParam, { name: parameter.name, backgroundOpacity: "15%", className: "px-2", slug: `${id}-${parameter.name}` })) : (parameter.name) }) }), _jsx(ParamInfos, { schema: paramSchema, extraItems: [
+                            parameter.required && (_jsx("span", { className: "text-primary", children: "required" })),
+                            parameter.style && `style: ${parameter.style}`,
+                            parameter.explode && `explode: ${parameter.explode}`,
+                        ] })] }), parameter.description && (_jsx(Markdown, { content: parameter.description, className: "text-sm prose prose-p:my-1 prose-code:whitespace-pre-line" })), paramSchema.description && (_jsx(Markdown, { content: paramSchema.description, className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line" })), paramSchema.type === "array" && paramSchema.items.enum ? (_jsx(EnumValues, { values: paramSchema.items.enum })) : (paramSchema.enum && _jsx(EnumValues, { values: paramSchema.enum })), _jsx(SchemaExampleAndDefault, { schema: paramSchema }), (paramSchema.type === "object" || isArrayType(paramSchema)) && (_jsxs(Collapsible.Root, { defaultOpen: false, onOpenChange: setIsOpen, open: isOpen, children: [_jsx(Collapsible.Trigger, { asChild: true, children: _jsxs(Button, { variant: "expand", size: "sm", children: [isOpen ? _jsx(MinusIcon, { size: 12 }) : _jsx(PlusIcon, { size: 12 }), isOpen ? "Hide properties" : "Show properties"] }) }), _jsx(Collapsible.Content, { children: _jsx("div", { className: "mt-2", children: _jsx(SchemaView, { schema: "items" in paramSchema ? paramSchema.items : paramSchema }) }) })] }))] }));
 };
 //# 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,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,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,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,GAAG,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,SAAS,CAAC,IAAI,CACf,GACI,EACN,WAAW,CAAC,IAAI,IAAI,CACnB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,YACnB,WAAW,CAAC,IAAI,KAAK,OAAO;4BAC3B,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI;4BAC/B,CAAC,CAAC,WAAW,CAAC,IAAI,GACd,CACT,EACA,SAAS,CAAC,QAAQ,IAAI,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,EAC/D,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,qBAAa,IAClE,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"}
+{"version":3,"file":"ParameterListItem.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ParameterListItem.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { OperationListItemResult } from "./OperationList.js";
-import { Content } from "./SidecarExamples.js";
+import { type Content } from "./SidecarExamples.js";
 export declare const PlaygroundDialogWrapper: ({ server, servers, operation, examples, }: {
-    server: string;
+    server?: string;
     servers?: string[];
     operation: OperationListItemResult;
     examples?: Content;

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

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

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

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

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

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

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

@@ -3,10 +3,7 @@ import * as Tabs from "@radix-ui/react-tabs";
 import { cn } from "../../util/cn.js";
 import * as SidecarBox from "./SidecarBox.js";
 import { SidecarExamples } from "./SidecarExamples.js";
-const ResponseContent = ({ response }) => {
-    return (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SidecarExamples, { content: response.content ?? [], description: response.description ?? undefined }) }));
-};
 export const ResponsesSidecarBox = ({ responses, selectedResponse, onSelectResponse, }) => {
-    return (_jsx(SidecarBox.Root, { children: _jsxs(Tabs.Root, { defaultValue: responses[0]?.statusCode, value: selectedResponse, onValueChange: (value) => onSelectResponse(value), children: [_jsxs(SidecarBox.Head, { className: "text-xs flex flex-col gap-2 pb-0", children: [_jsx("span", { className: "font-mono", children: "Example Responses" }), _jsx(Tabs.List, { className: "flex gap-2", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("text-xs font-mono px-1.5 py-1 pb-px translate-y-px border-b-2 border-transparent rounded-t cursor-pointer", "data-[state=active]:text-primary data-[state=active]:dark:text-inherit data-[state=active]:border-primary", "hover:border-accent-foreground/25"), children: response.statusCode }, response.statusCode))) })] }), responses.map((response) => (_jsx(ResponseContent, { response: response }, response.statusCode)))] }) }));
+    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,kBAAkB,CAAC;AAEtC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAmC,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,YACtC,KAAC,eAAe,IACd,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,EAC/B,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,SAAS,GAC9C,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GAKjB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,cACd,MAAC,IAAI,CAAC,IAAI,IACR,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EACtC,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,aAEjD,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,aAC3D,eAAM,SAAS,EAAC,WAAW,kCAAyB,EACpD,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YAC9B,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,2GAA2G,EAC3G,mCAAmC,CACpC,YAEA,QAAQ,CAAC,UAAU,IARf,QAAQ,CAAC,UAAU,CASX,CAChB,CAAC,GACQ,IACI,EACjB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,eAAe,IAA2B,QAAQ,EAAE,QAAQ,IAAvC,QAAQ,CAAC,UAAU,CAAwB,CAClE,CAAC,IACQ,GACI,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":";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.js

@@ -1,11 +1,11 @@
 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 { useMemo, useState, useTransition } from "react";
 import { useSearchParams } from "react-router";
-import { useSelectedServerStore } from "../../authentication/state.js";
+import { useZudoku } from "zudoku/hooks";
+import { useAuthState } from "../../authentication/state.js";
 import { PathRenderer } from "../../components/PathRenderer.js";
-import { SyntaxHighlight } from "../../components/SyntaxHighlight.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";
@@ -18,50 +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";
 import { methodForColor } from "./util/methodToColor.js";
-const getConverted = (snippet, option) => {
-    let converted;
-    switch (option) {
-        case "shell":
-            converted = snippet.convert("shell", "curl");
-            break;
-        case "js":
-            converted = snippet.convert("javascript", "fetch");
-            break;
-        case "python":
-            converted = snippet.convert("python", "requests");
-            break;
-        case "java":
-            converted = snippet.convert("java", "okhttp");
-            break;
-        case "go":
-            converted = snippet.convert("go", "native");
-            break;
-        case "csharp":
-            converted = snippet.convert("csharp", "httpclient");
-            break;
-        case "kotlin":
-            converted = snippet.convert("kotlin", "okhttp");
-            break;
-        case "objc":
-            converted = snippet.convert("objc", "nsurlsession");
-            break;
-        case "php":
-            converted = snippet.convert("php", "http2");
-            break;
-        case "ruby":
-            converted = snippet.convert("ruby");
-            break;
-        case "swift":
-            converted = snippet.convert("swift");
-            break;
-        default:
-            converted = snippet.convert("shell");
-            break;
-    }
-    return converted ? converted[0] : "";
-};
 export const GetServerQuery = graphql(/* GraphQL */ `
   query getServerQuery($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
@@ -87,58 +47,77 @@ const EXAMPLE_LANGUAGES = [
 ];
 export const Sidecar = ({ operation, selectedResponse, onSelectResponse, }) => {
     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 [selectedExample, setSelectedExample] = useState();
-    const selectedLang = searchParams.get("lang") ?? options?.examplesDefaultLanguage ?? "shell";
+    const selectedLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "shell";
     const requestBodyContent = operation.requestBody?.content;
+    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 } = useSelectedServerStore();
+    const { selectedServer } = useSelectedServer(result.data.schema.servers);
     const code = useMemo(() => {
-        const example = selectedExample ??
-            (requestBodyContent?.[0]?.schema
-                ? generateSchemaExample(requestBodyContent[0].schema)
+        const exampleBody = selectedExample ??
+            (transformedRequestBodyContent?.[0]?.schema
+                ? generateSchemaExample(transformedRequestBodyContent[0].schema)
                 : undefined);
-        const snippet = new HTTPSnippet({
-            method: operation.method.toLocaleUpperCase(),
-            url: (selectedServer ?? result.data.schema.url ?? "") +
-                operation.path.replaceAll("{", ":").replaceAll("}", ""),
-            postData: example
+        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,
-        requestBodyContent,
-        operation.method,
-        operation.path,
+        transformedRequestBodyContent,
+        operation,
         selectedServer,
-        result.data.schema.url,
         selectedLang,
     ]);
     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-2.5 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, examples: requestBodyContent ?? undefined }))] }), isOnScreen && (_jsxs(_Fragment, { children: [_jsx(SidecarBox.Body, { className: "p-0", children: _jsx(CollapsibleCode, { children: _jsx(SyntaxHighlight, { language: selectedLang, noBackground: true, className: "[--scrollbar-color:gray] text-xs max-h-[500px] p-2", code: code }) }) }), _jsxs(SidecarBox.Footer, { className: "flex items-center text-xs gap-2 justify-end py-2.5", children: [_jsx("span", { children: "Show example in" }), _jsx(SimpleSelect, { className: "self-start max-w-[150px]", value: selectedLang, onChange: (e) => {
+    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] p-2", code: code }) }) }), _jsxs(SidecarBox.Footer, { className: "flex items-center text-xs gap-2 justify-end py-2.5", children: [_jsx("span", { children: "Show example in" }), _jsx(SimpleSelect, { className: "self-start max-w-[150px]", value: selectedLang, onChange: (e) => {
                                             startTransition(() => {
                                                 setSearchParams((prev) => {
                                                     prev.set("lang", e.target.value);
                                                     return prev;
                                                 });
                                             });
-                                        }, options: EXAMPLE_LANGUAGES })] })] }))] }), isOnScreen && requestBodyContent && (_jsx(RequestBodySidecarBox, { content: requestBodyContent, onExampleChange: setSelectedExample })), isOnScreen && operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { selectedResponse: selectedResponse, onSelectResponse: onSelectResponse, responses: operation.responses }))] }));
+                                        }, 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