Add Utils

Author: raphael27atm

.expo/packager-info.json

@@ -0,0 +1,10 @@
+{
+  "expoServerPort": 19000,
+  "webpackServerPort": null,
+  "expoServerNgrokUrl": "https://bx-3m7.anonymous.flashcards-react-native.exp.direct",
+  "packagerNgrokUrl": "https://packager.bx-3m7.anonymous.flashcards-react-native.exp.direct",
+  "ngrokPid": 8199,
+  "devToolsPort": 19002,
+  "packagerPort": 19001,
+  "packagerPid": 8179
+}

.expo/settings.json

@@ -0,0 +1,7 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": "bx-3m7"
+}

App.js

@@ -1,21 +1,25 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React from 'react'
+import { View } from 'react-native'
+import { createStore } from 'redux'
+import { Provider } from 'react-redux'
+import reducer from './redux/reducers'
+
+import MainNavigator from './components/MainNavigator'
+
+import { setLocalNotification } from './utils/helpers'
 
 export default class App extends React.Component {
+  componentDidMount() {
+    setLocalNotification()
+  }
+
   render() {
     return (
-      <View style={styles.container}>
-        <Text>Open up App.js to start working on your app!</Text>
-      </View>
-    );
+      <Provider store={createStore(reducer)}>
+        <View style={{ flex: 1 }}>
+          <MainNavigator />
+        </View>
+      </Provider>
+    )
   }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+}

package.json

@@ -4,18 +4,25 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "eject": "expo eject"
+    "eject": "expo eject",
+    "test": "jest"
+  },
+  "jest": {
+    "preset": "jest-expo"
   },
   "dependencies": {
     "expo": "^32.0.0",
     "react": "16.5.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
-    "react-navigation": "^3.6.1",
+    "react-navigation": "^2.12.1",
     "react-redux": "^6.0.1",
     "redux": "^4.0.1"
   },
   "devDependencies": {
-    "babel-preset-expo": "^5.0.0"
+    "babel-preset-expo": "^5.0.0",
+    "jest-expo": "^32.0.0",
+    "react-native-scripts": "^2.0.1",
+    "react-test-renderer": "^16.8.6"
   },
   "private": true
 }

utils/_data.js

@@ -0,0 +1,45 @@
+import { AsyncStorage } from 'react-native'
+
+export const DEBUG_CLEAR_STORAGE = false
+export const DECKS_STORAGE_KEY = 'FlashCards:decks'
+
+export function setDummyData() {
+  let dummyData = {
+    React: {
+      key: 'React',
+      title: 'React',
+      questions: [
+        {
+          question: 'Does React Native work with Android',
+          answer: 'Yes!'
+        },
+        {
+          question: 'What is a component?',
+          answer: 'Components let you split the UI into independent, reusable pieces of code'
+        },
+        {
+          question: 'What is React?',
+          answer: 'A library for managing user interfaces'
+        },
+        {
+          question: 'Where do you make Ajax requests in React?',
+          answer: 'The componentDidMount lifecycle event'
+        }
+      ]
+    },
+    JavaScript: {
+      key: 'JavaScript',
+      title: 'JavaScript',
+      questions: [
+        {
+          question: 'What is a closure?',
+          answer: 'The combination of a function and the lexical environment within which that function was declared.'
+        }
+      ]
+    }
+  }
+
+  AsyncStorage.setItem(DECKS_STORAGE_KEY, JSON.stringify(dummyData))
+
+  return dummyData
+}

utils/api.js

@@ -0,0 +1,22 @@
+import { AsyncStorage } from 'react-native'
+import { DECKS_STORAGE_KEY, DEBUG_CLEAR_STORAGE, setDummyData } from './_data'
+
+export function fetchDecks() {
+  return AsyncStorage.getItem(DECKS_STORAGE_KEY)
+    .then(getAllDecks)
+}
+
+function getAllDecks(decks) {
+  if (DEBUG_CLEAR_STORAGE) {
+    console.log("Cleaning up storage")
+    AsyncStorage.removeItem(DECKS_STORAGE_KEY)
+    decks = null
+  }
+
+  if (decks === null && __DEV__) {
+    console.log("Populate DB with dummy data")
+    return setDummyData()
+  } else {
+    return JSON.parse(decks)
+  }
+}

utils/colors.js

@@ -0,0 +1,6 @@
+export const primaryColor = '#8e24aa'
+export const primaryLightColor = '#c158dc'
+export const primaryDarkColor = '#5c007a'
+export const primaryTextColor = '#ffffff'
+export const gray = 'gray'
+export const white = '#ffffff'

utils/helpers.js

@@ -0,0 +1,81 @@
+import { Notifications, Permissions } from 'expo'
+import { AsyncStorage } from 'react-native'
+
+const NOTIFICATION_KEY = 'FlashCard:notifications'
+
+export function isEmpty(obj) {
+  //Source: https://stackoverflow.com/a/4994244/2848021
+
+  // null and undefined are "empty"
+  if (obj == null) return true;
+
+  // Assume if it has a length property with a non-zero value
+  // that that property is correct.
+  if (obj.length > 0) return false;
+  if (obj.length === 0) return true;
+
+  // If it isn't an object at this point
+  // it is empty, but it can't be anything *but* empty
+  // Is it empty?  Depends on your application.
+  if (typeof obj !== "object") return true;
+
+  // Otherwise, does it have any properties of its own?
+  // Note that this doesn't handle
+  // toString and valueOf enumeration bugs in IE < 9
+  for (var key in obj) {
+    if (hasOwnProperty.call(obj, key)) return false;
+  }
+
+  return true;
+}
+
+export function clearLocalNotification() {
+  return AsyncStorage.removeItem(NOTIFICATION_KEY)
+    .then(Notifications.cancelAllScheduledNotificationsAsync)
+}
+
+function createNotification() {
+  return {
+    title: 'Time to Study!',
+    body: "Don't forget to try some Quiz today!",
+    ios: {
+      sound: true,
+    },
+    android: {
+      sound: true,
+      priority: 'high',
+      sticky: false,
+      vibrate: true,
+    }
+  }
+}
+
+export function setLocalNotification() {
+  AsyncStorage.getItem(NOTIFICATION_KEY)
+    .then(JSON.parse)
+    .then((data) => {
+      if (data === null) {
+        Permissions.askAsync(Permissions.NOTIFICATIONS)
+          .then(({ status }) => {
+            if (status === 'granted') {
+              Notifications.cancelAllScheduledNotificationsAsync()
+
+              let tomorrow = new Date()
+              tomorrow.setDate(tomorrow.getDate() + 1)
+              tomorrow.setHours(20)
+              tomorrow.setMinutes(0)
+
+              Notifications.scheduleLocalNotificationAsync(
+                createNotification(),
+                {
+                  time: tomorrow,
+                  repeat: 'day',
+                }
+              )
+
+              AsyncStorage.setItem(NOTIFICATION_KEY, JSON.stringify(true))
+            }
+          })
+      }
+    })
+}