zudoku 0.0.2-dev.0

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

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from "../../Heading.js";
+import { CategoryHeading } from "../../components/CategoryHeading.js";
+import { Markdown, ProseClasses } from "../../components/Markdown.js";
+import { cn } from "../../util/cn.js";
+import { OperationListItem } from "./OperationListItem.js";
+import { graphql } from "./graphql/index.js";
+import { useOasConfig } from "./index.js";
+import { useQuery } from "./util/urql.js";
+export const OperationsFragment = graphql(`
+  fragment OperationsFragment on OperationItem {
+    slug
+    summary
+    method
+    description
+    operationId
+    contentTypes
+    path
+    parameters {
+      name
+      in
+      description
+      required
+      schema
+      style
+    }
+    requestBody {
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+      description
+      required
+    }
+    responses {
+      statusCode
+      links
+      description
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+    }
+  }
+`);
+const AllOperationsQuery = graphql(`
+    query AllOperations($input: JSON!, $type: SchemaType!) {
+      schema(input: $input, type: $type) {
+        description
+        title
+        url
+        version
+        tags {
+          name
+          description
+          operations {
+            slug
+            ...OperationsFragment
+          }
+        }
+      }
+    }
+  `, [OperationsFragment]);
+export const OperationList = () => {
+    const { type, input } = useOasConfig();
+    const [result] = useQuery({
+        query: AllOperationsQuery,
+        variables: { type, input },
+    });
+    if (!result.data)
+        return null;
+    return (_jsxs("div", { className: "pt-[--padding-content-top]", children: [_jsxs("div", { className: cn(ProseClasses, "mb-16"), children: [_jsx(CategoryHeading, { children: "Overview" }), _jsx(Heading, { level: 1, id: "description", registerSidebarAnchor: true, children: result.data.schema.title }), _jsx(Markdown, { content: result.data.schema.description ?? "" })] }), result.data?.schema.tags
+                .filter((tag) => tag.operations.length > 0)
+                .map((tag) => (_jsxs("div", { children: [tag.name && _jsx(CategoryHeading, { children: tag.name }), tag.description && (_jsx(Markdown, { className: `${ProseClasses} mt-2 mb-12`, content: tag.description })), _jsx("div", { className: "operation mb-12", children: tag.operations.map((fragment) => (_jsx(OperationListItem, { operationFragment: fragment }, fragment.slug))) })] }, tag.name)))] }));
+};
+//# sourceMappingURL=OperationList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationList.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/OperationList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCzC,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,OAAO,CAChC;;;;;;;;;;;;;;;;;GAiBC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;QACxB,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;KAC3B,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,aACvC,KAAC,eAAe,2BAA2B,EAC3C,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAC,aAAa,EAAC,qBAAqB,kBACtD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GACjB,EACV,KAAC,QAAQ,IAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,GAAI,IACvD,EACL,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI;iBACtB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;iBAC1C,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACZ,0BACG,GAAG,CAAC,IAAI,IAAI,KAAC,eAAe,cAAE,GAAG,CAAC,IAAI,GAAmB,EACzD,GAAG,CAAC,WAAW,IAAI,CAClB,KAAC,QAAQ,IACP,SAAS,EAAE,GAAG,YAAY,aAAa,EACvC,OAAO,EAAE,GAAG,CAAC,WAAW,GACxB,CACH,EACD,cAAK,SAAS,EAAC,iBAAiB,YAC7B,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAChC,KAAC,iBAAiB,IAEhB,iBAAiB,EAAE,QAAQ,IADtB,QAAQ,CAAC,IAAI,CAElB,CACH,CAAC,GACE,KAfE,GAAG,CAAC,IAAI,CAgBZ,CACP,CAAC,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/plugins/openapi/OperationListItem.d.ts

