Converted Observatory library-view element

runtime/observatory/lib/src/elements/library_view.dart

Index: runtime/observatory/lib/src/elements/library_view.dart
diff --git a/runtime/observatory/lib/src/elements/library_view.dart b/runtime/observatory/lib/src/elements/library_view.dart
index 3c9a256dd23f558cbdd82fde7f957f17fc0058bc..76e7e3dc5c2514dbf249bcbd2dc8a1c2e295f6b3 100644
--- a/runtime/observatory/lib/src/elements/library_view.dart
+++ b/runtime/observatory/lib/src/elements/library_view.dart
@@ -5,29 +5,311 @@
 library library_view_element;
 
 import 'dart:async';
-import 'observatory_element.dart';
-import 'package:observatory/service.dart';
-import 'package:polymer/polymer.dart';
+import 'dart:html';
+import 'package:observatory/models.dart' as M;
+import 'package:observatory/src/elements/class_ref.dart';
+import 'package:observatory/src/elements/curly_block.dart';
+import 'package:observatory/src/elements/eval_box.dart';
+import 'package:observatory/src/elements/field_ref.dart';
+import 'package:observatory/src/elements/function_ref.dart';
+import 'package:observatory/src/elements/helpers/any_ref.dart';
+import 'package:observatory/src/elements/helpers/rendering_scheduler.dart';
+import 'package:observatory/src/elements/helpers/tag.dart';
+import 'package:observatory/src/elements/library_ref.dart';
+import 'package:observatory/src/elements/nav/bar.dart';
+import 'package:observatory/src/elements/nav/isolate_menu.dart';
+import 'package:observatory/src/elements/nav/menu.dart';
+import 'package:observatory/src/elements/nav/notify.dart';
+import 'package:observatory/src/elements/nav/refresh.dart';
+import 'package:observatory/src/elements/nav/top_menu.dart';
+import 'package:observatory/src/elements/nav/vm_menu.dart';
+import 'package:observatory/src/elements/object_common.dart';
+import 'package:observatory/src/elements/script_ref.dart';
+import 'package:observatory/src/elements/script_inset.dart';
+import 'package:observatory/src/elements/view_footer.dart';
 
