zudoku 0.0.0-f3f6db5 → 0.0.0-f40ea27

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

@@ -1,55 +1,41 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import slugify from "@sindresorhus/slugify";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CirclePlayIcon, LogInIcon } from "lucide-react";
-import { matchPath, redirect } from "react-router";
+import { matchPath } from "react-router";
 import { useAuth } from "../../authentication/hook.js";
 import { Button } from "../../ui/Button.js";
 import { joinUrl } from "../../util/joinUrl.js";
 import { GraphQLClient } from "./client/GraphQLClient.js";
+import { createQuery } from "./client/useCreateQuery.js";
 import { graphql } from "./graphql/index.js";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
-const GetCategoriesQuery = graphql(`
-  query GetCategories($input: JSON!, $type: SchemaType!) {
+import { createNavigationCategory } from "./util/createNavigationCategory.js";
+import { getRoutes, getVersions } from "./util/getRoutes.js";
+export const GetNavigationOperationsQuery = graphql(`
+  query GetNavigationOperations($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
-      url
       tags {
+        slug
         name
+        extensions
+        operations {
+          summary
+          slug
+          method
+          operationId
+          path
+        }
       }
-    }
-  }
-`);
-const GetOperationsQuery = graphql(`
-  query GetOperations(
-    $input: JSON!
-    $type: SchemaType!
-    $tag: String
-    $untagged: Boolean
-  ) {
-    schema(input: $input, type: $type) {
-      operations(tag: $tag, untagged: $untagged) {
-        slug
-        deprecated
-        method
-        summary
-        operationId
-        path
+      components {
+        schemas {
+          __typename
+        }
       }
     }
   }
 `);
-const MethodColorMap = {
-    get: "green",
-    post: "blue",
-    put: "yellow",
-    delete: "red",
-    patch: "purple",
-    options: "gray",
-    head: "gray",
-};
-const UNTAGGED_PATH = "~endpoints";
+export const UNTAGGED_PATH = "~endpoints";
 export const openApiPlugin = (config) => {
-    const basePath = joinUrl(config.navigationId ?? "/reference");
-    const versions = config.type === "file" ? Object.keys(config.input) : [];
+    const basePath = joinUrl(config.path);
     const client = new GraphQLClient(config);
     return {
         getHead: () => {
@@ -61,7 +47,7 @@ export const openApiPlugin = (config) => {
             }
         },
         getMdxComponents: () => ({
-            OpenPlaygroundButton: ({ requireAuth, server, method, url, ...props }) => {
+            OpenPlaygroundButton: ({ requireAuth, server, method, url, children, ...props }) => {
                 const auth = useAuth();
                 if (!server) {
                     throw new Error("Server is required");
@@ -69,103 +55,62 @@ export const openApiPlugin = (config) => {
                 if (requireAuth && !auth.isAuthenticated) {
                     return (_jsxs(Button, { className: "gap-2 items-center", variant: "outline", onClick: auth.login, children: ["Login to open in Playground ", _jsx(LogInIcon, { size: 16 })] }));
                 }
-                return (_jsx(PlaygroundDialog, { url: url ?? "/", method: method ?? "get", server: server, ...props, children: _jsxs(Button, { className: "gap-2 items-center", variant: "outline", children: ["Open in Playground ", _jsx(CirclePlayIcon, { size: 16 })] }) }));
+                return (_jsx(PlaygroundDialog, { url: url ?? "/", method: method ?? "get", server: server, ...props, children: _jsx(Button, { className: "gap-2 items-center", variant: "outline", children: children ?? (_jsxs(_Fragment, { children: ["Open in Playground ", _jsx(CirclePlayIcon, { size: 16 })] })) }) }));
             },
         }),
-        getSidebar: async (path) => {
+        getNavigation: async (path, context) => {
             if (!matchPath({ path: basePath, end: false }, path)) {
                 return [];
             }
+            const match = matchPath({ path: `${basePath}/:version?/:tag`, end: true }, path);
             try {
-                const urlVersion = versions.find((v) => path.startsWith(joinUrl(basePath, v)));
-                const version = urlVersion ?? Object.keys(config.input).at(0);
-                const data = await client.fetch(GetCategoriesQuery, {
-                    type: config.type,
-                    input: config.type === "file" ? config.input[version] : config.input,
-                });
-                const tag = config.tagPages?.find((tag) => path.split("/").at(-1) === slugify(tag));
-                const operationsData = await client.fetch(GetOperationsQuery, {
-                    type: config.type,
-                    input: config.type === "file" ? config.input[version] : config.input,
-                    tag,
-                    untagged: tag === undefined,
+                const versionParam = match?.params.version;
+                const version = versionParam ?? getVersions(config).at(0);
+                const { type } = config;
+                const input = type === "file" ? config.input[version] : config.input;
+                const query = createQuery(client, GetNavigationOperationsQuery, {
+                    type,
+                    input,
                 });
-                const items = operationsData.schema.operations.map((operation) => ({
-                    type: "link",
-                    label: operation.summary ?? operation.path,
-                    href: `#${operation.slug}`,
-                    badge: {
-                        label: operation.method,
-                        color: MethodColorMap[operation.method.toLowerCase()],
-                        invert: true,
-                    },
-                }));
-                const categories = data.schema.tags
-                    // .filter((tag) => tag.operations.length > 0)
-                    .map((tag) => {
-                    const categoryLink = joinUrl(basePath, urlVersion, tag.name ? slugify(tag.name) : UNTAGGED_PATH);
-                    return {
-                        type: "category",
-                        label: tag.name || "Other endpoints",
-                        link: {
-                            type: "doc",
-                            id: categoryLink,
-                            label: tag.name,
-                        },
-                        collapsible: false,
-                        collapsed: true,
-                        items: path === categoryLink ? items : [],
-                    };
+                const data = await context.queryClient.ensureQueryData(query);
+                const categories = data.schema.tags.flatMap((tag) => {
+                    if (!tag.name || tag.operations.length === 0)
+                        return [];
+                    const categoryPath = joinUrl(basePath, versionParam, tag.slug);
+                    const isCollapsed = tag.extensions?.["x-zudoku-collapsed"] ??
+                        !config.options?.expandAllTags;
+                    const isCollapsible = tag.extensions?.["x-zudoku-collapsible"] ?? true;
+                    return createNavigationCategory({
+                        label: tag.name,
+                        path: categoryPath,
+                        operations: tag.operations,
+                        collapsed: isCollapsed,
+                        collapsible: isCollapsible,
+                    });
                 });
+                const untaggedOperations = data.schema.tags.find((tag) => !tag.name)?.operations;
+                if (untaggedOperations) {
+                    categories.push(createNavigationCategory({
+                        label: "Other endpoints",
+                        path: joinUrl(basePath, versionParam, UNTAGGED_PATH),
+                        operations: untaggedOperations,
+                        collapsed: !config.options?.expandAllTags,
+                    }));
+                }
+                if (data.schema.components?.schemas?.length) {
+                    categories.push({
+                        type: "link",
+                        label: "Schemas",
+                        to: joinUrl(basePath, versionParam, "~schemas"),
+                    });
+                }
                 return categories;
             }
             catch {
                 return [];
             }
         },
