docusaurus/packages/docusaurus-theme-classic/update-code-translations.js
Sébastien Lorber 1734975f2f
feat(v2): Add Interpolate / interpolate APIs + complete theme translations (#4295)
* WIP: refactor team profile cards

* Add Interpolate / interpolate APIs

* Add interpolate snapshot test

* comments

* fix Interpolate TS types

* Interpolate should handle numbers and other JS types

* translate BlogPostItem

* interpolate translate() fn + add translations for blog post tag header

* localize the LastUpdated component

* translate DocVersionSuggestions

* fix test

* add some new translations

* Add node script to easily update the theme default translations

* fix translation extractor bug due to translate() dynamic values

* use ICU placeholder syntax

* refactor month key

* order

* team  page translation improvements

* Add interpolation doc + improve i18n doc
2021-02-26 13:19:51 +01:00

189 lines
5.1 KiB
JavaScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const chalk = require('chalk');
const path = require('path');
const fs = require('fs-extra');
const globby = require('globby');
const {mapValues, difference} = require('lodash');
function sortObjectKeys(obj) {
const keys = Object.keys(obj);
keys.sort();
return keys.reduce((acc, key) => {
acc[key] = obj[key];
return acc;
}, {});
}
function logSection(title) {
console.log(``);
console.log(``);
console.log(`##############################`);
console.log(`## ${chalk.blue(title)}`);
}
function logKeys(keys) {
return `Keys:\n- ${keys.join('\n- ')}\``;
}
async function extractThemeCodeMessages() {
// Unsafe import, should we create a package for the translationsExtractor ?
const {
globSourceCodeFilePaths,
extractAllSourceCodeFileTranslations,
} = require('@docusaurus/core/lib/server/translations/translationsExtractor');
const codeDirPaths = [path.join(__dirname, 'lib-next')];
const filePaths = (
await globSourceCodeFilePaths(codeDirPaths)
).filter((filePath) => ['.js', '.jsx'].includes(path.extname(filePath)));
const filesExtractedTranslations = await extractAllSourceCodeFileTranslations(
filePaths,
{
presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
},
);
filesExtractedTranslations.forEach((fileExtractedTranslations) => {
fileExtractedTranslations.warnings.forEach((warning) => {
console.warn(chalk.yellow(warning));
});
});
const translations = filesExtractedTranslations.reduce(
(acc, extractedTranslations) => {
return {...acc, ...extractedTranslations.translations};
},
{},
);
const translationMessages = mapValues(
translations,
(translation) => translation.message,
);
return translationMessages;
}
async function readMessagesFile(filePath) {
return JSON.parse(await fs.readFile(filePath));
}
async function writeMessagesFile(filePath, messages) {
const sortedMessages = sortObjectKeys(messages);
await fs.writeFile(filePath, JSON.stringify(sortedMessages, null, 2));
console.log(
`${path.basename(filePath)} updated (${
Object.keys(sortedMessages).length
} messages)`,
);
}
async function getCodeTranslationFiles() {
const codeTranslationsDir = path.join(__dirname, 'codeTranslations');
const baseFile = path.join(codeTranslationsDir, 'base.json');
const localesFiles = (await globby(codeTranslationsDir)).filter(
(filepath) =>
path.extname(filepath) === '.json' && !filepath.endsWith('base.json'),
);
return {baseFile, localesFiles};
}
async function updateBaseFile(baseFile) {
const baseMessages = await readMessagesFile(baseFile);
const codeMessages = await extractThemeCodeMessages();
const unknownMessages = difference(
Object.keys(baseMessages),
Object.keys(codeMessages),
);
if (unknownMessages.length) {
console.log(
chalk.red(`Some messages exist in base.json but were not found by the code extractor!
They won't be removed automatically, so do the cleanup manually if necessary!
${logKeys(unknownMessages)}`),
);
}
const newBaseMessages = {
...baseMessages, // Ensure we don't automatically remove unknown messages
...codeMessages,
};
await writeMessagesFile(baseFile, newBaseMessages);
return newBaseMessages;
}
async function updateLocaleCodeTranslations(localeFile, baseFileMessages) {
const localeFileMessages = await readMessagesFile(localeFile);
const unknownMessages = difference(
Object.keys(localeFileMessages),
Object.keys(baseFileMessages),
);
if (unknownMessages.length) {
console.log(
chalk.red(`Some localized messages do not exist in base.json!
You may want to delete these!
${logKeys(unknownMessages)}`),
);
}
const newLocaleFileMessages = {
...baseFileMessages,
...localeFileMessages,
};
const untranslatedKeys = Object.entries(newLocaleFileMessages)
.filter(([key, value]) => {
return value === baseFileMessages[key];
})
.map(([key]) => key);
if (untranslatedKeys.length) {
console.warn(
chalk.yellow(`Some messages do not seem to be translated!
${logKeys(untranslatedKeys)}`),
);
}
await writeMessagesFile(localeFile, newLocaleFileMessages);
}
async function updateCodeTranslations() {
logSection('Will update base file');
const {baseFile, localesFiles} = await getCodeTranslationFiles();
const baseFileMessages = await updateBaseFile(baseFile);
for (const localeFile of localesFiles) {
logSection(`Will update ${path.basename(localeFile)}`);
// eslint-disable-next-line no-await-in-loop
await updateLocaleCodeTranslations(localeFile, baseFileMessages);
}
}
updateCodeTranslations().then(
() => {
console.log('');
console.log(chalk.green('updateCodeTranslations end'));
console.log('');
},
(e) => {
console.log('');
console.error(chalk.red(`updateCodeTranslations failure: ${e.message}`));
console.log('');
console.error(e.stack);
console.log('');
process.exit(1);
},
);