Tasks

• responsive menu
• date range picker
• redux slice for data storage and hooks to call no states

=========================================

1. Remote Registry System
   Fetch registry from API/CDN/GitHub
   Dynamic component updates
   No need to republish npm package for every component
   Version-based registry management
   Features
   Remote registry.json
   CDN support
   GitHub raw file support
   Cached registry

2. init Command
   npx demo-dev2d-cli init
   Responsibilities
   Detect framework
   Setup folders
   Create .pejay-ui.json
   Configure aliases
   Install Tailwind
   Create base config
   Framework Detection
   Vite
   Next.js
   CRA
   Remix
   Expo

3. Automatic Dependency Installation
   Current
   Registry tracks packages only
   Upgrade

Automatically run:npm install clsx tailwind-merge
Features
Install missing packages
Skip already installed packages
Support npm/yarn/pnpm/bun

1. Recursive Dependency Resolution Current One-level dependency handling Upgrade

Support nested dependencies:
button
└── utils/cn
└── utils/theme

  Features

Recursive resolver
Circular dependency protection
Dependency graph generation

1. Component Variants & Themes npx demo-dev2d-cli add button --variant modern

Possible Styles
glass
modern
minimal
neumorphism
Features
Multiple template support
Theme presets
Style registry

1. doctor Command
   npx demo-dev2d-cli doctor
   Checks
   Tailwind installed?
   TypeScript configured?
   React version compatible?
   Aliases configured?
   Missing packages?
   Output
   Errors
   Warnings
   Suggested fixes

2. list Command
   npx demo-dev2d-cli list
   Features
   Show installed components
   Show available components
   Show outdated components
   Show dependency usage

3. Update Command
   npx demo-dev2d-cli update input
   Features
   Smart file diffing
   Preserve user changes
   Partial updates
   Version updates

4. Framework Detection System
   Detect Automatically
   Next.js
   Vite
   CRA
   Remix
   Expo
   Monorepo
   Features
   Framework-specific templates
   Framework-specific paths
   Framework-specific co

5. Remote Templates
   templates/input.tsx
   Upgrade

Fetch from:

GitHub
CDN
API
Benefits
Smaller npm package
Dynamic template updates
Centralized template management

1. Registry Validation
   Use
   Zod
   AJV
   Validate
   Component schema
   Dependency schema
   Template structure
   Benefits
   Prevent broken installs
   Safer updates
   Better DX

2. AST-Based Code Manipulation
   Features
   Auto export injection
   Auto import updates
   Route injection
   Provider injection
   Tools
   Babel AST
   Recast
   TS Morph

3. Interactive CLI UI
   Features
   Multi-select components
   Searchable lists
   Loading spinners
   Colored logs
   Tools
   Inquirer
   Ora
   Chalk

4. Rollback & Recovery System
   Features
   Restore failed installs
   Cleanup partial files
   Transaction-based installs
   Benefits
   Safe operations
   Better reliability

5. Component Marketplace
   Future Scope
   Public registry
   Premium packs
   Themes marketplace
   Community components
   SaaS Potential
   Paid templates
   Team registries
   Private registries

===================================================================

Recommended Upgrade Order
Phase 1 (Most Important)
init command
Automatic dependency installation
Remote registry
Recursive dependency resolution
Phase 2
Framework detection
doctor command
list command
Remote templates
Phase 3
Update system
AST manipulation
Interactive UI
Rollback system
Phase 4 (Advanced)
Marketplace
SaaS ecosystem
Team/private registries