-        getRoutes: () => {
-            const versionsInPath = [null, ...versions];
-            const tagPages = (config.tagPages ?? []).map((tag) => ({
-                tag,
-                path: slugify(tag),
-            }));
-            return versionsInPath.map((version) => {
-                const versionPath = joinUrl(basePath, version ? `/${version}` : "");
-                return {
-                    path: versionPath,
-                    async lazy() {
-                        const { OpenApiRoute } = await import("./OpenApiRoute.js");
-                        return {
-                            element: (_jsx(OpenApiRoute, { version: version ?? undefined, basePath: basePath, versions: versions, client: client, config: config })),
-                        };
-                    },
-                    children: [
-                        {
-                            index: true,
-                            loader: () => redirect(joinUrl(versionPath, tagPages.at(0)?.path ?? UNTAGGED_PATH)),
-                        },
-                        {
-                            path: joinUrl(versionPath, UNTAGGED_PATH),
-                            async lazy() {
-                                const { OperationList } = await import("./OperationList.js");
-                                return { element: _jsx(OperationList, { untagged: true }) };
-                            },
-                        },
-                        ...tagPages.map((tag) => {
-                            return {
-                                path: joinUrl(versionPath, tag.path),
-                                async lazy() {
-                                    const { OperationList } = await import("./OperationList.js");
-                                    return {
-                                        element: _jsx(OperationList, { tag: tag.tag }),
-                                    };
-                                },
-                            };
-                        }),
-                    ],
-                };
-            });
-        },
+        getRoutes: () => getRoutes({ basePath, config, client }),
     };
 };
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +1,15 @@
+import { type AuthState } from "../../authentication/state.js";
+import { type ZudokuContext } from "../../core/ZudokuContext.js";
+import type { SchemaImports } from "../../oas/graphql/index.js";
+import { type OperationListItemResult } from "./OperationList.js";
+type DynamicInput = () => Promise<unknown>;
 type OasSource = {
     type: "url";
     input: string;
 } | {
     type: "file";
     input: {
-        [version: string]: () => Promise<unknown>;
+        [version: string]: DynamicInput;
     };
 } | {
     type: "raw";
@@ -15,27 +20,51 @@ export type ContextOasSource = {
     input: string;
 } | {
     type: "file";
-    input: () => Promise<unknown>;
+    input: DynamicInput;
 } | {
     type: "raw";
     input: string;
 };
-export type OasPluginConfig = {
+type Example = {
+    name: string;
+    description?: string | null;
+    externalValue?: string | null;
+    value?: any | null;
+    summary?: string | null;
+};
+type Content = {
+    mediaType: string;
+    schema?: any | null;
+    encoding?: Array<{
+        name: string;
+    }> | null;
+    examples?: Array<Example> | null;
+};
+export type TransformExamplesFn = (options: {
+    content: Content[];
+    context: ZudokuContext;
+    auth: AuthState;
+    operation: OperationListItemResult;
+    type: "request" | "response";
+}) => Content[];
+type BaseOasConfig = {
     server?: string;
-    navigationId?: string;
+    path?: string;
     skipPreload?: boolean;
     tagPages?: Array<string>;
-} & OasPluginConfigOptions & OasSource;
-export type OasPluginConfigOptions = {
+    schemaImports?: SchemaImports;
     options?: {
-        examplesDefaultLanguage?: string;
+        examplesLanguage?: string;
+        disablePlayground?: boolean;
+        disableSidecar?: boolean;
+        showVersionSelect?: "always" | "if-available" | "hide";
+        expandAllTags?: boolean;
+        transformExamples?: TransformExamplesFn;
     };
 };
-export type OasPluginContext = {
-    server?: string;
-    navigationId?: string;
-    skipPreload?: boolean;
+export type OasPluginConfig = BaseOasConfig & OasSource;
+export type OasPluginContext = BaseOasConfig & ContextOasSource & {
     version?: string;
     versions: Record<string, string>;
-} & ContextOasSource & OasPluginConfigOptions;
+};
 export {};

package/dist/lib/plugins/openapi/playground/BodyPanel.d.ts

@@ -0,0 +1,5 @@
+import { type Content } from "../SidecarExamples.js";
+export declare const BodyPanel: ({ content }: {
+    content?: Content;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BodyPanel;

package/dist/lib/plugins/openapi/playground/BodyPanel.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileInput } from "lucide-react";
+import { useFormContext } from "react-hook-form";
+import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
+import { Textarea } from "zudoku/ui/Textarea.js";
+import { cn } from "../../../util/cn.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
+import ExamplesDropdown from "./ExamplesDropdown.js";
+export const BodyPanel = ({ content }) => {
+    const { register, setValue, watch } = useFormContext();
+    const examples = (content ?? []).flatMap((e) => e.examples);
+    const headers = watch("headers");
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(FileInput, { size: 16 }), _jsx(CollapsibleHeader, { children: "Body" }), content && examples.length > 0 ? (_jsx(ExamplesDropdown, { examples: content, onSelect: (example, mediaType) => {
+                            setValue("body", JSON.stringify(example.value, null, 2));
+                            setValue("headers", [
+                                ...headers.filter((h) => h.name !== "Content-Type"),
+                                {
+                                    name: "Content-Type",
+                                    value: mediaType,
+                                    active: true,
+                                },
+                            ]);
+                        } })) : (_jsx("div", {}))] }), _jsx(CollapsibleContent, { className: "flex flex-col gap-2 ", children: _jsx(Textarea, { ...register("body"), className: cn("w-full p-2 h-64 font-mono md:text-xs border-none rounded-none focus-visible:ring-0"), placeholder: "Your body here..." }) })] }));
+};
+export default BodyPanel;
+//# sourceMappingURL=BodyPanel.js.map

