backend of notifications works

Author: Andurdur

KonditionExpo/app.json

@@ -11,6 +11,15 @@
     "ios": {
       "supportsTablet": true
     },
+    "plugins": [
+      [
+        "expo-notifications",
+        {
+          "icon": "./assets/images/bell.png",
+          "color": "#ffffff"
+        }
+      ]
+    ],
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/adaptive-icon.png",

KonditionExpo/app/_layout.tsx

@@ -1,21 +1,127 @@
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import { useFonts } from 'expo-font';
-import { Stack } from 'expo-router';
-import { StatusBar } from 'expo-status-bar';
-import { AuthProvider } from '@/contexts/AuthContext';
-import { ProtectedRoute } from '@/components/ProtectedRoute';
-import 'react-native-reanimated';
-
-import { useColorScheme } from '@/hooks/useColorScheme';
-import { UserProvider } from '@/contexts/UserContext';
-import { WorkoutProvider } from '@/contexts/WorkoutContext';
+// app/_layout.tsx
+
+import React, { useEffect, useRef, useState } from "react";
+import { Platform, Alert } from "react-native";
+
+import { DarkTheme, DefaultTheme, ThemeProvider } from "@react-navigation/native";
+import { useFonts } from "expo-font";
+import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import { AuthProvider } from "@/contexts/AuthContext";
+import { ProtectedRoute } from "@/components/ProtectedRoute";
+import "react-native-reanimated";
+
+import { useColorScheme } from "@/hooks/useColorScheme";
+import { UserProvider } from "@/contexts/UserContext";
+import { WorkoutProvider } from "@/contexts/WorkoutContext";
+
+// ─── IMPORTS FOR PUSH NOTIFICATIONS ─────────────────────────────────────────────
+import * as Device from "expo-device";
+import * as Notifications from "expo-notifications";
+// ────────────────────────────────────────────────────────────────────────────────
 
 export default function RootLayout() {
   const colorScheme = useColorScheme();
   const [loaded] = useFonts({
-    SpaceMono: require('../assets/fonts/SpaceMono-Regular.ttf'),
+    SpaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
   });
 
+  // ─── STATE / REFS FOR PUSH REGISTRATION ────────────────────────────────────────
+  const [expoPushToken, setExpoPushToken] = useState<string>("");
+  const notificationListener = useRef<any>();
+  const responseListener = useRef<any>();
+
+  // Replace this with your actual user‐ID retrieval logic (e.g. from AuthContext)
+  const fakeUserId = "user123";
+  // ───────────────────────────────────────────────────────────────────────────────
+
+  useEffect(() => {
+    // 1) Configure how notifications are handled when the app is foregrounded:
+    Notifications.setNotificationHandler({
+      handleNotification: async (): Promise<Notifications.NotificationBehavior> => ({
+        shouldShowAlert: true,      // (still allowed, but deprecated)
+        shouldShowBanner: true,     // required on iOS 14+ to actually display in‐app banners
+        shouldShowList: true,       // required on iOS 14+ to show in Notification Center
+        shouldPlaySound: true,
+        shouldSetBadge: false,
+      }),
+    });
+
+    // 2) Register for push notifications & get Expo Push Token
+    (async () => {
+      if (!Device.isDevice) {
+        Alert.alert("Push notifications require a physical device.");
+        return;
+      }
+
+      // 2a) Check existing permissions
+      const { status: existingStatus } = await Notifications.getPermissionsAsync();
+      let finalStatus = existingStatus;
+      if (existingStatus !== "granted") {
+        const { status } = await Notifications.requestPermissionsAsync();
+        finalStatus = status;
+      }
+      if (finalStatus !== "granted") {
+        Alert.alert("Failed to get push token for push notifications!");
+        return;
+      }
+
+      // 2b) Get the Expo Push Token
+      const tokenData = await Notifications.getExpoPushTokenAsync();
+      const token = tokenData.data;
+      console.log("Obtained Expo Push Token:", token);
+      setExpoPushToken(token);
+
+      // 2c) Send that token to your FastAPI backend
+      try {
+        await fetch("http://localhost:8000/api/v1/notifications/register_push_token", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            user_id: fakeUserId,
+            expo_token: token,
+          }),
+        });
+      } catch (err) {
+        console.error("Error sending push token to backend:", err);
+      }
+
+      // 2d) (Android only) Create a notification channel
+      if (Platform.OS === "android") {
+        await Notifications.setNotificationChannelAsync("default", {
+          name: "default",
+          importance: Notifications.AndroidImportance.MAX,
+          vibrationPattern: [0, 250, 250, 250],
+          lightColor: "#FF231F7C",
+        });
+      }
+    })();
+
+    // 3) Foreground‐notification listener
+    notificationListener.current = Notifications.addNotificationReceivedListener(
+      (notification) => {
+        console.log("Notification Received (foreground):", notification);
+      }
+    );
+
+    // 4) User‐tap listener (background or foreground)
+    responseListener.current = Notifications.addNotificationResponseReceivedListener(
+      (response) => {
+        console.log("User tapped on notification:", response);
+        // You can navigate or handle notification.data here
+      }
+    );
+
+    return () => {
+      if (notificationListener.current) {
+        Notifications.removeNotificationSubscription(notificationListener.current);
+      }
+      if (responseListener.current) {
+        Notifications.removeNotificationSubscription(responseListener.current);
+      }
+    };
+  }, []);
+
   if (!loaded) {
     return null;
   }
