Marko v3: Added support for <html-element>

compiler/Builder.js

@@ -44,6 +44,7 @@ var ThisExpression = require('./ast/ThisExpression');
 var Expression = require('./ast/Expression');
 var parseExpression = require('./util/parseExpression');
 var parseJavaScriptArgs = require('./util/parseJavaScriptArgs');
+var removeEscapeFunctions = require('./util/removeEscapeFunctions');
 
 var DEFAULT_BUILDER;
 
@@ -295,9 +296,13 @@ class Builder {
         return new ObjectExpression({properties});
     }
 
-    parseExpression(str) {
+    parseExpression(str, options) {
         ok(typeof str === 'string', '"str" should be a string expression');
-        return parseExpression(str, DEFAULT_BUILDER);
+        var parsed = parseExpression(str, DEFAULT_BUILDER);
+        if (options && options.escapeXml === false) {
+            parsed = removeEscapeFunctions(parsed);
+        }
+        return parsed;
     }
 
     parseJavaScriptArgs(args) {

taglibs/html/html-element-tag.js

@@ -0,0 +1,14 @@
+'use strict';
+
+module.exports = function(elNode, codegen) {
+    var tagName = elNode.argument;
+    if (!tagName) {
+        codegen.addError('Invalid <html-element> tag. Expected: <html-element(<tag-name-expression>) ... >');
+        return;
+    }
+
+    tagName = codegen.builder.parseExpression(tagName, { escapeXml: false });
+
+    elNode.setTagName(tagName);
+    return elNode;
+};

taglibs/html/marko-taglib.json

@@ -2,5 +2,8 @@
     "taglib-id": "marko-html",
     "<html-comment>": {
         "renderer": "./html-comment-tag.js"
+    },
+    "<html-element>": {
+        "code-generator": "./html-element-tag.js"
     }
 }

test/fixtures/render/autotest/dynamic-tag-name/template.marko

@@ -1,3 +0,0 @@
-<html-element tag-name="hello-${data.myTagName}" class="my-class" foo="bar">
-    My nested content
-</html-element>

test/fixtures/render/autotest/html-element-tag/template.marko

@@ -0,0 +1,3 @@
+<html-element("hello-${data.myTagName}") class="my-class" foo="bar">
+    My nested content
+</html-element>