CI/CD Works

.gitea/workflows/build-apk.yml

@@ -36,28 +36,9 @@ jobs:
       - name: ⚙️ Expo prebuild
         run: npx expo prebuild --clean --non-interactive
 
-      - name: 🔐 Decode Keystore
-        run: |
-          echo "${{ secrets.KEYSTORE_BASE64 }}" | base64 --decode > android/release.keystore
-
       - name: 🏗️ Build APK (Release)
         working-directory: ./apk/android
-        run: |
-          ./gradlew assembleRelease
-      - name: 📤 Upload APK Artifact
-        uses: actions/upload-artifact@v3
-        with:
-          name: app-release-apk
-          path: apk/android/app/build/outputs/apk/release/app-release.apk
-  release:
-    runs-on: docker
-    needs: [build]
-    steps:
-      - name: Download Web Artifact
-        uses: actions/download-artifact@v3
-        with:
-          name: app-release-apk
-          path: dist
+        run: ./gradlew assembleRelease --stacktrace --no-daemon
 
       - name: Create Release
         uses: https://gitea.com/actions/gitea-release-action@v1
@@ -66,6 +47,6 @@ jobs:
           name: Latest Build
           overwrite_files: true
           files: |
-            dist/app-release-apk.zip
+            - ./apk/android/app/build/outputs/apk/release/app-release.apk
         env:
           GITEA_TOKEN: ${{ secrets.GITEA }}

apk/app/(auth)/_layout.tsx

@@ -1,5 +0,0 @@
-import { Stack } from "expo-router";
-
-export default function AuthLayout() {
-  return <Stack screenOptions={{ headerShown: false }} />;
-}

apk/app/(auth)/login.tsx

@@ -1,149 +0,0 @@
-import React, { useState } from "react";
-import { View, Text, TextInput, TouchableOpacity, StyleSheet } from "react-native";
-import { useAuth } from "@/context/auth-context";
-import { router } from "expo-router";
-
-export default function AuthScreen() {
-  const [isLogin, setIsLogin] = useState(true);
-
-  return isLogin ? (
-    <LoginScreen onSwitch={() => setIsLogin(false)} />
-  ) : (
-    <RegisterScreen onSwitch={() => setIsLogin(true)} />
-  );
-}
-
-function LoginScreen({ onSwitch }) {
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const { login } = useAuth();
-
-  const handleLogin = async () => {
-    const loginResult = await login(email, password);
-    if (loginResult) {
-        console.log("Login successful");
-        router.replace("/(tabs)");
-    }
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Welcome Back</Text>
-
-      <TextInput
-        style={styles.input}
-        placeholder="Email"
-        value={email}
-        onChangeText={setEmail}
-        keyboardType="email-address"
-        autoCapitalize="none"
-      />
-
-      <TextInput
-        style={styles.input}
-        placeholder="Password"
-        value={password}
-        onChangeText={setPassword}
-        secureTextEntry
-      />
-
-      <TouchableOpacity style={styles.button} onPress={handleLogin}>
-        <Text style={styles.buttonText}>Login</Text>
-      </TouchableOpacity>
-
-      <TouchableOpacity onPress={onSwitch}>
-        <Text style={styles.link}>Don&apos;t have an account? Register</Text>
-      </TouchableOpacity>
-    </View>
-  );
-}
-
-function RegisterScreen({ onSwitch }) {
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-
-  const handleRegister = () => {
-    console.log("Register ->", { name, email, password });
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Create Account</Text>
-
-      <TextInput
-        style={styles.input}
-        placeholder="Full Name"
-        value={name}
-        onChangeText={setName}
-      />
-
-      <TextInput
-        style={styles.input}
-        placeholder="Email"
-        value={email}
-        onChangeText={setEmail}
-        keyboardType="email-address"
-        autoCapitalize="none"
-      />
-
-      <TextInput
-        style={styles.input}
-        placeholder="Password"
-        value={password}
-        onChangeText={setPassword}
-        secureTextEntry
-      />
-
-      <TouchableOpacity style={styles.button} onPress={handleRegister}>
-        <Text style={styles.buttonText}>Register</Text>
-      </TouchableOpacity>
-
-      <TouchableOpacity onPress={onSwitch}>
-        <Text style={styles.link}>Already have an account? Login</Text>
-      </TouchableOpacity>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    padding: 20,
-    backgroundColor: "#f5f5f5",
-  },
-  title: {
-    fontSize: 28,
-    fontWeight: "bold",
-    marginBottom: 30,
-    textAlign: "center",
-  },
-  input: {
-    height: 50,
-    borderColor: "#ccc",
-    borderWidth: 1,
-    borderRadius: 10,
-    paddingHorizontal: 15,
-    marginBottom: 15,
-    backgroundColor: "#fff",
-  },
-  button: {
-    height: 50,
-    backgroundColor: "#4CAF50",
-    borderRadius: 10,
-    justifyContent: "center",
-    alignItems: "center",
-    marginTop: 10,
-  },
-  buttonText: {
-    color: "#fff",
-    fontSize: 16,
-    fontWeight: "bold",
-  },
-  link: {
-    marginTop: 15,
-    textAlign: "center",
-    color: "#007BFF",
-  },
-});

