Skip to content

Staging#166

Merged
afsar-dev merged 2 commits into
mainfrom
staging
Apr 16, 2026
Merged

Staging#166
afsar-dev merged 2 commits into
mainfrom
staging

Conversation

@afsar-dev

@afsar-dev afsar-dev commented Apr 16, 2026

Copy link
Copy Markdown
Owner

Summary by CodeRabbit

  • New Features

    • Added support for customizable className props to enhance component styling flexibility.
    • Implemented centralized code snippet management for improved documentation consistency.
  • Documentation

    • Unified installation instructions across all components using a simplified manual setup flow.
    • Refactored code examples to reference shared snippets instead of inline content.
  • Bug Fixes

    • Fixed semantic HTML issues in button components.
  • Refactor

    • Reorganized component registry metadata structure.

@vercel

vercel Bot commented Apr 16, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
nurui Building Building Preview, Comment, Open in v0 Apr 16, 2026 2:28pm

@afsar-dev afsar-dev merged commit 66badf3 into main Apr 16, 2026
4 of 6 checks passed
@coderabbitai

coderabbitai Bot commented Apr 16, 2026

Copy link
Copy Markdown

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 2e363584-ed15-4c7b-ac89-a029640b8160

📥 Commits

Reviewing files that changed from the base of the PR and between abba42c and d3fdace.

📒 Files selected for processing (121)
  • public/r/animated-list.json
  • public/r/animated-pricing.json
  • public/r/banner-close.json
  • public/r/banner.json
  • public/r/bars-background.json
  • public/r/border-button.json
  • public/r/canvas-cursor.json
  • public/r/code-cursor.json
  • public/r/contact-form.json
  • public/r/counter-loader.json
  • public/r/creative-pricing.json
  • public/r/digital-hero.json
  • public/r/draw-cursor.json
  • public/r/dynamic-card.json
  • public/r/electric-cursor.json
  • public/r/fire-cursor.json
  • public/r/flow-form.json
  • public/r/following-eye.json
  • public/r/future-button.json
  • public/r/future-navbar.json
  • public/r/gaming-form.json
  • public/r/ghost-cursor.json
  • public/r/glob-map.json
  • public/r/glowing-card.json
  • public/r/gradient-background.json
  • public/r/gradient-button.json
  • public/r/gradient-hero.json
  • public/r/gradient-text.json
  • public/r/hacker-background.json
  • public/r/hacker-cursor.json
  • public/r/hover-footer.json
  • public/r/info-card.json
  • public/r/jump-background.json
  • public/r/magnet-button.json
  • public/r/marquee-testimonial.json
  • public/r/matrix-cursor.json
  • public/r/money-cursor.json
  • public/r/neobrutalism-faq.json
  • public/r/neural-background.json
  • public/r/news-letter.json
  • public/r/play-button.json
  • public/r/playing-card.json
  • public/r/premium-testimonial.json
  • public/r/progress-bar.json
  • public/r/project-showcase.json
  • public/r/research-hero.json
  • public/r/retro-cursor.json
  • public/r/ripple-loader.json
  • public/r/rocket-footer.json
  • public/r/rotating-earth.json
  • public/r/shadow-button.json
  • public/r/shiny-card.json
  • public/r/singin-form.json
  • public/r/splash-cursor.json
  • public/r/spotlight-card.json
  • public/r/spotlight-hero.json
  • public/r/story.json
  • public/r/tech-cursor.json
  • public/r/tech-hero.json
  • public/r/terminal-cursor.json
  • public/r/terminal.json
  • public/r/text-button.json
  • public/r/video-modal.json
  • public/r/virus-background.json
  • public/r/wave-card.json
  • public/r/waves-hero.json
  • src/components/nurui/play-button.tsx
  • src/components/nurui/project-showcase.tsx
  • src/components/ui/cli/Cli.tsx
  • src/components/ui/code-block/CodeBlock.tsx
  • src/content/docs/animated-list.mdx
  • src/content/docs/banner.mdx
  • src/content/docs/bars-background.mdx
  • src/content/docs/border-button.mdx
  • src/content/docs/contact-form.mdx
  • src/content/docs/counter-loader.mdx
  • src/content/docs/creative-pricing.mdx
  • src/content/docs/digital-hero.mdx
  • src/content/docs/draw-cursor.mdx
  • src/content/docs/dynamic-card.mdx
  • src/content/docs/flow-form.mdx
  • src/content/docs/future-button.mdx
  • src/content/docs/future-navbar.mdx
  • src/content/docs/gaming-form.mdx
  • src/content/docs/glassy-faq.mdx
  • src/content/docs/glob-map.mdx
  • src/content/docs/glowing-card.mdx
  • src/content/docs/gradient-background.mdx
  • src/content/docs/gradient-button.mdx
  • src/content/docs/gradient-hero.mdx
  • src/content/docs/hacker-background.mdx
  • src/content/docs/hover-footer.mdx
  • src/content/docs/info-card.mdx
  • src/content/docs/jump-background.mdx
  • src/content/docs/magnet-button.mdx
  • src/content/docs/marquee-testimonial.mdx
  • src/content/docs/neobrutalism-faq.mdx
  • src/content/docs/news-letter.mdx
  • src/content/docs/play-button.mdx
  • src/content/docs/playing-card.mdx
  • src/content/docs/premium-testimonial.mdx
  • src/content/docs/progress-bar.mdx
  • src/content/docs/project-showcase.mdx
  • src/content/docs/research-hero.mdx
  • src/content/docs/retro-cursor.mdx
  • src/content/docs/rocket-footer.mdx
  • src/content/docs/rotating-earth.mdx
  • src/content/docs/shadow-button.mdx
  • src/content/docs/shiny-card.mdx
  • src/content/docs/singin-form.mdx
  • src/content/docs/spotlight-hero.mdx
  • src/content/docs/story.mdx
  • src/content/docs/tech-hero.mdx
  • src/content/docs/terminal.mdx
  • src/content/docs/text-button.mdx
  • src/content/docs/video-modal.mdx
  • src/content/docs/virus-background.mdx
  • src/content/docs/wave-card.mdx
  • src/content/docs/waves-hero.mdx
  • src/registry/cli-dependencies.ts
  • src/registry/code-snippets.ts

