SR Setup CLI v3.6.0

🎉 Thank you for downloading SR Setup CLI!

Modern CLI tool for rapid React project setup with Vite, Tailwind CSS v4, and real-time package versions from npm registry.

⚠️ Note: This tool may contain bugs. Please report any issues you encounter to help improve the project.

📝 Changelog v3.6.0

What's New:

• ✅ Fixed Tailwind CSS spinner duplication - removed spinner, only green output
• ✅ Fixed progress bar duplication - removed extra empty progress line
• ✅ Added all 14+ libraries to Welcome.jsx with documentation links
• ✅ Updated libraryLinks with complete package list:
  • react-router-dom, axios, @tanstack/react-query
  • @reduxjs/toolkit, zustand
  • react-hook-form, formik
  • lucide-react, react-icons, framer-motion, react-toastify
  • date-fns, lodash, react-helmet-async
  • vitest, @testing-library/react, eslint, prettier
• ✅ Improved clean interface - removed unnecessary tables and messages
• ✅ Single progress bar with package names
• ✅ Green checkmarks for successful installations

Previous Updates:

• v3.5.0 - Full code cleanup, removed unused files
• v3.4.0 - Removed component selection table, clean progress bar
• v3.3.0 - CSS framework moved before preset selection
• v3.2.0 - Real-time package versions from npm registry
• v3.1.0 - Full migration to enquirer, removed intermediate menus
• v3.0.0 - Tables, progress bars, square checkboxes, no emojis

✨ Features

• 🎯 Interactive Setup — single-step configuration via enquirer
• 📦 Latest Versions — real-time package versions from npm registry
• 🎨 Tailwind CSS v4 — automatic installation and @tailwindcss/vite configuration
• ⚡ Vite — modern build tool with HMR
• 🌐 Bilingual Interface — full support for Russian and English
• 📊 Progress Bar — real-time installation tracking
• 🔧 Presets — minimal, full, testing, custom
• 📝 Welcome Page — auto-generated documentation with links to all installed packages

📦 Installation

npm install -g sr_setup-cli

Or use npx without installation:

npx sr_setup-cli

🚀 Usage

sr_setup-cli

Installation Process:

1. Language Selection — choose Russian or English interface
2. Interactive Configuration — all parameters in one window:
   • Project name
   • Installation path
   • App title (for )
   • Programming language (JavaScript / TypeScript)
   • Framework (React Vite / Next.js / Remix / Gatsby)
   • Package manager (npm / yarn / pnpm)
   • CSS framework (Tailwind CSS v4)
   • Installation preset
   • Libraries (for custom preset)
   • Additional options (folder structure, .env, .gitignore)
3. Confirmation — table with all parameters
4. Installation — progress bar with package names
5. Done! — project is configured and ready to use

🎯 Presets

📌 Minimal

Only essential dependencies:

• React
• Vite
• Tailwind CSS v4

📦 Full

Complete production-ready stack:

• UI: lucide-react, framer-motion
• Routing: react-router-dom
• State: zustand
• Forms: react-hook-form
• HTTP: axios
• Testing: vitest
• Tools: eslint, prettier, husky, lint-staged

🧪 Testing

Testing-focused setup:

• @testing-library/react
• @testing-library/jest-dom
• vitest
• eslint, prettier, husky, lint-staged

🎨 Custom

Choose what you need from 14+ libraries:

🔄 Routing & Navigation

• react-router-dom — client-side routing

📡 HTTP & Data Fetching

• axios — HTTP client
• @tanstack/react-query — server state management

🗃️ State Management

• zustand — lightweight state
• @reduxjs/toolkit — Redux with better DX

📝 Forms

• react-hook-form — performant forms
• formik — popular form library

🎨 UI & Animations

• lucide-react — modern icons
• react-icons — 10,000+ icons
• framer-motion — smooth animations
• react-toastify — notifications

🛠️ Utilities

• date-fns — date utilities
• lodash — utility library
• react-helmet-async — document head manager

📊 What Gets Installed

⚡ Always (for Vite projects):

• React
• Vite
• Tailwind CSS v4 (@tailwindcss/vite)

🔧 Optional (development tools):

• ESLint — linting with React configuration
• Prettier — code formatting
• Vitest — unit testing with jsdom
• Husky — git hooks
• Lint-staged — pre-commit checks
• Commitlint — conventional commits

🌟 v3.6.0 Features

✅ Real-time Package Versions

✅ Clean Interface

• No unnecessary tables or messages
• Single progress bar with package names
• Green checkmarks for successful installations
• Minimal output

✅ Welcome Page

Auto-generated src/pages/Welcome.jsx includes:

• List of all installed packages
• Documentation links
• Command descriptions
• Project configuration

🌐 Bilingual Interface

Full support for Russian and English:

• All prompts translated
• Error messages
• Progress bar
• Welcome page
• Documentation

Usage Examples

Quick Start (minimal)

sr_setup-cli
# Select language → minimal preset → done!
cd my-app
npm run dev

Full Project (full)

sr_setup-cli
# Select language → full preset
# Get routing, state, forms, tests
cd my-app
npm run dev

Custom Setup

sr_setup-cli
# Select language → custom preset
# Choose only needed libraries (Space to select)
# Example: react-router + zustand + axios + react-query
cd my-app
npm run dev

🔄 Updates

CLI automatically checks for updates on startup:

✓ CLI is up to date

Or check manually:

npm update -g sr_setup-cli

📄 License

MIT License

Made with ❤️ for React developers