package/dist/lib/plugins/openapi/playground/BodyPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyPanel.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/BodyPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAGrD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACvE,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CACL,MAAC,WAAW,IAAC,WAAW,mBACtB,MAAC,wBAAwB,eACvB,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACvB,KAAC,iBAAiB,uBAAyB,EAC1C,OAAO,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,KAAC,gBAAgB,IACf,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE;4BAC/B,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;4BACzD,QAAQ,CAAC,SAAS,EAAE;gCAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC;gCACnD;oCACE,IAAI,EAAE,cAAc;oCACpB,KAAK,EAAE,SAAS;oCAChB,MAAM,EAAE,IAAI;iCACb;6BACF,CAAC,CAAC;wBACL,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,IACwB,EAC3B,KAAC,kBAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,KAAC,QAAQ,OACH,QAAQ,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,EAAE,CACX,oFAAoF,CACrF,EACD,WAAW,EAAC,mBAAmB,GAC/B,GACiB,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/lib/plugins/openapi/playground/CollapsibleHeader.d.ts

@@ -0,0 +1,8 @@
+export declare const CollapsibleHeaderTrigger: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleHeader: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/CollapsibleHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronUpIcon } from "lucide-react";
+import { CollapsibleTrigger } from "zudoku/ui/Collapsible.js";
+import { cn } from "../../../util/cn.js";
+export const CollapsibleHeaderTrigger = ({ children, className, }) => {
+    return (_jsxs("div", { className: cn("grid grid-cols-[max-content_1fr_min-content_max-content] items-center gap-4 group bg-muted w-full h-10 ps-4 pe-2 border-b", className), children: [children, _jsx(CollapsibleTrigger, { className: cn("flex items-center gap-4 group bg-muted w-full p-2 hover:bg-accent hover:brightness-95 rounded-md", className), children: _jsx(ChevronUpIcon, { className: "group-data-[state=open]:rotate-180 transition-transform flex-shrink-0", size: 16 }) })] }));
+};
+export const CollapsibleHeader = ({ children, className, }) => {
+    return (_jsx("span", { className: cn("font-semibold w-full text-start", className), children: children }));
+};
+//# sourceMappingURL=CollapsibleHeader.js.map

