DevTools: migrate sources panel sidebar to views.

third_party/WebKit/Source/devtools/front_end/sources/CallStackSidebarPane.js

 /*
  * Copyright (C) 2008 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. ``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
  * 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.
  */
 
 /**
  * @constructor
  * @extends {WebInspector.SimpleView}
+ * @implements {WebInspector.ContextFlavorListener}
  */
 WebInspector.CallStackSidebarPane = function()
 {
     WebInspector.SimpleView.call(this, WebInspector.UIString("Call Stack"));
     this.element.addEventListener("keydown", this._keyDown.bind(this), true);
     this.element.tabIndex = 0;
     this.callFrameList = new WebInspector.UIList();
     this.callFrameList.show(this.element);
     this._linkifier = new WebInspector.Linkifier();
     WebInspector.moduleSetting("enableAsyncStackTraces").addChangeListener(this._asyncStackTracesStateChanged, this);
     WebInspector.moduleSetting("skipStackFramesPattern").addChangeListener(this._update, this);
     /** @type {!Array<!WebInspector.CallStackSidebarPane.CallFrame>} */
     this.callFrames = [];
     this._locationPool = new WebInspector.LiveLocationPool();
-    WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.DebuggerPaused, this._update, this);
-    WebInspector.targetManager.addModelListener(WebInspector.DebuggerModel, WebInspector.DebuggerModel.Events.DebuggerResumed, this._update, this);
-    WebInspector.context.addFlavorChangeListener(WebInspector.Target, this._update, this);
-    WebInspector.context.addFlavorChangeListener(WebInspector.DebuggerModel.CallFrame, this._updateCallFrame, this);
+    this._update();
 }
 
 WebInspector.CallStackSidebarPane.prototype = {
+    /**
+     * @override
+     * @param {?Object} object
+     */
+    flavorChanged: function(object)
+    {
+        this._update();
+    },
+
     _update: function()
     {
-        var target = WebInspector.context.flavor(WebInspector.Target);
-        var debuggerModel = WebInspector.DebuggerModel.fromTarget(target);
-        var details = debuggerModel ? debuggerModel.debuggerPausedDetails() : null;
+        var details = WebInspector.context.flavor(WebInspector.DebuggerPausedDetails);
 
         this.callFrameList.detach();
         this.callFrameList.clear();
         this._linkifier.reset();
         this.element.removeChildren();
         this._locationPool.disposeAll();
 
-        if (!details) {
-            var infoElement = this.element.createChild("div", "callstack-info");
-            infoElement.textContent = WebInspector.UIString("Not Paused");
-            return;
-        }
-
         this.callFrameList.show(this.element);
-        this._debuggerModel = details.debuggerModel;
-        var asyncStackTrace = details.asyncStackTrace;
-
-        delete this._statusMessageElement;
         delete this._hiddenCallFramesMessageElement;
         this.callFrames = [];
         this._hiddenCallFrames = 0;
 
+        this._updateStatusMessage(details);
+
+        if (!details) {
+            WebInspector.context.setFlavor(WebInspector.DebuggerModel.CallFrame, null);
+            return;
+        }
+        this._debuggerModel = details.debuggerModel;
+        var asyncStackTrace = details.asyncStackTrace;
+
         this._appendSidebarCallFrames(this._callFramesFromDebugger(details.callFrames));
         var topStackHidden = (this._hiddenCallFrames === this.callFrames.length);
 
         while (asyncStackTrace) {
             var title = WebInspector.asyncStackTraceLabel(asyncStackTrace.description);
             var asyncCallFrame = new WebInspector.UIList.Item(title, "", true);
             asyncCallFrame.setHoverable(false);
             asyncCallFrame.element.addEventListener("contextmenu", this._asyncCallFrameContextMenu.bind(this, this.callFrames.length), true);
             this._appendSidebarCallFrames(this._callFramesFromRuntime(asyncStackTrace.callFrames, asyncCallFrame), asyncCallFrame);
             asyncStackTrace = asyncStackTrace.parent;
         }
 
         if (topStackHidden)
             this._revealHiddenCallFrames();
         if (this._hiddenCallFrames) {
             var element = createElementWithClass("div", "hidden-callframes-message");
             if (this._hiddenCallFrames === 1)
                 element.textContent = WebInspector.UIString("1 stack frame is hidden (black-boxed).");
             else
                 element.textContent = WebInspector.UIString("%d stack frames are hidden (black-boxed).", this._hiddenCallFrames);
             element.createTextChild(" ");
             var showAllLink = element.createChild("span", "link");
             showAllLink.textContent = WebInspector.UIString("Show");
             showAllLink.addEventListener("click", this._revealHiddenCallFrames.bind(this), false);
             this.element.insertBefore(element, this.element.firstChild);
             this._hiddenCallFramesMessageElement = element;
         }
-        WebInspector.viewManager.revealViewWithWidget(this);
+        this._selectNextVisibleCallFrame(0);
+        this.revealView();
     },
 
     /**
+     * @param {?WebInspector.DebuggerPausedDetails} details
+     */
+    _updateStatusMessage: function(details)
+    {
+        var status = this.contentElement.createChild("div", "callstack-info");
+        status.removeChildren();
+
+        if (!details) {
+            status.textContent = WebInspector.UIString("Not Paused");
+            status.classList.toggle("status", false);
+            return;
+        }
+
+        if (details.reason === WebInspector.DebuggerModel.BreakReason.DOM) {
+            status.appendChild(WebInspector.domBreakpointsSidebarPane.createBreakpointHitStatusMessage(details));
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.EventListener) {
+            var eventName = details.auxData["eventName"];
+            var eventNameForUI = WebInspector.EventListenerBreakpointsSidebarPane.eventNameForUI(eventName, details.auxData);
+            status.textContent = WebInspector.UIString("Paused on a \"%s\" Event Listener.", eventNameForUI);
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.XHR) {
+            status.textContent = WebInspector.UIString("Paused on a XMLHttpRequest.");
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.Exception) {
+            var description = details.auxData["description"] || "";
+            status.textContent = WebInspector.UIString("Paused on exception: '%s'.", description.split("\n", 1)[0]);
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.PromiseRejection) {
+            var description = details.auxData["description"] || "";
+            status.textContent = WebInspector.UIString("Paused on promise rejection: '%s'.", description.split("\n", 1)[0]);
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.Assert) {
+            status.textContent = WebInspector.UIString("Paused on assertion.");
+        } else if (details.reason === WebInspector.DebuggerModel.BreakReason.DebugCommand) {
+            status.textContent = WebInspector.UIString("Paused on a debugged function.");
+        } else {
+            if (details.callFrames.length) {
+                var uiLocation = details && details.callFrames.length ? WebInspector.debuggerWorkspaceBinding.rawLocationToUILocation(details.callFrames[0].location()) : null;
+                var breakpoint = uiLocation ? WebInspector.breakpointManager.findBreakpointOnLine(uiLocation.uiSourceCode, uiLocation.lineNumber) : null;
+                if (breakpoint) {
+                    status.textContent = WebInspector.UIString("Paused on a JavaScript breakpoint.");
+                }
+            } else {
+                console.warn("ScriptsPanel paused, but callFrames.length is zero."); // TODO remove this once we understand this case better
+            }
+        }
+        status.classList.toggle("hidden", !status.firstChild);
+    },
+
+    /**
      * @param {!Array.<!WebInspector.DebuggerModel.CallFrame>} callFrames
      * @return {!Array<!WebInspector.CallStackSidebarPane.CallFrame>}
      */
     _callFramesFromDebugger: function(callFrames)
     {
         var callFrameItems = [];
         for (var i = 0, n = callFrames.length; i < n; ++i) {
             var callFrame = callFrames[i];
             var callFrameItem = new WebInspector.CallStackSidebarPane.CallFrame(callFrame.functionName, callFrame.location(), this._linkifier, callFrame, this._locationPool);
             callFrameItem.element.addEventListener("click", this._callFrameSelected.bind(this, callFrameItem), false);
@@ skipping 151 matching lines @@
                 callFrame.element.remove();
             } else {
                 lastSyncCallFrameIndex = i;
             }
         }
         this.callFrames.length = lastSyncCallFrameIndex + 1;
         if (shouldSelectTopFrame)
             this._selectNextVisibleCallFrame(0);
     },
 
