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

// Copyright (c) 2013, 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 isolate_view_element;

import 'dart:async';

import 'package:web/web.dart';

import '../../models.dart' as M;
import 'curly_block.dart';
import 'eval_box.dart';
import 'function_ref.dart';
import 'helpers/custom_element.dart';
import 'helpers/element_utils.dart';
import 'helpers/nav_bar.dart';
import 'helpers/rendering_scheduler.dart';
import 'helpers/uris.dart';
import 'isolate/location.dart';
import 'isolate/run_state.dart';
import 'isolate/shared_summary.dart';
import 'library_ref.dart';
import 'nav/isolate_menu.dart';
import 'nav/notify.dart';
import 'nav/refresh.dart';
import 'nav/reload.dart';
import 'nav/top_menu.dart';
import 'nav/vm_menu.dart';
import 'script_inset.dart';
import 'source_inset.dart';

class IsolateViewElement extends CustomElement implements Renderable {
  late RenderingScheduler<IsolateViewElement> _r;

  Stream<RenderedEvent<IsolateViewElement>> get onRendered => _r.onRendered;

  late M.VM _vm;
  late M.Isolate _isolate;
  late M.EventRepository _events;
  late M.NotificationRepository _notifications;
  late M.IsolateRepository _isolates;
  late M.ScriptRepository _scripts;
  late M.FunctionRepository _functions;
  late M.LibraryRepository _libraries;
  late M.ObjectRepository _objects;
  late M.EvalRepository _eval;
  M.ServiceFunction? _function;
  M.ScriptRef? _rootScript;
  late 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.ObjectRepository objects,
    M.EvalRepository eval, {
    RenderingQueue? queue,
  }) {
    IsolateViewElement e = new IsolateViewElement.created();
    e._r = new RenderingScheduler<IsolateViewElement>(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._objects = objects;
    e._eval = eval;
    e._libraries = libraries;
    return e;
  }

  IsolateViewElement.created() : super.created('isolate-view');

  @override
  attached() {
    super.attached();
    _r.enable();
    _loadExtraData();
    _subscription = _events.onIsolateUpdate.listen((e) {
      if (e.isolate.id == _isolate) {
        _isolate = isolate;
        _r.dirty();
      }
    });
  }

  @override
  detached() {
    super.detached();
    _r.disable(notify: true);
    removeChildren();
    _subscription.cancel();
  }

  void render() {
    final uptime = new DateTime.now().difference(_isolate.startTime!);
    final libraries = _isolate.libraries!.toList();
    children = <HTMLElement>[
      navBar(<HTMLElement>[
        new NavTopMenuElement(queue: _r.queue).element,
        new NavVMMenuElement(_vm, _events, queue: _r.queue).element,
        new NavIsolateMenuElement(_isolate, _events, queue: _r.queue).element,
        (new NavReloadElement(_isolate, _isolates, _events, queue: _r.queue)
              ..onReload.listen((_) async {
                _isolate = await _isolates.get(_isolate);
                await _loadExtraData();
                _r.dirty();
              }))
            .element,
        (new NavRefreshElement(queue: _r.queue)
              ..onRefresh.listen((e) async {
                e.element.disabled = true;
                _isolate = await _isolates.get(_isolate);
                await _loadExtraData();
                _r.dirty();
              }))
            .element,
        new NavNotifyElement(_notifications, queue: _r.queue).element,
      ]),
      new HTMLDivElement()
        ..className = 'content-centered-big'
        ..appendChildren(<HTMLElement>[
          new HTMLHeadingElement.h2()..textContent = 'Isolate ${_isolate.name}',
          new HTMLBRElement(),
          new HTMLDivElement()
            ..className = 'flex-row'
            ..appendChildren(<HTMLElement>[
              new HTMLDivElement()..style.flex = '1',
              new HTMLDivElement()..appendChildren(<HTMLElement>[
                new IsolateRunStateElement(
                  _isolate,
                  _events,
                  queue: _r.queue,
                ).element,
                new IsolateLocationElement(
                  _isolate,
                  _events,
                  _scripts,
                  queue: _r.queue,
                ).element,
                new HTMLSpanElement()..textContent = ' [',
                new HTMLAnchorElement()
                  ..href = Uris.debugger(_isolate)
                  ..textContent = 'debug',
                new HTMLSpanElement()..textContent = ']',
              ]),
            ]),
          new HTMLDivElement()..appendChildren(
            _function != null
                ? [
                    new HTMLBRElement(),
                    (new SourceInsetElement(
                      _isolate,
                      _function!.location!,
                      _scripts,
                      _objects,
                      _events,
                      currentPos: M
                          .topFrame(isolate.pauseEvent)!
                          .location!
                          .tokenPos,
                      queue: _r.queue,
                    )..className = 'header_inset').element,
                  ]
                : const [],
          ),
          new HTMLHRElement(),
          new IsolateSharedSummaryElement(
            _isolate,
            _events,
            queue: _r.queue,
          ).element,
          new HTMLHRElement(),
          new HTMLDivElement()
            ..className = 'memberList'
            ..appendChildren(<HTMLElement>[
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'started at',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..textContent = '${_isolate.startTime}',
                ]),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'uptime',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..textContent = '$uptime',
                ]),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'root library',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..appendChildren(<HTMLElement>[
                      _isolate.rootLibrary == null
                          ? (new HTMLSpanElement()..textContent = 'loading...')
                          : new LibraryRefElement(
                              _isolate,
                              _isolate.rootLibrary!,
                              queue: _r.queue,
                            ).element,
                    ]),
                ]),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(
                  _isolate.entry != null
                      ? [
                          new HTMLDivElement()
                            ..className = 'memberName'
                            ..textContent = 'entry',
                          new HTMLDivElement()
                            ..className = 'memberValue'
                            ..appendChildren(<HTMLElement>[
                              new FunctionRefElement(
                                _isolate,
                                _isolate.entry!,
                                queue: _r.queue,
                              ).element,
                            ]),
                        ]
                      : const [],
                ),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'isolate id',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..textContent = '${_isolate.number}',
                ]),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'service protocol extensions',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..textContent = '${_isolate.extensionRPCs}',
                ]),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'object store',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..appendChildren(<HTMLElement>[
                      HTMLAnchorElement()
                        ..href = Uris.objectStore(_isolate)
                        ..textContent = 'object store',
                    ]),
                ]),
              new HTMLBRElement(),
              new HTMLDivElement()
                ..className = 'memberItem'
                ..appendChildren(<HTMLElement>[
                  new HTMLDivElement()
                    ..className = 'memberName'
                    ..textContent = 'libraries (${libraries.length})',
                  new HTMLDivElement()
                    ..className = 'memberValue'
                    ..appendChildren(<HTMLElement>[
                      (new CurlyBlockElement(queue: _r.queue)
                            ..content = libraries
                                .map<HTMLElement>(
                                  (l) =>
                                      new HTMLDivElement()
                                        ..appendChildren(<HTMLElement>[
                                          new LibraryRefElement(
                                            _isolate,
                                            l,
                                            queue: _r.queue,
                                          ).element,
                                        ]),
                                )
                                .toList())
                          .element,
                    ]),
                ]),
            ]),
          new HTMLHRElement(),
          new EvalBoxElement(
            _isolate,
            _isolate.rootLibrary!,
            _objects,
            _eval,
            queue: _r.queue,
          ).element,
          new HTMLDivElement()..appendChildren(
            _rootScript != null
                ? [
                    new HTMLHRElement(),
                    new ScriptInsetElement(
                      _isolate,
                      _rootScript!,
                      _scripts,
                      _objects,
                      _events,
                      queue: _r.queue,
                    ).element,
                  ]
                : const [],
          ),
        ]),
    ];
  }

  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();
  }
}