[Translator] How to properly use UX Translator from a Bundle?

[asdfMaciej]

Hello,

I'm creating a bundle with the following assets/ directory structure:

I have manually copied translator.js from existing application code, and modified it to use different relative paths:

import { localeFallbacks } from '../../../var/translations/configuration';
import { trans, getLocale, setLocale, setLocaleFallbacks } from '@symfony/ux-translator';

setLocaleFallbacks(localeFallbacks);

export { trans };

export * from '../../../var/translations';

The paths are relative to the node_modules directory, as during yarn build the file resides in /node_modules/@company-name/bundle-name/translator.js. The path isn't relative to the vendor/ directory, autocomplete gets it wrong.

Is this the correct approach to use UX Translator within a bundle? Or is there a better approach? Depending on the directory structure feels brittle to me and I wasn't able to find an answer regarding this topic.

I'm creating an Issue instead asking on Stack Overflow, as I would love to see this in the official documentation.

Thanks in advance :)

[Kocal]

Hi,

The Symfony UX Translator was designed with Symfony apps support in mind, and not bundles. Anyway, the Translator must not be installed in your bundle, it's not its responsability IMO.

A bundle won't be able to import translations directly, from your app.

However your app can initialize your bundle script and inject the needed translations:

1. Your bundle should not require the UX Translator
2. Your bundle must define its translations (in translations/ directory)
3. Your bundle must keep its assets uncompiled, this is needed for later
4. Your app must require the UX Translator, it will dump your app+bundles translations in /var/translations/... files
5. Your app must initialize your bundle's asset and inject the needed translations:

// assets/foo.js
import { FIRST_TRANSLATION_FROM_BUNDLE, SECOND_TRANSLATION_FROM_BUNDLE } from './translator';
import { initBundle } from 'path-to-your-bundle'; // your bundle must provide this kind of function

initBundle({
  translations: { FIRST_TRANSLATION_FROM_BUNDLE, SECOND_TRANSLATION_FROM_BUNDLE }
});

[carsonbot]

Thank you for this issue.
There has not been a lot of activity here for a while. Has this been resolved?

[carsonbot]

Could I get an answer? If I do not hear anything I will assume this issue is resolved or abandoned. Please get back to me <3