Skip to content

v0.3.2 - Shadcn Registry Support

Choose a tag to compare

@jacksonkasi1 jacksonkasi1 released this 01 Oct 22:35
· 85 commits to main since this release

πŸŽ‰ Shadcn Registry Support

This release adds complete Shadcn registry support, making it incredibly easy to install the data-table component with a single command!

✨ What's New

πŸ“¦ One-Command Installation

Install the data-table component with just one command:

npx shadcn@latest add https://tnks-data-table.vercel.app/r/data-table.json
npx shadcn@latest add https://tnks-data-table.vercel.app/r/calendar-date-picker.json

πŸš€ Registry Implementation

  • βœ… Created complete Shadcn-compatible registry with proper schema
  • βœ… Automated registry build system (npm run registry:build)
  • βœ… Generated registry JSON files for easy distribution
  • βœ… Added CORS and caching headers via vercel.json
  • βœ… Organized registry files in proper directory structure

πŸ“š Documentation Improvements

  • βœ… Added Quick Start section to README
  • βœ… Comprehensive installation methods (Registry + Manual)
  • βœ… Clear prerequisites and Shadcn UI component requirements
  • βœ… Local development installation guide
  • βœ… Updated with deployed Vercel URL

πŸ”§ Technical Details

New Files:

  • registry.json - Main registry configuration
  • scripts/build-registry.ts - Automated registry builder
  • public/r/data-table.json - Data table component registry
  • public/r/calendar-date-picker.json - Calendar picker registry
  • vercel.json - Deployment configuration with CORS

Updates:

  • Version bumped to 0.3.2
  • Enhanced README.md with registry installation
  • Updated CHANGELOG.md with detailed changes

πŸ“– Installation

From Remote Registry (Recommended):

# Prerequisites
npx shadcn@latest init
npx shadcn@latest add button checkbox input select popover calendar dropdown-menu separator table command

# Install components
npx shadcn@latest add https://tnks-data-table.vercel.app/r/data-table.json
npx shadcn@latest add https://tnks-data-table.vercel.app/r/calendar-date-picker.json

From Local Development:

git clone https://github.com/jacksonkasi1/tnks-data-table.git
cd tnks-data-table
npm install
npm run registry:build
npm run dev

# In your project
npx shadcn@latest add http://localhost:3000/r/data-table.json

πŸ”— Links

πŸ‘₯ Credits

Special thanks to all contributors and the Shadcn UI ecosystem!


Full Changelog: v0.3.1...v0.3.2