package/dist/lib/plugins/openapi/playground/CollapsibleHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleHeader.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/CollapsibleHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,SAAS,CACV,aAEA,QAAQ,EACT,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,SAAS,CACV,YAED,KAAC,aAAa,IACZ,SAAS,EAAC,uEAAuE,EACjF,IAAI,EAAE,EAAE,GACR,GACiB,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/ExamplesDropdown.d.ts

@@ -1,6 +1,6 @@
-import { Content, Example } from "../SidecarExamples.js";
+import type { Content, Example } from "../SidecarExamples.js";
 declare const ExamplesDropdown: ({ examples, onSelect, }: {
     examples: Content;
-    onSelect: (example: Example) => void;
+    onSelect: (example: Example, mediaType: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ExamplesDropdown;

package/dist/lib/plugins/openapi/playground/ExamplesDropdown.js

@@ -1,12 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PlusCircleIcon } from "lucide-react";
 import { Button } from "zudoku/ui/Button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "zudoku/ui/DropdownMenu.js";
 const ExamplesDropdown = ({ examples, onSelect, }) => {
-    return (_jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Use Example" }) }), _jsx(DropdownMenuContent, { className: "w-56", children: examples.map((example) => {
-                        return (_jsxs("div", { children: [_jsx(DropdownMenuLabel, { children: example.mediaType }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: example.examples?.map((example) => {
-                                        return (_jsx(DropdownMenuItem, { onSelect: () => onSelect(example), className: "line-clamp-1", children: example.summary ?? example.name }, example.name));
-                                    }) })] }, example.mediaType));
-                    }) })] }) }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "hover:bg-accent hover:brightness-95", children: ["Use Example ", _jsx(PlusCircleIcon, { size: 16, className: "ml-2" })] }) }), _jsx(DropdownMenuContent, { className: "max-w-72", children: examples.map((mediaTypeObject) => (_jsxs("div", { children: [_jsx(DropdownMenuLabel, { children: mediaTypeObject.mediaType }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: mediaTypeObject.examples?.map((example) => (_jsx(DropdownMenuItem, { onSelect: () => onSelect(example, mediaTypeObject.mediaType), children: _jsx("span", { className: "line-clamp-1", title: example.summary ?? example.name, children: example.summary ?? example.name }) }, example.name))) })] }, mediaTypeObject.mediaType))) })] }));
 };
 export default ExamplesDropdown;
 //# sourceMappingURL=ExamplesDropdown.js.map

