create-ern-boilerplate 0.0.44 → 0.0.45

package/create.js

@@ -79,8 +79,7 @@ async function main() {
         autoInstall = hasInstall;
         console.log(
             chalk.green(
-                `📦 Creating project ${projectName}... (fast mode${
-                    autoInstall ? " + installing dependencies" : ""
+                `📦 Creating project ${projectName}... (fast mode${autoInstall ? " + installing dependencies" : ""
                 })`
             )
         );
@@ -113,15 +112,28 @@ async function main() {
             await fs.move(gitignoreTemplatePath, gitignorePath);
         }
 
+
+        const toTitleCaseWithSpace = (name) => {
+            return name
+                // pisah camelCase
+                .replace(/([a-z])([A-Z])/g, '$1 $2')
+                // pisah pascalCase
+                .replace(/([A-Z])([A-Z][a-z])/g, '$1 $2')
+                .trim()
+                .replace(/\s+/g, ' ')
+                .replace(/\b\w/g, (c) => c.toUpperCase());
+        };
+
         // === Update package.json ===
         const pkgPath = path.join(targetDir, "package.json");
         if (fs.existsSync(pkgPath)) {
             const pkg = await fs.readJson(pkgPath);
-            pkg.name = projectName;
+            pkg.name = projectName.toLowerCase().replace(/\s+/g, "-");;
             pkg.description = description;
             await fs.writeJson(pkgPath, pkg, { spaces: 2 });
         }
 
+
         // === Update app.json ===
         const updateAppJson = async (file, env = null) => {
             const filePath = path.join(targetDir, file);
@@ -154,9 +166,64 @@ async function main() {
             await fs.writeJson(filePath, json, { spaces: 2 });
         };
 
-        await updateAppJson("app.json");
-        await updateAppJson("app.staging.json", "staging");
-        await updateAppJson("app.prod.json", "production");
+        // === Update app.config.js ===
+        const updateAppConfigJs = async (filePath, projectName, env = null) => {
+            if (!fs.existsSync(filePath)) return;
+
+            let content = await fs.readFile(filePath, "utf8");
+
+            const slug = projectName.toLowerCase().replace(/\s+/g, "-");
+
+            const titleName = toTitleCaseWithSpace(projectName);
+
+            // --- Replace base fields ---
+            content = content
+                .replace(/name:\s*'[^']*'/, `name: '${titleName}'`)
+                .replace(/slug:\s*'[^']*'/, `slug: '${slug}'`)
+                .replace(/scheme:\s*'[^']*'/, `scheme: '${slug}'`);
+
+            // --- Replace iOS bundle ---
+            content = content.replace(
+                /bundleIdentifier:\s*'[^']*'/,
+                `bundleIdentifier: 'com.${slug}.app'`
+            );
+
+            // --- Replace Android pkg ---
+            content = content.replace(
+                /package:\s*'[^']*'/,
+                `package: 'com.${slug}.app'`
+            );
+
+            // --- Replace EAS projectId ---
+            content = content.replace(
+                /projectId:\s*'[^']*'/,
+                `projectId: ''`
+            );
+
+            // --- Replace APP_ENV if environment provided ---
+            if (env) {
+                content = content.replace(
+                    /APP_ENV = process\.env\.APP_ENV \?\? '[^']*'/,
+                    `APP_ENV = process.env.APP_ENV ?? '${env}'`
+                );
+            }
+
+            await fs.writeFile(filePath, content, "utf8");
+        };
+
+
+        // === Detect & update app.json OR app.config.js ===
+        const appConfigJsPath = path.join(targetDir, "app.config.js");
+
+        if (fs.existsSync(appConfigJsPath)) {
+            // update dynamic config
+            await updateAppConfigJs(appConfigJsPath, projectName);
+        } else {
+            // update JSON configs
+            await updateAppJson("app.json");
+            await updateAppJson("app.staging.json", "staging");
+            await updateAppJson("app.prod.json", "production");
+        }
 
         spinner.succeed(`✅ Template "${templateName}" has been created!`);
     } catch (err) {
@@ -182,17 +249,16 @@ async function main() {
 ${chalk.green("🎉 Done!")}
 The boilerplate has been successfully created for project: ${chalk.cyan(projectName)}
 
-${
-    autoInstall
-        ? chalk.dim("📦 Dependencies have been installed automatically. ✅")
-        : chalk.yellow(
-              "📦 Before starting, review the dependencies in package.json to ensure they match your project requirements."
-          )
-}
+${autoInstall
+            ? chalk.dim("📦 Dependencies have been installed automatically. ✅")
+            : chalk.yellow(
+                "📦 Before starting, review the dependencies in package.json to ensure they match your project requirements."
+            )
+        }
 
 ${chalk.cyan(
-    "Before building any features, it is highly recommended to follow the reading order below to fully understand the project structure and AI workflow."
-)}
+            "Before building any features, it is highly recommended to follow the reading order below to fully understand the project structure and AI workflow."
+        )}
 
 ${chalk.bold("\n📖 RECOMMENDED READING ORDER:\n")}
 
@@ -221,8 +287,8 @@ ${chalk.bold("\n📖 RECOMMENDED READING ORDER:\n")}
        ${chalk.dim("README.md")}
 
 ${chalk.bold(
-    "\n📖 Always maintain integration stability, architectural scalability, maintainability, testability, codebase consistency, and zero errors.\n"
-)}
+            "\n📖 Always maintain integration stability, architectural scalability, maintainability, testability, codebase consistency, and zero errors.\n"
+        )}
 
 ${chalk.green("Happy coding! 💻")}
 `);

package/package.json

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

package/templates/agent-generator/app.config.js

@@ -0,0 +1,99 @@
+import withAndroidSplits from './app.plugins.js';
+
+/**
+ * Best-practice Expo app.config.js
+ * Fully dynamic, schema-safe, ABI-split enabled
+ */
+export default ({ config }) => {
+    // Ambil environment EAS (development, staging, production)
+    const APP_ENV = process.env.APP_ENV ?? 'development';
+
+    // API URL berdasarkan env
+    const API_MAP = {
+        development: 'http://localhost:3000',
+        staging: 'https://api.staging.com',
+        production: 'https://api.production.com',
+    };
+
+    const apiBaseUrl = API_MAP[APP_ENV] ?? API_MAP.development;;
+
+    // Base Expo config
+    const base = {
+        name: 'APP_NAME',
+        slug: 'APP_SLUG',
+        version: '1.0.0',
+        orientation: 'portrait',
+        icon: './src/assets/images/icon.png',
+        scheme: 'APP_SCHEME',
+        userInterfaceStyle: 'automatic',
+
+        splash: {
+            image: './src/assets/images/splash-icon.png',
+            resizeMode: 'contain',
+            backgroundColor: '#ffffff',
+        },
+
+        assetBundlePatterns: ['src/assets/**/*'],
+
+        ios: {
+            supportsTablet: true,
+            bundleIdentifier: 'com.builder.APP_SCHEME',
+        },
+
+        android: {
+            package: 'com.builder.APP_SCHEME',
+            adaptiveIcon: {
+                foregroundImage: './src/assets/images/adaptive-icon.png',
+                backgroundColor: '#ffffff',
+            },
+            minSdkVersion: 23,
+        },
+
+        web: {
+            bundler: 'metro',
+            output: 'static',
+            favicon: './src/assets/images/favicon.png',
+        },
+
+        plugins: [
+            './app.plugins.js',
+            'expo-router',
+            [
+                'expo-secure-store',
+                {
+                    requireFullDiskAccess: false,
+                },
+            ],
+        ],
+
+        experiments: {
+            typedRoutes: true,
+        },
+
+        extra: {
+            eas: {
+                projectId: '3429d460-2085-4d18-8053-d2c5ec2cfeb3',
+            },
+            APP_ENV,
+            API_BASE_URL: apiBaseUrl,
+        },
+
+        updates: {
+            enabled: true,
+            checkAutomatically: 'ON_LOAD',
+        },
+
+        runtimeVersion: {
+            policy: 'sdkVersion',
+        },
+    };
+
+    // Merge config dari EAS + base
+    const merged = {
+        ...config,
+        ...base,
+    };
+
+    // Tambah ABI splits
+    return withAndroidSplits(merged);
+};

package/templates/agent-generator/app.plugins.js

@@ -0,0 +1,17 @@
+module.exports = function withAndroidConfig(config) {
+    if (!config.android) config.android = {};
+
+    // 1. Split ABI
+    config.android.splits = { abi: true };
+
+    // 2. Aktifkan ProGuard + Shrink resources di release build
+    if (!config.modResults) config.modResults = {};
+
+    config.modResults = {
+        ...config.modResults,
+        enableProguardInReleaseBuilds: true,
+        enableShrinkResources: true,
+    };
+
+    return config;
+};

package/templates/agent-generator/babel.config.js

@@ -17,6 +17,7 @@ module.exports = function (api) {
             '@types': './src/types',
             '@utils': './src/utils',
             '@contexts': './src/contexts',
+            '@store': './src/store',
             '@hooks': './src/hooks',
             '@theme': './src/theme',
             '@assets': './src/assets'

package/templates/agent-generator/eas.json

@@ -1,6 +1,7 @@
 {
   "cli": {
-    "version": ">= 3.0.0"
+    "version": ">= 3.0.0",
+    "appVersionSource": "remote"
   },
   "build": {
     "development": {
@@ -10,22 +11,33 @@
       "env": {
         "APP_ENV": "development",
         "API_BASE_URL": "http://localhost:3000"
+      },
+      "android": {
+        "buildType": "apk"
       }
     },
     "staging": {
       "distribution": "internal",
       "autoIncrement": true,
+      "developmentClient": false,
       "env": {
         "APP_ENV": "staging",
         "API_BASE_URL": "https://api.staging.com"
+      },
+      "android": {
+        "buildType": "apk"
       }
     },
     "production": {
       "distribution": "store",
       "autoIncrement": true,
+      "developmentClient": false,
       "env": {
         "APP_ENV": "production",
         "API_BASE_URL": "https://api.production.com"
+      },
+      "android": {
+        "buildType": "app-bundle"
       }
     }
   },
@@ -39,4 +51,4 @@
       }
     }
   }
-}
+}

