zudoku 0.1.1-dev.9 → 0.3.0-dev.10

package/src/lib/plugins/openapi/OperationListItem.tsx

@@ -0,0 +1,93 @@
+import { Heading } from "../../components/Heading.js";
+import { Markdown, ProseClasses } from "../../components/Markdown.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/Tabs.js";
+import { OperationsFragment } from "./OperationList.js";
+import { ParameterList } from "./ParameterList.js";
+import { SchemaListView } from "./SchemaListView.js";
+import { Sidecar } from "./Sidecar.js";
+import { FragmentType, useFragment } from "./graphql/index.js";
+
+export const PARAM_GROUPS = ["path", "query", "header", "cookie"] as const;
+export type ParameterGroup = (typeof PARAM_GROUPS)[number];
+
+export const OperationListItem = ({
+  operationFragment,
+}: {
+  operationFragment: FragmentType<typeof OperationsFragment>;
+}) => {
+  const operation = useFragment(OperationsFragment, operationFragment);
+  const groupedParameters = Object.groupBy(
+    operation.parameters ?? [],
+    (param) => param.in,
+  );
+  const first = operation.responses.find((re) => re.statusCode === "200");
+  return (
+    <div
+      key={operation.operationId}
+      className="grid grid-cols-2 gap-8 items-start border-b-2 mb-16 pb-16 border-border"
+    >
+      <div className={ProseClasses}>
+        <Heading
+          level={2}
+          className="mt-0"
+          id={operation.slug}
+          registerSidebarAnchor
+        >
+          {operation.summary}
+        </Heading>
+        {operation.description && <Markdown content={operation.description} />}
+        {operation.parameters && operation.parameters.length > 0 && (
+          <div className="mt-4">
+            {PARAM_GROUPS.flatMap((group) =>
+              groupedParameters[group]?.length ? (
+                <ParameterList
+                  key={group}
+                  id={operation.slug}
+                  parameters={groupedParameters[group]}
+                  group={group}
+                />
+              ) : (
+                []
+              ),
+            )}
+          </div>
+        )}
+        {operation.responses.length > 0 && (
+          <>
+            <Heading level={3} className="capitalize">
+              Responses
+            </Heading>
+            <Tabs defaultValue={`${first?.statusCode}${first?.description}`}>
+              <TabsList>
+                {operation.responses.map((response) => (
+                  <TabsTrigger
+                    value={response.statusCode + response.description}
+                    key={response.statusCode}
+                    title={response.description}
+                  >
+                    {response.statusCode}
+                  </TabsTrigger>
+                ))}
+              </TabsList>
+              <ul className="list-none m-0 px-0 overflow-hidden">
+                {operation.responses.map((response) => (
+                  <TabsContent
+                    value={response.statusCode + response.description}
+                    key={response.statusCode}
+                  >
+                    <SchemaListView
+                      schema={response.content?.at(0)?.schema}
+                      name=""
+                    />
+                  </TabsContent>
+                ))}
+              </ul>
+            </Tabs>
+          </>
+        )}
+      </div>
+
+      <Sidecar operation={operation} />
+    </div>
+  );
+};

package/src/{app → lib}/plugins/openapi/ParameterList.tsx

