ztxkutils 2.10.66-11 → 2.10.66-13-beta

package/zti18n-cli/src/conf/FileConf.js

@@ -0,0 +1,116 @@
+const fs = require('fs');
+const path = require('path');
+const BaseConf = require('./BaseConf');
+const log = require('../utils/log');
+
+const cwdPath = process.cwd();
+
+module.exports = class FileConf extends BaseConf {
+  constructor(folder) {
+    super();
+    this.localesDir = folder;
+  }
+
+  /**
+   * 创建一个服务
+   */
+  createService() {
+    log.info('No need to create service in FileConf');
+    return super.createService();
+  }
+
+  /**
+   * 创建一个配置
+   * @param {string} confName  配置名称
+   * @param {object} values    KV值
+   * @param {object} refValues 参数备注
+   * @param {string} key       locales标识
+   */
+  createConf(confName, values, refValues, key) {
+    const folder = (
+      this.localesDir.startsWith('/')
+        ? this.localesDir
+        : path.join(cwdPath, this.localesDir)
+    );
+
+    try {
+      fs.accessSync(folder);
+    } catch (e) {
+      fs.mkdirSync(folder);
+    }
+
+    const configFilePath = path.join(folder, `${key}.json`);
+    return new Promise((resolve, reject) => {
+      fs.writeFile(configFilePath, JSON.stringify(values, null, 2), err => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve(configFilePath);
+        }
+      });
+    });
+  }
+
+  /**
+   * 更新一个配置
+   * @param {string} confName  配置名称
+   * @param {object} values    KV值
+   * @param {object} refValues 参数备注
+   * @param {string} key       locales标识
+   */
+  updateConf(confName, values, refValues, key) {
+    const configFilePath = path.join(cwdPath, this.localesDir, `${key}.json`);
+    return new Promise(resolve => {
+      fs.writeFile(configFilePath, JSON.stringify(values, null, 2), err => {
+        if (err) {
+          resolve({
+            code: -1,
+            message: err.message,
+          });
+        } else {
+          resolve({
+            code: 0,
+            data: configFilePath,
+          });
+        }
+      });
+    });
+  }
+
+  /**
+   * 获取配置值
+   * @param {string} _  配置名称
+   * @param {string} key  key
+   */
+  getConf(confName, key) {
+    const configFilePath = path.join(cwdPath, this.localesDir, `${key}.json`);
+    return new Promise((resolve, reject) => {
+      if (fs.existsSync(configFilePath)) {
+        let data = {};
+        try {
+          const content = fs.readFileSync(configFilePath);
+          data = content.length > 0 ? JSON.parse(content) : {};
+          resolve({
+            code: 0,
+            data: Object.keys(data).map(k => ({
+              key: k,
+              value: data[k],
+            })),
+          });
+        } catch (err) {
+          reject(new Error(`请检查 ${configFilePath} 资源文件 JSON 格式是否正确`));
+        }
+      } else {
+        reject(new Error(`资源文件 ${configFilePath} 不存在`));
+      }
+    });
+  }
+
+  /**
+   * 发布指定的配置
+   */
+  publishConf() {
+    log.info('No need to publish in FileConf');
+    return super.publishConf();
+  }
+};

package/zti18n-cli/src/index.js

