Production

.easignore

@@ -0,0 +1,44 @@
+# Ignore everything by default
+/*
+
+# Include ignores
+!.gitignore
+!.easignore
+
+# Include configs
+!firebase-config.dev.js
+!firebase-config.qa.js
+!firebase-config.prod.js
+
+# Include all app code to be deployed
+!/action-creators
+!/assets
+!/clients
+!/components
+!/constants
+!/data-sources
+!/libs
+!/models
+!/navigation
+!/patches
+!/reducers
+!/screens
+!/store
+!/styles
+!App.js
+!.babelrc
+!.eslintrc
+!.firebaserc
+!app.config.js
+!app.config.json
+!babel.config.js
+!eas.json
+!firebase.json
+!firestore.indexes.json
+!firestore.rules
+!LICENSE.md
+!metro.config.js
+!package.json
+!tsconfig.json
+!yarn.lock
+!.nvmrc

.env.example

@@ -0,0 +1,6 @@
+GREENUP_ENVIRONMENT="local"
+EAS_PROJECT_ID="<project id here>" # Not needed typically
+EAS_UPDATE_URL="<update url here>" # Not needed typically
+GOOGLE_MAPS_API_KEY="<key here>" # Not needed typically
+SENTRY_DSN="<dsn here>" # Not needed typically
+SENTRY_AUTH_TOKEN="<auth token here>" # Not needed typically

.gitignore

@@ -1,13 +1,33 @@
-.env
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
 assets/fonts/*
 environment.js
-node_modules/**/*
-*.expo
-.expo/**/*
-firebase-config.js
-firebase-config.qa.js
-firebase-config.dev.js
-firebase-config.prod.js
+
+# Firebase
+firebase-config*.js
+
+# Include the sample file
+!firebase-config.example.js
+
+# Env
+.env*
+!.env.example
 
 ### Linux ###
 *~
@@ -718,8 +738,3 @@ fastlane/screenshots
 .pnp.js
 
 app.json
-
-firebase-config.prod.js
-firebase-config.qa.js
-firebase-config.dev.js
-firebase-config.js

.node_version

@@ -0,0 +1 @@
+18.19.1

.nvmrc

@@ -0,0 +1 @@
+18.19.1

App.js

@@ -1,56 +1,64 @@
 // @flow
 import React, { useState } from "react";
-import AppLoading from "expo-app-loading";
 import { Asset } from "expo-asset";
-import * as Font from "expo-font";
+import { loadAsync } from "expo-font";
+import AppLoading from "./components/app-loading";
 import AppState from "./components/app-state";
 import Session from "./components/session";
 import { Ionicons } from "@expo/vector-icons";
-import AppNavigator from "./navigation/app-navigator";
+import { NavigationContainer } from "@react-navigation/native";
 import { LogBox } from "react-native";
+import initSentry from "./clients/sentry";
+import 'expo-dev-client'; // Loads expo dev client tools
+
 // This and the following two lines account for missing base64 support in some versions of Node
-import {decode, encode} from 'base-64'
-if (!global.btoa) { global.btoa = encode }
-if (!global.atob) { global.atob = decode }
+import { decode, encode } from "base-64";
+import MainTabNavigator from "./navigation/main-tab-navigator";
+if (!global.btoa) {
+    global.btoa = encode;
+}
+if (!global.atob) {
+    global.atob = decode;
+}
 // Some versions of Firebase assume access to a Window object that react-native does not have
 window.addEventListener = x => x;
 
 // Stop annoying Android users with useless warnings.
