[refacto]: replace expo-router by react navigation (#16)

README.md

@@ -30,7 +30,6 @@ Branchement au backend :
 
 ```
 ├── ...
-├── app/                : points d'entrée pour la navigation expo-router
 └── src
     ├── api/
     ├── assets/

expo-boomboomapp/App.tsx

@@ -0,0 +1,64 @@
+import FontAwesome from "@expo/vector-icons/FontAwesome";
+import { NavigationContainer } from "@react-navigation/native";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useFonts } from "expo-font";
+import * as SplashScreen from "expo-splash-screen";
+import * as React from "react";
+import { useEffect } from "react";
+
+import { useInitializedApp } from "./src/hooks/useInitializedApp";
+import { AuthStackNavigator } from "./src/navigation/AuthStack/AuthStackNavigator";
+import { RegisterStackNavigator } from "./src/navigation/RegisterStackScreenNavigator/RegisterStackNavigator";
+import { RootStackNavigator } from "./src/navigation/RootStackScreenNavigator/RootStackNavigator";
+import ServiceInterface from "./src/tsyringe/ServiceInterface";
+import { getGlobalInstance } from "./src/tsyringe/diUtils";
+
+import "./src/tsyringe/tsyringe.config";
+import AppService from "./src/services/AppService/AppService";
+
+const queryClient = new QueryClient();
+
+export default function WrappedApp() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <App />
+    </QueryClientProvider>
+  );
+}
+
+function App() {
+  const [loaded, error] = useFonts({
+    SpaceMono: require("./assets/fonts/SpaceMono-Regular.ttf"),
+    ...FontAwesome.font,
+  });
+  const { isAppInitialized } = useInitializedApp();
+  const appService = getGlobalInstance<AppService>(ServiceInterface.AppService);
+  const app = appService.useApp();
+
+  const Stack = () => {
+    if (!app.isAuthenticated) {
+      return <AuthStackNavigator />;
+    }
+    if (app.isProfileComplete) {
+      return <RootStackNavigator />;
+    }
+    return <RegisterStackNavigator />;
+  };
+
+  useEffect(() => {
+    if (!loaded || !isAppInitialized) {
+      return;
+    }
+    SplashScreen.hideAsync();
+  }, [loaded, isAppInitialized]);
+
+  if (!loaded || !isAppInitialized) {
+    return null;
+  }
+
+  return (
+    <NavigationContainer>
+      <Stack />
+    </NavigationContainer>
+  );
+}

expo-boomboomapp/app.json

@@ -29,9 +29,7 @@
       "output": "static",
       "favicon": "./assets/images/favicon.png"
     },
-    "plugins": [
-      "expo-router"
-    ],
+    "plugins": [],
     "experiments": {
       "typedRoutes": true
     }

expo-boomboomapp/babel.config.js

@@ -3,8 +3,6 @@ module.exports = function (api) {
   return {
     presets: ["babel-preset-expo"],
     plugins: [
-      // Required for expo-router
-      "expo-router/babel",
       // Required for tsyringe
       "babel-plugin-transform-typescript-metadata",
       ["@babel/plugin-proposal-decorators", { legacy: true }],

expo-boomboomapp/fix.ts

@@ -1,7 +1,7 @@
 const fs = require("fs");
 const path = require("path");
 
-const FILE_PATH = path.join(__dirname, "./node_modules/expo-router/entry.js");
+const FILE_PATH = path.join(__dirname, "./node_modules/expo/AppEntry.js");
 
 const checkFileExists = (filePath: string) => {
   if (!fs.existsSync(filePath)) {