@dune2/babel 0.4.0

package/dist/index.cjs

@@ -0,0 +1,176 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/i18n/tFunction.ts
+var tFunctionPlugin = (api) => {
+  const { types: t } = api;
+  const tFunction = t.identifier("t");
+  return {
+    name: "tFunctionPlugin",
+    visitor: {
+      TaggedTemplateExpression(path) {
+        const { tag, quasi } = path.node;
+        if (tag.type !== "Identifier" || tag.name !== "t") {
+          return;
+        }
+        const { quasis, expressions } = quasi;
+        let id = "";
+        let slots = {};
+        let hasSlots = false;
+        quasis.forEach((v, i) => {
+          id += v.value.raw;
+          const exp = expressions[i];
+          if (t.isExpression(exp)) {
+            const varName = t.isIdentifier(exp) ? exp.name : i;
+            id += `{${varName}}`;
+            slots[varName] = exp;
+            hasSlots = true;
+          }
+        });
+        const args = [t.stringLiteral(id)];
+        if (hasSlots) {
+          const slotsObj = t.objectExpression(
+            Object.entries(slots).map(([key, value]) => {
+              return t.objectProperty(t.identifier(key), value);
+            })
+          );
+          args.push(slotsObj);
+        }
+        path.replaceWith(t.callExpression(tFunction, args));
+      }
+    }
+  };
+};
+
+// src/i18n/trans.ts
+var transPlugin = (api) => {
+  const { types: t } = api;
+  const TransJSXIdent = t.jsxIdentifier("Trans");
+  const idJSXIdent = t.jsxIdentifier("id");
+  const messageJSXIdent = t.jsxIdentifier("message");
+  const valuesJSXIdent = t.jsxIdentifier("values");
+  const componentsJSXIdent = t.jsxIdentifier("components");
+  return {
+    name: "transPlugin",
+    visitor: {
+      JSXElement(path) {
+        const { openingElement } = path.node;
+        if (!t.isJSXIdentifier(openingElement.name, TransJSXIdent)) {
+          return;
+        }
+        let id = "";
+        let userDefinedId = false;
+        openingElement.attributes.forEach((attr) => {
+          if (userDefinedId) {
+            return;
+          }
+          if (!t.isJSXAttribute(attr) || !t.isJSXIdentifier(attr.name, idJSXIdent)) {
+            return;
+          }
+          let idExpr;
+          if (t.isJSXExpressionContainer(attr.value) && t.isStringLiteral(attr.value.expression)) {
+            idExpr = attr.value.expression;
+          } else if (t.isStringLiteral(attr.value)) {
+            idExpr = attr.value;
+          }
+          if (!idExpr) {
+            throw path.buildCodeFrameError(
+              `Trans id attribute must be static string`,
+              Error
+            );
+          }
+          id = idExpr.value;
+          userDefinedId = true;
+        });
+        const { msg, vars, components } = workChildren(path.node.children, t);
+        if (!userDefinedId) {
+          id = msg;
+        }
+        path.node.children = [];
+        if (!userDefinedId) {
+          openingElement.attributes.push(
+            t.jsxAttribute(idJSXIdent, t.stringLiteral(id))
+          );
+        }
+        if (id !== msg) {
+          openingElement.attributes.push(
+            t.jsxAttribute(messageJSXIdent, t.stringLiteral(msg))
+          );
+        }
+        const valuesAttr = exprMapToJSXAttribute(valuesJSXIdent, vars, t);
+        if (valuesAttr) {
+          openingElement.attributes.push(valuesAttr);
+        }
+        const componentsAttr = exprMapToJSXAttribute(
+          componentsJSXIdent,
+          components,
+          t
+        );
+        if (componentsAttr) {
+          openingElement.attributes.push(componentsAttr);
+        }
+      }
+    }
+  };
+};
+function workChildren(children, t, vars = {}, components = {}, i = 0) {
+  let msg = "";
+  children.forEach((child, index) => {
+    if (t.isJSXText(child)) {
+      const text = child.value.replace(/^\n\s*/, "").replace(/\s*\n$/, "").replace(/\n\s*$/, " ");
+      msg += text;
+      return;
+    }
+    if (t.isJSXExpressionContainer(child)) {
+      if (t.isJSXEmptyExpression(child.expression)) {
+        return;
+      }
+      let varName = "";
+      if (t.isIdentifier(child.expression)) {
+        varName = child.expression.name;
+      } else {
+        varName = i + "";
+        i++;
+      }
+      vars[varName] = child.expression;
+      msg += `{${varName}}`;
+      return;
+    }
+    if (t.isJSXElement(child)) {
+      if (child.children.length) {
+        msg += `<${i}>`;
+        const { msg: childMsg, i: childI } = workChildren(
+          child.children,
+          t,
+          vars,
+          components,
+          i + 1
+        );
+        components[i] = child;
+        msg += childMsg;
+        msg += `</${i}>`;
+        i = childI;
+      } else {
+        msg += `<${i}/>`;
+        components[i] = child;
+        i++;
+      }
+      return;
+    }
+  });
+  return { msg, i, vars, components };
+}
+function exprMapToJSXAttribute(keyIdentifier, exprMap, t) {
+  const props = [];
+  Object.entries(exprMap).forEach(([key, value]) => {
+    props.push(t.objectProperty(t.identifier(key), value));
+  });
+  if (props.length) {
+    return t.jsxAttribute(
+      keyIdentifier,
+      t.jsxExpressionContainer(t.objectExpression(props))
+    );
+  }
+}
+
+
+
+exports.tFunctionPlugin = tFunctionPlugin; exports.transPlugin = transPlugin;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/tFunction.ts","../src/i18n/trans.ts"],"names":[],"mappings":";AAIO,IAAM,kBAAkB,CAAC,QAAiC;AAC/D,QAAM,EAAE,OAAO,EAAE,IAAI;AAErB,QAAM,YAAY,EAAE,WAAW,GAAG;AAElC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,MACP,yBAAyB,MAAM;AAC7B,cAAM,EAAE,KAAK,MAAM,IAAI,KAAK;AAC5B,YAAI,IAAI,SAAS,gBAAgB,IAAI,SAAS,KAAK;AAEjD;AAAA,QACF;AACA,cAAM,EAAE,QAAQ,YAAY,IAAI;AAChC,YAAI,KAAK;AACT,YAAI,QAAoC,CAAC;AACzC,YAAI,WAAW;AAEf,eAAO,QAAQ,CAAC,GAAG,MAAM;AACvB,gBAAM,EAAE,MAAM;AACd,gBAAM,MAAM,YAAY,CAAC;AACzB,cAAI,EAAE,aAAa,GAAG,GAAG;AAIvB,kBAAM,UAAU,EAAE,aAAa,GAAG,IAAI,IAAI,OAAO;AACjD,kBAAM,IAAI,OAAO;AACjB,kBAAM,OAAO,IAAI;AACjB,uBAAW;AAAA,UACb;AAAA,QACF,CAAC;AAID,cAAM,OAAqB,CAAC,EAAE,cAAc,EAAE,CAAC;AAC/C,YAAI,UAAU;AACZ,gBAAM,WAAW,EAAE;AAAA,YACjB,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC1C,qBAAO,EAAE,eAAe,EAAE,WAAW,GAAG,GAAG,KAAK;AAAA,YAClD,CAAC;AAAA,UACH;AACA,eAAK,KAAK,QAAQ;AAAA,QACpB;AACA,aAAK,YAAY,EAAE,eAAe,WAAW,IAAI,CAAC;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AACF;;;ACzCO,IAAM,cAAc,CAAC,QAAiC;AAC3D,QAAM,EAAE,OAAO,EAAE,IAAI;AAErB,QAAM,gBAAgB,EAAE,cAAc,OAAO;AAC7C,QAAM,aAAa,EAAE,cAAc,IAAI;AACvC,QAAM,kBAAkB,EAAE,cAAc,SAAS;AACjD,QAAM,iBAAiB,EAAE,cAAc,QAAQ;AAC/C,QAAM,qBAAqB,EAAE,cAAc,YAAY;AAEvD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,MACP,WAAW,MAAM;AACf,cAAM,EAAE,eAAe,IAAI,KAAK;AAChC,YAAI,CAAC,EAAE,gBAAgB,eAAe,MAAM,aAAa,GAAG;AAE1D;AAAA,QACF;AACA,YAAI,KAAK;AACT,YAAI,gBAAgB;AAEpB,uBAAe,WAAW,QAAQ,CAAC,SAAS;AAC1C,cAAI,eAAe;AACjB;AAAA,UACF;AACA,cACE,CAAC,EAAE,eAAe,IAAI,KACtB,CAAC,EAAE,gBAAgB,KAAK,MAAM,UAAU,GACxC;AAEA;AAAA,UACF;AACA,cAAI;AACJ,cACE,EAAE,yBAAyB,KAAK,KAAK,KACrC,EAAE,gBAAgB,KAAK,MAAM,UAAU,GACvC;AACA,qBAAS,KAAK,MAAM;AAAA,UACtB,WAAW,EAAE,gBAAgB,KAAK,KAAK,GAAG;AACxC,qBAAS,KAAK;AAAA,UAChB;AAEA,cAAI,CAAC,QAAQ;AAEX,kBAAM,KAAK;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,UACF;AACA,eAAK,OAAO;AACZ,0BAAgB;AAAA,QAClB,CAAC;AAED,cAAM,EAAE,KAAK,MAAM,WAAW,IAAI,aAAa,KAAK,KAAK,UAAU,CAAC;AACpE,YAAI,CAAC,eAAe;AAElB,eAAK;AAAA,QACP;AAGA,aAAK,KAAK,WAAW,CAAC;AAEtB,YAAI,CAAC,eAAe;AAClB,yBAAe,WAAW;AAAA,YACxB,EAAE,aAAa,YAAY,EAAE,cAAc,EAAE,CAAC;AAAA,UAChD;AAAA,QACF;AAEA,YAAI,OAAO,KAAK;AACd,yBAAe,WAAW;AAAA,YACxB,EAAE,aAAa,iBAAiB,EAAE,cAAc,GAAG,CAAC;AAAA,UACtD;AAAA,QACF;AAEA,cAAM,aAAa,sBAAsB,gBAAgB,MAAM,CAAC;AAChE,YAAI,YAAY;AACd,yBAAe,WAAW,KAAK,UAAU;AAAA,QAC3C;AAEA,cAAM,iBAAiB;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA,YAAI,gBAAgB;AAClB,yBAAe,WAAW,KAAK,cAAc;AAAA,QAC/C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,aACP,UACA,GACA,OAAmC,CAAC,GACpC,aAAyC,CAAC,GAC1C,IAAY,GACZ;AACA,MAAI,MAAM;AACV,WAAS,QAAQ,CAAC,OAAO,UAAU;AACjC,QAAI,EAAE,UAAU,KAAK,GAAG;AAEtB,YAAM,OAAO,MAAM,MAEhB,QAAQ,UAAU,EAAE,EAEpB,QAAQ,UAAU,EAAE,EAEpB,QAAQ,UAAU,GAAG;AACxB,aAAO;AACP;AAAA,IACF;AACA,QAAI,EAAE,yBAAyB,KAAK,GAAG;AACrC,UAAI,EAAE,qBAAqB,MAAM,UAAU,GAAG;AAG5C;AAAA,MACF;AACA,UAAI,UAAU;AACd,UAAI,EAAE,aAAa,MAAM,UAAU,GAAG;AAGpC,kBAAU,MAAM,WAAW;AAAA,MAC7B,OAAO;AAGL,kBAAU,IAAI;AACd;AAAA,MACF;AACA,WAAK,OAAO,IAAI,MAAM;AACtB,aAAO,IAAI,OAAO;AAClB;AAAA,IACF;AACA,QAAI,EAAE,aAAa,KAAK,GAAG;AACzB,UAAI,MAAM,SAAS,QAAQ;AAGzB,eAAO,IAAI,CAAC;AACZ,cAAM,EAAE,KAAK,UAAU,GAAG,OAAO,IAAI;AAAA,UACnC,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA,IAAI;AAAA,QACN;AACA,mBAAW,CAAC,IAAI;AAChB,eAAO;AACP,eAAO,KAAK,CAAC;AACb,YAAI;AAAA,MACN,OAAO;AAEL,eAAO,IAAI,CAAC;AACZ,mBAAW,CAAC,IAAI;AAChB;AAAA,MACF;AACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,EAAE,KAAK,GAAG,MAAM,WAAW;AACpC;AAEA,SAAS,sBACP,eACA,SAEA,GAC0B;AAC1B,QAAM,QAA0B,CAAC;AACjC,SAAO,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAChD,UAAM,KAAK,EAAE,eAAe,EAAE,WAAW,GAAG,GAAG,KAAK,CAAC;AAAA,EACvD,CAAC;AACD,MAAI,MAAM,QAAQ;AAChB,WAAO,EAAE;AAAA,MACP;AAAA,MACA,EAAE,uBAAuB,EAAE,iBAAiB,KAAK,CAAC;AAAA,IACpD;AAAA,EACF;AACF","sourcesContent":["import type babel from \"@babel/core\";\nimport type { PluginObj } from \"@babel/core\";\nimport type { Expression } from \"@babel/types\";\n\nexport const tFunctionPlugin = (api: typeof babel): PluginObj => {\n  const { types: t } = api;\n\n  const tFunction = t.identifier(\"t\");\n\n  return {\n    name: \"tFunctionPlugin\",\n    visitor: {\n      TaggedTemplateExpression(path) {\n        const { tag, quasi } = path.node;\n        if (tag.type !== \"Identifier\" || tag.name !== \"t\") {\n          // not t function\n          return;\n        }\n        const { quasis, expressions } = quasi;\n        let id = \"\";\n        let slots: Record<string, Expression> = {};\n        let hasSlots = false;\n\n        quasis.forEach((v, i) => {\n          id += v.value.raw;\n          const exp = expressions[i];\n          if (t.isExpression(exp)) {\n            // 能获取到变量名的情况，用变量名，否则用索引\n            // t`Refresh inbox ${name}` => name\n            // t`Refresh inbox ${obj.name}` => 0\n            const varName = t.isIdentifier(exp) ? exp.name : i;\n            id += `{${varName}}`;\n            slots[varName] = exp;\n            hasSlots = true;\n          }\n        });\n\n        // 组装新\n        // t(id,{ [key]: value })\n        const args: Expression[] = [t.stringLiteral(id)];\n        if (hasSlots) {\n          const slotsObj = t.objectExpression(\n            Object.entries(slots).map(([key, value]) => {\n              return t.objectProperty(t.identifier(key), value);\n            }),\n          );\n          args.push(slotsObj);\n        }\n        path.replaceWith(t.callExpression(tFunction, args));\n      },\n    },\n  };\n};\n","import type babel from \"@babel/core\";\nimport type { PluginObj } from \"@babel/core\";\nimport type {\n  Expression,\n  JSXAttribute,\n  JSXElement,\n  JSXIdentifier,\n  ObjectProperty,\n  StringLiteral,\n} from \"@babel/types\";\n\nexport const transPlugin = (api: typeof babel): PluginObj => {\n  const { types: t } = api;\n\n  const TransJSXIdent = t.jsxIdentifier(\"Trans\");\n  const idJSXIdent = t.jsxIdentifier(\"id\");\n  const messageJSXIdent = t.jsxIdentifier(\"message\");\n  const valuesJSXIdent = t.jsxIdentifier(\"values\");\n  const componentsJSXIdent = t.jsxIdentifier(\"components\");\n\n  return {\n    name: \"transPlugin\",\n    visitor: {\n      JSXElement(path) {\n        const { openingElement } = path.node;\n        if (!t.isJSXIdentifier(openingElement.name, TransJSXIdent)) {\n          // 不是 Trans 组件\n          return;\n        }\n        let id = \"\";\n        let userDefinedId = false;\n\n        openingElement.attributes.forEach((attr) => {\n          if (userDefinedId) {\n            return;\n          }\n          if (\n            !t.isJSXAttribute(attr) ||\n            !t.isJSXIdentifier(attr.name, idJSXIdent)\n          ) {\n            // 不是 <Trans id=\"xxx\" ></Trans>\n            return;\n          }\n          let idExpr: StringLiteral | undefined;\n          if (\n            t.isJSXExpressionContainer(attr.value) &&\n            t.isStringLiteral(attr.value.expression)\n          ) {\n            idExpr = attr.value.expression;\n          } else if (t.isStringLiteral(attr.value)) {\n            idExpr = attr.value;\n          }\n\n          if (!idExpr) {\n            // 不支持 id 属性为变量 或者 模版字符串\n            throw path.buildCodeFrameError(\n              `Trans id attribute must be static string`,\n              Error,\n            );\n          }\n          id = idExpr.value;\n          userDefinedId = true;\n        });\n\n        const { msg, vars, components } = workChildren(path.node.children, t);\n        if (!userDefinedId) {\n          // 外部没有指定 id，则使用从 children 中提取的文本\n          id = msg;\n        }\n\n        // 清空 children，Trans 组件编译后没有 children\n        path.node.children = [];\n        // 添加 id props\n        if (!userDefinedId) {\n          openingElement.attributes.push(\n            t.jsxAttribute(idJSXIdent, t.stringLiteral(id)),\n          );\n        }\n        // 添加 message props\n        if (id !== msg) {\n          openingElement.attributes.push(\n            t.jsxAttribute(messageJSXIdent, t.stringLiteral(msg)),\n          );\n        }\n        // 添加 values props\n        const valuesAttr = exprMapToJSXAttribute(valuesJSXIdent, vars, t);\n        if (valuesAttr) {\n          openingElement.attributes.push(valuesAttr);\n        }\n        // 添加 components props\n        const componentsAttr = exprMapToJSXAttribute(\n          componentsJSXIdent,\n          components,\n          t,\n        );\n        if (componentsAttr) {\n          openingElement.attributes.push(componentsAttr);\n        }\n      },\n    },\n  };\n};\n\nfunction workChildren(\n  children: JSXElement[\"children\"],\n  t: typeof babel.types,\n  vars: Record<string, Expression> = {},\n  components: Record<string, Expression> = {},\n  i: number = 0,\n) {\n  let msg = \"\";\n  children.forEach((child, index) => {\n    if (t.isJSXText(child)) {\n      // 开头 和 结尾 babel 都会包括回车，如果有的话\n      const text = child.value\n        // 换行 + 空格 开头\n        .replace(/^\\n\\s*/, \"\")\n        // 空格 + 换行 结尾\n        .replace(/\\s*\\n$/, \"\")\n        // 换行 + 空格 结尾\n        .replace(/\\n\\s*$/, \" \");\n      msg += text;\n      return;\n    }\n    if (t.isJSXExpressionContainer(child)) {\n      if (t.isJSXEmptyExpression(child.expression)) {\n        // 空表达式，直接忽略\n        // case: <Trans>hello {}</Trans>\n        return;\n      }\n      let varName = \"\";\n      if (t.isIdentifier(child.expression)) {\n        // 能获取到变量名的情况，用变量名，否则用索引\n        // case: <Trans>hello {name}</Trans>\n        varName = child.expression.name;\n      } else {\n        // 直接用 索引\n        // case: <Trans>hello {user.name}</Trans>\n        varName = i + \"\";\n        i++;\n      }\n      vars[varName] = child.expression;\n      msg += `{${varName}}`;\n      return;\n    }\n    if (t.isJSXElement(child)) {\n      if (child.children.length) {\n        // case: <Trans>hello <a>world</a></Trans>\n        // 中的 <a>world</a>\n        msg += `<${i}>`;\n        const { msg: childMsg, i: childI } = workChildren(\n          child.children,\n          t,\n          vars,\n          components,\n          i + 1,\n        );\n        components[i] = child;\n        msg += childMsg;\n        msg += `</${i}>`;\n        i = childI;\n      } else {\n        // case: <Trans>hello <br/> world</Trans>\n        msg += `<${i}/>`;\n        components[i] = child;\n        i++;\n      }\n      return;\n    }\n  });\n\n  return { msg, i, vars, components };\n}\n\nfunction exprMapToJSXAttribute(\n  keyIdentifier: JSXIdentifier,\n  exprMap: Record<string, Expression>,\n\n  t: typeof babel.types,\n): JSXAttribute | undefined {\n  const props: ObjectProperty[] = [];\n  Object.entries(exprMap).forEach(([key, value]) => {\n    props.push(t.objectProperty(t.identifier(key), value));\n  });\n  if (props.length) {\n    return t.jsxAttribute(\n      keyIdentifier,\n      t.jsxExpressionContainer(t.objectExpression(props)),\n    );\n  }\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,7 @@
+import babel, { PluginObj } from '@babel/core';
+
+declare const tFunctionPlugin: (api: typeof babel) => PluginObj;
+
+declare const transPlugin: (api: typeof babel) => PluginObj;
+
+export { tFunctionPlugin, transPlugin };

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import babel, { PluginObj } from '@babel/core';
+
+declare const tFunctionPlugin: (api: typeof babel) => PluginObj;
+
+declare const transPlugin: (api: typeof babel) => PluginObj;
+
+export { tFunctionPlugin, transPlugin };

