---
title: "AsyncAPI Protocol Bindings"
description: "The protocol bindings package provides a modular architecture for rendering protocol-specific metadata across servers, channels, operations, and messages in AsyncAPI Document Processing specificati..."
last_updated: "2026-10-12T07:53:59.986642+00:00"
canonical_url: "https://www.doc0.dev/docs/e8872a72-1909-479c-b585-dc74c6e26726/technical/api-documentation/asyncapi-protocol-bindings"
---

<details>
<summary>Relevant source files</summary>

The following files were used as context for generating this wiki page:

- [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx)
- [packages/asyncapi/src/ui/operation/index.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/operation/index.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/ibmmq.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ibmmq.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/anypointmq.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/anypointmq.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/pulsar.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/pulsar.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/solace.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/solace.tsx)
- [packages/openapi/src/ui/operation/index.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/openapi/src/ui/operation/index.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/jms.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/jms.tsx)
- [packages/asyncapi/src/ui/bindings/shared.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx)
- [packages/asyncapi/src/types/asyncapi-3.ts](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/types/asyncapi-3.ts)
- [packages/asyncapi/src/ui/index.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/index.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/index.ts](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts)
- [packages/asyncapi/src/ui/bindings/protocols/googlepubsub.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/googlepubsub.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/ws.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx)
- [packages/asyncapi/src/ui/operation/message-examples.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/operation/message-examples.tsx)
- [packages/asyncapi/src/server/index.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/server/index.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/http.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/sns.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sns.tsx)
- [packages/openapi/src/ui/base.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/openapi/src/ui/base.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/nats.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/nats.tsx)
- [packages/asyncapi/src/ui/bindings/accordion-bindings.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/accordion-bindings.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/unknown.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/unknown.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/stomp.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/stomp.tsx)
- [packages/asyncapi/src/ui/bindings/protocols/redis.tsx](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/redis.tsx)
- [packages/asyncapi/src/utils/schema.ts](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/utils/schema.ts)
</details>

## Overview

