create-ern-boilerplate 0.0.30 → 0.0.31

package/README.md

@@ -1,51 +1,69 @@
 # 🚀 create-ern-boilerplate
 
-CLI untuk membuat proyek **React Native Expo** dengan cepat menggunakan berbagai template yang sudah disiapkan.
+**Generator boilerplate Expo React Native yang powerful dan mudah digunakan!**
 
-Dengan alat ini, kamu bisa membuat project baru hanya dalam hitungan detik — baik secara interaktif maupun langsung (tanpa prompt).
+Buat proyek **React Native Expo** production-ready dalam hitungan detik dengan berbagai template siap pakai. Tidak perlu instalasi, langsung pakai dengan **npx**!
 
 ---
 
-## 📦 Instalasi
+## ✨ Apa itu create-ern-boilerplate?
 
-Kamu **tidak perlu menginstal package ini secara global**.  
-Cukup jalankan menggunakan **npx**:
+`create-ern-boilerplate` adalah CLI tool yang membantu kamu membuat project Expo React Native dengan cepat menggunakan template yang sudah dikonfigurasi dengan baik.
+
+✅ **Tidak perlu instalasi global** - langsung pakai dengan npx
+✅ **Mode interaktif** - pilih template dan konfigurasi dengan mudah
+✅ **Mode cepat** - buat project dalam satu baris perintah
+✅ **Berbagai template** - minimal, redux, dan lainnya
+✅ **Auto setup** - nama project, bundle identifier, dan dependencies otomatis terkonfigurasi
+
+---
+
+## 🚀 Quick Start
+
+Cara tercepat untuk membuat project baru:
 
 ```bash
-npx create-ern-boilerplate
+npx create-ern-boilerplate my-app -y
 ```
 
----
+Atau gunakan alias yang lebih pendek:
+
+```bash
+npx ern-boilerplate my-app -y
+```
 
-## 🧠 Contoh Penggunaan
+Selesai! Project kamu sudah siap dengan template default dan dependencies sudah terinstall.
 
-### 🟢 1. Mode Interaktif (Default)
+### 🟢 Mode Interaktif (Direkomendasikan untuk pemula)
 
-Jalankan tanpa argumen tambahan:
+Jalankan tanpa argumen untuk memilih konfigurasi secara interaktif:
 
 ```bash
 npx create-ern-boilerplate
 ```
 
 Kamu akan ditanya:
+- ✏️ Nama project
+- 📝 Deskripsi project
+- 🎨 Template yang ingin digunakan
+- ⚙️ Apakah ingin langsung install dependencies
 
-- Nama project  
-- Deskripsi  
-- Template yang ingin digunakan  
-- Apakah ingin langsung install dependencies  
-
-**Contoh:**
+**Contoh interaksi:**
 
 ```
 ? Nama project kamu: my-expo-app
 ? Deskripsi singkat: Aplikasi keren dengan Expo
 ? Pilih template: redux
 ? Langsung install dependencies setelah membuat project? Yes
+
+✨ Membuat project my-expo-app...
+📦 Menginstall dependencies...
+✅ Project berhasil dibuat!
 ```
 
 ---
 
-### 🟡 2. Mode Cepat (Tanpa Prompt)
+### 🟡 Mode Cepat (Direkomendasikan untuk yang sudah familiar)
 
 Langsung buat project baru tanpa pertanyaan:
 
