@ereactthohir/cli 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +113 -1
- package/dist/commands/create.d.ts.map +1 -1
- package/dist/commands/create.js +1711 -6
- package/dist/commands/create.js.map +1 -1
- package/dist/commands/generators.d.ts.map +1 -1
- package/dist/commands/generators.js +302 -41
- package/dist/commands/generators.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -18,6 +18,41 @@ npx @ereactthohir/cli create my-app
|
|
|
18
18
|
|
|
19
19
|
## 🛠 Commands
|
|
20
20
|
|
|
21
|
+
### Creating a New Project
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
ereact create my-app
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
During project creation, you'll be prompted to select:
|
|
28
|
+
|
|
29
|
+
1. **Project Type**: Mobile Native, Web App, PWA, or Fullstack
|
|
30
|
+
2. **Rendering Mode**: SPA, SSR, or Hybrid
|
|
31
|
+
3. **Database**: sawit.db, MySQL, PostgreSQL, or MongoDB
|
|
32
|
+
4. **UI Style**: Multiple framework options (see below)
|
|
33
|
+
5. **Template**: Various starter templates
|
|
34
|
+
6. **Optional**: Semouth authentication scaffolding
|
|
35
|
+
|
|
36
|
+
### Supported UI Frameworks
|
|
37
|
+
|
|
38
|
+
The `create` command supports the following UI frameworks and CSS solutions:
|
|
39
|
+
|
|
40
|
+
- **Rice UI** (default, official) - EreactThohir's official component library
|
|
41
|
+
- **Tailwind CSS** - Utility-first CSS framework
|
|
42
|
+
- **Bootstrap 5** - Popular responsive framework
|
|
43
|
+
- **JokoUI** - Modern UI component library
|
|
44
|
+
- **Material UI** - Google's Material Design for React
|
|
45
|
+
- **Ant Design** - Enterprise-grade UI design system
|
|
46
|
+
- **Chakra UI** - Simple and accessible component library
|
|
47
|
+
- **Shadcn/ui** - High-quality React component collection
|
|
48
|
+
- **None (Custom CSS)** - For custom styling setup
|
|
49
|
+
|
|
50
|
+
Example with specific UI framework:
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
ereact create my-tailwind-app # Will prompt UI style selection
|
|
54
|
+
```
|
|
55
|
+
|
|
21
56
|
### Scaffolding
|
|
22
57
|
- `ereact make:controller <Name>`: Create a new controller.
|
|
23
58
|
- `ereact make:model <Name>`: Create a new ORM model.
|
|
@@ -38,7 +73,84 @@ npx @ereactthohir/cli create my-app
|
|
|
38
73
|
- `ereact build:android`: Build Android APK/AAB.
|
|
39
74
|
- `ereact build:ios`: Build iOS IPA.
|
|
40
75
|
|
|
41
|
-
##
|
|
76
|
+
## � Available Templates
|
|
77
|
+
|
|
78
|
+
When creating a new project, choose from **6 powerful and fully functional templates**:
|
|
79
|
+
|
|
80
|
+
1. **None (Blank)** - Minimal setup for complete control
|
|
81
|
+
2. **Mobile App Starter** - React Native with navigation and state management
|
|
82
|
+
3. **Admin Dashboard** - Complete admin panel with charts and user management
|
|
83
|
+
4. **Authentication Starter** - Full auth system with login/register
|
|
84
|
+
5. **Enterprise App Template** - Production-grade with RBAC and modules
|
|
85
|
+
6. **SaaS Template** - Subscription management and billing
|
|
86
|
+
|
|
87
|
+
Each template includes:
|
|
88
|
+
- ✅ Pre-built components and pages
|
|
89
|
+
- ✅ API integration with Axios
|
|
90
|
+
- ✅ State management with Zustand
|
|
91
|
+
- ✅ TypeScript support
|
|
92
|
+
- ✅ Automatic UI framework adaptation
|
|
93
|
+
- ✅ Example routes and controllers
|
|
94
|
+
- ✅ Best practice patterns
|
|
95
|
+
|
|
96
|
+
**📖 For detailed information, see [TEMPLATES_GUIDE.md](./TEMPLATES_GUIDE.md)**
|
|
97
|
+
|
|
98
|
+
### Scaffolding
|
|
99
|
+
- Bottom tab navigation with 3 screens
|
|
100
|
+
- Home, Profile, and Settings screens
|
|
101
|
+
- User statistics and settings management
|
|
102
|
+
- Perfect for mobile-first applications
|
|
103
|
+
|
|
104
|
+
### 2. **Admin Dashboard**
|
|
105
|
+
- Complete admin panel with sidebar navigation
|
|
106
|
+
- 4 statistical cards with metrics
|
|
107
|
+
- Animated charts for data visualization
|
|
108
|
+
- User management table with actions
|
|
109
|
+
- Search and filter functionality
|
|
110
|
+
|
|
111
|
+
### 3. **Authentication Starter**
|
|
112
|
+
- Beautiful login/register forms
|
|
113
|
+
- Form validation and error handling
|
|
114
|
+
- Password confirmation matching
|
|
115
|
+
- Gradient design with smooth transitions
|
|
116
|
+
- Ready for integration with backend
|
|
117
|
+
|
|
118
|
+
### 4. **Enterprise App Template**
|
|
119
|
+
- Workspace management dashboard
|
|
120
|
+
- Team collaboration features
|
|
121
|
+
- Project tracking with status updates
|
|
122
|
+
- Quick action buttons
|
|
123
|
+
- Workspace settings and configuration
|
|
124
|
+
|
|
125
|
+
### 5. **SaaS Template**
|
|
126
|
+
- Subscription management interface
|
|
127
|
+
- Billing history and invoices
|
|
128
|
+
- Multiple pricing plans comparison
|
|
129
|
+
- Plan upgrade/downgrade functionality
|
|
130
|
+
- Payment status tracking
|
|
131
|
+
|
|
132
|
+
### Usage:
|
|
133
|
+
```bash
|
|
134
|
+
ereact create my-app
|
|
135
|
+
# During setup, select desired template
|
|
136
|
+
# All templates are production-ready and fully functional
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
## 🎯 Template Features
|
|
140
|
+
|
|
141
|
+
All templates include:
|
|
142
|
+
- ✅ **Responsive Design** - Works on all devices
|
|
143
|
+
- ✅ **Modern UI** - Clean and professional design
|
|
144
|
+
- ✅ **React Hooks** - State management with hooks
|
|
145
|
+
- ✅ **TypeScript Support** - Full type safety
|
|
146
|
+
- ✅ **Real Components** - Not just stubs or placeholders
|
|
147
|
+
- ✅ **Example Data** - Pre-populated with demo data
|
|
148
|
+
- ✅ **Accessibility** - WCAG compliance
|
|
149
|
+
- ✅ **Production Ready** - No additional setup needed
|
|
150
|
+
|
|
151
|
+
For detailed template documentation, see [TEMPLATE_GUIDE.md](../../docs/TEMPLATE_GUIDE.md)
|
|
152
|
+
|
|
153
|
+
## �👤 Author
|
|
42
154
|
|
|
43
155
|
**KangPCode (Dhafa Nazula Permadi)**
|
|
44
156
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAMA,wBAAsB,MAAM,CAAC,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAMA,wBAAsB,MAAM,CAAC,IAAI,EAAE,MAAM,iBAkTxC"}
|