@@ -0,0 +1,7 @@
+import { type FragmentOf } from "gql.tada";
+import { OperationsFragment } from "./OperationList.js";
+export declare const PARAM_GROUPS: readonly ["path", "query", "header", "cookie"];
+export type ParameterGroup = (typeof PARAM_GROUPS)[number];
+export declare const OperationListItem: ({ operationFragment, }: {
+    operationFragment: FragmentOf<typeof OperationsFragment>;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readFragment } from "gql.tada";
+import { Heading } from "../../Heading.js";
+import { Markdown, ProseClasses } from "../../components/Markdown.js";
+import { groupBy } from "../../util/groupBy.js";
+import { OperationsFragment } from "./OperationList.js";
+import { ParameterList } from "./ParameterList.js";
+import { Sidecar } from "./Sidecar.js";
+export const PARAM_GROUPS = ["path", "query", "header", "cookie"];
+export const OperationListItem = ({ operationFragment, }) => {
+    const operation = readFragment(OperationsFragment, operationFragment);
+    const groupedParameters = groupBy(operation?.parameters ?? [], "in");
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-8 items-start border-b-2 mb-16 pb-16 border-border", children: [_jsxs("div", { className: ProseClasses, children: [_jsx(Heading, { level: 2, className: "mt-0", id: operation.slug, registerSidebarAnchor: true, children: operation.summary }), operation.description && _jsx(Markdown, { content: operation.description }), operation.parameters && operation.parameters.length > 0 && (_jsx("div", { className: "mt-4", children: PARAM_GROUPS.flatMap((group) => groupedParameters?.[group]?.length ? (_jsx(ParameterList, { id: operation.slug, groupedParameters: groupedParameters, group: group }, group)) : ([])) }))] }), _jsx(Sidecar, { operation: operation })] }, operation.operationId));
+};
+//# sourceMappingURL=OperationListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationListItem.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/OperationListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAmB,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAG3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,GAGlB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IACtE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE,UAAU,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IAErE,OAAO,CACL,eAEE,SAAS,EAAC,yEAAyE,aAEnF,eAAK,SAAS,EAAE,YAAY,aAC1B,KAAC,OAAO,IACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,SAAS,CAAC,IAAI,EAClB,qBAAqB,kBAEpB,SAAS,CAAC,OAAO,GACV,EACT,SAAS,CAAC,WAAW,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,SAAS,CAAC,WAAW,GAAI,EACrE,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,cAAK,SAAS,EAAC,MAAM,YAClB,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAC9B,iBAAiB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CACnC,KAAC,aAAa,IAEZ,EAAE,EAAE,SAAS,CAAC,IAAI,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,IAHP,KAAK,CAIV,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CACF,GACG,CACP,IACG,EACN,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAI,KA9B5B,SAAS,CAAC,WAAW,CA+BtB,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { ParameterGroup } from "./OperationListItem.js";
+import { type ParameterListItemResult } from "./ParameterListItem.js";
+export declare const ParameterList: ({ groupedParameters, group, id, }: {
+    groupedParameters: Record<ParameterGroup, ParameterListItemResult[]>;
+    group: ParameterGroup;
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from "../../Heading.js";
+import { ParameterListItem, } from "./ParameterListItem.js";
+export const ParameterList = ({ groupedParameters, group, id, }) => (_jsxs(_Fragment, { children: [_jsx(Heading, { level: 3, id: `${id}/${group}-parameters`, className: "capitalize", children: group === "header" ? "Headers" : `${group} Parameters` }), _jsx("ul", { className: "list-none m-0 px-0 overflow-hidden", children: groupedParameters[group].map((parameter) => (_jsx(ParameterListItem, { parameter: parameter, id: id, group: group }, `${parameter.name}-${parameter.in}`))) })] }));
+//# sourceMappingURL=ParameterList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterList.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/ParameterList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,EACjB,KAAK,EACL,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,aAAI,SAAS,EAAC,oCAAoC,YAC/C,iBAAiB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC3C,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,GACC,IACJ,CACJ,CAAC"}

package/dist/app/plugins/openapi/ParameterListItem.d.ts

@@ -0,0 +1,8 @@
+import type { OperationListItemResult } from "./OperationList.js";
+import type { ParameterGroup } from "./OperationListItem.js";
+export type ParameterListItemResult = NonNullable<OperationListItemResult["parameters"]>[number];
+export declare const ParameterListItem: ({ parameter, group, id, }: {
+    parameter: ParameterListItemResult;
+    group: ParameterGroup;
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Markdown } from "../../components/Markdown.js";
+import { ColorizedParam } from "./ColorizedParam.js";
+const getParameterSchema = (parameter) => {
+    if (parameter.schema != null && typeof parameter.schema === "object") {
+        return parameter.schema;
+    }
+    return {
+        type: "string",
+    };
+};
+export const ParameterListItem = ({ parameter, group, id, }) => (_jsxs("li", { className: "not-prose px-2 py-4 border-t border-border bg-border/20", 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.toLocaleLowerCase() })) : (parameter.name) }), parameter.required && (_jsx("span", { className: "py-px px-1.5 font-medium text-xs bg-primary/75 text-muted rounded-lg", children: "required" })), getParameterSchema(parameter).type && (_jsx("span", { className: "text-xs text-muted-foreground", children: getParameterSchema(parameter).type }))] }), parameter.description && (_jsx(Markdown, { content: parameter.description, className: "prose-p:my-1" }))] }));
+//# sourceMappingURL=ParameterListItem.js.map

