Dev

[afsar-dev]

Summary by CodeRabbit

• New Features
  • Added Copy Button with clipboard copy and confetti animation.
  • Added Play Button with icon-enhanced styling.
  • Enabled previews for both buttons in the component gallery and navigation.
• Documentation
  • New Copy Button docs with install steps, usage, and props.
  • Updated Play Button docs to include pnpm/bun install commands and refined props table.
• Chores
  • Added dependencies for animation/icons; adjusted package configuration.
  • Bumped CLI version to 1.0.9.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Adds two new UI components (CopyButton with confetti and PlayButton), their demos, docs, and registry/navigation entries. Updates preview registry, CLI registry files, and package dependencies (adds lottie types/deps, removes packageManager). Bumps CLI version. Removes SplashCursorDemo and drops a client directive from ColorChangingButton.

Changes

Cohort / File(s)	Summary
Dependencies and versions package.json, src/cli/package.json	Added react-lottie dep and @types/react-lottie devDep; removed top-level packageManager. Bumped CLI version 1.0.8 → 1.0.9.
Component registry data public/r/registry.json, registry.json, registry-cli.json	Introduced/extended Nurui registries. Added entries for play-button and copy-button (dependencies, files, types). Large registry file added under public/r/registry.json.
New components and demos src/components/nurui/copy-button.tsx, src/components/nurui/copy-button-demo.tsx, public/r/copy-button.json, public/r/play-button.json, src/components/nurui/play-button-demo.tsx	Implemented client CopyButton (clipboard copy + 2s confetti via Lottie) and its demo. Declared registry items for both buttons. Updated PlayButton demo import to alias path.
Preview & navigation wiring src/app/preview/[component]/components-preview-registry.tsx, src/registry/components-registry.tsx, src/registry/component-navigation.tsx	Registered CopyButton and PlayButton in preview registry; added Copy to navigation; wired CopyButton code/demo into components registry.
Docs src/content/docs/copy-button.mdx, src/content/docs/play-button.mdx	Added CopyButton docs with install steps and props. Updated PlayButton docs: expanded CLI commands and minor formatting.
Removals and directives src/components/common/SplashCursorDemo.tsx, src/components/nurui/ColorChangingButton.tsx	Deleted SplashCursorDemo component. Removed "use client" from ColorChangingButton (no signature change).

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor U as User
  participant CB as CopyButton (client)
  participant CL as Clipboard API
  participant LA as Lottie Animation

  U->>CB: Click button
  activate CB
  CB->>CL: navigator.clipboard.writeText(text)
  CL-->>CB: Promise resolved
  CB->>CB: set copied = true (2s timer)
  CB->>LA: Start confetti (autoplay, no loop)
  Note over CB,LA: Success label shown during copied=true window
  CB-->>U: Visual feedback (label + confetti)
  CB->>CB: After 2s set copied = false
  deactivate CB

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• feat(components): add PlayButton component with demo and docs #99 — Adds PlayButton component, demo, docs, and registry/navigation hooks, overlapping with the PlayButton additions here.

Poem

I tap-tap a button, confetti takes flight,
A whisper of copy—email set right.
A triangle plays where the carrots sway, ▶️
Registries mapped, we bound the way.
Thump of approval from a codey hare—
New clicks, new tricks, floating in air! 🥕✨

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

• MCP integration is disabled by default for public repositories
• Jira integration is disabled by default for public repositories
• Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 7971e5c and 5cb24ec.

⛔ Files ignored due to path filters (2)

• src/cli/package-lock.json is excluded by !**/package-lock.json
• yarn.lock is excluded by !**/yarn.lock, !**/*.lock

📒 Files selected for processing (17)

• package.json (2 hunks)
• public/r/copy-button.json (1 hunks)
• public/r/play-button.json (1 hunks)
• public/r/registry.json (1 hunks)
• registry-cli.json (1 hunks)
• registry.json (1 hunks)
• src/app/preview/[component]/components-preview-registry.tsx (1 hunks)
• src/cli/package.json (1 hunks)
• src/components/common/SplashCursorDemo.tsx (0 hunks)
• src/components/nurui/ColorChangingButton.tsx (0 hunks)
• src/components/nurui/copy-button-demo.tsx (1 hunks)
• src/components/nurui/copy-button.tsx (1 hunks)
• src/components/nurui/play-button-demo.tsx (1 hunks)
• src/content/docs/copy-button.mdx (1 hunks)
• src/content/docs/play-button.mdx (1 hunks)
• src/registry/component-navigation.tsx (1 hunks)
• src/registry/components-registry.tsx (2 hunks)

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dev

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore or @coderabbit ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
nurui	Building	Preview	Comment	Aug 31, 2025 5:49pm