From 0544f5cb309d0b77a47e15d7de22cc45a8e52053 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Wed, 14 Oct 2015 15:24:05 +1030
Subject: [PATCH] Basic parsing of HTML tags in translations

This allows text to be wrapped with a virtual element:

	key: "This is a <test>Test</test>"

	app.trans('key', {test: <a href="#"/>});

closes #574
---
 framework/core/js/lib/Translator.js | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/framework/core/js/lib/Translator.js b/framework/core/js/lib/Translator.js
index 3a1d0970d..d4f9f70b3 100644
--- a/framework/core/js/lib/Translator.js
+++ b/framework/core/js/lib/Translator.js
@@ -38,7 +38,7 @@ export default class Translator {
    * @param {VirtualElement} fallback
    * @return {VirtualElement}
    */
-  trans(key, input = {}, fallback) {
+  trans(key, input = {}, fallback = null) {
     const parts = key.split('.');
     let translation = this.translations;
 
@@ -69,16 +69,32 @@ export default class Translator {
     // If we've found the appropriate translation string, then we'll sub in the
     // input.
     if (typeof translation === 'string') {
-      translation = translation.split(new RegExp('({[^}]+})', 'gi'));
+      translation = translation.split(new RegExp('({[a-z0-9_]+}|</?[a-z0-9_]+>)', 'gi'));
+
+      const hydrated = [];
+      const open = [hydrated];
+
+      translation.forEach(part => {
+        const match = part.match(new RegExp('{([a-z0-9_]+)}|<(/?)([a-z0-9_]+)>', 'i'));
 
-      translation.forEach((part, i) => {
-        const match = part.match(/^{(.+)}$/i);
         if (match) {
-          translation[i] = input[match[1]];
+          if (match[1]) {
+            open[0].push(input[match[1]]);
+          } else if (match[3]) {
+            if (match[2]) {
+              open.shift();
+            } else {
+              let tag = input[match[3]] || [];
+              open[0].push(tag);
+              open.unshift(tag.children || tag);
+            }
+          }
+        } else {
+          open[0].push(part);
         }
       });
 
-      return translation.filter(part => part);
+      return hydrated.filter(part => part);
     }
 
     return fallback || [key];