package/dist/app/plugins/openapi/ParameterListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterListItem.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/ParameterListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrD,MAAM,kBAAkB,GAAG,CACzB,SAAkC,EACpB,EAAE;IAChB,IAAI,SAAS,CAAC,MAAM,IAAI,IAAI,IAAI,OAAO,SAAS,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;QACrE,OAAO,SAAS,CAAC,MAAM,CAAC;IAC1B,CAAC;IACD,OAAO;QACL,IAAI,EAAE,QAAQ;KACf,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,KAAK,EACL,EAAE,GAKH,EAAE,EAAE,CAAC,CACJ,cAAI,SAAS,EAAC,yDAAyD,aACrE,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,EAAE,GAAG,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,GACnD,CACH,CAAC,CAAC,CAAC,CACF,SAAS,CAAC,IAAI,CACf,GACI,EACN,SAAS,CAAC,QAAQ,IAAI,CACrB,eAAM,SAAS,EAAC,sEAAsE,yBAE/E,CACR,EACA,kBAAkB,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CACrC,eAAM,SAAS,EAAC,+BAA+B,YAC5C,kBAAkB,CAAC,SAAS,CAAC,CAAC,IAAI,GAC9B,CACR,IACG,EACL,SAAS,CAAC,WAAW,IAAI,CACxB,KAAC,QAAQ,IAAC,OAAO,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,EAAC,cAAc,GAAG,CACtE,IACE,CACN,CAAC"}

package/dist/app/plugins/openapi/RequestBodySidecarBox.d.ts

@@ -0,0 +1,6 @@
+import type { OperationListItemResult } from "./OperationList.js";
+type Content = NonNullable<NonNullable<OperationListItemResult["requestBody"]>["content"]>;
+export declare const RequestBodySidecarBox: ({ content }: {
+    content: Content;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { Select } from "./Select.js";
+import { SidecarBox } from "./SidecarBox.js";
+import { generateSchemaExample } from "./util/generateSchemaExample.js";
+// @todo should we handle multiple content types?
+export const RequestBodySidecarBox = ({ content }) => {
+    const [selected, setSelected] = useState("example");
+    if (!content.length)
+        return null;
+    return (_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "text-xs flex justify-between items-center", children: [_jsx("span", { className: "font-mono", children: "Request Body" }), _jsx(Select, { onChange: (e) => setSelected(e.target.value), options: [
+                            { value: "example", label: "Example" },
+                            { value: "schema", label: "Schema" },
+                        ] })] }), _jsx(SidecarBox.Body, { children: _jsx(SyntaxHighlight, { language: "json", noBackground: true, copyable: false, className: "text-xs", code: JSON.stringify(selected === "example"
+                        ? generateSchemaExample(content[0].schema)
+                        : content[0].schema, null, 2) }) })] }));
+};
+//# sourceMappingURL=RequestBodySidecarBox.js.map

