create-reactivite 1.0.1 → 1.0.3

package/README.md

@@ -0,0 +1,177 @@
+# create-reactivite
+
+A modern React boilerplate generator that creates production-ready applications with React, Vite, TypeScript, Tailwind CSS, and shadcn/ui components.
+
+## 🚀 Features
+
+- **⚡ Vite** - Lightning fast build tool and dev server
+- **⚛️ React 19** - Latest React with modern features
+- **📘 TypeScript** - Full TypeScript support with strict configuration
+- **🎨 Tailwind CSS v4** - Latest Tailwind with modern CSS features
+- **🧩 shadcn/ui** - Beautiful, accessible UI components
+- **📦 Radix UI** - Unstyled, accessible components
+- **🌙 Dark Mode** - Built-in theme switching with next-themes
+- **📅 Date Picker** - React Day Picker integration
+- **🔔 Toast Notifications** - Sonner for elegant notifications
+- **🎯 ESLint** - Code linting with modern configuration
+- **📱 Responsive** - Mobile-first responsive design
+- **🎭 Icons** - Lucide React icon library
+
+## 📦 Installation
+
+### Using npx (Recommended)
+
+```bash
+npx create-reactivite my-app
+cd my-app
+pnpm dev
+```
+
+### Using npm
+
+```bash
+npm create reactivite my-app
+cd my-app
+npm run dev
+```
+
+### Install in current directory
+
+```bash
+npx create-reactivite .
+```
+
+## 🛠️ What's Included
+
+### Core Technologies
+
+- **React 19.1.1** - Latest React with concurrent features
+- **TypeScript 5.9.3** - Strict type checking
+- **Vite 7.1.7** - Fast build tool and dev server
+- **Tailwind CSS 4.1.14** - Utility-first CSS framework
+
+### UI Components
+
+The template includes a comprehensive set of pre-built shadcn/ui components:
+
+- **Layout**: Card, Separator, Dialog
+- **Forms**: Button, Checkbox, Select, Calendar
+- **Navigation**: Accordion, Collapsible, Toggle
+- **Feedback**: Alert, Badge, Spinner, Toast (Sonner)
+- **Data Display**: Avatar, Table, Tooltip
+
+### Development Tools
+
+- **ESLint** - Code linting with React and TypeScript rules
+- **TypeScript** - Strict configuration for better code quality
+- **Path Aliases** - Clean imports with `@/` prefix
+- **Hot Reload** - Instant updates during development
+
+## 🏗️ Project Structure
+
+```
+my-app/
+├── public/
+│   └── vite.svg
+├── src/
+│   ├── assets/
+│   ├── components/
+│   │   ├── ui/              # shadcn/ui components
+│   │   └── home-page-components/
+│   ├── lib/
+│   │   └── utils.ts         # Utility functions
+│   ├── pages/
+│   │   └── Homepage/
+│   ├── App.tsx
+│   ├── main.tsx
+│   └── global.css
+├── components.json          # shadcn/ui configuration
+├── package.json
+├── tsconfig.json
+├── vite.config.ts
+└── eslint.config.js
+```
+
+## 🚀 Getting Started
+
+1. **Create your project**:
+   ```bash
+   npx create-reactivite my-awesome-app
+   cd my-awesome-app
+   ```
+
+2. **Install dependencies** (automatically done):
+   ```bash
+   pnpm install  # or npm install
+   ```
+
+3. **Start development server**:
+   ```bash
+   pnpm dev      # or npm run dev
+   ```
+
+4. **Open your browser** and visit `http://localhost:5173`
+
+## 📝 Available Scripts
+
+- `pnpm dev` - Start development server
+- `pnpm build` - Build for production
+- `pnpm preview` - Preview production build
+- `pnpm lint` - Run ESLint
+
+## 🎨 Adding Components
+
+This template uses shadcn/ui. To add new components:
+
+```bash
+npx shadcn@latest add button
+npx shadcn@latest add input
+npx shadcn@latest add form
+```
+
+## 🔧 Configuration
+
+### Tailwind CSS
+
+The project uses Tailwind CSS v4 with the new Vite plugin. Configuration is handled through CSS variables and the `components.json` file.
+
+### TypeScript
+
+Strict TypeScript configuration is included with path aliases:
+
+```typescript
+import { Button } from "@/components/ui/button"
+import { utils } from "@/lib/utils"
+```
+
+### ESLint
+
+Modern ESLint configuration with React and TypeScript support.
+
+## 🌙 Dark Mode
+
+Dark mode is pre-configured using `next-themes`. Toggle between light and dark themes seamlessly.
+
+## 📱 Responsive Design
+
+All components are built with mobile-first responsive design principles using Tailwind CSS.
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## 📄 License
+
+MIT License - feel free to use this template for your projects.
+
+## 🔗 Links
+
+- [React](https://react.dev/)
+- [Vite](https://vite.dev/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [shadcn/ui](https://ui.shadcn.com/)
+- [TypeScript](https://www.typescriptlang.org/)
+
+---
+
+**Happy coding! 🎉**

package/index.js

@@ -15,28 +15,56 @@ const __dirname = path.dirname(__filename);
     type: "text",
     name: "projectName",
     message: "Project name:",
-    initial: "my-react-app"
+    initial: "my-react-app",
   });
 
-  const targetPath = path.resolve(process.cwd(), projectName);
+  // 🧩 1. Target folderı müəyyən edirik
+  const isCurrentDir = projectName === "." || projectName === "./";
+  const targetPath = isCurrentDir
+    ? process.cwd()
+    : path.resolve(process.cwd(), projectName);
+
   const templatePath = path.resolve(__dirname, "template");
 
-  if (fs.existsSync(targetPath)) {
+  // 🧩 2. Əgər current folderdirsə — içi boşdursa davam et, yoxsa xəbərdarlıq ver
+  if (isCurrentDir) {
+    const files = fs.readdirSync(targetPath).filter(
+      (f) => f !== "node_modules" && f !== ".git"
+    );
+
+    if (files.length > 0) {
+      const { overwrite } = await prompts({
+        type: "confirm",
+        name: "overwrite",
+        message: "⚠️ Current folder is not empty. Continue and overwrite?",
+        initial: false,
+      });
+
+      if (!overwrite) {
+        console.log("❌ Operation cancelled.");
+        process.exit(1);
+      }
+    }
+  } else if (fs.existsSync(targetPath)) {
     console.error(`❌ Folder "${projectName}" already exists!`);
     process.exit(1);
   }
 
+  // 🧩 3. Faylları kopyalayırıq
   console.log("📦 Creating project...");
   await copy(templatePath, targetPath);
 
+  // 🧩 4. Asılılıqları quraşdırırıq
   console.log("📥 Installing dependencies...");
-  await execa("pnpm", ["install"], { cwd: targetPath, stdio: "inherit" }).catch(async () => {
+  try {
+    await execa("pnpm", ["install"], { cwd: targetPath, stdio: "inherit" });
+  } catch {
     console.log("⚠️ pnpm not found, trying npm...");
     await execa("npm", ["install"], { cwd: targetPath, stdio: "inherit" });
-  });
+  }
 
+  // 🧩 5. Bitdi mesajı
   console.log(`✅ Done! Next steps:
-  cd ${projectName}
-  pnpm dev  (or npm run dev)
+  ${isCurrentDir ? "" : `cd ${projectName}\n`}pnpm dev  (or npm run dev)
   `);
 })();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-reactivite",
