import type { OpenAPIV3 } from "openapi-types"; import { cn } from "@/lib/utils"; import React from "react"; import { DescriptionDisplay } from "@/registry/default/ui/description-display"; import { WebhookLabel } from "@/registry/default/ui/webhook-label"; import { OperationBox } from "@/registry/default/ui/operation-box"; // Import types from the centralized types file interface WebhookDisplayProps { name: string; pathItem: OpenAPIV3.PathItemObject; components?: OpenAPIV3.ComponentsObject; className?: string; } const WebhookDisplay = React.forwardRef( ({ name, pathItem, components, className }, ref) => { if (!pathItem) { return (

No webhook data available

); } const operations = [ { method: "get", operation: pathItem.get }, { method: "post", operation: pathItem.post }, { method: "put", operation: pathItem.put }, { method: "delete", operation: pathItem.delete }, { method: "options", operation: pathItem.options }, { method: "head", operation: pathItem.head }, { method: "patch", operation: pathItem.patch }, { method: "trace", operation: pathItem.trace }, ].filter(({ operation }) => operation !== undefined); return (

Webhook:

{name}

{pathItem.description && (

)}

{operations.map(({ method, operation }) => ( ))}

{operations.length === 0 && (

No operations defined for this webhook

)}

); }, ); WebhookDisplay.displayName = "WebhookDisplay"; export { WebhookDisplay, type WebhookDisplayProps };

Webhook Display

安装

使用方法

示例

基本用法

API 参考

Props