initial commit

src/stores/authStore.js

@@ -0,0 +1,156 @@
+import { observable } from 'mobx';
+import alertify from 'alertify.js';
+
+//Firebase
+var firebase = require('./fb').fb
+var firebase_orig = require('./fb').firebase
+// Initialize Cloud Firestore through Firebase
+var db = firebase.firestore();
+
+
+class AuthStore {
+  /*#######################################################
+  ##  Vars
+  ##
+  ##    userData
+  /*#######################################################*/
+  //Authentification information, for example user data of logged in user
+  //auth is userData result from auth().onAuthStateChanged()
+  //User information of logged in user
+  userData = observable({
+    uid: null,
+    userData: null
+  });
+
+  /*#######################################################
+  ##  Functions
+  ##
+  ##    load
+  ##    getUserInfo
+  ##    verifyPhone
+  ##    signOut
+  /*#######################################################*/
+  load() {
+    //Load all auth related things
+
+    console.info("Loading authStore");
+    this.stores.rootStore.isLoaded.app = false;
+
+    firebase.auth().onAuthStateChanged((user) => {
+      if (user) {
+        //Logged in
+
+        console.info("Logged in as " + user.uid);
+        Object.assign(this.userData, {
+          uid: user.uid
+        });
+
+        console.info("AuthStore loaded");
+        this.stores.rootStore.isLoaded.app = true;
+
+      } else {
+        //Logged out
+
+        console.info("Logged out");
+        Object.assign(this.userData, {
+          uid: null
+        });
+
+        console.info("AuthStore loaded");
+        this.stores.rootStore.isLoaded.app = true;
+      }
+    });
+  }
+
+
+  getUserInfo(userId) {
+    //Returns all user info from firestore.
+    //Param: userId
+    //Returns a promise
+
+    return new Promise(function (resolve, reject) {
+      var docRef = db.collection("users").doc(userId);
+      return docRef.get().then((doc) => {
+        if (doc.exists) {
+          resolve(doc.data());
+        } else {
+          // doc.data() will be undefined in this case
+          alertify.delay(0).error("Base Web doesn't support signing up yet. Please install the mobile app to sign up! Refresh Base Web after!");
+          console.error("User with id " + userId + " not found in user db!");
+          reject()
+        }
+      }).catch(function(error) {
+          console.error("Error getting document:", error);
+          reject()
+      });
+    });
+  }
+
+
+  createSignInRecaptcha(phoneNumber) {
+    firebase.auth().useDeviceLanguage();
+
+    window.recaptchaVerifier = new firebase_orig.auth.RecaptchaVerifier('sign-in-button', {
+      'size': 'invisible',
+      'callback': (response) => {
+        // reCAPTCHA solved, allow signInWithPhoneNumber.
+        this.signIn();
+      }
+    });
+
+    window.recaptchaVerifier.render().then(function(widgetId) {
+      window.recaptchaWidgetId = widgetId;
+    });
+  }
+
+
+  signIn(){
+    //Verify phone number and then sign in
+
+    console.info("Verify phone number");
+
+    const phoneNumber = this.userData.phoneCode + this.userData.phoneNumber;
+
+    alertify.log("....Sending verification code....");
+    firebase_orig.auth().signInWithPhoneNumber(phoneNumber, window.recaptchaVerifier).then(function (confirmationResult) {
+      //Code verification prompt
+      alertify.log("You will receive a SMS with a verification code soon.");
+      alertify.prompt("You will receive a SMS with a verification code soon. Please check your SMS on your phone. Enter the code below:",
+        function (val, ev) {
+          ev.preventDefault();
+          //Confirm code
+          confirmationResult.confirm(val).then(function (result){
+            alertify.success("Successfully signed in");
+          }).catch(function () {
+
+            alertify.error("Wrong code!");
+          });
+        },
+        function(ev) {
+          ev.preventDefault();
+
+          alertify.error("You've cancelled the phone verification");
+        }
+      );
+    })
+    .catch(function (error) {
+      window.recaptchaVerifier.reset(window.recaptchaWidgetId);
+      alertify.delay(0).error("Base Web doesn't support signing up yet. Please install the mobile app to sign up! Refresh Base Web after!");
+      console.error(error.code);
+    });
+  }
+
+
+  signOut(){
+    //Signes user out
+
+    firebase_orig.auth().signOut().then(function(){
+
+    }).catch(function(error){
+      console.error(error);
+    });
+  }
+
+}
+
+export default AuthStore;