package/dist/index.js

@@ -0,0 +1,176 @@
+// src/i18n/tFunction.ts
+var tFunctionPlugin = (api) => {
+  const { types: t } = api;
+  const tFunction = t.identifier("t");
+  return {
+    name: "tFunctionPlugin",
+    visitor: {
+      TaggedTemplateExpression(path) {
+        const { tag, quasi } = path.node;
+        if (tag.type !== "Identifier" || tag.name !== "t") {
+          return;
+        }
+        const { quasis, expressions } = quasi;
+        let id = "";
+        let slots = {};
+        let hasSlots = false;
+        quasis.forEach((v, i) => {
+          id += v.value.raw;
+          const exp = expressions[i];
+          if (t.isExpression(exp)) {
+            const varName = t.isIdentifier(exp) ? exp.name : i;
+            id += `{${varName}}`;
+            slots[varName] = exp;
+            hasSlots = true;
+          }
+        });
+        const args = [t.stringLiteral(id)];
+        if (hasSlots) {
+          const slotsObj = t.objectExpression(
+            Object.entries(slots).map(([key, value]) => {
+              return t.objectProperty(t.identifier(key), value);
+            })
+          );
+          args.push(slotsObj);
+        }
+        path.replaceWith(t.callExpression(tFunction, args));
+      }
+    }
+  };
+};
+
+// src/i18n/trans.ts
+var transPlugin = (api) => {
+  const { types: t } = api;
+  const TransJSXIdent = t.jsxIdentifier("Trans");
+  const idJSXIdent = t.jsxIdentifier("id");
+  const messageJSXIdent = t.jsxIdentifier("message");
+  const valuesJSXIdent = t.jsxIdentifier("values");
+  const componentsJSXIdent = t.jsxIdentifier("components");
+  return {
+    name: "transPlugin",
+    visitor: {
+      JSXElement(path) {
+        const { openingElement } = path.node;
+        if (!t.isJSXIdentifier(openingElement.name, TransJSXIdent)) {
+          return;
+        }
+        let id = "";
+        let userDefinedId = false;
+        openingElement.attributes.forEach((attr) => {
+          if (userDefinedId) {
+            return;
+          }
+          if (!t.isJSXAttribute(attr) || !t.isJSXIdentifier(attr.name, idJSXIdent)) {
+            return;
+          }
+          let idExpr;
+          if (t.isJSXExpressionContainer(attr.value) && t.isStringLiteral(attr.value.expression)) {
+            idExpr = attr.value.expression;
+          } else if (t.isStringLiteral(attr.value)) {
+            idExpr = attr.value;
+          }
+          if (!idExpr) {
+            throw path.buildCodeFrameError(
+              `Trans id attribute must be static string`,
+              Error
+            );
+          }
+          id = idExpr.value;
+          userDefinedId = true;
+        });
+        const { msg, vars, components } = workChildren(path.node.children, t);
+        if (!userDefinedId) {
+          id = msg;
+        }
+        path.node.children = [];
+        if (!userDefinedId) {
+          openingElement.attributes.push(
+            t.jsxAttribute(idJSXIdent, t.stringLiteral(id))
+          );
+        }
+        if (id !== msg) {
+          openingElement.attributes.push(
+            t.jsxAttribute(messageJSXIdent, t.stringLiteral(msg))
+          );
+        }
+        const valuesAttr = exprMapToJSXAttribute(valuesJSXIdent, vars, t);
+        if (valuesAttr) {
+          openingElement.attributes.push(valuesAttr);
+        }
+        const componentsAttr = exprMapToJSXAttribute(
+          componentsJSXIdent,
+          components,
+          t
+        );
+        if (componentsAttr) {
+          openingElement.attributes.push(componentsAttr);
+        }
+      }
+    }
+  };
+};
+function workChildren(children, t, vars = {}, components = {}, i = 0) {
+  let msg = "";
+  children.forEach((child, index) => {
+    if (t.isJSXText(child)) {
+      const text = child.value.replace(/^\n\s*/, "").replace(/\s*\n$/, "").replace(/\n\s*$/, " ");
+      msg += text;
+      return;
+    }
+    if (t.isJSXExpressionContainer(child)) {
+      if (t.isJSXEmptyExpression(child.expression)) {
+        return;
+      }
+      let varName = "";
+      if (t.isIdentifier(child.expression)) {
+        varName = child.expression.name;
+      } else {
+        varName = i + "";
+        i++;
+      }
+      vars[varName] = child.expression;
+      msg += `{${varName}}`;
+      return;
+    }
+    if (t.isJSXElement(child)) {
+      if (child.children.length) {
+        msg += `<${i}>`;
+        const { msg: childMsg, i: childI } = workChildren(
+          child.children,
+          t,
+          vars,
+          components,
+          i + 1
+        );
+        components[i] = child;
+        msg += childMsg;
+        msg += `</${i}>`;
+        i = childI;
+      } else {
+        msg += `<${i}/>`;
+        components[i] = child;
+        i++;
+      }
+      return;
+    }
+  });
+  return { msg, i, vars, components };
+}
+function exprMapToJSXAttribute(keyIdentifier, exprMap, t) {
+  const props = [];
+  Object.entries(exprMap).forEach(([key, value]) => {
+    props.push(t.objectProperty(t.identifier(key), value));
+  });
+  if (props.length) {
+    return t.jsxAttribute(
+      keyIdentifier,
+      t.jsxExpressionContainer(t.objectExpression(props))
+    );
+  }
+}
+export {
+  tFunctionPlugin,
+  transPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/tFunction.ts","../src/i18n/trans.ts"],"sourcesContent":["import type babel from \"@babel/core\";\nimport type { PluginObj } from \"@babel/core\";\nimport type { Expression } from \"@babel/types\";\n\nexport const tFunctionPlugin = (api: typeof babel): PluginObj => {\n  const { types: t } = api;\n\n  const tFunction = t.identifier(\"t\");\n\n  return {\n    name: \"tFunctionPlugin\",\n    visitor: {\n      TaggedTemplateExpression(path) {\n        const { tag, quasi } = path.node;\n        if (tag.type !== \"Identifier\" || tag.name !== \"t\") {\n          // not t function\n          return;\n        }\n        const { quasis, expressions } = quasi;\n        let id = \"\";\n        let slots: Record<string, Expression> = {};\n        let hasSlots = false;\n\n        quasis.forEach((v, i) => {\n          id += v.value.raw;\n          const exp = expressions[i];\n          if (t.isExpression(exp)) {\n            // 能获取到变量名的情况，用变量名，否则用索引\n            // t`Refresh inbox ${name}` => name\n            // t`Refresh inbox ${obj.name}` => 0\n            const varName = t.isIdentifier(exp) ? exp.name : i;\n            id += `{${varName}}`;\n            slots[varName] = exp;\n            hasSlots = true;\n          }\n        });\n\n        // 组装新\n        // t(id,{ [key]: value })\n        const args: Expression[] = [t.stringLiteral(id)];\n        if (hasSlots) {\n          const slotsObj = t.objectExpression(\n            Object.entries(slots).map(([key, value]) => {\n              return t.objectProperty(t.identifier(key), value);\n            }),\n          );\n          args.push(slotsObj);\n        }\n        path.replaceWith(t.callExpression(tFunction, args));\n      },\n    },\n  };\n};\n","import type babel from \"@babel/core\";\nimport type { PluginObj } from \"@babel/core\";\nimport type {\n  Expression,\n  JSXAttribute,\n  JSXElement,\n  JSXIdentifier,\n  ObjectProperty,\n  StringLiteral,\n} from \"@babel/types\";\n\nexport const transPlugin = (api: typeof babel): PluginObj => {\n  const { types: t } = api;\n\n  const TransJSXIdent = t.jsxIdentifier(\"Trans\");\n  const idJSXIdent = t.jsxIdentifier(\"id\");\n  const messageJSXIdent = t.jsxIdentifier(\"message\");\n  const valuesJSXIdent = t.jsxIdentifier(\"values\");\n  const componentsJSXIdent = t.jsxIdentifier(\"components\");\n\n  return {\n    name: \"transPlugin\",\n    visitor: {\n      JSXElement(path) {\n        const { openingElement } = path.node;\n        if (!t.isJSXIdentifier(openingElement.name, TransJSXIdent)) {\n          // 不是 Trans 组件\n          return;\n        }\n        let id = \"\";\n        let userDefinedId = false;\n\n        openingElement.attributes.forEach((attr) => {\n          if (userDefinedId) {\n            return;\n          }\n          if (\n            !t.isJSXAttribute(attr) ||\n            !t.isJSXIdentifier(attr.name, idJSXIdent)\n          ) {\n            // 不是 <Trans id=\"xxx\" ></Trans>\n            return;\n          }\n          let idExpr: StringLiteral | undefined;\n          if (\n            t.isJSXExpressionContainer(attr.value) &&\n            t.isStringLiteral(attr.value.expression)\n          ) {\n            idExpr = attr.value.expression;\n          } else if (t.isStringLiteral(attr.value)) {\n            idExpr = attr.value;\n          }\n\n          if (!idExpr) {\n            // 不支持 id 属性为变量 或者 模版字符串\n            throw path.buildCodeFrameError(\n              `Trans id attribute must be static string`,\n              Error,\n            );\n          }\n          id = idExpr.value;\n          userDefinedId = true;\n        });\n\n        const { msg, vars, components } = workChildren(path.node.children, t);\n        if (!userDefinedId) {\n          // 外部没有指定 id，则使用从 children 中提取的文本\n          id = msg;\n        }\n\n        // 清空 children，Trans 组件编译后没有 children\n        path.node.children = [];\n        // 添加 id props\n        if (!userDefinedId) {\n          openingElement.attributes.push(\n            t.jsxAttribute(idJSXIdent, t.stringLiteral(id)),\n          );\n        }\n        // 添加 message props\n        if (id !== msg) {\n          openingElement.attributes.push(\n            t.jsxAttribute(messageJSXIdent, t.stringLiteral(msg)),\n          );\n        }\n        // 添加 values props\n        const valuesAttr = exprMapToJSXAttribute(valuesJSXIdent, vars, t);\n        if (valuesAttr) {\n          openingElement.attributes.push(valuesAttr);\n        }\n        // 添加 components props\n        const componentsAttr = exprMapToJSXAttribute(\n          componentsJSXIdent,\n          components,\n          t,\n        );\n        if (componentsAttr) {\n          openingElement.attributes.push(componentsAttr);\n        }\n      },\n    },\n  };\n};\n\nfunction workChildren(\n  children: JSXElement[\"children\"],\n  t: typeof babel.types,\n  vars: Record<string, Expression> = {},\n  components: Record<string, Expression> = {},\n  i: number = 0,\n) {\n  let msg = \"\";\n  children.forEach((child, index) => {\n    if (t.isJSXText(child)) {\n      // 开头 和 结尾 babel 都会包括回车，如果有的话\n      const text = child.value\n        // 换行 + 空格 开头\n        .replace(/^\\n\\s*/, \"\")\n        // 空格 + 换行 结尾\n        .replace(/\\s*\\n$/, \"\")\n        // 换行 + 空格 结尾\n        .replace(/\\n\\s*$/, \" \");\n      msg += text;\n      return;\n    }\n    if (t.isJSXExpressionContainer(child)) {\n      if (t.isJSXEmptyExpression(child.expression)) {\n        // 空表达式，直接忽略\n        // case: <Trans>hello {}</Trans>\n        return;\n      }\n      let varName = \"\";\n      if (t.isIdentifier(child.expression)) {\n        // 能获取到变量名的情况，用变量名，否则用索引\n        // case: <Trans>hello {name}</Trans>\n        varName = child.expression.name;\n      } else {\n        // 直接用 索引\n        // case: <Trans>hello {user.name}</Trans>\n        varName = i + \"\";\n        i++;\n      }\n      vars[varName] = child.expression;\n      msg += `{${varName}}`;\n      return;\n    }\n    if (t.isJSXElement(child)) {\n      if (child.children.length) {\n        // case: <Trans>hello <a>world</a></Trans>\n        // 中的 <a>world</a>\n        msg += `<${i}>`;\n        const { msg: childMsg, i: childI } = workChildren(\n          child.children,\n          t,\n          vars,\n          components,\n          i + 1,\n        );\n        components[i] = child;\n        msg += childMsg;\n        msg += `</${i}>`;\n        i = childI;\n      } else {\n        // case: <Trans>hello <br/> world</Trans>\n        msg += `<${i}/>`;\n        components[i] = child;\n        i++;\n      }\n      return;\n    }\n  });\n\n  return { msg, i, vars, components };\n}\n\nfunction exprMapToJSXAttribute(\n  keyIdentifier: JSXIdentifier,\n  exprMap: Record<string, Expression>,\n\n  t: typeof babel.types,\n): JSXAttribute | undefined {\n  const props: ObjectProperty[] = [];\n  Object.entries(exprMap).forEach(([key, value]) => {\n    props.push(t.objectProperty(t.identifier(key), value));\n  });\n  if (props.length) {\n    return t.jsxAttribute(\n      keyIdentifier,\n      t.jsxExpressionContainer(t.objectExpression(props)),\n    );\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@dune2/babel",
+  "version": "0.4.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/liaoyinglong/next-tools.git",
+    "directory": "packages/babel"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@babel/core": "7.25.2",
+    "@babel/plugin-syntax-typescript": "^7.24.7",
+    "@babel/types": "7.25.2",
+    "@types/babel__core": "7.20.1",
+    "@types/debug": "4.1.7",
+    "tsup": "8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prebuild": "tsc --diagnostics",
+    "build": "tsup --clean --splitting",
+    "build-fast": "pnpm run build --no-dts",
+    "dev": "pnpm run build-fast --watch",
+    "test": "vitest run",
+    "test:update": "vitest -u"
+  }
+}