@@ -1,4 +1,4 @@
-import { Heading } from "../../Heading.js";
+import { Heading } from "../../components/Heading.js";
 import type { ParameterGroup } from "./OperationListItem.js";
 import {
   ParameterListItem,
@@ -6,12 +6,12 @@ import {
 } from "./ParameterListItem.js";
 
 export const ParameterList = ({
-  groupedParameters,
   group,
+  parameters,
   id,
 }: {
-  groupedParameters: Record<ParameterGroup, ParameterListItemResult[]>;
   group: ParameterGroup;
+  parameters: ParameterListItemResult[];
   id: string;
 }) => (
   <>
@@ -19,7 +19,7 @@ export const ParameterList = ({
       {group === "header" ? "Headers" : `${group} Parameters`}
     </Heading>
     <ul className="list-none m-0 px-0 overflow-hidden">
-      {groupedParameters[group].map((parameter) => (
+      {parameters.map((parameter) => (
         <ParameterListItem
           key={`${parameter.name}-${parameter.in}`}
           parameter={parameter}

package/src/{app → lib}/plugins/openapi/ParameterListItem.tsx

@@ -28,7 +28,7 @@ export const ParameterListItem = ({
   group: ParameterGroup;
   id: string;
 }) => (
-  <li className="not-prose px-2 py-4 border-t border-border bg-border/20">
+  <li className="not-prose px-2 py-4 border-t border-border bg-border/20 text-sm flex flex-col gap-1">
     <div className="flex items-center gap-2">
       <code>
         {group === "path" ? (
@@ -54,7 +54,10 @@ export const ParameterListItem = ({
       )}
     </div>
     {parameter.description && (
-      <Markdown content={parameter.description} className="prose-p:my-1" />
+      <Markdown
+        content={parameter.description}
+        className="text-sm prose-p:my-1"
+      />
     )}
   </li>
 );

package/src/{app → lib}/plugins/openapi/RequestBodySidecarBox.tsx

@@ -2,8 +2,8 @@ import { useState } from "react";
 import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
 import { type SchemaObject } from "../../oas/graphql/index.js";
 import type { OperationListItemResult } from "./OperationList.js";
-import { Select } from "./Select.js";
 import * as SidecarBox from "./SidecarBox.js";
+import { SimpleSelect } from "./SimpleSelect.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
 
 type Content = NonNullable<
@@ -22,7 +22,8 @@ export const RequestBodySidecarBox = ({ content }: { content: Content }) => {
       <SidecarBox.Root>
         <SidecarBox.Head className="text-xs flex justify-between items-center">
           <span className="font-mono">Request Body</span>
-          <Select
+          <SimpleSelect
+            value={selected}
             onChange={(e) => setSelected(e.target.value)}
             options={[
               { value: "example", label: "Example" },
@@ -34,7 +35,7 @@ export const RequestBodySidecarBox = ({ content }: { content: Content }) => {
           <SyntaxHighlight
             language="json"
             noBackground
-            copyable={false}
+            copyable
             className="text-xs"
             code={JSON.stringify(
               selected === "example"

package/src/{app → lib}/plugins/openapi/ResponsesSidecarBox.tsx

@@ -15,12 +15,12 @@ export const ResponsesSidecarBox = ({
   const [tabIndex, setTabIndex] = useState(0);
 
   const activeTab = responses[tabIndex];
-  const schema = activeTab?.content?.[0]?.schema as SchemaObject | undefined;
+  const schema = activeTab.content?.[0]?.schema as SchemaObject | undefined;
 
   return (
     <SidecarBox.Root>
       <SidecarBox.Head className="text-xs grid grid-rows-2 pb-0">
-        <span className="font-mono">Responses</span>
+        <span className="font-mono">Example Responses</span>
         <div className="flex gap-2">
           {responses.map((response, index) => (
             <div
@@ -43,7 +43,6 @@ export const ResponsesSidecarBox = ({
           <SyntaxHighlight
             language="json"
             noBackground
-            copyable={false}
             className="text-xs"
             code={JSON.stringify(generateSchemaExample(schema), null, 2)}
           />

package/src/lib/plugins/openapi/SchemaListView.tsx

@@ -0,0 +1,228 @@
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { ListPlusIcon } from "lucide-react";
+import { useState } from "react";
+import { Markdown } from "../../components/Markdown.js";
+import { SchemaObject } from "../../oas/parser/index.js";
+import { Button } from "../../ui/Button.js";
+import { cn } from "../../util/cn.js";
+
+export const SchemaListView = ({
+  name,
+  schema,
+  level = 0,
+  defaultOpen = false,
+}: {
+  level?: number;
+  defaultOpen?: boolean;
+  name?: string;
+  schema: SchemaObject;
+}) => {
+  const properties = Object.entries(schema.properties ?? {});
+  const additionalProperties =
+    typeof schema.additionalProperties === "object"
+      ? Object.entries(schema.additionalProperties)
+      : [];
+
+  const combinedProperties = properties.concat(
+    Array.isArray(additionalProperties) ? additionalProperties : [],
+  );
+
+  const groups = Object.groupBy(
+    combinedProperties,
+    ([propertyName, property]) => {
+      return property.deprecated
+        ? "deprecated"
+        : schema.required?.includes(propertyName)
+          ? "required"
+          : "optional";
+    },
+  );
+
+  return (
+    <div
+      className={cn(
+        "not-prose",
+        level > 0 && "border border-border rounded text-sm",
+      )}
+    >
+      {(schema.title ?? name) && (
+        <div className="ml-2 my-1 font-bold">{schema.title ?? name}</div>
+      )}
+      {level === 0 && schema.description && (
+        <p className="prose">{schema.description}</p>
+      )}
+      <ul>
+        {Object.entries(groups).map(([group, properties]) => {
+          return (
+            <SchemaListViewItemGroup
+              key={group}
+              defaultOpen={defaultOpen}
+              group={group as any}
+              nestingLevel={level}
+              properties={properties}
+              required={schema.required ?? []}
+            />
+          );
+        })}
+      </ul>
+    </div>
+  );
+};
+
+const SchemaListViewItemGroup = ({
+  group,
+  properties,
+  nestingLevel,
+  required,
+  defaultOpen = false,
+}: {
+  group: "optional" | "required" | "deprecated";
+  defaultOpen?: boolean;
+  properties: [string, SchemaObject][];
+  nestingLevel: number;
+  required: string[];
+}) => {
+  const notCollapsible =
+    defaultOpen ||
+    group === "required" ||
+    properties.length === 1 ||
+    nestingLevel === 0;
+  const [open, setOpen] = useState(notCollapsible);
+  if (properties.length === 0) {
+    return;
+  }
+
+  return (
+    <Collapsible.Root
+      className="CollapsibleRoot"
+      open={open}
+      onOpenChange={setOpen}
+    >
+      {!open && (
+        <Collapsible.Trigger
+          className={cn(
+            "py-2 hover:bg-muted w-full",
+            group === "optional" && "font-semibold",
+            group === "deprecated" && "text-muted-foreground",
+          )}
+        >
+          {properties.length} {group} fields
+        </Collapsible.Trigger>
+      )}
+
+      <Collapsible.Content>
+        {properties.map(([propertyName, property]) => (
+          <SchemaListViewItem
+            key={propertyName}
+            property={property}
+            propertyName={propertyName}
+            nestingLevel={nestingLevel}
+            isRequired={required.includes(propertyName)}
+          />
+        ))}
+      </Collapsible.Content>
+    </Collapsible.Root>
+  );
+};
+
+const SchemaListViewItem = ({
+  propertyName,
+  property,
+  nestingLevel,
+  isRequired,
+}: {
+  propertyName: string;
+  isRequired: boolean;
+  property: SchemaObject;
+  nestingLevel: number;
+}) => {
+  return (
+    <div
+      key={propertyName}
+      className={cn(
+        nestingLevel > 0 ? "py-2" : "py-4",
+        "px-2 border-t border-border bg-border/20 hover:bg-border/30 flex gap-1 flex-col text-sm",
+        property.deprecated && "opacity-50",
+      )}
+    >
+      <div className="flex items-center gap-2 relative">
+        <code>
+          {propertyName} {property.title}
+        </code>
+
+        {property.type && (
+          <span className="text-xs text-muted-foreground">{property.type}</span>
+        )}
+        {property.deprecated && (
+          <span className="text-xs text-muted-foreground">Deprecated</span>
+        )}
+        {!isRequired && (
+          <span className="py-px px-1.5 font-medium text-xs border border-border rounded-lg">
+            optional {property.required}
+          </span>
+        )}
+      </div>
+      {property.description && (
+        <Markdown
+          content={property.description}
+          className="text-sm leading-normal line-clamp-4 "
+        />
+      )}
+
+      {property.enum && (
+        <span className="text-sm text-muted-foreground flex gap-1 flex-wrap items-center">
+          <span>Possible values</span>
+          {property.enum
+            .filter((value) => value)
+            .map((value) => (
+              <span
+                key={value}
+                className="font-mono text-xs border-border border bg-muted rounded px-1"
+              >
+                {value}
+              </span>
+            ))
+            .slice(0, 4)}
+          {property.enum.length > 4 && (
+            <span className="font-mono text-xs border-border border bg-muted rounded px-1">
+              ...
+            </span>
+          )}
+        </span>
+      )}
+
+      <Collapsible.Root className="CollapsibleRoot" defaultOpen={false}>
+        {property.type === "object" ||
+        (property.type === "array" && property.items.type === "object") ? (
+          <Collapsible.Trigger asChild>
+            <Button variant="ghost" size="sm">
+              Show nested fields
+              <ListPlusIcon size={18} className="ml-1.5" />
+            </Button>
+          </Collapsible.Trigger>
+        ) : null}
+
+        <Collapsible.Content>
+          {property.type === "object" && (
+            <div className="mt-2.5">
+              <SchemaListView
+                schema={property}
+                level={nestingLevel + 1}
+                defaultOpen
+              />
+            </div>
+          )}
+          {property.type === "array" && property.items.type === "object" && (
+            <div className="mt-2.5">
+              <SchemaListView
+                schema={property.items}
+                defaultOpen
+                level={nestingLevel + 1}
+              />
+            </div>
+          )}
+        </Collapsible.Content>
+      </Collapsible.Root>
+    </div>
+  );
+};

package/src/{app → lib}/plugins/openapi/Sidecar.tsx

@@ -1,5 +1,8 @@
-import { Fragment, useMemo, useState } from "react";
+import { HTTPSnippet } from "@zudoku/httpsnippet";
+import { Fragment, useMemo } from "react";
+import { useSearchParams } from "react-router-dom";
 import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import type { SchemaObject } from "../../oas/parser/index.js";
 import { cn } from "../../util/cn.js";
 import { ColorizedParam } from "./ColorizedParam.js";
 import { MakeRequest } from "./MakeRequest.js";
@@ -7,11 +10,9 @@ import { MethodTextColorMap } from "./MethodBadge.js";
 import type { OperationListItemResult } from "./OperationList.js";
 import { RequestBodySidecarBox } from "./RequestBodySidecarBox.js";
 import { ResponsesSidecarBox } from "./ResponsesSidecarBox.js";
-import { Select } from "./Select.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { HTTPSnippet } from "@zudoku/httpsnippet";
+import { SimpleSelect } from "./SimpleSelect.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
-import type { SchemaObject } from "../../oas/parser/index.js";
 
 const getConverted = (snippet: HTTPSnippet, option: string) => {
   let converted;
@@ -64,7 +65,10 @@ export const Sidecar = ({
 }) => {
   const methodTextColor =
     MethodTextColorMap[operation.method as keyof typeof MethodTextColorMap];
-  const [option, setOption] = useState("curl");
+
+  const [searchParams, setSearchParams] = useSearchParams();
+  const selectedLang = searchParams.get("lang") ?? "shell";
+
   const requestBodyContent = operation.requestBody?.content;
 
   const path = operation.path.split("/").map((part) => (
@@ -105,13 +109,12 @@ export const Sidecar = ({
       } as never, // 👈 never touch this
     );
 
-    return getConverted(snippet, option) ?? "";
-  }, [option, operation.method, operation.path, requestBodyContent]);
+    return getConverted(snippet, selectedLang);
+  }, [selectedLang, operation.method, operation.path, requestBodyContent]);
 
   return (
     <aside className="flex flex-col overflow-hidden sticky top-[--scroll-padding] gap-4">
       <SidecarBox.Root>
-        <MakeRequest operation={operation} />
         <SidecarBox.Head className="flex justify-between items-center flex-nowrap p-2 gap-2 text-xs">
           <span className="font-mono break-words">
             <span className={cn("font-semibold", methodTextColor)}>
@@ -120,35 +123,37 @@ export const Sidecar = ({
             &nbsp;
             {path}
           </span>
-          <Select
-            className="self-start"
-            onChange={(e) => setOption(e.target.value)}
-            options={[
-              { value: "shell", label: "cURL" },
-              { value: "js", label: "Javascript" },
-              { value: "python", label: "Python" },
-              { value: "java", label: "Java" },
-              { value: "go", label: "Go" },
-              { value: "csharp", label: "C#" },
-              { value: "kotlin", label: "Kotlin" },
-              { value: "objc", label: "Objective C" },
-              { value: "php", label: "PHP" },
-              { value: "ruby", label: "Ruby" },
-              { value: "swift", label: "Swift" },
-            ]}
-          />
+          <div className="flex gap-2 items-center">
+            <SimpleSelect
+              className="self-start"
+              value={selectedLang}
+              onChange={(e) => setSearchParams({ lang: e.target.value })}
+              options={[
+                { value: "shell", label: "cURL" },
+                { value: "js", label: "Javascript" },
+                { value: "python", label: "Python" },
+                { value: "java", label: "Java" },
+                { value: "go", label: "Go" },
+                { value: "csharp", label: "C#" },
+                { value: "kotlin", label: "Kotlin" },
+                { value: "objc", label: "Objective C" },
+                { value: "php", label: "PHP" },
+                { value: "ruby", label: "Ruby" },
+                { value: "swift", label: "Swift" },
+              ]}
+            />
+            <MakeRequest operation={operation} />
+          </div>
         </SidecarBox.Head>
         <SidecarBox.Body>
           <SyntaxHighlight
-            language={option}
-            copyable={false}
+            language={selectedLang}
             noBackground
             className="text-xs"
             code={code}
           />
         </SidecarBox.Body>
       </SidecarBox.Root>
-      {/*<MakeRequest />*/}
       {requestBodyContent && (
         <RequestBodySidecarBox content={requestBodyContent} />
       )}

package/src/{app/plugins/openapi/Select.tsx → lib/plugins/openapi/SimpleSelect.tsx}

@@ -2,12 +2,14 @@ import type { ChangeEventHandler } from "react";
 import { ChevronsUpDownIcon } from "../../core/icons.js";
 import { cn } from "../../util/cn.js";
 
-export const Select = ({
+export const SimpleSelect = ({
+  value,
   onChange,
   className,
   options,
 }: {
-  onChange?: ChangeEventHandler<HTMLSelectElement>;
+  value: string;
+  onChange: ChangeEventHandler<HTMLSelectElement>;
   className?: string;
   options: {
     value: string;
@@ -20,6 +22,7 @@ export const Select = ({
         "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",
       )}
+      value={value}
       onChange={onChange}
     >
       {options.map((option) => (

package/src/{app → lib}/plugins/openapi/graphql/gql.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import * as types from "./graphql.js";
 import type { TypedDocumentNode as DocumentNode } from "@graphql-typed-document-node/core";
+import * as types from "./graphql.js";
 
 /**
  * Map of all GraphQL operations in the project.
@@ -15,11 +15,11 @@ import type { TypedDocumentNode as DocumentNode } from "@graphql-typed-document-
 const documents = {
   "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n    }\n  }\n":
     types.GetServerQueryDocument,
-  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n":
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n":
     types.OperationsFragmentFragmentDoc,
   "\n  query AllOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      description\n      title\n      url\n      version\n      tags {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n      }\n    }\n  }\n":
     types.AllOperationsDocument,
-  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n":
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n":
     types.GetCategoriesDocument,
 };
 
@@ -47,8 +47,8 @@ export function graphql(
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-  source: "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n",
-): (typeof documents)["\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n"];
+  source: "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n",
+): (typeof documents)["\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -59,8 +59,8 @@ export function graphql(
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(
-  source: "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n",
-): (typeof documents)["\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n"];
+  source: "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n",
+): (typeof documents)["\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n"];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};