@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 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
- ## 👤 Author
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,iBAiRxC"}
1
+ {"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAMA,wBAAsB,MAAM,CAAC,IAAI,EAAE,MAAM,iBAkTxC"}