@@ -0,0 +1,75 @@
+const program = require('commander');
+const convert = require('./command/convert');
+const convert2 = require('./command/convert2');
+const collect = require('./command/collect');
+const publish = require('./command/publish');
+const option = require('../package.json');
+
+module.exports = program;
+
+program
+  .version(option.version)
+  .option(
+    '-c, --config <path>',
+    'set config path. defaults to ./i18n.config.js'
+  );
+
+program
+  .command('sync')
+  .alias('s')
+  .description('pick chinese words and snyc with locale conf')
+  .option('-p, --publish', 'to publish the synced conf or not, defautl : false')
+  .action(function (options) {
+    collect(program.opts(), !!options.publish);
+  })
+  .on('--help', function () {
+    console.log('  Examples:');
+    console.log();
+    console.log('  sync without publish:');
+    console.log('    $ di18n sync -c ./config/prod.config.js');
+    console.log('  sync and then publish:');
+    console.log('    $ di18n sync -p -c ./config/prod.config.js');
+    console.log();
+  });
+
+program
+  .command('publish')
+  .description('publish locale confs')
+  .action(function () {
+    publish(program.opts());
+  })
+  .on('--help', function () {
+    console.log('  Examples:');
+    console.log();
+    console.log('    $ di18n publish');
+    console.log();
+  });
+
+// XXX: 不表意，需要改一下
+program
+  .command('convert')
+  .alias('c')
+  .description('convert to react-intl-universal')
+  .action(function () {
+    convert(program.opts());
+  })
+  .on('--help', function () {
+    console.log('  Examples:');
+    console.log();
+    console.log('    $ di18n convert -c ./config/prod.config.js');
+    console.log();
+  });
+
+program
+  .command('convert2')
+  .alias('c2')
+  .description('convert to intl.t')
+  .action(function () {
+    convert2(program.opts());
+  })
+  .on('--help', function () {
+    console.log('  Examples:');
+    console.log();
+    console.log('    $ di18n convert2 -c ./config/prod.config.js');
+    console.log();
+  });

package/zti18n-cli/src/translate/google.js

@@ -0,0 +1,6 @@
+// https://github.com/matheuss/google-translate-api/issues/79#issuecomment-427841889
+const googleTranslate = require('@vitalets/google-translate-api');
+
+module.exports = function translateByGoogle(text, targetLang) {
+  return googleTranslate(text, { client: 'gtx', to: targetLang });
+};

package/zti18n-cli/src/utils/isChinese.js

@@ -0,0 +1,3 @@
+module.exports = function isChinese(text) {
+  return /[\u4e00-\u9fa5]/.test(text);
+};

package/zti18n-cli/src/utils/log.js

@@ -0,0 +1,8 @@
+const chalk = require('chalk');
+
+module.exports = {
+  info: msg => console.log(chalk.cyan(msg)),
+  warning: msg => console.log(chalk.yellow(msg)),
+  success: msg => console.log(chalk.green(msg)),
+  error: msg => console.log(chalk.red(msg)),
+};

package/zti18n-cli/src/utils/mergeOptions.js

@@ -0,0 +1,45 @@
+const fs = require('fs');
+const path = require('path');
+const defaultOptions = require('./reactOptions');
+const log = require('./log');
+
+const cwdPath = process.cwd();
+
+module.exports = function mergeOptions(programOption, programParameter) {
+  const options = defaultOptions;
+  const configFileName = programOption.config || 'di18n.config.js';
+
+  const configFilePath = path.join(cwdPath, configFileName);
+
+  // 读取 di18n-ast.config.js 中设置的参数，然后并入 options
+  if (fs.existsSync(configFilePath)) {
+    let configurationFile = {};
+    try {
+      configurationFile = require(configFilePath);
+    } catch (err) {
+      log.error(`请检查 ${configFileName} 配置文件是否正确\n`);
+    }
+
+    Object.assign(options, configurationFile);
+  } else {
+    log.error(`配置文件 ${configFileName} 不存在\n`);
+  }
+
+  if (!Object.keys(programOption).length) {
+    return options;
+  }
+
+  // 处理命令行参数
+  programParameter.forEach(k => {
+    const value = programOption[k];
+    if (value) {
+      if (k === 'exclude' && typeof value === 'string') {
+        options[k] = value.split(',');
+      } else {
+        options[k] = value;
+      }
+    }
+  });
+
+  return options;
+};

package/zti18n-cli/src/utils/reactOptions.js

