| /* |
| * Copyright (C) 2019 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.LocalResourceOverridePopover = class LocalResourceOverridePopover extends WI.Popover |
| { |
| constructor(delegate) |
| { |
| super(delegate); |
| |
| this._typeSelectElement = null; |
| this._urlCodeMirror = null; |
| this._isCaseSensitiveCheckbox = null; |
| this._isRegexCheckbox = null; |
| this._requestURLCodeMirror = null; |
| this._methodSelectElement = null; |
| this._mimeTypeCodeMirror = null; |
| this._statusCodeCodeMirror = null; |
| this._statusTextCodeMirror = null; |
| this._headersDataGrid = null; |
| this._skipNetworkCheckbox = null; |
| |
| this._originalRequestURL = null; |
| this._serializedDataWhenShown = null; |
| |
| this.windowResizeHandler = this._presentOverTargetElement.bind(this); |
| } |
| |
| // Public |
| |
| get serializedData() |
| { |
| if (!this._targetElement) |
| return null; |
| |
| // COMPATIBILITY (iOS 13.4): `Network.addInterception` did not exist yet. |
| let data = { |
| type: this._skipNetworkCheckbox?.checked ? WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork : this._typeSelectElement.value, |
| url: this._urlCodeMirror.getValue(), |
| isCaseSensitive: !this._isCaseSensitiveCheckbox || this._isCaseSensitiveCheckbox.checked, |
| isRegex: !!this._isRegexCheckbox?.checked, |
| }; |
| |
| if (!data.url) |
| return null; |
| |
| if (!data.isRegex) { |
| const schemes = ["http:", "https:", "file:"]; |
| if (!schemes.some((scheme) => data.url.toLowerCase().startsWith(scheme))) |
| return null; |
| } |
| |
| let headers = {}; |
| for (let node of this._headersDataGrid.children) { |
| let {name, value} = node.data; |
| if (!name || !value) |
| continue; |
| if (data.type === WI.LocalResourceOverride.InterceptType.Response || data.type === WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork) { |
| if (name.toLowerCase() === "content-type") |
| continue; |
| if (name.toLowerCase() === "set-cookie") |
| continue; |
| } |
| headers[name] = value; |
| } |
| |
| switch (data.type) { |
| case WI.LocalResourceOverride.InterceptType.Request: |
| data.requestURL = this._requestURLCodeMirror.getValue(); |
| data.requestMethod = this._methodSelectElement.value; |
| data.requestHeaders = headers; |
| break; |
| |
| case WI.LocalResourceOverride.InterceptType.Response: |
| case WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork: |
| // NOTE: We can allow an empty mimeType / statusCode / statusText to pass |
| // network values through, but lets require them for overrides so that |
| // the popover doesn't have to have an additional state for "pass through". |
| |
| data.responseMIMEType = this._mimeTypeCodeMirror.getValue() || this._mimeTypeCodeMirror.getOption("placeholder"); |
| if (!data.responseMIMEType) |
| return null; |
| |
| data.responseStatusCode = parseInt(this._statusCodeCodeMirror.getValue()); |
| if (isNaN(data.responseStatusCode)) |
| data.responseStatusCode = parseInt(this._statusCodeCodeMirror.getOption("placeholder")); |
| if (isNaN(data.responseStatusCode) || data.responseStatusCode < 0) |
| return null; |
| |
| data.responseStatusText = this._statusTextCodeMirror.getValue() || this._statusTextCodeMirror.getOption("placeholder"); |
| if (!data.responseStatusText) |
| return null; |
| |
| data.responseHeaders = headers; |
| break; |
| } |
| |
| if (!data.requestURL) { |
| if (data.isCaseSensitive && !data.isRegex) |
| data.requestURL = data.url; |
| else if (this._originalRequestURL) |
| data.requestURL = this._originalRequestURL; |
| } |
| |
| if (!data.responseMIMEType && data.requestURL) { |
| data.responseMIMEType = WI.mimeTypeForFileExtension(WI.fileExtensionForURL(data.requestURL)); |
| if (data.type === WI.LocalResourceOverride.InterceptType.Response || data.type === WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork) |
| headers["Content-Type"] = data.responseMIMEType; |
| } |
| |
| // No change. |
| let oldSerialized = JSON.stringify(this._serializedDataWhenShown); |
| let newSerialized = JSON.stringify(data); |
| if (oldSerialized === newSerialized) |
| return null; |
| |
| return data; |
| } |
| |
| show(localResourceOverride, targetElement, preferredEdges) |
| { |
| this._targetElement = targetElement; |
| this._preferredEdges = preferredEdges; |
| |
| let localResource = localResourceOverride ? localResourceOverride.localResource : null; |
| |
| let placeholderData = {}; |
| let valueData = {}; |
| if (localResource) { |
| placeholderData.url = valueData.url = localResourceOverride.url; |
| placeholderData.requestURL = valueData.requestURL = localResource.url; |
| placeholderData.method = valueData.method = localResource.requestMethod; |
| placeholderData.mimeType = valueData.mimeType = localResource.mimeType; |
| placeholderData.statusCode = valueData.statusCode = String(localResource.statusCode); |
| placeholderData.statusText = valueData.statusText = localResource.statusText; |
| } |
| |
| placeholderData.url ||= this._defaultURL(); |
| placeholderData.requestURL ||= placeholderData.url; |
| placeholderData.method ||= "GET"; |
| placeholderData.mimeType ||= "text/javascript"; |
| if (!placeholderData.statusCode || placeholderData.statusCode === "NaN") { |
| placeholderData.statusCode = "200"; |
| placeholderData.statusText = undefined; |
| valueData.statusCode = undefined; |
| valueData.statusText = undefined; |
| } |
| if (!placeholderData.statusText) { |
| placeholderData.statusText = WI.HTTPUtilities.statusTextForStatusCode(parseInt(placeholderData.statusCode)); |
| valueData.statusText = undefined; |
| } |
| |
| let requestHeaders = localResource?.requestHeaders ?? {}; |
| let responseHeaders = localResource?.responseHeaders ?? {}; |
| |
| let popoverContentElement = document.createElement("div"); |
| popoverContentElement.className = "local-resource-override-popover-content"; |
| |
| let table = popoverContentElement.appendChild(document.createElement("table")); |
| |
| let createRow = (label, id, value, placeholder) => { |
| let row = table.appendChild(document.createElement("tr")); |
| let headerElement = row.appendChild(document.createElement("th")); |
| let dataElement = row.appendChild(document.createElement("td")); |
| |
| let labelElement = headerElement.appendChild(document.createElement("label")); |
| labelElement.textContent = label; |
| |
| let editorElement = dataElement.appendChild(document.createElement("div")); |
| editorElement.classList.add("editor", id); |
| |
| let codeMirror = this._createEditor(editorElement, {value, placeholder}); |
| let inputField = codeMirror.getInputField(); |
| inputField.id = `local-resource-override-popover-${id}-input-field`; |
| labelElement.setAttribute("for", inputField.id); |
| |
| return {element: row, dataElement, codeMirror}; |
| }; |
| |
| this._typeSelectElement = document.createElement("select"); |
| for (let type of [WI.LocalResourceOverride.InterceptType.Request, WI.LocalResourceOverride.InterceptType.Response, WI.LocalResourceOverride.InterceptType.Block]) { |
| let optionElement = this._typeSelectElement.appendChild(document.createElement("option")); |
| optionElement.textContent = WI.LocalResourceOverride.displayNameForType(type); |
| optionElement.value = type; |
| } |
| this._typeSelectElement.value = localResourceOverride?.type ?? WI.LocalResourceOverride.InterceptType.Request; |
| |
| if (!localResourceOverride && WI.NetworkManager.supportsOverridingRequests()) { |
| let typeRowElement = table.appendChild(document.createElement("tr")); |
| |
| let typeHeaderElement = typeRowElement.appendChild(document.createElement("th")); |
| |
| let typeLabelElement = typeHeaderElement.appendChild(document.createElement("label")); |
| typeLabelElement.textContent = WI.UIString("Type"); |
| |
| let typeDataElement = typeRowElement.appendChild(document.createElement("td")); |
| typeDataElement.appendChild(this._typeSelectElement); |
| |
| this._typeSelectElement.addEventListener("change", (event) => { |
| toggleInputsForType(); |
| this.update(); |
| }); |
| |
| this._typeSelectElement.id = "local-resource-override-popover-type-input-field"; |
| typeLabelElement.setAttribute("for", this._typeSelectElement.id); |
| } |
| |
| let urlRow = createRow(WI.UIString("URL"), "url", valueData.url || "", placeholderData.url); |
| this._urlCodeMirror = urlRow.codeMirror; |
| |
| let updateURLCodeMirrorMode = () => { |
| let isRegex = this._isRegexCheckbox && this._isRegexCheckbox.checked; |
| |
| this._urlCodeMirror.setOption("mode", isRegex ? "text/x-regex" : "text/x-local-override-url"); |
| |
| if (!isRegex) { |
| let url = this._urlCodeMirror.getValue(); |
| if (url) { |
| const schemes = ["http:", "https:", "file:"]; |
| if (!schemes.some((scheme) => url.toLowerCase().startsWith(scheme))) |
| this._urlCodeMirror.setValue("http://" + url); |
| } |
| } |
| }; |
| |
| // COMPATIBILITY (iOS 13.4): `Network.addInterception` did not exist yet. |
| if (InspectorBackend.hasCommand("Network.addInterception", "caseSensitive")) { |
| let isCaseSensitiveLabel = urlRow.dataElement.appendChild(document.createElement("label")); |
| isCaseSensitiveLabel.className = "is-case-sensitive"; |
| |
| this._isCaseSensitiveCheckbox = isCaseSensitiveLabel.appendChild(document.createElement("input")); |
| this._isCaseSensitiveCheckbox.type = "checkbox"; |
| this._isCaseSensitiveCheckbox.checked = localResourceOverride ? localResourceOverride.isCaseSensitive : true; |
| |
| isCaseSensitiveLabel.append(WI.UIString("Case Sensitive")); |
| } |
| |
| // COMPATIBILITY (iOS 13.4): `Network.addInterception` did not exist yet. |
| if (InspectorBackend.hasCommand("Network.addInterception", "isRegex")) { |
| let isRegexLabel = urlRow.dataElement.appendChild(document.createElement("label")); |
| isRegexLabel.className = "is-regex"; |
| |
| this._isRegexCheckbox = isRegexLabel.appendChild(document.createElement("input")); |
| this._isRegexCheckbox.type = "checkbox"; |
| this._isRegexCheckbox.checked = localResourceOverride ? localResourceOverride.isRegex : false; |
| this._isRegexCheckbox.addEventListener("change", (event) => { |
| updateURLCodeMirrorMode(); |
| }); |
| |
| isRegexLabel.append(WI.UIString("Regular Expression")); |
| } |
| |
| let requestURLRow = null; |
| let methodRowElement = null; |
| if (WI.NetworkManager.supportsOverridingRequests()) { |
| requestURLRow = createRow(WI.UIString("Redirect"), "redirect", valueData.requestURL || "", placeholderData.requestURL); |
| this._requestURLCodeMirror = requestURLRow.codeMirror; |
| |
| methodRowElement = table.appendChild(document.createElement("tr")); |
| |
| let methodHeaderElement = methodRowElement.appendChild(document.createElement("th")); |
| |
| let methodLabelElement = methodHeaderElement.appendChild(document.createElement("label")); |
| methodLabelElement.textContent = WI.UIString("Method"); |
| |
| let methodDataElement = methodRowElement.appendChild(document.createElement("td")); |
| |
| this._methodSelectElement = methodDataElement.appendChild(document.createElement("select")); |
| |
| [ |
| WI.HTTPUtilities.RequestMethod.GET, |
| WI.HTTPUtilities.RequestMethod.POST, |
| null, // divider |
| WI.HTTPUtilities.RequestMethod.HEAD, |
| WI.HTTPUtilities.RequestMethod.PATCH, |
| WI.HTTPUtilities.RequestMethod.PUT, |
| WI.HTTPUtilities.RequestMethod.DELETE, |
| null, // divider |
| WI.HTTPUtilities.RequestMethod.OPTIONS, |
| WI.HTTPUtilities.RequestMethod.CONNECT, |
| WI.HTTPUtilities.RequestMethod.TRACE, |
| ].forEach((method) => { |
| if (!method) { |
| this._methodSelectElement.appendChild(document.createElement("hr")); |
| return; |
| } |
| |
| let optionElement = this._methodSelectElement.appendChild(document.createElement("option")); |
| optionElement.textContent = method; |
| }); |
| |
| this._methodSelectElement.value = valueData.method || placeholderData.method; |
| |
| this._methodSelectElement.id = "local-resource-override-popover-method-input-field"; |
| methodLabelElement.setAttribute("for", this._methodSelectElement.id); |
| } |
| |
| let mimeTypeRow = createRow(WI.UIString("MIME Type", "MIME Type @ Local Override Popover", "Label for MIME type input for the local override currently being edited."), "mime", valueData.mimeType || "", placeholderData.mimeType); |
| this._mimeTypeCodeMirror = mimeTypeRow.codeMirror; |
| |
| let statusCodeRow = createRow(WI.UIString("Status", "Status @ Local Override Popover", "Label for the HTTP status code input for the local override currently being edited."), "status", valueData.statusCode || "", placeholderData.statusCode); |
| this._statusCodeCodeMirror = statusCodeRow.codeMirror; |
| |
| let statusTextEditorElement = statusCodeRow.dataElement.appendChild(document.createElement("div")); |
| statusTextEditorElement.className = "editor status-text"; |
| this._statusTextCodeMirror = this._createEditor(statusTextEditorElement, {value: valueData.statusText || "", placeholder: placeholderData.statusText}); |
| |
| let editCallback = () => {}; |
| let deleteCallback = (node) => { |
| if (node === contentTypeDataGridNode) |
| return; |
| |
| let siblingToSelect = node.nextSibling || node.previousSibling; |
| this._headersDataGrid.removeChild(node); |
| if (siblingToSelect) |
| siblingToSelect.select(); |
| |
| toggleHeadersDataGridVisibility(); |
| this.update(); |
| }; |
| |
| let columns = { |
| name: { |
| title: WI.UIString("Name"), |
| width: "30%", |
| }, |
| value: { |
| title: WI.UIString("Value"), |
| }, |
| }; |
| |
| this._headersDataGrid = new WI.DataGrid(columns, {editCallback, deleteCallback}); |
| this._headersDataGrid.inline = true; |
| this._headersDataGrid.variableHeightRows = true; |
| this._headersDataGrid.copyTextDelimiter = ": "; |
| |
| let addDataGridNodeForHeader = (name, value, options = {}) => { |
| let node = new WI.DataGridNode({name, value}, options); |
| this._headersDataGrid.appendChild(node); |
| return node; |
| }; |
| |
| let toggleHeadersDataGridVisibility = (force) => { |
| let hidden = force ?? !this._headersDataGrid.hasChildren; |
| this._headersDataGrid.element.hidden = hidden; |
| if (!hidden) |
| this._headersDataGrid.updateLayout(); |
| }; |
| |
| let contentTypeDataGridNode = addDataGridNodeForHeader(WI.unlocalizedString("Content-Type"), valueData.mimeType || placeholderData.mimeType, {selectable: false, editable: false, classNames: ["header-content-type"]}); |
| |
| let headersRow = table.appendChild(document.createElement("tr")); |
| let headersHeader = headersRow.appendChild(document.createElement("th")); |
| let headersData = headersRow.appendChild(document.createElement("td")); |
| let headersLabel = headersHeader.appendChild(document.createElement("label")); |
| headersLabel.textContent = WI.UIString("Headers"); |
| headersData.appendChild(this._headersDataGrid.element); |
| |
| let addHeaderButton = headersData.appendChild(document.createElement("button")); |
| addHeaderButton.className = "add-header"; |
| addHeaderButton.textContent = WI.UIString("Add Header"); |
| addHeaderButton.addEventListener("click", (event) => { |
| let newNode = new WI.DataGridNode({ |
| name: WI.UIString("Header", "Header @ Local Override Popover New Headers Data Grid Item", "Placeholder text in an editable field for the name of a HTTP header"), |
| value: WI.UIString("value", "value @ Local Override Popover New Headers Data Grid Item", "Placeholder text in an editable field for the value of a HTTP header"), |
| }); |
| this._headersDataGrid.appendChild(newNode); |
| toggleHeadersDataGridVisibility(false); |
| this.update(); |
| this._headersDataGrid.startEditingNode(newNode); |
| }); |
| |
| let optionsRowElement = null; |
| if (WI.NetworkManager.supportsOverridingRequestsWithResponses()) { |
| optionsRowElement = table.appendChild(document.createElement("tr")); |
| optionsRowElement.className = "options"; |
| |
| let optionsHeader = optionsRowElement.appendChild(document.createElement("th")); |
| |
| let optionsLabel = optionsHeader.appendChild(document.createElement("label")); |
| optionsLabel.textContent = WI.UIString("Options"); |
| |
| let optionsData = optionsRowElement.appendChild(document.createElement("td")); |
| |
| let skipNetworkLabel = optionsData.appendChild(document.createElement("label")); |
| skipNetworkLabel.className = "skip-network"; |
| |
| this._skipNetworkCheckbox = skipNetworkLabel.appendChild(document.createElement("input")); |
| this._skipNetworkCheckbox.type = "checkbox"; |
| this._skipNetworkCheckbox.checked = localResourceOverride?.type === WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork; |
| |
| skipNetworkLabel.appendChild(document.createTextNode(WI.UIString("Skip Network", "Skip Network @ Local Override Popover Options", "Label for checkbox that controls whether the local override will actually perform a network request or skip it to immediately serve the response."))); |
| } |
| |
| popoverContentElement.appendChild(WI.ReferencePage.LocalOverrides.ConfiguringLocalOverrides.createLinkElement()); |
| |
| let incrementStatusCode = () => { |
| let x = parseInt(this._statusCodeCodeMirror.getValue()); |
| if (isNaN(x)) |
| x = parseInt(this._statusCodeCodeMirror.getOption("placeholder")); |
| if (isNaN(x) || x >= 999) |
| return; |
| |
| if (WI.modifierKeys.shiftKey) { |
| // 200 => 300 and 211 => 300 |
| x = (x - (x % 100)) + 100; |
| } else |
| x += 1; |
| |
| if (x > 999) |
| x = 999; |
| |
| this._statusCodeCodeMirror.setValue(`${x}`); |
| this._statusCodeCodeMirror.setCursor(this._statusCodeCodeMirror.lineCount(), 0); |
| }; |
| |
| let decrementStatusCode = () => { |
| let x = parseInt(this._statusCodeCodeMirror.getValue()); |
| if (isNaN(x)) |
| x = parseInt(this._statusCodeCodeMirror.getOption("placeholder")); |
| if (isNaN(x) || x <= 0) |
| return; |
| |
| if (WI.modifierKeys.shiftKey) { |
| // 311 => 300 and 300 => 200 |
| let original = x; |
| x = (x - (x % 100)); |
| if (original === x) |
| x -= 100; |
| } else |
| x -= 1; |
| |
| if (x < 0) |
| x = 0; |
| |
| this._statusCodeCodeMirror.setValue(`${x}`); |
| this._statusCodeCodeMirror.setCursor(this._statusCodeCodeMirror.lineCount(), 0); |
| }; |
| |
| this._statusCodeCodeMirror.addKeyMap({ |
| "Up": incrementStatusCode, |
| "Shift-Up": incrementStatusCode, |
| "Down": decrementStatusCode, |
| "Shift-Down": decrementStatusCode, |
| }); |
| |
| // Update statusText when statusCode changes. |
| this._statusCodeCodeMirror.on("change", (cm) => { |
| let statusCode = parseInt(cm.getValue()); |
| if (isNaN(statusCode)) { |
| this._statusTextCodeMirror.setValue(""); |
| return; |
| } |
| |
| let statusText = WI.HTTPUtilities.statusTextForStatusCode(statusCode); |
| this._statusTextCodeMirror.setValue(statusText); |
| }); |
| |
| // Update mimeType when URL gets a file extension. |
| this._urlCodeMirror.on("change", (cm) => { |
| if (this._isRegexCheckbox && this._isRegexCheckbox.checked) |
| return; |
| |
| let extension = WI.fileExtensionForURL(cm.getValue()); |
| if (!extension) |
| return; |
| |
| let mimeType = WI.mimeTypeForFileExtension(extension); |
| if (!mimeType) |
| return; |
| |
| this._mimeTypeCodeMirror.setValue(mimeType); |
| contentTypeDataGridNode.data = {name: "Content-Type", value: mimeType}; |
| }); |
| |
| // Update Content-Type header when mimeType changes. |
| this._mimeTypeCodeMirror.on("change", (cm) => { |
| let mimeType = cm.getValue() || cm.getOption("placeholder"); |
| contentTypeDataGridNode.data = {name: "Content-Type", value: mimeType}; |
| }); |
| |
| updateURLCodeMirrorMode(); |
| |
| let toggleInputsForType = (initializeHeaders) => { |
| let isBlock = this._typeSelectElement.value === WI.LocalResourceOverride.InterceptType.Block; |
| let isRequest = this._typeSelectElement.value === WI.LocalResourceOverride.InterceptType.Request; |
| let isResponse = this._typeSelectElement.value === WI.LocalResourceOverride.InterceptType.Response || this._typeSelectElement.value === WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork; |
| |
| popoverContentElement.classList.toggle("block", isBlock); |
| popoverContentElement.classList.toggle("request", isRequest); |
| popoverContentElement.classList.toggle("response", isResponse); |
| |
| initializeHeaders &&= !isBlock; |
| if (initializeHeaders) { |
| let headers = isRequest ? requestHeaders : responseHeaders; |
| for (let name in headers) { |
| if (!isRequest) { |
| if (name.toLowerCase() === "content-type") |
| continue; |
| if (name.toLowerCase() === "set-cookie") |
| continue; |
| } |
| addDataGridNodeForHeader(name, headers[name]); |
| } |
| } |
| |
| if (requestURLRow) |
| requestURLRow.element.hidden = isResponse || isBlock; |
| if (methodRowElement) |
| methodRowElement.hidden = isResponse || isBlock; |
| mimeTypeRow.element.hidden = isRequest || isBlock; |
| statusCodeRow.element.hidden = isRequest || isBlock; |
| headersRow.hidden = isBlock; |
| if (optionsRowElement) |
| optionsRowElement.hidden = isRequest || isBlock; |
| |
| if (isRequest) { |
| this._requestURLCodeMirror.refresh(); |
| |
| if (contentTypeDataGridNode.parent) |
| this._headersDataGrid.removeChild(contentTypeDataGridNode); |
| } |
| |
| if (isResponse) { |
| this._mimeTypeCodeMirror.refresh(); |
| this._statusCodeCodeMirror.refresh(); |
| this._statusTextCodeMirror.refresh(); |
| |
| if (!contentTypeDataGridNode.parent) |
| this._headersDataGrid.insertChild(contentTypeDataGridNode, 0); |
| } |
| |
| toggleHeadersDataGridVisibility(); |
| }; |
| toggleInputsForType(true); |
| |
| this._originalRequestURL = localResource?.url ?? null; |
| this._serializedDataWhenShown = this.serializedData; |
| |
| this.content = popoverContentElement; |
| this._presentOverTargetElement(); |
| |
| // CodeMirror needs a refresh after the popover displays, to layout, otherwise it doesn't appear. |
| setTimeout(() => { |
| this._urlCodeMirror.refresh(); |
| this._requestURLCodeMirror?.refresh(); |
| this._mimeTypeCodeMirror.refresh(); |
| this._statusCodeCodeMirror.refresh(); |
| this._statusTextCodeMirror.refresh(); |
| |
| this._urlCodeMirror.focus(); |
| this._urlCodeMirror.setCursor(this._urlCodeMirror.lineCount(), 0); |
| |
| this.update(); |
| }); |
| } |
| |
| // Private |
| |
| _createEditor(element, options = {}) |
| { |
| let codeMirror = WI.CodeMirrorEditor.create(element, { |
| extraKeys: {"Tab": false, "Shift-Tab": false}, |
| lineWrapping: false, |
| mode: "text/plain", |
| matchBrackets: true, |
| scrollbarStyle: null, |
| ...options, |
| }); |
| |
| codeMirror.addKeyMap({ |
| "Enter": () => { this.dismiss(); }, |
| "Shift-Enter": () => { this.dismiss(); }, |
| "Esc": () => { this.dismiss(); }, |
| }); |
| |
| return codeMirror; |
| } |
| |
| _defaultURL() |
| { |
| // We avoid just doing "http://example.com/" here because users can |
| // accidentally override the main resource, even though the popover |
| // typically prevents no-edit cases. |
| let mainFrame = WI.networkManager.mainFrame; |
| if (mainFrame && mainFrame.securityOrigin.startsWith("http")) |
| return mainFrame.securityOrigin + "/path"; |
| |
| return "https://"; |
| } |
| |
| _presentOverTargetElement() |
| { |
| if (!this._targetElement) |
| return; |
| |
| let targetFrame = WI.Rect.rectFromClientRect(this._targetElement.getBoundingClientRect()); |
| this.present(targetFrame.pad(2), this._preferredEdges); |
| } |
| }; |
