zudoku 0.0.0-e097cbb → 0.0.0-e0ffac16

package/dist/lib/plugins/openapi/components/EnumValues.js

@@ -10,6 +10,6 @@ export const EnumValues = ({ values, className, maxVisibleValues = 8, }) => {
         return null;
     const shouldCollapse = values.length > maxVisibleValues;
     const visibleValues = shouldCollapse && !isOpen ? values.slice(0, maxVisibleValues) : values;
-    return (_jsxs("div", { className: cn("flex flex-wrap gap-1.5 text-xs", className), children: [_jsx("span", { className: "text-muted-foreground", children: "Enum values: " }), visibleValues.map((value) => (_jsx("div", { children: _jsx(SelectOnClick, { className: "border rounded px-1 font-mono", children: value }) }, value))), shouldCollapse && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-fit px-0", onClick: () => setIsOpen(!isOpen), children: isOpen ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronUpIcon, { size: 12 }), _jsx("span", { className: "text-muted-foreground", children: "show less" })] })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronDownIcon, { size: 12 }), _jsxs("span", { className: "text-muted-foreground", children: ["show ", values.length - maxVisibleValues, " more"] })] })) }))] }));
+    return (_jsxs("div", { className: cn("flex flex-wrap gap-1.5 text-xs", className), children: [_jsx("span", { className: "text-muted-foreground", children: "Enum values: " }), visibleValues.map((value) => (_jsx("div", { children: _jsx(SelectOnClick, { className: "border rounded-sm px-1 font-mono", children: value }) }, value))), shouldCollapse && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-fit px-0", onClick: () => setIsOpen(!isOpen), children: isOpen ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronUpIcon, { size: 12 }), _jsx("span", { className: "text-muted-foreground", children: "show less" })] })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronDownIcon, { size: 12 }), _jsxs("span", { className: "text-muted-foreground", children: ["show ", values.length - maxVisibleValues, " more"] })] })) }))] }));
 };
 //# sourceMappingURL=EnumValues.js.map

package/dist/lib/plugins/openapi/components/EnumValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumValues.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/EnumValues.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,CAAC,GAKrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,gBAAgB,CAAC;IACxD,MAAM,aAAa,GACjB,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,aAC7D,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,wBACE,KAAC,aAAa,IAAC,SAAS,EAAC,+BAA+B,YACrD,KAAK,GACQ,IAHR,KAAK,CAIT,CACP,CAAC,EACD,cAAc,IAAI,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAEhC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,eAAM,SAAS,EAAC,uBAAuB,0BAAiB,IACpD,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,gBAAM,SAAS,EAAC,uBAAuB,sBAC/B,MAAM,CAAC,MAAM,GAAG,gBAAgB,aACjC,IACH,CACP,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"EnumValues.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/EnumValues.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,CAAC,GAKrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,gBAAgB,CAAC;IACxD,MAAM,aAAa,GACjB,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,aAC7D,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,wBACE,KAAC,aAAa,IAAC,SAAS,EAAC,kCAAkC,YACxD,KAAK,GACQ,IAHR,KAAK,CAIT,CACP,CAAC,EACD,cAAc,IAAI,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAEhC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,eAAM,SAAS,EAAC,uBAAuB,0BAAiB,IACpD,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,gBAAM,SAAS,EAAC,uBAAuB,sBAC/B,MAAM,CAAC,MAAM,GAAG,gBAAgB,aACjC,IACH,CACP,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/components/ResponseContent.d.ts

@@ -0,0 +1,12 @@
+import type { MediaTypeObject } from "../graphql/graphql.js";
+type Response = {
+    statusCode: string;
+    description?: string | null;
+    content?: MediaTypeObject[] | null;
+};
+export declare const ResponseContent: ({ responses, selectedResponse, onSelectResponse, }: {
+    responses: Response[];
+    selectedResponse?: string;
+    onSelectResponse?: (value: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/plugins/openapi/components/ResponseContent.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Tabs from "@radix-ui/react-tabs";
+import { useState } from "react";
+import { Markdown } from "zudoku/components";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
+import { cn } from "zudoku/ui/util.js";
+import { SchemaView } from "../schema/SchemaView.js";
+export const ResponseContent = ({ responses, selectedResponse, onSelectResponse, }) => {
+    const [selectedMediaType, setSelectedMediaType] = useState(responses[0]?.content?.[0]?.mediaType ?? "");
+    const currentResponse = responses.find((r) => r.statusCode === selectedResponse) ?? responses[0];
+    const cardHeader = (_jsxs("div", { className: "flex flex-col bg-muted text-muted-foreground", children: [_jsxs("div", { className: "flex flex-row items-center gap-2 justify-between px-4 py-2", children: [_jsx(Tabs.List, { className: "flex flex-row font-medium text-sm gap-4", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("py-1 -mx-2 px-2 rounded-md", "data-[state=active]:dark:ring-1 data-[state=active]:dark:ring-border data-[state=active]:bg-background data-[state=active]:drop-shadow", "data-[state=active]:font-semibold data-[state=active]:text-foreground"), children: response.statusCode }, response.statusCode))) }), currentResponse?.content && currentResponse.content.length > 1 && (_jsxs(Select, { value: selectedMediaType, onValueChange: setSelectedMediaType, children: [_jsx(SelectTrigger, { className: "h-8 mt-0 max-w-48 text-xs truncate", children: _jsx(SelectValue, { placeholder: "Select a type" }) }), _jsx(SelectContent, { children: currentResponse.content.map((c) => (_jsx(SelectItem, { value: c.mediaType, children: c.mediaType }, c.mediaType))) })] }))] }), currentResponse?.description && (_jsx(Markdown, { className: "text-sm border-t px-4 py-2 text-muted-foreground", content: currentResponse.description }))] }));
+    return (_jsx("div", { className: "flex flex-col gap-2", children: _jsx(Tabs.Root, { value: selectedResponse, onValueChange: (value) => {
+                onSelectResponse?.(value);
+                const newResponse = responses.find((r) => r.statusCode === value);
+                setSelectedMediaType(newResponse?.content?.[0]?.mediaType ?? "");
+            }, children: responses.map((response) => {
+                const content = response.content?.find((c) => c.mediaType === selectedMediaType);
+                return (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SchemaView, { schema: content?.schema, cardHeader: cardHeader }) }, response.statusCode));
+            }) }) }));
+};
+//# sourceMappingURL=ResponseContent.js.map

package/dist/lib/plugins/openapi/components/ResponseContent.js.map

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

package/dist/lib/plugins/openapi/graphql/gql.d.ts

@@ -25,4 +25,4 @@ export declare function graphql(source: "\n  query getServerQuery($input: JSON!,
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function graphql(source: "\n  query GetSidebarOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n"): typeof import("./graphql.js").GetSidebarOperationsDocument;
+export declare function graphql(source: "\n  query GetNavigationOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      extensions\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n"): typeof import("./graphql.js").GetNavigationOperationsDocument;

package/dist/lib/plugins/openapi/graphql/gql.js

@@ -7,7 +7,7 @@ const documents = {
     "\n  query OperationsForTag(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tag(slug: $tag, untagged: $untagged) {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n        next {\n          name\n          slug\n        }\n        prev {\n          name\n          slug\n        }\n      }\n    }\n  }\n": types.OperationsForTagDocument,
     "\n  query GetSchemas($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      title\n      description\n      summary\n      components {\n        schemas {\n          name\n          schema\n          extensions\n        }\n      }\n    }\n  }\n": types.GetSchemasDocument,
     "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": types.GetServerQueryDocument,
-    "\n  query GetSidebarOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n": types.GetSidebarOperationsDocument,
+    "\n  query GetNavigationOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      extensions\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n": types.GetNavigationOperationsDocument,
 };
 export function graphql(source) {
     return documents[source] ?? {};

package/dist/lib/plugins/openapi/graphql/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/graphql/gql.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAsBtC,MAAM,SAAS,GAAc;IAC3B,uKAAuK,EACrK,KAAK,CAAC,oBAAoB;IAC5B,khCAAkhC,EAChhC,KAAK,CAAC,6BAA6B;IACrC,oIAAoI,EAClI,KAAK,CAAC,oBAAoB;IAC5B,mkBAAmkB,EACjkB,KAAK,CAAC,wBAAwB;IAChC,qRAAqR,EACnR,KAAK,CAAC,kBAAkB;IAC1B,yKAAyK,EACvK,KAAK,CAAC,sBAAsB;IAC9B,kZAAkZ,EAChZ,KAAK,CAAC,4BAA4B;CACrC,CAAC;AA6CF,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,OAAQ,SAAiB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"gql.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/graphql/gql.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAsBtC,MAAM,SAAS,GAAc;IAC3B,uKAAuK,EACrK,KAAK,CAAC,oBAAoB;IAC5B,khCAAkhC,EAChhC,KAAK,CAAC,6BAA6B;IACrC,oIAAoI,EAClI,KAAK,CAAC,oBAAoB;IAC5B,mkBAAmkB,EACjkB,KAAK,CAAC,wBAAwB;IAChC,qRAAqR,EACnR,KAAK,CAAC,kBAAkB;IAC1B,yKAAyK,EACvK,KAAK,CAAC,sBAAsB;IAC9B,uaAAua,EACra,KAAK,CAAC,+BAA+B;CACxC,CAAC;AA6CF,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,OAAQ,SAAiB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AAC1C,CAAC"}

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

@@ -387,14 +387,15 @@ export type GetServerQueryQuery = {
         }>;
     };
 };
-export type GetSidebarOperationsQueryVariables = Exact<{
+export type GetNavigationOperationsQueryVariables = Exact<{
     input: Scalars["JSON"]["input"];
     type: SchemaType;
 }>;
-export type GetSidebarOperationsQuery = {
+export type GetNavigationOperationsQuery = {
     __typename?: "Query";
     schema: {
         __typename?: "Schema";
+        extensions?: any | null;
         tags: Array<{
             __typename?: "SchemaTag";
             slug?: string | null;
@@ -430,4 +431,4 @@ export declare const SchemaWarmupDocument: TypedDocumentString<SchemaWarmupQuery
 export declare const OperationsForTagDocument: TypedDocumentString<OperationsForTagQuery, OperationsForTagQueryVariables>;
 export declare const GetSchemasDocument: TypedDocumentString<GetSchemasQuery, GetSchemasQueryVariables>;
 export declare const GetServerQueryDocument: TypedDocumentString<GetServerQueryQuery, GetServerQueryQueryVariables>;
-export declare const GetSidebarOperationsDocument: TypedDocumentString<GetSidebarOperationsQuery, GetSidebarOperationsQueryVariables>;
+export declare const GetNavigationOperationsDocument: TypedDocumentString<GetNavigationOperationsQuery, GetNavigationOperationsQueryVariables>;

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

@@ -213,9 +213,10 @@ export const GetServerQueryDocument = new TypedDocumentString(`
   }
 }
     `);
-export const GetSidebarOperationsDocument = new TypedDocumentString(`
-    query GetSidebarOperations($input: JSON!, $type: SchemaType!) {
+export const GetNavigationOperationsDocument = new TypedDocumentString(`
+    query GetNavigationOperations($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
+    extensions
     tags {
       slug
       name

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

@@ -1 +1 @@
-{"version":3,"file":"graphql.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/graphql/graphql.ts"],"names":[],"mappings":"AAsZA,MAAM,OAAO,mBACX,SAAQ,MAAM;IAGd,SAAS,CAA4D;IAC7D,KAAK,CAAS;IACf,QAAQ,CAAmC;IAElD,YAAY,KAAa,EAAE,QAA0C;QACnE,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AACD,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,mBAAmB,CAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiEG,EACH,EAAE,YAAY,EAAE,oBAAoB,EAAE,CACgC,CAAC;AACzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;KASvD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,CAAC;;;;;;KAMvD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4F9D,CAGD,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;KAerD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;KASzD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB/D,CAGJ,CAAC"}
+{"version":3,"file":"graphql.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/graphql/graphql.ts"],"names":[],"mappings":"AAuZA,MAAM,OAAO,mBACX,SAAQ,MAAM;IAGd,SAAS,CAA4D;IAC7D,KAAK,CAAS;IACf,QAAQ,CAAmC;IAElD,YAAY,KAAa,EAAE,QAA0C;QACnE,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AACD,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,mBAAmB,CAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiEG,EACH,EAAE,YAAY,EAAE,oBAAoB,EAAE,CACgC,CAAC;AACzE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;KASvD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,CAAC;;;;;;KAMvD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4F9D,CAGD,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;KAerD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;KASzD,CAGJ,CAAC;AACF,MAAM,CAAC,MAAM,+BAA+B,GAAG,IAAI,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuBlE,CAGJ,CAAC"}

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

@@ -1,12 +1,11 @@
 import { type ZudokuPlugin } from "../../core/plugins.js";
-import type { GetSidebarOperationsQuery } from "./graphql/graphql.js";
+import type { GetNavigationOperationsQuery as GetNavigationOperationsQueryResult } from "./graphql/graphql.js";
 import { type OasPluginConfig } from "./interfaces.js";
-declare const GetSidebarOperationsQuery: import("./graphql/graphql.js").TypedDocumentString<GetSidebarOperationsQuery, import("./graphql/graphql.js").Exact<{
+export declare const GetNavigationOperationsQuery: import("./graphql/graphql.js").TypedDocumentString<GetNavigationOperationsQueryResult, import("./graphql/graphql.js").Exact<{
     input: import("./graphql/graphql.js").Scalars["JSON"]["input"];
     type: import("./graphql/graphql.js").SchemaType;
 }>>;
-export type OperationResult = GetSidebarOperationsQuery["schema"]["tags"][number]["operations"][number];
+export type OperationResult = GetNavigationOperationsQueryResult["schema"]["tags"][number]["operations"][number];
 export type OpenApiPluginOptions = OasPluginConfig;
 export declare const UNTAGGED_PATH = "~endpoints";
 export declare const openApiPlugin: (config: OasPluginConfig) => ZudokuPlugin;
-export {};

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

@@ -5,13 +5,15 @@ 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";
-import { createSidebarCategory } from "./util/createSidebarCategory.js";
+import { createNavigationCategory } from "./util/createNavigationCategory.js";
 import { getRoutes, getVersions } from "./util/getRoutes.js";
-const GetSidebarOperationsQuery = graphql(`
-  query GetSidebarOperations($input: JSON!, $type: SchemaType!) {
+export const GetNavigationOperationsQuery = graphql(`
+  query GetNavigationOperations($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
+      extensions
       tags {
         slug
         name
@@ -34,7 +36,7 @@ const GetSidebarOperationsQuery = graphql(`
 `);
 export const UNTAGGED_PATH = "~endpoints";
 export const openApiPlugin = (config) => {
-    const basePath = joinUrl(config.navigationId ?? "/reference");
+    const basePath = joinUrl(config.path);
     const client = new GraphQLClient(config);
     return {
         getHead: () => {
@@ -57,7 +59,7 @@ export const openApiPlugin = (config) => {
                 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, context) => {
+        getNavigation: async (path, context) => {
             if (!matchPath({ path: basePath, end: false }, path)) {
                 return [];
             }
@@ -67,29 +69,61 @@ export const openApiPlugin = (config) => {
                 const version = versionParam ?? getVersions(config).at(0);
                 const { type } = config;
                 const input = type === "file" ? config.input[version] : config.input;
-                const data = await context.queryClient.ensureQueryData({
-                    queryKey: ["sidebar-operations-query", input],
-                    queryFn: () => client.fetch(GetSidebarOperationsQuery, { type, input }),
+                const query = createQuery(client, GetNavigationOperationsQuery, {
+                    type,
+                    input,
                 });
-                const categories = data.schema.tags.flatMap((tag) => {
-                    if (!tag.name || tag.operations.length === 0)
-                        return [];
+                const data = await context.queryClient.ensureQueryData(query);
+                const tagCategories = new Map(data.schema.tags
+                    .filter((tag) => tag.name && tag.operations.length > 0)
+                    .map((tag) => {
+                    if (!tag.name) {
+                        throw new Error(`Tag ${tag.slug} has no name`);
+                    }
                     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 createSidebarCategory({
-                        label: tag.name,
-                        path: categoryPath,
-                        operations: tag.operations,
-                        collapsed: isCollapsed,
-                        collapsible: isCollapsible,
-                    });
+                    return [
+                        tag.name,
+                        createNavigationCategory({
+                            label: tag.name,
+                            path: categoryPath,
+                            operations: tag.operations,
+                            collapsed: isCollapsed,
+                            collapsible: isCollapsible,
+                        }),
+                    ];
+                }));
+                const tagGroups = data.schema.extensions?.["x-tagGroups"] ?? [];
+                const groupedTags = new Set(tagGroups.flatMap((group) => group.tags.filter((name) => tagCategories.has(name))));
+                const groupedCategories = tagGroups.flatMap((group) => {
+                    const items = group.tags
+                        .map((name) => tagCategories.get(name))
+                        .filter(Boolean);
+                    if (items.length === 0) {
+                        return [];
+                    }
+                    return [
+                        {
+                            type: "category",
+                            label: group.name,
+                            items,
+                            collapsible: true,
+                            collapsed: !config.options?.expandAllTags,
+                        },
+                    ];
                 });
+                const categories = [
+                    ...groupedCategories,
+                    ...Array.from(tagCategories.entries())
+                        .filter(([name]) => !groupedTags.has(name))
+                        .map(([, cat]) => cat),
+                ];
                 const untaggedOperations = data.schema.tags.find((tag) => !tag.name)?.operations;
                 if (untaggedOperations) {
-                    categories.push(createSidebarCategory({
-                        label: "Other endpoints",
+                    categories.push(createNavigationCategory({
+                        label: categories.length === 0 ? "Endpoints" : "Other endpoints",
                         path: joinUrl(basePath, versionParam, UNTAGGED_PATH),
                         operations: untaggedOperations,
                         collapsed: !config.options?.expandAllTags,
@@ -99,7 +133,7 @@ export const openApiPlugin = (config) => {
                     categories.push({
                         type: "link",
                         label: "Schemas",
-                        href: joinUrl(basePath, versionParam, "~schemas"),
+                        to: joinUrl(basePath, versionParam, "~schemas"),
                     });
                 }
                 return categories;

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,7 +1,7 @@
-import { AuthState } from "../../authentication/state.js";
-import { ZudokuContext } from "../../core/ZudokuContext.js";
+import { type AuthState } from "../../authentication/state.js";
+import { type ZudokuContext } from "../../core/ZudokuContext.js";
 import type { SchemaImports } from "../../oas/graphql/index.js";
-import { OperationListItemResult } from "./OperationList.js";
+import { type OperationListItemResult } from "./OperationList.js";
 type DynamicInput = () => Promise<unknown>;
 type OasSource = {
     type: "url";
@@ -40,7 +40,7 @@ type Content = {
     }> | null;
     examples?: Array<Example> | null;
 };
-export type transformExamples = (options: {
+export type TransformExamplesFn = (options: {
     content: Content[];
     context: ZudokuContext;
     auth: AuthState;
@@ -49,16 +49,17 @@ export type transformExamples = (options: {
 }) => Content[];
 type BaseOasConfig = {
     server?: string;
-    navigationId?: string;
+    path?: string;
     skipPreload?: boolean;
     tagPages?: Array<string>;
     schemaImports?: SchemaImports;
     options?: {
         examplesLanguage?: string;
         disablePlayground?: boolean;
+        disableSidecar?: boolean;
         showVersionSelect?: "always" | "if-available" | "hide";
         expandAllTags?: boolean;
-        transformExamples?: transformExamples;
+        transformExamples?: TransformExamplesFn;
     };
 };
 export type OasPluginConfig = BaseOasConfig & OasSource;

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.js

@@ -1,8 +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 (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Use Example" }) }), _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))) })] }));
+    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,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GAC1B,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"}
+{"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 } from "react-hook-form";
-import { Header, type PlaygroundForm } from "./Playground.js";
-export declare const Headers: ({ control, headers: schemaHeaders, }: {
+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>;
-    headers: Header[];
+    schemaHeaders: Header[];
+    lockedHeaders?: string[];
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-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 { cn } from "../../../util/cn.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
 import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
 const headerOptions = Object.freeze([
     "Accept",
@@ -36,17 +39,18 @@ const headerOptions = Object.freeze([
     "User-Agent",
     "X-Requested-With",
 ]);
-export const Headers = ({ control, headers: schemaHeaders, }) => {
+export const Headers = ({ control, schemaHeaders, lockedHeaders, }) => {
     const { fields, append, remove } = useFieldArray({
         control,
         name: "headers",
     });
-    const { setValue, watch } = useFormContext();
+    const { setValue, watch, formState } = useFormContext();
     const valueRefs = useRef([]);
     const nameRefs = useRef([]);
     const watchedHeaders = watch("headers");
-    const addNewHeader = useCallback(() => {
-        append({ name: "", value: "", active: false });
+    const addNewHeader = useCallback((e) => {
+        e?.stopPropagation();
+        append({ name: "", value: "", active: false }, { shouldFocus: true });
     }, [append]);
     useEffect(() => {
         if (watchedHeaders.length === 0) {
@@ -63,32 +67,50 @@ export const Headers = ({ control, headers: schemaHeaders, }) => {
     const missingHeaders = schemaHeaders
         .filter((h) => !watchedHeaders.some((f) => f.name === h.name))
         .map(({ name }) => name);
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Card, { className: "overflow-hidden", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
-                        const currentHeader = schemaHeaders.find((h) => h.name === watch(`headers.${i}.name`));
-                        return (_jsxs(ParamsGridItem, { children: [_jsxs("div", { className: "flex items-center gap-2 ", children: [_jsx(Controller, { control: control, name: `headers.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { 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: [...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 = currentHeader?.enum && currentHeader.enum.length > 0;
-                                                if (!hasEnum) {
-                                                    return (_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" }));
-                                                }
-                                                return (_jsx(Autocomplete, { shouldFilter: false, value: field.value, options: currentHeader.enum ?? [], onChange: (e) => {
+    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);
-                                                    }, className: "font-mono text-xs border-0" }));
-                                            } }), _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 }) })] })] }, field.id));
-                    }) }) }), _jsx("div", { className: "text-end", children: _jsx(Button, { className: "", onClick: addNewHeader, type: "button", variant: "secondary", children: "Add header" }) })] }));
+                                                    }, 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