package/dist/lib/plugins/openapi/playground/ExamplesDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExamplesDropdown.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ExamplesDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,oCAAoC,YACjD,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GAC1B,EACtB,KAAC,mBAAmB,IAAC,SAAS,EAAC,MAAM,YAClC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;wBACxB,OAAO,CACL,0BACE,KAAC,iBAAiB,cAAE,OAAO,CAAC,SAAS,GAAqB,EAC1D,KAAC,qBAAqB,KAAG,EACzB,KAAC,iBAAiB,cACf,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;wCACjC,OAAO,CACL,KAAC,gBAAgB,IAEf,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EACjC,SAAS,EAAC,cAAc,YAEvB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,IAJ3B,OAAO,CAAC,IAAI,CAKA,CACpB,CAAC;oCACJ,CAAC,CAAC,GACgB,KAfZ,OAAO,CAAC,SAAS,CAgBrB,CACP,CAAC;oBACJ,CAAC,CAAC,GACkB,IACT,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExamplesDropdown.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ExamplesDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,qCAAqC,6BAEnC,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,GAAG,IAClD,GACW,EACtB,KAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,YACtC,QAAQ,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACjC,0BACE,KAAC,iBAAiB,cAAE,eAAe,CAAC,SAAS,GAAqB,EAClE,KAAC,qBAAqB,KAAG,EACzB,KAAC,iBAAiB,cACf,eAAe,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1C,KAAC,gBAAgB,IAEf,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,YAE5D,eACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,YAErC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,GAC3B,IARF,OAAO,CAAC,IAAI,CASA,CACpB,CAAC,GACgB,KAjBZ,eAAe,CAAC,SAAS,CAkB7B,CACP,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/lib/plugins/openapi/playground/Headers.d.ts

