onAppUpdate prior to rendering?

[mcg1103]

in my Application onAppUpdate method i automatically run window.location.reload() without asking the user.

The app is rendered... then it goes away and re-renders after reloading the app. Is there a way to do this prior to any render as I am not giving the option to run the cached version?

Thanks,
Mark

[praveensaini23]

Hi,

If you see source code of onBeforeLaunch() function, app update is fired at the end of the function. So what you can try is you can override this onBeforeLaunch function of Ext.app.Application class and try to move below line in the starting of the function and return from that if condition, if there is any update.
// Microloader has detected an Application Cache or LocalStorage Cache update, inform everyone
// that may have added listeners late.
if (Ext.Microloader && Ext.Microloader.appUpdate && Ext.Microloader.appUpdate.updated) {
return Ext.Microloader.fireAppUpdate();
}

As you will write return from that if-condition, when you will write location.reload() in onAppUpdate function, execution will come again there.
Try that way, actually I havn't try that but just guessing that it will work

[mcg1103]

Thanks for sending me down the correct path.

Even with the return in the if statement the page was still first rendered then reloaded.
I added the window.location.reload() directly in the if statement and that seems to do the trick.

I need to figure out how to do this with an override. I will work on that next and update this thread.

Thanks again for pointing me in the correct direction.

 
if (Ext.Microloader && Ext.Microloader.appUpdate && Ext.Microloader.appUpdate.updated) {
	window.location.reload();
        //return Ext.Microloader.fireAppUpdate();
			
}

-Mark

[mcg1103]

I have not done much testing... and I am concerned if the new version is not loaded then it could get into an infinite loop of trying to reload.

Ext.define('Dcs.override.app.Application', {
    override: 'Ext.app.Application',
	
	config: {
		autoReload: false
	},
	
    onBeforeLaunch: function() {
		if (this.getAutoReload() && Ext.Microloader && Ext.Microloader.appUpdate && Ext.Microloader.appUpdate.updated) {
			window.location.reload();
		} else {
			this.callParent(arguments);
		}
	}
	
});

Then in your Application

remember when testing you have to reload twice after changing autoReload to true. The version on your browser cache will still have false and ask for a reload.

Ext.define('Checkout.Application', { 
    extend: 'Ext.app.Application',

	autoReload: true,


    // this will never be ran if autoReload is set to true.
    // you don't need this function.
    onAppUpdate: function () {
        Ext.Msg.confirm('Application Update', 'This application has an update, reload?',
            function (choice) {
                if (choice === 'yes') {
                    window.location.reload();
                }
            }
        );
    }

     // rest of your application.

}