create-ern-boilerplate 0.0.21 → 0.0.22

package/package.json

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

package/templates/default_draft/README.md

@@ -0,0 +1,3 @@
+# Expo React Native Boilerplate
+
+A comprehensive boilerplate for building React Native applications with Expo, featuring authentication, theming, and a clean architecture.

package/templates/{simple/app/(admin)/profile.tsx → default_draft/app/(admin)/draft_profile.tsx}

@@ -11,13 +11,13 @@ import {
   Image,
 } from 'react-native';
 import { User, Mail, Phone, MapPin, Calendar, Edit2, Save, X } from 'lucide-react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
-import { useUsers } from '@/hooks/useUsers';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useUsers } from '@/hooks/draft_useUsers';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { useRouter } from 'expo-router';
-import { UpdateUserInput } from '@/types/user.types';
+import { UpdateUserInput } from '@/types/draft_user.types';
 
 export default function ProfileScreen() {
   const { colors } = useTheme();

package/templates/{simple/app/(admin)/user-management.tsx → default_draft/app/(admin)/draft_userManagement.tsx}

@@ -12,15 +12,15 @@ import {
   FlatList,
 } from 'react-native';
 import { Search, UserPlus, Filter, X } from 'lucide-react-native';
-import { useTheme } from '@hooks/useTheme';
-import { CreateUserInput, UpdateUserInput } from '@/types/user.types';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { CreateUserInput, UpdateUserInput } from '@/types/draft_user.types';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { useRouter } from 'expo-router';
 import Toast from 'react-native-toast-message';
 
 // Custom Hook
-import { useUsers } from '@/hooks/useUsers';
+import { useUsers } from '@/hooks/draft_useUsers';
 
 // Components
 import { UserCard } from '@/components/users/UserCard';

package/templates/{simple → default_draft}/app/(auth)/_layout.tsx

@@ -1,7 +1,7 @@
 import { Slot, useRouter } from 'expo-router';
 import { useContext, useEffect } from 'react';
 import { View, ActivityIndicator } from 'react-native';
-import { AuthContext } from '@/contexts/AuthContext';
+import { AuthContext } from '@/contexts/draft_AuthContext';
 
 export default function AuthLayout() {
   const { isAuthenticated, isLoading } = useContext(AuthContext);
@@ -9,7 +9,7 @@ export default function AuthLayout() {
 
   useEffect(() => {
     if (!isLoading && isAuthenticated) {
-      router.replace('/(protected)/home'); // atau '/(tabs)' kalau kamu pakai tab navigation
+      router.replace('/(protected)/draft_home'); // atau '/(tabs)' kalau kamu pakai tab navigation
     }
   }, [isLoading, isAuthenticated]);
 

package/templates/{simple/app/(auth)/login.tsx → default_draft/app/(auth)/draft_login.tsx}

@@ -16,12 +16,12 @@ import { Link } from 'expo-router';
 import { Mail, Lock, Eye, EyeOff, LogIn, Sparkles, TentTree, Biohazard, Fingerprint } from 'lucide-react-native';
 import * as LocalAuthentication from 'expo-local-authentication';
 import * as SecureStore from 'expo-secure-store';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { Button } from '@/components/common/Button';
-import { validation } from '@/utils/validation';
-import { APP_CONFIG } from '@/utils/constants';
+import { APP_CONFIG } from '@/utils/draft_constants';
 import Toast from 'react-native-toast-message';
+import { validation } from '@/utils/draft_validation';
 
 const { width, height } = Dimensions.get('window');
 
@@ -525,7 +525,7 @@ export default function LoginScreen() {
               <Text style={[styles.signUpText, { color: colors.textSecondary }]}>
                 Don't have an account?{' '}
               </Text>
-              <Link href="/(auth)/register" asChild>
+              <Link href="/(auth)/draft_register" asChild>
                 <TouchableOpacity activeOpacity={0.7}>
                   <Text style={[styles.signUpLink, { color: colors.primary }]}>
                     Sign Up

package/templates/{simple/app/(auth)/register.tsx → default_draft/app/(auth)/draft_register.tsx}

@@ -14,10 +14,10 @@ import {
 } from 'react-native';
 import { Link } from 'expo-router';
 import { User, Mail, Lock, Eye, EyeOff, UserPlus, Sparkles, CheckCircle2 } from 'lucide-react-native';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { Button } from '@/components/common/Button';
-import { validation } from '@/utils/validation';
+import { validation } from '@/utils/draft_validation';
 
 const { width, height } = Dimensions.get('window');
 
@@ -340,7 +340,7 @@ export default function RegisterScreen() {
               <Text style={[styles.signInText, { color: colors.textSecondary }]}>
                 Already have an account?{' '}
               </Text>
-              <Link href="/(auth)/login" asChild>
+              <Link href="/(auth)/draft_register" asChild>
                 <TouchableOpacity activeOpacity={0.7}>
                   <Text style={[styles.signInLink, { color: colors.primary }]}>
                     Sign In

package/templates/{simple → default_draft}/app/(protected)/_layout.tsx

@@ -3,8 +3,8 @@ import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native
 import { Tabs, Redirect } from 'expo-router';
 import { Home, User, Settings } from 'lucide-react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 
 export default function MainLayout() {
   const { colors } = useTheme();
@@ -13,7 +13,7 @@ export default function MainLayout() {
 
   // Redirect to login if not authenticated
   if (!isAuthenticated) {
-    return <Redirect href="/(auth)/login" />;
+    return <Redirect href="/(auth)/draft_login" />;
   }
 
   // Check if user is admin
@@ -48,7 +48,7 @@ export default function MainLayout() {
       }}
     >
       <Tabs.Screen
-        name="home"
+        name="draft_home"
         options={{
           title: 'Home',
           tabBarIcon: ({ color, focused }) => (
@@ -63,7 +63,7 @@ export default function MainLayout() {
       />
 
       <Tabs.Screen
-        name="settings"
+        name="draft_settings"
         options={{
           title: 'Settings',
           tabBarIcon: ({ color, focused }) => (

package/templates/{simple/app/(protected)/home.tsx → default_draft/app/(protected)/draft_home.tsx}

@@ -8,11 +8,11 @@ import {
   ActivityIndicator,
   Dimensions,
 } from 'react-native';
-import { useTheme } from '@/hooks/useTheme';
-import { useAuth } from '@/hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 import { useRouter } from 'expo-router';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import Toast from 'react-native-toast-message';
 
 const { width } = Dimensions.get('window');
@@ -55,7 +55,7 @@ export default function HomeScreen() {
 
 
   const handleProfilePress = () => {
-    router.push('/(protected)/settings');
+    router.push('/(protected)/draft_settings');
   };
 
 

package/templates/{simple/app/(protected)/settings.tsx → default_draft/app/(protected)/draft_settings.tsx}

@@ -21,10 +21,10 @@ import {
   Globe,
   User,
 } from 'lucide-react-native';
-import { useTheme } from '@hooks/useTheme';
-import { useAuth } from '@hooks/useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
 import { useRouter } from 'expo-router';
-import { AppHeader } from '@/components/header/AppHeader';
+import { AppHeader } from '@/components/header/draft_AppHeader';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 export default function SettingsScreen() {
@@ -49,7 +49,7 @@ export default function SettingsScreen() {
           style: 'destructive',
           onPress: async () => {
             await logout();
-            router.replace('/(auth)/login');
+            router.replace('/(auth)/draft_login');
           },
         },
       ]
@@ -133,7 +133,7 @@ export default function SettingsScreen() {
             icon={User}
             title="My Profile"
             subtitle="Manage your personal information"
-            onPress={() => router.push('/(admin)/profile')}
+            onPress={() => router.push('/(admin)/draft_profile')}
           />
         </SettingSection>
 
@@ -202,7 +202,7 @@ export default function SettingsScreen() {
               icon={Users}
               title="User Management"
               subtitle="Manage users and permissions"
-              onPress={() => router.push('/(admin)/user-management')}
+              onPress={() => router.push('/(admin)/draft_userManagement')}
             />
             <SettingItem
               icon={Globe}

package/templates/{simple → default_draft}/app/_layout.tsx

@@ -1,6 +1,6 @@
 import { Stack } from 'expo-router';
-import { AuthProvider } from '@/contexts/AuthContext';
-import { ThemeProvider } from '@contexts/ThemeContext';
+import { AuthProvider } from '@/contexts/draft_AuthContext';
+import { ThemeProvider } from '@/contexts/draft_ThemeContext';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import '../global.css';
 import Toast from 'react-native-toast-message';

package/templates/{simple → default_draft}/src/components/auth/ProtectedRoute.tsx

@@ -2,8 +2,8 @@
 import React from 'react';
 import { View, Text, StyleSheet, ActivityIndicator } from 'react-native';
 import { Redirect } from 'expo-router';
-import { useAuth } from '@/hooks/useAuth';
-import { useTheme } from '@/hooks/useTheme';
+import { useAuth } from '@/hooks/draft_useAuth';
+import { useTheme } from '@/hooks/draft_useTheme';
 import { ShieldAlert } from 'lucide-react-native';
 
 interface ProtectedRouteProps {

package/templates/{simple → default_draft}/src/components/common/Card.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, ViewProps } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface CardProps extends ViewProps {
   children: React.ReactNode;

package/templates/{simple → default_draft}/src/components/common/Input.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { View, TextInput, Text, TouchableOpacity, TextInputProps } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface InputProps extends TextInputProps {
   label?: string;

package/templates/{simple → default_draft}/src/components/common/Loading.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, ActivityIndicator, Text } from 'react-native';
-import { useTheme } from '@hooks/useTheme';
+import { useTheme } from '@/hooks/draft_useTheme';
 
 interface LoadingProps {
   text?: string;

package/templates/{simple → default_draft}/src/components/users/FilterModal.tsx

@@ -2,7 +2,7 @@
 import React, { useState } from 'react';
 import { View, Text, Modal, TouchableOpacity, StyleSheet } from 'react-native';
 import { X } from 'lucide-react-native';
-import { UserFilters } from '@/types/user.types';
+import { UserFilters } from '@/types/draft_user.types';
 
 interface FilterModalProps {
   visible: boolean;

package/templates/{simple → default_draft}/src/components/users/UserCard.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
 import { MoreVertical, Edit2, Shield, Trash2 } from 'lucide-react-native';
-import { UserData } from '@/types/user.types';
+import { UserData } from '@/types/draft_user.types';
 
 interface UserCardProps {
     user: UserData;

package/templates/{simple → default_draft}/src/components/users/UserFormModal.tsx

@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from 'react';
 import { View, Text, Modal, TouchableOpacity, StyleSheet, ActivityIndicator } from 'react-native';
 import { X } from 'lucide-react-native';
-import { CreateUserInput, UpdateUserInput } from '@/types/user.types';
+import { CreateUserInput, UpdateUserInput } from '@/types/draft_user.types';
 import Toast from 'react-native-toast-message';
 import { FormInput } from '@/components/shared/FormInput';
 import { RoleSelector } from '@/components/shared/RoleSelector';

package/templates/{simple/src/contexts/AuthContext.tsx → default_draft/src/contexts/draft_AuthContext.tsx}

@@ -1,8 +1,8 @@
 import React, { createContext, useState, useEffect, ReactNode } from 'react';
 import { router } from 'expo-router';
-import { authService } from '@services/authService';
-import { storage } from '@utils/storage';
-import { User, LoginCredentials, RegisterData } from '@/types/auth.types';
+import { authService } from '@/services/draft_authService';
+import { storage } from '@/utils/draft_storage';
+import { User, LoginCredentials, RegisterData } from '@/types/draft_auth.types';
 
 interface AuthContextType {
   user: User | null;
@@ -49,7 +49,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
       const response = await authService.login(credentials);
       await storage.setToken(response.token);
       setUser(response.user);
-      router.replace('/(protected)/home');
+      router.replace('/(protected)/draft_home');
     } catch (error) {
       throw error;
     }
@@ -60,7 +60,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
       const response = await authService.register(data);
       await storage.setToken(response.token);
       setUser(response.user);
-      router.replace('/(protected)/home');
+      router.replace('/(protected)/draft_home');
     } catch (error) {
       throw error;
     }
@@ -70,7 +70,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
     try {
       await storage.removeToken();
       setUser(null);
-      router.replace('/(auth)/login');
+      router.replace('/(auth)/draft_login');
     } catch (error) {
       console.error('Error logging out:', error);
     }

package/templates/{simple/src/contexts/ThemeContext.tsx → default_draft/src/contexts/draft_ThemeContext.tsx}

@@ -1,7 +1,7 @@
 import React, { createContext, useState, useEffect, ReactNode } from 'react';
 import { useColorScheme } from 'react-native';
-import { storage } from '@/utils/storage';
-import { colors } from '@/theme/colors';
+import { storage } from '@/utils/draft_storage';
+import { colors } from '@/theme/draft_colors';
 
 type ThemeMode = 'light' | 'dark' | 'auto';
 

package/templates/{simple/src/hooks/useAuth.ts → default_draft/src/hooks/draft_useAuth.ts}

@@ -1,5 +1,5 @@
 import { useState, useEffect, useContext, createContext } from "react";
-import { AuthContext } from '@contexts/AuthContext';
+import { AuthContext } from '@/contexts/draft_AuthContext';
 
 export function useAuth() {
   const context = useContext(AuthContext);

package/templates/{simple/src/hooks/useTheme.ts → default_draft/src/hooks/draft_useTheme.ts}

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ThemeContext } from '@contexts/ThemeContext';
+import { ThemeContext } from '@/contexts/draft_ThemeContext';
 
 export function useTheme() {
   const context = useContext(ThemeContext);

package/templates/{simple/src/hooks/useUsers.ts → default_draft/src/hooks/draft_useUsers.ts}

@@ -1,7 +1,7 @@
 // hooks/useUsers.ts
 import { useState, useEffect, useCallback } from 'react';
-import { userService } from '@/services/userService';
-import { CreateUserInput, UpdateUserInput, UserData, UserFilters } from '@/types/user.types';
+import { userService } from '@/services/draft_userService';
+import { CreateUserInput, UpdateUserInput, UserData, UserFilters } from '@/types/draft_user.types';
 import Toast from 'react-native-toast-message';
 
 const ITEMS_PER_PAGE = 10;

package/templates/{simple/src/services/api.ts → default_draft/src/services/draft_api.ts}

@@ -1,7 +1,7 @@
 import axios, { AxiosInstance, AxiosError, InternalAxiosRequestConfig } from 'axios';
-import { API_CONFIG, ERROR_MESSAGES } from '@utils/constants';
-import { storage } from '@utils/storage';
-import { ApiError } from '@/types/api.types';
+import { API_CONFIG, ERROR_MESSAGES } from '@/utils/draft_constants';
+import { storage } from '@/utils/draft_storage';
+import { ApiError } from '@/types/draft_api.types';
 
 class ApiService {
   private api: AxiosInstance;

package/templates/{simple/src/services/authService.ts → default_draft/src/services/draft_authService.ts}

@@ -1,6 +1,6 @@
-import { api } from './api';
-import { LoginCredentials, RegisterData, AuthResponse, User } from '@/types/auth.types';
-import { API_CONFIG } from '@utils/constants';
+import { api } from './draft_api';
+import { LoginCredentials, RegisterData, AuthResponse, User } from '@/types/draft_auth.types';
+import { API_CONFIG } from '@/utils/draft_constants';
 import { mockApi } from './mockApi';
 
 class AuthService {

package/templates/{simple/src/services/productService.ts → default_draft/src/services/draft_productService.ts}

@@ -1,7 +1,7 @@
-import { api } from './api';
+import { api } from './draft_api';
 import { mockApi } from './mockApi';
-import { API_CONFIG } from '@utils/constants';
-import { Product, ProductWithCategory, Category, CreateProductData, UpdateProductData } from '@/types/product.types';
+import { API_CONFIG } from '@/utils/draft_constants';
+import { Product, ProductWithCategory, Category, CreateProductData, UpdateProductData } from '@/types/draft_product.types';
 
 interface ProductQueryParams {
   search?: string;

package/templates/{simple/src/services/userService.ts → default_draft/src/services/draft_userService.ts}

@@ -1,12 +1,12 @@
-import { api } from './api';
+import { api } from './draft_api';
 // import { mockApi } from './mockApi';
-import { API_CONFIG } from '@utils/constants';
+import { API_CONFIG } from '@/utils/draft_constants';
 import {
     UserData,
     CreateUserInput,
     UpdateUserInput,
     UserFilters
-} from '@/types/user.types';
+} from '@/types/draft_user.types';
 import { mockApi } from './mockApi';
 
 class UserService {

package/templates/{simple/src/services/mockApi/auth.mock.ts → default_draft/src/services/mockApi/draft_auth.mock.ts}

@@ -1,4 +1,4 @@
-import { User, AuthResponse } from '@/types/auth.types';
+import { User, AuthResponse } from '@/types/draft_auth.types';
 import * as db from 'server/db.json';
 
 let users: User[] = [...db.users];

package/templates/{simple/src/services/mockApi/categories.mock.ts → default_draft/src/services/mockApi/draft_categories.mock.ts}

@@ -1,4 +1,4 @@
-import { Category } from '@/types/product.types';
+import { Category } from '@/types/draft_product.types';
 import * as db from 'server/db.json';
 
 let categories: Category[] = [...db.categories];

package/templates/{simple/src/services/mockApi/products.mock.ts → default_draft/src/services/mockApi/draft_products.mock.ts}

@@ -1,5 +1,5 @@
 // products.mock.ts
-import { CreateProductData, Product, ProductFilters, UpdateProductData } from '@/types/product.types';
+import { CreateProductData, Product, ProductFilters, UpdateProductData } from '@/types/draft_product.types';
 import * as db from 'server/db.json';
 
 let products: Product[] = [...db.products];

package/templates/{simple/src/services/mockApi/users.mock.ts → default_draft/src/services/mockApi/draft_users.mock.ts}

@@ -1,5 +1,5 @@
-import { User } from '@/types/auth.types';
-import { CreateUserInput, UpdateUserInput, UserFilters } from '@/types/user.types';
+import { User } from '@/types/draft_auth.types';
+import { CreateUserInput, UpdateUserInput, UserFilters } from '@/types/draft_user.types';
 import * as db from 'server/db.json';
 
 let users: User[] = [...db.users];

package/templates/{simple → default_draft}/src/services/mockApi/index.ts

@@ -1,7 +1,7 @@
-import * as authHandlers from './auth.mock';
-import * as userHandlers from './users.mock';
-import * as productHandlers from './products.mock';
-import * as categoryHandlers from './categories.mock';
+import * as authHandlers from './draft_auth.mock';
+import * as userHandlers from './draft_users.mock';
+import * as productHandlers from './draft_products.mock';
+import * as categoryHandlers from './draft_categories.mock';
 
 const delay = (ms = 150) => new Promise(r => setTimeout(r, ms));
 

package/templates/{simple/src/utils/validation.ts → default_draft/src/utils/draft_validation.ts}

@@ -1,4 +1,4 @@
-import { VALIDATION } from './constants';
+import { VALIDATION } from './draft_constants';
 
 export const validation = {
   email: (email: string): string | null => {