DO NOT COMMIT - fn port to RenderNode, work in progress, does not work

sky/sdk/lib/framework/fn2.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 library fn;
 
 import 'dart:async';
 import 'dart:collection';
 import 'dart:mirrors';
 import 'dart:sky' as sky;
 import 'reflect.dart' as reflect;
 import 'layout2.dart';
+import 'app.dart';
 
-final sky.Tracing _tracing = sky.window.tracing;
+// final sky.Tracing _tracing = sky.window.tracing;
 
 final bool _shouldLogRenderDuration = false;
 final bool _shouldTrace = false;
 
 enum _SyncOperation { IDENTICAL, INSERTION, STATEFUL, STATELESS, REMOVAL }
 
 /*
  * All Effen nodes derive from UINode. All nodes have a _parent, a _key and
  * can be sync'd.
  */
 abstract class UINode {
   String _key;
   UINode _parent;
   UINode get parent => _parent;
-  RenderCSS root;
+  RenderNode root;
   bool _defunct = false;
 
   UINode({ Object key }) {
     _key = key == null ? "$runtimeType" : "$runtimeType-$key";
     assert(this is App || _inRenderDirtyComponents); // you should not build the UI tree ahead of time, build it only during build()
   }
 
   // Subclasses which implements Nodes that become stateful may return true
   // if the |old| node has become stateful and should be retained.
   bool _willSync(UINode old) => false;
@@ skipping 47 matching lines @@
     _trace('_sync($outString) $key');
   }
 
   void removeChild(UINode node) {
     _traceSync(_SyncOperation.REMOVAL, node._key);
     node._remove();
   }
 
   // Returns the child which should be retained as the child of this node.
   UINode syncChild(UINode node, UINode oldNode, dynamic slot) {
-
     if (node == oldNode) {
       _traceSync(_SyncOperation.IDENTICAL, node == null ? '*null*' : node._key);
       return node; // Nothing to do. Subtrees must be identical.
     }
 
     if (node == null) {
       // the child in this slot has gone away
       removeChild(oldNode);
       return null;
     }
     assert(oldNode == null || node._key == oldNode._key);
 
     // TODO(rafaelw): This eagerly removes the old DOM. It may be that a
     // new component was built that could re-use some of it. Consider
     // syncing the new VDOM against the old one.
     if (oldNode != null && node._key != oldNode._key) {
       removeChild(oldNode);
     }
 
     if (node._willSync(oldNode)) {
       _traceSync(_SyncOperation.STATEFUL, node._key);
       oldNode._sync(node, slot);
       node._defunct = true;
-      assert(oldNode.root is RenderCSS);
+      assert(oldNode.root is RenderNode);
       return oldNode;
     }
 
     assert(!node._defunct);
     node._parent = this;
 
     if (oldNode == null) {
       _traceSync(_SyncOperation.INSERTION, node._key);
     } else {
       _traceSync(_SyncOperation.STATELESS, node._key);
     }
     node._sync(oldNode, slot);
     if (oldNode != null)
       oldNode._defunct = true;
 
-    assert(node.root is RenderCSS);
+    assert(node.root is RenderNode);
     return node;
   }
 }
 
 abstract class ContentNode extends UINode {
   UINode content;
 
   ContentNode(UINode content) : this.content = content, super(key: content._key);
 
   void _sync(UINode old, dynamic slot) {
     UINode oldContent = old == null ? null : (old as ContentNode).content;
     content = syncChild(content, oldContent, slot);
     assert(content.root != null);
     root = content.root;
   }
 
   void _remove() {
     if (content != null)
       removeChild(content);
     super._remove();
   }
 }
 
-class StyleNode extends ContentNode {
-  final Style style;
-
-  StyleNode(UINode content, this.style): super(content);
-}
-
 class ParentDataNode extends ContentNode {
   final ParentData parentData;
 
   ParentDataNode(UINode content, this.parentData): super(content);
 }
 
 typedef GestureEventListener(sky.GestureEvent e);
 typedef PointerEventListener(sky.PointerEvent e);
 typedef EventListener(sky.Event e);
 
