Using Closure Library on Phonegap(Android) application

Question

Hi has any one used google's Closure Library https://developers.google.com/closure/ in building Phonegap applications on Android. I have read that Closure has good support for internationalization of applications. So if anyone could provide material they referred or sample snippets to get an idea of how to implement it.

Answer 1

There is no difference as to how you use PhoneGap. Framing a web view inside a native app background, doesn't change.

The Closure Library, unlike any other library, will compile your javascript to raw heavily minified code with semantic features. otherwise yes, use it as you please, PhoneGap included.

When you build something with Closure, you can render the DOM in JavaScript. It is super fast and much much better than the conventional way.

so you create your pages with goog.dom.createDom. Below you will find an example.

var menuButton = goog.dom.createDom('a', {
    'class': 'menu-button',
    'otherAttributes': 'otherValues etc'
}, myproject.translations.menuButton.currentLanguage);

//Now you have a file like this:
goog.provide('myproject.translations');

// Language variations corresponding to that element.
myproject.translations.menuButton = {
    'EN': 'go',
    'FR': 'aller',
    'DE': 'gehen'//etc...

};

Do the above wherever translations are needed. Then simply set the current language on load with something very easy like.

myproject.boot = function(parameters) {
    myproject.translations.currentLanguage = parameters['currentLanguage'];
};
goog.exportSymbol('myproject.boot', myproject.boot);

and then call the boot method inside the index.php or whatever on window.load and echo a JSON string with the boot parameters from the server. Beware, everything that comes from the server must be encapsulated within quotes when referenced. Otherwise the compiler will flatten the property name in ADVANCED_OPTIMIZATIONS mode.