⭐ new: i18n compiler module

Author: kazupon

lib/index.js

@@ -3,32 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.module = undefined;
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
 exports.directive = directive;
 
 var _util = require('./util');
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function directive(vnode, dir) {
-  var _vm$$i18n;
-
-  var value = dir.value;
+  const value = dir.value;
 
-  var path = void 0,
-      locale = void 0,
-      args = void 0;
-  if (typeof value === 'string') {
-    path = value;
-  } else if ((0, _util.isPlainObject)(value)) {
-    path = value.path;
-    locale = value.locale;
-    args = value.args;
-  } else {
+  const { path, locale, args } = parseValue(value);
+  if (!path && !locale && !args) {
     (0, _util.warn)('not support value type');
     return;
   }
 
-  var vm = vnode.context;
+  const vm = vnode.context;
   if (!path) {
     (0, _util.warn)('required `path` in v-t directive');
     return;
@@ -44,16 +40,68 @@ function directive(vnode, dir) {
     return;
   }
 
-  var params = [];
-  locale && params.push(locale);
+  const params = makeParams(locale, args);
+  vnode.children = [vm._v(vm.$i18n.t(path, ...params))];
+}
+
+function _module(i18n) {
+  return {
+    transformNode(el) {
+      const exp = (0, _util.getAttr)(el, 'v-t');
+      if (!exp) {
+        return;
+      }
+
+      const { status, value } = (0, _util.evaluateValue)(exp);
+      if (status === 'ng') {
+        (0, _util.warn)('pre-localization with v-t support only static params');
+        return;
+      }
+
+      const { path, locale, args } = parseValue(value);
+      if (!path && !locale && !args) {
+        (0, _util.warn)('not support value type');
+        return;
+      }
+
+      const params = makeParams(locale, args);
+      el.i18n = i18n.t(path, ...params);
 
-  if (args) {
-    if (Array.isArray(args)) {
-      params = params.concat(args);
-    } else if ((0, _util.isPlainObject)(args)) {
-      params.push(args);
+      (0, _util.removeAttr)(el, 'v-t');
+    },
+
+    genData(el) {
+      if (el.i18n) {
+        (0, _util.addProp)(el, 'textContent', `_s(${(0, _stringify2.default)(el.i18n)})`); // generate via 'domProps'
+        el.children = []; // clear children, due to be inserted with textContet
+      }
+      return '';
     }
+  };
+}
+
+exports.module = _module;
+function parseValue(value) {
+  let path, locale, args;
+
+  if (typeof value === 'string') {
+    path = value;
+  } else if ((0, _util.isPlainObject)(value)) {
+    path = value.path;
+    locale = value.locale;
+    args = value.args;
+  }
+
+  return { path, locale, args };
+}
+
+function makeParams(locale, args) {
+  const params = [];
+
+  locale && params.push(locale);
+  if (args && (Array.isArray(args) || (0, _util.isPlainObject)(args))) {
+    params.push(args);
   }
 
-  vnode.children = [vm._v((_vm$$i18n = vm.$i18n).t.apply(_vm$$i18n, [path].concat(_toConsumableArray(params))))];
+  return params;
 }

lib/util.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warn = warn;
 exports.isPlainObject = isPlainObject;
+exports.addProp = addProp;
+exports.getAttr = getAttr;
+exports.removeAttr = removeAttr;
+exports.evaluateValue = evaluateValue;
 function warn(msg, err) {
   if (typeof console !== 'undefined') {
     console.warn('[vue-i18n-extensions] ' + msg);
@@ -15,8 +19,38 @@ function warn(msg, err) {
   }
 }
 
-var toString = Object.prototype.toString;
-var OBJECT_STRING = '[object Object]';
+const toString = Object.prototype.toString;
+const OBJECT_STRING = '[object Object]';
 function isPlainObject(obj) {
   return toString.call(obj) === OBJECT_STRING;
+}
+
+function addProp(el, name, value) {
+  (el.props || (el.props = [])).push({ name, value });
+}
+
+function getAttr(el, name) {
+  return el.attrsMap[name];
+}
+
+function removeAttr(el, name) {
+  if (el.attrsMap[name] !== null) {
+    const list = el.attrsList;
+    for (let i = 0, l = list.length; i < l; i++) {
+      if (list[i].name === name) {
+        list.splice(i, 1);
+        break;
+      }
+    }
+  }
+}
+
+function evaluateValue(expression) {
+  const ret = { status: 'ng', value: undefined };
+  try {
+    const val = new Function('return ' + expression)();
+    ret.status = 'ok';
+    ret.value = val;
+  } catch (e) {}
+  return ret;
 }