add DOM utilities and initial update

src/index.js

@@ -1,5 +1,6 @@
 import { compile } from "./compiler/compiler";
 import { config } from "./util/config";
+import { newM } from "./util/m";
 
 let components = {};
 
@@ -18,12 +19,12 @@ export default function Moon(root, view) {
     create: view[0],
     mount: view[1],
     update: view[2],
-    m: []
+    m: newM()
   };
 
   instance.create();
   instance.mount(root);
-  root.parentNode.removeChild(root);
+  instance.update();
 
   return instance;
 }
@@ -40,7 +41,7 @@ Moon.extend = (name, view, data) => {
       create: view[0],
       mount: view[1],
       update: view[2],
-      m: []
+      m: newM()
     };
   };
 };

src/util/m.js

@@ -0,0 +1,19 @@
+const createElement = (type) => document.createElement(type);
+const createTextNode = (content) => document.createTextNode(content);
+
+const mountAppendChild = (element, parent) => {
+  parent.appendChild(element);
+};
+
+const updateTextContent = (element, content) => {
+  element.textContent = content;
+};
+
+export const newM = () => {
+  let m = [];
+  m.ce = createElement;
+  m.ct = createTextNode;
+  m.ma = mountAppendChild;
+  m.ut = updateTextContent;
+  return m;
+};