Converted Observatory vm-view && isolate-view elements

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

Index: runtime/observatory/lib/src/elements/isolate_view.dart
diff --git a/runtime/observatory/lib/src/elements/isolate_view.dart b/runtime/observatory/lib/src/elements/isolate_view.dart
index c45acfaf485050cf8f8bfdeb60ca5799617ef88f..88a15d5be0d1bf2722961a50a82ff41e965b9675 100644
--- a/runtime/observatory/lib/src/elements/isolate_view.dart
+++ b/runtime/observatory/lib/src/elements/isolate_view.dart
@@ -5,36 +5,295 @@
 library isolate_view_element;
 
 import 'dart:async';
-import 'observatory_element.dart';
-import 'package:observatory/service.dart';
-import 'package:polymer/polymer.dart';
-
-@CustomTag('isolate-view')
-class IsolateViewElement extends ObservatoryElement {
-  @published Isolate isolate;
-  @published Library rootLibrary;
-  IsolateViewElement.created() : super.created();
+import 'dart:html';
+import 'package:observatory/models.dart' as M;
+import 'package:observatory/src/elements/curly_block.dart';
+import 'package:observatory/src/elements/eval_box.dart';
+import 'package:observatory/src/elements/function_ref.dart';
+import 'package:observatory/src/elements/helpers/rendering_scheduler.dart';
+import 'package:observatory/src/elements/helpers/tag.dart';
+import 'package:observatory/src/elements/helpers/uris.dart';
+import 'package:observatory/src/elements/isolate/location.dart';
+import 'package:observatory/src/elements/isolate/run_state.dart';
+import 'package:observatory/src/elements/isolate/shared_summary.dart';
+import 'package:observatory/src/elements/library_ref.dart';
+import 'package:observatory/src/elements/nav/bar.dart';
+import 'package:observatory/src/elements/nav/class_menu.dart';
+import 'package:observatory/src/elements/nav/isolate_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/script_inset.dart';
+import 'package:observatory/src/elements/source_inset.dart';
+import 'package:observatory/src/elements/view_footer.dart';
+
+class IsolateViewElement extends HtmlElement implements Renderable {
+  static const tag = const Tag<IsolateViewElement>('isolate-view',
+                                            dependencies: const [
+                                              CurlyBlockElement.tag,
+                                              EvalBoxElement.tag,
+                                              FunctionRefElement.tag,
+                                              IsolateLocationElement.tag,
+                                              IsolateRunStateElement.tag,
+                                              IsolateSharedSummaryElement.tag,
+                                              LibraryRefElement.tag,
+                                              NavBarElement.tag,
+                                              NavClassMenuElement.tag,
+                                              NavTopMenuElement.tag,
+                                              NavIsolateMenuElement.tag,
+                                              NavRefreshElement.tag,
+                                              NavNotifyElement.tag,
+                                              ScriptInsetElement.tag,
+                                              SourceInsetElement.tag,
+                                              ViewFooterElement.tag
+                                            ]);
+
+  RenderingScheduler<IsolateViewElement> _r;
+
+  Stream<RenderedEvent<IsolateViewElement>> get onRendered => _r.onRendered;
 
-  Future<ServiceObject> evaluate(String expression) {
-    return isolate.rootLibrary.evaluate(expression);
+  M.VM _vm;
+  M.Isolate _isolate;
+  M.EventRepository _events;
+  M.NotificationRepository _notifications;
+  M.IsolateRepository _isolates;
+  M.ScriptRepository _scripts;
+  M.FunctionRepository _functions;
+  M.LibraryRepository _libraries;
+  M.InstanceRepository _instances;
+  M.EvalRepository _eval;
+  M.Function _function;
+  M.ScriptRef _rootScript;
+  StreamSubscription _subscription;
+
+  M.VMRef get vm => _vm;
+  M.Isolate get isolate => _isolate;
+  M.NotificationRepository get notifications => _notifications;
+
+  factory IsolateViewElement(M.VM vm, M.Isolate isolate,
+                            M.EventRepository events,
+                            M.NotificationRepository notifications,
+                            M.IsolateRepository isolates,
+                            M.ScriptRepository scripts,
+                            M.FunctionRepository functions,
+                            M.LibraryRepository libraries,
+                            M.InstanceRepository instances,
+                            M.EvalRepository eval,
+                            {RenderingQueue queue}) {
+    assert(vm != null);
+    assert(isolate != null);
+    assert(events != null);
+    assert(notifications != null);
+    assert(isolates != null);
+    assert(scripts != null);
+    assert(functions != null);
+    assert(instances != null);
+    assert(eval != null);
+    assert(libraries != null);
+    IsolateViewElement 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._isolates = isolates;
+    e._scripts = scripts;
+    e._functions = functions;
+    e._instances = instances;
+    e._eval = eval;
+    e._libraries = libraries;
+    return e;
   }
 
-  void attached() {
+  IsolateViewElement.created() : super.created();
+
+  @override
+  attached() {
     super.attached();
-    if (isolate.topFrame != null) {
-      isolate.topFrame.function.load();
-    }
-    isolate.rootLibrary.load().then((lib) => rootLibrary = lib);
+    _r.enable();
+    _loadExtraData();
+    _subscription = _events.onIsolateUpdate.listen((e) {
+      if (e.isolate.id == _isolate) {
+        _isolate = isolate;
+        _r.dirty();
+      }
+    });
   }
 
-  Future refresh() async {
-    await isolate.reload();
-    if (isolate.topFrame != null) {
-      await isolate.topFrame.function.load();
-    }
+  @override
+  detached() {
+    super.detached();
+    _r.disable(notify: true);
+    children = [];
+    _subscription.cancel();
   }
 
-  Future reloadSources() {
-    return isolate.reloadSources();
+  void render() {
+    final uptime = new DateTime.now().difference(_isolate.startTime);
+    final libraries = _isolate.libraries.toList();
+    children = [
+      new NavBarElement(queue: _r.queue)
+        ..children = [
+          new NavTopMenuElement(queue: _r.queue),
+          new NavVMMenuElement(_vm, _events, queue: _r.queue),
+          new NavIsolateMenuElement(_isolate, _events, last: true,
+                                    queue: _r.queue),
+          new NavRefreshElement(label: 'reload source', queue: _r.queue)
+              ..onRefresh.listen((e) async {
+                e.element.disabled = true;
+                await _isolates.reloadSources(_isolate);
+                _r.dirty();
+              }),
+          new NavRefreshElement(queue: _r.queue)
+              ..onRefresh.listen((e) async {
+                e.element.disabled = true;
+                _isolate = await _isolates.get(_isolate);
+                await _loadExtraData();
+                _r.dirty();
+              }),
+          new NavNotifyElement(_notifications, queue: _r.queue)
+        ],
+      new DivElement()..classes = ['content-centered-big']
+        ..children = [
+          new HeadingElement.h2()..text = 'Isolate ${_isolate.name}',
+          new BRElement(),
+          new DivElement()..classes = ['flex-row']
+            ..children = [
+              new DivElement()..style.flex = '1',
+              new DivElement()
+                ..children = [
+                  new IsolateRunStateElement(_isolate, _events, queue: _r.queue),
+                  new IsolateLocationElement(_isolate, _events, _scripts,
+                                             queue: _r.queue),
+                  new SpanElement()..text = ' [',
+                  new AnchorElement(href: Uris.debugger(_isolate))
+                    ..text = 'debug',
+                  new SpanElement()..text = ']'
+                ]
+            ],
+          new DivElement()
+            ..children = _function != null
+              ? [new BRElement(),
+                 new SourceInsetElement(_isolate, _function.location,
+                  _scripts,
+                  _instances,
+                  _events,
+                  currentPos: M.topFrame(isolate.pauseEvent).location.tokenPos,
+                  queue: _r.queue)..classes = ['header_inset']]
+              : const [],
+          new HRElement(),
+          new IsolateSharedSummaryElement(_isolate, _events, queue: _r.queue),
+          new HRElement(),
+          new DivElement()..classes = ['memberList']
+            ..children = [
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'started at',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = '${_isolate.startTime}'
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'uptime',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = '$uptime'
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'root library',
+                  new DivElement()..classes = ['memberValue']
+                    ..children = [
+                      _isolate.rootLibrary == null
+                        ? (new SpanElement()..text = 'loading...')
+                        : new LibraryRefElement(_isolate, _isolate.rootLibrary,
+                                                queue: _r.queue)
+                    ]
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = _isolate.entry != null
+                  ? [
+                      new DivElement()..classes = ['memberName']
+                        ..text = 'entry',
+                      new DivElement()..classes = ['memberValue']
+                        ..children = [
+                          new FunctionRefElement(_isolate, _isolate.entry,
+                                                     queue: _r.queue)
+                        ]
+                    ]
+                  : const [],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'isolate id',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = '${_isolate.number}'
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'service protocol extensions',
+                  new DivElement()..classes = ['memberValue']
+                    ..text = '${_isolate.extensionRPCs}'
+                ],
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'object store',
+                  new DivElement()..classes = ['memberValue']
+                    ..children = [
+                      new AnchorElement(href: Uris.objectStore(_isolate))
+                        ..text = 'object store'
+                    ]
+                ],
+              new BRElement(),
+              new DivElement()..classes = ['memberItem']
+                ..children = [
+                  new DivElement()..classes = ['memberName']
+                    ..text = 'libraries (${libraries.length})',
+                  new DivElement()..classes = ['memberValue']
+                    ..children = [
+                      new CurlyBlockElement(queue: _r.queue)
+                        ..children = libraries.map((l) =>
+                          new DivElement()
+                            ..children = [
+                              new LibraryRefElement(_isolate, l,
+                                                    queue: _r.queue)
+                            ]
+                        ).toList()
+                    ]
+                ]
+            ],
+          new HRElement(),
+          new EvalBoxElement(_isolate, _isolate.rootLibrary, _instances, _eval,
+                             queue: _r.queue),
+          new DivElement()
+            ..children = _rootScript != null
+              ? [new HRElement(),
+                 new ScriptInsetElement(_isolate, _rootScript, _scripts,
+                                        _instances, _events, queue: _r.queue)]
+              : const [],
+          new HRElement(),
+          new ViewFooterElement(queue: _r.queue)
+        ]
+    ];
+  }
+
+  Future _loadExtraData() async{
+    _function = null;
+    _rootScript = null;
+    final frame = M.topFrame(_isolate.pauseEvent);
+    if (frame != null) {
+      _function = await _functions.get(_isolate, frame.function.id);
+    }
+    if (_isolate.rootLibrary != null) {
+      final rootLibrary = await _libraries.get(_isolate,
+                                               _isolate.rootLibrary.id);
+      _rootScript = rootLibrary.rootScript;
+    }
+    _r.dirty();
   }
 }