coderabbit-shadcn-registry

TypeScript

shadcn registry for CodeRabbit API integration.

Install components directly with the shadcn CLI. Supports multiple storage backends: LocalStorage, Convex, Supabase, PostgreSQL, and MySQL. Framework-agnostic client with React hooks included.

shadcn react typescript coderabbit
View on GitHub Get Started

[features]

Multiple Backends

LocalStorage, Convex, Supabase, PostgreSQL, MySQL

React Hooks

useCodeRabbit hook for easy integration

UI Components

Ready-to-use form and card components

Type Safe

Full TypeScript support with strict types

[install]

# Choose your storage backend:
npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/coderabbit-localstorage.json
npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/coderabbit-convex.json
npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/coderabbit-supabase.json
npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/coderabbit-postgres.json
npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/coderabbit-mysql.json

[usage]

// Direct client usage
import { createCodeRabbitClient } from "@/lib/client";

const client = createCodeRabbitClient();
const results = await client.generateReport({
  from: "2024-01-01",
  to: "2024-01-31",
  promptTemplate: "Sprint Report",
});

// With React hook
import { useCodeRabbit } from "@/hooks/use-coderabbit";
import { LocalStorageAdapter } from "@/lib/storage-localstorage";

const { generateReport, isGenerating } = useCodeRabbit({
  storage: new LocalStorageAdapter(),
});

[requirements]

[license]

This project is licensed under the MIT license.

[links]

GitHub Repository