elmasse!

I just created both projects (ExtJS and SenchaTouch Bundle) in my github repo. Now you can find'em at https://github.com/elmasse I will upload soon the previous versions also (ExtJS 2.x and 3.x) but right now you can download a working draft for ExtJS 4.

Please, feel free to download, fork, propose changes or whatever you want. You can also post bugs so we can track issues.

I will be working on documentation during the next weeks so we can get a wiki explaining how Bundle works.

Future plans are:

• Upload CSS version
• Create a new PlistReader so we can use this implementation with PhoneGap in iOS for .plist files
• Test on PhoneGap
• Documentation

Internationalization (or i18n) is one of the worst features we have today on Web Application. I'm a big fan of Sencha and I have been reviewing their solution about i18n. I have also created my own solution a few years ago but, I came across both solutions have limitations and problems. Using a different js file with, let's call'em keys, you have to overwrite, for example, a Month name as Month.January so when you want to translate that into Spanish you just have to overwrite that key with

 
    Month.January = 'Enero'

The approach is excellent if you plan to keep that key as a pure variable, or you plan to reload the page in case you want to change the language. Now, what if I just want to change my language 'on the fly'. Ok, you could do that just adding those js files onto your document body or header, as scriptTagProxy does for example to load a new script. At this point everything will work ok. A common practice is to assign a key to somewhere or some property that is not used as a simple var. Let me explain this briefly. Assume we have a TabPanel with a few items on it, each one with its title as a key:

 
setupDemo = function(){
    //Bundle is declared global for this example
    Bundle = {title1: 'title One', title2: 'title Two'}; 

    new Ext.TabPanel({
      items:[
        {title: Bundle.title1, html: '1'},{title: Bundle.title2, html: '2'},
      ]
    });
}

Now you can download the Ext.i18n.Bundle component for Sencha Touch! It has the same usage as the one for ExtJS. I have also included a file called sencha-patch.js since the version 0.9 has some small issues with Ext.data.Store and Ext.data.AjaxProxy.

Now ready for SenchaTouch 1.0!

Go to Download Section or Read About i18n.Bundle Component!

Update:For latest versions check my github repository

This is a Resource Bundle implementation for ExtJS. What's a Resource Bundle? This idea comes from Java world where you can separate all the locale based information from the source code. This helps to maintain the source code and facilitates the translations.