package/dist/app/plugins/openapi/RequestBodySidecarBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestBodySidecarBox.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/RequestBodySidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAMxE,iDAAiD;AACjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACzE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEpD,IAAI,CAAC,OAAO,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,MAAC,UAAU,CAAC,IAAI,eACd,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,aACpE,eAAM,SAAS,EAAC,WAAW,6BAAoB,EAC/C,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,OAAO,EAAE;4BACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;4BACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;yBACrC,GACD,IACc,EAClB,KAAC,UAAU,CAAC,IAAI,cACd,KAAC,eAAe,IACd,QAAQ,EAAC,MAAM,EACf,YAAY,QACZ,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,CAAC,SAAS,CAClB,QAAQ,KAAK,SAAS;wBACpB,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAsB,CAAC;wBAC1D,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,EACrB,IAAI,EACJ,CAAC,CACF,GACD,GACc,IACF,CACnB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { OperationListItemResult } from "./OperationList.js";
+type Responses = OperationListItemResult["responses"];
+export declare const ResponsesSidecarBox: ({ responses, }: {
+    responses: Responses;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { cn } from "../../util/cn.js";
+import { SidecarBox } from "./SidecarBox.js";
+import { generateSchemaExample } from "./util/generateSchemaExample.js";
+export const ResponsesSidecarBox = ({ responses, }) => {
+    const [tabIndex, setTabIndex] = useState(0);
+    const activeTab = responses[tabIndex];
+    const schema = activeTab?.content?.[0]?.schema;
+    return (_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "text-xs grid grid-rows-2 pb-0", children: [_jsx("span", { className: "font-mono", children: "Responses" }), _jsx("div", { className: "flex gap-2", children: responses.map((response, index) => (_jsx("div", { onClick: () => setTabIndex(index), 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", tabIndex === index
+                                ? "text-primary dark:text-inherit border-primary"
+                                : "hover:border-accent-foreground/25"), children: response.statusCode }, response.statusCode))) })] }), _jsxs(SidecarBox.Body, { children: [schema ? (_jsx(SyntaxHighlight, { language: "json", noBackground: true, copyable: false, className: "text-xs", code: JSON.stringify(generateSchemaExample(schema), null, 2) })) : (_jsx("span", { className: "text-muted-foreground font-mono italic text-xs", children: "Empty Response" })), _jsx("hr", { className: "border-border my-1" }), _jsx("div", { className: "text-xs", children: responses[tabIndex].description })] })] }));
+};
+//# sourceMappingURL=ResponsesSidecarBox.js.map

package/dist/app/plugins/openapi/ResponsesSidecarBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,MAAkC,CAAC;IAE3E,OAAO,CACL,MAAC,UAAU,CAAC,IAAI,eACd,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,aACxD,eAAM,SAAS,EAAC,WAAW,0BAAiB,EAC5C,cAAK,SAAS,EAAC,YAAY,YACxB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,cAEE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,QAAQ,KAAK,KAAK;gCAChB,CAAC,CAAC,+CAA+C;gCACjD,CAAC,CAAC,mCAAmC,CACxC,YAEA,QAAQ,CAAC,UAAU,IATf,QAAQ,CAAC,UAAU,CAUpB,CACP,CAAC,GACE,IACU,EAClB,MAAC,UAAU,CAAC,IAAI,eACb,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,eAAe,IACd,QAAQ,EAAC,MAAM,EACf,YAAY,QACZ,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5D,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,gDAAgD,+BAEzD,CACR,EACD,aAAI,SAAS,EAAC,oBAAoB,GAAG,EACrC,cAAK,SAAS,EAAC,SAAS,YAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,WAAW,GAAO,IAChD,IACF,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/plugins/openapi/Select.d.ts

