FIX: Fixed perf issues with remote syncing

* added longer timeout, in case older devices are unable to load the index.html file quickly enough

DynamicBibleIonic/config.xml

@@ -63,6 +63,7 @@
     <preference name="AutoHideSplashScreen" value="false" />
     <preference name="SplashShowOnlyFirstTime" value="false" />
     <preference name="FadeSplashScreen" value="false" />
+    <preference name="loadUrlTimeoutValue" value="60000" />
     <feature name="SplashScreen">
         <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
     </feature>

DynamicBibleIonic/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamicbible",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

DynamicBibleIonic/src/app/main.ts

@@ -1,7 +1,8 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app.module';
-import {enableProdMode} from '@angular/core';
+import {enableProdMode} from '@angular/core';
+
 enableProdMode();
 
 platformBrowserDynamic().bootstrapModule(AppModule);

DynamicBibleIonic/src/services/profile-service.ts

@@ -9,6 +9,7 @@ import { Storage } from '@ionic/storage';
 
 import { CardItem } from '../pages/search/search';
 import { Promise } from 'q';
+import { setTimeout } from 'timers';
 
 type fbObject<T> = {
     ref: AngularFireObject<T>,
@@ -42,15 +43,35 @@ export class ProfileService
     remoteProfile: fbObject<User> | null;
     remoteLoggedIn: boolean;
     isWeb: boolean;
+    needsSync = false;
 
-    constructor(
+    constructor(private local: Storage, private db: AngularFireDatabase, public firebaseAuth: AngularFireAuth)
-        private local: Storage
-        , private db: AngularFireDatabase
-        , public firebaseAuth: AngularFireAuth
-    )
     {
         this.isWeb = (document.URL.startsWith('http') || !document.URL.startsWith('http://localhost:8080'));
 
+        // asyncrounosly kick off a poller that does the work of syncing remotely when the
+        // profile needs to be synced.
+        (function poll(self)
+        {
+            setTimeout(function ()
+            {
+                // Setup the next poll recursively
+                if (self.needsSync)
+                {
+                    // do the sync here.
+                    // If we have a remote profile then save it there too 
+                    if (self.remoteProfile && self.localProfile.uid)
+                    {
+                        let st = new Date(); console.log('Saving the remote profile...');
+                        self.remoteProfile.ref.set(self.localProfile);
+                        console.log('Finished saving remote profile. ' + self.elapsed(st, new Date) + 'ms');
+                    }
+                    self.needsSync = false;
+                }
+                poll(self);
+            }, 3000);
+        })(this);
+
         let localObserver = this.userObserver().subscribe(
             user =>
             {
@@ -88,12 +109,15 @@ export class ProfileService
     subscribeToRemoteProfile(db: AngularFireDatabase, user: firebase.User)
     {
         if (!user) return;
+
         let obj = db.object('/settings/' + user.uid);
         this.remoteProfile = {
             ref: obj as AngularFireObject<User>,
             stream: obj.valueChanges() as Observable<User>,
         };
         this.profile().username = user.displayName;
+        this.profile().uid = user.uid;
+
         this.save();
         this.remoteProfile.stream.subscribe(
             user => this.handleRemotePreferenceChange(user),
@@ -106,22 +130,27 @@ export class ProfileService
         {
             if (!user.saved_pages) user.saved_pages = [];
             if (!user.items) user.items = [];
-            
+
-            // merge the items and the saved_pages, so they don't loose anything.
+            // merge the items so you don't loose anything.
-            if (this.localProfile.items.length > 0)
+            if (this.profile().items.length > 0)
                 user.items.concat(this.localProfile.items);
 
-            if (this.localProfile.saved_pages.length > 0)
+            // merge the saved pages so you don't loose those either
+            if (this.profile().saved_pages.length > 0)
                 user.saved_pages.concat(this.localProfile.saved_pages);
 
-            this.localProfile = user;
+            // don't sync things that don't make sense.
+            this.profile().uid = user.uid;
+            this.profile().username = user.username;
+
             // We only save the local change here since this is an update from our remote profile.
             this.localSave();
         }
         else
         {
             // No user is there so we should save our local to the remote.
-            this.save()
+
+            this.save();
         }
     }
 
@@ -153,8 +182,8 @@ export class ProfileService
         this.remoteLoggedIn = true;
 
     }
-    
+
-    Refresh()
+    refresh()
     {
         this.logout();
         this.authenticate();
@@ -167,28 +196,32 @@ export class ProfileService
         this.remoteLoggedIn = false;
     }
 
+    save()
+    {
+        this.localSave();
+        this.needsSync = true;
+    }
+
     private localSave()
     {
         this.local.set('profile', JSON.stringify(this.profile()));
     }
 
-    save()
-    {
-        // First we save our local copy of the settings.
-        this.localSave();
 
-        // If we have a remote profile then save it there too 
+    private elapsed(start: Date, finish: Date)
-        if (this.remoteProfile)
+    {
-        {
+        let difference = new Date();
-            this.remoteProfile.ref.set(this.profile());
+        difference.setTime(finish.getTime() - start.getTime());
-        }
+        return difference.getMilliseconds();
     }
 
-    public update(t: User): boolean
+    // this function updates a user object, in case new properties have been introduced
+    //  in a release.  
+    update(t: User): boolean
     {
         let updated = false;
         let k;
-        const user = this.localProfile;
+        const user = this.profile();
         for (k in user)
         {
             if (user.hasOwnProperty(k))
@@ -209,43 +242,42 @@ export class ProfileService
         return updated;
     }
 
-
     private resetUser()
     {
-        this.localProfile.strongs_modal = true;
+        this.profile().strongs_modal = true;
-        this.localProfile.clear_search_after_query = false;
+        this.profile().clear_search_after_query = false;
-        this.localProfile.items = [];
+        this.profile().items = [];
-        this.localProfile.append_to_bottom = false;
+        this.profile().append_to_bottom = false;
-        this.localProfile.insert_next_to_item = false;
+        this.profile().insert_next_to_item = false;
-        this.localProfile.font_size = 10;
+        this.profile().font_size = 10;
-        this.localProfile.saved_pages = [];
+        this.profile().saved_pages = [];
-        this.localProfile.verses_on_new_line = true;
+        this.profile().verses_on_new_line = true;
-        this.localProfile.show_verse_numbers = true;
+        this.profile().show_verse_numbers = true;
     }
 
     reset()
     {
         this.resetUser();
-        this.remoteProfile.ref.set(this.localProfile)
+        this.remoteProfile.ref.set(this.profile())
-        this.save()
+        this.save();
     }
 
     removePage(page: SavedPage)
     {
-        let idx = this.localProfile.saved_pages.indexOf(page);
+        let idx = this.profile().saved_pages.indexOf(page);
-        this.localProfile.saved_pages.splice(idx, 1);
+        this.profile().saved_pages.splice(idx, 1);
 
-        // save the users settings.
+        // Sync with remote
         this.save();
     }
 
     // TODO(jwall): This belongs somewhere else.
-    public textSizeChanged()
+    textSizeChanged()
     {
-        $('html').css('font-size', this.localProfile.font_size + 'px');
+        $('html').css('font-size', this.profile().font_size + 'px');
     }
 
-    public static createDefaultUser(): User
+    static createDefaultUser(): User
     {
         return {
             username: DEFAULT_USER_NAME,