The protocol bindings package provides a modular architecture for rendering protocol-specific metadata across servers, channels, operations, and messages in [AsyncAPI Document Processing](https://www.doc0.dev/docs/e8872a72-1909-479c-b585-dc74c6e26726/technical/api-documentation/asyncapi-document-processing) specifications. It translates raw protocol configuration objects into structured user interface components with protocol labels, version badges, summaries, and field rows.

Sources: [packages/asyncapi/src/ui/bindings/accordion-bindings.tsx:40-94](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/accordion-bindings.tsx#L40-L94), [packages/asyncapi/src/ui/bindings/shared.tsx:181-203](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L181-L203)

## Protocol binding architecture

### Protocol Registry and Binding Definitions

The public API surface revolves around the `protocolBindings` registry and registration helpers [packages/asyncapi/src/ui/bindings/protocols/index.ts:25-45](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L25-L45), which map bound transport protocols to strongly typed ProtocolBindingDefinition interfaces [packages/asyncapi/src/ui/bindings/shared.tsx:12-22](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L12-L22). Every protocol entry defines React components for the four AsyncAPI specification levels (`Server`, `Channel`, `Operation`, and `Message`) alongside optional summary generator functions (`getServerSummary`, `getChannelSummary`, `getOperationSummary`, and `getMessageSummary`) [packages/asyncapi/src/ui/bindings/shared.tsx:12-22](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L12-L22). 

The protocol registry contains the exact runtime identifiers supported by the rendering layer, mapping each string key to its corresponding configuration module [packages/asyncapi/src/ui/bindings/protocols/index.ts:25-45](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L25-L45).

| Protocol Key | Module Definition |
| :--- | :--- |
| `kafka` | `kafkaBinding` |
| `amqp` | `amqpBinding` |
| `amqp1` | `amqp1Binding` |
| `http` | `httpBinding` |
| `ws` | `wsBinding` |
| `mqtt` | `mqttBinding` |
| `mqtt5` | `mqtt5Binding` |
| `nats` | `natsBinding` |
| `anypointmq` | `anypointmqBinding` |
| `googlepubsub` | `googlepubsubBinding` |
| `ibmmq` | `ibmmqBinding` |
| `jms` | `jmsBinding` |
| `sns` | `snsBinding` |
| `sqs` | `sqsBinding` |
| `solace` | `solaceBinding` |
| `pulsar` | `pulsarBinding` |
| `stomp` | `stompBinding` |
| `redis` | `redisBinding` |
| `mercure` | `mercureBinding` |

Sources: [packages/asyncapi/src/ui/bindings/protocols/index.ts:25-45](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L25-L45), [packages/asyncapi/src/ui/bindings/shared.tsx:12-22](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L12-L22)

### Fallback Resolution and Extension Parsing

When a protocol string is absent from the static `protocolBindings` record, `getProtocolBinding` falls back to `unknownBinding` while dynamically injecting the raw protocol string as the display label [packages/asyncapi/src/ui/bindings/protocols/index.ts:47-55](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L47-L55). 

```typescript
export function getProtocolBinding(protocol: string): ProtocolBindingDefinition {
  const v = protocolBindings[protocol as never];
  if (v) return v;

  return {
    ...unknownBinding,
    label: protocol,
  };
}
```
Sources: [packages/asyncapi/src/ui/bindings/protocols/index.ts:47-55](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L47-L55)

Simultaneously, `getBindingEntries` inspects raw binding dictionaries, filtering out non-plain objects and separating standard protocol objects from custom vendor extensions prefixed with `x-` [packages/asyncapi/src/ui/bindings/protocols/index.ts:62-77](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L62-L77).

> [!NOTE]
> Vendor extensions starting with `x-` are separated from standard protocol keys and rendered via `ExtensionContent`, which formats the raw extension payload inside a `ClientCodeBlock` component using JSON syntax [packages/asyncapi/src/ui/bindings/accordion-bindings.tsx:122-154](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/accordion-bindings.tsx#L122-L154).

Sources: [packages/asyncapi/src/ui/bindings/protocols/index.ts:62-77](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L62-L77), [packages/asyncapi/src/ui/bindings/accordion-bindings.tsx:122-154](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/accordion-bindings.tsx#L122-L154)

## Shared binding UI primitives

### Core Rendering Helpers and Scalar Formatting

The core formatting functions and layout components normalize raw record values into structured definition lists, labels, and tagged elements. The `formatBindingScalar` function handles primitive JavaScript types, converting `null` and `undefined` to empty strings, booleans to `'Yes'` or `'No'`, arrays recursively, and serializing complex objects via `JSON.stringify` [packages/asyncapi/src/ui/bindings/shared.tsx:24-34](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L24-L34). The `hasBindingFields` helper checks if a binding dictionary contains actionable configuration keys, explicitly ignoring `bindingVersion` and any vendor extensions starting with `x-` [packages/asyncapi/src/ui/bindings/shared.tsx:36-43](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L36-L43).

```tsx
export function formatBindingScalar(value: unknown): string {
  if (value === null || value === undefined) return '';
  if (typeof value === 'boolean') return value ? 'Yes' : 'No';
  if (typeof value === 'number') return String(value);
  if (typeof value === 'string') return value;
  if (Array.isArray(value)) {
    return value.map((item) => formatBindingScalar(item)).join(', ');
  }

  return JSON.stringify(value);
}

export function hasBindingFields(
  binding: Record<string, unknown>,
  ignore: string[] = ['bindingVersion'],
): boolean {
  return Object.keys(binding).some(
    (key) => !ignore.includes(key) && !key.startsWith('x-') && binding[key] !== undefined,
  );
}
```
Sources: [packages/asyncapi/src/ui/bindings/shared.tsx:24-43](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L24-L43)

> [!NOTE]
> `hasBindingFields` evaluates object keys using `Object.keys(binding).some(...)`, ignoring keys present in the `ignore` array (defaulting to `['bindingVersion']`) and filtering out any keys beginning with `x-` or where values equal `undefined` [packages/asyncapi/src/ui/bindings/shared.tsx:36-43](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L36-L43).

Sources: [packages/asyncapi/src/ui/bindings/shared.tsx:36-43](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L36-L43)

### UI Layout Components and Value Primitives

Layout rendering relies on specialized components that structure fields into definition lists and groups. `BindingFields` renders a `dl` element with the `not-prose` class [packages/asyncapi/src/ui/bindings/shared.tsx:52-60](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L52-L60), while `BindingFieldRow` constructs a responsive CSS grid separating terms (`dt`) from descriptions (`dd`) with bottom border dividers [packages/asyncapi/src/ui/bindings/shared.tsx:81-101](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L81-L101). Additional specialized wrappers handle scalar values, tag lists, schema definitions, and empty states.

| Component Name | Description |
| :--- | :--- |
| `BindingFields` | Wraps children inside a `dl` element with `not-prose` styling [packages/asyncapi/src/ui/bindings/shared.tsx:52-60](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L52-L60) |
| `BindingEmpty` | Displays translated text `'No additional configuration for this binding.'` in muted font [packages/asyncapi/src/ui/bindings/shared.tsx:62-70](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L62-L70) |
| `BindingGroup` | Container card with a rounded border, secondary background, and an optional title header [packages/asyncapi/src/ui/bindings/shared.tsx:72-79](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L72-L79) |
| `BindingFieldRow` | Two-column grid component aligning definition labels and descriptive values [packages/asyncapi/src/ui/bindings/shared.tsx:81-101](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L81-L101) |
| `BindingScalarValue` | Formats scalars with code styling for strings/numbers, or emerald/muted badges for booleans [packages/asyncapi/src/ui/bindings/shared.tsx:103-126](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L103-L126) |
| `BindingTagList` | Renders a flex-wrap container of key-value tag badge elements [packages/asyncapi/src/ui/bindings/shared.tsx:128-145](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L128-L145) |
| `BindingSchema` | Injects schema objects into context-provided schema rendering components [packages/asyncapi/src/ui/bindings/shared.tsx:147-166](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L147-L166) |

Sources: [packages/asyncapi/src/ui/bindings/shared.tsx:52-166](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/shared.tsx#L52-L166)

## Kafka messaging and operation bindings

### Server and Channel Configuration

The Kafka protocol binding implementation processes server, channel, operation, and message bindings to render specific metadata [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:189-199](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L189-L199). The `KafkaServerBinding` component inspects server binding definitions for registry metadata [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:75-94](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L75-L94). If fields are missing, it falls back to `BindingEmpty` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:76](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L76). Otherwise, it outputs rows for `schemaRegistryUrl` and `schemaRegistryVendor` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:80-91](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L80-L91). Summary generation via `getKafkaServerSummary` joins these registry properties using `joinBindingSummary` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:23-25](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L23-L25).

```tsx
function getKafkaServerSummary(binding: NoReference<KafkaServerBinding>): string | undefined {
  return joinBindingSummary(binding.schemaRegistryUrl, binding.schemaRegistryVendor);
}

function getKafkaChannelSummary(binding: NoReference<KafkaChannelBinding>): string | undefined {
  const parts: string[] = [];
  if (binding.topic) parts.push(binding.topic);
  if (typeof binding.partitions === 'number') {
    parts.push(`${binding.partitions} partition${binding.partitions === 1 ? '' : 's'}`);
  }
  if (typeof binding.replicas === 'number') {
    parts.push(`${binding.replicas} replica${binding.replicas === 1 ? '' : 's'}`);
  }
  return parts.length > 0 ? parts.join(' · ') : undefined;
}
```
Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:23-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L23-L37)

The `KafkaChannelBinding` component renders topic details, partition counts, replica counts, and nested topic settings [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:96-133](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L96-L133). When `topicConfiguration` is present, it constructs a `BindingGroup` titled `'Kafka topic settings'` containing key-value pairs rendered through `BindingScalarValue` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:113-130](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L113-L130).