@@ -0,0 +1,9 @@
+import type { ChangeEventHandler } from "react";
+export declare const Select: ({ onChange, className, options, }: {
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    className?: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/plugins/openapi/Select.js

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

package/dist/app/plugins/openapi/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/Select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,OAAO,GAQR,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,iBACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,iGAAiG,CAClG,EACD,QAAQ,EAAE,QAAQ,YAEjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,YACxB,MAAM,CAAC,KAAK,IADmB,MAAM,CAAC,KAAK,CAErC,CACV,CAAC,GACK,EACT,cAAK,SAAS,EAAC,yFAAyF,YACtG,KAAC,kBAAkB,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5B,IACF,CACP,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { OperationListItemResult } from "./OperationList.js";
+export declare const Sidecar: ({ operation, }: {
+    operation: OperationListItemResult;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from "react";
+import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { cn } from "../../util/cn.js";
+import { ColorizedParam } from "./ColorizedParam.js";
+import { MakeRequest } from "./MakeRequest.js";
+import { MethodTextColorMap } from "./MethodBadge.js";
+import { RequestBodySidecarBox } from "./RequestBodySidecarBox.js";
+import { ResponsesSidecarBox } from "./ResponsesSidecarBox.js";
+import { Select } from "./Select.js";
+import { SidecarBox } from "./SidecarBox.js";
+import { getCode } from "./util/getCode.js";
+export const Sidecar = ({ operation, }) => {
+    const methodTextColor = MethodTextColorMap[operation.method];
+    const [option, setOption] = useState("curl");
+    const requestBodyContent = operation.requestBody?.content;
+    const path = operation.path.split("/").map((part) => (_jsxs(Fragment, { children: [part.startsWith("{") && part.endsWith("}") ? (_jsx(ColorizedParam, { name: part.slice(1, -1), backgroundOpacity: "0", 
+                // same as in `ParameterListItem`
+                slug: operation.slug + "-" + part.slice(1, -1).toLocaleLowerCase(), children: part })) : (part), "/", _jsx("wbr", {})] }, part)));
+    const language = {
+        js: "javascript",
+        go: "go",
+        rust: "rust",
+        curl: "bash",
+        wget: "bash",
+        ruby: "ruby",
+        php: "php",
+    }[option] ?? "bash";
+    return (_jsxs("aside", { className: "flex flex-col overflow-hidden sticky top-[--scroll-padding] gap-4", children: [_jsxs(SidecarBox.Root, { children: [_jsx(MakeRequest, { operation: operation }), _jsxs(SidecarBox.Head, { className: "flex justify-between items-center flex-nowrap p-2 gap-2 text-xs", children: [_jsxs("span", { className: "font-mono break-words", children: [_jsx("span", { className: cn("font-semibold", methodTextColor), children: operation.method.toLocaleUpperCase() }), "\u00A0", path] }), _jsx(Select, { className: "self-start", onChange: (e) => setOption(e.target.value), options: [
+                                    { value: "curl", label: "cURL" },
+                                    { value: "wget", label: "wget" },
+                                    { value: "js", label: "Javascript" },
+                                    { value: "ruby", label: "Ruby" },
+                                    { value: "php", label: "PHP" },
+                                    { value: "go", label: "Go" },
+                                    { value: "rust", label: "Rust" },
+                                ] })] }), _jsx(SidecarBox.Body, { children: _jsx(SyntaxHighlight, { language: language, copyable: false, noBackground: true, className: "text-xs", code: getCode(operation, option.toLowerCase()) }) })] }), requestBodyContent && (_jsx(RequestBodySidecarBox, { content: requestBodyContent })), operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { responses: operation.responses }))] }));
+};
+//# sourceMappingURL=Sidecar.js.map

package/dist/app/plugins/openapi/Sidecar.js.map

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

package/dist/app/plugins/openapi/SidecarBox.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from "react";
+type BaseComponentProps<T = unknown> = PropsWithChildren<T & {
+    className?: string;
+}>;
+export declare const SidecarBox: {
+    Root: ({ children, className }: BaseComponentProps) => import("react/jsx-runtime").JSX.Element;
+    Head: ({ children, className }: BaseComponentProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, className }: BaseComponentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/app/plugins/openapi/SidecarBox.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../util/cn.js";
+export const SidecarBox = {
+    Root: ({ children, className }) => (_jsx("div", { className: cn("rounded-lg overflow-hidden border border-border dark:border-transparent", className), children: children })),
+    Head: ({ children, className }) => (_jsx("div", { className: cn("border-b border-b-border dark:border-b-zinc-600 bg-zinc-100 dark:bg-zinc-700 p-2", className), children: children })),
+    Body: ({ children, className }) => (_jsx("div", { className: cn("bg-zinc-50 dark:bg-zinc-800 overflow-auto p-2", className), children: children })),
+};
+//# sourceMappingURL=SidecarBox.js.map

package/dist/app/plugins/openapi/SidecarBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidecarBox.js","sourceRoot":"","sources":["../../../../src/app/plugins/openapi/SidecarBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAKtC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrD,cACE,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,SAAS,CACV,YAEA,QAAQ,GACL,CACP;IACD,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrD,cACE,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,YAEA,QAAQ,GACL,CACP;IACD,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrD,cACE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,YAExE,QAAQ,GACL,CACP;CACF,CAAC"}