Added meiosis-tracer.

foxdonut · May 6, 2016 · 3a52534 · 3a52534
1 parent e28fe5d
commit 3a52534
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 12 deletions.
diff --git a/todomvc/index.html b/todomvc/index.html
@@ -1,16 +1,18 @@
 <!doctype html>
 <html lang="en" data-framework="meiosis">
-	<head>
-		<meta charset="utf-8">
-		<title>Meiosis • TodoMVC</title>
-		<link rel="stylesheet" href="node_modules/todomvc-common/base.css">
-		<link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
-	</head>
-	<body>
-	</body>
-	<script src="node_modules/todomvc-common/base.js"></script>
+  <head>
+    <meta charset="utf-8">
+    <title>Meiosis • TodoMVC</title>
+    <link rel="stylesheet" href="node_modules/todomvc-common/base.css">
+    <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+  <script src="node_modules/todomvc-common/base.js"></script>
   <script src="js/meiosis.min.js"></script>
   <script src="js/meiosis-vanillajs.min.js"></script>
+  <script src="js/meiosis-tracer.min.js"></script> <!-- development only -->
   <script src="common/store.js"></script>
   <script src="common/actions.js"></script>
   <script src="common/model.js"></script>

diff --git a/todomvc/js/meiosis-tracer.min.js b/todomvc/js/meiosis-tracer.min.js
diff --git a/todomvc/js/meiosis-tracer.min.js.map b/todomvc/js/meiosis-tracer.min.js.map
diff --git a/todomvc/vanillajs/main.js b/todomvc/vanillajs/main.js
@@ -1,6 +1,6 @@
-/*global meiosis, meiosisVanillaJs, window*/
+/*global meiosis, meiosisVanillaJs, meiosisTracer, window*/
 (function(ref) {
-  var Meiosis = meiosis(meiosisVanillaJs.intoSelector("body"));
+  var Meiosis = meiosis(meiosisVanillaJs.intoId("app"));
 
   var createComponent = Meiosis.createComponent;
 
@@ -15,5 +15,7 @@
 
   ref.viewModel(createComponent);
 
-  Meiosis.run(Main);
+  var renderRoot = Meiosis.run(Main);
+
+  meiosisTracer(createComponent, renderRoot, "#tracer");
 })(window);
diff --git a/todomvc/vanillajs/ready.js b/todomvc/vanillajs/ready.js
@@ -42,6 +42,8 @@
       actions.deleteTodoId(todoId);
     });
 
+    document.write("<div id='tracer' style='position: fixed; top: 0px; right: 0px;'></div>");
+
     /*
     // select the target node
     var target = document.querySelector("body");