@@ -0,0 +1,74 @@
+// default options
+module.exports = {
+  // source path, <string array>
+  // e.g. ['src']
+  entry: ['src'],
+
+  // exclude pattern, <string array>
+  // e.g. ['**/dist/**', '**/*.config.js', '**/*.data.js']
+  exclude: [],
+
+  // output path, <string array>
+  // e.g. ['dist']
+  output: ['src'], // default i18n in place
+
+  // auto translate flag, <boolean>
+  // e.g. true
+  disableAutoTranslate: true,
+
+  // only extract locales, not touch source code, <boolean>
+  // e.g. true
+  extractOnly: false,
+
+  // translator, <null | string>
+  // null: default google translator
+  // e.g. ../translate/google.js
+  translator: null,
+
+  // ignored components, <string array>
+  // e.g. ['EventTracker']
+  ignoreComponents: [],
+
+  // ignored methods, <string array>
+  // e.g. ['MirrorTrack']
+  ignoreMethods: [],
+
+  // XXX: json loose
+  // primaryRegx: /[\u4e00-\u9fa5]/,
+
+  // primary locale, <string>
+  // e.g. 'zh-CN'
+  primaryLocale: 'zh-CN',
+
+  // supported locales, <string array>
+  // e.g. ['zh-CN', 'en-US']
+  supportedLocales: ['zh-CN', 'en-US'],
+
+  // import codes, <string>
+  // e.g. "import { intl } from 'di18n-react';"
+  importCode: "import { intl } from 'di18n-react';",
+
+  // i18n object, <string>
+  // e.g. 'intl'
+  i18nObject: 'intl',
+
+  // i18n method, <string>
+  // e.g. 't'
+  i18nMethod: 't',
+
+  // prettier conf, <null | object>
+  // e.g. {}
+  prettier: {
+    singleQuote: true,
+    trailingComma: 'es5',
+    endOfLine: 'lf',
+  },
+
+  // i18n saving conf, <object>
+  // if localeConf.type !== 'file', localeConf.path is required
+  // e.g. { type: 'apollo', path: '../conf/ApolloConf.js', ... }
+  localeConf: {
+    type: 'file',
+    // others...
+  },
+};

package/zti18n-cli/src/utils/vueOptions.js

@@ -0,0 +1,70 @@
+// default options
+module.exports = {
+  // source path, <string array>
+  // e.g. ['src']
+  entry: ['src'],
+
+  // exclude pattern, <string array>
+  // e.g. ['**/dist/**', '**/*.config.js', '**/*.data.js']
+  exclude: [],
+
+  // output path, <string array>
+  // e.g. ['dist']
+  output: ['src'], // default i18n in place
+
+  // auto translate flag, <boolean>
+  // e.g. true
+  disableAutoTranslate: true,
+
+  // only extract locales, not touch source code, <boolean>
+  // e.g. true
+  extractOnly: false,
+
+  // translator, <null | string>
+  // null: default google translator
+  // e.g. ../translate/google.js
+  translator: null,
+
+  // ignored components, <string array>
+  // e.g. ['EventTracker']
+  ignoreComponents: [],
+
+  // ignored methods, <string array>
+  // e.g. ['MirrorTrack']
+  ignoreMethods: [],
+
+  // XXX: json loose
+  // primaryRegx: /[\u4e00-\u9fa5]/,
+
+  // primary locale, <string>
+  // e.g. 'zh-CN'
+  primaryLocale: 'zh-CN',
+
+  // supported locales, <string array>
+  // e.g. ['zh-CN', 'en-US']
+  supportedLocales: ['zh-CN', 'en-US'],
+
+  // import codes, <string>
+  // e.g. "import { intl } from 'di18n-vue';"
+  importCode: "import { intl } from 'di18n-vue';",
+
+  // i18n object, <string>
+  // e.g. 'intl'
+  i18nObject: 'intl',
+
+  // i18n method, <string>
+  // e.g. '$t'
+  i18nMethod: '$t',
+
+  // prettier conf, <null | object>
+  // e.g. {}
+  prettier: null,
+
+  // i18n saving conf, <object>
+  // if localeConf.type !== 'file', localeConf.path is required
+  // e.g. { type: 'apollo', path: '../conf/ApolloConf.js', ... }
+  localeConf: {
+    type: 'file',
+    // others...
+  },
+};

package/zti18n-core/index.js

@@ -0,0 +1 @@
+module.exports = require('./src');

package/zti18n-core/src/index.js

@@ -0,0 +1,5 @@
+exports.transformReactIntlToReactIntlUniversal = require('./transform/transformReactIntlToReactIntlUniversal');
+exports.transformReactIntlUniveralToDi18n = require('./transform/transformReactIntlUniveralToDi18n');
+exports.transformZeroToDi18n = require('./transform/transformZeroToDi18n');
+exports.transformToDi18n = require('./transform/transformToDi18n');
+exports.googleTranslate = require('./translate/google');