-    _updateCallFrame: function()
-    {
-        var selectedCallFrame = WebInspector.context.flavor(WebInspector.DebuggerModel.CallFrame);
-        for (var i = 0; i < this.callFrames.length; ++i) {
-            var callFrame = this.callFrames[i];
-            callFrame.setSelected(callFrame._debuggerCallFrame === selectedCallFrame);
-            if (callFrame.isSelected() && callFrame.isHidden())
-                this._revealHiddenCallFrames();
-        }
-    },
-
     /**
      * @return {boolean}
      */
     _selectNextCallFrameOnStack: function()
     {
         var index = this._selectedCallFrameIndex();
         if (index === -1)
             return false;
         return this._selectNextVisibleCallFrame(index + 1);
     },
@@ skipping 47 matching lines @@
     /**
      * @param {!WebInspector.CallStackSidebarPane.CallFrame} callFrameItem
      */
     _asyncCallFrameClicked: function(callFrameItem)
     {
         var uiLocation = WebInspector.debuggerWorkspaceBinding.rawLocationToUILocation(callFrameItem._location);
         WebInspector.Revealer.reveal(uiLocation);
     },
 
     /**
-     * @param {!WebInspector.CallStackSidebarPane.CallFrame} callFrameItem
+     * @param {!WebInspector.CallStackSidebarPane.CallFrame} selectedCallFrame
      */