📝 Walkthrough

Walkthrough

This PR refactors the component registry and documentation system by centralizing CLI dependencies and code snippets into standalone TypeScript maps, updating the Cli and CodeBlock components to consume these maps via new props, and converting ~60 documentation files to use snippet references instead of inline code blocks. Additionally, minor component updates include semantic HTML changes and prop additions.

Changes

Cohort / File(s) Summary
Registry JSON Metadata Reorganization
public/r/animated-list.json, public/r/animated-pricing.json, public/r/banner-close.json, public/r/banner.json, public/r/bars-background.json, public/r/border-button.json, public/r/canvas-cursor.json, public/r/code-cursor.json, public/r/contact-form.json, public/r/counter-loader.json, public/r/creative-pricing.json, public/r/digital-hero.json, public/r/draw-cursor.json, public/r/dynamic-card.json, public/r/electric-cursor.json, public/r/fire-cursor.json, public/r/following-eye.json, public/r/future-button.json, public/r/future-navbar.json, public/r/gaming-form.json, public/r/ghost-cursor.json, public/r/glob-map.json, public/r/glowing-card.json, public/r/gradient-background.json, public/r/gradient-button.json, public/r/gradient-hero.json, public/r/hacker-background.json, public/r/hacker-cursor.json, public/r/hover-footer.json, public/r/info-card.json, public/r/jump-background.json, public/r/magnet-button.json, public/r/marquee-testimonial.json, public/r/matrix-cursor.json, public/r/money-cursor.json, public/r/neobrutalism-faq.json, public/r/neural-background.json, public/r/play-button.json, public/r/playing-card.json, public/r/premium-testimonial.json, public/r/progress-bar.json, public/r/research-hero.json, public/r/retro-cursor.json, public/r/ripple-loader.json, public/r/rotating-earth.json, public/r/shadow-button.json, public/r/shiny-card.json, public/r/singin-form.json, public/r/splash-cursor.json, public/r/spotlight-card.json, public/r/spotlight-hero.json, public/r/story.json, public/r/tech-cursor.json, public/r/tech-hero.json, public/r/terminal-cursor.json, public/r/terminal.json, public/r/video-modal.json, public/r/virus-background.json, public/r/wave-card.json, public/r/waves-hero.json
Moved "type": "registry:component" property from beginning to end of JSON object in ~60 registry files; no semantic changes to functionality.
Registry JSON with Component Updates
public/r/flow-form.json, public/r/gradient-text.json, public/r/news-letter.json, public/r/project-showcase.json, public/r/rocket-footer.json
Reorganized type property while also updating embedded component source code (e.g., bidirectional animation in flow-form, demo text in gradient-text, className prop in news-letter, z-index in project-showcase, className handling in rocket-footer).
Cli Component Enhancement
src/components/ui/cli/Cli.tsx
Added isManual and optional dependencies props; introduced dependency resolution logic via cliDependenciesMap lookup by slug; updated command rendering and copy behavior to conditionally use resolved dependencies or default command code with slug appending.
CodeBlock Component Enhancement
src/components/ui/code-block/CodeBlock.tsx
Added optional snippetKey prop; integrated snippet resolution via codeSnippetsMap; modified fetching logic to short-circuit registry loading when snippet/direct code is available; updated language and code state to use resolved snippet values.
New Registry Modules
src/registry/cli-dependencies.ts, src/registry/code-snippets.ts
Added two new TypeScript modules exporting centralized maps for CLI dependencies and code snippets; enables component documentation to reference reusable content via keys rather than embedding it inline.
Component Semantic & Prop Updates
src/components/nurui/play-button.tsx, src/components/nurui/project-showcase.tsx, src/components/nurui/news-letter.tsx (AnimatedInput), src/components/nurui/rocket-footer.tsx (NuruiLogo, RocketScrollToTop)
Minor updates including semantic HTML change (button to div in play-button), z-index styling, optional className props, and utility class composition using cn.
Documentation Refactoring (~60 MDX files)
src/content/docs/animated-list.mdx, src/content/docs/banner.mdx, src/content/docs/bars-background.mdx, src/content/docs/border-button.mdx, src/content/docs/contact-form.mdx, src/content/docs/counter-loader.mdx, src/content/docs/creative-pricing.mdx, src/content/docs/digital-hero.mdx, src/content/docs/draw-cursor.mdx, src/content/docs/dynamic-card.mdx, src/content/docs/flow-form.mdx, src/content/docs/future-button.mdx, src/content/docs/future-navbar.mdx, src/content/docs/gaming-form.mdx, src/content/docs/glassy-faq.mdx, src/content/docs/glob-map.mdx, src/content/docs/glowing-card.mdx, src/content/docs/gradient-background.mdx, src/content/docs/gradient-button.mdx, src/content/docs/gradient-hero.mdx, src/content/docs/hacker-background.mdx, src/content/docs/hover-footer.mdx, src/content/docs/info-card.mdx, src/content/docs/jump-background.mdx, src/content/docs/magnet-button.mdx, src/content/docs/marquee-testimonial.mdx, src/content/docs/neobrutalism-faq.mdx, src/content/docs/news-letter.mdx, src/content/docs/play-button.mdx, src/content/docs/playing-card.mdx, src/content/docs/premium-testimonial.mdx, src/content/docs/progress-bar.mdx, src/content/docs/project-showcase.mdx, src/content/docs/research-hero.mdx, src/content/docs/retro-cursor.mdx, src/content/docs/rocket-footer.mdx, src/content/docs/rotating-earth.mdx, src/content/docs/shadow-button.mdx, src/content/docs/shiny-card.mdx, src/content/docs/singin-form.mdx, src/content/docs/spotlight-hero.mdx, src/content/docs/story.mdx, src/content/docs/tech-hero.mdx, src/content/docs/terminal.mdx, src/content/docs/text-button.mdx, src/content/docs/video-modal.mdx, src/content/docs/virus-background.mdx, src/content/docs/wave-card.mdx, src/content/docs/waves-hero.mdx
Replaced hardcoded <Cli dependencies={[...]} /> with <Cli isManual /> and replaced inline <CodeBlock code={...} /> with <CodeBlock snippetKey="..." />; centralizes content management and reduces duplication across documentation.

