summaryrefslogtreecommitdiff
path: root/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js
diff options
context:
space:
mode:
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js')
-rw-r--r--Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js272
1 files changed, 272 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js b/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js
new file mode 100644
index 000000000..82c43abb5
--- /dev/null
+++ b/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js
@@ -0,0 +1,272 @@
+/*
+ * 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.
+ */
+
+WebInspector.ScriptContentView = class ScriptContentView extends WebInspector.ContentView
+{
+ constructor(script)
+ {
+ console.assert(script instanceof WebInspector.Script, script);
+
+ super(script);
+
+ this.element.classList.add("script");
+
+ // Append a spinner while waiting for _contentWillPopulate.
+ var spinner = new WebInspector.IndeterminateProgressSpinner;
+ this.element.appendChild(spinner.element);
+
+ this._script = script;
+
+ // This view is only for standalone Scripts with no corresponding Resource. All other Scripts
+ // should be handled by TextResourceContentView via the Resource.
+ console.assert(!script.resource);
+ console.assert(script.range.startLine === 0);
+ console.assert(script.range.startColumn === 0);
+
+ this._textEditor = new WebInspector.SourceCodeTextEditor(script);
+ this._textEditor.addEventListener(WebInspector.TextEditor.Event.ExecutionLineNumberDidChange, this._executionLineNumberDidChange, this);
+ this._textEditor.addEventListener(WebInspector.TextEditor.Event.NumberOfSearchResultsDidChange, this._numberOfSearchResultsDidChange, this);
+ this._textEditor.addEventListener(WebInspector.TextEditor.Event.FormattingDidChange, this._textEditorFormattingDidChange, this);
+ this._textEditor.addEventListener(WebInspector.SourceCodeTextEditor.Event.ContentWillPopulate, this._contentWillPopulate, this);
+ this._textEditor.addEventListener(WebInspector.SourceCodeTextEditor.Event.ContentDidPopulate, this._contentDidPopulate, this);
+
+ var toolTip = WebInspector.UIString("Pretty print");
+ var activatedToolTip = WebInspector.UIString("Original formatting");
+ this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, "Images/NavigationItemCurleyBraces.svg", 13, 13);
+ this._prettyPrintButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._togglePrettyPrint, this);
+ this._prettyPrintButtonNavigationItem.enabled = false; // Enabled when the text editor is populated with content.
+
+ var toolTipTypes = WebInspector.UIString("Show type information");
+ var activatedToolTipTypes = WebInspector.UIString("Hide type information");
+ this._showTypesButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("show-types", toolTipTypes, activatedToolTipTypes, "Images/NavigationItemTypes.svg", 13, 14);
+ this._showTypesButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleTypeAnnotations, this);
+ this._showTypesButtonNavigationItem.enabled = false;
+ WebInspector.showJavaScriptTypeInformationSetting.addEventListener(WebInspector.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
+
+ let toolTipCodeCoverage = WebInspector.UIString("Fade unexecuted code");
+ let activatedToolTipCodeCoverage = WebInspector.UIString("Do not fade unexecuted code");
+ this._codeCoverageButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("code-coverage", toolTipCodeCoverage, activatedToolTipCodeCoverage, "Images/NavigationItemCodeCoverage.svg", 13, 14);
+ this._codeCoverageButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleUnexecutedCodeHighlights, this);
+ this._codeCoverageButtonNavigationItem.enabled = false;
+ WebInspector.enableControlFlowProfilerSetting.addEventListener(WebInspector.Setting.Event.Changed, this._enableControlFlowProfilerSettingChanged, this);
+ }
+
+ // Public
+
+ get navigationItems()
+ {
+ return [this._prettyPrintButtonNavigationItem, this._showTypesButtonNavigationItem, this._codeCoverageButtonNavigationItem];
+ }
+
+ get script()
+ {
+ return this._script;
+ }
+
+ get textEditor()
+ {
+ return this._textEditor;
+ }
+
+ get supplementalRepresentedObjects()
+ {
+ if (isNaN(this._textEditor.executionLineNumber))
+ return [];
+
+ // If the SourceCodeTextEditor has an executionLineNumber, we can assume
+ // it is always the active call frame.
+ return [WebInspector.debuggerManager.activeCallFrame];
+ }
+
+ revealPosition(position, textRangeToSelect, forceUnformatted)
+ {
+ this._textEditor.revealPosition(position, textRangeToSelect, forceUnformatted);
+ }
+
+ shown()
+ {
+ super.shown();
+
+ this._textEditor.shown();
+ }
+
+ hidden()
+ {
+ super.hidden();
+
+ this._textEditor.hidden();
+ }
+
+ closed()
+ {
+ super.closed();
+
+ WebInspector.showJavaScriptTypeInformationSetting.removeEventListener(null, null, this);
+ WebInspector.enableControlFlowProfilerSetting.removeEventListener(null, null, this);
+
+ this._textEditor.close();
+ }
+
+ saveToCookie(cookie)
+ {
+ cookie.type = WebInspector.ContentViewCookieType.Resource;
+ cookie.url = this.representedObject.url;
+ }
+
+ restoreFromCookie(cookie)
+ {
+ if ("lineNumber" in cookie && "columnNumber" in cookie)
+ this.revealPosition(new WebInspector.SourceCodePosition(cookie.lineNumber, cookie.columnNumber));
+ }
+
+ get supportsSave()
+ {
+ return true;
+ }
+
+ get saveData()
+ {
+ var url = this._script.url || "web-inspector:///" + encodeURI(this._script.displayName) + ".js";
+ return {url, content: this._textEditor.string};
+ }
+
+ 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.element.parentNode === this.element)
+ return;
+
+ // Allow editing any local file since edits can be saved and reloaded right from the Inspector.
+ if (this._script.urlComponents.scheme === "file")
+ this._textEditor.readOnly = false;
+
+ this.element.removeChildren();
+ this.addSubview(this._textEditor);
+ }
+
+ _contentDidPopulate(event)
+ {
+ this._prettyPrintButtonNavigationItem.enabled = this._textEditor.canBeFormatted();
+
+ this._showTypesButtonNavigationItem.enabled = this._textEditor.canShowTypeAnnotations();
+ this._showTypesButtonNavigationItem.activated = WebInspector.showJavaScriptTypeInformationSetting.value;
+
+ this._codeCoverageButtonNavigationItem.enabled = this._textEditor.canShowCoverageHints();
+ this._codeCoverageButtonNavigationItem.activated = WebInspector.enableControlFlowProfilerSetting.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 = WebInspector.showJavaScriptTypeInformationSetting.value;
+ }
+
+ _enableControlFlowProfilerSettingChanged(event)
+ {
+ this._codeCoverageButtonNavigationItem.activated = WebInspector.enableControlFlowProfilerSetting.value;
+ }
+
+ _textEditorFormattingDidChange(event)
+ {
+ this._prettyPrintButtonNavigationItem.activated = this._textEditor.formatted;
+ }
+
+ _executionLineNumberDidChange(event)
+ {
+ this.dispatchEventToListeners(WebInspector.ContentView.Event.SupplementalRepresentedObjectsDidChange);
+ }
+
+ _numberOfSearchResultsDidChange(event)
+ {
+ this.dispatchEventToListeners(WebInspector.ContentView.Event.NumberOfSearchResultsDidChange);
+ }
+};