package/templates/agent-generator/package.json

@@ -3,27 +3,39 @@
   "version": "1.0.0",
   "main": "expo-router/entry",
   "scripts": {
-    "start": "expo start --clear",
-    "start:staging": "expo start --clear --config app.staging.json",
-    "start:prod": "expo start --clear --config app.prod.json",
+    "start": "EXPO_USE_DEV_SERVER=false expo start --clear --go",
+    "start:staging": "EXPO_USE_DEV_SERVER=false APP_ENV=staging expo start --clear --go",
+    "start:prod": "EXPO_USE_DEV_SERVER=false APP_ENV=production expo start --clear --go",
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
     "lint": "eslint .",
     "type-check": "tsc --noEmit",
-    "build": "eas build --profile development --platform all --local",
-    "build:staging": "eas build --profile staging --platform all --local --config app.staging.json",
-    "build:prod": "eas build --profile production --platform all --local --config app.prod.json",
-    "build:android": "eas build --profile development --platform android --local",
-    "build:ios": "eas build --profile development --platform ios --local",
+    "build": "eas build --platform all --local --profile development",
+    "build:staging": "eas build --platform all --local --profile staging",
+    "build:prod": "eas build --platform all --local --profile production",
+
+    "build:android": "eas build --platform android --local --profile development",
+    "build:ios": "eas build --platform ios --local --profile development ",
+
+    "build:eas:ios:dev": "eas build --platform ios --profile development",
+    "build:eas:android:dev": "eas build --platform android --profile development",
+
+    "build:eas:ios:staging": "eas build --platform ios --profile staging",
+    "build:eas:android:staging": "eas build --platform android --profile staging",
+
+    "build:eas:ios:production": "eas build --platform ios --profile production",
+    "build:eas:android:production": "eas build --platform android --profile production",
+
     "prebuild": "expo prebuild --clean",
-    "clean": "rm -rf node_modules && rm -rf .expo && rm -rf android && rm -rf ios && npm install"
+    "clean": "rm -rf node_modules && rm -rf .expo && rm -rf android && rm -rf ios && npm install",
+    "doctor": "npx expo-doctor --verbose"
   },
   "dependencies": {
     "@expo/vector-icons": "^15.0.2",
     "@lucide/lab": "^0.1.2",
-    "@react-native-async-storage/async-storage": "^1.21.0",
-    "@react-native-community/datetimepicker": "^8.2.0",
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@react-native-community/datetimepicker": "8.4.4",
     "@tanstack/react-query": "^5.51.0",
     "axios": "^1.7.2",
     "babel-preset-expo": "^54.0.5",
@@ -32,7 +44,9 @@
     "expo-background-fetch": "~14.0.7",
     "expo-blur": "~15.0.7",
     "expo-camera": "~17.0.8",
+    "expo-checkbox": "~5.0.7",
     "expo-constants": "~18.0.9",
+    "expo-dev-client": "~6.0.18",
     "expo-file-system": "~19.0.17",
     "expo-font": "~14.0.8",
     "expo-haptics": "~15.0.7",
@@ -40,12 +54,12 @@
     "expo-linear-gradient": "~15.0.7",
     "expo-linking": "~8.0.8",
     "expo-local-authentication": "~17.0.7",
-    "expo-location": "~18.0.8",
+    "expo-location": "~19.0.7",
     "expo-navigation-bar": "~5.0.9",
     "expo-notifications": "~0.32.12",
     "expo-router": "~6.0.12",
     "expo-secure-store": "~15.0.7",
-    "expo-sensors": "~13.0.8",
+    "expo-sensors": "~15.0.7",
     "expo-sharing": "~14.0.7",
     "expo-splash-screen": "~31.0.10",
     "expo-status-bar": "~3.0.8",
@@ -58,10 +72,10 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-hook-form": "^7.66.0",
-    "react-native": "0.81.4",
+    "react-native": "0.81.5",
     "react-native-dotenv": "^3.4.11",
     "react-native-gesture-handler": "~2.28.0",
-    "react-native-maps": "1.18.0",
+    "react-native-maps": "1.20.1",
     "react-native-modal": "^13.0.1",
     "react-native-paper": "^5.12.3",
     "react-native-reanimated": "~4.1.1",
@@ -74,14 +88,12 @@
     "react-native-web": "^0.21.0",
     "react-native-webview": "13.15.0",
     "react-native-worklets": "0.5.1",
-    "zustand": "^5.0.0",
-    "expo-checkbox": "~5.0.7"
+    "zustand": "^5.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@types/react": "~19.1.10",
-    "@types/react-native": "^0.73.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
@@ -90,5 +102,8 @@
     "tailwindcss": "^3.4.13",
     "typescript": "~5.9.2"
   },