@@ -24,7 +130,7 @@ export default function RootLayout() {
     <AuthProvider>
       <UserProvider>
         <WorkoutProvider>
-          <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
+          <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
             <ProtectedRoute>
               <Stack>
                 <Stack.Screen name="index" options={{ headerShown: false }} />
@@ -45,4 +151,3 @@ export default function RootLayout() {
     </AuthProvider>
   );
 }
-

KonditionExpo/package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "@expo/ngrok": "^4.1.3",
     "@expo/vector-icons": "^14.1.0",
+    "@react-native-async-storage/async-storage": "2.1.2",
     "@react-native-picker/picker": "^2.11.0",
     "@react-navigation/bottom-tabs": "^7.3.10",
     "@react-navigation/elements": "^2.3.8",
@@ -21,10 +22,13 @@
     "expo": "^53.0.9",
     "expo-blur": "~14.1.4",
     "expo-constants": "~17.1.6",
+    "expo-device": "~7.1.4",
     "expo-font": "~13.3.1",
     "expo-haptics": "~14.1.4",
     "expo-image": "~2.1.7",
     "expo-linking": "~7.1.5",
+    "expo-notifications": "~0.31.2",
+    "expo-permissions": "^14.4.0",
     "expo-router": "~5.0.7",
     "expo-splash-screen": "~0.30.8",
     "expo-status-bar": "~2.2.3",
@@ -42,8 +46,7 @@
     "react-native-screens": "~4.10.0",
     "react-native-svg": "15.11.2",
     "react-native-web": "~0.20.0",
-    "react-native-webview": "13.13.5",
-    "@react-native-async-storage/async-storage": "2.1.2"
+    "react-native-webview": "13.13.5"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

backend/app/api/main.py

@@ -1,6 +1,6 @@
 from fastapi import APIRouter
 
-from app.api.routes import items, login, private, social, users, utils, workouts
+from app.api.routes import items, login, private, social, users, utils, workouts, notifications
 from app.core.config import settings
 
 api_router = APIRouter()
@@ -10,7 +10,7 @@
 api_router.include_router(items.router)
 api_router.include_router(social.router)
 api_router.include_router(workouts.router)
-
+api_router.include_router(notifications.router, prefix="/notifications")
 
 if settings.ENVIRONMENT == "local":
     api_router.include_router(private.router)

backend/app/api/routes/notifications.py

@@ -0,0 +1,71 @@
+from datetime import datetime
+import uuid
+
+from fastapi import APIRouter, Depends, HTTPException
+from pydantic import BaseModel
+from sqlmodel import Session, select
+
+from app.crudFuncs import (
+    create_or_update_push_token,
+    schedule_custom_reminder
+)
+from app.core.db import get_session    # adjust if your DB‐session dependency lives elsewhere
+from app.models import User
+
+router = APIRouter(tags=["notifications"])
+
+
+# Pydantic schema that the client will POST when registering a token
+class PushTokenPayload(BaseModel):
+    user_id: uuid.UUID
+    expo_token: str
+
+
+@router.post("/register_push_token", status_code=201)
+def register_push_token(
+    payload: PushTokenPayload,
+    session: Session = Depends(get_session),
+):
+    """
+    Client calls this with { user_id, expo_token } to store/update the Expo token.
+    """
+    try:
+        token_obj = create_or_update_push_token(
+            session=session,
+            user_id=payload.user_id,
+            expo_token=payload.expo_token,
+        )
+        return {"status": "ok", "push_token_id": token_obj.id}
+    except ValueError as e:
+        # If user_id doesn’t exist in Users table
+        raise HTTPException(status_code=404, detail=str(e))
+
+
+# Pydantic schema that the client will POST when scheduling a reminder
+class CustomReminderPayload(BaseModel):
+    user_id: uuid.UUID
+    expo_token: str
+    remind_time: datetime       # e.g. "2025-06-05T12:00:00Z"
+    message: str
+
+
+@router.post("/schedule_reminder", status_code=201)
+def schedule_reminder_endpoint(
+    payload: CustomReminderPayload,
+    session: Session = Depends(get_session),
+):
+    """
+    Client calls this with { user_id, expo_token, remind_time, message }
+    to schedule a one‐off reminder.
+    """
+    try:
+        rem_obj = schedule_custom_reminder(
+            session=session,
+            user_id=payload.user_id,
+            expo_token=payload.expo_token,
+            remind_time=payload.remind_time,
+            message=payload.message,
+        )
+        return {"status": "scheduled", "reminder_id": rem_obj.id}
+    except ValueError as e:
+        raise HTTPException(status_code=404, detail=str(e))

backend/app/core/db.py

@@ -31,3 +31,10 @@ def init_db(session: Session) -> None:
             is_superuser=True,
         )
         user = crud.create_user(session=session, user_create=user_in)
+
+def get_session():
+    """
+    Provide a transactional SQLModel Session for dependency injection.
+    """
+    with Session(engine) as session:
+        yield session