-  "version": "1.0.1",
-  "description": "React + Vite + Tailwind boilerplate creator",
+  "version": "1.0.3",
+  "description": "⚡ Effortlessly scaffold modern React + Vite + Tailwind CSS projects with a clean structure and ready-to-use configuration. Create Reactivite helps you instantly start new React apps with best practices, Shadcn/UI support, and zero setup hassle.",
   "bin": {
     "create-reactivite": "./index.js"
   },
@@ -10,9 +10,42 @@
     "index.js",
     "template/"
   ],
- "dependencies": {
-  "prompts": "^2.4.2",
-  "fs-extra": "^11.2.0",
-  "execa": "^7.1.0"
-}
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "fs-extra": "^11.2.0",
+    "execa": "^7.1.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jsznpm/create-reactivite.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jsznpm/create-reactivite/issues"
+  },
+  "homepage": "https://github.com/jsznpm/create-reactivite#readme",
+  "keywords": [
+    "react",
+    "vite",
+    "tailwind",
+    "tailwindcss",
+    "shadcn",
+    "boilerplate",
+    "template",
+    "react-template",
+    "vite-react-template",
+    "create-react-app",
+    "react-cli",
+    "project-generator",
+    "starter-kit",
+    "frontend",
+    "typescript",
+    "reactivite",
+    "create-reactivite"
+  ],
+  "author": {
+    "name": "Javid Salimov",
+    "email": "",
+    "url": "https://github.com/jsznpm"
+  },
+  "license": "MIT"
 }