SpeedrunHub v2

.eslintignore

@@ -0,0 +1,2 @@
+*js
+dist

.eslintrc.json

@@ -6,8 +6,7 @@
     "extends": [
         "eslint:recommended",
         "plugin:react/recommended",
-        "plugin:@typescript-eslint/recommended",
-        "react-native-wcandillon"
+        "plugin:@typescript-eslint/recommended"
     ],
     "parser": "@typescript-eslint/parser",
     "parserOptions": {

.github/FUNDING.yml

@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: asiern
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/workflows/jest.yml

@@ -0,0 +1,24 @@
+name: Jest Tests on Pull Request
+
+on:
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Node setup
+        uses: actions/setup-node@v1
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Run Jest tests
+        run: yarn test --ci --updateSnapshot

.gitignore

@@ -62,6 +62,17 @@ buck-out/
 # Expo
 .expo/*
 web-build/
+dist
+android
 
-#Lock files
-yarn.lock
+# Jest
+*.snap
+coverage
+
+# Obsidian
+.obsidian
+
+# Google services
+google-services.json
+
+.vscode

.husky/commit-msg

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ${1}
+yarn lint

.prettierrc

@@ -0,0 +1 @@
+{}

App.tsx

@@ -1,80 +1,165 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import AsyncStorage from "@react-native-async-storage/async-storage";
-import { ActivityIndicator } from "react-native";
+import crashlytics from "@react-native-firebase/crashlytics";
+import { version } from "./package.json";
 
+// Translations (i18n)
+import "./app/locale/i18n";
 
-//Themes
-import { Theme } from "./app/themes/DefaultTheme";
+// TODO Migrate from expo-app-loading to expo-splash-screen
+import AppLoading from "expo-app-loading";
+
+// Fonts
+import { loadAsync } from "expo-font";
+
+// Splash screen
+import * as SplashScreen from "expo-splash-screen";
+SplashScreen.preventAutoHideAsync();
 
 //Screens
-import Navigation from "./app/Navigation/Navigation";
-import { context, config } from "./app/config/config";
+import Navigation from "./app/navigation/Navigation";
+import { context, defaultConfig } from "./app/config/config";
+import { StatusBar } from "expo-status-bar";
+import { config } from "./app/types";
 
-export default function App() {
-  const [loading, setLoading] = useState(true);
+export default function App(): JSX.Element {
+  const [appIsReady, setAppIsReady] = useState<boolean>(false);
   const [initialRoute, setInitialRoute] = useState("Onboarding");
-  const [theme, setTheme] = useState(Theme);
-  const [games, setGames] = useState([]);
-  const [Config, setConfig] = useState(config);
-  useEffect(() => {
-    let mounted = true;
-    if (mounted) {
-      (async () => {
-        const THEME = await AsyncStorage.getItem("@Theme");
-        const CONF = await AsyncStorage.getItem("@Config");
-        const GAMES = await AsyncStorage.getItem("@MyGames");
-        var CONFIG;
-        //Load Config
-        if (CONF === null) {
-          await AsyncStorage.setItem("@Config", JSON.stringify(config));
-          CONFIG = config;
-          setConfig(config);
-        } else {
-          CONFIG = JSON.parse(CONF);
-          setConfig(JSON.parse(CONF));
+  const [config, setConfig] = useState<config>(defaultConfig);
+
+  /**
+   * Update config state and async storage values
+   * @param config config object
+   */
+  async function updateConfig(config: config) {
+    await AsyncStorage.setItem("@Config", JSON.stringify(config));
+    setConfig({ ...config });
+  }
+
+  // const onLayoutRootView = useCallback(async () => {
+  //   if (appIsReady) await SplashScreen.hideAsync();
+  // }, [appIsReady]);
+
+  const prepare = async () => {
+    try {
+      crashlytics().log("AppLoading");
+      await SplashScreen.preventAutoHideAsync();
+      await loadAsync({
+        Poppins: require("./app/assets/fonts/Poppins-Regular.ttf"),
+        "Poppins-Medium": require("./app/assets/fonts/Poppins-Medium.ttf"),
+      });
+      crashlytics().log("AppLoading: Fonts loaded");
+
+      // Read config from AsyncStorage
+      let CONFIG: string | null = await AsyncStorage.getItem("@Config");
+      crashlytics().log("AppLoading: Config loaded");
+
+      // Config null => load default config
+      if (CONFIG === null) {
+        crashlytics().log("AppLoading: Config null => load default config");
+        await AsyncStorage.setItem(
+          "@Config",
+          JSON.stringify({ ...config, version })
+        );
+      }
+
+      // Read config from storage
+      CONFIG = await AsyncStorage.getItem("@Config");
+      crashlytics().log("AppLoading: Config loaded from storage");
+      const confObj: config = CONFIG ? JSON.parse(CONFIG) : config;
+
+      // Check if config version is outdated and update it
+      if (confObj.version !== version) {
+        crashlytics().log("AppLoading: Config version outdated");
+        confObj.version = version;
+        // Check if new version is compatible with old config
+        if (confObj.theme === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.theme = defaultConfig.theme;
+        }
+        if (confObj.google === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.google = defaultConfig.google;
+        }
+        if (confObj.accepted === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.accepted = defaultConfig.accepted;
         }
-        //Load Theme
-        if (THEME === null) {
-          await AsyncStorage.setItem("@Theme", JSON.stringify(Theme));
-          setTheme(Theme);
-        } else {
-          setTheme(JSON.parse(THEME));
+        if (confObj.notifications === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.notifications = defaultConfig.notifications;
         }
-        //Load Games
-        if (GAMES === null) {
-          await AsyncStorage.setItem("@MyGames", JSON.stringify(games));
-          setGames([]);
-        } else {
-          setGames(JSON.parse(GAMES));
+        if (confObj.logged === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.logged = defaultConfig.logged;
         }
-        //Load Route
-        var route = "";
-        if (CONFIG.onboarding !== true) {
-          route = "Onboarding";
-        } else if (CONFIG.user.logged !== true) {
-          route = "Login";
-        } else {
-          route = "Main";
+        if (confObj.onboarding === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.onboarding = defaultConfig.onboarding;
         }
-        setInitialRoute(route);
-        setLoading(false);
-      })();
+        if (confObj.user === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.user = defaultConfig.user;
+        }
+        if (confObj.key === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.key = defaultConfig.key;
+        }
+        if (confObj.games === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.games = defaultConfig.games;
+        }
+        if (confObj.following === undefined) {
+          crashlytics().log("AppLoading: Config version outdated");
+          confObj.following = defaultConfig.following;
+        }
+      }
+
+      // Update config state
+      setConfig(confObj);
+
+      // Set initial route
+      if (confObj.onboarding !== true) {
+        setInitialRoute("Onboarding");
+      } else if (confObj.logged !== true) {
+        setInitialRoute("Login");
+      } else {
+        setInitialRoute("Main");
+      }
+    } catch (e) {
+      crashlytics().recordError(e);
+      console.warn(e);
+    } finally {
+      crashlytics().log("AppLoading finished");
+      setAppIsReady(true);
+      await SplashScreen.hideAsync();
     }
+  };
 
-    return function cleanup() {
-      mounted = false;
-    };
-  }, []);
+  const handleLoadingError = (error) => {
+    crashlytics().recordError(error);
+    console.warn(error);
+  };
 
-  if (loading) {
-    return <ActivityIndicator />;
-  } else {
+  if (!appIsReady) {
     return (
-      <context.Provider
-        value={{ theme, setTheme, Config, setConfig, games, setGames }}
-      >
-        <Navigation initialRoute={initialRoute} />
-      </context.Provider>
+      <AppLoading
+        startAsync={prepare}
+        onError={handleLoadingError}
+        onFinish={() => setAppIsReady(true)}
+      />
     );
   }
+
+  return (
+    <>
+      <StatusBar
+        style={"dark"}
+        backgroundColor={config.theme.colors.background}
+      />
+      <context.Provider value={{ config, setConfig: updateConfig }}>
+        <Navigation initialRoute={initialRoute} />
+      </context.Provider>
+    </>
+  );
 }