Added SDK
This commit is contained in:
Andrew Zambazos
@@ -0,0 +1,228 @@
|
||||
/*
|
||||
* Copyright (C) 2013-2015 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.
|
||||
*/
|
||||
|
||||
WI.BreakpointTreeElement = class BreakpointTreeElement extends WI.GeneralTreeElement
|
||||
{
|
||||
constructor(breakpoint, {classNames, title, subtitle} = {})
|
||||
{
|
||||
console.assert(breakpoint instanceof WI.Breakpoint);
|
||||
|
||||
if (!Array.isArray(classNames))
|
||||
classNames = [];
|
||||
classNames.push("breakpoint");
|
||||
|
||||
super(classNames, title, subtitle, breakpoint);
|
||||
|
||||
// This class should not be instantiated directly. Create a concrete subclass instead.
|
||||
console.assert(this.constructor !== WI.BreakpointTreeElement && this instanceof WI.BreakpointTreeElement);
|
||||
|
||||
this._breakpoint = breakpoint;
|
||||
this._probeSet = null;
|
||||
|
||||
this.status = WI.ImageUtilities.useSVGSymbol("Images/Breakpoint.svg");
|
||||
this.status.className = "status-image";
|
||||
this.status.addEventListener("mousedown", this._statusImageElementMouseDown.bind(this));
|
||||
this.status.addEventListener("click", this._statusImageElementClicked.bind(this));
|
||||
this.status.addEventListener("dblclick", this._handleStatusImageElementDoubleClicked.bind(this));
|
||||
|
||||
this.updateStatus();
|
||||
|
||||
this._iconAnimationLayerElement = document.createElement("span");
|
||||
this.iconElement.appendChild(this._iconAnimationLayerElement);
|
||||
this.tooltipHandledSeparately = true;
|
||||
}
|
||||
|
||||
// Public
|
||||
|
||||
get breakpoint()
|
||||
{
|
||||
return this._breakpoint;
|
||||
}
|
||||
|
||||
ondelete()
|
||||
{
|
||||
// We set this flag so that TreeOutlines that will remove this
|
||||
// BreakpointTreeElement will know whether it was deleted from
|
||||
// within the TreeOutline or from outside it (e.g. TextEditor).
|
||||
this.__deletedViaDeleteKeyboardShortcut = true;
|
||||
|
||||
if (this._breakpoint.removable) {
|
||||
this._breakpoint.remove();
|
||||
return true;
|
||||
}
|
||||
|
||||
if (this._breakpoint.disabled)
|
||||
InspectorFrontendHost.beep();
|
||||
else {
|
||||
this._breakpoint.disabled = true;
|
||||
this._breakpoint.reset();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
onenter()
|
||||
{
|
||||
this._breakpoint.disabled = !this._breakpoint.disabled;
|
||||
return true;
|
||||
}
|
||||
|
||||
onspace()
|
||||
{
|
||||
this._breakpoint.disabled = !this._breakpoint.disabled;
|
||||
return true;
|
||||
}
|
||||
|
||||
onattach()
|
||||
{
|
||||
super.onattach();
|
||||
|
||||
this._breakpoint.addEventListener(WI.Breakpoint.Event.DisabledStateDidChange, this.updateStatus, this);
|
||||
this._breakpoint.addEventListener(WI.Breakpoint.Event.AutoContinueDidChange, this.updateStatus, this);
|
||||
|
||||
WI.debuggerManager.addEventListener(WI.DebuggerManager.Event.BreakpointsEnabledDidChange, this.updateStatus, this);
|
||||
WI.debuggerManager.addEventListener(WI.DebuggerManager.Event.ProbeSetAdded, this._probeSetAdded, this);
|
||||
WI.debuggerManager.addEventListener(WI.DebuggerManager.Event.ProbeSetRemoved, this._probeSetRemoved, this);
|
||||
|
||||
for (var probeSet of WI.debuggerManager.probeSets)
|
||||
if (probeSet.breakpoint === this._breakpoint)
|
||||
this._addProbeSet(probeSet);
|
||||
}
|
||||
|
||||
ondetach()
|
||||
{
|
||||
super.ondetach();
|
||||
|
||||
this._breakpoint.removeEventListener(WI.Breakpoint.Event.DisabledStateDidChange, this.updateStatus, this);
|
||||
this._breakpoint.removeEventListener(WI.Breakpoint.Event.AutoContinueDidChange, this.updateStatus, this);
|
||||
|
||||
WI.debuggerManager.removeEventListener(WI.DebuggerManager.Event.BreakpointsEnabledDidChange, this.updateStatus, this);
|
||||
WI.debuggerManager.removeEventListener(WI.DebuggerManager.Event.ProbeSetAdded, this._probeSetAdded, this);
|
||||
WI.debuggerManager.removeEventListener(WI.DebuggerManager.Event.ProbeSetRemoved, this._probeSetRemoved, this);
|
||||
|
||||
if (this._probeSet)
|
||||
this._removeProbeSet(this._probeSet);
|
||||
}
|
||||
|
||||
populateContextMenu(contextMenu, event)
|
||||
{
|
||||
WI.BreakpointPopover.appendContextMenuItems(contextMenu, this._breakpoint, this.status);
|
||||
|
||||
super.populateContextMenu(contextMenu, event);
|
||||
}
|
||||
|
||||
// Protected
|
||||
|
||||
updateStatus()
|
||||
{
|
||||
if (!this.status)
|
||||
return;
|
||||
|
||||
this.status.classList.toggle("resolved", this._breakpoint.resolved);
|
||||
this.status.classList.toggle("disabled", this._breakpoint.disabled);
|
||||
if (this._breakpoint.editable)
|
||||
this.status.classList.toggle("auto-continue", this._breakpoint.autoContinue);
|
||||
}
|
||||
|
||||
// Private
|
||||
|
||||
_addProbeSet(probeSet)
|
||||
{
|
||||
console.assert(probeSet instanceof WI.ProbeSet);
|
||||
console.assert(probeSet.breakpoint === this._breakpoint);
|
||||
console.assert(probeSet !== this._probeSet);
|
||||
|
||||
this._probeSet = probeSet;
|
||||
probeSet.addEventListener(WI.ProbeSet.Event.SamplesCleared, this._samplesCleared, this);
|
||||
probeSet.dataTable.addEventListener(WI.ProbeSetDataTable.Event.FrameInserted, this._dataUpdated, this);
|
||||
}
|
||||
|
||||
_removeProbeSet(probeSet)
|
||||
{
|
||||
console.assert(probeSet instanceof WI.ProbeSet);
|
||||
console.assert(probeSet === this._probeSet);
|
||||
|
||||
probeSet.removeEventListener(WI.ProbeSet.Event.SamplesCleared, this._samplesCleared, this);
|
||||
probeSet.dataTable.removeEventListener(WI.ProbeSetDataTable.Event.FrameInserted, this._dataUpdated, this);
|
||||
this._probeSet = null;
|
||||
}
|
||||
|
||||
_probeSetAdded(event)
|
||||
{
|
||||
var probeSet = event.data.probeSet;
|
||||
if (probeSet.breakpoint === this._breakpoint)
|
||||
this._addProbeSet(probeSet);
|
||||
}
|
||||
|
||||
_probeSetRemoved(event)
|
||||
{
|
||||
var probeSet = event.data.probeSet;
|
||||
if (probeSet.breakpoint === this._breakpoint)
|
||||
this._removeProbeSet(probeSet);
|
||||
}
|
||||
|
||||
_samplesCleared(event)
|
||||
{
|
||||
console.assert(this._probeSet);
|
||||
|
||||
var oldTable = event.data.oldTable;
|
||||
oldTable.removeEventListener(WI.ProbeSetDataTable.Event.FrameInserted, this._dataUpdated, this);
|
||||
this._probeSet.dataTable.addEventListener(WI.ProbeSetDataTable.Event.FrameInserted, this._dataUpdated, this);
|
||||
}
|
||||
|
||||
_dataUpdated()
|
||||
{
|
||||
if (this.element.classList.contains("data-updated")) {
|
||||
clearTimeout(this._removeIconAnimationTimeoutIdentifier);
|
||||
this.element.classList.remove("data-updated");
|
||||
// We want to restart the animation, which can only be done by removing the class,
|
||||
// performing layout, and re-adding the class. Try adding class back on next run loop.
|
||||
window.requestAnimationFrame(this._dataUpdated.bind(this));
|
||||
return;
|
||||
}
|
||||
|
||||
this.element.classList.add("data-updated");
|
||||
this._removeIconAnimationTimeoutIdentifier = setTimeout(() => {
|
||||
this.element.classList.remove("data-updated");
|
||||
}, WI.BreakpointTreeElement.ProbeDataUpdatedAnimationDuration);
|
||||
}
|
||||
|
||||
_statusImageElementMouseDown(event)
|
||||
{
|
||||
// To prevent the tree element from selecting.
|
||||
event.stopPropagation();
|
||||
}
|
||||
|
||||
_statusImageElementClicked(event)
|
||||
{
|
||||
this._breakpoint.disabled = !this._breakpoint.disabled;
|
||||
}
|
||||
|
||||
_handleStatusImageElementDoubleClicked(event)
|
||||
{
|
||||
WI.BreakpointPopover.show(this._breakpoint, this.status);
|
||||
}
|
||||
};
|
||||
|
||||
WI.BreakpointTreeElement.ProbeDataUpdatedAnimationDuration = 400; // milliseconds
|
||||
Reference in New Issue
Block a user