zudoku 0.0.0-efc60ba6 → 0.0.0-efe3cd16

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

@@ -2,21 +2,19 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 import { MinusIcon, PlusIcon } from "lucide-react";
 import { useState } from "react";
 import { Markdown } from "../../components/Markdown.js";
-import { type SchemaObject } from "../../oas/graphql/index.js";
+import type { SchemaObject } from "../../oas/graphql/index.js";
 import { Button } from "../../ui/Button.js";
 import { ColorizedParam } from "./ColorizedParam.js";
-import type { OperationListItemResult } from "./OperationList.js";
-import type { ParameterGroup } from "./OperationListItem.js";
-import { ParamInfos } from "./ParamInfos.js";
 import { EnumValues } from "./components/EnumValues.js";
 import { SelectOnClick } from "./components/SelectOnClick.js";
+import type { ParameterItem } from "./graphql/graphql.js";
+import type { ParameterGroup } from "./OperationListItem.js";
+import { ParamInfos } from "./ParamInfos.js";
 import { SchemaExampleAndDefault } from "./schema/SchemaExampleAndDefault.js";
 import { SchemaView } from "./schema/SchemaView.js";
 import { isArrayType } from "./schema/utils.js";
 
-const getParameterSchema = (
-  parameter: ParameterListItemResult,
-): SchemaObject => {
+const getParameterSchema = (parameter: ParameterItem): SchemaObject => {
   if (parameter.schema != null && typeof parameter.schema === "object") {
     return parameter.schema;
   }
@@ -25,16 +23,12 @@ const getParameterSchema = (
   };
 };
 
-export type ParameterListItemResult = NonNullable<
-  OperationListItemResult["parameters"]
->[number];
-
 export const ParameterListItem = ({
   parameter,
   group,
   id,
 }: {
-  parameter: ParameterListItemResult;
+  parameter: ParameterItem;
   group: ParameterGroup;
   id: string;
 }) => {

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

@@ -1,7 +1,9 @@
-import { useAuth } from "zudoku/components";
-import type { OperationListItemResult } from "./OperationList.js";
+import { useAuth } from "zudoku/hooks";
+import type {
+  MediaTypeObject,
+  OperationsFragmentFragment,
+} from "./graphql/graphql.js";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
-import { type Content } from "./SidecarExamples.js";
 
 export const PlaygroundDialogWrapper = ({
   server,
@@ -11,8 +13,8 @@ export const PlaygroundDialogWrapper = ({
 }: {
   server?: string;
   servers?: string[];
-  operation: OperationListItemResult;
-  examples?: Content;
+  operation: OperationsFragmentFragment;
+  examples?: MediaTypeObject[];
 }) => {
   const { isAuthEnabled, login, signup, isPending, isAuthenticated } =
     useAuth();
@@ -26,7 +28,7 @@ export const PlaygroundDialogWrapper = ({
         p.schema?.default ?? p.examples?.find((x) => x.value)?.value ?? "",
       defaultActive: p.required ?? false,
       isRequired: p.required ?? false,
-      enum: p.schema?.type == "array" ? p.schema?.items?.enum : p.schema?.enum,
+      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
       type: p.schema?.type ?? "string",
     }));
 
@@ -37,7 +39,7 @@ export const PlaygroundDialogWrapper = ({
       name: p.name,
       defaultActive: p.required ?? false,
       isRequired: p.required ?? false,
-      enum: p.schema?.type == "array" ? p.schema?.items?.enum : p.schema?.enum,
+      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
       type: p.schema?.type ?? "string",
       defaultValue: p.schema?.default,
     }));

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

@@ -1,11 +1,12 @@
+import type { MediaTypeObject } from "./graphql/graphql.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { type Content, SidecarExamples } from "./SidecarExamples.js";
+import { SidecarExamples } from "./SidecarExamples.js";
 
 export const RequestBodySidecarBox = ({
   content,
   onExampleChange,
 }: {
-  content: Content;
+  content: MediaTypeObject[];
   onExampleChange?: (example: unknown) => void;
 }) => {
   if (content.length === 0) return null;

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

@@ -1,8 +1,8 @@
 import * as Tabs from "@radix-ui/react-tabs";
 import { cn } from "../../util/cn.js";
+import type { ResponseItem } from "./graphql/graphql.js";
 import * as SidecarBox from "./SidecarBox.js";
 import { SidecarExamples } from "./SidecarExamples.js";
-import type { ResponseItem } from "./graphql/graphql.js";
 
 export const ResponsesSidecarBox = ({
   responses,

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

@@ -8,12 +8,12 @@ import type { SchemaObject } from "../../oas/parser/index.js";
 import { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
 import { cn } from "../../util/cn.js";
 import { useOnScreen } from "../../util/useOnScreen.js";
-import { useCreateQuery } from "./client/useCreateQuery.js";
 import { CollapsibleCode } from "./CollapsibleCode.js";
 import { ColorizedParam } from "./ColorizedParam.js";
+import { useCreateQuery } from "./client/useCreateQuery.js";
 import { useOasConfig } from "./context.js";
+import type { OperationsFragmentFragment } from "./graphql/graphql.js";
 import { graphql } from "./graphql/index.js";
-import type { OperationListItemResult } from "./OperationList.js";
 import { PlaygroundDialogWrapper } from "./PlaygroundDialogWrapper.js";
 import { RequestBodySidecarBox } from "./RequestBodySidecarBox.js";
 import { ResponsesSidecarBox } from "./ResponsesSidecarBox.js";
@@ -54,7 +54,7 @@ export const Sidecar = ({
   selectedResponse,
   onSelectResponse,
 }: {
-  operation: OperationListItemResult;
+  operation: OperationsFragmentFragment;
   selectedResponse?: string;
   onSelectResponse: (response: string) => void;
 }) => {
@@ -174,6 +174,7 @@ export const Sidecar = ({
                   language={selectedLang}
                   noBackground
                   className="[--scrollbar-color:gray] rounded-none text-xs max-h-[500px]"
+                  // biome-ignore lint/style/noNonNullAssertion: code is guaranteed to be defined
                   code={code!}
                 />
               </CollapsibleCode>

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

@@ -1,19 +1,12 @@
 import { useEffect, useMemo, useState } from "react";
-import { type SchemaObject } from "../../oas/parser/index.js";
+import type { SchemaObject } from "../../oas/parser/index.js";
 import { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
 import { CollapsibleCode } from "./CollapsibleCode.js";
-import type { OperationListItemResult } from "./OperationList.js";
+import type { MediaTypeObject } from "./graphql/graphql.js";
 import * as SidecarBox from "./SidecarBox.js";
 import { SimpleSelect } from "./SimpleSelect.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
 
-export type Content = NonNullable<
-  NonNullable<OperationListItemResult["requestBody"]>["content"]
->;
-export type Example = NonNullable<
-  NonNullable<Content[number]["examples"]>
->[number];
-
 const formatForDisplay = (value: unknown): string => {
   if (value == null) return "No example";
   if (typeof value === "string") return value.trim();
@@ -40,7 +33,7 @@ const getLanguage = (mediaType?: string): string => {
 };
 
 export type SidecarExamplesProps = {
-  content: Content;
+  content: MediaTypeObject[];
   description?: string;
   onExampleChange?: (example: unknown) => void;
 };

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

@@ -1,7 +1,7 @@
 import {
   Children,
   createContext,
-  ReactNode,
+  type ReactNode,
   useContext,
   useEffect,
   useState,

package/src/lib/plugins/openapi/client/GraphQLContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, type ReactNode } from "react";
-import { GraphQLClient } from "./GraphQLClient.js";
+import type { GraphQLClient } from "./GraphQLClient.js";
 
 export const GraphQLContext = createContext<GraphQLClient | undefined>(
   undefined,

package/src/lib/plugins/openapi/client/createServer.ts

@@ -13,7 +13,6 @@ export const createServer = (config: OpenApiPluginOptions) =>
       schemaImports: config.schemaImports,
     },
     plugins: [
-      // eslint-disable-next-line react-hooks/rules-of-hooks
       useLogger({
         logFn: (eventName, { args }) => {
           if (import.meta.env.PROD) return;
@@ -24,7 +23,7 @@ export const createServer = (config: OpenApiPluginOptions) =>
             const startEvent = eventName.replace("-end", "-start");
             const start = map.get(`${startEvent}-${args.operationName}`);
             if (start) {
-              // eslint-disable-next-line no-console
+              // biome-ignore lint/suspicious/noConsole: Logging allowed here
               console.log(
                 `[zudoku:debug] ${args.operationName} query took ${performance.now() - start}ms`,
               );

package/src/lib/plugins/openapi/client/useCreateQuery.ts

@@ -8,8 +8,9 @@ type NoExtraProps<T, U extends T = T> = U & {
   [K in Exclude<keyof U, keyof T>]?: never;
 };
 
-type VarArgs<TVariables> =
-  TVariables extends Record<string, never> ? [] : [NoExtraProps<TVariables>];
+type VarArgs<TVariables> = TVariables extends Record<string, never>
+  ? []
+  : [NoExtraProps<TVariables>];
 
 export const createQuery = <TResult, TVariables>(
   client: GraphQLClient,

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

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { type OasPluginContext } from "./interfaces.js";
+import type { OasPluginContext } from "./interfaces.js";
 
 const OasContext = createContext<{ config: OasPluginContext } | undefined>(
   undefined,

package/src/lib/plugins/openapi/graphql/fragment-masking.ts

@@ -1,7 +1,6 @@
-/* eslint-disable */
 import type {
-  DocumentTypeDecoration,
   ResultOf,
+  DocumentTypeDecoration,
 } from "@graphql-typed-document-node/core";
 import type { Incremental, TypedDocumentString } from "./graphql.js";
 

package/src/lib/plugins/openapi/graphql/gql.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import * as types from "./graphql.js";
 
 /**
@@ -16,7 +15,7 @@ type Documents = {
   "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": typeof types.ServersQueryDocument;
   "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    deprecated\n    extensions\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      explode\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        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": typeof types.OperationsFragmentFragmentDoc;
   "\n  query SchemaWarmup($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      openapi\n    }\n  }\n": typeof types.SchemaWarmupDocument;
-  "\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": typeof types.OperationsForTagDocument;
+  "\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        extensions\n        next {\n          name\n          slug\n        }\n        prev {\n          name\n          slug\n        }\n      }\n    }\n  }\n": typeof 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": typeof 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": typeof types.GetServerQueryDocument;
   "\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 types.GetNavigationOperationsDocument;
@@ -28,7 +27,7 @@ const documents: Documents = {
     types.OperationsFragmentFragmentDoc,
   "\n  query SchemaWarmup($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      openapi\n    }\n  }\n":
     types.SchemaWarmupDocument,
-  "\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":
+  "\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        extensions\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,
@@ -60,7 +59,7 @@ 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 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",
+  source: "\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        extensions\n        next {\n          name\n          slug\n        }\n        prev {\n          name\n          slug\n        }\n      }\n    }\n  }\n",
 ): typeof import("./graphql.js").OperationsForTagDocument;
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.

package/src/lib/plugins/openapi/graphql/graphql.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import type { DocumentTypeDecoration } from "@graphql-typed-document-node/core";
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
@@ -315,6 +314,7 @@ export type OperationsForTagQuery = {
       __typename?: "SchemaTag";
       name?: string | null;
       description?: string | null;
+      extensions?: any | null;
       operations: Array<
         { __typename?: "OperationItem"; slug: string } & {
           " $fragmentRefs"?: {
@@ -533,6 +533,7 @@ export const OperationsForTagDocument = new TypedDocumentString(`
         slug
         ...OperationsFragment
       }
+      extensions
       next {
         name
         slug

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

@@ -1,16 +1,16 @@
 import { CirclePlayIcon, LogInIcon } from "lucide-react";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 import { matchPath } from "react-router";
 import type { NavigationItem } from "../../../config/validators/NavigationSchema.js";
 import { useAuth } from "../../authentication/hook.js";
-import { type ZudokuPlugin } from "../../core/plugins.js";
+import type { ZudokuPlugin } from "../../core/plugins.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 type { GetNavigationOperationsQuery as GetNavigationOperationsQueryResult } from "./graphql/graphql.js";
 import { graphql } from "./graphql/index.js";
-import { type OasPluginConfig } from "./interfaces.js";
+import type { OasPluginConfig } from "./interfaces.js";
 import type { PlaygroundContentProps } from "./playground/Playground.js";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
 import { createNavigationCategory } from "./util/createNavigationCategory.js";
@@ -133,6 +133,7 @@ export const openApiPlugin = (config: OasPluginConfig): ZudokuPlugin => {
         const versionParam = match?.params.version;
         const version = versionParam ?? getVersions(config).at(0);
         const { type } = config;
+        // biome-ignore lint/style/noNonNullAssertion: version is guaranteed to be defined
         const input = type === "file" ? config.input[version!] : config.input;
 
         const query = createQuery(client, GetNavigationOperationsQuery, {
@@ -160,7 +161,7 @@ export const openApiPlugin = (config: OasPluginConfig): ZudokuPlugin => {
               return [
                 tag.name,
                 createNavigationCategory({
-                  label: tag.name,
+                  label: tag.extensions?.["x-displayName"] ?? tag.name,
                   path: categoryPath,
                   operations: tag.operations,
                   collapsed: isCollapsed,

package/src/lib/plugins/openapi/interfaces.ts

@@ -1,7 +1,7 @@
-import { type AuthState } from "../../authentication/state.js";
-import { type 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 { type OperationListItemResult } from "./OperationList.js";
+import type { OperationsFragmentFragment } from "./graphql/graphql.js";
 
 type DynamicInput = () => Promise<unknown>;
 
@@ -19,12 +19,14 @@ type Example = {
   name: string;
   description?: string | null;
   externalValue?: string | null;
+  // biome-ignore lint/suspicious/noExplicitAny: Allow any type
   value?: any | null;
   summary?: string | null;
 };
 
 type Content = {
   mediaType: string;
+  // biome-ignore lint/suspicious/noExplicitAny: Allow any type
   schema?: any | null;
   encoding?: Array<{
     name: string;
@@ -36,7 +38,7 @@ export type TransformExamplesFn = (options: {
   content: Content[];
   context: ZudokuContext;
   auth: AuthState;
-  operation: OperationListItemResult;
+  operation: OperationsFragmentFragment;
   type: "request" | "response";
 }) => Content[];
 

package/src/lib/plugins/openapi/playground/BodyPanel.tsx

@@ -3,15 +3,15 @@ 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 { type Content } from "../SidecarExamples.js";
+import type { MediaTypeObject } from "../graphql/graphql.js";
 import {
   CollapsibleHeader,
   CollapsibleHeaderTrigger,
 } from "./CollapsibleHeader.js";
 import ExamplesDropdown from "./ExamplesDropdown.js";
-import { type PlaygroundForm } from "./Playground.js";
+import type { PlaygroundForm } from "./Playground.js";
 
-export const BodyPanel = ({ content }: { content?: Content }) => {
+export const BodyPanel = ({ content }: { content?: MediaTypeObject[] }) => {
   const { register, setValue, watch } = useFormContext<PlaygroundForm>();
   const examples = (content ?? []).flatMap((e) => e.examples);
   const headers = watch("headers");

package/src/lib/plugins/openapi/playground/ExamplesDropdown.tsx

@@ -9,14 +9,14 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "zudoku/ui/DropdownMenu.js";
-import type { Content, Example } from "../SidecarExamples.js";
+import type { ExampleItem, MediaTypeObject } from "../graphql/graphql.js";
 
 const ExamplesDropdown = ({
   examples,
   onSelect,
 }: {
-  examples: Content;
-  onSelect: (example: Example, mediaType: string) => void;
+  examples: MediaTypeObject[];
+  onSelect: (example: ExampleItem, mediaType: string) => void;
 }) => {
   return (
     <DropdownMenu>

package/src/lib/plugins/openapi/playground/Headers.tsx

@@ -24,7 +24,7 @@ import {
   CollapsibleHeaderTrigger,
 } from "./CollapsibleHeader.js";
 import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
-import { type Header, type PlaygroundForm } from "./Playground.js";
+import type { Header, PlaygroundForm } from "./Playground.js";
 
 const headerOptions = Object.freeze([
   "Accept",

package/src/lib/plugins/openapi/playground/IdentityDialog.tsx

@@ -10,7 +10,7 @@ import {
   DialogTitle,
 } from "zudoku/ui/Dialog.js";
 import { Label } from "zudoku/ui/Label.js";
-import { type ApiIdentity } from "../../../core/ZudokuContext.js";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
 import IdentitySelector from "./IdentitySelector.js";
 
 const IdentityDialog = ({

package/src/lib/plugins/openapi/playground/IdentitySelector.tsx

@@ -1,6 +1,6 @@
 import { Label } from "zudoku/ui/Label.js";
 import { RadioGroup, RadioGroupItem } from "zudoku/ui/RadioGroup.js";
-import { type ApiIdentity } from "../../../core/ZudokuContext.js";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
 import { NO_IDENTITY } from "./Playground.js";
 
 const IdentitySelector = ({

package/src/lib/plugins/openapi/playground/Playground.tsx

@@ -23,7 +23,7 @@ import { useHotkey } from "../../../hooks/useHotkey.js";
 import { cn } from "../../../util/cn.js";
 import { useCopyToClipboard } from "../../../util/useCopyToClipboard.js";
 import { useLatest } from "../../../util/useLatest.js";
-import { type Content } from "../SidecarExamples.js";
+import type { MediaTypeObject } from "../graphql/graphql.js";
 import { useSelectedServer } from "../state.js";
 import BodyPanel from "./BodyPanel.js";
 import {
@@ -37,10 +37,10 @@ import { IdentityDialog } from "./IdentityDialog.js";
 import IdentitySelector from "./IdentitySelector.js";
 import { PathParams } from "./PathParams.js";
 import { QueryParams } from "./QueryParams.js";
+import RequestLoginDialog from "./RequestLoginDialog.js";
 import { useIdentityStore } from "./rememberedIdentity.js";
 import { UrlPath } from "./request-panel/UrlPath.js";
 import { UrlQueryParams } from "./request-panel/UrlQueryParams.js";
-import RequestLoginDialog from "./RequestLoginDialog.js";
 import { ResultPanel } from "./result-panel/ResultPanel.js";
 import { useRememberSkipLoginDialog } from "./useRememberSkipLoginDialog.js";
 
@@ -117,7 +117,7 @@ export type PlaygroundContentProps = {
   queryParams?: QueryParam[];
   pathParams?: PathParam[];
   defaultBody?: string;
-  examples?: Content;
+  examples?: MediaTypeObject[];
   requiresLogin?: boolean;
   onLogin?: () => void;
   onSignUp?: () => void;

package/src/lib/plugins/openapi/playground/QueryParams.tsx

@@ -17,7 +17,7 @@ import {
 } from "./CollapsibleHeader.js";
 import { InlineInput } from "./InlineInput.js";
 import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
-import { type PlaygroundForm, type QueryParam } from "./Playground.js";
+import type { PlaygroundForm, QueryParam } from "./Playground.js";
 
 export const QueryParams = ({
   control,

package/src/lib/plugins/openapi/playground/request-panel/UrlPath.tsx

@@ -1,7 +1,7 @@
 import { useFormContext } from "react-hook-form";
 import { PathRenderer } from "../../../../components/PathRenderer.js";
 import { ColorizedParam } from "../../ColorizedParam.js";
-import { type PlaygroundForm } from "../Playground.js";
+import type { PlaygroundForm } from "../Playground.js";
 
 export const UrlPath = ({ url }: { url: string }) => {
   const { watch, setFocus } = useFormContext<PlaygroundForm>();

package/src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx

@@ -1,6 +1,6 @@
 import { Fragment } from "react";
 import { useFormContext } from "react-hook-form";
-import { type PlaygroundForm } from "../Playground.js";
+import type { PlaygroundForm } from "../Playground.js";
 
 export const UrlQueryParams = () => {
   const { watch } = useFormContext<PlaygroundForm>();

package/src/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.tsx

@@ -31,9 +31,11 @@ const RealTimeCounter = () => {
   }, []);
 
   useLayoutEffect(() => {
+    const currentSpanRef = spanRef.current;
+    if (!currentSpanRef) return;
+
     // Create a text node and attach it to the span
     const textNode = document.createTextNode("0");
-    const currentSpanRef = spanRef.current!;
 
     currentSpanRef.appendChild(textNode);
     textRef.current = textNode;

package/src/lib/plugins/openapi/playground/result-panel/ResultPanel.tsx

@@ -1,10 +1,10 @@
-import { type UseMutationResult } from "@tanstack/react-query";
+import type { UseMutationResult } from "@tanstack/react-query";
 import { SendIcon, UnplugIcon } from "lucide-react";
 import { Spinner } from "zudoku/components";
 import { Alert, AlertDescription, AlertTitle } from "zudoku/ui/Alert.js";
 import { Button } from "../../../../ui/Button.js";
 import { cn } from "../../../../util/cn.js";
-import { type PlaygroundResult } from "../Playground.js";
+import type { PlaygroundResult } from "../Playground.js";
 import ResponseStatusBar from "./ResponseStatusBar.js";
 import { ResponseTab } from "./ResponseTab.js";
 
@@ -16,7 +16,7 @@ export const ResultPanel = ({
   isFinished,
   progress,
 }: {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // biome-ignore lint/suspicious/noExplicitAny: Allow any type
   queryMutation: UseMutationResult<PlaygroundResult, Error, any>;
   showLongRunningWarning?: boolean;
   onCancel?: () => void;

package/src/lib/plugins/openapi/playground/result-panel/convertToTypes.ts

@@ -17,7 +17,7 @@ function inferType(value: JsonValue): string {
   return typeof value;
 }
 
-export function generateInterface(obj: JsonObject, indentation = ""): string {
+export function generateInterface(obj: JsonObject, _indentation = ""): string {
   const lines: string[] = ["{"];
 
   for (const [key, value] of Object.entries(obj)) {

package/src/lib/plugins/openapi/processors/removeExtensions.test.ts

@@ -1,3 +1,4 @@
+// biome-ignore-all lint/suspicious/noExplicitAny: Allow any type
 import { describe, expect, it } from "vitest";
 import { removeExtensions } from "./removeExtensions.js";
 

package/src/lib/plugins/openapi/processors/removeParameters.test.ts

@@ -1,3 +1,4 @@
+// biome-ignore-all lint/suspicious/noExplicitAny: Allow any type
 import { describe, expect, it } from "vitest";
 import type { OpenAPIDocument } from "../../../oas/parser/index.js";
 import { removeParameters } from "./removeParameters.js";

package/src/lib/plugins/openapi/processors/traverse.ts

@@ -1 +1 @@
-export { traverse, type RecordAny } from "../../../util/traverse.js";
+export { type RecordAny, traverse } from "../../../util/traverse.js";

package/src/lib/plugins/openapi/schema/{LogicalGroup/LogicalGroupConnector.tsx → AllOfGroup/AllOfGroupConnector.tsx}

@@ -1,32 +1,11 @@
-import {
-  ChevronDownIcon,
-  CircleDotIcon,
-  CircleFadingPlusIcon,
-  CircleIcon,
-} from "lucide-react";
+import { ChevronDownIcon, CircleFadingPlusIcon } from "lucide-react";
 import { cn } from "../../../../util/cn.js";
 
-import type { LogicalGroupType } from "../utils.js";
-
-const iconMap = {
-  AND: <CircleFadingPlusIcon size={16} className="fill-card" />,
-  OR: <CircleDotIcon size={16} className="fill-card" />,
-  ONE: <CircleIcon size={14} className="fill-card" />,
-} as const;
-
-const colorClass = {
-  AND: "text-green-500 dark:text-green-300/60",
-  OR: "text-blue-400 dark:text-blue-500",
-  ONE: "text-purple-500 dark:text-purple-300/60",
-} as const;
-
-export const LogicalGroupConnector = ({
-  type,
+export const AllOfGroupConnector = ({
   isOpen,
   className,
   schemeName,
 }: {
-  type: LogicalGroupType;
   isOpen: boolean;
   className?: string;
   schemeName?: string;
@@ -34,14 +13,14 @@ export const LogicalGroupConnector = ({
   return (
     <div
       className={cn(
-        colorClass[type],
+        "text-green-500 dark:text-green-300/60",
         "relative text-sm flex py-2",
         "before:border-l before:absolute before:-top-2 before:-bottom-2 before:border-border before:border-dashed before:content-['']",
         className,
       )}
     >
       <div className="-translate-x-[7px] flex gap-1 items-center">
-        {iconMap[type]}
+        <CircleFadingPlusIcon size={16} className="fill-card" />
         <div
           className={cn(
             "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",