Working on TodoMVC examples.

todomvc/common/actions.js

@@ -2,8 +2,14 @@
 (function(ref) {
   ref.actions = function(sendUpdate) {
     return {
-      saveTodo: function(todo) {
-        sendUpdate({ saveTodo: { title: todo } });
+      saveTodo: function(todo, id) {
+        sendUpdate({ saveTodo: { title: todo, id: id } });
+      },
+      editTodo: function(todoId) {
+        sendUpdate({ editTodoId: todoId, editing: true });
+      },
+      cancelEdit: function(todoId) {
+        sendUpdate({ editTodoId: todoId, editing: false });
       },
       deleteTodoId: function(todoId) {
         sendUpdate({ deleteTodoId: todoId });

todomvc/common/store.js

@@ -1,6 +1,5 @@
 (function(ref) {
   var STORAGE_KEY = "meiosis-todomvc";
-  var nextId = 1;
 
   var findIndex = function(todos, todoId) {
     var index = -1;
@@ -34,7 +33,7 @@
         todos = replaceTodoAtIndex(todos, todo, findIndex(todos, todo.id));
       }
       else {
-        todo.id = nextId++;
+        todo.id = new Date().getTime();
         todos = todos.concat([todo]);
       }
       localStorage.setItem(STORAGE_KEY, JSON.stringify(todos));

todomvc/common/viewModel.js

@@ -0,0 +1,20 @@
+/*global window*/
+(function(ref) {
+  ref.viewModel = function(createComponent) {
+    createComponent({
+      receiveUpdate: function(model, update) {
+        if (update.editTodoId) {
+          for (var i = 0, t = model.todos.length; i < t; i++) {
+            var todo = model.todos[i];
+
+            if (todo.id === update.editTodoId) {
+              todo.editing = update.editing;
+              break;
+            }
+          }
+        }
+        return model;
+      }
+    });
+  };
+})(window);

todomvc/index.html

@@ -16,7 +16,9 @@
   <script src="common/model.js"></script>
   <script src="common/nextUpdate.js"></script>
   <script src="common/receiveUpdate.js"></script>
+  <script src="common/viewModel.js"></script>
   <script src="vanillajs/view.js"></script>
   <script src="vanillajs/ready.js"></script>
+  <script src="vanillajs/postRender.js"></script>
   <script src="vanillajs/main.js"></script>
 </html>