work in progress: observable implementation using detailed change records

example/todomvc/model.dart

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library model;
 
-class ViewModel {
+import 'package:web_ui/observe.dart';
+
+@observable
+class ViewModel extends Observable {
   bool isVisible(Todo todo) => todo != null &&
       ((showIncomplete && !todo.done) || (showDone && todo.done));
 
   bool showIncomplete = true;
 
   bool showDone = true;
 }
 
 final ViewModel viewModel = new ViewModel();
 
 // The real model:
 
-class AppModel {
-  List<Todo> todos = <Todo>[];
+@observable
+class AppModel extends Observable {
+  ObservableList<Todo> todos = new ObservableList<Todo>();
 
   // TODO(jmesserly): remove this once List has a remove method.
   void removeTodo(Todo todo) {
     var index = todos.indexOf(todo);
     if (index != -1) {
       todos.removeRange(index, 1);
     }
   }
 
   bool get allChecked => todos.length > 0 && todos.every((t) => t.done);
 
   set allChecked(bool value) => todos.forEach((t) { t.done = value; });
 
   int get doneCount {
     int res = 0;
     todos.forEach((t) { if (t.done) res++; });
     return res;
   }
 
   int get remaining => todos.length - doneCount;
 
   void clearDone() {
-    todos = todos.where((t) => !t.done).toList();
+    // TODO(jmesserly): should methods on ObservableList return Observables?
+    todos = new ObservableList.from(todos.where((t) => !t.done));
   }
 }
 
 final AppModel app = new AppModel();
 
-class Todo {
+@observable
+class Todo extends Observable {
   String task;
   bool done = false;
 
-  Todo(this.task);
+  Todo(String task) {
+    // TODO(jmesserly): fix @observable so "Todo(this.task)" works.
+    this.task = task;
+  }
 
   String toString() => "$task ${done ? '(done)' : '(not done)'}";
 }