@@ -53,119 +71,214 @@ Langsung buat project baru tanpa pertanyaan:
 npx create-ern-boilerplate my-app -y
 ```
 
-✅ Otomatis pakai **template default (`minimal`)**  
-✅ Langsung install dependencies  
+Atau dengan alias pendek:
+
+```bash
+npx ern-boilerplate my-app -y
+```
+
+Hasilnya:
+- ✅ Otomatis pakai **template default (`minimal`)**
+- ✅ Dependencies langsung terinstall
+- ✅ Siap untuk development
 
 ---
 
-### 🔵 3. Mode Cepat + Custom Deskripsi + Template
+### 🔵 Mode Kustom (Full control)
 
-Kamu bisa langsung menentukan deskripsi dan template yang digunakan:
+Tentukan semua konfigurasi langsung di command line:
 
 ```bash
 npx create-ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux
 ```
 
-📁 Akan langsung generate project **my-app**  
-📄 Isi deskripsi otomatis  
-🧩 Menggunakan template **redux**  
-⚙️ Auto install dependencies  
+Atau dengan alias:
+
+```bash
+npx ern-boilerplate my-app -y --desc "Boilerplate lengkap" --template redux
+```
+
+Hasilnya:
+- 📁 Project **my-app** langsung terbuat
+- 📄 Deskripsi otomatis terisi
+- 🧩 Menggunakan template **redux**
+- ⚙️ Dependencies auto install  
 
 ---
 
 ## ⚙️ Argumen & Opsi CLI
 
-| Opsi | Alias | Deskripsi | Contoh |
-|------|--------|------------|--------|
-| `-y` / `--yes` | | Jalankan mode cepat tanpa prompt | `npx create-ern-boilerplate my-app -y` |
-| `--desc` | | Tambahkan deskripsi project | `--desc "Aplikasi keren"` |
-| `--template` | | Pilih template tertentu | `--template redux` |
-| `--install` | | Auto install dependencies di mode cepat | `-y --install` |
+### Command yang tersedia:
 
----
+```bash
+npx create-ern-boilerplate [nama-project] [opsi]
+# atau
+npx ern-boilerplate [nama-project] [opsi]
+```
 
-## 🧩 Struktur Template
+### Opsi yang tersedia:
 
-Semua template disimpan di folder:
+| Opsi | Deskripsi | Default | Contoh |
+|------|-----------|---------|--------|
+| `[nama-project]` | Nama project yang akan dibuat | Akan ditanyakan jika tidak diisi | `my-app` |
+| `-y`, `--yes` | Mode cepat tanpa prompt | `false` | `npx create-ern-boilerplate my-app -y` |
+| `--desc <text>` | Deskripsi project | `""` | `--desc "Aplikasi keren"` |
+| `--template <name>` | Pilih template tertentu | `minimal` | `--template redux` |
+| `--install` | Auto install dependencies | `true` saat `-y` | `-y --install` |
 
+### Contoh kombinasi:
+
+```bash
+# Hanya nama project
+npx create-ern-boilerplate my-app
+
+# Mode cepat
+npx ern-boilerplate my-app -y
+
+# Custom template
+npx create-ern-boilerplate my-app -y --template redux
+
+# Full custom
+npx ern-boilerplate my-app -y --desc "My awesome app" --template redux
 ```
-/templates
-  ├── minimal
-  ├── redux
-  ├── default
-  └── ...
-```
 
-Kamu dapat menambahkan template baru cukup dengan menambahkan folder baru di dalam direktori `templates`.
+---
+
+## 🧩 Template yang Tersedia
+
+Saat ini tersedia beberapa template siap pakai:
+
+| Template | Deskripsi | Cocok untuk |
+|----------|-----------|-------------|
+| `minimal` | Template dasar dengan struktur minimalis | Project sederhana, prototyping cepat |
+| `redux` | Lengkap dengan Redux state management | Aplikasi kompleks dengan state management |
+| `default` | Template standar dengan setup umum | Kebanyakan project |
+
+### Cara menggunakan template:
+
+```bash
+# Template minimal (default)
+npx create-ern-boilerplate my-app -y
+
+# Template redux
+npx create-ern-boilerplate my-app -y --template redux
+
+# Template default
+npx create-ern-boilerplate my-app -y --template default
+```
 
 ---
 
-## 🛠️ Cara Kerja
+## 🛠️ Apa yang Terjadi di Balik Layar?
+
+Saat kamu menjalankan `npx create-ern-boilerplate`, ini yang terjadi:
 