package/zti18n-core/src/plugin/reactIntlToReactIntlUniversal.js

@@ -0,0 +1,224 @@
+const t = require('@babel/types');
+const log = require('../utils/log');
+
+const isChinese = function(text) {
+  return /[\u4e00-\u9fa5]/.test(text);
+};
+
+/**
+ * 替换为 intl.get('xxxxxxxx').d('基本信息')
+ */
+function makeReplace({ value, variableObj, id }) {
+  let key = id;
+
+  // 用于防止中文转码为 unicode
+  const v = Object.assign(t.StringLiteral(value), {
+    extra: {
+      raw: `'${value}'`,
+      rawValue: value,
+    },
+  });
+
+  return t.CallExpression(
+    t.MemberExpression(
+      t.CallExpression(
+        t.MemberExpression(t.Identifier('intl'), t.Identifier('get')),
+        variableObj
+          ? [typeof key === 'string' ? t.StringLiteral(key) : key, variableObj]
+          : [typeof key === 'string' ? t.StringLiteral(key) : key]
+      ),
+      t.Identifier('d')
+    ),
+    [v]
+  );
+}
+
+/**
+ * 获取代码转换的插件
+ * @param {object} zhData 中文文案资源
+ * @param {object} outObj 传出的参数对象
+ */
+function getPlugin(zhData, outObj) {
+  const cache = {};
+
+  // 防止中文转码为 unicode
+  function handleChinese(value, key) {
+    cache[key] = true;
+    return Object.assign(t.StringLiteral(value), {
+      extra: {
+        raw: `'${value}'`,
+        rawValue: value,
+      },
+    });
+  }
+
+  const plugin = function({ types: t }) {
+    return {
+      visitor: {
+        ImportDeclaration(path) {
+          const { node } = path;
+          if (node.source.value === 'di18n-react') {
+            outObj.hasReactIntlUniversal = true;
+          }
+
+          if (node.source.value === 'react-intl') {
+            outObj.needRewrite = true;
+            log.info('remove: injectIntl');
+            path.remove();
+          }
+        },
+        Decorator(path) {
+          const { node } = path;
+          if (node.expression.name === 'injectIntl') {
+            outObj.needRewrite = true;
+            log.info('remove: injectIntl decorator');
+            path.remove();
+          }
+        },
+        BinaryExpression(path) {
+          const { node } = path;
+
+          // 替换类似 this.props.intl.locale === 'en' 为 intl.options.currentLocale === 'en-US'
+          if (
+            node.operator === '==='
+            && node.right.type === 'StringLiteral'
+            && node.right.value === 'en'
+            && node.left.type === 'MemberExpression'
+            && node.left.property.name === 'locale'
+          ) {
+            outObj.needRewrite = true;
+            log.info("replace intl.locale === 'en'");
+
+            node.left = t.MemberExpression(
+              t.MemberExpression(t.Identifier('intl'), t.Identifier('options')),
+              t.Identifier('currentLocale')
+            );
+            node.right = t.StringLiteral('en-US');
+          }
+        },
+        ObjectPattern(path) {
+          const { node } = path;
+
+          const parent = path.parent;
+          if (!parent.init) {
+            return;
+          }
+
+          if (
+            (parent.init.type === 'Identifier'
+              && parent.init.name === 'props')
+            || (parent.init.type === 'MemberExpression'
+              && parent.init.property.name === 'props')
+          ) {
+            // 处理掉 let { params, intl } = this.props; 中的 intl
+            log.info('remove: this.props.intl');
+            node.properties = node.properties.filter(
+              p => !p.value || p.value.name !== 'intl'
+            );
+          }
+        },
+        JSXElement(path) {
+          const { node } = path;
+          const { openingElement } = node;
+          if (openingElement.name.name === 'FormattedMessage') {
+            outObj.needRewrite = true;
+
+            const idNode = openingElement.attributes.find(
+              atr => atr.name.name === 'id'
+            );
+
+            const id = idNode.value.value
+              ? idNode.value.value
+              : idNode.value.expression;
+
+            const valuesNode = openingElement.attributes.find(
+              atr => atr.name.name === 'values'
+            );
+            let callExpression;
+
+            if (valuesNode) {
+              callExpression = makeReplace({
+                value: zhData[id] || 'TBD',
+                id: id,
+                variableObj: valuesNode.value.expression,
+              });
+            } else {
+              callExpression = makeReplace({
+                value: zhData[id] || 'TBD',
+                id: id,
+              });
+            }
+
+            if (path.parent.type === 'JSXExpressionContainer') {
+              path.replaceWith(callExpression);
+            } else if (path.parent.type === 'JSXElement') {
+              path.replaceWith(t.JSXExpressionContainer(callExpression));
+            } else {
+              path.replaceWith(callExpression);
+            }
+          }
+        },
+        StringLiteral(path) {
+          const { node } = path;
+          const { value } = node;
+          const key = value + node.start + node.end;
+          if (isChinese(value) && !cache[key]) {
+            if (path.parent.type === 'JSXAttribute') {
+              path.replaceWith(handleChinese(value, key));
+            }
+          }
+        },
+        CallExpression(path) {
+          const { node } = path;
+
+          const handleFormatMessageMethod = () => {
+            const id = node.arguments[0].properties.find(
+              prop => prop.key.name === 'id'
+            ).value.value;
+            outObj.needRewrite = true;
+
+            log.info(`replace: ${id}`);
+
+            if (node.arguments.length === 1) {
+              path.replaceWith(
+                makeReplace({ value: zhData[id] || 'TBD', id: id })
+              );
+            } else {
+              path.replaceWith(
+                makeReplace({
+                  value: zhData[id] || 'TBD',
+                  id: id,
+                  variableObj: node.arguments[1],
+                })
+              );
+            }
+          };
+
+          if (node.callee.type === 'MemberExpression') {
+            if (node.callee.property.name === 'formatMessage') {
+              if (
+                (node.callee.object.property
+                  && node.callee.object.property.name === 'intl')
+                || (node.callee.object.type === 'Identifier'
+                  && node.callee.object.name === 'intl')
+              ) {
+                handleFormatMessageMethod();
+              }
+            }
+          } else {
+            if (node.callee.name === 'formatMessage') {
+              handleFormatMessageMethod();
+            } else if (node.callee.name === 'injectIntl') {
+              outObj.needRewrite = true;
+              path.replaceWith(node.arguments[0]);
+            }
+          }
+        },
+      },
+    };
+  };
+
+  return plugin;
+}
+
+module.exports = getPlugin;