-LogBox.ignoreLogs(["Setting a timer for a long period of time", "getNode"]);
-//LogBox.ignoreAllLogs();
+// LogBox.ignoreLogs(["Setting a timer for a long period of time", "getNode", "old version of react-navigation library"]);
+// LogBox.ignoreAllLogs();
 
 type PropsType = { skipLoadingScreen: boolean };
 // Bootstrapping the app
 const App = ({ skipLoadingScreen }: PropsType): React$Element<any> => {
-
     const [isLoadingComplete, setIsLoadingComplete] = useState(false);
 
-    const loadResourcesAsync = async (): Promise<any> => Promise.all([
-        Asset.loadAsync([
-            require("./assets/images/circle-turquoise.png"),
-            require("./assets/images/circle-blue.png"),
-            require("./assets/images/circle-red.png"),
-            require("./assets/images/circle-yellow.png"),
-            require("./assets/images/circle-green.png"),
-            require("./assets/images/circle-purple.png"),
-            require("./assets/images/circle-orange.png"),
-            require("./assets/images/green-up-logo.png")
-        ]),
-        Font.loadAsync({
-            // This is the font that we are using for our tab bar
-            ...Ionicons.font,
-            "Rubik-Regular": require("./assets/fonts/Rubik/Rubik-Regular.ttf"),
-            "Rubik-Medium": require("./assets/fonts/Rubik/Rubik-Medium.ttf"),
-            "Rubik-MediumItalic": require("./assets/fonts/Rubik/Rubik-MediumItalic.ttf"),
-            "Rubik-Bold": require("./assets/fonts/Rubik/Rubik-Bold.ttf"),
-            "Rubik-BoldItalic": require("./assets/fonts/Rubik/Rubik-BoldItalic.ttf"),
-            "Rubik-Black": require("./assets/fonts/Rubik/Rubik-Black.ttf"),
-            "Rubik-BlackItalic": require("./assets/fonts/Rubik/Rubik-BlackItalic.ttf"),
-            "Rubik-Light": require("./assets/fonts/Rubik/Rubik-Light.ttf"),
-            "Rubik-LightItalic": require("./assets/fonts/Rubik/Rubik-LightItalic.ttf"),
-            "rubicon-icon-font": require("./assets/fonts/Rubik/rubicon-icon-font.ttf")
-        })
-    ]);
+    const loadResourcesAsync = async (): Promise<any> =>
+        Promise.all([
+            Asset.loadAsync([
+                require("./assets/images/circle-turquoise.png"),
+                require("./assets/images/circle-blue.png"),
+                require("./assets/images/circle-red.png"),
+                require("./assets/images/circle-yellow.png"),
+                require("./assets/images/circle-green.png"),
+                require("./assets/images/circle-purple.png"),
+                require("./assets/images/circle-orange.png"),
+                require("./assets/images/green-up-logo.png")
+            ]),
+            loadAsync({
+                // This is the font that we are using for our tab bar
+                ...Ionicons.font,
+                "Rubik-Regular": require("./assets/fonts/Rubik/Rubik-Regular.ttf"),
+                "Rubik-Medium": require("./assets/fonts/Rubik/Rubik-Medium.ttf"),
+                "Rubik-MediumItalic": require("./assets/fonts/Rubik/Rubik-MediumItalic.ttf"),
+                "Rubik-Bold": require("./assets/fonts/Rubik/Rubik-Bold.ttf"),
+                "Rubik-BoldItalic": require("./assets/fonts/Rubik/Rubik-BoldItalic.ttf"),
+                "Rubik-Black": require("./assets/fonts/Rubik/Rubik-Black.ttf"),
+                "Rubik-BlackItalic": require("./assets/fonts/Rubik/Rubik-BlackItalic.ttf"),
+                "Rubik-Light": require("./assets/fonts/Rubik/Rubik-Light.ttf"),
+                "Rubik-LightItalic": require("./assets/fonts/Rubik/Rubik-LightItalic.ttf"),
+                "rubicon-icon-font": require("./assets/fonts/Rubik/rubicon-icon-font.ttf")
+            })
+        ]);
 
     const handleLoadingError = (error: Error) => {
         // In this case, you might want to report the error to your error
@@ -59,35 +67,32 @@ const App = ({ skipLoadingScreen }: PropsType): React$Element<any> => {
     };
 
     const handleFinishLoading = () => {
-            // This pause lets a user see the loading screen longer,
-            // which is good because it has a winning poster picture on it.
-            // The pause is long enough that people can see the poster,
-            // and short enough it shouldn't bother anyone.
-            setTimeout(() => {
-                setIsLoadingComplete(true);
-            },
-            4000
-        );
+        // This pause lets a user see the loading screen longer,
+        // which is good because it has a winning poster picture on it.
+        // The pause is long enough that people can see the poster,
+        // and short enough it shouldn't bother anyone.
+        setTimeout(() => {
+            setIsLoadingComplete(true);
+        }, 4000);
     };
 
     const load = (
-        <AppLoading
-            onError={ handleLoadingError }
-            onFinish={ handleFinishLoading }
-            startAsync={ loadResourcesAsync }
-        />
+        <AppLoading onError={handleLoadingError} onFinish={handleFinishLoading} startAsync={loadResourcesAsync} />
     );
 
+    initSentry();
+
     const mainApp = (
         <AppState>
-            <Session>
-                <AppNavigator/>
-            </Session>
+            <NavigationContainer>
+                <Session>
+                    <MainTabNavigator />
+                </Session>
+            </NavigationContainer>
         </AppState>
     );
 
-    return (!isLoadingComplete && !skipLoadingScreen ? load : mainApp);
-
+    return !isLoadingComplete && !skipLoadingScreen ? load : mainApp;
 };
 
-export default App;
+export default App;

CONTRIBUTING.md

@@ -5,7 +5,7 @@
 
 1) **Phone a friend**: The first step is always to chat up folks on [#green-up][3] on Slack. Visit our channel [here][4] or if it's your first time, get an invitation [here][5].
 
-2) **Get a Dev Environment Running**: We've got a super simple setup working through GitPod - an online, container based development environment that is literally a 1-step setup.
+2) **Get a Dev Environment Running**: Our "Full Local Environment" setup is up to date as of 03 April 2022.
 
 3) **Check the Project Board**: We have our open software tickets organized under [projects](https://github.com/codeforbtv/green-up-app/projects). If you're new to the project, look for those labeled as ['good first issue'](https://github.com/codeforbtv/green-up-app/labels/good%20first%20issue).
 
@@ -15,41 +15,27 @@
 
 ## Environment Setup
 
-### Quickstart: using GitPod
-
-1) **Launch a Gitpod Workspace**: The easiest way to start contributing is by skipping the setup process and using GitPod in your browser by clicking here:
-(https://gitpod.io/#https://github.com/codeforbtv/green-up-app). It always takes a few minutes, so do this step first.
-
-2) **Get a Config File**: You won't be able to run the code without a firebase-config.js file. The fastest approach is to use our shared dev environment (..which we share, so please treat it kindly). There is one pinned to the [#green-up Slack channel][3] for our dev environment. If you have trouble finding it, just ask anyone in the channel. Save your firebase-config.js in the root of the project.
-
-3) **Download the Expo App**: The Green Up app is configured to be run on your physical phone inside the Expo mobile app (aka the "Expo Client"). Expo is a shell that runs the unpublished mobile app.
-    * [Download for iPhones][1]
-    * [Download for Android][2]
-
-4) **Restart Expo**: When the GitPod workspace starts a config file in the project instructs it to install the Green Up app, and then it opens a terminal in the editor, runs the `expo start` command to launch the expo cli. Use `ctrl+c` to kill the cli tool, and type `expo start --host tunnel` to restart it with the new config information.
-
-5) **Profit!** When the giant QR code appears in the editor...
-    * **iPhones**: point your camera at the QR code and the app will launch in expo
-    * **Android**: open the Expo mobile app and click "Scan QR Code"
-
-    This will open the app on your phone. Now create an account and begin exploring!
-
 ### A Full Local Environment
 
