@chaoswise/intl 2.1.1 → 2.1.2

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/package.json

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