Blade templates internationalization

<p>Hello world!</p><p>{{ trans('app.helloWorld') }}</p>
<!-- resources/lang/en/messages.php: 'helloWorld' => 'Hello world!' -->

<p>Hello world, {{ $user }}!</p><p>{{ trans('app.helloWorld', ['user' => $user]) }}</p>
<!-- resources/lang/en/messages.php: 'helloWorld' => 'Hello world, :user!' -->

<p>Hello <b>world</b>!</p><p>{!! trans('app.helloWorld') !!}</p>
<!-- resources/lang/en/messages.php: 'helloWorld' => 'Hello <b>world</b>!' -->

Features supported

Configure hardcoded strings extraction from Blade templates

The plugin should automatically configure itself for Laravel projects, but adjustments could be needed for custom setup.

Blade Source Code Preferences screenshot

Scope

i18n Ally is applying inspections for files that have .blade.php extension and are included into a PhpStorm’s scope.

Create a new scope or adjust existing by clicking on button and handpicking only the meaningful directories and files.

Select Project files to include all .blade.php files in your project.

Inline tags

List of tags that would be taken inside translations, like a, strong or span. Filled by default with all “inline” tags listed on MDN.

An example of extraction result difference between block and inline tags:

Three
<p>different</p>
keys.
<!-- ⬇ will be extracted into -->
{{ trans('app.three') }}
<p>{{ trans('app.different') }}</p>
{{ trans('app.keys') }}

One <b>inclusive</b> key.
<!-- ⬇ will be extracted into -->
{!! trans('app.oneInclusiveKey') !!}

You can add custom tags, like icon, by appending a new tag to the comma-separated list.

Translatable attribute names

Translatable attributes are also checked for the translatable text:

<img src="…"
     alt="Checked by default"
     title="Checked by default"
     data-content="Requires configuration" />

You can add custom attributes, like data-content, by appending a new attribute to the comma-separated list.

Replacement template

The “Replacement template” reflects the result of the hardcoded string extraction.function name and arguments template.

Recommended value for Laravel v5.0+: trans('%namespace%.%key%', %map%)
with “Skip default namespace” checkbox set to false.

%key%

Short key or a natural language string that defines a translation.

%namespace%

Namespace (called ‘domain’ in Symfony) usually means a part of language file path from where translations would be searched for. The default namespace is usually messages, but could be changed by putting a namespace in first position in “Namespaces” field.

%map%

If there are no variables in the string, then nothing would be added.

Map will be replaced with an associative short syntax array if there are any placeholders detected: trans('namespace.key', ['foo' => $foo, 'bar' => $bar]).

Placeholder names will be determined automatically based on a respective variable, function or method name.

In language files placeholder syntax will be determined based on the Placeholder format setting of the language file.

%list%

If there are no variables in the string, then nothing would be added.

List will be replaced with an array if there are any placeholders detected: trans('namespace.key', [$foo, $bar]).

In language files the ordered placeholder syntax {0}, {1} will be enforced.

%varargs%

If there are no variables in the string, then nothing would be added.

Varargs will be replaced with placeholder passed directly to the translation function if there are any placeholders detected: trans('namespace.key', $foo, $bar).

In language files the ordered placeholder syntax {0}, {1} will be enforced.

Supported language constructs

All strings inside tags and translatable attributes are checked.

What’s not supported

  • Extracting strings from blade expressions, like {{ someFunc('Hello world!') }}
  • Strings from blade directives, like @if ($foo === 'Hello world!')
  • Renaming key names from language files

What strings are skipped

  • Pure HTML markup with blade expressions, like <a href="{{ route('home') }}"><img …></a>.
  • All attributes except ones listed in “Translatable attribute names” preference.
  • Content inside trans block as it’s assumed to be already extracted.
  • Content inside verbatim directive.
  • Content inside script and pre tags.
  • Strings that looks like code: without letters, multiple words without spaces or camelCased ones.
  • Strings inside expressions and directives, like @auth('Hello world!')

Best practice: dealing with branching in messages

It’s common to have small and simple branching for presentation purposes:

Webhook <strong>{{ $success ? 'succeeded' : 'failed' }}</strong>.

The best practice it to separate this message into two different ones so translators would have a full context and would be able to adjust word order according the target language grammar.

1st step: manually extract the condition out of the message to get two messages without condition

@if ($success)
    Webhook <strong>succeeded</strong>.
@else
    Webhook <strong>failed</strong>.
@endif

2nd step: replace simple messages with i18n Ally

@if ($success)
    {!! trans('app.webhookSucceeded') !!}
@else
    {!! trans('app.webhookFailed') !!}
@endif