src/stores/fb.js

@@ -0,0 +1,48 @@
+/*
+* Firebase initializeApp START -------------------------
+*/
+var firebase = require('firebase/app');
+
+require("firebase/auth");
+require("firebase/firestore");
+require("firebase/storage");
+
+
+var config = {
+  apiKey: "AIzaSyCjWyrIzayUmEBcMcQyPvcXjNDkQONfJA8",
+  authDomain: "base-6d44c.firebaseapp.com",
+  databaseURL: "https://base-6d44c.firebaseio.com",
+  projectId: "base-6d44c",
+  storageBucket: "base-6d44c.appspot.com"
+};
+
+/*var config = {
+  apiKey: "AIzaSyDHnDObdPUAOFJfRpgC1tOG59NhheQYUmk",
+  authDomain: "netwoko-staging.firebaseapp.com",
+  databaseURL: "https://netwoko-staging.firebaseio.com",
+  projectId: "netwoko-staging",
+  storageBucket: "netwoko-staging.appspot.com"
+};*/
+
+var fb;
+
+try {
+  fb = firebase.app();
+  //const auth = firebase.auth();
+  //console.log(auth);
+}
+catch (err) {
+  fb = firebase.initializeApp(config);
+  const firestore = firebase.firestore();
+
+  const settings = {timestampsInSnapshots: true};
+  firestore.settings(settings);
+}
+
+module.exports = {
+  fb,
+  firebase
+}
+/*
+* Firebase initializeApp END --------------------------
+*/

src/stores/functions/createId.js

@@ -0,0 +1,17 @@
+const createId = function() {
+  //Creates a unique id for each chat bubble so that the animation can be triggered
+
+  var random = "";
+  var possible = "abcdefghijklmnopqrstuvwxyz";
+
+  for (var i = 0; i < 10; i++)
+    random += possible.charAt(Math.floor(Math.random() * possible.length));
+
+  while(true) {
+    if(!document.getElementById(random)) {
+      return random;
+    }
+  }
+}
+
+export default createId;

src/stores/functions/history.js

@@ -0,0 +1,3 @@
+import { createBrowserHistory } from 'history';
+
+export default createBrowserHistory();

src/stores/functions/promiseAll.js

@@ -0,0 +1,19 @@
+const promiseAll = function(promises) {
+  var results = [];
+  var completedPromises = 0;
+  return new Promise(function (resolve, reject) {
+    promises.forEach(function(promise, index) {
+      promise.then(function (value) {
+        results[index] = value;
+        completedPromises += 1;
+        if(completedPromises === promises.length) {
+          resolve(results);
+        }
+      }).catch(function (error) {
+        reject(error);
+      });
+    });
+  });
+}
+
+export default promiseAll;

src/stores/rootStore.js

@@ -0,0 +1,52 @@
+import { observable } from 'mobx';
+import browser from 'browser-detect';
+import alertify from 'alertify.js';
+
+//Import stores
+import AuthStore from './authStore';
+
+
+class RootStore {
+  constructor() {
+    this.stores = {
+      rootStore: this,
+      authStore: new AuthStore()
+    }
+
+    //Pass stores down each store
+    this.stores.authStore.stores = this.stores;
+  }
+
+
+
+  /*#######################################################
+  ##  Vars
+  ##
+  ##    isLoaded
+  /*#######################################################*/
+  //Includes all loading vars to test whether specific data is loaded or not
+  isLoaded = observable({
+    app: false
+  });
+
+
+
+  /*#######################################################
+  ##  Functions
+  ##
+  ##    loadApp
+  ##    promiseAll
+  /*#######################################################*/
+  loadApp() {
+    console.log("Your browser: " + browser());
+
+    if(navigator.cookiesEnabled) {
+      alertify.delay(0).error("Please activate cookies in your browser! Refresh after");
+    }
+
+    //Load auth store
+    this.stores.authStore.load();
+  }
+}
+
+export default RootStore;