mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
1691 lines
57 KiB
JavaScript
1691 lines
57 KiB
JavaScript
/* -*- Mode: javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
|
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
"use strict";
|
|
|
|
const { classes: Cc, interfaces: Ci, utils: Cu } = Components;
|
|
|
|
const DBG_STRINGS_URI = "chrome://browser/locale/devtools/debugger.properties";
|
|
const NEW_SOURCE_IGNORED_URLS = ["debugger eval code", "self-hosted", "XStringBundle"];
|
|
const NEW_SOURCE_DISPLAY_DELAY = 200; // ms
|
|
const FETCH_SOURCE_RESPONSE_DELAY = 200; // ms
|
|
const FRAME_STEP_CLEAR_DELAY = 100; // ms
|
|
const CALL_STACK_PAGE_SIZE = 25; // frames
|
|
|
|
Cu.import("resource://gre/modules/Services.jsm");
|
|
Cu.import("resource://gre/modules/XPCOMUtils.jsm");
|
|
Cu.import("resource://gre/modules/devtools/dbg-client.jsm");
|
|
let promise = Cu.import("resource://gre/modules/commonjs/sdk/core/promise.js").Promise;
|
|
Cu.import("resource:///modules/source-editor.jsm");
|
|
Cu.import("resource:///modules/devtools/BreadcrumbsWidget.jsm");
|
|
Cu.import("resource:///modules/devtools/SideMenuWidget.jsm");
|
|
Cu.import("resource:///modules/devtools/VariablesView.jsm");
|
|
Cu.import("resource:///modules/devtools/VariablesViewController.jsm");
|
|
Cu.import("resource:///modules/devtools/ViewHelpers.jsm");
|
|
|
|
XPCOMUtils.defineLazyModuleGetter(this, "Parser",
|
|
"resource:///modules/devtools/Parser.jsm");
|
|
|
|
XPCOMUtils.defineLazyModuleGetter(this, "devtools",
|
|
"resource://gre/modules/devtools/Loader.jsm");
|
|
|
|
XPCOMUtils.defineLazyModuleGetter(this, "DevToolsUtils",
|
|
"resource://gre/modules/devtools/DevToolsUtils.jsm");
|
|
|
|
Object.defineProperty(this, "DevtoolsHelpers", {
|
|
get: function() {
|
|
return devtools.require("devtools/shared/helpers");
|
|
},
|
|
configurable: true,
|
|
enumerable: true
|
|
});
|
|
|
|
Object.defineProperty(this, "NetworkHelper", {
|
|
get: function() {
|
|
return devtools.require("devtools/toolkit/webconsole/network-helper");
|
|
},
|
|
configurable: true,
|
|
enumerable: true
|
|
});
|
|
|
|
/**
|
|
* Object defining the debugger controller components.
|
|
*/
|
|
let DebuggerController = {
|
|
/**
|
|
* Initializes the debugger controller.
|
|
*/
|
|
initialize: function() {
|
|
dumpn("Initializing the DebuggerController");
|
|
|
|
this.startupDebugger = this.startupDebugger.bind(this);
|
|
this.shutdownDebugger = this.shutdownDebugger.bind(this);
|
|
this._onTabNavigated = this._onTabNavigated.bind(this);
|
|
this._onTabDetached = this._onTabDetached.bind(this);
|
|
|
|
// Chrome debugging lives in a different process and needs to handle
|
|
// debugger startup and shutdown by itself.
|
|
if (window._isChromeDebugger) {
|
|
window.addEventListener("DOMContentLoaded", this.startupDebugger, true);
|
|
window.addEventListener("unload", this.shutdownDebugger, true);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Initializes the view.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved when the debugger finishes startup.
|
|
*/
|
|
startupDebugger: function() {
|
|
if (this._startup) {
|
|
return this._startup;
|
|
}
|
|
|
|
// Chrome debugging lives in a different process and needs to handle
|
|
// debugger startup by itself.
|
|
if (window._isChromeDebugger) {
|
|
window.removeEventListener("DOMContentLoaded", this.startupDebugger, true);
|
|
}
|
|
|
|
return this._startup = DebuggerView.initialize().then(() => {
|
|
// Chrome debugging needs to initiate the connection by itself.
|
|
if (window._isChromeDebugger) {
|
|
return this.connect();
|
|
} else {
|
|
return promise.resolve(null); // Done.
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Destroys the view and disconnects the debugger client from the server.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved when the debugger finishes shutdown.
|
|
*/
|
|
shutdownDebugger: function() {
|
|
if (this._shutdown) {
|
|
return this._shutdown;
|
|
}
|
|
|
|
// Chrome debugging lives in a different process and needs to handle
|
|
// debugger shutdown by itself.
|
|
if (window._isChromeDebugger) {
|
|
window.removeEventListener("unload", this.shutdownDebugger, true);
|
|
}
|
|
|
|
return this._shutdown = DebuggerView.destroy().then(() => {
|
|
DebuggerView.destroy();
|
|
this.SourceScripts.disconnect();
|
|
this.StackFrames.disconnect();
|
|
this.ThreadState.disconnect();
|
|
this.disconnect();
|
|
|
|
// Chrome debugging needs to close its parent process on shutdown.
|
|
if (window._isChromeDebugger) {
|
|
return this._quitApp();
|
|
} else {
|
|
return promise.resolve(null); // Done.
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Initiates remote or chrome debugging based on the current target,
|
|
* wiring event handlers as necessary.
|
|
*
|
|
* In case of a chrome debugger living in a different process, a socket
|
|
* connection pipe is opened as well.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved when the debugger finishes connecting.
|
|
*/
|
|
connect: function() {
|
|
if (this._connection) {
|
|
return this._connection;
|
|
}
|
|
|
|
let deferred = promise.defer();
|
|
this._connection = deferred.promise;
|
|
|
|
if (!window._isChromeDebugger) {
|
|
let target = this._target;
|
|
let { client, form: { chromeDebugger }, threadActor } = target;
|
|
target.on("close", this._onTabDetached);
|
|
target.on("navigate", this._onTabNavigated);
|
|
target.on("will-navigate", this._onTabNavigated);
|
|
|
|
if (target.chrome) {
|
|
this._startChromeDebugging(client, chromeDebugger, deferred.resolve);
|
|
} else {
|
|
this._startDebuggingTab(client, threadActor, deferred.resolve);
|
|
}
|
|
|
|
return deferred.promise;
|
|
}
|
|
|
|
// Chrome debugging needs to make its own connection to the debuggee.
|
|
let transport = debuggerSocketConnect(
|
|
Prefs.chromeDebuggingHost, Prefs.chromeDebuggingPort);
|
|
|
|
let client = new DebuggerClient(transport);
|
|
client.addListener("tabNavigated", this._onTabNavigated);
|
|
client.addListener("tabDetached", this._onTabDetached);
|
|
client.connect(() => {
|
|
client.listTabs(aResponse => {
|
|
this._startChromeDebugging(client, aResponse.chromeDebugger, deferred.resolve);
|
|
});
|
|
});
|
|
|
|
return deferred.promise;
|
|
},
|
|
|
|
/**
|
|
* Disconnects the debugger client and removes event handlers as necessary.
|
|
*/
|
|
disconnect: function() {
|
|
// Return early if the client didn't even have a chance to instantiate.
|
|
if (!this.client) {
|
|
return;
|
|
}
|
|
|
|
// When debugging local or a remote instance, the connection is closed by
|
|
// the RemoteTarget. Chrome debugging needs to specifically close its own
|
|
// connection to the debuggee.
|
|
if (window._isChromeDebugger) {
|
|
this.client.removeListener("tabNavigated", this._onTabNavigated);
|
|
this.client.removeListener("tabDetached", this._onTabDetached);
|
|
this.client.close();
|
|
}
|
|
|
|
this._connection = null;
|
|
this.client = null;
|
|
this.activeThread = null;
|
|
},
|
|
|
|
/**
|
|
* Called for each location change in the debugged tab.
|
|
*
|
|
* @param string aType
|
|
* Packet type.
|
|
* @param object aPacket
|
|
* Packet received from the server.
|
|
*/
|
|
_onTabNavigated: function(aType, aPacket) {
|
|
switch (aType) {
|
|
case "will-navigate": {
|
|
// Reset UI.
|
|
DebuggerView._handleTabNavigation();
|
|
|
|
// Discard all the old sources.
|
|
DebuggerController.Parser.clearCache();
|
|
SourceUtils.clearCache();
|
|
break;
|
|
}
|
|
case "navigate": {
|
|
this.ThreadState._handleTabNavigation();
|
|
this.StackFrames._handleTabNavigation();
|
|
this.SourceScripts._handleTabNavigation();
|
|
break;
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Called when the debugged tab is closed.
|
|
*/
|
|
_onTabDetached: function() {
|
|
this.shutdownDebugger();
|
|
},
|
|
|
|
/**
|
|
* Warn if resuming execution produced a wrongOrder error.
|
|
*/
|
|
_ensureResumptionOrder: function(aResponse) {
|
|
if (aResponse.error == "wrongOrder") {
|
|
DebuggerView.Toolbar.showResumeWarning(aResponse.lastPausedUrl);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Sets up a debugging session.
|
|
*
|
|
* @param DebuggerClient aClient
|
|
* The debugger client.
|
|
* @param string aThreadActor
|
|
* The remote protocol grip of the tab.
|
|
* @param function aCallback
|
|
* A function to invoke once the client attached to the active thread.
|
|
*/
|
|
_startDebuggingTab: function(aClient, aThreadActor, aCallback) {
|
|
if (!aClient) {
|
|
Cu.reportError("No client found!");
|
|
return;
|
|
}
|
|
this.client = aClient;
|
|
|
|
aClient.attachThread(aThreadActor, (aResponse, aThreadClient) => {
|
|
if (!aThreadClient) {
|
|
Cu.reportError("Couldn't attach to thread: " + aResponse.error);
|
|
return;
|
|
}
|
|
this.activeThread = aThreadClient;
|
|
|
|
this.ThreadState.connect();
|
|
this.StackFrames.connect();
|
|
this.SourceScripts.connect();
|
|
aThreadClient.resume(this._ensureResumptionOrder);
|
|
|
|
if (aCallback) {
|
|
aCallback();
|
|
}
|
|
}, { useSourceMaps: Prefs.sourceMapsEnabled });
|
|
},
|
|
|
|
/**
|
|
* Sets up a chrome debugging session.
|
|
*
|
|
* @param DebuggerClient aClient
|
|
* The debugger client.
|
|
* @param object aChromeDebugger
|
|
* The remote protocol grip of the chrome debugger.
|
|
* @param function aCallback
|
|
* A function to invoke once the client attached to the active thread.
|
|
*/
|
|
_startChromeDebugging: function(aClient, aChromeDebugger, aCallback) {
|
|
if (!aClient) {
|
|
Cu.reportError("No client found!");
|
|
return;
|
|
}
|
|
this.client = aClient;
|
|
|
|
aClient.attachThread(aChromeDebugger, (aResponse, aThreadClient) => {
|
|
if (!aThreadClient) {
|
|
Cu.reportError("Couldn't attach to thread: " + aResponse.error);
|
|
return;
|
|
}
|
|
this.activeThread = aThreadClient;
|
|
|
|
this.ThreadState.connect();
|
|
this.StackFrames.connect();
|
|
this.SourceScripts.connect();
|
|
aThreadClient.resume(this._ensureResumptionOrder);
|
|
|
|
if (aCallback) {
|
|
aCallback();
|
|
}
|
|
}, { useSourceMaps: Prefs.sourceMapsEnabled });
|
|
},
|
|
|
|
/**
|
|
* Detach and reattach to the thread actor with useSourceMaps true, blow
|
|
* away old sources and get them again.
|
|
*/
|
|
reconfigureThread: function(aUseSourceMaps) {
|
|
this.client.reconfigureThread({ useSourceMaps: aUseSourceMaps }, aResponse => {
|
|
if (aResponse.error) {
|
|
let msg = "Couldn't reconfigure thread: " + aResponse.message;
|
|
Cu.reportError(msg);
|
|
dumpn(msg);
|
|
return;
|
|
}
|
|
|
|
// Reset UI, discard all the old sources and get them again.
|
|
DebuggerView._handleTabNavigation();
|
|
this.SourceScripts._handleTabNavigation();
|
|
|
|
// Update the stack frame list.
|
|
this.activeThread._clearFrames();
|
|
this.activeThread.fillFrames(CALL_STACK_PAGE_SIZE);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Attempts to quit the current process if allowed.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved if the app will quit successfully.
|
|
*/
|
|
_quitApp: function() {
|
|
let deferred = promise.defer();
|
|
|
|
// Quitting the app is synchronous. Give the returned promise consumers
|
|
// a chance to do their thing before killing the process.
|
|
Services.tm.currentThread.dispatch({ run: () => {
|
|
let quit = Cc["@mozilla.org/supports-PRBool;1"].createInstance(Ci.nsISupportsPRBool);
|
|
Services.obs.notifyObservers(quit, "quit-application-requested", null);
|
|
|
|
// Somebody canceled our quit request.
|
|
if (quit.data) {
|
|
deferred.reject(quit.data);
|
|
} else {
|
|
deferred.resolve(quit.data);
|
|
Services.startup.quit(Ci.nsIAppStartup.eForceQuit);
|
|
}
|
|
}}, 0);
|
|
|
|
return deferred.promise;
|
|
},
|
|
|
|
_startup: null,
|
|
_shutdown: null,
|
|
_connection: null,
|
|
client: null,
|
|
activeThread: null
|
|
};
|
|
|
|
/**
|
|
* ThreadState keeps the UI up to date with the state of the
|
|
* thread (paused/attached/etc.).
|
|
*/
|
|
function ThreadState() {
|
|
this._update = this._update.bind(this);
|
|
}
|
|
|
|
ThreadState.prototype = {
|
|
get activeThread() DebuggerController.activeThread,
|
|
|
|
/**
|
|
* Connect to the current thread client.
|
|
*/
|
|
connect: function() {
|
|
dumpn("ThreadState is connecting...");
|
|
this.activeThread.addListener("paused", this._update);
|
|
this.activeThread.addListener("resumed", this._update);
|
|
this.activeThread.pauseOnExceptions(Prefs.pauseOnExceptions,
|
|
Prefs.ignoreCaughtExceptions);
|
|
this._handleTabNavigation();
|
|
},
|
|
|
|
/**
|
|
* Disconnect from the client.
|
|
*/
|
|
disconnect: function() {
|
|
if (!this.activeThread) {
|
|
return;
|
|
}
|
|
dumpn("ThreadState is disconnecting...");
|
|
this.activeThread.removeListener("paused", this._update);
|
|
this.activeThread.removeListener("resumed", this._update);
|
|
},
|
|
|
|
/**
|
|
* Handles any initialization on a tab navigation event issued by the client.
|
|
*/
|
|
_handleTabNavigation: function() {
|
|
if (!this.activeThread) {
|
|
return;
|
|
}
|
|
dumpn("Handling tab navigation in the ThreadState");
|
|
this._update();
|
|
},
|
|
|
|
/**
|
|
* Update the UI after a thread state change.
|
|
*/
|
|
_update: function(aEvent) {
|
|
DebuggerView.Toolbar.toggleResumeButtonState(this.activeThread.state);
|
|
|
|
if (gTarget && (aEvent == "paused" || aEvent == "resumed")) {
|
|
gTarget.emit("thread-" + aEvent);
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Keeps the stack frame list up-to-date, using the thread client's
|
|
* stack frame cache.
|
|
*/
|
|
function StackFrames() {
|
|
this._onPaused = this._onPaused.bind(this);
|
|
this._onResumed = this._onResumed.bind(this);
|
|
this._onFrames = this._onFrames.bind(this);
|
|
this._onFramesCleared = this._onFramesCleared.bind(this);
|
|
this._onBlackBoxChange = this._onBlackBoxChange.bind(this);
|
|
this._afterFramesCleared = this._afterFramesCleared.bind(this);
|
|
this.evaluate = this.evaluate.bind(this);
|
|
}
|
|
|
|
StackFrames.prototype = {
|
|
get activeThread() DebuggerController.activeThread,
|
|
currentFrameDepth: -1,
|
|
_isWatchExpressionsEvaluation: false,
|
|
_isConditionalBreakpointEvaluation: false,
|
|
_syncedWatchExpressions: null,
|
|
_currentWatchExpressions: null,
|
|
_currentBreakpointLocation: null,
|
|
_currentEvaluation: null,
|
|
_currentException: null,
|
|
_currentReturnedValue: null,
|
|
|
|
/**
|
|
* Connect to the current thread client.
|
|
*/
|
|
connect: function() {
|
|
dumpn("StackFrames is connecting...");
|
|
this.activeThread.addListener("paused", this._onPaused);
|
|
this.activeThread.addListener("resumed", this._onResumed);
|
|
this.activeThread.addListener("framesadded", this._onFrames);
|
|
this.activeThread.addListener("framescleared", this._onFramesCleared);
|
|
this.activeThread.addListener("blackboxchange", this._onBlackBoxChange);
|
|
this._handleTabNavigation();
|
|
},
|
|
|
|
/**
|
|
* Disconnect from the client.
|
|
*/
|
|
disconnect: function() {
|
|
if (!this.activeThread) {
|
|
return;
|
|
}
|
|
dumpn("StackFrames is disconnecting...");
|
|
this.activeThread.removeListener("paused", this._onPaused);
|
|
this.activeThread.removeListener("resumed", this._onResumed);
|
|
this.activeThread.removeListener("framesadded", this._onFrames);
|
|
this.activeThread.removeListener("framescleared", this._onFramesCleared);
|
|
this.activeThread.removeListener("blackboxchange", this._onBlackBoxChange);
|
|
},
|
|
|
|
/**
|
|
* Handles any initialization on a tab navigation event issued by the client.
|
|
*/
|
|
_handleTabNavigation: function() {
|
|
dumpn("Handling tab navigation in the StackFrames");
|
|
// Nothing to do here yet.
|
|
},
|
|
|
|
/**
|
|
* Handler for the thread client's paused notification.
|
|
*
|
|
* @param string aEvent
|
|
* The name of the notification ("paused" in this case).
|
|
* @param object aPacket
|
|
* The response packet.
|
|
*/
|
|
_onPaused: function(aEvent, aPacket) {
|
|
switch (aPacket.why.type) {
|
|
// If paused by a breakpoint, store the breakpoint location.
|
|
case "breakpoint":
|
|
this._currentBreakpointLocation = aPacket.frame.where;
|
|
break;
|
|
// If paused by a client evaluation, store the evaluated value.
|
|
case "clientEvaluated":
|
|
this._currentEvaluation = aPacket.why.frameFinished;
|
|
break;
|
|
// If paused by an exception, store the exception value.
|
|
case "exception":
|
|
this._currentException = aPacket.why.exception;
|
|
break;
|
|
// If paused while stepping out of a frame, store the returned value or
|
|
// thrown exception.
|
|
case "resumeLimit":
|
|
if (!aPacket.why.frameFinished) {
|
|
break;
|
|
} else if (aPacket.why.frameFinished.throw) {
|
|
this._currentException = aPacket.why.frameFinished.throw;
|
|
} else if (aPacket.why.frameFinished.return) {
|
|
this._currentReturnedValue = aPacket.why.frameFinished.return;
|
|
}
|
|
break;
|
|
}
|
|
|
|
this.activeThread.fillFrames(CALL_STACK_PAGE_SIZE);
|
|
DebuggerView.editor.focus();
|
|
},
|
|
|
|
/**
|
|
* Handler for the thread client's resumed notification.
|
|
*/
|
|
_onResumed: function() {
|
|
DebuggerView.editor.setDebugLocation(-1);
|
|
|
|
// Prepare the watch expression evaluation string for the next pause.
|
|
if (!this._isWatchExpressionsEvaluation) {
|
|
this._currentWatchExpressions = this._syncedWatchExpressions;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Handler for the thread client's framesadded notification.
|
|
*/
|
|
_onFrames: function() {
|
|
// Ignore useless notifications.
|
|
if (!this.activeThread || !this.activeThread.cachedFrames.length) {
|
|
return;
|
|
}
|
|
|
|
let waitForNextPause = false;
|
|
let breakLocation = this._currentBreakpointLocation;
|
|
let watchExpressions = this._currentWatchExpressions;
|
|
|
|
// Conditional breakpoints are { breakpoint, expression } tuples. The
|
|
// boolean evaluation of the expression decides if the active thread
|
|
// automatically resumes execution or not.
|
|
// TODO: handle all of this server-side: Bug 812172.
|
|
if (breakLocation) {
|
|
// Make sure a breakpoint actually exists at the specified url and line.
|
|
let breakpointPromise = DebuggerController.Breakpoints._getAdded(breakLocation);
|
|
if (breakpointPromise) {
|
|
breakpointPromise.then(aBreakpointClient => {
|
|
if ("conditionalExpression" in aBreakpointClient) {
|
|
// Evaluating the current breakpoint's conditional expression will
|
|
// cause the stack frames to be cleared and active thread to pause,
|
|
// sending a 'clientEvaluated' packed and adding the frames again.
|
|
this.evaluate(aBreakpointClient.conditionalExpression, 0);
|
|
this._isConditionalBreakpointEvaluation = true;
|
|
waitForNextPause = true;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
// We'll get our evaluation of the current breakpoint's conditional
|
|
// expression the next time the thread client pauses...
|
|
if (waitForNextPause) {
|
|
return;
|
|
}
|
|
if (this._isConditionalBreakpointEvaluation) {
|
|
this._isConditionalBreakpointEvaluation = false;
|
|
// If the breakpoint's conditional expression evaluation is falsy,
|
|
// automatically resume execution.
|
|
if (VariablesView.isFalsy({ value: this._currentEvaluation.return })) {
|
|
this.activeThread.resume(DebuggerController._ensureResumptionOrder);
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Watch expressions are evaluated in the context of the topmost frame,
|
|
// and the results are displayed in the variables view.
|
|
// TODO: handle all of this server-side: Bug 832470, comment 14.
|
|
if (watchExpressions) {
|
|
// Evaluation causes the stack frames to be cleared and active thread to
|
|
// pause, sending a 'clientEvaluated' packet and adding the frames again.
|
|
this.evaluate(watchExpressions, 0);
|
|
this._isWatchExpressionsEvaluation = true;
|
|
waitForNextPause = true;
|
|
}
|
|
// We'll get our evaluation of the current watch expressions the next time
|
|
// the thread client pauses...
|
|
if (waitForNextPause) {
|
|
return;
|
|
}
|
|
if (this._isWatchExpressionsEvaluation) {
|
|
this._isWatchExpressionsEvaluation = false;
|
|
// If an error was thrown during the evaluation of the watch expressions,
|
|
// then at least one expression evaluation could not be performed. So
|
|
// remove the most recent watch expression and try again.
|
|
if (this._currentEvaluation.throw) {
|
|
DebuggerView.WatchExpressions.removeAt(0);
|
|
DebuggerController.StackFrames.syncWatchExpressions();
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Make sure the debugger view panes are visible, then refill the frames.
|
|
DebuggerView.showInstrumentsPane();
|
|
this._refillFrames();
|
|
},
|
|
|
|
/**
|
|
* Fill the StackFrames view with the frames we have in the cache, compressing
|
|
* frames which have black boxed sources into single frames.
|
|
*/
|
|
_refillFrames: function() {
|
|
// Make sure all the previous stackframes are removed before re-adding them.
|
|
DebuggerView.StackFrames.empty();
|
|
|
|
for (let frame of this.activeThread.cachedFrames) {
|
|
let { depth, where: { url, line }, source } = frame;
|
|
let isBlackBoxed = source ? this.activeThread.source(source).isBlackBoxed : false;
|
|
let location = NetworkHelper.convertToUnicode(unescape(url));
|
|
let title = StackFrameUtils.getFrameTitle(frame);
|
|
DebuggerView.StackFrames.addFrame(title, location, line, depth, isBlackBoxed);
|
|
}
|
|
|
|
if (this.currentFrameDepth == -1) {
|
|
DebuggerView.StackFrames.selectedDepth = 0;
|
|
}
|
|
if (this.activeThread.moreFrames) {
|
|
DebuggerView.StackFrames.dirty = true;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Handler for the thread client's framescleared notification.
|
|
*/
|
|
_onFramesCleared: function() {
|
|
this.currentFrameDepth = -1;
|
|
this._currentWatchExpressions = null;
|
|
this._currentBreakpointLocation = null;
|
|
this._currentEvaluation = null;
|
|
this._currentException = null;
|
|
this._currentReturnedValue = null;
|
|
// After each frame step (in, over, out), framescleared is fired, which
|
|
// forces the UI to be emptied and rebuilt on framesadded. Most of the times
|
|
// this is not necessary, and will result in a brief redraw flicker.
|
|
// To avoid it, invalidate the UI only after a short time if necessary.
|
|
window.setTimeout(this._afterFramesCleared, FRAME_STEP_CLEAR_DELAY);
|
|
},
|
|
|
|
/**
|
|
* Handler for the debugger's blackboxchange notification.
|
|
*/
|
|
_onBlackBoxChange: function() {
|
|
if (this.activeThread.state == "paused") {
|
|
this.currentFrame = null;
|
|
this._refillFrames();
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Called soon after the thread client's framescleared notification.
|
|
*/
|
|
_afterFramesCleared: function() {
|
|
// Ignore useless notifications.
|
|
if (this.activeThread.cachedFrames.length) {
|
|
return;
|
|
}
|
|
DebuggerView.StackFrames.empty();
|
|
DebuggerView.Sources.unhighlightBreakpoint();
|
|
DebuggerView.WatchExpressions.toggleContents(true);
|
|
DebuggerView.Variables.empty(0);
|
|
window.dispatchEvent(document, "Debugger:AfterFramesCleared");
|
|
},
|
|
|
|
/**
|
|
* Marks the stack frame at the specified depth as selected and updates the
|
|
* properties view with the stack frame's data.
|
|
*
|
|
* @param number aDepth
|
|
* The depth of the frame in the stack.
|
|
* @param boolean aDontSwitchSources
|
|
* Flag on whether or not we want to switch the selected source.
|
|
*/
|
|
selectFrame: function(aDepth, aDontSwitchSources) {
|
|
// Make sure the frame at the specified depth exists first.
|
|
let frame = this.activeThread.cachedFrames[this.currentFrameDepth = aDepth];
|
|
if (!frame) {
|
|
return;
|
|
}
|
|
|
|
// Check if the frame does not represent the evaluation of debuggee code.
|
|
let { environment, where } = frame;
|
|
if (!environment) {
|
|
return;
|
|
}
|
|
|
|
// Move the editor's caret to the proper url and line.
|
|
DebuggerView.setEditorLocation(where.url, where.line);
|
|
// Highlight the breakpoint at the specified url and line if it exists.
|
|
DebuggerView.Sources.highlightBreakpoint(where, { noEditorUpdate: true });
|
|
// Don't display the watch expressions textbox inputs in the pane.
|
|
DebuggerView.WatchExpressions.toggleContents(false);
|
|
// Start recording any added variables or properties in any scope.
|
|
DebuggerView.Variables.createHierarchy();
|
|
// Clear existing scopes and create each one dynamically.
|
|
DebuggerView.Variables.empty();
|
|
|
|
// If watch expressions evaluation results are available, create a scope
|
|
// to contain all the values.
|
|
if (this._syncedWatchExpressions && aDepth == 0) {
|
|
let label = L10N.getStr("watchExpressionsScopeLabel");
|
|
let scope = DebuggerView.Variables.addScope(label);
|
|
|
|
// Customize the scope for holding watch expressions evaluations.
|
|
scope.descriptorTooltip = false;
|
|
scope.contextMenuId = "debuggerWatchExpressionsContextMenu";
|
|
scope.separatorStr = L10N.getStr("watchExpressionsSeparatorLabel");
|
|
scope.switch = DebuggerView.WatchExpressions.switchExpression;
|
|
scope.delete = DebuggerView.WatchExpressions.deleteExpression;
|
|
|
|
// The evaluation hasn't thrown, so fetch and add the returned results.
|
|
this._fetchWatchExpressions(scope, this._currentEvaluation.return);
|
|
|
|
// The watch expressions scope is always automatically expanded.
|
|
scope.expand();
|
|
}
|
|
|
|
do {
|
|
// Create a scope to contain all the inspected variables in the
|
|
// current environment.
|
|
let label = StackFrameUtils.getScopeLabel(environment);
|
|
let scope = DebuggerView.Variables.addScope(label);
|
|
let innermost = environment == frame.environment;
|
|
|
|
// Handle special additions to the innermost scope.
|
|
if (innermost) {
|
|
this._insertScopeFrameReferences(scope, frame);
|
|
}
|
|
|
|
// Handle the expansion of the scope, lazily populating it with the
|
|
// variables in the current environment.
|
|
DebuggerView.Variables.controller.addExpander(scope, environment);
|
|
|
|
// The innermost scope is always automatically expanded, because it
|
|
// contains the variables in the current stack frame which are likely to
|
|
// be inspected.
|
|
if (innermost) {
|
|
scope.expand();
|
|
}
|
|
} while ((environment = environment.parent));
|
|
|
|
// Signal that variables have been fetched.
|
|
window.dispatchEvent(document, "Debugger:FetchedVariables");
|
|
DebuggerView.Variables.commitHierarchy();
|
|
},
|
|
|
|
/**
|
|
* Loads more stack frames from the debugger server cache.
|
|
*/
|
|
addMoreFrames: function() {
|
|
this.activeThread.fillFrames(
|
|
this.activeThread.cachedFrames.length + CALL_STACK_PAGE_SIZE);
|
|
},
|
|
|
|
/**
|
|
* Evaluate an expression in the context of the selected frame.
|
|
*
|
|
* @param string aExpression
|
|
* The expression to evaluate.
|
|
* @param number aFrame [optional]
|
|
* The frame depth used for evaluation.
|
|
*/
|
|
evaluate: function(aExpression, aFrame = this.currentFrameDepth) {
|
|
let frame = this.activeThread.cachedFrames[aFrame];
|
|
if (frame) {
|
|
this.activeThread.eval(frame.actor, aExpression);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Add nodes for special frame references in the innermost scope.
|
|
*
|
|
* @param Scope aScope
|
|
* The scope where the references will be placed into.
|
|
* @param object aFrame
|
|
* The frame to get some references from.
|
|
*/
|
|
_insertScopeFrameReferences: function(aScope, aFrame) {
|
|
// Add any thrown exception.
|
|
if (this._currentException) {
|
|
let excRef = aScope.addItem("<exception>", { value: this._currentException });
|
|
DebuggerView.Variables.controller.addExpander(excRef, this._currentException);
|
|
}
|
|
// Add any returned value.
|
|
if (this._currentReturnedValue) {
|
|
let retRef = aScope.addItem("<return>", { value: this._currentReturnedValue });
|
|
DebuggerView.Variables.controller.addExpander(retRef, this._currentReturnedValue);
|
|
}
|
|
// Add "this".
|
|
if (aFrame.this) {
|
|
let thisRef = aScope.addItem("this", { value: aFrame.this });
|
|
DebuggerView.Variables.controller.addExpander(thisRef, aFrame.this);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Adds the watch expressions evaluation results to a scope in the view.
|
|
*
|
|
* @param Scope aScope
|
|
* The scope where the watch expressions will be placed into.
|
|
* @param object aExp
|
|
* The grip of the evaluation results.
|
|
*/
|
|
_fetchWatchExpressions: function(aScope, aExp) {
|
|
// Fetch the expressions only once.
|
|
if (aScope._fetched) {
|
|
return;
|
|
}
|
|
aScope._fetched = true;
|
|
|
|
// Add nodes for every watch expression in scope.
|
|
this.activeThread.pauseGrip(aExp).getPrototypeAndProperties(aResponse => {
|
|
let ownProperties = aResponse.ownProperties;
|
|
let totalExpressions = DebuggerView.WatchExpressions.itemCount;
|
|
|
|
for (let i = 0; i < totalExpressions; i++) {
|
|
let name = DebuggerView.WatchExpressions.getString(i);
|
|
let expVal = ownProperties[i].value;
|
|
let expRef = aScope.addItem(name, ownProperties[i]);
|
|
DebuggerView.Variables.controller.addExpander(expRef, expVal);
|
|
|
|
// Revert some of the custom watch expressions scope presentation flags,
|
|
// so that they don't propagate to child items.
|
|
expRef.switch = null;
|
|
expRef.delete = null;
|
|
expRef.descriptorTooltip = true;
|
|
expRef.separatorStr = L10N.getStr("variablesSeparatorLabel");
|
|
}
|
|
|
|
// Signal that watch expressions have been fetched.
|
|
window.dispatchEvent(document, "Debugger:FetchedWatchExpressions");
|
|
DebuggerView.Variables.commitHierarchy();
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Updates a list of watch expressions to evaluate on each pause.
|
|
* TODO: handle all of this server-side: Bug 832470, comment 14.
|
|
*/
|
|
syncWatchExpressions: function() {
|
|
let list = DebuggerView.WatchExpressions.getAllStrings();
|
|
|
|
// Sanity check all watch expressions before syncing them. To avoid
|
|
// having the whole watch expressions array throw because of a single
|
|
// faulty expression, simply convert it to a string describing the error.
|
|
// There's no other information necessary to be offered in such cases.
|
|
let sanitizedExpressions = list.map(aString => {
|
|
// Reflect.parse throws when it encounters a syntax error.
|
|
try {
|
|
Parser.reflectionAPI.parse(aString);
|
|
return aString; // Watch expression can be executed safely.
|
|
} catch (e) {
|
|
return "\"" + e.name + ": " + e.message + "\""; // Syntax error.
|
|
}
|
|
});
|
|
|
|
if (sanitizedExpressions.length) {
|
|
this._syncedWatchExpressions =
|
|
this._currentWatchExpressions =
|
|
"[" +
|
|
sanitizedExpressions.map(aString =>
|
|
"eval(\"" +
|
|
"try {" +
|
|
// Make sure all quotes are escaped in the expression's syntax,
|
|
// and add a newline after the statement to avoid comments
|
|
// breaking the code integrity inside the eval block.
|
|
aString.replace(/"/g, "\\$&") + "\" + " + "'\\n'" + " + \"" +
|
|
"} catch (e) {" +
|
|
"e.name + ': ' + e.message;" + // TODO: Bug 812765, 812764.
|
|
"}" +
|
|
"\")"
|
|
).join(",") +
|
|
"]";
|
|
} else {
|
|
this._syncedWatchExpressions =
|
|
this._currentWatchExpressions = null;
|
|
}
|
|
this.currentFrameDepth = -1;
|
|
this._onFrames();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Keeps the source script list up-to-date, using the thread client's
|
|
* source script cache.
|
|
*/
|
|
function SourceScripts() {
|
|
this._onNewGlobal = this._onNewGlobal.bind(this);
|
|
this._onNewSource = this._onNewSource.bind(this);
|
|
this._onSourcesAdded = this._onSourcesAdded.bind(this);
|
|
this._onBlackBoxChange = this._onBlackBoxChange.bind(this);
|
|
}
|
|
|
|
SourceScripts.prototype = {
|
|
get activeThread() DebuggerController.activeThread,
|
|
get debuggerClient() DebuggerController.client,
|
|
_cache: new Map(),
|
|
|
|
/**
|
|
* Connect to the current thread client.
|
|
*/
|
|
connect: function() {
|
|
dumpn("SourceScripts is connecting...");
|
|
this.debuggerClient.addListener("newGlobal", this._onNewGlobal);
|
|
this.debuggerClient.addListener("newSource", this._onNewSource);
|
|
this.activeThread.addListener("blackboxchange", this._onBlackBoxChange);
|
|
this._handleTabNavigation();
|
|
},
|
|
|
|
/**
|
|
* Disconnect from the client.
|
|
*/
|
|
disconnect: function() {
|
|
if (!this.activeThread) {
|
|
return;
|
|
}
|
|
dumpn("SourceScripts is disconnecting...");
|
|
this.debuggerClient.removeListener("newGlobal", this._onNewGlobal);
|
|
this.debuggerClient.removeListener("newSource", this._onNewSource);
|
|
this.activeThread.removeListener("blackboxchange", this._onBlackBoxChange);
|
|
},
|
|
|
|
/**
|
|
* Handles any initialization on a tab navigation event issued by the client.
|
|
*/
|
|
_handleTabNavigation: function() {
|
|
if (!this.activeThread) {
|
|
return;
|
|
}
|
|
dumpn("Handling tab navigation in the SourceScripts");
|
|
|
|
// Don't expect the old sources to matter after the tab navigated.
|
|
clearNamedTimeout("new-source");
|
|
|
|
// Retrieve the list of script sources known to the server from before
|
|
// the client was ready to handle "newSource" notifications.
|
|
this._cache.clear();
|
|
this.activeThread.getSources(this._onSourcesAdded);
|
|
},
|
|
|
|
/**
|
|
* Handler for the debugger client's unsolicited newGlobal notification.
|
|
*/
|
|
_onNewGlobal: function(aNotification, aPacket) {
|
|
// TODO: bug 806775, update the globals list using aPacket.hostAnnotations
|
|
// from bug 801084.
|
|
},
|
|
|
|
/**
|
|
* Handler for the debugger client's unsolicited newSource notification.
|
|
*/
|
|
_onNewSource: function(aNotification, aPacket) {
|
|
// Ignore bogus scripts, e.g. generated from 'clientEvaluate' packets.
|
|
if (NEW_SOURCE_IGNORED_URLS.indexOf(aPacket.source.url) != -1) {
|
|
return;
|
|
}
|
|
|
|
// Add the source in the debugger view sources container.
|
|
DebuggerView.Sources.addSource(aPacket.source, { staged: false });
|
|
|
|
// Select this source if it's the preferred one.
|
|
let preferredValue = DebuggerView.Sources.preferredValue;
|
|
if (aPacket.source.url == preferredValue) {
|
|
DebuggerView.Sources.selectedValue = preferredValue;
|
|
}
|
|
// ..or the first entry if there's none selected yet after a while
|
|
else {
|
|
setNamedTimeout("new-source", NEW_SOURCE_DISPLAY_DELAY, () => {
|
|
// If after a certain delay the preferred source still wasn't received,
|
|
// just give up on waiting and display the first entry.
|
|
if (!DebuggerView.Sources.selectedValue) {
|
|
DebuggerView.Sources.selectedIndex = 0;
|
|
}
|
|
});
|
|
}
|
|
|
|
// If there are any stored breakpoints for this source, display them again,
|
|
// both in the editor and the breakpoints pane.
|
|
DebuggerController.Breakpoints.updateEditorBreakpoints();
|
|
DebuggerController.Breakpoints.updatePaneBreakpoints();
|
|
|
|
// Signal that a new source has been added.
|
|
window.dispatchEvent(document, "Debugger:AfterNewSource");
|
|
},
|
|
|
|
/**
|
|
* Callback for the debugger's active thread getSources() method.
|
|
*/
|
|
_onSourcesAdded: function(aResponse) {
|
|
if (aResponse.error) {
|
|
let msg = "Error getting sources: " + aResponse.message;
|
|
Cu.reportError(msg);
|
|
dumpn(msg);
|
|
return;
|
|
}
|
|
|
|
// Add all the sources in the debugger view sources container.
|
|
for (let source of aResponse.sources) {
|
|
// Ignore bogus scripts, e.g. generated from 'clientEvaluate' packets.
|
|
if (NEW_SOURCE_IGNORED_URLS.indexOf(source.url) == -1) {
|
|
DebuggerView.Sources.addSource(source, { staged: true });
|
|
}
|
|
}
|
|
|
|
// Flushes all the prepared sources into the sources container.
|
|
DebuggerView.Sources.commit({ sorted: true });
|
|
|
|
// Select the preferred source if it exists and was part of the response.
|
|
let preferredValue = DebuggerView.Sources.preferredValue;
|
|
if (DebuggerView.Sources.containsValue(preferredValue)) {
|
|
DebuggerView.Sources.selectedValue = preferredValue;
|
|
}
|
|
// ..or the first entry if there's no one selected yet.
|
|
else if (!DebuggerView.Sources.selectedValue) {
|
|
DebuggerView.Sources.selectedIndex = 0;
|
|
}
|
|
|
|
// If there are any stored breakpoints for the sources, display them again,
|
|
// both in the editor and the breakpoints pane.
|
|
DebuggerController.Breakpoints.updateEditorBreakpoints();
|
|
DebuggerController.Breakpoints.updatePaneBreakpoints();
|
|
|
|
// Signal that sources have been added.
|
|
window.dispatchEvent(document, "Debugger:AfterSourcesAdded");
|
|
},
|
|
|
|
/**
|
|
* Handler for the debugger client's 'blackboxchange' notification.
|
|
*/
|
|
_onBlackBoxChange: function (aEvent, { url, isBlackBoxed }) {
|
|
const item = DebuggerView.Sources.getItemByValue(url);
|
|
if (item) {
|
|
DebuggerView.Sources.callMethod("checkItem", item.target, !isBlackBoxed);
|
|
}
|
|
DebuggerView.Sources.maybeShowBlackBoxMessage();
|
|
},
|
|
|
|
/**
|
|
* Set the black boxed status of the given source.
|
|
*
|
|
* @param Object aSource
|
|
* The source form.
|
|
* @param bool aBlackBoxFlag
|
|
* True to black box the source, false to un-black box it.
|
|
*/
|
|
blackBox: function(aSource, aBlackBoxFlag) {
|
|
const sourceClient = this.activeThread.source(aSource);
|
|
sourceClient[aBlackBoxFlag ? "blackBox" : "unblackBox"](({ error, message }) => {
|
|
if (error) {
|
|
let msg = "Couldn't toggle black boxing for " + aSource.url + ": " + message;
|
|
dumpn(msg);
|
|
Cu.reportError(msg);
|
|
return;
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Gets a specified source's text.
|
|
*
|
|
* @param object aSource
|
|
* The source object coming from the active thread.
|
|
* @param function aOnTimeout [optional]
|
|
* Function called when the source text takes a long time to fetch,
|
|
* but not necessarily failing. Long fetch times don't cause the
|
|
* rejection of the returned promise.
|
|
* @param number aDelay [optional]
|
|
* The amount of time it takes to consider a source slow to fetch.
|
|
* If unspecified, it defaults to a predefined value.
|
|
* @return object
|
|
* A promise that is resolved after the source text has been fetched.
|
|
*/
|
|
getText: function(aSource, aOnTimeout, aDelay = FETCH_SOURCE_RESPONSE_DELAY) {
|
|
// Fetch the source text only once.
|
|
let textPromise = this._cache.get(aSource.url);
|
|
if (textPromise) {
|
|
return textPromise;
|
|
}
|
|
|
|
let deferred = promise.defer();
|
|
this._cache.set(aSource.url, deferred.promise);
|
|
|
|
// If the source text takes a long time to fetch, invoke a callback.
|
|
if (aOnTimeout) {
|
|
var fetchTimeout = window.setTimeout(() => aOnTimeout(aSource), aDelay);
|
|
}
|
|
|
|
// Get the source text from the active thread.
|
|
this.activeThread.source(aSource).source(aResponse => {
|
|
if (aOnTimeout) {
|
|
window.clearTimeout(fetchTimeout);
|
|
}
|
|
if (aResponse.error) {
|
|
deferred.reject([aSource, aResponse.message || aResponse.error]);
|
|
} else {
|
|
deferred.resolve([aSource, aResponse.source]);
|
|
}
|
|
});
|
|
|
|
return deferred.promise;
|
|
},
|
|
|
|
/**
|
|
* Starts fetching all the sources, silently.
|
|
*
|
|
* @param array aUrls
|
|
* The urls for the sources to fetch. If fetching a source's text
|
|
* takes too long, it will be discarded.
|
|
* @return object
|
|
* A promise that is resolved after source texts have been fetched.
|
|
*/
|
|
getTextForSources: function(aUrls) {
|
|
let deferred = promise.defer();
|
|
let pending = new Set(aUrls);
|
|
let fetched = [];
|
|
|
|
// Can't use promise.all, because if one fetch operation is rejected, then
|
|
// everything is considered rejected, thus no other subsequent source will
|
|
// be getting fetched. We don't want that. Something like Q's allSettled
|
|
// would work like a charm here.
|
|
|
|
// Try to fetch as many sources as possible.
|
|
for (let url of aUrls) {
|
|
let sourceItem = DebuggerView.Sources.getItemByValue(url);
|
|
let sourceForm = sourceItem.attachment.source;
|
|
this.getText(sourceForm, onTimeout).then(onFetch, onError);
|
|
}
|
|
|
|
/* Called if fetching a source takes too long. */
|
|
function onTimeout(aSource) {
|
|
onError([aSource]);
|
|
}
|
|
|
|
/* Called if fetching a source finishes successfully. */
|
|
function onFetch([aSource, aText]) {
|
|
// If fetching the source has previously timed out, discard it this time.
|
|
if (!pending.has(aSource.url)) {
|
|
return;
|
|
}
|
|
pending.delete(aSource.url);
|
|
fetched.push([aSource.url, aText]);
|
|
maybeFinish();
|
|
}
|
|
|
|
/* Called if fetching a source failed because of an error. */
|
|
function onError([aSource, aError]) {
|
|
pending.delete(aSource.url);
|
|
maybeFinish();
|
|
}
|
|
|
|
/* Called every time something interesting happens while fetching sources. */
|
|
function maybeFinish() {
|
|
if (pending.size == 0) {
|
|
// Sort the fetched sources alphabetically by their url.
|
|
deferred.resolve(fetched.sort(([aFirst], [aSecond]) => aFirst > aSecond));
|
|
}
|
|
}
|
|
|
|
return deferred.promise;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Handles all the breakpoints in the current debugger.
|
|
*/
|
|
function Breakpoints() {
|
|
this._onEditorBreakpointChange = this._onEditorBreakpointChange.bind(this);
|
|
this._onEditorBreakpointAdd = this._onEditorBreakpointAdd.bind(this);
|
|
this._onEditorBreakpointRemove = this._onEditorBreakpointRemove.bind(this);
|
|
this.addBreakpoint = this.addBreakpoint.bind(this);
|
|
this.removeBreakpoint = this.removeBreakpoint.bind(this);
|
|
}
|
|
|
|
Breakpoints.prototype = {
|
|
get activeThread() DebuggerController.activeThread,
|
|
|
|
/**
|
|
* A map of breakpoint promises as tracked by the debugger frontend.
|
|
* The keys consist of a string representation of the breakpoint location.
|
|
*/
|
|
_added: new Map(),
|
|
_removing: new Map(),
|
|
|
|
/**
|
|
* Adds the source editor breakpoint handlers.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved when the breakpoints finishes initializing.
|
|
*/
|
|
initialize: function() {
|
|
DebuggerView.editor.addEventListener(
|
|
SourceEditor.EVENTS.BREAKPOINT_CHANGE, this._onEditorBreakpointChange);
|
|
|
|
// Initialization is synchronous, for now.
|
|
return promise.resolve(null);
|
|
},
|
|
|
|
/**
|
|
* Removes the source editor breakpoint handlers & all the added breakpoints.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved when the breakpoints finishes destroying.
|
|
*/
|
|
destroy: function() {
|
|
DebuggerView.editor.removeEventListener(
|
|
SourceEditor.EVENTS.BREAKPOINT_CHANGE, this._onEditorBreakpointChange);
|
|
|
|
return this.removeAllBreakpoints();
|
|
},
|
|
|
|
/**
|
|
* Event handler for breakpoint changes that happen in the editor. This
|
|
* function syncs the breakpoints in the editor to those in the debugger.
|
|
*
|
|
* @param object aEvent
|
|
* The SourceEditor.EVENTS.BREAKPOINT_CHANGE event object.
|
|
*/
|
|
_onEditorBreakpointChange: function(aEvent) {
|
|
aEvent.added.forEach(this._onEditorBreakpointAdd, this);
|
|
aEvent.removed.forEach(this._onEditorBreakpointRemove, this);
|
|
},
|
|
|
|
/**
|
|
* Event handler for new breakpoints that come from the editor.
|
|
*
|
|
* @param object aEditorBreakpoint
|
|
* The breakpoint object coming from the editor.
|
|
*/
|
|
_onEditorBreakpointAdd: function(aEditorBreakpoint) {
|
|
let url = DebuggerView.Sources.selectedValue;
|
|
let line = aEditorBreakpoint.line + 1;
|
|
let location = { url: url, line: line };
|
|
|
|
// Initialize the breakpoint, but don't update the editor, since this
|
|
// callback is invoked because a breakpoint was added in the editor itself.
|
|
this.addBreakpoint(location, { noEditorUpdate: true }).then(aBreakpointClient => {
|
|
// If the breakpoint client has an "requestedLocation" attached, then
|
|
// the original requested placement for the breakpoint wasn't accepted.
|
|
// In this case, we need to update the editor with the new location.
|
|
if (aBreakpointClient.requestedLocation) {
|
|
DebuggerView.editor.removeBreakpoint(aBreakpointClient.requestedLocation.line - 1);
|
|
DebuggerView.editor.addBreakpoint(aBreakpointClient.location.line - 1);
|
|
}
|
|
// Notify that we've shown a breakpoint in the source editor.
|
|
window.dispatchEvent(document, "Debugger:BreakpointShown", aEditorBreakpoint);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Event handler for breakpoints that are removed from the editor.
|
|
*
|
|
* @param object aEditorBreakpoint
|
|
* The breakpoint object that was removed from the editor.
|
|
*/
|
|
_onEditorBreakpointRemove: function(aEditorBreakpoint) {
|
|
let url = DebuggerView.Sources.selectedValue;
|
|
let line = aEditorBreakpoint.line + 1;
|
|
let location = { url: url, line: line };
|
|
|
|
// Destroy the breakpoint, but don't update the editor, since this callback
|
|
// is invoked because a breakpoint was removed from the editor itself.
|
|
this.removeBreakpoint(location, { noEditorUpdate: true }).then(() => {
|
|
// Notify that we've hidden a breakpoint in the source editor.
|
|
window.dispatchEvent(document, "Debugger:BreakpointHidden", aEditorBreakpoint);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Update the breakpoints in the editor view. This function takes the list of
|
|
* breakpoints in the debugger and adds them back into the editor view.
|
|
* This is invoked when the selected script is changed, or when new sources
|
|
* are received via the _onNewSource and _onSourcesAdded event listeners.
|
|
*/
|
|
updateEditorBreakpoints: function() {
|
|
for (let [, breakpointPromise] of this._added) {
|
|
breakpointPromise.then(aBreakpointClient => {
|
|
let currentSourceUrl = DebuggerView.Sources.selectedValue;
|
|
let breakpointUrl = aBreakpointClient.location.url;
|
|
|
|
// Update the view only if the breakpoint is in the currently shown source.
|
|
if (currentSourceUrl == breakpointUrl) {
|
|
this._showBreakpoint(aBreakpointClient, { noPaneUpdate: true });
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Update the breakpoints in the pane view. This function takes the list of
|
|
* breakpoints in the debugger and adds them back into the breakpoints pane.
|
|
* This is invoked when new sources are received via the _onNewSource and
|
|
* _onSourcesAdded event listeners.
|
|
*/
|
|
updatePaneBreakpoints: function() {
|
|
for (let [, breakpointPromise] of this._added) {
|
|
breakpointPromise.then(aBreakpointClient => {
|
|
let container = DebuggerView.Sources;
|
|
let breakpointUrl = aBreakpointClient.location.url;
|
|
|
|
// Update the view only if the breakpoint exists in a known source.
|
|
if (container.containsValue(breakpointUrl)) {
|
|
this._showBreakpoint(aBreakpointClient, { noEditorUpdate: true });
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Add a breakpoint.
|
|
*
|
|
* @param object aLocation
|
|
* The location where you want the breakpoint.
|
|
* This object must have two properties:
|
|
* - url: the breakpoint's source location.
|
|
* - line: the breakpoint's line number.
|
|
* @param object aOptions [optional]
|
|
* Additional options or flags supported by this operation:
|
|
* - openPopup: tells if the expression popup should be shown.
|
|
* - noEditorUpdate: tells if you want to skip editor updates.
|
|
* - noPaneUpdate: tells if you want to skip breakpoint pane updates.
|
|
* @return object
|
|
* A promise that is resolved after the breakpoint is added, or
|
|
* rejected if there was an error.
|
|
*/
|
|
addBreakpoint: function(aLocation, aOptions = {}) {
|
|
// Make sure a proper location is available.
|
|
if (!aLocation) {
|
|
return promise.reject(new Error("Invalid breakpoint location."));
|
|
}
|
|
|
|
// If the breakpoint was already added, or is currently being added at the
|
|
// specified location, then return that promise immediately.
|
|
let addedPromise = this._getAdded(aLocation);
|
|
if (addedPromise) {
|
|
return addedPromise;
|
|
}
|
|
|
|
// If the breakpoint is currently being removed from the specified location,
|
|
// then wait for that to finish and retry afterwards.
|
|
let removingPromise = this._getRemoving(aLocation);
|
|
if (removingPromise) {
|
|
return removingPromise.then(() => this.addBreakpoint(aLocation, aOptions));
|
|
}
|
|
|
|
let deferred = promise.defer();
|
|
|
|
// Remember the breakpoint initialization promise in the store.
|
|
let identifier = this._getIdentifier(aLocation);
|
|
this._added.set(identifier, deferred.promise);
|
|
|
|
// Try adding the breakpoint.
|
|
this.activeThread.setBreakpoint(aLocation, (aResponse, aBreakpointClient) => {
|
|
// If the breakpoint response has an "actualLocation" attached, then
|
|
// the original requested placement for the breakpoint wasn't accepted.
|
|
if (aResponse.actualLocation) {
|
|
// Remember the initialization promise for the new location instead.
|
|
let oldIdentifier = identifier;
|
|
let newIdentifier = this._getIdentifier(aResponse.actualLocation);
|
|
this._added.delete(oldIdentifier);
|
|
this._added.set(newIdentifier, deferred.promise);
|
|
|
|
// Store the originally requested location in case it's ever needed
|
|
// and update the breakpoint client with the actual location.
|
|
aBreakpointClient.requestedLocation = aLocation;
|
|
aBreakpointClient.location = aResponse.actualLocation;
|
|
}
|
|
|
|
// Preserve information about the breakpoint's line text, to display it
|
|
// in the sources pane without requiring fetching the source (for example,
|
|
// after the target navigated). Note that this will get out of sync
|
|
// if the source text contents change.
|
|
let line = aBreakpointClient.location.line - 1;
|
|
aBreakpointClient.text = DebuggerView.getEditorLineText(line).trim();
|
|
|
|
// Show the breakpoint in the editor and breakpoints pane, and resolve.
|
|
this._showBreakpoint(aBreakpointClient, aOptions);
|
|
deferred.resolve(aBreakpointClient);
|
|
});
|
|
|
|
return deferred.promise;
|
|
},
|
|
|
|
/**
|
|
* Remove a breakpoint.
|
|
*
|
|
* @param object aLocation
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
* @param object aOptions [optional]
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
* @return object
|
|
* A promise that is resolved after the breakpoint is removed, or
|
|
* rejected if there was an error.
|
|
*/
|
|
removeBreakpoint: function(aLocation, aOptions = {}) {
|
|
// Make sure a proper location is available.
|
|
if (!aLocation) {
|
|
return promise.reject(new Error("Invalid breakpoint location."));
|
|
}
|
|
|
|
// If the breakpoint was already removed, or has never even been added,
|
|
// then return a resolved promise immediately.
|
|
let addedPromise = this._getAdded(aLocation);
|
|
if (!addedPromise) {
|
|
return promise.resolve(aLocation);
|
|
}
|
|
|
|
// If the breakpoint is currently being removed from the specified location,
|
|
// then return that promise immediately.
|
|
let removingPromise = this._getRemoving(aLocation);
|
|
if (removingPromise) {
|
|
return removingPromise;
|
|
}
|
|
|
|
let deferred = promise.defer();
|
|
|
|
// Remember the breakpoint removal promise in the store.
|
|
let identifier = this._getIdentifier(aLocation);
|
|
this._removing.set(identifier, deferred.promise);
|
|
|
|
// Retrieve the corresponding breakpoint client first.
|
|
addedPromise.then(aBreakpointClient => {
|
|
// Try removing the breakpoint.
|
|
aBreakpointClient.remove(aResponse => {
|
|
// If there was an error removing the breakpoint, reject the promise
|
|
// and forget about it that the breakpoint may be re-removed later.
|
|
if (aResponse.error) {
|
|
deferred.reject(aResponse);
|
|
return void this._removing.delete(identifier);
|
|
}
|
|
|
|
// Forget both the initialization and removal promises from the store.
|
|
this._added.delete(identifier);
|
|
this._removing.delete(identifier);
|
|
|
|
// Hide the breakpoint from the editor and breakpoints pane, and resolve.
|
|
this._hideBreakpoint(aLocation, aOptions);
|
|
deferred.resolve(aLocation);
|
|
});
|
|
});
|
|
|
|
return deferred.promise;
|
|
},
|
|
|
|
/**
|
|
* Removes all breakpoints.
|
|
*
|
|
* @return object
|
|
* A promise that is resolved after all breakpoints are removed, or
|
|
* rejected if there was an error.
|
|
*/
|
|
removeAllBreakpoints: function() {
|
|
/* Gets an array of all the existing breakpoints promises. */
|
|
let getActiveBreakpoints = (aPromises, aStore = []) => {
|
|
for (let [, breakpointPromise] of aPromises) {
|
|
aStore.push(breakpointPromise);
|
|
}
|
|
return aStore;
|
|
}
|
|
|
|
/* Gets an array of all the removed breakpoints promises. */
|
|
let getRemovedBreakpoints = (aClients, aStore = []) => {
|
|
for (let breakpointClient of aClients) {
|
|
aStore.push(this.removeBreakpoint(breakpointClient.location));
|
|
}
|
|
return aStore;
|
|
}
|
|
|
|
// First, populate an array of all the currently added breakpoints promises.
|
|
// Then, once all the breakpoints clients are retrieved, populate an array
|
|
// of all the removed breakpoints promises and wait for their fulfillment.
|
|
return promise.all(getActiveBreakpoints(this._added)).then(aBreakpointClients => {
|
|
return promise.all(getRemovedBreakpoints(aBreakpointClients));
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Update the editor and breakpoints pane to show a specified breakpoint.
|
|
*
|
|
* @param object aBreakpointData
|
|
* Information about the breakpoint to be shown.
|
|
* This object must have the following properties:
|
|
* - location: the breakpoint's source location and line number
|
|
* - text: the breakpoint's line text to be displayed
|
|
* - actor: the breakpoint's corresponding actor id
|
|
* @param object aOptions [optional]
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
*/
|
|
_showBreakpoint: function(aBreakpointData, aOptions = {}) {
|
|
let currentSourceUrl = DebuggerView.Sources.selectedValue;
|
|
let location = aBreakpointData.location;
|
|
|
|
// Update the editor if required.
|
|
if (!aOptions.noEditorUpdate) {
|
|
if (location.url == currentSourceUrl) {
|
|
DebuggerView.editor.addBreakpoint(location.line - 1);
|
|
}
|
|
}
|
|
|
|
// Update the breakpoints pane if required.
|
|
if (!aOptions.noPaneUpdate) {
|
|
DebuggerView.Sources.addBreakpoint(aBreakpointData, aOptions);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Update the editor and breakpoints pane to hide a specified breakpoint.
|
|
*
|
|
* @param object aLocation
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
* @param object aOptions [optional]
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
*/
|
|
_hideBreakpoint: function(aLocation, aOptions = {}) {
|
|
let currentSourceUrl = DebuggerView.Sources.selectedValue;
|
|
|
|
// Update the editor if required.
|
|
if (!aOptions.noEditorUpdate) {
|
|
if (aLocation.url == currentSourceUrl) {
|
|
DebuggerView.editor.removeBreakpoint(aLocation.line - 1);
|
|
}
|
|
}
|
|
|
|
// Update the breakpoints pane if required.
|
|
if (!aOptions.noPaneUpdate) {
|
|
DebuggerView.Sources.removeBreakpoint(aLocation);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Get a Promise for the BreakpointActor client object which is already added
|
|
* or currently being added at the given location.
|
|
*
|
|
* @param object aLocation
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
* @return object | null
|
|
* A promise that is resolved after the breakpoint is added, or
|
|
* null if no breakpoint was found.
|
|
*/
|
|
_getAdded: function(aLocation) {
|
|
return this._added.get(this._getIdentifier(aLocation));
|
|
},
|
|
|
|
/**
|
|
* Get a Promise for the BreakpointActor client object which is currently
|
|
* being removed from the given location.
|
|
*
|
|
* @param object aLocation
|
|
* @see DebuggerController.Breakpoints.addBreakpoint
|
|
* @return object | null
|
|
* A promise that is resolved after the breakpoint is removed, or
|
|
* null if no breakpoint was found.
|
|
*/
|
|
_getRemoving: function(aLocation) {
|
|
return this._removing.get(this._getIdentifier(aLocation));
|
|
},
|
|
|
|
/**
|
|
* Get an identifier string for a given location. Breakpoint promises are
|
|
* identified in the store by a string representation of their location.
|
|
*
|
|
* @param object aLocation
|
|
* The location to serialize to a string.
|
|
* @return string
|
|
* The identifier string.
|
|
*/
|
|
_getIdentifier: function(aLocation) {
|
|
return aLocation.url + ":" + aLocation.line;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Localization convenience methods.
|
|
*/
|
|
let L10N = new ViewHelpers.L10N(DBG_STRINGS_URI);
|
|
|
|
/**
|
|
* Shortcuts for accessing various debugger preferences.
|
|
*/
|
|
let Prefs = new ViewHelpers.Prefs("devtools.debugger", {
|
|
chromeDebuggingHost: ["Char", "chrome-debugging-host"],
|
|
chromeDebuggingPort: ["Int", "chrome-debugging-port"],
|
|
sourcesWidth: ["Int", "ui.panes-sources-width"],
|
|
instrumentsWidth: ["Int", "ui.panes-instruments-width"],
|
|
panesVisibleOnStartup: ["Bool", "ui.panes-visible-on-startup"],
|
|
variablesSortingEnabled: ["Bool", "ui.variables-sorting-enabled"],
|
|
variablesOnlyEnumVisible: ["Bool", "ui.variables-only-enum-visible"],
|
|
variablesSearchboxVisible: ["Bool", "ui.variables-searchbox-visible"],
|
|
pauseOnExceptions: ["Bool", "pause-on-exceptions"],
|
|
ignoreCaughtExceptions: ["Bool", "ignore-caught-exceptions"],
|
|
sourceMapsEnabled: ["Bool", "source-maps-enabled"]
|
|
});
|
|
|
|
/**
|
|
* Returns true if this is a chrome debugger instance.
|
|
* @return boolean
|
|
*/
|
|
XPCOMUtils.defineLazyGetter(window, "_isChromeDebugger", function() {
|
|
// We're inside a single top level XUL window in a different process.
|
|
return !(window.frameElement instanceof XULElement);
|
|
});
|
|
|
|
/**
|
|
* Preliminary setup for the DebuggerController object.
|
|
*/
|
|
DebuggerController.initialize();
|
|
DebuggerController.Parser = new Parser();
|
|
DebuggerController.ThreadState = new ThreadState();
|
|
DebuggerController.StackFrames = new StackFrames();
|
|
DebuggerController.SourceScripts = new SourceScripts();
|
|
DebuggerController.Breakpoints = new Breakpoints();
|
|
|
|
/**
|
|
* Export some properties to the global scope for easier access.
|
|
*/
|
|
Object.defineProperties(window, {
|
|
"dispatchEvent": {
|
|
get: function() ViewHelpers.dispatchEvent,
|
|
},
|
|
"editor": {
|
|
get: function() DebuggerView.editor
|
|
},
|
|
"gTarget": {
|
|
get: function() DebuggerController._target
|
|
},
|
|
"gClient": {
|
|
get: function() DebuggerController.client
|
|
},
|
|
"gThreadClient": {
|
|
get: function() DebuggerController.activeThread
|
|
},
|
|
"gThreadState": {
|
|
get: function() DebuggerController.ThreadState
|
|
},
|
|
"gStackFrames": {
|
|
get: function() DebuggerController.StackFrames
|
|
},
|
|
"gSourceScripts": {
|
|
get: function() DebuggerController.SourceScripts
|
|
},
|
|
"gBreakpoints": {
|
|
get: function() DebuggerController.Breakpoints
|
|
},
|
|
"gCallStackPageSize": {
|
|
get: function() CALL_STACK_PAGE_SIZE
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Helper method for debugging.
|
|
* @param string
|
|
*/
|
|
function dumpn(str) {
|
|
if (wantLogging) {
|
|
dump("DBG-FRONTEND: " + str + "\n");
|
|
}
|
|
}
|
|
|
|
let wantLogging = Services.prefs.getBoolPref("devtools.debugger.log");
|