@blueeast/bluerain-plugin-intl NPM

bluerain Internationalisation plugin

Adds internationalization through react-intl-redux . https://blueeast.gitbook.io/bluerain-plugin-intl

🌏 Web	🖥 Electron	📱 React Native
✔️	✔️	TBD

Screenshots

Components

This plugin registers following components in the Component registry, so they can be reused later by other apps and plugins:

FormattedMessageWeb
FormattedNumber Web
FormattedPlural Web
FormattedDate Web
FormattedTimeWeb
FormattedRelativeWeb

IntlConsumer

This Component is used to provide Intl functionality as a prop

<BR.Components.IntlConsumer>
  {({ children, intl }) => {
    
  return props.intl
  }}
</BR.Components.IntlConsumer>

Hooks

bluerain.intl.messages

This hook gives the ability to add custom intl messages.

Parameters:

Name	Type	Description
messages	Object	The messages db

Returns:

Name	Type	Description
messages	Object	The messages db

Example:

This example registers custom english and urdu messages to the system:

BR.Filters.add('bluerain.intl.messages', function eng(messages) {
    const en = require('./lang/en.ts');
    const ur = require('./lang/ur.ts');

    messages.en =  Object.assign(messages.en ? messages.en : {}, en);
    messages.ur = Object.assign(messages.ur ? messages.ur : {}, ur);

    return messages;
});