@@ skipping 103 matching lines @@
 
   void _sync(UINode old, dynamic slot) {
     for (var type in listeners.keys) {
       _ensureDocumentListener(type);
     }
     super._sync(old, slot);
   }
 }
 
 /*
- * RenderNodeWrappers correspond to a desired state of a RenderCSS.
+ * RenderNodeWrappers correspond to a desired state of a RenderNode.
  * They are fully immutable, with one exception: A UINode which is a
  * Component which lives within an OneChildListRenderNodeWrapper's
  * children list, may be replaced with the "old" instance if it has
  * become stateful.
  */
 abstract class RenderNodeWrapper extends UINode {
 
-  static final Map<RenderCSS, RenderNodeWrapper> _nodeMap =
-      new HashMap<RenderCSS, RenderNodeWrapper>();
+  static final Map<RenderNode, RenderNodeWrapper> _nodeMap =
+      new HashMap<RenderNode, RenderNodeWrapper>();
 
-  static RenderNodeWrapper _getMounted(RenderCSS node) => _nodeMap[node];
+  static RenderNodeWrapper _getMounted(RenderNode node) => _nodeMap[node];
 
   RenderNodeWrapper({
-    Object key,
-    this.style,
-    this.inlineStyle
+    Object key
   }) : super(key: key);
 
-  final Style style;
-  final String inlineStyle;
-
-  RenderCSS createNode();
+  RenderNode createNode();
   RenderNodeWrapper get emptyNode;
 
   void insert(RenderNodeWrapper child, dynamic slot);
 
   void _sync(UINode old, dynamic slot) {
     if (old == null) {
       root = createNode();
       assert(root != null);
       var ancestor = findAncestor(RenderNodeWrapper);
       if (ancestor is RenderNodeWrapper)
         ancestor.insert(this, slot);
       old = emptyNode;
     } else {
       root = old.root;
       assert(root != null);
     }
 
     _nodeMap[root] = this;
     syncRenderNode(old);
   }
 
   void syncRenderNode(RenderNodeWrapper old) {
-    RenderNodeWrapper oldRenderNodeWrapper = old as RenderNodeWrapper;
-
-    List<Style> styles = new List<Style>();
-    if (style != null)
-      styles.add(style);
     ParentData parentData = null;
     UINode parent = _parent;
     while (parent != null && parent is! RenderNodeWrapper) {
-      if (parent is StyleNode && parent.style != null)
-        styles.add(parent.style);
-      else
       if (parent is ParentDataNode && parent.parentData != null) {
         if (parentData != null)
           parentData.merge(parent.parentData); // this will throw if the types aren't the same
         else
           parentData = parent.parentData;
       }
       parent = parent._parent;
     }
-    root.updateStyles(styles);
     if (parentData != null) {
       assert(root.parentData != null);
       root.parentData.merge(parentData); // this will throw if the types aren't approriate
       assert(parent != null);
       assert(parent.root != null);
       parent.root.markNeedsLayout();
     }
-    root.updateInlineStyle(inlineStyle);
   }
 
   void removeChild(UINode node) {
-    assert(root is RenderCSSContainer);
     root.remove(node.root);
     super.removeChild(node);
   }
 
   void _remove() {
     assert(root != null);
     _nodeMap.remove(root);
     super._remove();
   }
 }
 
 final List<UINode> _emptyList = new List<UINode>();
 
 abstract class OneChildListRenderNodeWrapper extends RenderNodeWrapper {
 
-  // In OneChildListRenderNodeWrapper subclasses, slots are RenderCSS nodes
-  // to use as the "insert before" sibling in RenderCSSContainer.add() calls
+  // In OneChildListRenderNodeWrapper subclasses, slots are RenderNode nodes
+  // to use as the "insert before" sibling in ContainerRenderNodeMixin.add() calls
 
   final List<UINode> children;
 
   OneChildListRenderNodeWrapper({
     Object key,
-    List<UINode> children,
-    Style style,
-    String inlineStyle
+    List<UINode> children
   }) : this.children = children == null ? _emptyList : children,
   super(
-    key: key,
-    style: style,
-    inlineStyle: inlineStyle
+    key: key
   ) {
     assert(!_debugHasDuplicateIds());
   }
 
   void insert(RenderNodeWrapper child, dynamic slot) {
-    assert(slot == null || slot is RenderCSS);
+    assert(slot == null || slot is RenderNode);
     root.add(child.root, before: slot);
   }
 
   void _remove() {
     assert(children != null);
     for (var child in children) {
       assert(child != null);
       removeChild(child);
     }
     super._remove();
@@ skipping 11 matching lines @@
                 of another node, they must have unique keys.
                 Duplicate: "${child._key}"''';
       }
     }
     return false;
   }
 
   void syncRenderNode(OneChildListRenderNodeWrapper old) {
     super.syncRenderNode(old);
 
-    if (root is! RenderCSSContainer)
+    if (root is! ContainerRenderNodeMixin)
       return;
 
     var startIndex = 0;
     var endIndex = children.length;
 
     var oldChildren = old.children;
     var oldStartIndex = 0;
     var oldEndIndex = oldChildren.length;
 
-    RenderCSS nextSibling = null;
+    RenderNode nextSibling = null;
     UINode currentNode = null;
     UINode oldNode = null;
 
     void sync(int atIndex) {
       children[atIndex] = syncChild(currentNode, oldNode, nextSibling);
       assert(children[atIndex] != null);
     }
 
     // Scan backwards from end of list while nodes can be directly synced
     // without reordering.
@@ skipping 41 matching lines @@
     bool searchForOldNode() {
       if (currentNode.interchangeable)
         return false; // never re-order these nodes
 
       ensureOldIdMap();
       oldNode = oldNodeIdMap[currentNode._key];
       if (oldNode == null)
         return false;
 
       oldNodeIdMap[currentNode._key] = null; // mark it reordered
-      assert(root is RenderCSSContainer);
-      assert(oldNode.root is RenderCSSContainer);
+      assert(root is ContainerRenderNodeMixin);
+      assert(oldNode.root is ContainerRenderNodeMixin);
 
       old.root.remove(oldNode.root);
       root.add(oldNode.root, before: nextSibling);
 
       return true;
     }
 
     // Scan forwards, this time we may re-order;
     nextSibling = root.firstChild;
     while (startIndex < endIndex && oldStartIndex < oldEndIndex) {
@@ skipping 37 matching lines @@
 
   RenderCSSContainer root;
   RenderCSSContainer createNode() => new RenderCSSContainer(this);
 
   static final Container _emptyContainer = new Container();
 
   RenderNodeWrapper get emptyNode => _emptyContainer;
 
   Container({
     Object key,
-    List<UINode> children,
-    Style style,
-    String inlineStyle
+    List<UINode> children
   }) : super(
     key: key,
-    children: children,
-    style: style,
-    inlineStyle: inlineStyle
+    children: children
   );
 }
 
 class Paragraph extends OneChildListRenderNodeWrapper {
 
   RenderCSSParagraph root;
   RenderCSSParagraph createNode() => new RenderCSSParagraph(this);
 
   static final Paragraph _emptyContainer = new Paragraph();
 
   RenderNodeWrapper get emptyNode => _emptyContainer;
 
   Paragraph({
     Object key,
-    List<UINode> children,
-    Style style,
-    String inlineStyle
+    List<UINode> children
   }) : super(
     key: key,
-    children: children,
-    style: style,
-    inlineStyle: inlineStyle
+    children: children
   );
 }
 
 class FlexContainer extends OneChildListRenderNodeWrapper {
 
-  RenderCSSFlex root;
-  RenderCSSFlex createNode() => new RenderCSSFlex(this, this.direction);
+  RenderFlex root;
+  RenderFlex createNode() => new RenderFlex(this, this.direction);
 
   static final FlexContainer _emptyContainer = new FlexContainer();
     // direction doesn't matter if it's empty
 
   RenderNodeWrapper get emptyNode => _emptyContainer;
 
   final FlexDirection direction;
 
   FlexContainer({
     Object key,
     List<UINode> children,
-    Style style,
-    String inlineStyle,
-    this.direction: FlexDirection.Row
+    this.direction: FlexDirection.Horizontal
   }) : super(
     key: key,
-    children: children,
-    style: style,
-    inlineStyle: inlineStyle
+    children: children
   );
 
   void syncRenderNode(UINode old) {
     super.syncRenderNode(old);
     root.direction = direction;
   }
 }
 
+class FlexExpandingChild extends ParentDataNode {
+  FlexExpandingChild(UINode content, [int flex = 1]): super(content, new FlexBoxParentData()..flex = flex);
+}
+
 class FillStackContainer extends OneChildListRenderNodeWrapper {
 
   RenderCSSStack root;
   RenderCSSStack createNode() => new RenderCSSStack(this);
 
   static final FillStackContainer _emptyContainer = new FillStackContainer();
 
   RenderNodeWrapper get emptyNode => _emptyContainer;
 
   FillStackContainer({
     Object key,
-    List<UINode> children,
-    Style style,
-    String inlineStyle
+    List<UINode> children
   }) : super(
     key: key,
-    children: _positionNodesToFill(children),
-    style: style,
-    inlineStyle: inlineStyle
+    children: _positionNodesToFill(children)
   );
 
   static StackParentData _fillParentData = new StackParentData()
                                                  ..top = 0.0
                                                  ..left = 0.0
                                                  ..right = 0.0
                                                  ..bottom = 0.0;
 
   static List<UINode> _positionNodesToFill(List<UINode> input) {
     if (input == null)
       return null;
     return input.map((node) {
       return new ParentDataNode(node, _fillParentData);
     }).toList();
   }
 }
 
 class TextFragment extends RenderNodeWrapper {
 
   RenderCSSInline root;
   RenderCSSInline createNode() => new RenderCSSInline(this, this.data);
 
   static final TextFragment _emptyText = new TextFragment('');
 
   RenderNodeWrapper get emptyNode => _emptyText;
 
   final String data;
 
   TextFragment(this.data, {
-    Object key,
-    Style style,
-    String inlineStyle
+    Object key
   }) : super(
-    key: key,
-    style: style,
-    inlineStyle: inlineStyle
+    key: key
   );
 
   void syncRenderNode(UINode old) {
     super.syncRenderNode(old);
     root.data = data;
   }
 }
 
 class Image extends RenderNodeWrapper {
 
   RenderCSSImage root;
   RenderCSSImage createNode() => new RenderCSSImage(this, this.src, this.width, this.height);
 
   static final Image _emptyImage = new Image();
 
   RenderNodeWrapper get emptyNode => _emptyImage;
 
   final String src;
   final int width;
   final int height;
 
   Image({
     Object key,
-    Style style,
-    String inlineStyle,
     this.width,
     this.height,
     this.src
   }) : super(
-    key: key,
-    style: style,
-    inlineStyle: inlineStyle
+    key: key
   );
 
   void syncRenderNode(UINode old) {
     super.syncRenderNode(old);
     root.configure(this.src, this.width, this.height);
   }
 }
 
 
 Set<Component> _mountedComponents = new HashSet<Component>();
@@ skipping 21 matching lines @@
   } finally {
     _notifingMountStatus = false;
   }
 }
 
 List<Component> _dirtyComponents = new List<Component>();
 bool _buildScheduled = false;
 bool _inRenderDirtyComponents = false;
 
 void _buildDirtyComponents() {
-  _tracing.begin('fn::_buildDirtyComponents');
+  //_tracing.begin('fn::_buildDirtyComponents');
 
   Stopwatch sw;
   if (_shouldLogRenderDuration)
     sw = new Stopwatch()..start();
 
   try {
     _inRenderDirtyComponents = true;
 
     _dirtyComponents.sort((a, b) => a._order - b._order);
     for (var comp in _dirtyComponents) {
       comp._buildIfDirty();
     }
 
     _dirtyComponents.clear();
     _buildScheduled = false;
   } finally {
     _inRenderDirtyComponents = false;
   }
 
   _notifyMountStatusChanged();
 
   if (_shouldLogRenderDuration) {
     sw.stop();
     print('Render took ${sw.elapsedMicroseconds} microseconds');
   }
 
-  _tracing.end('fn::_buildDirtyComponents');
+  //_tracing.end('fn::_buildDirtyComponents');
 }
 
 void _scheduleComponentForRender(Component c) {
   assert(!_inRenderDirtyComponents);
   _dirtyComponents.add(c);
 
   if (!_buildScheduled) {
     _buildScheduled = true;
     new Future.microtask(_buildDirtyComponents);
   }
@@ skipping 40 matching lines @@
       _mountCallbacks.forEach((fn) => fn());
   }
 
   void _didUnmount() {
     if (_unmountCallbacks != null)
       _unmountCallbacks.forEach((fn) => fn());
   }
 
   // TODO(rafaelw): It seems wrong to expose DOM at all. This is presently
   // needed to get sizing info.
-  RenderCSS getRoot() => root;
+  RenderNode getRoot() => root;
 
   void _remove() {
     assert(_built != null);
     assert(root != null);
     removeChild(_built);
     _built = null;
     _enqueueDidUnmount(this);
     super._remove();
   }
 
@@ skipping 74 matching lines @@
       return;
 
     _dirty = true;
     _scheduleComponentForRender(this);
   }
 
   UINode build();
 }
 
 abstract class App extends Component {
-  RenderCSS _host;
 
   App() : super(stateful: true) {
-    _host = new RenderCSSRoot(this);
+    _appView = new AppView(null);
     _scheduleComponentForRender(this);
   }
 
+  AppView _appView;
+
   void _buildIfDirty() {
-    if (!_dirty || _defunct)
-      return;
-
-    _trace('$_key rebuilding...');
+    assert(_dirty);
+    assert(!_defunct);
+    _trace('$_key rebuilding app...');
     _sync(null, null);
     if (root.parent == null)
-      _host.add(root);
-    assert(root.parent == _host);
+      _appView.root = root;
+    assert(root.parent is RenderView);
   }
 }
 
 class Text extends Component {
   Text(this.data) : super(key: '*text*');
   final String data;
   bool get interchangeable => true;
   UINode build() => new Paragraph(children: [new TextFragment(data)]);
 }
+
+
+// for now, but only for now:
+
+class RenderSolidColor extends RenderDecoratedBox {
+  final double desiredHeight;
+  final double desiredWidth;
+  final int backgroundColor;
+
+  RenderSolidColor(int backgroundColor, { this.desiredHeight: double.INFINITY,
+                                          this.desiredWidth: double.INFINITY })
+      : backgroundColor = backgroundColor,
+        super(new BoxDecoration(backgroundColor: backgroundColor));
+
+  BoxDimensions getIntrinsicDimensions(BoxConstraints constraints) {
+    return new BoxDimensions.withConstraints(constraints,
+                                             height: desiredHeight,
+                                             width: desiredWidth);
+  }
+
+  void layout(BoxConstraints constraints, { RenderNode relayoutSubtreeRoot }) {
+    width = constraints.constrainWidth(desiredWidth);
+    height = constraints.constrainHeight(desiredHeight);
+    layoutDone();
+  }
+
+  void handlePointer(sky.PointerEvent event) {
+    if (event.type == 'pointerdown')
+      decoration = new BoxDecoration(backgroundColor: 0xFFFF0000);
+    else if (event.type == 'pointerup')
+      decoration = new BoxDecoration(backgroundColor: backgroundColor);
+  }
+}
+
+class Rectangle extends RenderNodeWrapper {
+
+  Rectangle(this.color, {
+    Object key
+  }) : super(
+    key: key
+  );
+
+  final int color;
+
+  RenderSolidColor root;
+  RenderSolidColor createNode() => new RenderSolidColor(color, desiredWidth: 40.0, desiredHeight: 130.0);
+
+  static final Rectangle _emptyRectangle = new Rectangle(0);
+  RenderNodeWrapper get emptyNode => _emptyRectangle;
+
+}