fkei / riot-i18nlet

Internationalization library for riotjs

🌐 riot-i18nlet

Internationalization library for riotjs

🎵 Features

• <riot-i18n> custom tag
• Shortcut access within tag using riot.mixin
• window.riotI18nlet direct access

📖 Documentation

🚀 Install

brower: script tag

Direct Download / CDN

<script src="https://unpkg.com/riot-i18nlet/dist/iife.riot-i18nlet+i18nlet.js"></script>

other release files

• dist(release) directory

NPM

npm install --save riot-i18nlet

bower

bower install riot-i18nlet

Custom Build

You will have to clone directly from GitHub and build riot-i18nlet yourself if you want to use the latest dev build.

git clone https://github.com/fkei/riot-i18nlet.git
npm install
npm run release

---
Output Directory : dist/

🏁 Getting started

Custom tag <riot-i18nlet>

<script src="https://unpkg.com/riot/riot"></script>
<script src="https://unpkg.com/riot-i18nlet/dist/iife.riot-i18nlet+i18n.js"></script>

<!-- HTML -->
<spec>
  <riot-i18nlet context="hello" vals="{ {name: 'fkei'} }" />
</spec>

<!-- Javascript -->
<script>
  var message = {
    ja: {
      'emoji.happy': ':)',
      hello: 'こんにちは {{name}} {{emoji.happy}}',
    },
    en: {
      'emoji.happy': ':)',
      hello: 'Hello {{name}} {{emoji.happy}}',
    },
  };
  var riotI18nlet = window.riotI18nlet.init();
  riotI18nlet.loads(message);

  // use custom tag for riot.js
  riot.mount('spec')[0];
</script>

Javascript acccess

var message = {
  ja: {
    'emoji.happy': ':)',
    hello: 'こんにちは {{name}} {{emoji.happy}}',
  },
  en: {
    'emoji.happy': ':)',
    hello: 'Hello {{name}} {{emoji.happy}}',
  },
};
var riotI18nlet = window.riotI18nlet.init();
riotI18nlet.loads(message);

// access
var message = riotI18nlet.i('hello', { name: 'fkei' });
console.log(message); // console panel > 'Hello fkei :)'

Configuration

code : window.riotI18nlet.init(settings)

see i18nlet init

📜 Releases

---

Detailed changes for each release are documented in the releases.

Develop

eslint

npm run lint

test (build, mocha and karma)

npm test

build

# build
npm run build

# build and uglify
npm run release

debug

# mocha
npm run mocha-dev

# karma
npm run karma-dev

©️ License

MIT