| Kafka Channel Field | Source Property | Render Component / Formatting |
| :--- | :--- | :--- |
| Topic | `binding.topic` | `<code className="text-xs">{binding.topic}</code>` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:101-103](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L101-L103) |
| Partitions | `binding.partitions` | `<BindingScalarValue value={binding.partitions} />` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:104-109](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L104-L109) |
| Replicas | `binding.replicas` | `<BindingScalarValue value={binding.replicas} />` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:110-112](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L110-L112) |
| Topic Configuration | `binding.topicConfiguration` | `<BindingGroup title="Kafka topic settings">` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:113-130](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L113-L130) |

Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:96-133](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:96-L133)

> [!NOTE]
> `getKafkaChannelSummary` formats partition and replica counts dynamically, handling singular and plural forms based on whether the numeric value equals `1` (e.g., `1 partition` versus `2 partitions`) and joining all non-empty parts with `·` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:27-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L27-L37).

Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:27-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L27-L37)

### Operation and Message Bindings

Operation bindings manage consumer group identifiers and client configurations [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:135-154](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L135-L154). The `KafkaOperationBinding` component renders `groupId` and `clientId` schemas using the `BindingSchema` component [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:140-152](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L140-L152).

```tsx
function getKafkaOperationSummary(binding: NoReference<KafkaOperationBinding>): string | undefined {
  const parts: string[] = [];
  const groupId = getBindingSchemaSummary(binding.groupId);
  const clientId = getBindingSchemaSummary(binding.clientId);
  if (binding.groupId) parts.push(`group: ${groupId}`);
  if (clientId) parts.push(`client: ${clientId}`);
  return parts.length > 0 ? parts.join(' · ') : undefined;
}
```
Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:39-46](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L39-L46)

