| OLD | NEW |
| 1 // Copyright (c) 2015, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2015, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 5 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 6 // for details. All rights reserved. Use of this source code is governed by a | 6 // for details. All rights reserved. Use of this source code is governed by a |
| 7 // BSD-style license that can be found in the LICENSE file. | 7 // BSD-style license that can be found in the LICENSE file. |
| 8 | 8 |
| 9 import 'dart:async'; | 9 import 'dart:async'; |
| 10 import 'dart:html'; | 10 import 'dart:html'; |
| 11 import 'dart:math' as Math; | 11 import 'dart:math' as Math; |
| 12 import 'package:observatory/models.dart' as M; | 12 import 'package:observatory/models.dart' as M; |
| 13 import 'package:observatory/src/elements/class_ref.dart'; | 13 import 'package:observatory/src/elements/class_ref.dart'; |
| 14 import 'package:observatory/src/elements/containers/virtual_tree.dart'; | 14 import 'package:observatory/src/elements/containers/virtual_tree.dart'; |
| 15 import 'package:observatory/src/elements/helpers/any_ref.dart'; | 15 import 'package:observatory/src/elements/helpers/any_ref.dart'; |
| 16 import 'package:observatory/src/elements/helpers/nav_bar.dart'; | 16 import 'package:observatory/src/elements/helpers/nav_bar.dart'; |
| 17 import 'package:observatory/src/elements/helpers/nav_menu.dart'; | 17 import 'package:observatory/src/elements/helpers/nav_menu.dart'; |
| 18 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; | 18 import 'package:observatory/src/elements/helpers/rendering_scheduler.dart'; |
| 19 import 'package:observatory/src/elements/helpers/tag.dart'; | 19 import 'package:observatory/src/elements/helpers/tag.dart'; |
| 20 import 'package:observatory/src/elements/nav/isolate_menu.dart'; | 20 import 'package:observatory/src/elements/nav/isolate_menu.dart'; |
| 21 import 'package:observatory/src/elements/nav/notify.dart'; | 21 import 'package:observatory/src/elements/nav/notify.dart'; |
| 22 import 'package:observatory/src/elements/nav/refresh.dart'; | 22 import 'package:observatory/src/elements/nav/refresh.dart'; |
| 23 import 'package:observatory/src/elements/nav/top_menu.dart'; | 23 import 'package:observatory/src/elements/nav/top_menu.dart'; |
| 24 import 'package:observatory/src/elements/nav/vm_menu.dart'; | 24 import 'package:observatory/src/elements/nav/vm_menu.dart'; |
| 25 import 'package:observatory/utils.dart'; | 25 import 'package:observatory/utils.dart'; |
| 26 | 26 |
| 27 enum HeapSnapshotTreeMode { dominatorTree, groupByClass } | 27 enum HeapSnapshotTreeMode { dominatorTree, mergedDominatorTree, groupByClass } |
| 28 | 28 |
| 29 class HeapSnapshotElement extends HtmlElement implements Renderable { | 29 class HeapSnapshotElement extends HtmlElement implements Renderable { |
| 30 static const tag = | 30 static const tag = |
| 31 const Tag<HeapSnapshotElement>('heap-snapshot', dependencies: const [ | 31 const Tag<HeapSnapshotElement>('heap-snapshot', dependencies: const [ |
| 32 ClassRefElement.tag, | 32 ClassRefElement.tag, |
| 33 NavTopMenuElement.tag, | 33 NavTopMenuElement.tag, |
| 34 NavVMMenuElement.tag, | 34 NavVMMenuElement.tag, |
| 35 NavIsolateMenuElement.tag, | 35 NavIsolateMenuElement.tag, |
| 36 NavRefreshElement.tag, | 36 NavRefreshElement.tag, |
| 37 NavNotifyElement.tag, | 37 NavNotifyElement.tag, |
| (...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 259 'plus its own shallow size, and is the amount of memory ' | 259 'plus its own shallow size, and is the amount of memory ' |
| 260 'that would be freed if the object became garbage.'; | 260 'that would be freed if the object became garbage.'; |
| 261 report.addAll([ | 261 report.addAll([ |
| 262 new DivElement() | 262 new DivElement() |
| 263 ..classes = ['content-centered-big', 'explanation'] | 263 ..classes = ['content-centered-big', 'explanation'] |
| 264 ..text = text | 264 ..text = text |
| 265 ..title = text, | 265 ..title = text, |
| 266 _tree | 266 _tree |
| 267 ]); | 267 ]); |
| 268 break; | 268 break; |
| 269 case HeapSnapshotTreeMode.mergedDominatorTree: |
| 270 _tree = new VirtualTreeElement( |
| 271 _createMergedDominator, _updateMergedDominator, |
| 272 _getChildrenMergedDominator, |
| 273 items: _getChildrenMergedDominator(_snapshot.mergedDominatorTree), |
| 274 queue: _r.queue); |
| 275 _tree.expand(_snapshot.mergedDominatorTree); |
| 276 final text = 'A heap dominator tree, where siblings with the same class' |
| 277 ' have been merged into a single node.'; |
| 278 report.addAll([ |
| 279 new DivElement() |
| 280 ..classes = ['content-centered-big', 'explanation'] |
| 281 ..text = text |
| 282 ..title = text, |
| 283 _tree |
| 284 ]); |
| 285 break; |
| 269 case HeapSnapshotTreeMode.groupByClass: | 286 case HeapSnapshotTreeMode.groupByClass: |
| 270 final items = _snapshot.classReferences.toList(); | 287 final items = _snapshot.classReferences.toList(); |
| 271 items.sort((a, b) => b.shallowSize - a.shallowSize); | 288 items.sort((a, b) => b.shallowSize - a.shallowSize); |
| 272 _tree = new VirtualTreeElement( | 289 _tree = new VirtualTreeElement( |
| 273 _createGroup, _updateGroup, _getChildrenGroup, | 290 _createGroup, _updateGroup, _getChildrenGroup, |
| 274 items: items, queue: _r.queue); | 291 items: items, queue: _r.queue); |
| 275 _tree.expand(_snapshot.dominatorTree); | 292 _tree.expand(_snapshot.dominatorTree); |
| 276 report.add(_tree); | 293 report.add(_tree); |
| 277 break; | 294 break; |
| 278 default: | 295 default: |
| (...skipping 13 matching lines...) Expand all Loading... |
| 292 new ButtonElement() | 309 new ButtonElement() |
| 293 ..classes = ['expander'] | 310 ..classes = ['expander'] |
| 294 ..onClick.listen((_) => toggle(autoToggleSingleChildNodes: true)), | 311 ..onClick.listen((_) => toggle(autoToggleSingleChildNodes: true)), |
| 295 new SpanElement() | 312 new SpanElement() |
| 296 ..classes = ['percentage'] | 313 ..classes = ['percentage'] |
| 297 ..title = 'percentage of heap being retained', | 314 ..title = 'percentage of heap being retained', |
| 298 new SpanElement()..classes = ['name'] | 315 new SpanElement()..classes = ['name'] |
| 299 ]; | 316 ]; |
| 300 } | 317 } |
| 301 | 318 |
| 319 static Element _createMergedDominator(toggle) { |
| 320 return new DivElement() |
| 321 ..classes = ['tree-item'] |
| 322 ..children = [ |
| 323 new SpanElement() |
| 324 ..classes = ['size'] |
| 325 ..title = 'retained size', |
| 326 new SpanElement()..classes = ['lines'], |
| 327 new ButtonElement() |
| 328 ..classes = ['expander'] |
| 329 ..onClick.listen((_) => toggle(autoToggleSingleChildNodes: true)), |
| 330 new SpanElement() |
| 331 ..classes = ['percentage'] |
| 332 ..title = 'percentage of heap being retained', |
| 333 new SpanElement()..classes = ['name'] |
| 334 ]; |
| 335 } |
| 336 |
| 302 static Element _createGroup(toggle) { | 337 static Element _createGroup(toggle) { |
| 303 return new DivElement() | 338 return new DivElement() |
| 304 ..classes = ['tree-item'] | 339 ..classes = ['tree-item'] |
| 305 ..children = [ | 340 ..children = [ |
| 306 new SpanElement() | 341 new SpanElement() |
| 307 ..classes = ['size'] | 342 ..classes = ['size'] |
| 308 ..title = 'shallow size', | 343 ..title = 'shallow size', |
| 309 new SpanElement()..classes = ['lines'], | 344 new SpanElement()..classes = ['lines'], |
| 310 new ButtonElement() | 345 new ButtonElement() |
| 311 ..classes = ['expander'] | 346 ..classes = ['expander'] |
| 312 ..onClick.listen((_) => toggle(autoToggleSingleChildNodes: true)), | 347 ..onClick.listen((_) => toggle(autoToggleSingleChildNodes: true)), |
| 313 new SpanElement() | 348 new SpanElement() |
| 314 ..classes = ['count'] | 349 ..classes = ['count'] |
| 315 ..title = 'shallow size', | 350 ..title = 'shallow size', |
| 316 new SpanElement()..classes = ['name'] | 351 new SpanElement()..classes = ['name'] |
| 317 ]; | 352 ]; |
| 318 } | 353 } |
| 319 | 354 |
| 320 static const int kMaxChildren = 100; | 355 static const int kMaxChildren = 100; |
| 321 static const int kMinRetainedSize = 4096; | 356 static const int kMinRetainedSize = 4096; |
| 322 | 357 |
| 323 static _getChildrenDominator(M.HeapSnapshotDominatorNode node) { | 358 static _getChildrenDominator(M.HeapSnapshotDominatorNode node) { |
| 324 final list = node.children.toList(); | 359 final list = node.children.toList(); |
| 325 list.sort((a, b) => b.retainedSize - a.retainedSize); | 360 list.sort((a, b) => b.retainedSize - a.retainedSize); |
| 326 return list | 361 return list |
| 327 .where((child) => child.retainedSize >= kMinRetainedSize) | 362 .where((child) => child.retainedSize >= kMinRetainedSize) |
| 328 .take(kMaxChildren); | 363 .take(kMaxChildren); |
| 329 } | 364 } |
| 365 static _getChildrenMergedDominator(M.HeapSnapshotMergedDominatorNode node) { |
| 366 final list = node.children.toList(); |
| 367 list.sort((a, b) => b.retainedSize - a.retainedSize); |
| 368 return list |
| 369 .where((child) => child.retainedSize >= kMinRetainedSize) |
| 370 .take(kMaxChildren); |
| 371 } |
| 330 | 372 |
| 331 static _getChildrenGroup(item) { | 373 static _getChildrenGroup(item) { |
| 332 if (item is M.HeapSnapshotClassReferences) { | 374 if (item is M.HeapSnapshotClassReferences) { |
| 333 if (item.inbounds.isNotEmpty || item.outbounds.isNotEmpty) { | 375 if (item.inbounds.isNotEmpty || item.outbounds.isNotEmpty) { |
| 334 return [item.inbounds, item.outbounds]; | 376 return [item.inbounds, item.outbounds]; |
| 335 } | 377 } |
| 336 } else if (item is Iterable) { | 378 } else if (item is Iterable) { |
| 337 return item.toList()..sort((a, b) => b.shallowSize - a.shallowSize); | 379 return item.toList()..sort((a, b) => b.shallowSize - a.shallowSize); |
| 338 } | 380 } |
| 339 return const []; | 381 return const []; |
| (...skipping 14 matching lines...) Expand all Loading... |
| 354 ..classes = ['name'] | 396 ..classes = ['name'] |
| 355 ..text = 'Loading...'; | 397 ..text = 'Loading...'; |
| 356 element.children[4] = wrapper; | 398 element.children[4] = wrapper; |
| 357 node.object.then((object) { | 399 node.object.then((object) { |
| 358 wrapper | 400 wrapper |
| 359 ..text = '' | 401 ..text = '' |
| 360 ..children = [anyRef(_isolate, object, _instances, queue: _r.queue)]; | 402 ..children = [anyRef(_isolate, object, _instances, queue: _r.queue)]; |
| 361 }); | 403 }); |
| 362 } | 404 } |
| 363 | 405 |
| 406 void _updateMergedDominator( |
| 407 HtmlElement element, M.HeapSnapshotMergedDominatorNode node, int depth) { |
| 408 element.children[0].text = Utils.formatSize(node.retainedSize); |
| 409 _updateLines(element.children[1].children, depth); |
| 410 if (_getChildrenMergedDominator(node).isNotEmpty) { |
| 411 element.children[2].text = _tree.isExpanded(node) ? '▼' : '►'; |
| 412 } else { |
| 413 element.children[2].text = ''; |
| 414 } |
| 415 element.children[3].text = |
| 416 Utils.formatPercentNormalized(node.retainedSize * 1.0 / _snapshot.size); |
| 417 final wrapper = new SpanElement() |
| 418 ..classes = ['name'] |
| 419 ..text = 'Loading...'; |
| 420 element.children[4] = wrapper; |
| 421 node.klass.then((klass) { |
| 422 wrapper |
| 423 ..text = '' |
| 424 ..children = [ |
| 425 new SpanElement()..text = '${node.instanceCount} instances of ', |
| 426 anyRef(_isolate, klass, _instances, queue: _r.queue) |
| 427 ]; |
| 428 }); |
| 429 } |
| 430 |
| 364 void _updateGroup(HtmlElement element, item, int depth) { | 431 void _updateGroup(HtmlElement element, item, int depth) { |
| 365 _updateLines(element.children[1].children, depth); | 432 _updateLines(element.children[1].children, depth); |
| 366 if (item is M.HeapSnapshotClassReferences) { | 433 if (item is M.HeapSnapshotClassReferences) { |
| 367 element.children[0].text = Utils.formatSize(item.shallowSize); | 434 element.children[0].text = Utils.formatSize(item.shallowSize); |
| 368 element.children[2].text = _tree.isExpanded(item) ? '▼' : '►'; | 435 element.children[2].text = _tree.isExpanded(item) ? '▼' : '►'; |
| 369 element.children[3].text = '${item.instances} instances of '; | 436 element.children[3].text = '${item.instances} instances of '; |
| 370 element.children[4] = new ClassRefElement(_isolate, item.clazz, | 437 element.children[4] = new ClassRefElement(_isolate, item.clazz, |
| 371 queue: _r.queue)..classes = ['name']; | 438 queue: _r.queue)..classes = ['name']; |
| 372 } else if (item is Iterable) { | 439 } else if (item is Iterable) { |
| 373 element.children[0].text = ''; | 440 element.children[0].text = ''; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 417 } | 484 } |
| 418 while (lines.length < n) { | 485 while (lines.length < n) { |
| 419 lines.add(new SpanElement()); | 486 lines.add(new SpanElement()); |
| 420 } | 487 } |
| 421 } | 488 } |
| 422 | 489 |
| 423 static String modeToString(HeapSnapshotTreeMode mode) { | 490 static String modeToString(HeapSnapshotTreeMode mode) { |
| 424 switch (mode) { | 491 switch (mode) { |
| 425 case HeapSnapshotTreeMode.dominatorTree: | 492 case HeapSnapshotTreeMode.dominatorTree: |
| 426 return 'Dominator tree'; | 493 return 'Dominator tree'; |
| 494 case HeapSnapshotTreeMode.mergedDominatorTree: |
| 495 return 'Dominator tree (merged siblings by class)'; |
| 427 case HeapSnapshotTreeMode.groupByClass: | 496 case HeapSnapshotTreeMode.groupByClass: |
| 428 return 'Group by class'; | 497 return 'Group by class'; |
| 429 } | 498 } |
| 430 throw new Exception('Unknown ProfileTreeMode'); | 499 throw new Exception('Unknown ProfileTreeMode'); |
| 431 } | 500 } |
| 432 | 501 |
| 433 List<Element> _createModeSelect() { | 502 List<Element> _createModeSelect() { |
| 434 var s; | 503 var s; |
| 435 return [ | 504 return [ |
| 436 s = new SelectElement() | 505 s = new SelectElement() |
| 437 ..classes = ['analysis-select'] | 506 ..classes = ['analysis-select'] |
| 438 ..value = modeToString(_mode) | 507 ..value = modeToString(_mode) |
| 439 ..children = HeapSnapshotTreeMode.values.map((mode) { | 508 ..children = HeapSnapshotTreeMode.values.map((mode) { |
| 440 return new OptionElement( | 509 return new OptionElement( |
| 441 value: modeToString(mode), | 510 value: modeToString(mode), |
| 442 selected: _mode == mode)..text = modeToString(mode); | 511 selected: _mode == mode)..text = modeToString(mode); |
| 443 }).toList(growable: false) | 512 }).toList(growable: false) |
| 444 ..onChange.listen((_) { | 513 ..onChange.listen((_) { |
| 445 _mode = HeapSnapshotTreeMode.values[s.selectedIndex]; | 514 _mode = HeapSnapshotTreeMode.values[s.selectedIndex]; |
| 446 _r.dirty(); | 515 _r.dirty(); |
| 447 }) | 516 }) |
| 448 ]; | 517 ]; |
| 449 } | 518 } |
| 450 } | 519 } |
| OLD | NEW |