Nondeterministic Palindrome Machine
Miss any of our Open RFC calls?Watch the recordings here! »

riot-i18nlet

0.2.5 • Public • Published

🌐 riot-i18nlet

GitHub license Github All Releases GitHub last commit Travis CI

NPM

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

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

Install

npm i riot-i18nlet

DownloadsWeekly Downloads

87

Version

0.2.5

License

MIT

Unpacked Size

98.4 kB

Total Files

28

Last publish

Collaborators

  • avatar
  • avatar
  • avatar