| Index: runtime/observatory/lib/src/elements/script_inset_wrapper.dart
|
| diff --git a/runtime/observatory/lib/src/elements/script_inset_wrapper.dart b/runtime/observatory/lib/src/elements/script_inset_wrapper.dart
|
| deleted file mode 100644
|
| index 0dba95acf3a1f1c8ebf752ccedd136bc2efc73c7..0000000000000000000000000000000000000000
|
| --- a/runtime/observatory/lib/src/elements/script_inset_wrapper.dart
|
| +++ /dev/null
|
| @@ -1,266 +0,0 @@
|
| -// 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:html';
|
| -import 'dart:async';
|
| -
|
| -import 'package:observatory/app.dart';
|
| -import 'package:observatory/repositories.dart';
|
| -import 'package:observatory/service_html.dart' show Script;
|
| -import 'package:observatory/src/elements/script_inset.dart';
|
| -import 'package:observatory/src/elements/helpers/tag.dart';
|
| -import 'package:observatory/src/elements/shims/binding.dart';
|
| -
|
| -@bindable
|
| -class ScriptInsetElementWrapper extends HtmlElement {
|
| - static const binder = const Binder<ScriptInsetElementWrapper>(const {
|
| - 'script': #script, 'startpos': #startPos, 'endpos': #endPos,
|
| - 'currentpos': #currentPos, 'indebuggercontext': #inDebuggerContext,
|
| - 'variables': #variables, 'height': #height
|
| - });
|
| -
|
| - static const tag = const Tag<ScriptInsetElementWrapper>('script-inset');
|
| -
|
| - Script _script;
|
| - int _startPos;
|
| - int _endPos;
|
| - int _currentPos;
|
| - String _height;
|
| - bool _inDebuggerContext;
|
| - Iterable _variables;
|
| -
|
| - Script get script => _script;
|
| - int get startPos => _startPos;
|
| - int get endPos => _endPos;
|
| - int get currentPos => _currentPos;
|
| - String get height => _height;
|
| - bool get inDebuggerContext => _inDebuggerContext;
|
| - Iterable get variables => _variables;
|
| -
|
| - set script(Script value) {
|
| - _script = value;
|
| - render();
|
| - }
|
| - set startPos(int value) {
|
| - _startPos = value;
|
| - render();
|
| - }
|
| - set endPos(int value) {
|
| - _endPos = value;
|
| - render();
|
| - }
|
| - set currentPos(int value) {
|
| - _currentPos = value;
|
| - render();
|
| - }
|
| - set height(String value) {
|
| - _height = value;
|
| - render();
|
| - }
|
| - set inDebuggerContext(bool value) {
|
| - _inDebuggerContext = value;
|
| - render();
|
| - }
|
| - set variables(Iterable value) {
|
| - _variables = value;
|
| - render();
|
| - }
|
| -
|
| - ScriptInsetElementWrapper.created() : super.created() {
|
| - binder.registerCallback(this);
|
| - createShadowRoot();
|
| - render();
|
| - }
|
| -
|
| - @override
|
| - void attached() {
|
| - super.attached();
|
| - render();
|
| - }
|
| -
|
| - Future render() async {
|
| - shadowRoot.children = [];
|
| - if (_script == null) {
|
| - return;
|
| - }
|
| -
|
| - shadowRoot.children = [
|
| - new StyleElement()
|
| - ..text = '''
|
| - script-inset-wrapped {
|
| - position: relative;
|
| - }
|
| - script-inset-wrapped button.refresh,
|
| - script-inset-wrapped button.toggle-profile {
|
| - background-color: transparent;
|
| - padding: 0;
|
| - margin: 0;
|
| - border: none;
|
| - position: absolute;
|
| - display: inline-block;
|
| - top: 5px;
|
| - color: #888888;
|
| - line-height: 30px;
|
| - font: 400 20px 'Montserrat', sans-serif;
|
| - }
|
| - script-inset-wrapped button.refresh {
|
| - right: 5px;
|
| - font-size: 25px;
|
| - }
|
| - script-inset-wrapped button.toggle-profile {
|
| - right: 30px;
|
| - font-size: 20px;
|
| - }
|
| - script-inset-wrapped button.toggle-profile.enabled {
|
| - color: #BB3322;
|
| - }
|
| - script-inset-wrapped a {
|
| - color: #0489c3;
|
| - text-decoration: none;
|
| - }
|
| - script-inset-wrapped a:hover {
|
| - text-decoration: underline;
|
| - }
|
| - script-inset-wrapped .sourceInset {
|
| - }
|
| - script-inset-wrapped .sourceTable {
|
| - position: relative;
|
| - background-color: #f5f5f5;
|
| - border: 1px solid #ccc;
|
| - padding: 10px;
|
| - width: 100%;
|
| - box-sizing: border-box;
|
| - overflow-x: scroll;
|
| - }
|
| - script-inset-wrapped .sourceRow {
|
| - display: flex;
|
| - flex-direction: row;
|
| - width: 100%;
|
| - }
|
| - script-inset-wrapped .sourceItem,
|
| - script-inset-wrapped .sourceItemCurrent {
|
| - vertical-align: top;
|
| - font: 400 14px consolas, courier, monospace;
|
| - line-height: 125%;
|
| - white-space: pre;
|
| - max-width: 0;
|
| - }
|
| - script-inset-wrapped .currentLine {
|
| - background-color: #fff;
|
| - }
|
| - script-inset-wrapped .currentCol {
|
| - background-color: #6cf;
|
| - }
|
| - script-inset-wrapped .hitsCurrent,
|
| - script-inset-wrapped .hitsNone,
|
| - script-inset-wrapped .hitsNotExecuted,
|
| - script-inset-wrapped .hitsExecuted,
|
| - script-inset-wrapped .hitsCompiled,
|
| - script-inset-wrapped .hitsNotCompiled {
|
| - display: table-cell;
|
| - vertical-align: top;
|
| - font: 400 14px consolas, courier, monospace;
|
| - margin-left: 5px;
|
| - margin-right: 5px;
|
| - text-align: right;
|
| - color: #a8a8a8;
|
| - }
|
| - script-inset-wrapped .hitsCurrent {
|
| - background-color: #6cf;
|
| - color: black;
|
| - }
|
| - script-inset-wrapped .hitsNotExecuted {
|
| - background-color: #faa;
|
| - }
|
| - script-inset-wrapped .hitsExecuted {
|
| - background-color: #aea;
|
| - }
|
| - script-inset-wrapped .hitsCompiled {
|
| - background-color: #e0e0e0;
|
| - }
|
| - script-inset-wrapped .hitsNotCompiled {
|
| - background-color: #f0c5c5;
|
| - }
|
| - script-inset-wrapped .noCopy {}
|
| - script-inset-wrapped .emptyBreakpoint,
|
| - script-inset-wrapped .possibleBreakpoint,
|
| - script-inset-wrapped .busyBreakpoint,
|
| - script-inset-wrapped .unresolvedBreakpoint,
|
| - script-inset-wrapped .resolvedBreakpoint {
|
| - display: table-cell;
|
| - vertical-align: top;
|
| - font: 400 14px consolas, courier, monospace;
|
| - width: 1em;
|
| - text-align: center;
|
| - cursor: pointer;
|
| - }
|
| - script-inset-wrapped .possibleBreakpoint {
|
| - color: #e0e0e0;
|
| - }
|
| - script-inset-wrapped .possibleBreakpoint:hover {
|
| - color: white;
|
| - background-color: #777;
|
| - }
|
| - script-inset-wrapped .busyBreakpoint {
|
| - color: white;
|
| - background-color: black;
|
| - cursor: wait;
|
| - }
|
| - script-inset-wrapped .unresolvedBreakpoint {
|
| - color: white;
|
| - background-color: #cac;
|
| - }
|
| - script-inset-wrapped .resolvedBreakpoint {
|
| - color: white;
|
| - background-color: #e66;
|
| - }
|
| - script-inset-wrapped .unresolvedBreakAnnotation {
|
| - color: white;
|
| - background-color: #cac;
|
| - }
|
| - script-inset-wrapped .resolvedBreakAnnotation {
|
| - color: white;
|
| - background-color: #e66;
|
| - }
|
| - script-inset-wrapped .notSourceProfile,
|
| - script-inset-wrapped .noProfile,
|
| - script-inset-wrapped .coldProfile,
|
| - script-inset-wrapped .mediumProfile,
|
| - script-inset-wrapped .hotProfile {
|
| - display: table-cell;
|
| - vertical-align: top;
|
| - font: 400 14px consolas, courier, monospace;
|
| - width: 4em;
|
| - text-align: right;
|
| - cursor: pointer;
|
| - margin-left: 5px;
|
| - margin-right: 5px;
|
| - }
|
| - script-inset-wrapped .notSourceProfile {
|
| - }
|
| - script-inset-wrapped .noProfile {
|
| - background-color: #e0e0e0;
|
| - }
|
| - script-inset-wrapped .coldProfile {
|
| - background-color: #aea;
|
| - }
|
| - script-inset-wrapped .mediumProfile {
|
| - background-color: #fe9;
|
| - }
|
| - script-inset-wrapped .hotProfile {
|
| - background-color: #faa;
|
| - }''',
|
| - new ScriptInsetElement(_script.isolate, _script,
|
| - new ScriptRepository(),
|
| - new InstanceRepository(),
|
| - ObservatoryApplication.app.events,
|
| - startPos: _startPos,
|
| - endPos: _endPos,
|
| - currentPos: _currentPos,
|
| - inDebuggerContext: _inDebuggerContext ?? false,
|
| - variables: _variables ?? const [],
|
| - queue: ObservatoryApplication.app.queue)
|
| - ];
|
| - }
|
| -}
|
|
|