@@ -1,6 +1,7 @@
-import { Control, UseFormRegister } from "react-hook-form";
-import { type PlaygroundForm } from "./Playground.js";
-export declare const Headers: ({ control, register, }: {
-    register: UseFormRegister<PlaygroundForm>;
+import { type Control } from "react-hook-form";
+import { type Header, type PlaygroundForm } from "./Playground.js";
+export declare const Headers: ({ control, schemaHeaders, lockedHeaders, }: {
     control: Control<PlaygroundForm>;
+    schemaHeaders: Header[];
+    lockedHeaders?: string[];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/Headers.js

@@ -1,13 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import { useRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CircleAlertIcon, LockIcon, PlusCircleIcon, TableOfContentsIcon, XIcon, } from "lucide-react";
+import { useCallback, useEffect, useRef } from "react";
 import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
-import { Card } from "zudoku/ui/Card.js";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "zudoku/ui/Tooltip.js";
 import { Autocomplete } from "../../../components/Autocomplete.js";
 import { Button } from "../../../ui/Button.js";
 import { Input } from "../../../ui/Input.js";
-import ParamsGrid from "./ParamsGrid.js";
+import { cn } from "../../../util/cn.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
+import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
 const headerOptions = Object.freeze([
     "Accept",
     "Accept-Encoding",
@@ -36,21 +39,24 @@ const headerOptions = Object.freeze([
     "User-Agent",
     "X-Requested-With",
 ]);
-export const Headers = ({ control, register, }) => {
+export const Headers = ({ control, schemaHeaders, lockedHeaders, }) => {
     const { fields, append, remove } = useFieldArray({
         control,
         name: "headers",
     });
-    const { setValue } = useFormContext();
+    const { setValue, watch, formState } = useFormContext();
     const valueRefs = useRef([]);
     const nameRefs = useRef([]);
-    const addNewHeader = () => {
-        append({
-            name: "",
-            value: "",
-            active: false,
-        });
-    };
+    const watchedHeaders = watch("headers");
+    const addNewHeader = useCallback((e) => {
+        e?.stopPropagation();
+        append({ name: "", value: "", active: false }, { shouldFocus: true });
+    }, [append]);
+    useEffect(() => {
+        if (watchedHeaders.length === 0) {
+            addNewHeader();
+        }
+    }, [watchedHeaders, addNewHeader]);
     const handleHeaderEnter = (index) => {
         valueRefs.current[index]?.focus();
     };
@@ -58,21 +64,53 @@ export const Headers = ({ control, register, }) => {
         addNewHeader();
         requestAnimationFrame(() => nameRefs.current[index + 1]?.focus());
     };
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Card, { className: "overflow-hidden", children: _jsx(ParamsGrid, { children: fields.map((header, i) => (_jsxs("div", { className: "group grid col-span-full grid-cols-subgrid", children: [_jsxs("div", { className: "flex items-center gap-2 ", children: [_jsx(Controller, { control: control, name: `headers.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { variant: "outline", id: `headers.${i}.active`, checked: field.value, onCheckedChange: (checked) => {
-                                                field.onChange(checked);
-                                            } })) }), _jsx(Controller, { control: control, name: `headers.${i}.name`, render: ({ field }) => (_jsx(Autocomplete, { ...field, placeholder: "Name", className: "border-0 shadow-none bg-transparent text-xs font-mono", options: headerOptions, onEnterPress: () => handleHeaderEnter(i), onChange: (e) => {
-                                                field.onChange(e);
-                                                setValue(`headers.${i}.active`, true);
-                                            }, ref: (el) => {
-                                                nameRefs.current[i] = el;
-                                            } })) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Controller, { control: control, name: `headers.${i}.value`, render: ({ field }) => (_jsx(Input, { placeholder: "Value", className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0", ...field, ref: (el) => {
-                                                valueRefs.current[i] = el;
-                                            }, onKeyDown: (e) => {
-                                                if (e.key === "Enter" && e.currentTarget.value.trim()) {
-                                                    handleValueEnter(i);
-                                                }
-                                            }, autoComplete: "off" })) }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7", onClick: () => {
-                                            remove(i);
-                                        }, type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, i))) }) }), _jsx("div", { className: "text-end", children: _jsx(Button, { className: "", onClick: addNewHeader, type: "button", variant: "secondary", children: "Add header" }) })] }));
+    const missingHeaders = schemaHeaders
+        .filter((h) => !watchedHeaders.some((f) => f.name === h.name))
+        .map(({ name }) => name);
+    const hiddenHeadersIndex = fields.flatMap((f, index) => {
+        const keep = !lockedHeaders
+            ?.map((h) => h.toLowerCase())
+            .includes(f.name.toLowerCase());
+        return keep ? [] : [index];
+    });
+    const lockedHeaderFields = lockedHeaders?.map((h) => ({
+        name: h,
+        id: `locked-${h}`,
+        value: "••••••••••",
+        active: true,
+        locked: true,
+    })) ?? [];
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(TableOfContentsIcon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Headers" }), _jsxs(Button, { onClick: addNewHeader, type: "button", size: "sm", variant: "ghost", className: "hover:bg-accent hover:brightness-95 flex gap-2", children: ["Add header ", _jsx(PlusCircleIcon, { size: 16 })] })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "flex flex-col gap-2", children: _jsx("div", { className: "overflow-hidden", children: _jsxs(ParamsGrid, { children: [lockedHeaderFields.map((field) => {
+                                    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ParamsGridItem, { className: "opacity-50 cursor-not-allowed font-mono text-xs min-h-10", children: [_jsx(LockIcon, { size: 16 }), _jsx(Input, { value: field.name, disabled: true, className: "w-full border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono" }), _jsx("div", { children: field.value })] }, field.id) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header is set by the selected authentication." }) })] }, field.id));
+                                }), fields.map((field, i) => {
+                                    const currentSchemaHeader = schemaHeaders.find((h) => h.name === watchedHeaders.at(i)?.name);
+                                    return (_jsxs(ParamsGridItem, { className: cn(hiddenHeadersIndex.includes(i) && "text-amber-600", hiddenHeadersIndex.includes(i) &&
+                                            !formState.dirtyFields.headers?.[i]?.value &&
+                                            "hidden"), children: [_jsx(Controller, { control: control, name: `headers.${i}.active`, render: ({ field }) => (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: `headers.${i}.active`, className: cn(hiddenHeadersIndex.includes(i) && "hidden"), checked: field.value, onCheckedChange: (checked) => {
+                                                                field.onChange(checked);
+                                                            } }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(CircleAlertIcon, { className: cn("text-amber-600", !hiddenHeadersIndex.includes(i) && "hidden"), size: 16 }) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header will be overwritten by the selected authentication." }) })] })] })) }), _jsx(Controller, { control: control, name: `headers.${i}.name`, render: ({ field }) => (_jsx(Autocomplete, { ...field, placeholder: "Name", className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono", options: [...missingHeaders, ...headerOptions], onEnterPress: () => handleHeaderEnter(i), onChange: (e) => {
+                                                        field.onChange(e);
+                                                        setValue(`headers.${i}.active`, true);
+                                                    }, ref: (el) => {
+                                                        nameRefs.current[i] = el;
+                                                    } })) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Controller, { control: control, name: `headers.${i}.value`, render: ({ field }) => {
+                                                            const hasEnum = currentSchemaHeader?.enum &&
+                                                                currentSchemaHeader.enum.length > 0;
+                                                            if (!hasEnum) {
+                                                                return (_jsx(Input, { placeholder: "Value", className: "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono", autoComplete: "off", ...field, ref: (el) => {
+                                                                        valueRefs.current[i] = el;
+                                                                    }, onKeyDown: (e) => {
+                                                                        if (e.key === "Enter" &&
+                                                                            e.currentTarget.value.trim()) {
+                                                                            handleValueEnter(i);
+                                                                        }
+                                                                    } }));
+                                                            }
+                                                            return (_jsx(Autocomplete, { shouldFilter: false, value: field.value, options: currentSchemaHeader.enum ?? [], onChange: (e) => {
+                                                                    field.onChange(e);
+                                                                    setValue(`headers.${i}.active`, true);
+                                                                }, className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
+                                                        } }), _jsx(Button, { size: "icon-xs", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:brightness-95 group-hover:opacity-100", onClick: () => remove(i), type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, field.id));
+                                })] }) }) }) })] }));
 };
 //# sourceMappingURL=Headers.js.map