-1. CLI membaca argumen dari perintah yang kamu jalankan.  
-2. Jika mode interaktif: akan menampilkan prompt dengan `inquirer`.  
-3. Template yang dipilih akan disalin ke folder project baru.  
-4. `package.json` dan `app.json` akan di-update otomatis:  
-   - Nama project  
-   - Deskripsi  
-   - Bundle identifier (iOS / Android)  
-5. Jika dipilih, dependencies akan langsung diinstall.
+1. **📥 npx mengunduh package terbaru** - Tidak perlu install, npx otomatis download versi terbaru
+2. **⚙️ CLI membaca argumen** - Memproses command dan opsi yang kamu berikan
+3. **💬 Mode interaktif (opsional)** - Menampilkan prompt jika kamu tidak pakai flag `-y`
+4. **📋 Copy template** - Template yang dipilih disalin ke folder project baru
+5. **✏️ Auto-configure** - Update `package.json` dan `app.json` dengan:
+   - Nama project kamu
+   - Deskripsi project
+   - Bundle identifier untuk iOS & Android
+6. **📦 Install dependencies** - npm install otomatis dijalankan
+7. **✅ Selesai!** - Project siap untuk development
 
 ---
 
-## 🧾 Contoh Hasil
+## 🎯 Hasil Akhir
 
 Setelah menjalankan perintah:
 
 ```bash
-npx create-ern-boilerplate my-expo-app -y --desc "Boilerplate lengkap" --template redux
+npx create-ern-boilerplate my-expo-app -y --template redux
 ```
 
-CLI akan menghasilkan struktur seperti:
+Kamu akan mendapatkan struktur project seperti ini:
 
 ```
 my-expo-app/
-├── app.json
-├── package.json
-├── App.js
-├── src/
-│   ├── components/
-│   ├── screens/
-│   ├── redux/
+├── 📱 app.json          # Konfigurasi Expo
+├── 📦 package.json      # Dependencies & scripts
+├── 🚀 App.js           # Entry point aplikasi
+├── 📁 src/
+│   ├── components/     # React components
+│   ├── screens/        # Screen components
+│   ├── redux/          # Redux store & slices
 │   └── ...
 └── ...
 ```
 
-Dan kamu bisa langsung menjalankan:
+### Langkah selanjutnya:
 
 ```bash
+# Masuk ke folder project
 cd my-expo-app
-npm run start
+
+# Jalankan development server
+npm start
+
+# Atau langsung ke iOS/Android
+npm run ios
+npm run android
 ```
 
 ---
 
+## 💡 Tips & Best Practices
 
----
+### Untuk pengguna baru:
+- 🎯 Mulai dengan mode interaktif terlebih dahulu: `npx create-ern-boilerplate`
+- 📚 Gunakan template `minimal` untuk belajar struktur dasar
+- 🔍 Eksplorasi file yang di-generate untuk memahami setup-nya
 
-## 💡 Tips
+### Untuk pengguna berpengalaman:
+- ⚡ Gunakan alias pendek: `npx ern-boilerplate my-app -y`
+- 🎨 Kombinasikan dengan opsi custom untuk workflow lebih cepat
+- 🔧 Template `redux` cocok untuk aplikasi dengan state management kompleks
 
-- Jalankan `--template` dengan nama folder template yang tersedia.
-- Tambahkan flag `--install` untuk auto install di mode cepat.
-- Kamu bisa menambahkan template buatan sendiri di folder `templates`.
+### Performa:
+- ✨ npx selalu menggunakan versi terbaru dari registry
+- 🚀 Gunakan flag `-y` untuk skip semua prompt
+- 📦 Dependencies otomatis terinstall saat menggunakan `-y`
 
 ---
 
+## 🤝 Kontribusi
+
+Ingin menambahkan template atau fitur baru? Contributions are welcome!
+
+1. Fork repository ini
+2. Buat branch baru untuk fitur kamu
+3. Commit perubahan kamu
+4. Push ke branch
+5. Buat Pull Request
+
 ---
 
-## 🪪 Lisensi
+## 📝 Lisensi
 
 Lisensi: [MIT](./LICENSE)
 
 ---
 
