Here's how my application handles it using jQuery...
var DemoApp = null;
var JWA = {};
$(document).ready( function () {
// save the application to survive browser refresh
_save = function () {
log("window", "saving begin");
try {
jabberwerx.util.saveGraph(DemoApp, demoConfig.appTag);
} catch (e) {
log("window", "saving failed: " + e.message);
}
DemoApp._setState(-1);
DemoApp = null; //saved refs are no longer valid and should be invaldated
log("window", "saving end");
};
// load saved application, create new one if it doesn't exist
_load = function () {
log("window", "loading begin");
DemoApp = jabberwerx.util.loadGraph(demoConfig.appTag);
if (!DemoApp) {
log("window", "creating new application");
DemoApp = new JWA.Application();
DemoApp._login();
} else {
log("window", "application already created");
DemoApp._login();
}
DemoApp._updateState();
log("window", "loading end");
};
// Save app during browser refresh
jabberwerx.$(window).bind("unload", function () {
log("window", "onUnload begin");
_save();
log("DemoApp", "onUnload end");
});
// Here's where the application starts
JWA.Application = jabberwerx.JWModel.extend({
// Initialize the client and most bindings
init: function() {
log("DemoApp", "Application.init begin");
this._super();
var resource = demoConfig.resource + Math.floor((Math.random() * 1000000) + 1);
log("DemoApp","Resource = " + resource)
this.client = new jabberwerx.Client(resource);
.... etc ...
And at the bottom:
}, "JWA.Application");
jabberwerx.$.jStore.ready(function(engine) {
engine.ready(function() {
console.log('storage engine ready');
openLog();
console.log('onReady end');
_load();
});
});
});
