create-ern-boilerplate 0.0.33 → 0.0.34

package/package.json

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

package/templates/agent-generator/src/hooks/useAuth.ts

@@ -1,12 +1,23 @@
-import { useState, useEffect, useContext, createContext } from "react";
-import { AuthContext } from '@contexts/AuthContext';
+import { useAuthStore } from '@/store/authStore';
 
+/**
+ * Hook for accessing authentication state and actions
+ * Uses Zustand store for global state management
+ */
 export function useAuth() {
-  const context = useContext(AuthContext);
-  
-  if (!context) {
-    throw new Error('useAuth must be used within an AuthProvider');
-  }
-  
-  return context;
+  const user = useAuthStore((state) => state.user);
+  const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
+  const isLoading = useAuthStore((state) => state.isLoading);
+  const login = useAuthStore((state) => state.login);
+  const logout = useAuthStore((state) => state.logout);
+  const checkAuth = useAuthStore((state) => state.checkAuth);
+
+  return {
+    user,
+    isAuthenticated,
+    isLoading,
+    login,
+    logout,
+    checkAuth,
+  };
 }

package/templates/agent-generator/src/hooks/useTheme.ts

@@ -1,12 +1,18 @@
-import { useContext } from 'react';
-import { ThemeContext } from '@contexts/ThemeContext';
+import { useThemeStore } from '@/store/themeStore';
 
+/**
+ * Hook for accessing theme state and actions
+ * Uses Zustand store for global state management
+ */
 export function useTheme() {
-  const context = useContext(ThemeContext);
-  
-  if (!context) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  
-  return context;
+  const colorScheme = useThemeStore((state) => state.colorScheme);
+  const setColorScheme = useThemeStore((state) => state.setColorScheme);
+  const toggleColorScheme = useThemeStore((state) => state.toggleColorScheme);
+
+  return {
+    colorScheme,
+    setColorScheme,
+    toggleColorScheme,
+    isDark: colorScheme === 'dark',
+  };
 }

package/templates/agent-generator/src/store/themeStore.ts

@@ -8,13 +8,19 @@ interface ThemeState {
   colorScheme: ColorSchemeName;
   setThemeMode: (mode: ThemeMode) => void;
   setColorScheme: (scheme: ColorSchemeName) => void;
+  toggleColorScheme: () => void;
 }
 
-export const useThemeStore = create<ThemeState>((set) => ({
+export const useThemeStore = create<ThemeState>((set, get) => ({
   mode: 'auto',
   colorScheme: 'light',
 
   setThemeMode: (mode) => set({ mode }),
 
   setColorScheme: (scheme) => set({ colorScheme: scheme }),
+
+  toggleColorScheme: () => {
+    const currentScheme = get().colorScheme;
+    set({ colorScheme: currentScheme === 'dark' ? 'light' : 'dark' });
+  },
 }));