{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "github-inline-comments-demo",
  "title": "github-inline-comments-demo",
  "description": "Example showing a github-inline-comments-demo component.",
  "registryDependencies": [
    "@eldoraui/github-inline-comments"
  ],
  "files": [
    {
      "path": "registry/example/github-inline-comments-demo.tsx",
      "content": "\"use client\"\n\nimport GithubInlineComments from \"@/registry/eldoraui/github-inline-comments\"\n\nexport default function GithubInlineCommentsDemo() {\n  return (\n    <div className=\"mx-auto max-w-4xl p-4\">\n      <p className=\"text-muted-foreground mb-4 text-sm\">\n        This is a GitHub-style inline diff comments component. Hover over a line\n        in the diff to reveal the &quot;Add comment&quot; button, then click to\n        open a compact inline thread for discussion—just like reviewing code on\n        GitHub.\n      </p>\n      <GithubInlineComments\n        fileName=\"src/server.ts\"\n        diff={[\n          { kind: \"hunk\", content: \"@@ -10,8 +10,10 @@\" },\n          {\n            kind: \"context\",\n            old: 10,\n            new: 10,\n            content: \"export async function getUserName(id: string) {\",\n          },\n          {\n            kind: \"context\",\n            old: 11,\n            new: 11,\n            content: \"  // Fetch user from cache or database\",\n          },\n          {\n            kind: \"del\",\n            old: 12,\n            new: null,\n            content: \"  const user = cache.get(id)\",\n          },\n          {\n            kind: \"add\",\n            old: null,\n            new: 12,\n            content: \"  let user = cache.get(id)\",\n          },\n          { kind: \"context\", old: 13, new: 13, content: \"  if (!user) {\" },\n          {\n            kind: \"add\",\n            old: null,\n            new: 14,\n            content: \"    user = await db.users.findById(id)\",\n          },\n          {\n            kind: \"add\",\n            old: null,\n            new: 15,\n            content: \"    if (user) cache.set(id, user)\",\n          },\n          { kind: \"context\", old: 14, new: 16, content: \"  }\" },\n          { kind: \"del\", old: 15, new: null, content: \"  return user?.name\" },\n          {\n            kind: \"add\",\n            old: null,\n            new: 17,\n            content: \"  return user?.name ?? '(unknown)'\",\n          },\n          { kind: \"context\", old: 16, new: 18, content: \"}\" },\n        ]}\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}