indicate if element is svg

kbrsh · Mar 18, 2017 · 3a2c6a4 · 3a2c6a4
1 parent 7dba0f1
commit 3a2c6a4
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 1 deletion.
diff --git a/dist/moon.js b/dist/moon.js
@@ -457,6 +457,8 @@
         nodeName = node.__moon__nodeName__ || node.nodeName.toLowerCase();
       }
 
+      var isSVG = node instanceof SVGElement || vnode.meta.isSVG;
+
       if (!node && vnode) {
         // No Node, create a node
         var newNode = createNodeFromVNode(vnode, instance);
@@ -866,6 +868,7 @@
     };
 
     var HTML_ELEMENTS = ["area", "base", "br", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"];
+    var SVG_ELEMENTS = ["svg", "animate", "circle", "clippath", "cursor", "defs", "desc", "ellipse", "filter", "font-face", "foreignObject", "g", "glyph", "image", "line", "marker", "mask", "missing-glyph", "path", "pattern", "polygon", "polyline", "rect", "switch", "symbol", "text", "textpath", "tspan", "use", "view"];
 
     var createParseNode = function (type, props, children) {
       return {
@@ -907,6 +910,11 @@
         // Exit Start Tag
         increment(4);
 
+        // If it is an svg element, let code generator know
+        if (SVG_ELEMENTS.indexOf(node.type) !== -1) {
+          node.isSVG = true;
+        }
+
         // If it's self closing, return it here
         if (HTML_ELEMENTS.indexOf(node.type) !== -1) {
           return node;
@@ -1101,6 +1109,9 @@
         // Recursively generate code for children
         if (!el.meta) {
           el.meta = defaultMetadata();
+          if (el.isSVG) {
+            el.meta.isSVG = true;
+          }
         }
         el.props = {
           attrs: el.props

diff --git a/dist/moon.min.js b/dist/moon.min.js
diff --git a/src/compiler/generator.js b/src/compiler/generator.js
@@ -159,6 +159,9 @@ var generateEl = function(el) {
 		// Recursively generate code for children
 		if(!el.meta) {
 			el.meta = defaultMetadata();
+			if(el.isSVG) {
+				el.meta.isSVG = true;
+			}
 		}
 		el.props = {
 			attrs: el.props

diff --git a/src/compiler/parser.js b/src/compiler/parser.js
@@ -20,6 +20,7 @@ var parse = function(tokens) {
 }
 
 var HTML_ELEMENTS = ["area","base","br","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];
+var SVG_ELEMENTS = ["svg","animate","circle","clippath","cursor","defs","desc","ellipse","filter","font-face","foreignObject","g","glyph","image","line","marker","mask","missing-glyph","path","pattern","polygon","polyline","rect","switch","symbol","text","textpath","tspan","use","view"];
 
 var createParseNode = function(type, props, children) {
   return {
@@ -61,6 +62,11 @@ var walk = function(state) {
     // Exit Start Tag
     increment(4);
 
+    // If it is an svg element, let code generator know
+    if(SVG_ELEMENTS.indexOf(node.type) !== -1) {
+      node.isSVG = true;
+    }
+
     // If it's self closing, return it here
     if(HTML_ELEMENTS.indexOf(node.type) !== -1) {
       return node;

diff --git a/src/util/util.js b/src/util/util.js
@@ -365,6 +365,8 @@ var diff = function(node, vnode, parent, instance) {
     nodeName = node.__moon__nodeName__ || node.nodeName.toLowerCase();
   }
 
+  var isSVG = node instanceof SVGElement || vnode.meta.isSVG;
+
   if(!node && vnode) {
     // No Node, create a node
     var newNode = createNodeFromVNode(vnode, instance);