Added notification feature

Author: srxcode

.gitignore

@@ -41,4 +41,5 @@ yarn-error.*
 *.tsbuildinfo
 
 app-example
+google-services.json
 

app.config.ts

@@ -0,0 +1,123 @@
+import { ConfigContext, ExpoConfig } from "@expo/config";
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  ...config,
+  "name": "HackNet",
+  "slug": "HackNet",
+  "version": "1.0.0",
+  "orientation": "portrait",
+  "icon": "./assets/images/icon.png",
+  "scheme": "hacknet",
+  "userInterfaceStyle": "automatic",
+  "newArchEnabled": true,
+  "ios": {
+    "supportsTablet": true,
+    "bundleIdentifier": "com.shibamroy.hacknet"
+  },
+  "android": {
+    "adaptiveIcon": {
+      "foregroundImage": "./assets/images/adaptive-icon/foreground.png",
+      "backgroundColor": "#17171d"
+    },
+    "edgeToEdgeEnabled": true,
+    "googleServicesFile": process.env.GOOGLE_SERVICES_JSON ?? "./google-services.json",
+    "permissions": [
+      "android.permission.RECORD_AUDIO"
+    ],
+    "package": "com.shibamroy.hacknet"
+  },
+  "notification": {
+    "icon": "./assets/images/adaptive-icon/foreground.png",
+    "color": "#ec3750"
+  },
+  "web": {
+    "bundler": "metro",
+    "output": "static",
+    "favicon": "./assets/images/favicon.png"
+  },
+  "plugins": [
+    [
+      "expo-notifications",
+      {
+        "icon": "./assets/images/adaptive-icon/foreground.png",
+        "color": "#ec3750",
+        "defaultChannel": "default",
+        "sounds": [
+          "./assets/sounds/notification-ping.mp3",
+        ],
+        "enableBackgroundRemoteNotifications": true
+      }
+    ],
+    [
+      "expo-image-picker",
+      {
+        "photosPermission": "The app accesses your photos to make posts, or to customize profile"
+      }
+    ],
+    "expo-router",
+    [
+      "expo-splash-screen",
+      {
+        "image": "./assets/images/splash.png",
+        "imageWidth": 200,
+        "resizeMode": "contain",
+        "backgroundColor": "#17171d"
+      }
+    ],
+    "expo-web-browser",
+    [
+      "expo-video",
+      {
+        "supportsBackgroundPlayback": true,
+        "supportsPictureInPicture": true
+      }
+    ],
+    [
+      "expo-font",
+      {
+        "fonts": [
+          "./assets/fonts/PhantomSans-Regular.otf"
+        ],
+        "android": {
+          "fonts": [
+            {
+              "fontFamily": "PhantomSans",
+              "fontDefinitions": [
+                {
+                  "path": "./assets/fonts/PhantomSans-Regular.otf",
+                  "weight": 400,
+                  "style": "normal"
+                },
+                {
+                  "path": "./assets/fonts/PhantomSans-Italic.otf",
+                  "weight": 400,
+                  "style": "italic"
+                },
+                {
+                  "path": "./assets/fonts/PhantomSans-Bold.otf",
+                  "weight": 700
+                }
+              ]
+            }
+          ]
+        },
+        "ios": {
+          "fonts": [
+            "./assets/fonts/PhantomSans-Regular.otf",
+            "./assets/fonts/PhantomSans-Bold.otf",
+            "./assets/fonts/PhantomSans-Italic.otf"
+          ]
+        }
+      }
+    ]
+  ],
+  "experiments": {
+    "typedRoutes": true
+  },
+  "extra": {
+    "router": {},
+    "eas": {
+      "projectId": "14749a4f-8461-4113-8c2b-238775dfce1c"
+    }
+  }
+});

app.json

