HeapSnapshotGridNodes.js 39 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119
  1. /*
  2. * Copyright (C) 2011 Google Inc. All rights reserved.
  3. *
  4. * Redistribution and use in source and binary forms, with or without
  5. * modification, are permitted provided that the following conditions are
  6. * met:
  7. *
  8. * * Redistributions of source code must retain the above copyright
  9. * notice, this list of conditions and the following disclaimer.
  10. * * Redistributions in binary form must reproduce the above
  11. * copyright notice, this list of conditions and the following disclaimer
  12. * in the documentation and/or other materials provided with the
  13. * distribution.
  14. * * Neither the name of Google Inc. nor the names of its
  15. * contributors may be used to endorse or promote products derived from
  16. * this software without specific prior written permission.
  17. *
  18. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19. * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20. * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21. * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22. * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23. * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24. * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25. * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26. * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27. * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29. */
  30. /**
  31. * @constructor
  32. * @extends {WebInspector.DataGridNode}
  33. * @param {WebInspector.HeapSnapshotSortableDataGrid} tree
  34. * @param {boolean} hasChildren
  35. */
  36. WebInspector.HeapSnapshotGridNode = function(tree, hasChildren)
  37. {
  38. WebInspector.DataGridNode.call(this, null, hasChildren);
  39. this._dataGrid = tree;
  40. this._instanceCount = 0;
  41. this._savedChildren = null;
  42. /**
  43. * List of position ranges for all visible nodes: [startPos1, endPos1),...,[startPosN, endPosN)
  44. * Position is an item position in the provider.
  45. */
  46. this._retrievedChildrenRanges = [];
  47. }
  48. WebInspector.HeapSnapshotGridNode.Events = {
  49. PopulateComplete: "PopulateComplete"
  50. }
  51. WebInspector.HeapSnapshotGridNode.prototype = {
  52. /**
  53. * @return {WebInspector.HeapSnapshotProviderProxy}
  54. */
  55. createProvider: function()
  56. {
  57. throw new Error("Needs implemented.");
  58. },
  59. /**
  60. * @return {WebInspector.HeapSnapshotProviderProxy}
  61. */
  62. _provider: function()
  63. {
  64. if (!this._providerObject)
  65. this._providerObject = this.createProvider();
  66. return this._providerObject;
  67. },
  68. createCell: function(columnIdentifier)
  69. {
  70. var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier);
  71. if (this._searchMatched)
  72. cell.addStyleClass("highlight");
  73. return cell;
  74. },
  75. collapse: function()
  76. {
  77. WebInspector.DataGridNode.prototype.collapse.call(this);
  78. this._dataGrid.updateVisibleNodes();
  79. },
  80. dispose: function()
  81. {
  82. if (this._provider())
  83. this._provider().dispose();
  84. for (var node = this.children[0]; node; node = node.traverseNextNode(true, this, true))
  85. if (node.dispose)
  86. node.dispose();
  87. },
  88. _reachableFromWindow: false,
  89. queryObjectContent: function(callback)
  90. {
  91. },
  92. /**
  93. * @override
  94. */
  95. wasDetached: function()
  96. {
  97. this._dataGrid.nodeWasDetached(this);
  98. },
  99. _toPercentString: function(num)
  100. {
  101. return num.toFixed(0) + "\u2009%"; // \u2009 is a thin space.
  102. },
  103. /**
  104. * @param {number} nodePosition
  105. */
  106. childForPosition: function(nodePosition)
  107. {
  108. var indexOfFirsChildInRange = 0;
  109. for (var i = 0; i < this._retrievedChildrenRanges.length; i++) {
  110. var range = this._retrievedChildrenRanges[i];
  111. if (range.from <= nodePosition && nodePosition < range.to) {
  112. var childIndex = indexOfFirsChildInRange + nodePosition - range.from;
  113. return this.children[childIndex];
  114. }
  115. indexOfFirsChildInRange += range.to - range.from + 1;
  116. }
  117. return null;
  118. },
  119. _createValueCell: function(columnIdentifier)
  120. {
  121. var cell = document.createElement("td");
  122. cell.className = columnIdentifier + "-column";
  123. if (this.dataGrid.snapshot.totalSize !== 0) {
  124. var div = document.createElement("div");
  125. var valueSpan = document.createElement("span");
  126. valueSpan.textContent = this.data[columnIdentifier];
  127. div.appendChild(valueSpan);
  128. var percentColumn = columnIdentifier + "-percent";
  129. if (percentColumn in this.data) {
  130. var percentSpan = document.createElement("span");
  131. percentSpan.className = "percent-column";
  132. percentSpan.textContent = this.data[percentColumn];
  133. div.appendChild(percentSpan);
  134. div.addStyleClass("heap-snapshot-multiple-values");
  135. }
  136. cell.appendChild(div);
  137. }
  138. return cell;
  139. },
  140. populate: function(event)
  141. {
  142. if (this._populated)
  143. return;
  144. this._populated = true;
  145. function sorted()
  146. {
  147. this._populateChildren();
  148. }
  149. this._provider().sortAndRewind(this.comparator(), sorted.bind(this));
  150. },
  151. expandWithoutPopulate: function(callback)
  152. {
  153. // Make sure default populate won't take action.
  154. this._populated = true;
  155. this.expand();
  156. this._provider().sortAndRewind(this.comparator(), callback);
  157. },
  158. /**
  159. * @param {?number} fromPosition
  160. * @param {?number} toPosition
  161. */
  162. _populateChildren: function(fromPosition, toPosition, afterPopulate)
  163. {
  164. fromPosition = fromPosition || 0;
  165. toPosition = toPosition || fromPosition + this._dataGrid.defaultPopulateCount();
  166. var firstNotSerializedPosition = fromPosition;
  167. function serializeNextChunk()
  168. {
  169. if (firstNotSerializedPosition >= toPosition)
  170. return;
  171. var end = Math.min(firstNotSerializedPosition + this._dataGrid.defaultPopulateCount(), toPosition);
  172. this._provider().serializeItemsRange(firstNotSerializedPosition, end, childrenRetrieved.bind(this));
  173. firstNotSerializedPosition = end;
  174. }
  175. function insertRetrievedChild(item, insertionIndex)
  176. {
  177. if (this._savedChildren) {
  178. var hash = this._childHashForEntity(item);
  179. if (hash in this._savedChildren) {
  180. this.insertChild(this._savedChildren[hash], insertionIndex);
  181. return;
  182. }
  183. }
  184. this.insertChild(this._createChildNode(item), insertionIndex);
  185. }
  186. function insertShowMoreButton(from, to, insertionIndex)
  187. {
  188. var button = new WebInspector.ShowMoreDataGridNode(this._populateChildren.bind(this), from, to, this._dataGrid.defaultPopulateCount());
  189. this.insertChild(button, insertionIndex);
  190. }
  191. function childrenRetrieved(items)
  192. {
  193. var itemIndex = 0;
  194. var itemPosition = items.startPosition;
  195. var insertionIndex = 0;
  196. if (!this._retrievedChildrenRanges.length) {
  197. if (items.startPosition > 0) {
  198. this._retrievedChildrenRanges.push({from: 0, to: 0});
  199. insertShowMoreButton.call(this, 0, items.startPosition, insertionIndex++);
  200. }
  201. this._retrievedChildrenRanges.push({from: items.startPosition, to: items.endPosition});
  202. for (var i = 0, l = items.length; i < l; ++i)
  203. insertRetrievedChild.call(this, items[i], insertionIndex++);
  204. if (items.endPosition < items.totalLength)
  205. insertShowMoreButton.call(this, items.endPosition, items.totalLength, insertionIndex++);
  206. } else {
  207. var rangeIndex = 0;
  208. var found = false;
  209. var range;
  210. while (rangeIndex < this._retrievedChildrenRanges.length) {
  211. range = this._retrievedChildrenRanges[rangeIndex];
  212. if (range.to >= itemPosition) {
  213. found = true;
  214. break;
  215. }
  216. insertionIndex += range.to - range.from;
  217. // Skip the button if there is one.
  218. if (range.to < items.totalLength)
  219. insertionIndex += 1;
  220. ++rangeIndex;
  221. }
  222. if (!found || items.startPosition < range.from) {
  223. // Update previous button.
  224. this.children[insertionIndex - 1].setEndPosition(items.startPosition);
  225. insertShowMoreButton.call(this, items.startPosition, found ? range.from : items.totalLength, insertionIndex);
  226. range = {from: items.startPosition, to: items.startPosition};
  227. if (!found)
  228. rangeIndex = this._retrievedChildrenRanges.length;
  229. this._retrievedChildrenRanges.splice(rangeIndex, 0, range);
  230. } else {
  231. insertionIndex += itemPosition - range.from;
  232. }
  233. // At this point insertionIndex is always an index before button or between nodes.
  234. // Also it is always true here that range.from <= itemPosition <= range.to
  235. // Stretch the range right bound to include all new items.
  236. while (range.to < items.endPosition) {
  237. // Skip already added nodes.
  238. var skipCount = range.to - itemPosition;
  239. insertionIndex += skipCount;
  240. itemIndex += skipCount;
  241. itemPosition = range.to;
  242. // We're at the position before button: ...<?node>x<button>
  243. var nextRange = this._retrievedChildrenRanges[rangeIndex + 1];
  244. var newEndOfRange = nextRange ? nextRange.from : items.totalLength;
  245. if (newEndOfRange > items.endPosition)
  246. newEndOfRange = items.endPosition;
  247. while (itemPosition < newEndOfRange) {
  248. insertRetrievedChild.call(this, items[itemIndex++], insertionIndex++);
  249. ++itemPosition;
  250. }
  251. // Merge with the next range.
  252. if (nextRange && newEndOfRange === nextRange.from) {
  253. range.to = nextRange.to;
  254. // Remove "show next" button if there is one.
  255. this.removeChild(this.children[insertionIndex]);
  256. this._retrievedChildrenRanges.splice(rangeIndex + 1, 1);
  257. } else {
  258. range.to = newEndOfRange;
  259. // Remove or update next button.
  260. if (newEndOfRange === items.totalLength)
  261. this.removeChild(this.children[insertionIndex]);
  262. else
  263. this.children[insertionIndex].setStartPosition(items.endPosition);
  264. }
  265. }
  266. }
  267. // TODO: fix this.
  268. this._instanceCount += items.length;
  269. if (firstNotSerializedPosition < toPosition) {
  270. serializeNextChunk.call(this);
  271. return;
  272. }
  273. if (afterPopulate)
  274. afterPopulate();
  275. this.dispatchEventToListeners(WebInspector.HeapSnapshotGridNode.Events.PopulateComplete);
  276. }
  277. serializeNextChunk.call(this);
  278. },
  279. _saveChildren: function()
  280. {
  281. this._savedChildren = null;
  282. for (var i = 0, childrenCount = this.children.length; i < childrenCount; ++i) {
  283. var child = this.children[i];
  284. if (!child.expanded)
  285. continue;
  286. if (!this._savedChildren)
  287. this._savedChildren = {};
  288. this._savedChildren[this._childHashForNode(child)] = child;
  289. }
  290. },
  291. sort: function()
  292. {
  293. this._dataGrid.recursiveSortingEnter();
  294. function afterSort()
  295. {
  296. this._saveChildren();
  297. this.removeChildren();
  298. this._retrievedChildrenRanges = [];
  299. function afterPopulate()
  300. {
  301. for (var i = 0, l = this.children.length; i < l; ++i) {
  302. var child = this.children[i];
  303. if (child.expanded)
  304. child.sort();
  305. }
  306. this._dataGrid.recursiveSortingLeave();
  307. }
  308. var instanceCount = this._instanceCount;
  309. this._instanceCount = 0;
  310. this._populateChildren(0, instanceCount, afterPopulate.bind(this));
  311. }
  312. this._provider().sortAndRewind(this.comparator(), afterSort.bind(this));
  313. },
  314. __proto__: WebInspector.DataGridNode.prototype
  315. }
  316. /**
  317. * @constructor
  318. * @extends {WebInspector.HeapSnapshotGridNode}
  319. * @param {WebInspector.HeapSnapshotSortableDataGrid} tree
  320. */
  321. WebInspector.HeapSnapshotGenericObjectNode = function(tree, node)
  322. {
  323. this.snapshotNodeIndex = 0;
  324. WebInspector.HeapSnapshotGridNode.call(this, tree, false);
  325. // node is null for DataGrid root nodes.
  326. if (!node)
  327. return;
  328. this._name = node.name;
  329. this._displayName = node.displayName;
  330. this._type = node.type;
  331. this._distance = node.distance;
  332. this._shallowSize = node.selfSize;
  333. this._retainedSize = node.retainedSize;
  334. this.snapshotNodeId = node.id;
  335. this.snapshotNodeIndex = node.nodeIndex;
  336. if (this._type === "string")
  337. this._reachableFromWindow = true;
  338. else if (this._type === "object" && this._name.startsWith("Window")) {
  339. this._name = this.shortenWindowURL(this._name, false);
  340. this._reachableFromWindow = true;
  341. } else if (node.canBeQueried)
  342. this._reachableFromWindow = true;
  343. if (node.detachedDOMTreeNode)
  344. this.detachedDOMTreeNode = true;
  345. };
  346. WebInspector.HeapSnapshotGenericObjectNode.prototype = {
  347. createCell: function(columnIdentifier)
  348. {
  349. var cell = columnIdentifier !== "object" ? this._createValueCell(columnIdentifier) : this._createObjectCell();
  350. if (this._searchMatched)
  351. cell.addStyleClass("highlight");
  352. return cell;
  353. },
  354. _createObjectCell: function()
  355. {
  356. var cell = document.createElement("td");
  357. cell.className = "object-column";
  358. var div = document.createElement("div");
  359. div.className = "source-code event-properties";
  360. div.style.overflow = "visible";
  361. var data = this.data["object"];
  362. if (this._prefixObjectCell)
  363. this._prefixObjectCell(div, data);
  364. var valueSpan = document.createElement("span");
  365. valueSpan.className = "value console-formatted-" + data.valueStyle;
  366. valueSpan.textContent = data.value;
  367. div.appendChild(valueSpan);
  368. if (this.data.displayName) {
  369. var nameSpan = document.createElement("span");
  370. nameSpan.className = "name console-formatted-name";
  371. nameSpan.textContent = " " + this.data.displayName;
  372. div.appendChild(nameSpan);
  373. }
  374. var idSpan = document.createElement("span");
  375. idSpan.className = "console-formatted-id";
  376. idSpan.textContent = " @" + data["nodeId"];
  377. div.appendChild(idSpan);
  378. if (this._postfixObjectCell)
  379. this._postfixObjectCell(div, data);
  380. cell.appendChild(div);
  381. cell.addStyleClass("disclosure");
  382. if (this.depth)
  383. cell.style.setProperty("padding-left", (this.depth * this.dataGrid.indentWidth) + "px");
  384. cell.heapSnapshotNode = this;
  385. return cell;
  386. },
  387. get data()
  388. {
  389. var data = this._emptyData();
  390. var value = this._name;
  391. var valueStyle = "object";
  392. switch (this._type) {
  393. case "string":
  394. value = "\"" + value + "\"";
  395. valueStyle = "string";
  396. break;
  397. case "regexp":
  398. value = "/" + value + "/";
  399. valueStyle = "string";
  400. break;
  401. case "closure":
  402. value = "function" + (value ? " " : "") + value + "()";
  403. valueStyle = "function";
  404. break;
  405. case "number":
  406. valueStyle = "number";
  407. break;
  408. case "hidden":
  409. valueStyle = "null";
  410. break;
  411. case "array":
  412. if (!value)
  413. value = "[]";
  414. else
  415. value += "[]";
  416. break;
  417. };
  418. if (this._reachableFromWindow)
  419. valueStyle += " highlight";
  420. if (value === "Object")
  421. value = "";
  422. if (this.detachedDOMTreeNode)
  423. valueStyle += " detached-dom-tree-node";
  424. data["object"] = { valueStyle: valueStyle, value: value, nodeId: this.snapshotNodeId };
  425. data["displayName"] = this._displayName;
  426. data["distance"] = this._distance;
  427. data["shallowSize"] = Number.withThousandsSeparator(this._shallowSize);
  428. data["retainedSize"] = Number.withThousandsSeparator(this._retainedSize);
  429. data["shallowSize-percent"] = this._toPercentString(this._shallowSizePercent);
  430. data["retainedSize-percent"] = this._toPercentString(this._retainedSizePercent);
  431. return this._enhanceData ? this._enhanceData(data) : data;
  432. },
  433. queryObjectContent: function(callback, objectGroupName)
  434. {
  435. if (this._type === "string")
  436. callback(WebInspector.RemoteObject.fromPrimitiveValue(this._name));
  437. else {
  438. function formatResult(error, object)
  439. {
  440. if (!error && object.type)
  441. callback(WebInspector.RemoteObject.fromPayload(object), !!error);
  442. else
  443. callback(WebInspector.RemoteObject.fromPrimitiveValue(WebInspector.UIString("Not available")));
  444. }
  445. HeapProfilerAgent.getObjectByHeapObjectId(String(this.snapshotNodeId), objectGroupName, formatResult);
  446. }
  447. },
  448. get _retainedSizePercent()
  449. {
  450. return this._retainedSize / this.dataGrid.snapshot.totalSize * 100.0;
  451. },
  452. get _shallowSizePercent()
  453. {
  454. return this._shallowSize / this.dataGrid.snapshot.totalSize * 100.0;
  455. },
  456. updateHasChildren: function()
  457. {
  458. function isEmptyCallback(isEmpty)
  459. {
  460. this.hasChildren = !isEmpty;
  461. }
  462. this._provider().isEmpty(isEmptyCallback.bind(this));
  463. },
  464. shortenWindowURL: function(fullName, hasObjectId)
  465. {
  466. var startPos = fullName.indexOf("/");
  467. var endPos = hasObjectId ? fullName.indexOf("@") : fullName.length;
  468. if (startPos !== -1 && endPos !== -1) {
  469. var fullURL = fullName.substring(startPos + 1, endPos).trimLeft();
  470. var url = fullURL.trimURL();
  471. if (url.length > 40)
  472. url = url.trimMiddle(40);
  473. return fullName.substr(0, startPos + 2) + url + fullName.substr(endPos);
  474. } else
  475. return fullName;
  476. },
  477. __proto__: WebInspector.HeapSnapshotGridNode.prototype
  478. }
  479. /**
  480. * @constructor
  481. * @extends {WebInspector.HeapSnapshotGenericObjectNode}
  482. * @param {WebInspector.HeapSnapshotSortableDataGrid} tree
  483. * @param {boolean} isFromBaseSnapshot
  484. */
  485. WebInspector.HeapSnapshotObjectNode = function(tree, isFromBaseSnapshot, edge, parentGridNode)
  486. {
  487. WebInspector.HeapSnapshotGenericObjectNode.call(this, tree, edge.node);
  488. this._referenceName = edge.name;
  489. this._referenceType = edge.type;
  490. this._distance = edge.distance;
  491. this.showRetainingEdges = tree.showRetainingEdges;
  492. this._isFromBaseSnapshot = isFromBaseSnapshot;
  493. this._parentGridNode = parentGridNode;
  494. this._cycledWithAncestorGridNode = this._findAncestorWithSameSnapshotNodeId();
  495. if (!this._cycledWithAncestorGridNode)
  496. this.updateHasChildren();
  497. }
  498. WebInspector.HeapSnapshotObjectNode.prototype = {
  499. /**
  500. * @return {WebInspector.HeapSnapshotProviderProxy}
  501. */
  502. createProvider: function()
  503. {
  504. var tree = this._dataGrid;
  505. var showHiddenData = WebInspector.settings.showAdvancedHeapSnapshotProperties.get();
  506. var snapshot = this._isFromBaseSnapshot ? tree.baseSnapshot : tree.snapshot;
  507. if (this.showRetainingEdges)
  508. return snapshot.createRetainingEdgesProvider(this.snapshotNodeIndex, showHiddenData);
  509. else
  510. return snapshot.createEdgesProvider(this.snapshotNodeIndex, showHiddenData);
  511. },
  512. _findAncestorWithSameSnapshotNodeId: function()
  513. {
  514. var ancestor = this._parentGridNode;
  515. while (ancestor) {
  516. if (ancestor.snapshotNodeId === this.snapshotNodeId)
  517. return ancestor;
  518. ancestor = ancestor._parentGridNode;
  519. }
  520. return null;
  521. },
  522. _createChildNode: function(item)
  523. {
  524. return new WebInspector.HeapSnapshotObjectNode(this._dataGrid, this._isFromBaseSnapshot, item, this);
  525. },
  526. _childHashForEntity: function(edge)
  527. {
  528. var prefix = this.showRetainingEdges ? edge.node.id + "#" : "";
  529. return prefix + edge.type + "#" + edge.name;
  530. },
  531. _childHashForNode: function(childNode)
  532. {
  533. var prefix = this.showRetainingEdges ? childNode.snapshotNodeId + "#" : "";
  534. return prefix + childNode._referenceType + "#" + childNode._referenceName;
  535. },
  536. comparator: function()
  537. {
  538. var sortAscending = this._dataGrid.isSortOrderAscending();
  539. var sortColumnIdentifier = this._dataGrid.sortColumnIdentifier();
  540. var sortFields = {
  541. object: ["!edgeName", sortAscending, "retainedSize", false],
  542. count: ["!edgeName", true, "retainedSize", false],
  543. shallowSize: ["selfSize", sortAscending, "!edgeName", true],
  544. retainedSize: ["retainedSize", sortAscending, "!edgeName", true],
  545. distance: ["distance", sortAscending, "_name", true]
  546. }[sortColumnIdentifier] || ["!edgeName", true, "retainedSize", false];
  547. return WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator(sortFields);
  548. },
  549. _emptyData: function()
  550. {
  551. return { count: "", addedCount: "", removedCount: "", countDelta: "", addedSize: "", removedSize: "", sizeDelta: "" };
  552. },
  553. _enhanceData: function(data)
  554. {
  555. var name = this._referenceName;
  556. if (name === "") name = "(empty)";
  557. var nameClass = "name";
  558. switch (this._referenceType) {
  559. case "context":
  560. nameClass = "console-formatted-number";
  561. break;
  562. case "internal":
  563. case "hidden":
  564. nameClass = "console-formatted-null";
  565. break;
  566. case "element":
  567. name = "[" + name + "]";
  568. break;
  569. }
  570. data["object"].nameClass = nameClass;
  571. data["object"].name = name;
  572. data["distance"] = this._distance;
  573. return data;
  574. },
  575. _prefixObjectCell: function(div, data)
  576. {
  577. if (this._cycledWithAncestorGridNode)
  578. div.className += " cycled-ancessor-node";
  579. var nameSpan = document.createElement("span");
  580. nameSpan.className = data.nameClass;
  581. nameSpan.textContent = data.name;
  582. div.appendChild(nameSpan);
  583. var separatorSpan = document.createElement("span");
  584. separatorSpan.className = "grayed";
  585. separatorSpan.textContent = this.showRetainingEdges ? " in " : " :: ";
  586. div.appendChild(separatorSpan);
  587. },
  588. __proto__: WebInspector.HeapSnapshotGenericObjectNode.prototype
  589. }
  590. /**
  591. * @constructor
  592. * @extends {WebInspector.HeapSnapshotGenericObjectNode}
  593. */
  594. WebInspector.HeapSnapshotInstanceNode = function(tree, baseSnapshot, snapshot, node)
  595. {
  596. WebInspector.HeapSnapshotGenericObjectNode.call(this, tree, node);
  597. this._baseSnapshotOrSnapshot = baseSnapshot || snapshot;
  598. this._isDeletedNode = !!baseSnapshot;
  599. this.updateHasChildren();
  600. };
  601. WebInspector.HeapSnapshotInstanceNode.prototype = {
  602. createProvider: function()
  603. {
  604. var showHiddenData = WebInspector.settings.showAdvancedHeapSnapshotProperties.get();
  605. return this._baseSnapshotOrSnapshot.createEdgesProvider(
  606. this.snapshotNodeIndex,
  607. showHiddenData);
  608. },
  609. _createChildNode: function(item)
  610. {
  611. return new WebInspector.HeapSnapshotObjectNode(this._dataGrid, this._isDeletedNode, item, null);
  612. },
  613. _childHashForEntity: function(edge)
  614. {
  615. return edge.type + "#" + edge.name;
  616. },
  617. _childHashForNode: function(childNode)
  618. {
  619. return childNode._referenceType + "#" + childNode._referenceName;
  620. },
  621. comparator: function()
  622. {
  623. var sortAscending = this._dataGrid.isSortOrderAscending();
  624. var sortColumnIdentifier = this._dataGrid.sortColumnIdentifier();
  625. var sortFields = {
  626. object: ["!edgeName", sortAscending, "retainedSize", false],
  627. distance: ["distance", sortAscending, "retainedSize", false],
  628. count: ["!edgeName", true, "retainedSize", false],
  629. addedSize: ["selfSize", sortAscending, "!edgeName", true],
  630. removedSize: ["selfSize", sortAscending, "!edgeName", true],
  631. shallowSize: ["selfSize", sortAscending, "!edgeName", true],
  632. retainedSize: ["retainedSize", sortAscending, "!edgeName", true]
  633. }[sortColumnIdentifier] || ["!edgeName", true, "retainedSize", false];
  634. return WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator(sortFields);
  635. },
  636. _emptyData: function()
  637. {
  638. return {count: "", countDelta: "", sizeDelta: ""};
  639. },
  640. _enhanceData: function(data)
  641. {
  642. if (this._isDeletedNode) {
  643. data["addedCount"] = "";
  644. data["addedSize"] = "";
  645. data["removedCount"] = "\u2022";
  646. data["removedSize"] = Number.withThousandsSeparator(this._shallowSize);
  647. } else {
  648. data["addedCount"] = "\u2022";
  649. data["addedSize"] = Number.withThousandsSeparator(this._shallowSize);
  650. data["removedCount"] = "";
  651. data["removedSize"] = "";
  652. }
  653. return data;
  654. },
  655. get isDeletedNode()
  656. {
  657. return this._isDeletedNode;
  658. },
  659. __proto__: WebInspector.HeapSnapshotGenericObjectNode.prototype
  660. }
  661. /**
  662. * @constructor
  663. * @extends {WebInspector.HeapSnapshotGridNode}
  664. */
  665. WebInspector.HeapSnapshotConstructorNode = function(tree, className, aggregate, aggregatesKey)
  666. {
  667. WebInspector.HeapSnapshotGridNode.call(this, tree, aggregate.count > 0);
  668. this._name = className;
  669. this._aggregatesKey = aggregatesKey;
  670. this._distance = aggregate.distance;
  671. this._count = aggregate.count;
  672. this._shallowSize = aggregate.self;
  673. this._retainedSize = aggregate.maxRet;
  674. }
  675. WebInspector.HeapSnapshotConstructorNode.prototype = {
  676. /**
  677. * @override
  678. * @return {WebInspector.HeapSnapshotProviderProxy}
  679. */
  680. createProvider: function()
  681. {
  682. return this._dataGrid.snapshot.createNodesProviderForClass(this._name, this._aggregatesKey)
  683. },
  684. /**
  685. * @param {number} snapshotObjectId
  686. */
  687. revealNodeBySnapshotObjectId: function(snapshotObjectId)
  688. {
  689. function didExpand()
  690. {
  691. this._provider().nodePosition(snapshotObjectId, didGetNodePosition.bind(this));
  692. }
  693. function didGetNodePosition(nodePosition)
  694. {
  695. if (nodePosition === -1)
  696. this.collapse();
  697. else
  698. this._populateChildren(nodePosition, null, didPopulateChildren.bind(this, nodePosition));
  699. }
  700. function didPopulateChildren(nodePosition)
  701. {
  702. var indexOfFirsChildInRange = 0;
  703. for (var i = 0; i < this._retrievedChildrenRanges.length; i++) {
  704. var range = this._retrievedChildrenRanges[i];
  705. if (range.from <= nodePosition && nodePosition < range.to) {
  706. var childIndex = indexOfFirsChildInRange + nodePosition - range.from;
  707. var instanceNode = this.children[childIndex];
  708. this._dataGrid.highlightNode(instanceNode);
  709. return;
  710. }
  711. indexOfFirsChildInRange += range.to - range.from + 1;
  712. }
  713. }
  714. this.expandWithoutPopulate(didExpand.bind(this));
  715. },
  716. createCell: function(columnIdentifier)
  717. {
  718. var cell = columnIdentifier !== "object" ? this._createValueCell(columnIdentifier) : WebInspector.HeapSnapshotGridNode.prototype.createCell.call(this, columnIdentifier);
  719. if (this._searchMatched)
  720. cell.addStyleClass("highlight");
  721. return cell;
  722. },
  723. _createChildNode: function(item)
  724. {
  725. return new WebInspector.HeapSnapshotInstanceNode(this._dataGrid, null, this._dataGrid.snapshot, item);
  726. },
  727. comparator: function()
  728. {
  729. var sortAscending = this._dataGrid.isSortOrderAscending();
  730. var sortColumnIdentifier = this._dataGrid.sortColumnIdentifier();
  731. var sortFields = {
  732. object: ["id", sortAscending, "retainedSize", false],
  733. distance: ["distance", true, "retainedSize", false],
  734. count: ["id", true, "retainedSize", false],
  735. shallowSize: ["selfSize", sortAscending, "id", true],
  736. retainedSize: ["retainedSize", sortAscending, "id", true]
  737. }[sortColumnIdentifier];
  738. return WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator(sortFields);
  739. },
  740. _childHashForEntity: function(node)
  741. {
  742. return node.id;
  743. },
  744. _childHashForNode: function(childNode)
  745. {
  746. return childNode.snapshotNodeId;
  747. },
  748. get data()
  749. {
  750. var data = { object: this._name };
  751. data["count"] = Number.withThousandsSeparator(this._count);
  752. data["distance"] = this._distance;
  753. data["shallowSize"] = Number.withThousandsSeparator(this._shallowSize);
  754. data["retainedSize"] = Number.withThousandsSeparator(this._retainedSize);
  755. data["count-percent"] = this._toPercentString(this._countPercent);
  756. data["shallowSize-percent"] = this._toPercentString(this._shallowSizePercent);
  757. data["retainedSize-percent"] = this._toPercentString(this._retainedSizePercent);
  758. return data;
  759. },
  760. get _countPercent()
  761. {
  762. return this._count / this.dataGrid.snapshot.nodeCount * 100.0;
  763. },
  764. get _retainedSizePercent()
  765. {
  766. return this._retainedSize / this.dataGrid.snapshot.totalSize * 100.0;
  767. },
  768. get _shallowSizePercent()
  769. {
  770. return this._shallowSize / this.dataGrid.snapshot.totalSize * 100.0;
  771. },
  772. __proto__: WebInspector.HeapSnapshotGridNode.prototype
  773. }
  774. /**
  775. * @constructor
  776. * @extends {WebInspector.HeapSnapshotProviderProxy}
  777. * @param {WebInspector.HeapSnapshotProviderProxy} addedNodesProvider
  778. * @param {WebInspector.HeapSnapshotProviderProxy} deletedNodesProvider
  779. */
  780. WebInspector.HeapSnapshotDiffNodesProvider = function(addedNodesProvider, deletedNodesProvider, addedCount, removedCount)
  781. {
  782. this._addedNodesProvider = addedNodesProvider;
  783. this._deletedNodesProvider = deletedNodesProvider;
  784. this._addedCount = addedCount;
  785. this._removedCount = removedCount;
  786. }
  787. WebInspector.HeapSnapshotDiffNodesProvider.prototype = {
  788. dispose: function()
  789. {
  790. this._addedNodesProvider.dispose();
  791. this._deletedNodesProvider.dispose();
  792. },
  793. isEmpty: function(callback)
  794. {
  795. callback(false);
  796. },
  797. serializeItemsRange: function(beginPosition, endPosition, callback)
  798. {
  799. function didReceiveAllItems(items)
  800. {
  801. items.totalLength = this._addedCount + this._removedCount;
  802. callback(items);
  803. }
  804. function didReceiveDeletedItems(addedItems, items)
  805. {
  806. if (!addedItems.length)
  807. addedItems.startPosition = this._addedCount + items.startPosition;
  808. for (var i = 0; i < items.length; i++) {
  809. items[i].isAddedNotRemoved = false;
  810. addedItems.push(items[i]);
  811. }
  812. addedItems.endPosition = this._addedCount + items.endPosition;
  813. didReceiveAllItems.call(this, addedItems);
  814. }
  815. function didReceiveAddedItems(items)
  816. {
  817. for (var i = 0; i < items.length; i++)
  818. items[i].isAddedNotRemoved = true;
  819. if (items.endPosition < endPosition)
  820. return this._deletedNodesProvider.serializeItemsRange(0, endPosition - items.endPosition, didReceiveDeletedItems.bind(this, items));
  821. items.totalLength = this._addedCount + this._removedCount;
  822. didReceiveAllItems.call(this, items);
  823. }
  824. if (beginPosition < this._addedCount)
  825. this._addedNodesProvider.serializeItemsRange(beginPosition, endPosition, didReceiveAddedItems.bind(this));
  826. else
  827. this._deletedNodesProvider.serializeItemsRange(beginPosition - this._addedCount, endPosition - this._addedCount, didReceiveDeletedItems.bind(this, []));
  828. },
  829. sortAndRewind: function(comparator, callback)
  830. {
  831. function afterSort()
  832. {
  833. this._deletedNodesProvider.sortAndRewind(comparator, callback);
  834. }
  835. this._addedNodesProvider.sortAndRewind(comparator, afterSort.bind(this));
  836. }
  837. };
  838. /**
  839. * @constructor
  840. * @extends {WebInspector.HeapSnapshotGridNode}
  841. */
  842. WebInspector.HeapSnapshotDiffNode = function(tree, className, diffForClass)
  843. {
  844. WebInspector.HeapSnapshotGridNode.call(this, tree, true);
  845. this._name = className;
  846. this._addedCount = diffForClass.addedCount;
  847. this._removedCount = diffForClass.removedCount;
  848. this._countDelta = diffForClass.countDelta;
  849. this._addedSize = diffForClass.addedSize;
  850. this._removedSize = diffForClass.removedSize;
  851. this._sizeDelta = diffForClass.sizeDelta;
  852. this._deletedIndexes = diffForClass.deletedIndexes;
  853. }
  854. WebInspector.HeapSnapshotDiffNode.prototype = {
  855. /**
  856. * @override
  857. * @return {WebInspector.HeapSnapshotDiffNodesProvider}
  858. */
  859. createProvider: function()
  860. {
  861. var tree = this._dataGrid;
  862. return new WebInspector.HeapSnapshotDiffNodesProvider(
  863. tree.snapshot.createAddedNodesProvider(tree.baseSnapshot.uid, this._name),
  864. tree.baseSnapshot.createDeletedNodesProvider(this._deletedIndexes),
  865. this._addedCount,
  866. this._removedCount);
  867. },
  868. _createChildNode: function(item)
  869. {
  870. if (item.isAddedNotRemoved)
  871. return new WebInspector.HeapSnapshotInstanceNode(this._dataGrid, null, this._dataGrid.snapshot, item);
  872. else
  873. return new WebInspector.HeapSnapshotInstanceNode(this._dataGrid, this._dataGrid.baseSnapshot, null, item);
  874. },
  875. _childHashForEntity: function(node)
  876. {
  877. return node.id;
  878. },
  879. _childHashForNode: function(childNode)
  880. {
  881. return childNode.snapshotNodeId;
  882. },
  883. comparator: function()
  884. {
  885. var sortAscending = this._dataGrid.isSortOrderAscending();
  886. var sortColumnIdentifier = this._dataGrid.sortColumnIdentifier();
  887. var sortFields = {
  888. object: ["id", sortAscending, "selfSize", false],
  889. addedCount: ["selfSize", sortAscending, "id", true],
  890. removedCount: ["selfSize", sortAscending, "id", true],
  891. countDelta: ["selfSize", sortAscending, "id", true],
  892. addedSize: ["selfSize", sortAscending, "id", true],
  893. removedSize: ["selfSize", sortAscending, "id", true],
  894. sizeDelta: ["selfSize", sortAscending, "id", true]
  895. }[sortColumnIdentifier];
  896. return WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator(sortFields);
  897. },
  898. _signForDelta: function(delta)
  899. {
  900. if (delta === 0)
  901. return "";
  902. if (delta > 0)
  903. return "+";
  904. else
  905. return "\u2212"; // Math minus sign, same width as plus.
  906. },
  907. get data()
  908. {
  909. var data = {object: this._name};
  910. data["addedCount"] = Number.withThousandsSeparator(this._addedCount);
  911. data["removedCount"] = Number.withThousandsSeparator(this._removedCount);
  912. data["countDelta"] = this._signForDelta(this._countDelta) + Number.withThousandsSeparator(Math.abs(this._countDelta));
  913. data["addedSize"] = Number.withThousandsSeparator(this._addedSize);
  914. data["removedSize"] = Number.withThousandsSeparator(this._removedSize);
  915. data["sizeDelta"] = this._signForDelta(this._sizeDelta) + Number.withThousandsSeparator(Math.abs(this._sizeDelta));
  916. return data;
  917. },
  918. __proto__: WebInspector.HeapSnapshotGridNode.prototype
  919. }
  920. /**
  921. * @constructor
  922. * @extends {WebInspector.HeapSnapshotGenericObjectNode}
  923. */
  924. WebInspector.HeapSnapshotDominatorObjectNode = function(tree, node)
  925. {
  926. WebInspector.HeapSnapshotGenericObjectNode.call(this, tree, node);
  927. this.updateHasChildren();
  928. };
  929. WebInspector.HeapSnapshotDominatorObjectNode.prototype = {
  930. /**
  931. * @override
  932. * @return {WebInspector.HeapSnapshotProviderProxy}
  933. */
  934. createProvider: function()
  935. {
  936. return this._dataGrid.snapshot.createNodesProviderForDominator(this.snapshotNodeIndex);
  937. },
  938. /**
  939. * @param {number} snapshotObjectId
  940. * @param {function(?WebInspector.HeapSnapshotDominatorObjectNode)} callback
  941. */
  942. retrieveChildBySnapshotObjectId: function(snapshotObjectId, callback)
  943. {
  944. function didExpand()
  945. {
  946. this._provider().nodePosition(snapshotObjectId, didGetNodePosition.bind(this));
  947. }
  948. function didGetNodePosition(nodePosition)
  949. {
  950. if (nodePosition === -1) {
  951. this.collapse();
  952. callback(null);
  953. } else
  954. this._populateChildren(nodePosition, null, didPopulateChildren.bind(this, nodePosition));
  955. }
  956. function didPopulateChildren(nodePosition)
  957. {
  958. var child = this.childForPosition(nodePosition);
  959. callback(child);
  960. }
  961. // Make sure hasChildren flag is updated before expanding this node as updateHasChildren response
  962. // may not have been received yet.
  963. this.hasChildren = true;
  964. this.expandWithoutPopulate(didExpand.bind(this));
  965. },
  966. _createChildNode: function(item)
  967. {
  968. return new WebInspector.HeapSnapshotDominatorObjectNode(this._dataGrid, item);
  969. },
  970. _childHashForEntity: function(node)
  971. {
  972. return node.id;
  973. },
  974. _childHashForNode: function(childNode)
  975. {
  976. return childNode.snapshotNodeId;
  977. },
  978. comparator: function()
  979. {
  980. var sortAscending = this._dataGrid.isSortOrderAscending();
  981. var sortColumnIdentifier = this._dataGrid.sortColumnIdentifier();
  982. var sortFields = {
  983. object: ["id", sortAscending, "retainedSize", false],
  984. shallowSize: ["selfSize", sortAscending, "id", true],
  985. retainedSize: ["retainedSize", sortAscending, "id", true]
  986. }[sortColumnIdentifier];
  987. return WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator(sortFields);
  988. },
  989. _emptyData: function()
  990. {
  991. return {};
  992. },
  993. __proto__: WebInspector.HeapSnapshotGenericObjectNode.prototype
  994. }