+class LibraryViewElement  extends HtmlElement implements Renderable {
+  static const tag = const Tag<LibraryViewElement>('library-view',
+                                                   dependencies: const [
+                                                     ClassRefElement.tag,
+                                                     CurlyBlockElement.tag,
+                                                     EvalBoxElement.tag,
+                                                     FieldRefElement.tag,
+                                                     FunctionRefElement.tag,
+                                                     LibraryRefElement.tag,
+                                                     NavBarElement.tag,
+                                                     NavTopMenuElement.tag,
+                                                     NavVMMenuElement.tag,
+                                                     NavIsolateMenuElement.tag,
+                                                     NavMenuElement.tag,
+                                                     NavRefreshElement.tag,
+                                                     NavNotifyElement.tag,
+                                                     ObjectCommonElement.tag,
+                                                     ScriptRefElement.tag,
+                                                     ScriptInsetElement.tag,
+                                                     ViewFooterElement.tag
+                                                   ]);
 
-@CustomTag('library-view')
-class LibraryViewElement extends ObservatoryElement {
-  @published Library library;
+  RenderingScheduler<LibraryViewElement> _r;
+
+  Stream<RenderedEvent<LibraryViewElement>> get onRendered => _r.onRendered;
+
+  M.VM _vm;
+  M.IsolateRef _isolate;
+  M.EventRepository _events;
+  M.NotificationRepository _notifications;
+  M.Library _library;
+  M.LibraryRepository _libraries;
+  M.FieldRepository _fields;
+  M.RetainedSizeRepository _retainedSizes;
+  M.ReachableSizeRepository _reachableSizes;
+  M.InboundReferencesRepository _references;
+  M.RetainingPathRepository _retainingPaths;
+  M.ScriptRepository _scripts;
+  M.InstanceRepository _instances;
+  M.EvalRepository _eval;
+  Iterable<M.Field> _variables;
+
+
+  M.VMRef get vm => _vm;
+  M.IsolateRef get isolate => _isolate;
+  M.NotificationRepository get notifications => _notifications;
+  M.Library get library => _library;
+
+  factory LibraryViewElement(M.VM vm, M.IsolateRef isolate, M.Library library,
+                            M.EventRepository events,
+                            M.NotificationRepository notifications,
+                            M.LibraryRepository libraries,
+                            M.FieldRepository fields,
+                            M.RetainedSizeRepository retainedSizes,
+                            M.ReachableSizeRepository reachableSizes,
+                            M.InboundReferencesRepository references,
+                            M.RetainingPathRepository retainingPaths,
+                            M.ScriptRepository scripts,
+                            M.InstanceRepository instances,
+                            M.EvalRepository eval,
+                            {RenderingQueue queue}) {
+    assert(vm != null);
+    assert(isolate != null);
+    assert(events != null);
+    assert(notifications != null);
+    assert(library != null);
+    assert(libraries != null);
+    assert(fields != null);
+    assert(retainedSizes != null);
+    assert(reachableSizes != null);
+    assert(references != null);
+    assert(retainingPaths != null);
+    assert(scripts != null);
+    assert(instances != null);
+    assert(eval != null);
+    LibraryViewElement e = document.createElement(tag.name);
+    e._r = new RenderingScheduler(e, queue: queue);
+    e._vm = vm;
+    e._isolate = isolate;
+    e._events = events;
+    e._notifications = notifications;
+    e._library = library;
+    e._libraries = libraries;
+    e._fields = fields;
+    e._retainedSizes = retainedSizes;
+    e._reachableSizes = reachableSizes;
+    e._references = references;
+    e._retainingPaths = retainingPaths;
+    e._scripts = scripts;
+    e._instances = instances;
+    e._eval = eval;
+    return e;
+  }
 
   LibraryViewElement.created() : super.created();
 
-  Future<ServiceObject> evaluate(String expression) {
-    return library.evaluate(expression);
+  @override
+  attached() {
+    super.attached();
+    _r.enable();
+    _refresh();
+  }
+
+  @override
+  detached() {
+    super.detached();
+    _r.disable(notify: true);
+    children = [];
+  }
+
+  void render() {
+    children = [
+      new NavBarElement(queue: _r.queue)
+        ..children = [
+          new NavTopMenuElement(queue: _r.queue),
+          new NavVMMenuElement(_vm, _events, queue: _r.queue),
+          new NavIsolateMenuElement(_isolate, _events, queue: _r.queue),
+          new NavMenuElement('instance', last: true, queue: _r.queue),
+          new NavRefreshElement(queue: _r.queue)
+              ..onRefresh.listen((e) async {
+                e.element.disabled = true;
+                _refresh();
+              }),
+          new NavNotifyElement(_notifications, queue: _r.queue)
+        ],
+
+      new DivElement()..classes = const ['content-centered-big']
+        ..children = [
+          new HeadingElement.h2()..text = 'ICData',
+          new HRElement(),
+          new ObjectCommonElement(_isolate, _library, _retainedSizes,
+                                  _reachableSizes, _references, _retainingPaths,
+                                  _instances, queue: _r.queue),
+          new DivElement()..classes = ['memberList']
+            ..children = [
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'uri',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = _library.uri
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'vm name',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = _library.vmName
+                ]
+            ],
+          new HRElement(),
+          new EvalBoxElement(_isolate, _library, _instances, _eval,
+                             queue: _r.queue),
+          new HRElement(),
+          _createDependencies(),
+          new BRElement(),
+          _createScripts(),
+          new BRElement(),
+          _createClasses(),
+          new BRElement(),
+          _createVariables(),
+          new BRElement(),
+          _createFunctions(),
+          new HRElement(),
+          new ScriptInsetElement(_isolate, _library.rootScript, _scripts,
+                                 _instances, _events, queue: _r.queue),
+          new HRElement(),
+          new ViewFooterElement(queue: _r.queue)
+        ]
+    ];
+  }
+
+  Future _refresh() async {
+    _library = await _libraries.get(_isolate, _library.id);
+    _variables = null;
+    _r.dirty();
+    _variables = await Future.wait(_library.variables.map((field) =>
+        _fields.get(_isolate, field.id)));
+    _r.dirty();
+  }
+
+  Element _createDependencies() {
+    if (_library.dependencies.isEmpty) {
+      return new SpanElement();
+    }
+    final dependencies = _library.dependencies.toList();
+    return new DivElement()
+      ..children = [
+        new SpanElement()..text = 'dependencies (${dependencies.length}) ',
+        new CurlyBlockElement(queue: _r.queue)
+          ..children = dependencies.map((d) =>
+            new DivElement()..classes = const ['indent']
+              ..children = [
+                new SpanElement()..text = d.isImport ? 'import ' : 'export ',
+                new LibraryRefElement(_isolate, d.target, queue: _r.queue),
+                new SpanElement()..text = d.prefix == null ? ''
+                                                           : ' as ${d.prefix}',
+                new SpanElement()..text = d.isDeferred ? ' deferred' : '',
+              ]).toList()
+      ];
+  }
+
+  Element _createScripts() {
+    if (_library.scripts.isEmpty) {
+      return new SpanElement();
+    }
+    final scripts = _library.scripts.toList();
+    return new DivElement()
+      ..children = [
+        new SpanElement()..text = 'scripts (${scripts.length}) ',
+        new CurlyBlockElement(queue: _r.queue)
+          ..children = scripts.map((s) =>
+            new DivElement()..classes = const ['indent']
+              ..children = [
+                new ScriptRefElement(_isolate, s, queue: _r.queue)
+              ]).toList()
+      ];
+  }
+
+  Element _createClasses() {
+    if (_library.classes.isEmpty) {
+      return new SpanElement();
+    }
+    final classes = _library.classes.toList();
+    return new DivElement()
+      ..children = [
+        new SpanElement()..text = 'classes (${classes.length}) ',
+        new CurlyBlockElement(queue: _r.queue)
+          ..children = classes.map((c) =>
+            new DivElement()..classes = const ['indent']
+              ..children = [
+                new ClassRefElement(_isolate, c, queue: _r.queue)
+              ]).toList()
+      ];
   }
 
-  void attached() {
-    library.variables.forEach((variable) => variable.reload());
+  Element _createVariables() {
+    if (_library.variables.isEmpty) {
+      return new SpanElement();
+    }
+    final variables = _library.variables.toList();
+    return new DivElement()
+      ..children = [
+        new SpanElement()..text = 'variables (${variables.length}) ',
+        new CurlyBlockElement(queue: _r.queue)
+          ..children = [
+            _variables == null
+              ? (new SpanElement()..text = 'loading...')
+              : (new DivElement()..classes = const ['indent', 'memberList']
+                  ..children = _variables.map((f) =>
+                    new DivElement()..classes = const ['memberItem']
+                      ..children = [
+                        new DivElement()..classes = const ['memberName']
+                          ..children = [
+                            new FieldRefElement(_isolate, f, _instances,
+                                queue: _r.queue)
+                          ],
+                        new DivElement()..classes = const ['memberValue']
+                          ..children = [
+                            new SpanElement()..text = ' = ',
+                            anyRef(_isolate, f.staticValue, _instances,
+                                   queue: _r.queue)
+                          ]
+                      ]).toList())
+          ]
+      ];
   }
 
-  Future refresh() {
-    var loads = [];
-    loads.add(library.reload());
-    library.variables.forEach((variable) => loads.add(variable.reload()));
-    return Future.wait(loads);
+  Element _createFunctions() {
+    if (_library.functions.isEmpty) {
+      return new SpanElement();
+    }
+    final functions = _library.functions.toList();
+    return new DivElement()
+      ..children = [
+        new SpanElement()..text = 'functions (${functions.length}) ',
+        new CurlyBlockElement(queue: _r.queue)
+          ..children = functions.map((f) =>
+            new DivElement()..classes = const ['indent']
+              ..children = [
+                new FunctionRefElement(_isolate, f, queue: _r.queue)
+              ]).toList()
+      ];
   }
 }