diff --git a/README.md b/README.md index e47437e..e0a6f88 100644 --- a/README.md +++ b/README.md @@ -9,3 +9,32 @@ i18n 国际化运营支持平台 - [farm-translation](./packages/farm-translation) 命令行工具 - [webpack-extract-i18n-plugin](./packages/webpack-extract-i18n-plugin) Webpack 插件 - [farm-i18n](./extension/farm-i18n) 管理 i18n 国际化配置文件的 Extension + +## 如何使用 + +请先下载 Chrome Extension 使用 `farm-i18n` 来管理你的 i18n 配置文件。 + +![](./extension/farm-i18n/farm-i18n.gif) + +格式如下: + +```json +{ + "appName": { + "zh_CN": {"message": "farm-i18n"} + }, + "OPTIONS_MENU_I18N_LIST": { + "zh_CN": {"message": "翻译任务"} + }, + "OPTIONS_CREATE_I18N_TASK": { + "zh_CN": {"message": "创建翻译任务"} + }, + "OPTIONS_CREATE_TEXT": { + "zh_CN": {"message": "创建"} + } +} +``` + +你可以使用扩展来输出不同语言的翻译格式,开发者可以将这份文件保存到本地。 + +前端开发者可以使用 [webpack-extract-i18n-plugin](./packages/webpack-extract-i18n-plugin) 来做提取自动生存 i18n 真正需要依赖的文件和目录。 diff --git a/extension/farm-i18n/README.md b/extension/farm-i18n/README.md index c4e08d0..14b661a 100644 --- a/extension/farm-i18n/README.md +++ b/extension/farm-i18n/README.md @@ -4,6 +4,8 @@ farm-i18n 是一个管理 i18n 国际化配置文件的扩展 +![](./farm-i18n.gif) + ## develop ```bash diff --git a/extension/farm-i18n/farm-i18n.gif b/extension/farm-i18n/farm-i18n.gif new file mode 100644 index 0000000..4997f41 Binary files /dev/null and b/extension/farm-i18n/farm-i18n.gif differ diff --git a/extension/farm-i18n/src/options/pages/translate/index.tsx b/extension/farm-i18n/src/options/pages/translate/index.tsx index 5b6158f..2d36bda 100644 --- a/extension/farm-i18n/src/options/pages/translate/index.tsx +++ b/extension/farm-i18n/src/options/pages/translate/index.tsx @@ -88,7 +88,11 @@ class Translate extends React.Component { } i = i + 1; } - data.localizesResult = JSON.stringify(localizesResult); + const { localizes } = data; + if (!(localizes.indexOf(localize) > -1)) { + data.localizes.push(localize); + } + data.localizesResult = JSON.stringify(localizesResult, null, 2); singletonData.setData(data.id, data); singletonData.saveStorage(); this.setState({