Message bindings configure message keys and serialization schemas [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:156-187](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L156-L187). `KafkaMessageBinding` inspects four specific properties to build its field rows [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:156-187](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L156-L187).

| Message Binding Property | Field Label | Render Strategy |
| :--- | :--- | :--- |
| `binding.key` | Message Key | `<BindingSchema name="key" schema={binding.key} />` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:161-166](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L161-L166) |
| `binding.schemaIdLocation` | Schema ID Location | `<BindingScalarValue value={binding.schemaIdLocation} />` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:167-172](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L167-L172) |
| `binding.schemaIdPayloadEncoding` | Schema ID Payload Encoding | `<code className="text-xs">{binding.schemaIdPayloadEncoding}</code>` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:173-178](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L173-L178) |
| `binding.schemaLookupStrategy` | Schema Lookup Strategy | `<code className="text-xs">{binding.schemaLookupStrategy}</code>` [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:179-185](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L179-L185) |

Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:156-187](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:156-L187)

> [!WARNING]
> `getBindingSchemaSummary` extracts summaries for schema objects by checking properties in a strict priority order: first returning comma-separated enumeration values (`schema.enum`), then constant values (`schema.const`), default values (`schema.default`), and finally falling back to the raw `schema.type` string [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:48-68](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L48-L68).

