Add hello_fn2.dart and make Text("Hello fn2") actually render something.

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;
@@ skipping 525 matching lines @@
 
   Container({
     Object key,
     List<UINode> children
   }) : super(
     key: key,
     children: children
   );
 }
 
-class Paragraph extends OneChildListRenderNodeWrapper {
+class Paragraph extends RenderNodeWrapper {
 
-  RenderCSSParagraph root;
-  RenderCSSParagraph createNode() => new RenderCSSParagraph(this);
+  RenderParagraph root;
+  RenderParagraph createNode() => new RenderParagraph(text);
+  String text;
 
   static final Paragraph _emptyContainer = new Paragraph();
 
   RenderNodeWrapper get emptyNode => _emptyContainer;
 
   Paragraph({
     Object key,
-    List<UINode> children
+    this.text
   }) : super(
-    key: key,
-    children: children
+    key: key
   );
+
+  void syncRenderNode(UINode old) {
+    super.syncRenderNode(old);
+    root.text = text;
+  }
 }
 
 class FlexContainer extends OneChildListRenderNodeWrapper {
 
   RenderFlex root;
   RenderFlex createNode() => new RenderFlex(direction: this.direction);
 
   static final FlexContainer _emptyContainer = new FlexContainer();
     // direction doesn't matter if it's empty
 
@@ skipping 67 matching lines @@
     root.child = child.root;
   }
 
   void _remove() {
     assert(child != null);
     removeChild(child);
     super._remove();
   }
 }
 
-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
-  }) : super(
-    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;
@@ skipping 247 matching lines @@
     if (root.parent == null)
       _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)]);
+  UINode build() => new Paragraph(text: data);
 }
 
 
 // for now, but only for now:
 
 class RenderSolidColor extends RenderDecoratedBox {
   final sky.Size desiredSize;
   final int backgroundColor;
 
   RenderSolidColor(int backgroundColor, { this.desiredSize })
@@ skipping 28 matching lines @@
 
   final int color;
 
   RenderSolidColor root;
   RenderSolidColor createNode() => new RenderSolidColor(color, desiredSize: new sky.Size(40.0, 130.0));
 
   static final Rectangle _emptyRectangle = new Rectangle(0);
   RenderNodeWrapper get emptyNode => _emptyRectangle;
 
 }