+  "volta": {
+    "node": "20.19.5"
+  },
   "private": true
-}
+}

package/templates/agent-generator/tsconfig.json

@@ -12,6 +12,7 @@
       "@types/*": ["src/types/*"],
       "@utils/*": ["src/utils/*"],
       "@contexts/*": ["src/contexts/*"],
+      "@store/*": ["src/store/*"],
       "@hooks/*": ["src/hooks/*"],
       "@theme/*": ["src/theme/*"],
       "@assets/*": ["src/assets/*"]

package/templates/agent-generator/.claude/settings.local.json

@@ -1,9 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(tree:*)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}

package/templates/agent-generator/app.json

@@ -1,58 +0,0 @@
-{
-  "expo": {
-    "name": "APP_NAME",
-    "slug": "APP_SLUG",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./src/assets/images/icon.png",
-    "scheme": "myapp",
-    "userInterfaceStyle": "automatic",
-    "splash": {
-      "image": "./src/assets/images/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "assetBundlePatterns": ["**/*"],
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "com.yourname.APP_SLUG"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "foregroundImage": "./src/assets/images/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
-      },
-      "package": "com.yourname.APP_SLUG",
-      "versionCode": 1
-    },
-    "web": {
-      "bundler": "metro",
-      "output": "static",
-      "favicon": "./src/assets/images/favicon.png"
-    },
-    "plugins": [
-      "expo-router",
-      [
-        "expo-secure-store",
-        {
-          "requireFullDiskAccess": false
-        }
-      ]
-    ],
-    "experiments": {
-      "typedRoutes": true
-    },
-    "extra": {
-      "eas": {
-        "projectId": ""
-      }
-    },
-    "updates": {
-      "enabled": true,
-      "checkAutomatically": "ON_LOAD"
-    },
-    "runtimeVersion": {
-      "policy": "sdkVersion"
-    }
-  }
-}

package/templates/agent-generator/app.prod.json

@@ -1,60 +0,0 @@
-{
-  "expo": {
-    "name": "APP_NAME", 
-    "slug": "APP_SLUG",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./src/assets/images/icon.png",
-    "scheme": "myapp",
-    "userInterfaceStyle": "automatic",
-    "splash": {
-      "image": "./src/assets/images/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "assetBundlePatterns": ["**/*"],
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "com.yourname.APP_SLUG"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "foregroundImage": "./src/assets/images/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
-      },
-      "package": "com.yourname.APP_SLUG",
-      "versionCode": 1
-    },
-    "web": {
-      "bundler": "metro",
-      "output": "static",
-      "favicon": "./src/assets/images/favicon.png"
-    },
-    "plugins": [
-      "expo-router",
-      [
-        "expo-secure-store",
-        {
-          "requireFullDiskAccess": false
-        }
-      ]
-    ],
-    "experiments": {
-      "typedRoutes": true
-    },
-    "extra": {
-      "eas": {
-        "projectId": ""
-      },
-      "BASE_URL": "https://api.production.com",
-      "ENV": "production"
-    },
-    "updates": {
-      "enabled": true,
-      "checkAutomatically": "ON_LOAD"
-    },
-    "runtimeVersion": {
-      "policy": "sdkVersion"
-    }
-  }
-}