-## 💬 Penulis
+## 💬 Author
+
+Dibuat dengan ❤️ oleh **Zedfar**
+
+- 📧 Email: ulfar.far@gmail.com
+- 🐙 GitHub: [@zedfar](https://github.com/zedfar)
+- 📦 NPM: [create-ern-boilerplate](https://www.npmjs.com/package/create-ern-boilerplate)
+
+---
+
+## 🌟 Support
+
+Jika tool ini membantu kamu, jangan lupa:
+- ⭐ Star repository ini
+- 🐛 Report bugs atau request fitur via [Issues](https://github.com/zedfar/create-ern-boilerplate/issues)
+- 🤝 Contribute dengan Pull Request
+
+---
 
-Dibuat dengan ❤️ oleh **[Zedfar]**  
-📧 Kontak: ulfar.far@gmail.com  
-🐙 GitHub: [@zedfar](https://github.com/zedfar)
+**Happy Coding! 🚀**

package/create.js

@@ -198,29 +198,46 @@ async function main() {
     }
 
     console.log(`
-${chalk.green("🎉 Selesai!")}  
-Langkah selanjutnya:
-  ${chalk.cyan(`boilerplate ${projectName} berhasil dibuat`)}
-  ${autoInstall
-            ? chalk.dim("(dependencies sudah terinstall ✅)")
-            : chalk.cyan("")
+${chalk.green("🎉 Selesai!")}
+Boilerplate berhasil dibuat untuk project: ${chalk.cyan(projectName)}
+
+${autoInstall
+            ? chalk.dim("📦 Dependencies sudah terinstall otomatis ✅")
+            : chalk.yellow("📦 Jalankan 'npm install' sebelum mulai coding")
         }
-  ${chalk.cyan("silahkan mulai code berdasarkan kebutuhan anda")}
 
-Happy coding! 💻
+${chalk.cyan("Sebelum mulai mengembangkan fitur, sangat disarankan mengikuti urutan bacaan berikut untuk memahami alur project dan AI workflow.")}
+
+${chalk.bold("\n📖 READING ORDER (Urutan Baca yang Direkomendasikan):\n")}
+
+1. ⭐  AI_GUIDE.md          
+    ${chalk.dim("# START HERE — onboarding & cara kerja AI")}
+2. 📍  ai-context.json      
+    ${chalk.dim("# Path mappings & context")}
+3. 📋  GENERATE_RULES.md    
+    ${chalk.dim("# Pola pembuatan kode")}
+4. 📐  CONVENTIONS.md       
+    ${chalk.dim("# Standar coding")}
+5. 💡  examples/            
+    ${chalk.dim("# Contoh kode siap pakai")}
+6. 📖 README.md             
+    ${chalk.dim("# Gambaran umum project")}
+
+${chalk.green("Happy coding! 💻")}
 `);
-}
-
-// === Helper untuk menampilkan daftar template ===
-async function getTemplateChoices() {
-    const templatesDir = path.join(__dirname, "templates");
-    const folders = await fs.readdir(templatesDir);
-    return folders.filter((f) =>
-        fs.statSync(path.join(templatesDir, f)).isDirectory()
-    );
-}
-
-main().catch((err) => {
-    console.error(chalk.red("Terjadi kesalahan:"), err);
-    process.exit(1);
-});
+
+
+
+    // === Helper untuk menampilkan daftar template ===
+    async function getTemplateChoices() {
+        const templatesDir = path.join(__dirname, "templates");
+        const folders = await fs.readdir(templatesDir);
+        return folders.filter((f) =>
+            fs.statSync(path.join(templatesDir, f)).isDirectory()
+        );
+    }
+
+    main().catch((err) => {
+        console.error(chalk.red("Terjadi kesalahan:"), err);
+        process.exit(1);
+    });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ern-boilerplate",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "Expo React Native boilerplate generator",
   "bin": {
     "create-ern-boilerplate": "./create.js",

package/templates/advanced/package.json

@@ -74,7 +74,8 @@
     "react-native-web": "^0.21.0",
     "react-native-webview": "13.15.0",
     "react-native-worklets": "0.5.1",
-    "zustand": "^5.0.0"
+    "zustand": "^5.0.0",
+    "expo-checkbox": "~5.0.7"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -89,15 +90,5 @@
     "tailwindcss": "^3.4.13",
     "typescript": "~5.9.2"
   },
-  "private": true,
-  "expo": {
-    "install": {
-      "exclude": [
-        "react",
-        "expo",
-        "expo-constants",
-        "react-native"
-      ]
-    }
-  }
-}
+  "private": true
+}