Simple, ease-to-use and flexible package for the Laravel web framework. Allows you to use localized messages of the Laravel webapp (see resources/lang directory) in your Javascript code. You may easily configure which messages you need to export.
A major bug when using the package with Laravel 5 has been fixed.
Additionally, the master branch has been dropped. Use the branch that matches your framework version:
| Laravel | Branch |
|---|---|
| 5.x | laravel-5 |
| 4.2 | laravel-4.2 |
| 4.1 | laravel-4.1 (near end of life) |
| 4.0 | laravel-4.0 (end of life) |
Add the following line to the require section of your Laravel webapp's composer.json file:
"require": {
"andywer/js-localization": "dev-laravel-5" // "dev-laravel-4.1", "dev-laravel-4.2" for Laravel 4
}Run composer update to install the package.
Finally add the following line to the providers array of your app/config/app.php file:
'providers' => [
/* ... */
JsLocalization\JsLocalizationServiceProvider::class
]Run php artisan vendor:publish first. This command copies the package's default configuration to config/js-localization.php.
You may now edit this file to define the messages you need in your Javascript code. Just edit the messages array in the config file.
Example (exports all reminder messages):
<?php
return [
// Set the locales you use
'locales' => ['en'],
// Set the keys of the messages you want to use in javascript
'messages' => [
'passwords' => [
'password', 'user', 'token'
]
],
/*
* in short:
* 'messages' => ['passwords']
*
*
* you could also use:
*
* 'messages' => [
* 'passwords.password',
* 'passwords.user',
* 'passwords.token'
* ]
*/
// Set the keys of config properties you want to use in javascript.
// Caution: Do not expose any configuration values that should be kept privately!
'config' => [
'app.debug'
],
// Disables the config cache if set to true, so you don't have to run `php artisan js-localization:refresh`
// each time you change configuration files.
// Attention: Should not be used in production mode due to decreased performance.
'disable_config_cache' => false,
];Important:
The messages configuration will be cached when the JsLocalizationController is used for the first time. After changing the messages configuration you will need to call php artisan js-localization:refresh to refresh that cache. That also affects the config properties you export to javascript, since they are cached, too.
You just need to add the necessary <script> tags to your layout. Here is an example blade view:
@include('js-localization::head')
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test view</title>
@yield('js-localization.head')
</head>
<body>
<p>
Here comes a translated message:
<script type="text/javascript">
document.write( Lang.get('reminder.user') );
</script>
</p>
</body>
</html>Remember it's best to not put the @yield('js-localization.head') in the <head> as it contains the <script> tag
shipping the frontend part of this package. It's best practice to put it at the end of the <body>, but before
other <script> tags. The example above simply includes it in the head, since it's the simplest form to use it.
You may use Lang.get(), Lang.has(), Lang.choice(), Lang.locale() and trans() (alias for Lang.get()) in your Javascript code. They work just like Laravel's Lang facade.
Additionally, you are able to pass configuration properties to your Javascript code as well. There is Config.get() in Javascript, too. Configure which config properties to pass to the client using the config field in config/js-localization.php. Attention: Do not export any security-critical properties like DB credentials or similar, since they would be visible to anyone using your application!
Variables in messages are supported. For instance: "This is my test string for :name.".
Pluralization is also supported, but does not care about the locale. It only uses the English pluralization rule ("singular text|plural text"). More complex pluralization quantifiers are not yet supported.
Assume you are developing a laravel package that depends on this javascript localization features and you want to configure which messages of your package have to be visible to the JS code.
Fortunately that's pretty easy. Just listen to the JsLocalization.registerMessages event and use the JsLocalization\Facades\JsLocalizationHelper::addMessagesToExport() method. Like so:
<?php
use Illuminate\Support\ServiceProvider;
use JsLocalization\Facades\JsLocalizationHelper;
class MyServiceProvider extends ServiceProvider
{
/* ... */
public function register()
{
Event::listen('JsLocalization.registerMessages', function()
{
JsLocalizationHelper::addMessagesToExport([
// list the keys of the messages here, similar
// to the 'messages' array in the config file
]);
});
}
/* ... */
}This software is released under the MIT license. See license.