@chaoswise/intl 2.1.1 → 2.1.3

package/bin/scripts/addLocale.js

@@ -4,6 +4,7 @@ const transformAst = require('./util/transformAst');
 const getWordsByIds = require('./util/getWordsByIds');
 const log = require('./util/log');
 const genXlsx = require('./util/genXlsx');
+const service = require('./service');
 
 async function update() {
   log.info('收集全部词条...');
@@ -15,19 +16,33 @@ async function update() {
   // 获取全部词条
   const allWords = await getWordsByIds(_downloadIds, conf);
 
+  // 获取所有语种
+  const languageRes = await service.getLanguage();
+  if (languageRes.code !== 10000) {
+    log.error('请求数据出错:' + languageRes.msg);
+    process.exit(1);
+  }
+  const languages = languageRes.data;
+  const mainLanguage = languages.filter((l) => l.isMain)[0];
+
   const localeKeys = Object.keys(allWords);
-  const xlsxData = _downloadIds.map(id => {
+  const xlsxData = _downloadIds.map((id) => {
     const localeObj = {};
-    localeKeys.forEach(key => {
-      localeObj[key] = allWords[key][id] || '待翻译';
+    localeKeys.forEach((key) => {
+      if (mainLanguage && key === mainLanguage.key) {
+        localeObj[key] =
+          allWords[key][id] || info.defaultKeyWordMap[id] || '待翻译';
+      } else {
+        localeObj[key] = allWords[key][id] || '待翻译';
+      }
     });
     return {
       id,
-      ...localeObj
-    }
+      ...localeObj,
+    };
   });
 
-  await genXlsx(xlsxData)
+  await genXlsx(xlsxData);
 }
 
 module.exports = update;

package/bin/scripts/util/makeVisitorCollect.js

@@ -29,23 +29,22 @@ module.exports = function (
     removeFunctionName,
   },
   returns,
-  { filePath, special },
+  { filePath, special }
 ) {
-
   const { replaceWords, allWords, downloadIds, specialMethod } = returns;
   const hacked = {};
 
   // 在没有replaceWords的情况下，不用log信息，这里统一处理
   const properLog = {};
-  Object.keys(log).forEach(fnName => {
+  Object.keys(log).forEach((fnName) => {
     properLog[fnName] = (...args) => {
       if (!Object.keys(replaceWords).length) return;
       log[fnName](...args);
-    }
-  })
+    };
+  });
 
   // 获取完整路劲。例如：path='key',返回'0.key'
-  function getFullPath (path) {
+  function getFullPath(path) {
     if (!path) return path;
     if (typeof path !== 'string') return path;
     if (/^[0-9]/.test(path)) {
@@ -60,29 +59,27 @@ module.exports = function (
   }
   // 插入注释
   function insertFailCommon(node, errorMsg) {
-    const comment = node?.leadingComments?.value
+    const comment = node?.leadingComments?.value;
     const errMsg = `${commentStr} ${errorMsg}`;
     if (comment && comment.trim() === errMsg.trim()) return;
     t.addComment(node, 'leading', errMsg);
   }
   // 在jsx中插入注释
   function insertFailCommonInJsx(path, errorMsg) {
-    const comment = path?.node?.leadingComments?.value
+    const comment = path?.node?.leadingComments?.value;
     const errMsg = `${commentStr} ${errorMsg}`;
     if (comment && comment.trim() === errMsg.trim()) return;
     path.insertBefore(
-      t.jsxExpressionContainer(
-        {
-          "type": "JSXEmptyExpression",
-          "innerComments": [
-            {
-              "type": "CommentBlock",
-              "value": errMsg
-            }
-          ]
-        }
-      )
-    )
+      t.jsxExpressionContainer({
+        type: 'JSXEmptyExpression',
+        innerComments: [
+          {
+            type: 'CommentBlock',
+            value: errMsg,
+          },
+        ],
+      })
+    );
   }
 
   // 获取国际化jsx标签中的id或者defaultMessage
@@ -136,7 +133,9 @@ module.exports = function (
   // 获取函数名称 fn/object.fn/object.a.b.c/intl.get().d
   function getFnName(node) {
     let fnName = '';
-    while (['CallExpression', 'MemberExpression', 'Identifier'].includes(node?.type)) {
+    while (
+      ['CallExpression', 'MemberExpression', 'Identifier'].includes(node?.type)
+    ) {
       if (node.type === 'CallExpression') {
         let name = getFnName(node.callee);
         fnName = `${name}().` + fnName;
@@ -149,7 +148,7 @@ module.exports = function (
         node = node.object;
       } else if (node.type === 'Identifier') {
         // 这里获取修饰器的函数名称
-        fnName = fnName || (node.name + '.')
+        fnName = fnName || node.name + '.';
         break;
       }
     }
@@ -166,7 +165,7 @@ module.exports = function (
     // 字符串默认是单引号，如果模板字符串中出现单引号，需要转义，把 ' 换成 \'
     // 就算用户自定配置字符串为双引号，也没事，默认会转义双引号，但是默认不会处理单引号，所以自己手动处理
     if (/\'/.test(id)) {
-      id = id.replace(/\'/g, '\\\'');
+      id = id.replace(/\'/g, "\\'");
     }
 
     return Object.assign(t.StringLiteral(value), {
@@ -224,7 +223,9 @@ module.exports = function (
       .d('{slot0}中文');
    */
     const keys = Object.keys(obj);
-    const datas = dealArgs(Object.values(obj).map(item => item.value || item));
+    const datas = dealArgs(
+      Object.values(obj).map((item) => item.value || item)
+    );
 
     return t.ObjectExpression(
       keys.map((k, i) => {
@@ -232,7 +233,7 @@ module.exports = function (
         return t.ObjectProperty(
           t.Identifier(k),
           obj[k].isAstNode ? node : t.Identifier(obj[k])
-        )
+        );
       })
     );
   }
@@ -247,7 +248,7 @@ module.exports = function (
   function dealArgs(args) {
     if (!Array.isArray(args)) return args;
     const resArgs = []; // 参数处理完，用resArgs保存
-    args.forEach(node => {
+    args.forEach((node) => {
       // 字符串变量
       if (node.type === 'StringLiteral' && isPrimary(node.value)) {
         resArgs.push(makeReplace(node.value));
@@ -266,7 +267,7 @@ module.exports = function (
       }
       // 字符串模版
       else if (node.type === 'TemplateLiteral') {
-        const { needReplace, value, variable, } = dealTemplateLiteralNode(node);
+        const { needReplace, value, variable } = dealTemplateLiteralNode(node);
         resArgs.push(
           needReplace
             ? makeReplace(value, Object.keys(variable).length ? variable : null)
@@ -274,20 +275,23 @@ module.exports = function (
         );
       }
       // ObjectExpression和ObjectProperty，是为了处理参数存在对象的情况，比如：{x:'中文'}
-      else if (node.type === 'ObjectExpression') { // Object
+      else if (node.type === 'ObjectExpression') {
+        // Object
         node.properties = dealArgs(node.properties);
         resArgs.push(node);
-      } else if (node.type === 'ObjectProperty') { // Object的属性
+      } else if (node.type === 'ObjectProperty') {
+        // Object的属性
         const res = dealArgs([node.value]);
         node.value = res[0];
         resArgs.push(node);
-      } else if (node.type === 'ArrayExpression') { // Array
+      } else if (node.type === 'ArrayExpression') {
+        // Array
         node.elements = dealArgs(node.elements);
         resArgs.push(node);
       } else {
         resArgs.push(node);
       }
-    })
+    });
     return resArgs;
   }
 
@@ -304,8 +308,10 @@ module.exports = function (
 
     // 特殊文件处理
     if (special) {
-      const str = `${i18nObject ? `${i18nObject}.` : ''}${i18nMethod}("${id}").${i18nDefaultFunctionKey}("${value}")`;
-      return hackValue(str, str,);
+      const str = `${
+        i18nObject ? `${i18nObject}.` : ''
+      }${i18nMethod}("${id}").${i18nDefaultFunctionKey}("${value}")`;
+      return hackValue(str, str);
     }
     // 生成新的ast节点
     const v = hackValue(value, id);
@@ -319,11 +325,14 @@ module.exports = function (
           // 如果computed为true，则节点对应于一个computed（a[b]）成员表达式，并且属性是一个表达式。
           // 如果computed为false，则节点对应于静态（a.b）成员表达式，属性为标识符或PrivateName。
           i18nObject
-            ? t.memberExpression(t.identifier(i18nObject), t.identifier(i18nMethod))
+            ? t.memberExpression(
+                t.identifier(i18nObject),
+                t.identifier(i18nMethod)
+              )
             : t.identifier(i18nMethod),
           objExp ? [v, objExp] : [v]
-        )
-        , t.identifier(i18nDefaultFunctionKey)
+        ),
+        t.identifier(i18nDefaultFunctionKey)
       ),
       [defaultV]
     );
@@ -364,10 +373,11 @@ module.exports = function (
     }
 
     return {
-      needReplace: needReplace && value.trim() /*处理模板字符串为空的情况，比如：` `*/,
+      needReplace:
+        needReplace && value.trim() /*处理模板字符串为空的情况，比如：` `*/,
       value,
       variable,
-    }
+    };
   }
   // 字符串变量
   function dealStringLiteralNode(node, path) {
@@ -378,7 +388,9 @@ module.exports = function (
         // 组件属性，比如：<Root prop='中文' /> 中的prop
         case 'JSXAttribute':
           // ignoreComponents 可忽略一些组件
-          if (!ignoreComponents.includes(path?.parentPath?.parent?.name?.name)) {
+          if (
+            !ignoreComponents.includes(path?.parentPath?.parent?.name?.name)
+          ) {
             needReplace = true;
           }
           break;
@@ -404,7 +416,7 @@ module.exports = function (
       value: null,
       skip: false,
       remove: false,
-    }
+    };
     if (shouldIgnore(node)) {
       res.skip = true;
       return res;
@@ -413,11 +425,13 @@ module.exports = function (
     const fnName = getFnName(node.callee);
 
     // 处理 ignoreMethods
-    if ([
-      ...(ignoreMethods || []),
-      `${i18nObject}.${i18nMethod}`, // intl.get
-      `${i18nObject}.${i18nMethod}().${i18nDefaultFunctionKey}`, // intl.get().d
-    ].includes(fnName)) {
+    if (
+      [
+        ...(ignoreMethods || []),
+        `${i18nObject}.${i18nMethod}`, // intl.get
+        `${i18nObject}.${i18nMethod}().${i18nDefaultFunctionKey}`, // intl.get().d
+      ].includes(fnName)
+    ) {
       res.skip = true;
       return res;
     }
@@ -437,11 +451,14 @@ module.exports = function (
       const argsAst = node.arguments;
       // 把ast转为js， 再用FormPath.getIn来取最终的值
       const { code: argsCode } = generate(t.arrayExpression(argsAst));
-      let chaoswiseIntlId
-      var chaoswiseIntlIdData
+      let chaoswiseIntlId;
+      var chaoswiseIntlIdData;
       try {
         eval('var chaoswiseIntlIdData =' + argsCode);
-        chaoswiseIntlId = FormPath.getIn(chaoswiseIntlIdData, getFullPath(intlFunctionIdPath));
+        chaoswiseIntlId = FormPath.getIn(
+          chaoswiseIntlIdData,
+          getFullPath(intlFunctionIdPath)
+        );
       } catch (e) {
         // var a = 'id'; f(a) 这样会出错
         // TODO
@@ -449,7 +466,10 @@ module.exports = function (
 
       let value = getWord(chaoswiseIntlId);
       if (!value) {
-        let defaultValue = FormPath.getIn(chaoswiseIntlIdData, getFullPath(intlFunctionDefaultWordPath));
+        let defaultValue = FormPath.getIn(
+          chaoswiseIntlIdData,
+          getFullPath(intlFunctionDefaultWordPath)
+        );
         if (typeof defaultValue === 'string' && defaultValue) {
           value = defaultValue;
         } else {
@@ -461,8 +481,10 @@ module.exports = function (
           } else {
             if (!chaoswiseIntlId) {
               errorMsg = `在 ${intlFunctionName}() 中未找到 ${intlFunctionIdPath} 对应的值`;
-              properLog.warn(`文件 ${filePath} 中，在 ${intlFunctionName}() 中未找到 ${intlFunctionIdPath} 对应的值`);
-            } else if(!localWordPath) {
+              properLog.warn(
+                `文件 ${filePath} 中，在 ${intlFunctionName}() 中未找到 ${intlFunctionIdPath} 对应的值`
+              );
+            } else if (!localWordPath) {
               // 中文json文件未配置
               errorMsg = `国际化中文文件路径 localWordPath 未配置`;
               properLog.warn(errorMsg);
@@ -474,9 +496,11 @@ module.exports = function (
           }
           if (intlFunctionDefaultWordPath && !defaultValue) {
             errorMsg = `在 ${intlFunctionName}() 中未找到 ${intlFunctionDefaultWordPath} 对应的值`;
-            properLog.warn(`文件 ${filePath} 中，在 ${intlFunctionName} 中未找到 ${intlFunctionDefaultWordPath} 对应的值`);
+            properLog.warn(
+              `文件 ${filePath} 中，在 ${intlFunctionName} 中未找到 ${intlFunctionDefaultWordPath} 对应的值`
+            );
           }
-          
+
           insertFailCommon(node, errorMsg);
         }
       }
@@ -485,7 +509,7 @@ module.exports = function (
         if (!specialMethod.includes(fnName)) {
           specialMethod.push(fnName);
         }
-        
+
         res.needReplace = true;
         res.value = value;
       }
@@ -523,9 +547,11 @@ module.exports = function (
     TemplateLiteral(path) {
       const { node } = path;
 
-      const { needReplace, value, variable, } = dealTemplateLiteralNode(node);
+      const { needReplace, value, variable } = dealTemplateLiteralNode(node);
       if (needReplace) {
-        path.replaceWith(makeReplace(value, Object.keys(variable).length ? variable : null));
+        path.replaceWith(
+          makeReplace(value, Object.keys(variable).length ? variable : null)
+        );
         path.skip();
       }
     },
@@ -562,7 +588,7 @@ module.exports = function (
       const { node } = path;
 
       const { needReplace, value, skip, remove } = dealCallExpressionNode(node);
-      
+
       if (remove) {
         if (node.arguments.length === 1) {
           // 去掉外侧的包裹组件
@@ -598,14 +624,19 @@ module.exports = function (
 
       // 如果是配置的国际化jsx标签
       if (!shouldIgnore(node) && intlTag && jsxName === intlTag) {
-
-        let id = getJsxTagChaoswiseIntlValue(openingElement, intlTagIdPath || 'id');
+        let id = getJsxTagChaoswiseIntlValue(
+          openingElement,
+          intlTagIdPath || 'id'
+        );
 
         let word = getWord(id);
 
         if (!word) {
           // 根据id找不到中文，就找jsx标签的默认中文
-          let defaultValue = getJsxTagChaoswiseIntlValue(openingElement, intlTagDefaultWordPath);
+          let defaultValue = getJsxTagChaoswiseIntlValue(
+            openingElement,
+            intlTagDefaultWordPath
+          );
           if (typeof defaultValue === 'string') {
             word = defaultValue;
           } else {
@@ -616,8 +647,10 @@ module.exports = function (
             } else {
               if (!id) {
                 errorMsg = `文件 ${filePath} 中，在<${intlTag} /> 中未找到 ${intlTagIdPath} 对应的值`;
-                properLog.warn(`在<${intlTag} /> 中未找到 ${intlTagIdPath} 对应的值`);
-              } else if(!localWordPath) {
+                properLog.warn(
+                  `在<${intlTag} /> 中未找到 ${intlTagIdPath} 对应的值`
+                );
+              } else if (!localWordPath) {
                 // 中文json文件未配置
                 errorMsg = `国际化中文文件路径 localWordPath 未配置`;
                 properLog.warn(errorMsg);
@@ -629,7 +662,9 @@ module.exports = function (
             }
             if (intlTagDefaultWordPath && defaultValue === false) {
               errorMsg = `在<${intlTag} /> 中未找到 ${intlTagDefaultWordPath} 对应的值`;
-              properLog.warn(`文件 ${filePath} 在 <${intlTag} /> 中未找到 ${intlTagDefaultWordPath} 对应的值`);
+              properLog.warn(
+                `文件 ${filePath} 在 <${intlTag} /> 中未找到 ${intlTagDefaultWordPath} 对应的值`
+              );
             }
 
             if (['JSXFragment', 'JSXElement'].includes(parentNodeType)) {
@@ -637,7 +672,6 @@ module.exports = function (
             } else {
               insertFailCommon(node, errorMsg);
             }
-
           }
         }
         if (word && isPrimary(word)) {
@@ -679,5 +713,14 @@ module.exports = function (
         path.skip();
       }
     },
+    // 带标签的模板表达式: 可处理css in js的情况，比如：css.resolve`.test{color:red;}`
+    TaggedTemplateExpression(path) {
+      const { node } = path;
+
+      const fnName = getFnName(node.tag);
+      if ((ignoreMethods || []).includes(fnName)) {
+        path.skip();
+      }
+    },
   };
-}
+};

package/bin/scripts/util/makeVisitorUpdate.js

@@ -2,21 +2,14 @@ const t = require('@babel/types');
 const specialMatch = require('./specialMatch');
 
 module.exports = function f(
-  {
-    i18nObject,
-    i18nMethod,
-    importCode,
-    ignoreLines,
-    i18nDefaultFunctionKey,
-  },
+  { i18nObject, i18nMethod, importCode, ignoreLines, i18nDefaultFunctionKey },
   returns,
-  { special },
+  { special }
 ) {
-  const { replaceWords, downloadIds } = returns;
+  const { replaceWords, downloadIds, defaultKeyWordMap } = returns;
 
   // XXX: [TRICKY] 防止中文转码为 unicode
   function hackValue(value, id) {
-
     return Object.assign(t.StringLiteral(value), {
       extra: {
         raw: `'${id}'`, // id
@@ -64,7 +57,6 @@ module.exports = function f(
 
   // 替换字符串为我们使用的国际化API
   function makeReplace(value, variables) {
-
     // 存在临时id替换
     returns.hasTouch = true;
 
@@ -90,25 +82,54 @@ module.exports = function f(
 
   // 函数或方法调用表达式
   function dealCallExpressionNode(node) {
+    // 记录当前key对应的默认词条
+    if (
+      node.callee.type === 'MemberExpression' &&
+      node.callee.object.type === 'CallExpression' &&
+      node.callee.property.name === i18nDefaultFunctionKey &&
+      ((node.callee.object.callee.type === 'MemberExpression' &&
+        node.callee.object.callee.object.name === i18nObject &&
+        node.callee.object.callee.property.name === i18nMethod) ||
+        (!i18nObject &&
+          node.callee.object.callee.type === 'Identifier' &&
+          node.callee.object.callee.name === i18nMethod))
+    ) {
+      if (
+        node.arguments.length > 0 &&
+        node.callee.object.arguments.length > 0
+      ) {
+        const k = node.callee.object.arguments[0].value;
+        const v = node.arguments[0].value;
+
+        if (k) {
+          defaultKeyWordMap[k] = v;
+        }
+      }
+    }
+
     const res = {
       needReplace: false,
       value: null,
       skip: false,
-    }
+      otherArgs: [],
+    };
 
     if (
       (node.callee.type === 'MemberExpression' &&
         node.callee.object.name === i18nObject &&
         node.callee.property.name === i18nMethod) ||
-      (!i18nObject && node.callee.type === 'Identifier' && node.callee.name === i18nMethod)
+      (!i18nObject &&
+        node.callee.type === 'Identifier' &&
+        node.callee.name === i18nMethod)
     ) {
       // 收集现有的 key
       const args = node.arguments;
-      if(!args.length) {
+      if (!args.length) {
         return res;
       }
 
       let key = args[0].value;
+      res.otherArgs = args.slice(1);
 
       // intl.t(key)
       // replaceWords { key: id }
@@ -137,16 +158,21 @@ module.exports = function f(
 
       if (!shouldIgnore(node) && special) {
         // intl.get('id').d(中文) 获取id和中文
+        // TODO: 当前get()方法不支持处理有参数的场景[get('id',{a:1})]，如需处理需要同时修改脚手架中的react-router-config-loader
         const { id, defaultValue } = specialMatch(value) || {};
         if (!id) return;
 
+        defaultKeyWordMap[id] = defaultValue;
+
         const finalyId = replaceWords[id];
         if (finalyId) {
           returns.hasTouch = true;
           downloadIds.push(finalyId);
 
-          const str = `${i18nObject ? `${i18nObject}.` : ''}${i18nMethod}("${finalyId}").${i18nDefaultFunctionKey}("${defaultValue}")`;
-          const newStr = hackValue(str, str,);
+          const str = `${
+            i18nObject ? `${i18nObject}.` : ''
+          }${i18nMethod}("${finalyId}").${i18nDefaultFunctionKey}("${defaultValue}")`;
+          const newStr = hackValue(str, str);
           path.replaceWith(newStr);
           path.skip();
         } else {
@@ -169,12 +195,13 @@ module.exports = function f(
     // 函数或方法调用表达式，比如：a('中午')
     CallExpression(path) {
       const { node } = path;
-
       if (!node.ignore) {
-        const { needReplace, value, skip } = dealCallExpressionNode(node);
+        const { needReplace, value, skip, otherArgs } =
+          dealCallExpressionNode(node);
 
         if (needReplace) {
           const res = makeReplace(value);
+          res.arguments = res.arguments.concat(otherArgs);
           path.replaceWith(res);
 
           path.node.ignore = true;
@@ -183,4 +210,4 @@ module.exports = function f(
       }
     },
   };
-}
+};

package/bin/scripts/util/transformAst.js

@@ -82,6 +82,7 @@ module.exports = function (type, files = [], conf = {}, replaceWords) {
   const allWords = []; // 收集到的所有词条
   const downloadIds = []; // 需要从平台下载的词条id
   const specialMethod = []; // 替换的国际化特殊方法
+  const defaultKeyWordMap = {}; // addLocal指令中使用：记录当前key对应的默认词条
 
   // babel配置
   const transformOptions = {
@@ -129,6 +130,7 @@ module.exports = function (type, files = [], conf = {}, replaceWords) {
       replaceWords: replaceWords || {},
       downloadIds,
       specialMethod,
+      defaultKeyWordMap,
       hasImport: false, // 是否已经引入通用国际化API，import {init} from ...;
       hasTouch: false, // 是否存在需要替换的词条
     };
@@ -200,5 +202,6 @@ module.exports = function (type, files = [], conf = {}, replaceWords) {
     allWords,
     downloadIds,
     specialMethod,
+    defaultKeyWordMap
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/intl",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "author": "cloudwiser",
   "description": "intl",
   "main": "lib/index.js",
@@ -84,5 +84,5 @@
     "react-dom": "^16.13.1"
   },
   "license": "MIT",
-  "gitHead": "39a7b110a359f24658c1b44af5d8867207a76ce4"
+  "gitHead": "422bbd1a0545e50a6e8a6e41240536bbc5274e20"
 }