-    _callFrameSelected: function(callFrameItem)
+    _callFrameSelected: function(selectedCallFrame)
     {
-        callFrameItem.element.scrollIntoViewIfNeeded();
-        var callFrame = callFrameItem._debuggerCallFrame;
-        if (callFrame)
-            callFrame.debuggerModel.setSelectedCallFrame(callFrame);
+        selectedCallFrame.element.scrollIntoViewIfNeeded();
+        var callFrame = selectedCallFrame._debuggerCallFrame;
+
+        for (var i = 0; i < this.callFrames.length; ++i) {
+            var callFrameItem = this.callFrames[i];
+            callFrameItem.setSelected(callFrameItem === selectedCallFrame);
+            if (callFrameItem.isSelected() && callFrameItem.isHidden())
+                this._revealHiddenCallFrames();
+        }
+
+        WebInspector.context.setFlavor(WebInspector.DebuggerModel.CallFrame, callFrame);
+        callFrame.debuggerModel.setSelectedCallFrame(callFrame);
     },
 
     _copyStackTrace: function()
     {
         var text = "";
         var lastCallFrame = null;
         for (var i = 0; i < this.callFrames.length; ++i) {
             var callFrame = this.callFrames[i];
             if (callFrame.isHidden())
                 continue;
             if (lastCallFrame && callFrame._asyncCallFrame !== lastCallFrame._asyncCallFrame)
                 text += callFrame._asyncCallFrame.title() + "\n";
             text += callFrame.title() + " (" + callFrame.subtitle() + ")\n";
             lastCallFrame = callFrame;
         }
         InspectorFrontendHost.copyText(text);
     },
 
     /**
      * @param {function(!Array.<!WebInspector.KeyboardShortcut.Descriptor>, function(!Event=):boolean)} registerShortcutDelegate
      */
     registerShortcuts: function(registerShortcutDelegate)
     {
         registerShortcutDelegate(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.NextCallFrame, this._selectNextCallFrameOnStack.bind(this));
         registerShortcutDelegate(WebInspector.ShortcutsScreen.SourcesPanelShortcuts.PrevCallFrame, this._selectPreviousCallFrameOnStack.bind(this));
     },
 
-    /**
-     * @param {!Element|string} status
-     */
-    setStatus: function(status)
-    {
-        if (!this._statusMessageElement)
-            this._statusMessageElement = this.element.createChild("div", "callstack-info status");
-        if (typeof status === "string") {
-            this._statusMessageElement.textContent = status;
-        } else {
-            this._statusMessageElement.removeChildren();
-            this._statusMessageElement.appendChild(status);
-        }
-    },
-
     _keyDown: function(event)
     {
         if (event.altKey || event.shiftKey || event.metaKey || event.ctrlKey)
             return;
         if (event.key === "ArrowUp" && this._selectPreviousCallFrameOnStack() || event.key === "ArrowDown" && this._selectNextCallFrameOnStack())
             event.consume(true);
     },
 
     __proto__: WebInspector.SimpleView.prototype
 }
@@ skipping 34 matching lines @@
         var uiLocation = liveLocation.uiLocation();
         if (!uiLocation)
             return;
         var text = uiLocation.linkText();
         this.setSubtitle(text.trimMiddle(30));
         this.subtitleElement.title = text;
     },
 
     __proto__: WebInspector.UIList.Item.prototype
 }