apk/app/(tabs)/_layout.tsx

@@ -1,25 +0,0 @@
-import { Tabs } from "expo-router";
-import { Ionicons } from "@expo/vector-icons";
-
-export default function TabsLayout() {
-  return (
-    <Tabs
-      screenOptions={{
-        headerShown: false,
-      }}
-    >
-      <Tabs.Screen name="index" options={{ 
-        title: "Birthdays",
-        tabBarIcon: ({ color, size }) => (
-          <Ionicons name="gift" size={size} color={color} />
-        ),
-        }} />
-      <Tabs.Screen name="settings" options={{ 
-        title: "Settings",
-        tabBarIcon: ({ color, size }) => (
-          <Ionicons name="settings" size={size} color={color} />
-        ),
-        }} />
-    </Tabs>
-  );
-}

apk/app/(tabs)/settings.tsx

@@ -1,148 +0,0 @@
-import React, { useState } from "react";
-import { StyleSheet, Text, View, TouchableOpacity, Alert } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-
-import { useRouter } from "expo-router";
-import { useAuth } from "@/context/auth-context";
-
-export default function SettingsScreen() {
-  const router = useRouter()
-  const { logout } = useAuth();
-  const [theme, setTheme] = useState("light"); // light | dark | system
-
-  const handleLogout = () => {
-    Alert.alert("Logout", "Are you sure you want to logout?", [
-      { text: "Cancel", style: "cancel" },
-      {
-        text: "Logout",
-        style: "destructive",
-        onPress: () => {
-          // TODO: clear auth state here
-          router.replace("/login");
-            logout();
-        },
-      },
-    ]);
-  };
-
-  const toggleTheme = (value) => {
-    setTheme(value);
-    // TODO: persist theme (AsyncStorage / context / zustand)
-  };
-
-  return (
-    <SafeAreaView style={styles.screen} edges={["top", "bottom"]}>
-      <View style={styles.content}>
-        
-        <Text style={styles.title}>Settings</Text>
-
-        {/* Theme Selector */}
-        <View style={styles.section}>
-          <Text style={styles.sectionTitle}>Theme</Text>
-
-          <View style={styles.row}>
-            <ThemeButton
-              label="Light"
-              active={theme === "light"}
-              onPress={() => toggleTheme("light")}
-            />
-            <ThemeButton
-              label="Dark"
-              active={theme === "dark"}
-              onPress={() => toggleTheme("dark")}
-            />
-            <ThemeButton
-              label="System"
-              active={theme === "system"}
-              onPress={() => toggleTheme("system")}
-            />
-          </View>
-        </View>
-
-        {/* Logout */}
-        <View style={styles.section}>
-          <Text style={styles.sectionTitle}>Account</Text>
-
-          <TouchableOpacity style={styles.logoutButton} onPress={handleLogout}>
-            <Text style={styles.logoutText}>Log Out</Text>
-          </TouchableOpacity>
-        </View>
-
-      </View>
-    </SafeAreaView>
-  );
-}
-
-function ThemeButton({ label, active, onPress }) {
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      style={[styles.themeButton, active && styles.themeButtonActive]}
-    >
-      <Text style={[styles.themeText, active && styles.themeTextActive]}>
-        {label}
-      </Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = StyleSheet.create({
-  screen: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  content: {
-    flex: 1,
-    paddingHorizontal: 16,
-    paddingTop: 12,
-  },
-  title: {
-    fontSize: 24,
-    fontWeight: "bold",
-    marginBottom: 20,
-  },
-
-  section: {
-    marginBottom: 24,
-  },
-  sectionTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    marginBottom: 10,
-  },
-
-  row: {
-    flexDirection: "row",
-    gap: 10,
-  },
-
-  themeButton: {
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: "#ccc",
-  },
-  themeButtonActive: {
-    backgroundColor: "#111",
-    borderColor: "#111",
-  },
-  themeText: {
-    color: "#333",
-    paddingHorizontal: 5,
-  },
-  themeTextActive: {
-    color: "#fff",
-  },
-
-  logoutButton: {
-    padding: 14,
-    borderRadius: 10,
-    backgroundColor: "#ff3b30",
-    alignItems: "center",
-  },
-  logoutText: {
-    color: "#fff",
-    fontWeight: "600",
-  },
-});

