generator for creation

src/compiler/generator.js

@@ -1,29 +1,31 @@
-const generateCreateFragment = (element) => {
-  return `${element.children.map(generateCreate)} m[${element.index}] = []; `;
+const generateCreateText = (element) => {
+  return `m[${element.index}] = document.createTextNode("");`;
 };
 
-const generateCreateText = (element) => {};
-
 const generateCreateElement = (element) => {
-  return ` m[${element.index}] = document.createElement("${element.type}");`;
+  return `m[${element.index}] = document.createElement("${element.type}");`;
 };
 
 const generateCreate = (element) => {
-  switch (element.type) {
-    case "m-fragment":
-      return generateCreateFragment(element);
-      break;
-    case "m-text":
-      return generateCreateText(element);
-      break;
-    default:
-      return generateCreateElement(element);
+  if (Array.isArray(element)) {
+    return element.map(generateCreate);
+  } else {
+    switch (element.type) {
+      case "m-text":
+        return generateCreateText(element);
+        break;
+      default:
+        return element.children.map(generateCreate) + generateCreateElement(element);
+    }
   }
 };
 
+const generateMount = () => {
+
+};
+
 const generateUpdate = () => {};
 
 export const generate = (tree) => {
-  const prelude = `var data = instance.data; var m = instance.m;`;
-  return new Function(`return [function (instance) {${prelude}${generateCreate(tree)}}, function (instance) {${prelude}${generateUpdate(tree)}}]`)();
+  return new Function(`return [function () {var m = this.m;${generateCreate(tree)}}, function (root) {var m = this.m;${generateMount(tree)}}, function () {var m = this.m;${generateUpdate(tree)}}]`)();
 };