1 files changed, 135 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/Views/HeapAllocationsTimelineOverviewGraph.js b/Source/WebInspectorUI/UserInterface/Views/HeapAllocationsTimelineOverviewGraph.js
new file mode 100644
index 000000000..06e46d0df
--- /dev/null
+++ b/Source/WebInspectorUI/UserInterface/Views/HeapAllocationsTimelineOverviewGraph.js
@@ -0,0 +1,135 @@
+/*
+ * Copyright (C) 2016 Apple Inc. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ * 1. Redistributions of source code must retain the above copyright
+ *    notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ *    notice, this list of conditions and the following disclaimer in the
+ *    documentation and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
+ * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+ * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+ * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
+ * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+ * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+ * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+ * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+ * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
+ * THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+WebInspector.HeapAllocationsTimelineOverviewGraph = class HeapAllocationsTimelineOverviewGraph extends WebInspector.TimelineOverviewGraph
+{
+    constructor(timeline, timelineOverview)
+    {
+        super(timelineOverview);
+
+        this.element.classList.add("heap-allocations");
+
+        this._heapAllocationsTimeline = timeline;
+        this._heapAllocationsTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._heapAllocationTimelineRecordAdded, this);
+
+        this._selectedImageElement = null;
+
+        this.reset();
+    }
+
+    // Protected
+
+    reset()
+    {
+        super.reset();
+
+        this.element.removeChildren();
+    }
+
+    layout()
+    {
+        if (!this.visible)
+            return;
+
+        this.element.removeChildren();
+
+        if (this._selectedImageElement) {
+            this._selectedImageElement.classList.remove("selected");
+            this._selectedImageElement = null;
+        }
+
+        // This may display records past the current time marker.
+        let visibleRecords = this._heapAllocationsTimeline.recordsInTimeRange(this.startTime, this.endTime);
+        if (!visibleRecords.length)
+            return;
+
+        let graphStartTime = this.startTime;
+        let secondsPerPixel = this.timelineOverview.secondsPerPixel;
+
+        function xScale(time) {
+            return (time - graphStartTime) / secondsPerPixel;
+        }
+
+        for (let record of visibleRecords) {
+            const halfImageWidth = 8;
+            let x = xScale(record.timestamp) - halfImageWidth;
+            if (x <= 1)
+                x = 1;
+
+            let imageElement = record[WebInspector.HeapAllocationsTimelineOverviewGraph.RecordElementAssociationSymbol];
+            if (!imageElement) {
+                imageElement = record[WebInspector.HeapAllocationsTimelineOverviewGraph.RecordElementAssociationSymbol] = document.createElement("img");
+                imageElement.classList.add("snapshot");
+                imageElement.addEventListener("click", () => {
+                    if (record.heapSnapshot.invalid)
+                        return;
+                    this.selectedRecord = record;
+                });
+            }
+
+            imageElement.style.left = x + "px";
+
+            if (record.heapSnapshot.invalid)
+                imageElement.classList.add("invalid");
+
+            this.element.appendChild(imageElement);
+        }
+
+        this._updateSnapshotMarkers();
+    }
+
+    updateSelectedRecord()
+    {
+        this._updateSnapshotMarkers();
+    }
+
+    // Private
+
+    _updateSnapshotMarkers()
+    {
+        if (this._selectedImageElement)
+            this._selectedImageElement.classList.remove("selected");
+
+        if (!this.selectedRecord) {
+            this._selectedImageElement = null;
+            return;
+        }
+
+        let imageElement = this.selectedRecord[WebInspector.HeapAllocationsTimelineOverviewGraph.RecordElementAssociationSymbol];
+        if (!imageElement)
+            return;
+
+        imageElement.classList.add("selected");
+
+        this._selectedImageElement = imageElement;
+    }
+
+    _heapAllocationTimelineRecordAdded(event)
+    {
+        this.needsLayout();
+    }
+};
+
+WebInspector.HeapAllocationsTimelineOverviewGraph.RecordElementAssociationSymbol = Symbol("record-element-association");