apk/app/_layout.tsx

@@ -1,11 +1,31 @@
-import RootNavigation from "@/components/views/root-navigation";
-import { AuthProvider } from "@/context/auth-context";
+import {
+  DarkTheme,
+  DefaultTheme,
+  ThemeProvider,
+} from "@react-navigation/native";
+import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import "react-native-reanimated";
 
+import { BirthdaysProvider } from "@/context/birthdays-context";
+import { useColorScheme } from "@/hooks/use-color-scheme";
+
+export const unstable_settings = {
+  anchor: "(tabs)",
+};
 
 export default function RootLayout() {
+  const colorScheme = useColorScheme();
+
   return (
-    <AuthProvider>
-      <RootNavigation />
-    </AuthProvider>
+    <BirthdaysProvider>
+      <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
+        <Stack>
+          <Stack.Screen name="index" options={{ headerShown: false }} />
+          <Stack.Screen name="add" options={{ headerShown: false }} />
+        </Stack>
+        <StatusBar style="auto" />
+      </ThemeProvider>
+    </BirthdaysProvider>
   );
 }

apk/app/index.tsx

@@ -14,11 +14,7 @@ export default function HomeScreen() {
         <View style={styles.actionsContainer}>
           <Text style={styles.title}>Upcoming Birthdays</Text>
           <TouchableOpacity
-            onPress={() => {
-              router.push("/add");
-            }
-            }
-
+            onPress={() => router.push("/add")}
             style={styles.addButton}
           >
             <Text style={styles.addButtonText}>+</Text>

apk/components/scroll-view.tsx

@@ -1,8 +1,10 @@
-import { StyleSheet, View } from "react-native";
+import { StyleSheet } from "react-native";
 import Animated, { useAnimatedRef } from "react-native-reanimated";
 
+import { useColorScheme } from "@/hooks/use-color-scheme";
 import { useThemeColor } from "@/hooks/use-theme-color";
 import { PropsWithChildren } from "react";
+import { View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 type Props = PropsWithChildren<{
@@ -12,6 +14,7 @@ type Props = PropsWithChildren<{
 export default function ScrollView({ children, headerBackgroundColor }: Props) {
   const scrollRef = useAnimatedRef<Animated.ScrollView>();
   const insets = useSafeAreaInsets();
+  const colorScheme = useColorScheme() ?? "light";
   const backgroundColor = useThemeColor({}, "background");
 
   return (

apk/components/views/loading-screen.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { View, Text, ActivityIndicator, StyleSheet } from "react-native";
-
-export default function LoadingScreen({ message = "Loading..." }) {
-  return (
-    <View style={styles.container}>
-      <ActivityIndicator size="large" color="#ffffff" />
-      <Text style={styles.text}>{message}</Text>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  text: {
-    marginTop: 10,
-    fontSize: 16,
-  },
-});

apk/components/views/root-navigation.tsx

@@ -1,36 +0,0 @@
-import { BirthdaysProvider } from "@/context/birthdays-context";
-import { useAuth } from "@/context/auth-context";
-import { Stack, router, useRootNavigationState, useSegments } from "expo-router";
-import React, { useEffect } from "react";
-import LoadingScreen from "./loading-screen";
-
-export default function RootLayout() {
-  const { user, isHydrated } = useAuth();
-  const navigationState = useRootNavigationState();
-  const segments = useSegments();
-  const [loaded, setLoaded] = React.useState(false);
-
-  useEffect(() => {
-  if (!isHydrated || !navigationState?.key) return;
-
-  const inAuthGroup = segments.length === 0;
-
-  if (!user) {
-    router.replace("/(auth)/login");
-  } else if (inAuthGroup) {
-    router.replace("/(tabs)");
-  }
-
-  setLoaded(true); // 👈 ALWAYS run this
-}, [isHydrated, navigationState?.key, segments, user]);
-
-  //if(!loaded) {
-  //  return (<LoadingScreen />); // or a loading spinner
-  //}
-
-  return (
-    <BirthdaysProvider>
-      <Stack screenOptions={{ headerShown: false }} />
-    </BirthdaysProvider>
-  );
-}

apk/context/auth-context.tsx

@@ -1,69 +0,0 @@
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import * as React from "react";
-
-interface User {
-    email: string;
-}
-
-interface AuthContextValue {
-    user: User | null;
-    isHydrated: boolean;
-    login: (email: string, password: string) => Promise<boolean>;
-    logout: () => Promise<void>;
-}
-
-const authContext = React.createContext<AuthContextValue | undefined>(undefined);
-const STORAGE_KEY = "user";
-
-export function AuthProvider({ children }: { children: React.ReactNode }) {
-    const [user, setUser] = React.useState<User | null>(null);
-    const [isHydrated, setIsHydrated] = React.useState(false);
-
-    React.useEffect(() => {
-        const restoreUser = async () => {
-            try {
-                const storedUser = await AsyncStorage.getItem(STORAGE_KEY);
-                if (storedUser) {
-                    setUser(JSON.parse(storedUser) as User);
-                }
-            } catch (error) {
-                console.log("Error restoring user", error);
-            } finally {
-                setIsHydrated(true);
-            }
-        };
-
-        restoreUser();
-    }, []);
-    
-    const login = async (email: string, password: string) => {
-        const fakeUser = { email };
-
-        await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(fakeUser));
-        setUser(fakeUser);
-        console.log(fakeUser)
-        // await new Promise((resolve) => setTimeout(resolve, 1000));
-        return true;
-    }
-
-    const logout = async () => {
-        await AsyncStorage.removeItem(STORAGE_KEY);
-        setUser(null);
-    }
-
-    return (
-        <authContext.Provider value={{ user, isHydrated, login, logout }}>
-            {children}
-        </authContext.Provider>
-    );
-}
-
-export function useAuth() {
-    const context = React.useContext(authContext);
-    if(!context) {
-        throw new Error("useAuth must be inside AuthProvider");
-    }
-    return context;
-}
-
-