Is it possible to know when manageTranslations is finished?

On my project I am trying to create a script that does the following:

• runs babel to extract the messages
• runs the translations manager to generate the language files
• removes the extracted messages directory (at least I don’t see any reason to keep these files…)

The problem is that there is no callback in the manageTranslations function and it also doesn’t return a Promise… Without this I cannot know when the function is finished so I can delete the extracted messages directory.

Is there any way to accomplish this?

[bensampaio]

Hi @LoicUV,

Here is a sample of what I did:

#! /usr/bin/env node
const glob = require('glob');
const manageTranslations = require('react-intl-translations-manager').default;
const path = require('path');
const shell = require('shelljs');

// List of file paths that might contain messages to be translated.
const srcPaths = glob.sync(path.resolve(process.cwd(), 'src', '**', '*.js'));

// Temporary path where to store the generated JSON files.
const tmpPath = path.resolve(process.cwd(), 'tmp');

// Output path for the locale translation files.
const outputPath = path.resolve(process.cwd(), 'trans');

// List of languages to support
const languages = ['nl', 'es'];

let exitCode = 0;

try {

    // Generate the JSON files for every file that defines messages.
    for (let filePath of srcPaths) {
        require('babel-core').transformFileSync(filePath, {
            plugins: [
                ['react-intl', { messagesDir: tmpPath }],
            ],
        });
    }

    // Manage the translation files for every language
    manageTranslations({
        languages,
        messagesDirectory: tmpPath,
        singleMessagesFile: true,
        translationsDirectory: outputPath,
    });

}
catch (e) {
    console.error(e);
    exitCode = 1;
}
finally {

    // Remove temporary folder when finished
    shell.exec(`rm -rf ${tmpPath}`, (code) => {
        shell.exit(exitCode || code);
    });

}

Then if you are using a tool like webpack together with json-loader you can do something like:

require.ensure('trans/nl.json', (require) => {
    const messages = require('trans/nl.json');
    ReactDOM.render(
        <IntlProvider messages={messages}>
            // your components in here
        </IntlProvider>
    );
});

Hope this helps!

[bensampaio]

I just realised what the problem was. I was using the transformFile function from babel-core instead of transformFileSync to generate the JSON files. So manageTranslations was being called before all the translation files were there. So my bad… Sorry for bothering you and thank you for the fast replies!