package/templates/agent-generator/app.staging.json

@@ -1,60 +0,0 @@
-{
-  "expo": {
-    "name": "APP_NAME", 
-    "slug": "APP_SLUG",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./src/assets/images/icon.png",
-    "scheme": "myapp",
-    "userInterfaceStyle": "automatic",
-    "splash": {
-      "image": "./src/assets/images/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "assetBundlePatterns": ["**/*"],
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "com.yourname.APP_SLUG"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "foregroundImage": "./src/assets/images/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
-      },
-      "package": "com.yourname.APP_SLUG",
-      "versionCode": 1
-    },
-    "web": {
-      "bundler": "metro",
-      "output": "static",
-      "favicon": "./src/assets/images/favicon.png"
-    },
-    "plugins": [
-      "expo-router",
-      [
-        "expo-secure-store",
-        {
-          "requireFullDiskAccess": false
-        }
-      ]
-    ],
-    "experiments": {
-      "typedRoutes": true
-    },
-    "extra": {
-      "eas": {
-        "projectId": ""
-      },
-      "BASE_URL": "https://api.staging.com",
-      "ENV": "staging"
-    },
-    "updates": {
-      "enabled": true,
-      "checkAutomatically": "ON_LOAD"
-    },
-    "runtimeVersion": {
-      "policy": "sdkVersion"
-    }
-  }
-}

package/templates/simple/.claude/settings.local.json

@@ -1,11 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(cat:*)",
-      "Bash(chmod:*)",
-      "Bash(tree:*)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}