package/zti18n-core/src/plugin/reactIntlUniversalToDi18n.js

@@ -0,0 +1,59 @@
+const t = require('@babel/types');
+
+const replaceLineBreak = function(value) {
+  if (typeof value !== 'string') return value;
+  return value.replace(/\n/g, ' ');
+};
+
+/**
+ * 获取代码转换的插件
+ */
+function getPlugin(outObj, allConverted, intlAlias = 'intl') {
+  function makeReplace({ orignKey, value, variableObj }) {
+    outObj.translateWordsNum++;
+
+    const value2 = replaceLineBreak(value);
+
+    // 用于防止中文转码为 unicode
+    const v = Object.assign(t.StringLiteral(value2), {
+      extra: {
+        raw: `'${value2}'`,
+        rawValue: value2,
+      },
+    });
+
+    allConverted[orignKey] = value;
+
+    return t.CallExpression(
+      t.MemberExpression(t.Identifier(intlAlias), t.Identifier('t')),
+      variableObj ? [v, variableObj] : [v]
+    );
+  }
+
+  const plugin = function() {
+    return {
+      visitor: {
+        CallExpression(path) {
+          const { node } = path;
+
+          if (node.callee.type === 'MemberExpression') {
+            if (path.node.callee.object.name === intlAlias && path.node.callee.property.name === 'get') {
+              const args = path.node.arguments;
+
+              const orignKey = args[0].value;
+              const variableObj = args[1] ? args[1] : null;
+
+              const value = path.parentPath.parent.arguments[0].value;
+
+              path.parentPath.parentPath.replaceWith(makeReplace({ orignKey, value, variableObj }));
+            }
+          }
+        },
+      },
+    };
+  };
+
+  return plugin;
+}
+
+module.exports = getPlugin;