@@ -21,6 +21,7 @@ export default function SettingsScreen() {
     const insets = useSafeAreaInsets();
 
     function logout() {
+        auth.signOut();
         signOut(auth).then(async () => {
             await AsyncStorage.clear();
             router.navigate("/auth/login");

app/(tabs)/home/settings.tsx

@@ -4,6 +4,7 @@ import { Stack } from "expo-router";
 //contexts
 import { BottomSheetProvider } from "@contexts/BottomSheetContext";
 import { ModalProvider } from "@contexts/modalContext";
+import { NotificationProvider } from "@contexts/notificationContext";
 import { UserDataProvider } from "@contexts/userContext";
 
 //react
@@ -16,6 +17,20 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 import LoadingScreen from "./loading";
 
 
+//notifications
+import * as Notifications from 'expo-notifications';
+
+
+Notifications.setNotificationHandler({
+  handleNotification: async () => ({
+    shouldPlaySound: true,
+    shouldSetBadge: true,
+    shouldShowBanner: true,
+    shouldShowList: true,
+  }),
+});
+
+
 export default function RootLayout() {
   // handling loading state
   const [user, setUser] = useState<User | null>(null);
@@ -40,14 +55,16 @@ export default function RootLayout() {
 
   return (
     <GestureHandlerRootView>
-      <BottomSheetProvider>
-        <ModalProvider>
-          <UserDataProvider>
-            <Stack initialRouteName={"auth/login"} screenOptions={{ contentStyle: { backgroundColor: "#17171d" }, headerShown: false, animation: "fade" }}>
-            </Stack>
-          </UserDataProvider>
-        </ModalProvider>
-      </BottomSheetProvider>
+      <NotificationProvider>
+        <BottomSheetProvider>
+          <ModalProvider>
+            <UserDataProvider>
+              <Stack initialRouteName={"auth/login"} screenOptions={{ contentStyle: { backgroundColor: "#17171d" }, headerShown: false, animation: "fade" }}>
+              </Stack>
+            </UserDataProvider>
+          </ModalProvider>
+        </BottomSheetProvider>
+      </NotificationProvider>
     </GestureHandlerRootView>
   );
 }

app/_layout.tsx

@@ -7,9 +7,11 @@ import { StyleSheet, View } from "react-native";
 
 //firebase
 import { signInWithEmailAndPassword } from "firebase/auth";
+import { doc, updateDoc } from "firebase/firestore";
 
 //contexts
-import { auth } from '@auth/firebase';
+import { auth, db } from '@auth/firebase';
+import { useNotificationContext } from "@contexts/notificationContext";
 import { useModalContext } from "../../src/contexts/modalContext";
 
 //func
@@ -28,9 +30,12 @@ export default function LoginScreen() {
     const [password, setPassword] = useState("");
     const user = auth.currentUser;
     const { alert, updateActivity, setActivityVisible, setActivityText } = useModalContext();
+    const { expoPushToken, notification } = useNotificationContext();
 
     if (user) {
-        return <Redirect href={"/(tabs)/home"} />
+        if (user.emailVerified) {
+            return <Redirect href={"/(tabs)/home"} />
+        }
     }
 
     setActivityText("Logging in");
@@ -48,6 +53,10 @@ export default function LoginScreen() {
                 } else {
                     updateActivity(1, "Done!");
                     setActivityVisible(false);
+                    updateDoc(doc(db, "users", user.uid),
+                        {
+                            notificationToken: expoPushToken
+                        });
                     router.replace("/(tabs)/home");
                 }
             } else {

app/auth/login.tsx

@@ -14,6 +14,7 @@ import { createUserWithEmailAndPassword, sendEmailVerification, updateProfile }
 import { doc, setDoc } from "firebase/firestore";
 
 //contexts
+import { useNotificationContext } from "@contexts/notificationContext";
 import { useModalContext } from "../../src/contexts/modalContext";
 
 //func
@@ -33,6 +34,7 @@ export default function SignUpScreen() {
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
     const [confirmpassword, setCpassword] = useState("");
+    const { expoPushToken, notification } = useNotificationContext();
 
     const registerUser = async (email: string, password: string, name: string) => {
         setActivityVisible(true);
@@ -50,14 +52,16 @@ export default function SignUpScreen() {
         await setDoc(doc(db, "users", user.uid), {
             uid: user.uid,
             email: user.email,
+            banner: "3",
             displayName: user.displayName,
             displayNameLower: user.displayName?.toLowerCase(),
             createdAt: new Date(),
             avatar: user.photoURL || null,
             num_tracking: 0,
             num_logs: 0,
             friends: [],
-            bio: "This Hacker hasn't set up their bio yet :("
+            bio: "This Hacker hasn't set up their bio yet :(",
+            notificationToken: expoPushToken
 
         }).then().catch((e) => { console.log("Error occured while making db changes.", e.code, e.message) });
 
@@ -102,10 +106,12 @@ export default function SignUpScreen() {
                 (error) => {
                     if (error.code === 'auth/email-already-in-use') {
                         alert("Failed", "Email already in use, please use some other email! If you recently tried to sign up, check your email for verification")
+                        setActivityVisible(false);
                     }
 
                     if (error.code === 'auth/invalid-email') {
                         alert("Failed", 'Hey, That email address is invalid!');
+                        setActivityVisible(false);
                     }
                 }
             )

app/auth/signup.tsx

@@ -28,7 +28,7 @@
     "expo-clipboard": "~7.1.5",
     "expo-constants": "~17.1.7",
     "expo-dev-client": "^5.2.4",
-    "expo-device": "^7.1.4",
+    "expo-device": "~7.1.4",
     "expo-doctor": "^1.17.0",
     "expo-font": "~13.3.2",
     "expo-haptics": "~14.1.4",