Sequence Diagram(s)

sequenceDiagram
    participant Doc as Documentation (MDX)
    participant Cli as Cli Component
    participant DepMap as cliDependenciesMap
    participant CodeBlock as CodeBlock Component
    participant SnippetMap as codeSnippetsMap

    Doc->>Cli: Render <Cli isManual={true} />
    Cli->>Cli: usePathname() → extract slug
    Cli->>DepMap: Lookup cliDependenciesMap[slug]
    DepMap-->>Cli: Return resolved dependencies array
    Cli->>Cli: Render dependency commands or fallback
    
    Doc->>CodeBlock: Render <CodeBlock snippetKey="utils-ts" />
    CodeBlock->>SnippetMap: Lookup codeSnippetsMap[snippetKey]
    SnippetMap-->>CodeBlock: Return CodeSnippet { code, language?, isLanguage? }
    CodeBlock->>CodeBlock: Use resolved code & language for syntax highlighting
Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~60 minutes

Possibly related PRs

  • PR #127: Modifies component registry/demo loading system (dynamic createEntry, registry types, and demo/code import paths), which aligns with this PR's refactoring of registry metadata and snippet/dependency resolution.

Poem

🐰 Registry hops reorganize their nest,
Snippets gathered central at their quest,
Manual modes and keyed content combine,
Sixty docs now reference—no more inline!
A rabbit's refactor, clean and bright,
DRY principles shining with delight!

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch staging

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

Comment @coderabbitai help to get the list of available commands and usage tips.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant