loctool for JavaScript devs

ilib-loctool-javascript and ilib-loctool-javascript-resource are a plugin for the loctool that allows it to read and localize javascript files.

Input file typeOutput file typeSample
js, jsx, html.haml, tmpl.htmljshere

1) Extract localizable Strings

  • ilib-loctool-javascript plugin takes specific type files and extract localizable strings by the syntax below.
  • ilib-loctool-javascript-resource plugin generate localization data.
RB.getString("This is a test");
RB.getString("This is a test with a unique id", "id1");
RB.getStringJS('Smart Watches');

2) Prepre XLIFF files

Prepare multi-language XLIFF files with translation.
With loctool parameter or through a config file, It can set xliff files location.

// a) loctool option
-x or --xliffs
Specify the dir where the xliffs files live. Default: "."
// b) set in project.json config file
...
"settings": {
"xliffsDir": "./xliffs",
...

3) Write config file for loctool

Make sure resourceDirs, resourceFileType and plugin are written correctly in project.json file.

i.e) project.json

...
"resourceDirs": {
"javascript": "resources"
},
"resourceFileTypes": {
"javascript":"ilib-loctool-javascript-resource"
},
"plugins": [
"ilib-loctool-javascript"
],
...

4) Run the loctool - Generate localization data

loctool creates a new folder under resources with name of [locale].js .

i.e) ko-KR.js

ilib.data.strings_ko_KR = {
"Hello": "안녕",
"Thank you": "고마워"
};