-1) **Get a Config File**: You won't be able to run the code without a firebase-config.js file. The fastest approach is to use our shared dev environment (..which we share, so please treat it kindly). There is one pinned to the [#green-up Slack channel][3] for our dev environment. If you have trouble finding it, just ask anyone in the channel. Save your firebase-config.js in the root of the project.
+1) **Get a Config File**: You won't be able to run the code without a firebase-config.local.js file. The fastest approach is to use our shared dev environment (..which we share, so please treat it kindly). There is one pinned to the [#green-up Slack channel][3] for our dev environment. If you have trouble finding it, just ask anyone in the channel. Save your firebase-config.local.js in the root of the project.
 
-1) **(Optional) Use Your Own Firebase Account**: Setup a Firebase app and use those app settings to configure firebase-config.js,    
-Get your own Firebase database here (https://firebase.google.com/) or, if you want to contribute to this project, find us on [Slack][4] and we'll gladly share ours. Not on our Slack board?  [Get an invitation.][5]
+1) **(Optional) Use Your Own Firebase Account**: Setup a Firebase app and use those app settings to configure firebase-config.local.js,
+   Get your own Firebase database here (https://firebase.google.com/) or, if you want to contribute to this project, find us on [Slack][4] and we'll gladly share ours. Not on our Slack board?  [Get an invitation.][5]
 
 2) **Ensure you have `nvm` installed**: Do this by running `nvm ls`. If you see a list of `node` versions printed to your console, then you're all set. Otherwise, follow the [setup instructions](https://github.com/nvm-sh/nvm#installing-and-updating).
 
 3) **Install Project Dependencies**:
+   `.nvmrc` file should drive the correct node version to use without specifying it explicitly.
+
 ```bash
-nvm install v10
-nvm use v10
-npm install
-npm install -g expo-cli@3.13.3
+nvm install
+nvm use
+# optional nvm alias green-up v18.19.1
+yarn install
+# flow
 npm install -g flow
+# or
+yarn global add flow
 ```
 
 4) **Download the Expo App**: The Green Up app is configured to be run on your physical phone inside the Expo mobile app (aka the "Expo Client"). Expo is a shell that runs the unpublished mobile app.
@@ -59,14 +45,18 @@ npm install -g flow
 5) **Start the Application**: Run the project in the root folder.
 
 ```bash
-expo start
+npx expo start
+# or
+yarn start
+# or
+npm start
 ```
 
 6) **Profit!** When the giant QR code appears in the editor...
     * **iPhones**: point your camera at the QR code and the app will launch in expo
     * **Android**: open the Expo mobile app and click "Scan QR Code"
 
-    This will open the app on your phone. Now create an account and begin exploring!
+   This will open the app on your phone. Now create an account and begin exploring!
 
 ## How to Contribute Your Work
 
@@ -94,4 +84,4 @@ See the [LICENSE](./LICENSE.md) for information on this project's license.
 [2]: https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www
 [3]: https://codeforbtv.slack.com/messages/green-up/
 [4]: https://codeforbtv.slack.com/
-[5]: https://cfbtv-slackin.herokuapp.com/
+[5]: https://cfbtv-slackin.herokuapp.com/