(ios): feat home and login screens

so-expo/.env.example

@@ -0,0 +1 @@
+REACT_APP_API_URL="https://group-habits.herokuapp.com/api"

so-expo/.gitignore

@@ -15,3 +15,9 @@ web-build/
 
 # testing
 /coverage
+
+#vscode
+.vscode
+
+#environments
+.env

so-expo/App.spec.tsx

@@ -1,5 +1,4 @@
 import { render, screen, waitFor } from '@testing-library/react-native';
-import React from 'react';
 import App from './App';
 
 function setup() {

so-expo/App.tsx

@@ -1,9 +1,11 @@
 import { StatusBar } from 'expo-status-bar';
+import 'react-native-gesture-handler';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { AuthProvider } from './src/contexts/AuthContext';
 
-import useCachedResources from './hooks/useCachedResources';
-import useColorScheme from './hooks/useColorScheme';
-import Navigation from './navigation';
+import useCachedResources from './src/hooks/useCachedResources';
+import useColorScheme from './src/hooks/useColorScheme';
+import Navigation from './src/navigation';
 
 export default function App() {
   const isLoadingComplete = useCachedResources();
@@ -14,7 +16,9 @@ export default function App() {
   } else {
     return (
       <SafeAreaProvider>
-        <Navigation colorScheme={colorScheme} />
+        <AuthProvider>
+          <Navigation colorScheme={colorScheme} />
+        </AuthProvider>
         <StatusBar />
       </SafeAreaProvider>
     );

so-expo/app.json

@@ -4,11 +4,11 @@
     "slug": "so-expo",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
+    "icon": "./src/assets/images/icon.png",
     "scheme": "myapp",
     "userInterfaceStyle": "automatic",
     "splash": {
-      "image": "./assets/images/splash.png",
+      "image": "./src/assets/images/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
@@ -23,12 +23,12 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "foregroundImage": "./src/assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       }
     },
     "web": {
-      "favicon": "./assets/images/favicon.png"
+      "favicon": "./src/assets/images/favicon.png"
     },
     "extra": {
       "eas": {

so-expo/babel.config.js

@@ -1,6 +1,17 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
   return {
-    presets: ['babel-preset-expo']
+    presets: ['babel-preset-expo'],
+    plugins: [
+      "nativewind/babel",
+      [
+        "module:react-native-dotenv",
+        {
+          envName: "APP_ENV",
+          moduleName: "@env",
+          path: ".env"
+        }
+      ],
+    ],
   };
 };

so-expo/jest-setup.ts

@@ -7,6 +7,24 @@ import '@testing-library/jest-native/extend-expect';
 // Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
 
+// include this line for mocking react-native-gesture-handler
+import 'react-native-gesture-handler/jestSetup';
+
+// include this section and the NativeAnimatedHelper section for mocking react-native-reanimated
+// jest.mock('react-native-reanimated', () => {
+//   const Reanimated = require('react-native-reanimated/mock');
+
+//   // The mock for `call` immediately calls the callback which is incorrect
+//   // So we override it with a no-op
+//   Reanimated.default.call = () => { };
+
+//   return Reanimated;
+// });
+
+// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
+jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+
+
 // Enable excluding hidden elements from the queries by default
 configure({
   defaultIncludeHiddenElements: false,
@@ -20,3 +38,13 @@ jest.mock('expo-linking', () => {
 
   return module;
 });
+
+// src/setupTests.js
+import { server } from './src/mocks/server';
+// Establish API mocking before all tests.
+beforeAll(() => server.listen())
+// Reset any request handlers that we may add during the tests,
+// so they don't affect other tests.
+afterEach(() => server.resetHandlers())
+// Clean up after the tests are finished.
+afterAll(() => server.close())

so-expo/jest.config.ts

@@ -5,14 +5,18 @@ export default {
   coverageProvider: "v8",
   preset: 'jest-expo',
   roots: [
-    "<rootDir>"
+    "<rootDir>/src"
   ],
   testMatch: [
     "**/__tests__/**/*.[jt]s?(x)",
     "**/?(*.)+(spec|test).[tj]s?(x)"
   ],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
-  setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
+  setupFiles: ['./node_modules/react-native-gesture-handler/jestSetup.js'],
+  setupFilesAfterEnv: [
+    '<rootDir>/jest-setup.ts',
+    "@testing-library/jest-native/extend-expect",
+  ],
   "transformIgnorePatterns": [
     "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
   ],