Sources: [packages/asyncapi/src/ui/bindings/protocols/kafka.tsx:48-68](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/kafka.tsx#L48-L68)

## MQTT protocol binding configurations

### MQTT Server, Operation, and Message Bindings

The MQTT protocol binding renderer manages configuration parameters across servers, operations, and messages through dedicated binding components defined in `mqtt.tsx` and `mqtt5.tsx`. For servers, fields such as `clientId`, `cleanSession`, `keepAlive`, `sessionExpiryInterval`, and `maximumPacketSize` are evaluated and rendered using scalar values or schema components depending on their type [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:48-94](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L48-L94). The `lastWill` property creates a nested binding group containing its own topic, quality of service, message, and retain flags [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:95-129](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L95-L129). Additionally, `mqtt5Binding` supplies an isolated server binding component that processes `sessionExpiryInterval` fields for MQTT 5 specifications [packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx:14-33](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx#L14-L33).

Sources: [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:48-129](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L48-L129), [packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx:14-33](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt5.tsx#L14-L33)

> [!NOTE]
> The `formatQos` helper function translates numeric quality of service codes into descriptive strings: `0` maps to `At most once (0)`, `1` maps to `At least once (1)`, and `2` maps to `Exactly once (2)` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:20-25](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L20-L25).

Sources: [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:20-25](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L20-L25)

### Quality of Service and Payload Formats

Operation bindings handle MQTT delivery guarantees and retention settings, exposing quality of service levels, retain flags, and message expiry intervals [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:134-164](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L134-L164). Message bindings format payload characteristics, supporting payload format indicators via `formatPayloadFormatIndicator`, correlation data, content types, and response topics [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:167-207](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L167-L207).

| MQTT Binding Type | Property Name | Formatting / Component Strategy |
| :--- | :--- | :--- |
| Server | `binding.clientId` | `<code className="text-xs">{binding.clientId}</code>` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:53-58](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L53-L58) |
| Server | `binding.lastWill` | `<BindingGroup>` with nested topic, QoS, message, and retain fields [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:95-128](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L95-L128) |
| Operation | `binding.qos` | `<code className="text-xs">{formatQos(binding.qos)}</code>` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:139-144](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L139-L144) |
| Operation | `binding.messageExpiryInterval` | Conditional `<BindingSchema>` or `<BindingScalarValue>` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:151-162](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L151-L162) |
| Message | `binding.payloadFormatIndicator` | `<code className="text-xs">{formatPayloadFormatIndicator(...)}</code>` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:172-181](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L172-L181) |
| Message | `binding.responseTopic` | Conditional `<BindingSchema>` or `<code className="text-xs">` [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:194-204](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L194-L204) |

Sources: [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:53-204](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L53-L204)

> [!WARNING]
> `formatPayloadFormatIndicator` checks if the numeric value equals `1` to return `UTF-8 (1)` and `0` for `Unspecified bytes (0)`, falling back to the raw string representation for any other numeric input [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:27-31](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L27-L31).

