Andrew Zambazos
339 lines
13 KiB
JavaScript
339 lines
13 KiB
JavaScript
/*
|
|
* 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.TextResourceContentView = class TextResourceContentView extends WI.ResourceContentView
|
|
{
|
|
constructor(resource)
|
|
{
|
|
console.assert(resource instanceof WI.Resource || resource instanceof WI.CSSStyleSheet);
|
|
|
|
super(resource, "text");
|
|
|
|
resource.addEventListener(WI.SourceCode.Event.ContentDidChange, this._sourceCodeContentDidChange, this);
|
|
|
|
var toolTip = WI.UIString("Pretty print");
|
|
var activatedToolTip = WI.UIString("Original formatting");
|
|
this._prettyPrintButtonNavigationItem = new WI.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, "Images/NavigationItemCurleyBraces.svg", 13, 13);
|
|
this._prettyPrintButtonNavigationItem.addEventListener(WI.ButtonNavigationItem.Event.Clicked, this._togglePrettyPrint, this);
|
|
this._prettyPrintButtonNavigationItem.enabled = false; // Enabled when the text editor is populated with content.
|
|
this._prettyPrintButtonNavigationItem.visibilityPriority = WI.NavigationItem.VisibilityPriority.Low;
|
|
|
|
var toolTipTypes = WI.UIString("Show type information");
|
|
var activatedToolTipTypes = WI.UIString("Hide type information");
|
|
this._showTypesButtonNavigationItem = new WI.ActivateButtonNavigationItem("show-types", toolTipTypes, activatedToolTipTypes, "Images/NavigationItemTypes.svg", 13, 14);
|
|
this._showTypesButtonNavigationItem.addEventListener(WI.ButtonNavigationItem.Event.Clicked, this._toggleTypeAnnotations, this);
|
|
this._showTypesButtonNavigationItem.enabled = false;
|
|
this._showTypesButtonNavigationItem.visibilityPriority = WI.NavigationItem.VisibilityPriority.Low;
|
|
WI.settings.showJavaScriptTypeInformation.addEventListener(WI.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
|
|
|
|
let toolTipCodeCoverage = WI.UIString("Fade unexecuted code");
|
|
let activatedToolTipCodeCoverage = WI.UIString("Do not fade unexecuted code");
|
|
this._codeCoverageButtonNavigationItem = new WI.ActivateButtonNavigationItem("code-coverage", toolTipCodeCoverage, activatedToolTipCodeCoverage, "Images/NavigationItemCodeCoverage.svg", 13, 14);
|
|
this._codeCoverageButtonNavigationItem.addEventListener(WI.ButtonNavigationItem.Event.Clicked, this._toggleUnexecutedCodeHighlights, this);
|
|
this._codeCoverageButtonNavigationItem.enabled = false;
|
|
this._codeCoverageButtonNavigationItem.visibilityPriority = WI.NavigationItem.VisibilityPriority.Low;
|
|
WI.settings.enableControlFlowProfiler.addEventListener(WI.Setting.Event.Changed, this._enableControlFlowProfilerSettingChanged, this);
|
|
|
|
this._textEditor = new WI.SourceCodeTextEditor(resource);
|
|
this._textEditor.addEventListener(WI.TextEditor.Event.ExecutionLineNumberDidChange, this._executionLineNumberDidChange, this);
|
|
this._textEditor.addEventListener(WI.TextEditor.Event.NumberOfSearchResultsDidChange, this._numberOfSearchResultsDidChange, this);
|
|
this._textEditor.addEventListener(WI.TextEditor.Event.ContentDidChange, this._textEditorContentDidChange, this);
|
|
this._textEditor.addEventListener(WI.TextEditor.Event.FormattingDidChange, this._textEditorFormattingDidChange, this);
|
|
this._textEditor.addEventListener(WI.TextEditor.Event.MIMETypeChanged, this._handleTextEditorMIMETypeChanged, this);
|
|
this._textEditor.addEventListener(WI.SourceCodeTextEditor.Event.ContentWillPopulate, this._contentWillPopulate, this);
|
|
this._textEditor.addEventListener(WI.SourceCodeTextEditor.Event.ContentDidPopulate, this._contentDidPopulate, this);
|
|
this._textEditor.readOnly = !this._shouldBeEditable();
|
|
|
|
WI.debuggerManager.addEventListener(WI.DebuggerManager.Event.ProbeSetAdded, this._probeSetsChanged, this);
|
|
WI.debuggerManager.addEventListener(WI.DebuggerManager.Event.ProbeSetRemoved, this._probeSetsChanged, this);
|
|
}
|
|
|
|
// Public
|
|
|
|
get navigationItems()
|
|
{
|
|
let items = super.navigationItems;
|
|
|
|
items.push(this._prettyPrintButtonNavigationItem);
|
|
|
|
if (!this.resource.localResourceOverride)
|
|
items.push(this._showTypesButtonNavigationItem, this._codeCoverageButtonNavigationItem);
|
|
|
|
return items;
|
|
}
|
|
|
|
get managesOwnIssues()
|
|
{
|
|
// SourceCodeTextEditor manages the issues, we don't need ResourceContentView doing it.
|
|
return true;
|
|
}
|
|
|
|
get textEditor()
|
|
{
|
|
return this._textEditor;
|
|
}
|
|
|
|
get supplementalRepresentedObjects()
|
|
{
|
|
let objects = WI.debuggerManager.probeSets.filter(function(probeSet) {
|
|
return !(probeSet.breakpoint instanceof WI.JavaScriptBreakpoint) || this._resource.contentIdentifier === probeSet.breakpoint.contentIdentifier;
|
|
}, this);
|
|
|
|
// If the SourceCodeTextEditor has an executionLineNumber, we can assume
|
|
// it is always the active call frame.
|
|
if (!isNaN(this._textEditor.executionLineNumber))
|
|
objects.push(WI.debuggerManager.activeCallFrame);
|
|
|
|
return objects;
|
|
}
|
|
|
|
revealPosition(position, options = {})
|
|
{
|
|
this._textEditor.revealPosition(position, options);
|
|
}
|
|
|
|
closed()
|
|
{
|
|
super.closed();
|
|
|
|
this.resource.removeEventListener(WI.SourceCode.Event.ContentDidChange, this._sourceCodeContentDidChange, this);
|
|
WI.settings.showJavaScriptTypeInformation.removeEventListener(WI.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
|
|
WI.settings.enableControlFlowProfiler.removeEventListener(WI.Setting.Event.Changed, this._enableControlFlowProfilerSettingChanged, this);
|
|
WI.debuggerManager.removeEventListener(WI.DebuggerManager.Event.ProbeSetAdded, this._probeSetsChanged, this);
|
|
WI.debuggerManager.removeEventListener(WI.DebuggerManager.Event.ProbeSetRemoved, this._probeSetsChanged, this);
|
|
|
|
this._textEditor.close();
|
|
}
|
|
|
|
contentAvailable(content, base64Encoded)
|
|
{
|
|
// Do nothing.
|
|
}
|
|
|
|
get createLocalResourceOverrideTooltip()
|
|
{
|
|
return WI.UIString("Click to create a Local Override from this content");
|
|
}
|
|
|
|
requestLocalResourceOverrideInitialContent()
|
|
{
|
|
return Promise.resolve({
|
|
mimeType: this.resource.mimeType,
|
|
base64Encoded: this.resource.base64Encoded,
|
|
content: this._textEditor.string,
|
|
});
|
|
}
|
|
|
|
get supportsSave()
|
|
{
|
|
return super.supportsSave || this.resource instanceof WI.CSSStyleSheet;
|
|
}
|
|
|
|
get saveData()
|
|
{
|
|
let saveData = {
|
|
content: this._textEditor.string,
|
|
};
|
|
|
|
if (this.resource instanceof WI.CSSStyleSheet)
|
|
saveData.suggestedName = "InspectorStyleSheet.css";
|
|
else {
|
|
saveData.url = this.resource.url;
|
|
|
|
if (this.resource.urlComponents.path === "/") {
|
|
let extension = WI.fileExtensionForMIMEType(this.resource.mimeType);
|
|
if (extension)
|
|
saveData.suggestedName = `index.${extension}`;
|
|
}
|
|
}
|
|
|
|
return saveData;
|
|
}
|
|
|
|
get supportsSearch()
|
|
{
|
|
return true;
|
|
}
|
|
|
|
get numberOfSearchResults()
|
|
{
|
|
return this._textEditor.numberOfSearchResults;
|
|
}
|
|
|
|
get hasPerformedSearch()
|
|
{
|
|
return this._textEditor.currentSearchQuery !== null;
|
|
}
|
|
|
|
set automaticallyRevealFirstSearchResult(reveal)
|
|
{
|
|
this._textEditor.automaticallyRevealFirstSearchResult = reveal;
|
|
}
|
|
|
|
performSearch(query)
|
|
{
|
|
this._textEditor.performSearch(query);
|
|
}
|
|
|
|
searchCleared()
|
|
{
|
|
this._textEditor.searchCleared();
|
|
}
|
|
|
|
searchQueryWithSelection()
|
|
{
|
|
return this._textEditor.searchQueryWithSelection();
|
|
}
|
|
|
|
revealPreviousSearchResult(changeFocus)
|
|
{
|
|
this._textEditor.revealPreviousSearchResult(changeFocus);
|
|
}
|
|
|
|
revealNextSearchResult(changeFocus)
|
|
{
|
|
this._textEditor.revealNextSearchResult(changeFocus);
|
|
}
|
|
|
|
// Private
|
|
|
|
_contentWillPopulate(event)
|
|
{
|
|
if (this._textEditor.parentView === this)
|
|
return;
|
|
|
|
if (this._hasContent())
|
|
return;
|
|
|
|
this.removeLoadingIndicator();
|
|
|
|
this.addSubview(this._textEditor);
|
|
}
|
|
|
|
_contentDidPopulate(event)
|
|
{
|
|
this._prettyPrintButtonNavigationItem.enabled = this._textEditor.canBeFormatted();
|
|
|
|
this._showTypesButtonNavigationItem.enabled = this._textEditor.canShowTypeAnnotations();
|
|
this._showTypesButtonNavigationItem.activated = WI.settings.showJavaScriptTypeInformation.value;
|
|
|
|
this._codeCoverageButtonNavigationItem.enabled = this._textEditor.canShowCoverageHints();
|
|
this._codeCoverageButtonNavigationItem.activated = WI.settings.enableControlFlowProfiler.value;
|
|
}
|
|
|
|
_togglePrettyPrint(event)
|
|
{
|
|
var activated = !this._prettyPrintButtonNavigationItem.activated;
|
|
this._textEditor.updateFormattedState(activated);
|
|
}
|
|
|
|
_toggleTypeAnnotations(event)
|
|
{
|
|
this._showTypesButtonNavigationItem.enabled = false;
|
|
this._textEditor.toggleTypeAnnotations().then(() => {
|
|
this._showTypesButtonNavigationItem.enabled = true;
|
|
});
|
|
}
|
|
|
|
_toggleUnexecutedCodeHighlights(event)
|
|
{
|
|
this._codeCoverageButtonNavigationItem.enabled = false;
|
|
this._textEditor.toggleUnexecutedCodeHighlights().then(() => {
|
|
this._codeCoverageButtonNavigationItem.enabled = true;
|
|
});
|
|
}
|
|
|
|
_showJavaScriptTypeInformationSettingChanged(event)
|
|
{
|
|
this._showTypesButtonNavigationItem.activated = WI.settings.showJavaScriptTypeInformation.value;
|
|
}
|
|
|
|
_enableControlFlowProfilerSettingChanged(event)
|
|
{
|
|
this._codeCoverageButtonNavigationItem.activated = WI.settings.enableControlFlowProfiler.value;
|
|
}
|
|
|
|
_textEditorFormattingDidChange(event)
|
|
{
|
|
this._prettyPrintButtonNavigationItem.activated = this._textEditor.formatted;
|
|
}
|
|
|
|
_handleTextEditorMIMETypeChanged(event)
|
|
{
|
|
this._prettyPrintButtonNavigationItem.enabled = this._textEditor.canBeFormatted();
|
|
}
|
|
|
|
_sourceCodeContentDidChange(event)
|
|
{
|
|
if (this._ignoreSourceCodeContentDidChangeEvent)
|
|
return;
|
|
|
|
this._textEditor.string = this.resource.currentRevision.content;
|
|
}
|
|
|
|
_textEditorContentDidChange(event)
|
|
{
|
|
this._ignoreSourceCodeContentDidChangeEvent = true;
|
|
this.resource.editableRevision.updateRevisionContent(this._textEditor.string);
|
|
this._ignoreSourceCodeContentDidChangeEvent = false;
|
|
}
|
|
|
|
_executionLineNumberDidChange(event)
|
|
{
|
|
this.dispatchEventToListeners(WI.ContentView.Event.SupplementalRepresentedObjectsDidChange);
|
|
}
|
|
|
|
_numberOfSearchResultsDidChange(event)
|
|
{
|
|
this.dispatchEventToListeners(WI.ContentView.Event.NumberOfSearchResultsDidChange);
|
|
}
|
|
|
|
_probeSetsChanged(event)
|
|
{
|
|
var breakpoint = event.data.probeSet.breakpoint;
|
|
if (!(breakpoint instanceof WI.JavaScriptBreakpoint) || breakpoint.sourceCodeLocation.sourceCode === this.resource)
|
|
this.dispatchEventToListeners(WI.ContentView.Event.SupplementalRepresentedObjectsDidChange);
|
|
}
|
|
|
|
_shouldBeEditable()
|
|
{
|
|
if (this.resource instanceof WI.CSSStyleSheet)
|
|
return true;
|
|
|
|
// Check the MIME-type for CSS since Resource.Type.StyleSheet also includes XSL, which we can't edit yet.
|
|
if (this.resource.type === WI.Resource.Type.StyleSheet && this.resource.syntheticMIMEType === "text/css")
|
|
return true;
|
|
|
|
// Allow editing any local file since edits can be saved and reloaded right from the Inspector.
|
|
if (this.resource.urlComponents.scheme === "file")
|
|
return true;
|
|
|
|
if (this.resource.localResourceOverride)
|
|
return true;
|
|
|
|
return false;
|
|
}
|
|
};
|