| /* |
| * 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); |
| } |
| |
| 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; |
| } |
| }; |