Sources: [packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx:27-31](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/mqtt.tsx#L27-L31)

## AMQP and SQS messaging bindings

### AMQP Channel, Operation, and Message Bindings

The AMQP protocol binding renderer manages configuration parameters across channels, operations, and messages through dedicated components defined in `amqp.tsx`. Channel bindings process binding targets, exchanges, and queues via helper functions like `formatAmqpIs` and `getAmqpChannelSummary` [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:19-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L19-L37). Exchange fields evaluate names, types, durability, auto-deletion, and virtual hosts, while queue fields handle name, durability, exclusivity, auto-deletion, and virtual host settings [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:46-103](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L46-L103). Operation bindings expose message TTL, user ID, CC, BCC, priority, delivery mode, mandatory flags, timestamps, and acknowledgements, utilizing `formatAmqpDeliveryMode` to map values `1` and `2` to non-persistent and persistent modes packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:25-29, 141-192. Message bindings process content encoding and message types, combining them into summary strings via `getAmqpMessageSummary` packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:39-44, 195-214.

Sources: [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:19-214](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L19-L214)

> [!NOTE]
> The `amqp1Binding` export utilizes the shared `createBinding` helper with a label of `AMQP 1.0`, providing a lightweight entry point without custom rendering extensions [packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx:1-3](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx#L1-L3).

Sources: [packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx:1-3](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp1.tsx#L1-L3)

### Amazon SQS Channel and Operation Bindings

The Amazon SQS protocol binding renderer configures queues and dead-letter queues across channels and operations through `sqs.tsx`. Channel bindings check for standard queues and dead-letter queues, rendering each through `SqsQueueFields` inside binding field rows [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:62-81](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L62-L81). Operation bindings map over an array of queues, rendering each queue dynamically based on its index and name [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:83-97](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L83-L97). Queue configuration properties include name, FIFO queue status, visibility timeout, message retention period, and custom tags rendered via `BindingTagList` [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:17-47](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L17-L47). Summary generators extract queue names for channels, while operations format multiple queues by appending overflow counts such as `${first.name} +${queues.length - 1}` [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:50-60](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L50-L60).

Sources: [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:17-97](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L17-L97)

| Protocol Binding | Binding Type | Property Name | Formatting / Component Strategy |
| :--- | :--- | :--- | :--- |
| AMQP | Channel | `binding.is` | `<code className="text-xs">{formatAmqpIs(binding.is)}</code>` [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:111-116](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L111-L116) |
| AMQP | Channel | `binding.exchange` | `<BindingGroup title="Exchange">` with `AmqpExchangeFields` [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:117-125](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L117-L125) |
| AMQP | Operation | `binding.deliveryMode` | `<code className="text-xs">{formatAmqpDeliveryMode(binding.deliveryMode)}</code>` [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:167-172](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L167-L172) |
| AMQP | Message | `binding.contentEncoding` | `<code className="text-xs">{binding.contentEncoding}</code>` [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:200-205](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L200-L205) |
| Amazon SQS | Channel | `binding.deadLetterQueue` | `<SqsQueueFields>` component instance [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:73-78](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L73-L78) |
| Amazon SQS | Operation | `binding.queues` | Mapped array using `<BindingFieldRow>` and `<SqsQueueFields>` [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:88-94](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L88-L94) |

Sources: [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:111-205](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L111-L205), [packages/asyncapi/src/ui/bindings/protocols/sqs.tsx:73-94](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/sqs.tsx#L73-L94)

> [!WARNING]
> `formatAmqpIs` strictly expects `queue` or `routingKey` to output `Queue` or `Routing Key`, returning any other unhandled string directly without transformation [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:19-23](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L19-L23).

Sources: [packages/asyncapi/src/ui/bindings/protocols/amqp.tsx:19-23](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/amqp.tsx#L19-L23)

## WebSockets and HTTP network bindings

### WebSocket Channel Configuration

The WebSocket protocol binding renderer handles channel configurations through `ws.tsx`, exporting `wsBinding` with a label of `WebSocket` [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:42-46](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L42-L46). The `getWsChannelSummary` function extracts the HTTP/WebSocket method directly from the binding object [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:14-16](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L14-L16). The `WsChannelBinding` component checks for active fields via `hasBindingFields`; if none exist, it renders `BindingEmpty` [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:18-20](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L18-L20). When fields are present, it wraps them in `BindingFields` and populates optional properties including `method`, `query`, and `headers` [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:21-39](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L21-L39). Query parameters and headers are rendered using the `BindingSchema` component, while scalar methods use `BindingScalarValue` [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:23-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L23-L37).

Sources: [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:1-46](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L1-L46)

### HTTP Operation and Message Bindings

The HTTP protocol binding renderer processes operations and messages via `http.tsx`, exporting `httpBinding` with an `HTTP` label [packages/asyncapi/src/ui/bindings/protocols/http.tsx:63-69](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L63-L69). Operation bindings utilize `getHttpOperationSummary` to return the HTTP method string [packages/asyncapi/src/ui/bindings/protocols/http.tsx:14-16](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L14-L16), while message bindings use `getHttpMessageSummary` to convert numeric status codes into strings [packages/asyncapi/src/ui/bindings/protocols/http.tsx:18-20](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L18-L20). `HttpOperationBinding` renders `method` and `query` parameters through `BindingScalarValue` and `BindingSchema` [packages/asyncapi/src/ui/bindings/protocols/http.tsx:22-41](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L22-L41). `HttpMessageBinding` processes `headers` schema definitions and checks whether `statusCode` is explicitly defined before rendering scalar status codes [packages/asyncapi/src/ui/bindings/protocols/http.tsx:43-62](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L43-L62).

Sources: [packages/asyncapi/src/ui/bindings/protocols/http.tsx:1-69](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L1-L69)

| Protocol | Binding Target | Property Name | Component / Handler |
| :--- | :--- | :--- | :--- |
| WebSocket | Channel | `binding.method` | `BindingScalarValue` [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:23-25](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L23-L25) |
| WebSocket | Channel | `binding.query` | `BindingSchema` (`name="query"`) [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:26-31](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L26-L31) |
| WebSocket | Channel | `binding.headers` | `BindingSchema` (`name="headers"`) [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:32-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L32-L37) |
| HTTP | Operation | `binding.method` | `BindingScalarValue` [packages/asyncapi/src/ui/bindings/protocols/http.tsx:27-32](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L27-L32) |
| HTTP | Operation | `binding.query` | `BindingSchema` (`name="query"`) [packages/asyncapi/src/ui/bindings/protocols/http.tsx:33-38](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L33-L38) |
| HTTP | Message | `binding.headers` | `BindingSchema` (`name="headers"`) [packages/asyncapi/src/ui/bindings/protocols/http.tsx:48-53](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L48-L53) |
| HTTP | Message | `binding.statusCode` | `BindingScalarValue` [packages/asyncapi/src/ui/bindings/protocols/http.tsx:54-59](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L54-L59) |

Sources: [packages/asyncapi/src/ui/bindings/protocols/ws.tsx:23-37](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/ws.tsx#L23-L37), [packages/asyncapi/src/ui/bindings/protocols/http.tsx:27-59](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L27-L59)

> [!NOTE]
> `getHttpMessageSummary` validates that `binding.statusCode` is strictly of type `'number'` before casting it via `String()`, returning `undefined` for any non-numeric status code values [packages/asyncapi/src/ui/bindings/protocols/http.tsx:18-20](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L18-L20).

Sources: [packages/asyncapi/src/ui/bindings/protocols/http.tsx:18-20](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/http.tsx#L18-L20)

## Unsupported and fallback protocol rendering

### Fallback Protocol Resolution

When a protocol identifier specified in an AsyncAPI document does not match any entry in the built-in `protocolBindings` registry, the UI falls back to a generic renderer [packages/asyncapi/src/ui/bindings/protocols/index.ts:47-55](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L47-L55). The lookup function `getProtocolBinding` checks the protocol key against the supported record, and if it is absent, returns a copy of `unknownBinding` with its label overridden by the unrecognized protocol string [packages/asyncapi/src/ui/bindings/protocols/index.ts:47-55](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L47-L55).

Sources: [packages/asyncapi/src/ui/bindings/protocols/index.ts:47-55](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L47-L55)

### Unknown Binding Content and Extensions

The fallback handler `unknownBinding` defines `Server`, `Channel`, `Operation`, and `Message` handlers using `UnknownBindingContent` [packages/asyncapi/src/ui/bindings/protocols/unknown.tsx:11-17](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/unknown.tsx#L11-L17). This component serializes the raw binding object into a formatted JSON code block via `JSON.stringify`, wrapped in a `ClientCodeBlock` component [packages/asyncapi/src/ui/bindings/protocols/unknown.tsx:6-9](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/unknown.tsx#L6-L9). Similarly, `getBindingEntries` separates custom vendor extensions starting with `x-` from standard protocol bindings, allowing both unknown protocols and extensions to be inspected as raw structured data [packages/asyncapi/src/ui/bindings/protocols/index.ts:62-78](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L62-L78).

Sources: [packages/asyncapi/src/ui/bindings/protocols/unknown.tsx:6-17](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/unknown.tsx#L6-L17), [packages/asyncapi/src/ui/bindings/protocols/index.ts:62-78](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L62-L78)

> [!WARNING]
> `getBindingEntries` relies on `isPlainObject` validation for every entry in the bindings record, silently discarding non-object values before partitioning them into protocols and vendor extensions [packages/asyncapi/src/ui/bindings/protocols/index.ts:69-76](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L69-L76).

Sources: [packages/asyncapi/src/ui/bindings/protocols/index.ts:69-76](https://github.com/blade47/fumadocs/blob/a9f988897e7dc4ef3d62b2865d80da2f5607701e/packages/asyncapi/src/ui/bindings/protocols/index.ts#L69-L76)

## Related

- [AsyncAPI Document Processing](https://www.doc0.dev/docs/e8872a72-1909-479c-b585-dc74c6e26726/technical/api-documentation/asyncapi-document-processing)


## Sitemap

See the full [sitemap](https://www.doc0.dev/docs/e8872a72-1909-479c-b585-dc74c6e26726/llms.txt) for all pages in this wiki.