create-ern-boilerplate 0.0.31 → 0.0.33

package/create.js

@@ -225,19 +225,20 @@ ${chalk.bold("\n📖 READING ORDER (Urutan Baca yang Direkomendasikan):\n")}
 
 ${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()
-        );
-    }
+// === 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);
-    });
+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.31",
+  "version": "0.0.33",
   "description": "Expo React Native boilerplate generator",
   "bin": {
     "create-ern-boilerplate": "./create.js",

package/templates/agent-generator/AI_GUIDE.md

@@ -8,10 +8,48 @@ When you first enter this project, read these files in order:
 
 1. **`README.md`** - Understand project structure and features
 2. **`ai-context.json`** - Know where to generate each type of code
-3. **`GENERATE_RULES.md`** - Learn code generation patterns
+3. **`GENERATE_RULES.md`** - ⚠️ **READ THIS FIRST** - Tech stack & dependency rules
 4. **`CONVENTIONS.md`** - Understand coding standards
 5. **`examples/`** - See actual working code patterns
 
+## 🚨 CRITICAL RULES - Read First!
+
+### Tech Stack Restrictions
+
+**NEVER add new dependencies or change versions!**
+
+```json
+Fixed Versions:
+{
+  "react": "19.1.0",           // DO NOT change
+  "react-native": "0.81.4",    // DO NOT change
+  "expo": "^54.0.10",          // DO NOT change (SDK 54 only!)
+  "expo-router": "~6.0.12"     // DO NOT change
+}
+```
+
+### What You CAN Use (Already Installed)
+
+✅ **State:** Zustand, TanStack Query, React Hook Form
+✅ **UI:** NativeWind, Lucide Icons, React Native Paper
+✅ **HTTP:** Axios
+✅ **Expo Modules:** Camera, Location, Notifications, etc. (SDK 54 only!)
+
+### What You CANNOT Do
+
+❌ Install new packages
+❌ Suggest upgrading Expo SDK
+❌ Use React 18 APIs
+❌ Add lodash, moment, or other utilities
+
+### What to Do Instead
+
+✅ Use existing packages from package.json
+✅ Write vanilla JavaScript/TypeScript
+✅ Create custom utilities in src/utils/
+
+**See GENERATE_RULES.md for complete package management rules!**
+
 ## 📋 Quick Reference
 
 ### File Locations (from ai-context.json)
@@ -261,6 +299,8 @@ import { newsService } from '@/services/newsService';
 ## 🚦 Quick Checklist
 
 Before generating code:
+- [ ] ⚠️ **Check package.json** - Only use existing packages!
+- [ ] ⚠️ **NO new dependencies** - Use what's already installed
 - [ ] Read examples/ folder
 - [ ] Check ai-context.json for paths
 - [ ] Use TypeScript types
@@ -270,6 +310,7 @@ Before generating code:
 - [ ] Handle error state
 - [ ] Follow naming conventions
 - [ ] Use NativeWind classes
+- [ ] Use Expo SDK 54 compatible APIs only
 
 ## 💡 Pro Tips
 
@@ -305,6 +346,9 @@ ls src/store/
 ## 🎯 Success Criteria
 
 Your generated code is good if:
+✅ **Uses ONLY existing packages** from package.json
+✅ **NO new dependencies** added
+✅ **Expo SDK 54 compatible** only
 ✅ Follows examples/ patterns exactly
 ✅ Uses TypeScript properly
 ✅ Uses path aliases (@/)

package/templates/agent-generator/CONVENTIONS.md

@@ -2,6 +2,60 @@
 
 Standards and best practices for this project.
 
+## ⚠️ Dependencies & Package Management
+
+### CRITICAL RULE: NO New Dependencies!
+
+**NEVER add, upgrade, or change package versions without explicit permission.**
+
+```json
+// ❌ FORBIDDEN
+npm install lodash
+npm install expo-image
+yarn add react-query
+
+// ✅ ALLOWED
+Use packages already in package.json
+```
+
+### Tech Stack Versions (FIXED)
+
+```
+React: 19.1.0
+React Native: 0.81.4
+Expo SDK: 54.x (^54.0.10)
+```
+
+**DO NOT suggest upgrading these versions!**
+
+### Available Packages
+
+Check `package.json` for the complete list of allowed packages.
+
+**Commonly Used:**
+- **State:** `zustand`, `@tanstack/react-query`, `react-hook-form`
+- **UI:** `nativewind`, `lucide-react-native`, `react-native-paper`
+- **HTTP:** `axios`
+- **Expo:** All `expo-*` packages (SDK 54 compatible)
+
+### Instead of Installing New Packages
+
+```typescript
+// ❌ DON'T: Suggest new packages
+"Let's install lodash for array utilities"
+
+// ✅ DO: Use vanilla JavaScript
+const unique = [...new Set(array)];
+const chunk = (arr, size) =>
+  Array.from({ length: Math.ceil(arr.length / size) }, (_, i) =>
+    arr.slice(i * size, i * size + size)
+  );
+
+// ✅ DO: Create utility functions
+// src/utils/arrays.ts
+export const groupBy = (arr, key) => { /* ... */ };
+```
+
 ## File Naming
 
 ```
@@ -327,13 +381,15 @@ const handlePress = useCallback(() => {
 
 ## Summary
 
-1. **TypeScript** - Always use proper types
-2. **Path Aliases** - Use `@/` for imports
-3. **NativeWind** - Use Tailwind classes
-4. **Theme Support** - Always support light/dark
-5. **Error Handling** - Always handle errors
-6. **Loading States** - Always show loading
-7. **Clean Code** - Small functions, clear names
-8. **Examples** - Check `examples/` folder
+1. **NO New Dependencies** - Use only what's in package.json ⚠️
+2. **Fixed Tech Stack** - React 19.1.0, RN 0.81.4, Expo SDK 54 ⚠️
+3. **TypeScript** - Always use proper types
+4. **Path Aliases** - Use `@/` for imports
+5. **NativeWind** - Use Tailwind classes
+6. **Theme Support** - Always support light/dark
+7. **Error Handling** - Always handle errors
+8. **Loading States** - Always show loading
+9. **Clean Code** - Small functions, clear names
+10. **Examples** - Check `examples/` folder
 
 When in doubt, check the `examples/` folder!

package/templates/agent-generator/GENERATE_RULES.md

@@ -2,6 +2,97 @@
 
 Guidelines for AI agents generating code for this project.
 
+## ⚠️ CRITICAL: Package Management & Tech Stack
+
+### STRICT RULES - Dependencies
+
+**NEVER add new dependencies** without explicit user permission!
+
+1. **DO NOT add new dependencies** - Use only what's in package.json
+2. **DO NOT suggest installing** additional libraries
+3. **DO NOT upgrade/downgrade** package versions
+4. **FOLLOW exact versions** specified in package.json
+
+### Fixed Tech Stack Versions
+
+```json
+{
+  "react": "19.1.0",
+  "react-native": "0.81.4",
+  "expo": "^54.0.10",
+  "expo-router": "~6.0.12",
+  "nativewind": "^4.0.36",
+  "zustand": "^5.0.0"
+}
+```
+
+### Allowed Libraries (Already Installed)
+
+Only use these packages that are already in package.json:
+
+**State Management:**
+- `zustand` (^5.0.0) - Global state
+- `@tanstack/react-query` (^5.51.0) - Server state
+- `react-hook-form` (^7.66.0) - Forms
+
+**UI & Styling:**
+- `nativewind` (^4.0.36) - Tailwind CSS
+- `lucide-react-native` (^0.546.0) - Icons
+- `react-native-toast-message` (^2.3.3) - Toasts
+- `react-native-modal` (^13.0.1) - Modals
+- `react-native-paper` (^5.12.3) - Material UI
+
+**Navigation:**
+- `expo-router` (~6.0.12) - File-based routing
+
+**HTTP & API:**
+- `axios` (^1.7.2) - HTTP client
+
+**Expo Modules (SDK 54):**
+- All expo-* packages are pinned to SDK 54 compatible versions
+- See package.json for complete list
+
+### Examples of What NOT to Do
+
+```typescript
+// ❌ DON'T suggest installing new packages
+"Let's install react-query for data fetching"
+"You need to install expo-image"
+"Add lodash for utilities"
+
+// ❌ DON'T use incompatible Expo SDK versions
+import { Image } from 'expo-image'; // If not in package.json
+
+// ❌ DON'T suggest version upgrades
+"Upgrade to Expo SDK 51"
+"Use React 18 instead"
+
+// ✅ DO use existing packages
+import { useQuery } from '@tanstack/react-query'; // Already installed
+import { Camera } from 'expo-camera'; // Already installed (SDK 54)
+```
+
+### What to Do Instead
+
+```typescript
+// ✅ Use built-in utilities
+const unique = [...new Set(array)]; // Instead of lodash.uniq
+
+// ✅ Use existing packages
+import { useQuery } from '@tanstack/react-query'; // ✓ Already installed
+import { Camera } from 'expo-camera'; // ✓ Already installed
+
+// ✅ Write custom utilities
+// src/utils/helpers.ts
+export const debounce = (fn, delay) => { /* ... */ };
+```
+
+### When User Asks for New Feature
+
+1. **First**: Check if existing packages can do it
+2. **Second**: Implement with vanilla JavaScript/React Native
+3. **Last resort**: Ask user if they want to add new dependency
+
 ## File Locations
 
 From `ai-context.json`: