pkg/observatory/lib/src/elements/context_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.

import 'dart:async';

import 'package:web/web.dart';

import '../../models.dart' as M;
import 'context_ref.dart';
import 'curly_block.dart';
import 'helpers/any_ref.dart';
import 'helpers/custom_element.dart';
import 'helpers/element_utils.dart';
import 'helpers/nav_bar.dart';
import 'helpers/nav_menu.dart';
import 'helpers/rendering_scheduler.dart';
import 'nav/class_menu.dart';
import 'nav/isolate_menu.dart';
import 'nav/notify.dart';
import 'nav/refresh.dart';
import 'nav/top_menu.dart';
import 'nav/vm_menu.dart';
import 'object_common.dart';

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

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

  late M.VM _vm;
  late M.IsolateRef _isolate;
  late M.EventRepository _events;
  late M.NotificationRepository _notifications;
  late M.Context _context;
  late M.ContextRepository _contexts;
  late M.RetainedSizeRepository _retainedSizes;
  late M.ReachableSizeRepository _reachableSizes;
  late M.InboundReferencesRepository _references;
  late M.RetainingPathRepository _retainingPaths;
  late M.ObjectRepository _objects;

  M.VMRef get vm => _vm;
  M.IsolateRef get isolate => _isolate;
  M.NotificationRepository get notifications => _notifications;
  M.Context get context => _context;

  factory ContextViewElement(
    M.VM vm,
    M.IsolateRef isolate,
    M.Context context,
    M.EventRepository events,
    M.NotificationRepository notifications,
    M.ContextRepository contexts,
    M.RetainedSizeRepository retainedSizes,
    M.ReachableSizeRepository reachableSizes,
    M.InboundReferencesRepository references,
    M.RetainingPathRepository retainingPaths,
    M.ObjectRepository objects, {
    RenderingQueue? queue,
  }) {
    ContextViewElement e = new ContextViewElement.created();
    e._r = new RenderingScheduler<ContextViewElement>(e, queue: queue);
    e._vm = vm;
    e._isolate = isolate;
    e._events = events;
    e._notifications = notifications;
    e._context = context;
    e._contexts = contexts;
    e._retainedSizes = retainedSizes;
    e._reachableSizes = reachableSizes;
    e._references = references;
    e._retainingPaths = retainingPaths;
    e._objects = objects;
    return e;
  }

  ContextViewElement.created() : super.created('context-view');

  @override
  attached() {
    super.attached();
    _r.enable();
  }

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

  void render() {
    var content = <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 NavClassMenuElement(
          _isolate,
          _context.clazz!,
          queue: _r.queue,
        ).element,
        navMenu('instance'),
        (new NavRefreshElement(queue: _r.queue)
              ..onRefresh.listen((e) async {
                e.element.disabled = true;
                _context = await _contexts.get(_isolate, _context.id!);
                _r.dirty();
              }))
            .element,
        new NavNotifyElement(_notifications, queue: _r.queue).element,
      ]),
      new HTMLDivElement()
        ..className = 'content-centered-big'
        ..appendChildren(<HTMLElement>[
          new HTMLHeadingElement.h2()..textContent = 'Context',
          new HTMLHRElement(),
          new ObjectCommonElement(
            _isolate,
            _context,
            _retainedSizes,
            _reachableSizes,
            _references,
            _retainingPaths,
            _objects,
            queue: _r.queue,
          ).element,
        ]),
    ];
    if (_context.parentContext != null) {
      content.addAll([
        new HTMLBRElement(),
        new HTMLDivElement()
          ..className = 'content-centered-big'
          ..appendChild(
            new HTMLDivElement()
              ..className = 'memberList'
              ..appendChild(
                new HTMLDivElement()
                  ..className = 'memberItem'
                  ..appendChildren(<HTMLElement>[
                    new HTMLDivElement()
                      ..className = 'memberName'
                      ..textContent = 'parent context',
                    new HTMLDivElement()
                      ..className = 'memberName'
                      ..appendChild(
                        new ContextRefElement(
                          _isolate,
                          _context.parentContext!,
                          _objects,
                          queue: _r.queue,
                        ).element,
                      ),
                  ]),
              ),
          ),
      ]);
    }
    content.add(new HTMLHRElement());
    if (_context.variables!.isNotEmpty) {
      int index = 0;
      content.addAll([
        new HTMLDivElement()
          ..className = 'content-centered-big'
          ..appendChildren(<HTMLElement>[
            new HTMLSpanElement()..textContent = 'Variables ',
            (new CurlyBlockElement(expanded: true, queue: _r.queue)
                  ..content = <HTMLElement>[
                    new HTMLDivElement()
                      ..className = 'memberList'
                      ..setChildren(
                        _context.variables!.map<HTMLElement>(
                          (variable) => new HTMLDivElement()
                            ..className = 'memberItem'
                            ..appendChildren(<HTMLElement>[
                              new HTMLDivElement()
                                ..className = 'memberName'
                                ..textContent = '[ ${++index} ]',
                              new HTMLDivElement()
                                ..className = 'memberName'
                                ..appendChild(
                                  anyRef(
                                    _isolate,
                                    variable.value,
                                    _objects,
                                    queue: _r.queue,
                                  ),
                                ),
                            ]),
                        ),
                      ),
                  ])
                .element,
          ]),
      ]);
    }
    setChildren(content);
  }
}