update dynamic expressions and attribute expressions

kbrsh · May 13, 2018 · 8118cad · 8118cad
1 parent 4b41d73
commit 8118cad
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/dist/moon.js b/dist/moon.js
@@ -264,6 +264,7 @@
 
     var root = {
       type: "m-fragment",
+      attributes: [],
       children: [],
       dependencies: dependencies
     };
@@ -334,13 +335,14 @@
   var generateUpdate = function (element) {
     switch (element.type) {
       case "m-expression":
-        return ("m.ut(m[" + (element.index) + "], " + (element.content) + ");");
+        return element.dynamic ? ("m.ut(m[" + (element.index) + "], " + (element.content) + ");") : "";
         break;
       case "m-text":
         return "";
         break;
       default:
-        return mapReduce(element.children, generateUpdate);
+        var elementPath = "m[" + (element.index) + "]";
+        return mapReduce(element.attributes, function (attribute) { return attribute.dynamic ? (elementPath + ".setAttribute(\"" + (attribute.key) + "\", " + (attribute.value) + ");") : ""; }) + mapReduce(element.children, generateUpdate);
     }
   };
 

diff --git a/dist/moon.min.js b/dist/moon.min.js
diff --git a/src/compiler/generator/update.js b/src/compiler/generator/update.js
@@ -3,12 +3,13 @@ import { mapReduce } from "./util";
 export const generateUpdate = (element) => {
   switch (element.type) {
     case "m-expression":
-      return `m.ut(m[${element.index}], ${element.content});`;
+      return element.dynamic ? `m.ut(m[${element.index}], ${element.content});` : "";
       break;
     case "m-text":
       return "";
       break;
     default:
-      return mapReduce(element.children, generateUpdate);
+      const elementPath = `m[${element.index}]`;
+      return mapReduce(element.attributes, (attribute) => attribute.dynamic ? `${elementPath}.setAttribute("${attribute.key}", ${attribute.value});` : "") + mapReduce(element.children, generateUpdate);
   }
 };
diff --git a/src/compiler/parser/parser.js b/src/compiler/parser/parser.js
@@ -10,6 +10,7 @@ export const parse = (input) => {
 
   const root = {
     type: "m-fragment",
+    attributes: [],
     children: [],
     dependencies: dependencies
   };