index.ios.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  DeviceEventEmitter,
  Alert,
  AsyncStorage
} from 'react-native';
import Beacons from 'react-native-beacons-manager';

import { createStore } from 'redux';
import { connect, Provider } from 'react-redux';

import Tabs from './Components/Tabs';
import SplashScreen from './Components/SplashScreen';

import store from './store';

async function establishBeacons(){
  // Beacons.detectIBeacons(); // Android-only fn
  Beacons.requestWhenInUseAuthorization(); // iOS only fn
  const region = {
    identifier: 'WGB',
    uuid: 'EBD21AB7-C471-770B-E4DF-70EE82026A17'
  };

  try {
    await Beacons.startRangingBeaconsInRegion(region);
    console.log(`Beacons ranging started successfully`);
  } catch (error) {
    console.log(`Beacons ranging not started, error: ${error}`);
  }
  // Update app state with ordered detected beacons
  // whenever beacons range
  DeviceEventEmitter.addListener('beaconsDidRange', (data) => {
    if(data.beacons.length > 0){
      function compare(a,b) { // by distance (roughly!)
        // ios beacons have no numeric distance
        distances = {"immediate":0, "near":1, "far":2, "unknown":99};
        if (distances[a.proximity] < distances[b.proximity])
          return -1;
        if (distances[a.proximity] > distances[b.proximity])
          return 1;
        return 0;
      }
      data.beacons.sort(compare);
      store.dispatch({type:'BEACONS_UPDATE', beacons:data.beacons});
    }
  });
}
establishBeacons();

let ready = false; // Used to handle asynchrnous state from
                   // outside the component
async function getProjectsFromAPI() {
  // Change this, but note - JSON endpoint MUST BE HTTPS!
  let response = await fetch('https://colmfyp.netsoc.co/projects.json'); 
  let responseJson = await response.json();
  return responseJson;
}

async function initProjects(){
  try{
    // Get saved projects from storage
    s = await AsyncStorage.getItem('savedProjects');
    // if nothing found, use empty array instead
    s = s === null ? [] : JSON.parse(s);

    //repeat
    d = await AsyncStorage.getItem('doneProjects');
    d = d === null ? [] : JSON.parse(d);
    let data = await getProjectsFromAPI();
    for(i in data.projects){
      data.projects[i].saved = s.includes(data.projects[i].id);
      data.projects[i].done =  d.includes(data.projects[i].id);
    }

    //update state
    store.dispatch({type:'PROJECTS_UPDATE', projects:data.projects});
    store.dispatch({type:'ROOMS_UPDATE', rooms:data.rooms});

    ready = true;
  } catch(error) {
    Alert.alert(
      'Network Error',
      'There\'s been an issue downloading event information. Make sure you\'re connected to the internet before trying again.',
      [
        {text: 'Try Again', onPress: () => initProjects()},
      ],
      { cancelable: false }
    );
  }
}
initProjects();

export default class Mizen extends Component {
  constructor(props) {
    super(props);
    this.state = {};
    setTimeout(() => this.readyCheck(), 250); // Keep checking until it is!
  }

  readyCheck(){
    this.setState({ready: ready});
    if(!this.state.ready){
      setTimeout(() => this.readyCheck(), 250);
    }
  }

  render() {
    if(this.state.ready){
      return (
        <Tabs store={store} />
      );
    } else {
      return(<SplashScreen />);
    }
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('Mizen', () => Mizen);