LayoutTests/ChangeLog

2018-09-21  Devin Rousso  <drousso@apple.com>

        Web Inspector: group media network entries by the node that triggered the request

        https://bugs.webkit.org/show_bug.cgi?id=189606

        <rdar://problem/44438527>

        Reviewed by NOBODY (OOPS!).

        * http/tests/inspector/network/resource-initiatorNode-expected.txt: Added.

        * http/tests/inspector/network/resource-initiatorNode.html: Added.

        * http/tests/inspector/network/har/har-basic.html:

        * inspector/unit-tests/resource-collection.html:

        Update for changes to `WI.Resource`.

        * inspector/canvas/requestNode.html:

        Test case no longer needed since the document is always requested once it's available.

2018-09-21  Ryan Haddad  <ryanhaddad@apple.com>

        [macOS EWS] Layout test accessibility/smart-invert-reference.html is a flaky failure

LayoutTests/http/tests/inspector/network/har/har-basic.html

@@function test()

            const url = "https://example.com/fake.js";

            const mimeType = "text/javascript";

            const type = WI.Resource.Type.Script;

            const loaderIdentifier = undefined;

            const targetId = undefined;

            const requestIdentifier = undefined;

            const requestMethod = "GET";

            const requestHeaders = {"Test-Request-Header": "Test Request Header Value"};

            const responseHeaders = {"Test-Response-Header": "Test Response Header Value"};

            const statusCode = 200;

            const statusText = "OK";

            const source = "network";

46 const requestData = null;

4743 const requestSentWalltime = 1508723752694 / 1000; // Sun Oct 22 2017 18:55:52 GMT-0700, when this test was written.

48 const initiatorSourceCodeLocation = null;

49 const timestamp = undefined;

            const size = 1234;

            const timingData = {

                startTime: 1,

@@function test()

                requestHeaders,

            };

75 let bareResource = new WI.Resource(url, mimeType, type~~, loaderIdentifier, targetId, requestIdentifier~~, requestMethod, requestHeaders, request~~Data, timestamp, request~~SentWalltime~~, initiatorSourceCodeLocation, timestamp~~);

76 bareResource.markAsFinished(~~undefined~~);

69 let bareResource = new WI.Resource(url, {mimeType, type, requestMethod, requestHeaders, requestSentWalltime});

70 bareResource.markAsFinished();

7771

78 let fullResource = new WI.Resource(url, mimeType, type, loaderIdentifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, timestamp, requestSentWalltime, initiatorSourceCodeLocation, timestamp);

            let fullResource = new WI.Resource(url, {mimeType, type, requestMethod, requestHeaders, requestSentWalltime});

            const timestamp = null;

            fullResource.updateForResponse(url, mimeType, type, responseHeaders, statusCode, statusText, timestamp, timingData, source);

            fullResource.increaseSize(size);

            fullResource.updateWithMetrics(metrics);

82 fullResource.markAsFinished(1.7);

            const elapsedTime = 1.7;

            fullResource.markAsFinished(elapsedTime);

            let har = await WI.HARBuilder.buildArchive([bareResource, fullResource]);

            InspectorTest.json(har, HARJSONFilter);

LayoutTests/http/tests/inspector/network/resource-initiatorNode-expected.txt

Tests that Request initiatorNode is set correctly.

== Running test suite: WI.Resource.initiatorNode

-- Running test case: WI.Resource.initiatorNode.posterPNG

PASS: Resource should have an initiatorNode

PASS: Resource initiatorNode should match video node id

-- Running test case: WI.Resource.initiatorNode.sourceMP4

PASS: Resource should have an initiatorNode

PASS: Resource initiatorNode should match video node id

-- Running test case: WI.Resource.initiatorNode.trackVTT

PASS: Resource should have an initiatorNode

PASS: Resource initiatorNode should match video node id

LayoutTests/http/tests/inspector/network/resource-initiatorNode.html

<!doctype html>

<html>

<head>

<script src="../resources/inspector-test.js"></script>

<script>

function replay() {

    let videoElement = document.getElementById("video");

    videoElement.pause();

    videoElement.currentTime = 0;

    videoElement.load();

}

function loadPoster(url) {

    document.getElementById("video").poster = url;

    replay();

}

function loadSource(url, type) {

    let sourceElement = document.createElement("source");

    sourceElement.type = type;

    sourceElement.src = url;

    document.getElementById("video").appendChild(sourceElement);

    replay();

}

function loadTrack(url, kind) {

    let trackElement = document.createElement("track");

    trackElement.kind = kind;

    trackElement.default = true;

    trackElement.src = url;

    trackElement.track.mode = "hidden";

    document.getElementById("video").appendChild(trackElement);

    replay();

}

function handleVideoEnded(event) {

    TestPage.dispatchEventToFrontend("TestPage-video-ended");

}

function test()

{

    let suite = InspectorTest.createAsyncSuite("WI.Resource.initiatorNode");

    let videoNode = null;

    suite.addTestCase({

        name: "WI.Resource.initiatorNode.posterPNG",

        test(resolve, reject) {

            let file = "white.png";

            WI.Frame.awaitEvent(WI.Frame.Event.ResourceWasAdded)

            .then((event) => {

                let resource = event.data.resource;

                InspectorTest.assert(resource.url.endsWith(file), `Resource should be "${file}"`);

                InspectorTest.expectNotNull(resource.initiatorNode, "Resource should have an initiatorNode");

                if (resource.initiatorNode)

                    InspectorTest.expectEqual(resource.initiatorNode.id, videoNode.id, "Resource initiatorNode should match video node id");

            })

            .then(resolve, reject);

            InspectorTest.evaluateInPage(`loadPoster("resources/${file}")`);

        }

    });

    suite.addTestCase({

        name: "WI.Resource.initiatorNode.sourceMP4",

        test(resolve, reject) {

            let file = "white.mp4";

            WI.Frame.awaitEvent(WI.Frame.Event.ResourceWasAdded)

            .then((event) => {

                let resource = event.data.resource;

                InspectorTest.assert(resource.url.endsWith(file), `Resource should be "${file}"`);

                InspectorTest.expectNotNull(resource.initiatorNode, "Resource should have an initiatorNode");

                if (resource.initiatorNode)

                    InspectorTest.expectEqual(resource.initiatorNode.id, videoNode.id, "Resource initiatorNode should match video node id");

            })

            .then(resolve, reject);

            InspectorTest.evaluateInPage(`loadSource("resources/${file}", "video/mp4")`);

        }

    });

    suite.addTestCase({

        name: "WI.Resource.initiatorNode.trackVTT",

        test(resolve, reject) {

            let file = "white.vtt";

            // Loading a track causes a bunch of media controls to be loaded.

            let listener = WI.Frame.addEventListener(WI.Frame.Event.ResourceWasAdded, (event) => {

                let resource = event.data.resource;

                if (!resource.url.endsWith(file))

                    return;

                InspectorTest.expectNotNull(resource.initiatorNode, "Resource should have an initiatorNode");

                if (resource.initiatorNode)

                    InspectorTest.expectEqual(resource.initiatorNode.id, videoNode.id, "Resource initiatorNode should match video node id");

                WI.Frame.removeEventListener(WI.Frame.Event.ResourceWasAdded, listener);

                resolve();

            });

            InspectorTest.evaluateInPage(`loadTrack("resources/${file}", "captions")`);

        }

    });

    WI.domTreeManager.requestDocument((documentNode) => {

        WI.domTreeManager.querySelector(documentNode.id, "video#video", (videoNodeId) => {

            videoNode = WI.domTreeManager.nodeForId(videoNodeId);

            if (videoNode)

                suite.runTestCasesAndFinish();

            else {

                InspectorTest.fail(`DOM node for "video#video" not found.`);

                InspectorTest.completeTest();

            }

        });

    });

}

</script>

</head>

<body onload="runTest()">

    <p>Tests that Request initiatorNode is set correctly.</p>

    <video id="video" muted autoplay></video>

</body>

</html>

LayoutTests/http/tests/inspector/network/resources/white.mp4

Binary file, nothing to see here

LayoutTests/http/tests/inspector/network/resources/white.png

Added

LayoutTests/http/tests/inspector/network/resources/white.vtt

WEBVTT

00:00.000 --> 00:00:00.999

000 to 0.999

00:01.000 --> 00:00:01.999

000 to 1.999

LayoutTests/inspector/canvas/requestNode-expected.txt

@@Test that CanvasAgent.requestNode can properly resolve the owner canvas node.

== Running test suite: Canvas.requestNode

-- Running test case: Canvas.requestNode.missingDocument

PASS: The page should have three canvases.

PASS: Should produce an error.

Error: Document has not been requested

-- Running test case: Canvas.requestNode.validCanvasId

PASS: Canvas "CSS canvas “css”" has node with valid id.

PASS: Canvas "CSS canvas “css”" has node with type "CANVAS".

LayoutTests/inspector/canvas/requestNode.html

@@function load() {

function test() {

    let suite = InspectorTest.createAsyncSuite("Canvas.requestNode");

    suite.addTestCase({

        name: "Canvas.requestNode.missingDocument",

        description: "Getting the canvas node requires that WebInspector knows about the document.",

        test(resolve, reject) {

            let canvases = WI.canvasManager.canvases;

            InspectorTest.expectEqual(canvases.length, 3, "The page should have three canvases.");

            if (!canvases.length) {

                reject("Missing canvas.");

                return;

            }

            CanvasAgent.requestNode(canvases[0].identifier, (error) => {

                InspectorTest.expectThat(error, "Should produce an error.");

                InspectorTest.log("Error: " + error);

                resolve();

            });

        }

    });

    suite.addTestCase({

        name: "Canvas.requestNode.validCanvasId",

        description: "Get the node id for each canvas on the page.",

LayoutTests/inspector/unit-tests/resource-collection.html

@@function test()

    let suite = InspectorTest.createAsyncSuite("ResourceCollection");

    function createResource(url, type) {

11 return new WI.Resource(url, ~~null,~~ type);

11 return new WI.Resource(url, {type});

    }

    function logResourceNames(collection) {

Source/JavaScriptCore/ChangeLog

2018-09-21  Devin Rousso  <drousso@apple.com>

        Web Inspector: group media network entries by the node that triggered the request

        https://bugs.webkit.org/show_bug.cgi?id=189606

        <rdar://problem/44438527>

        Reviewed by NOBODY (OOPS!).

        * inspector/protocol/Network.json:

        Add an optional `nodeId` field to the `Initiator` object that is set it is possible to

        determine which ancestor node triggered the load. It may not correspond directly to the node

        with the href/src, as that url may only be used by an ancestor for loading.

2018-09-21  Keith Miller  <keith_miller@apple.com>

        Add Promise SPI

Source/JavaScriptCore/inspector/protocol/Network.json

                { "name": "type", "type": "string", "enum": ["parser", "script", "other"], "description": "Type of this initiator." },

                { "name": "stackTrace", "type": "array", "items": { "$ref": "Console.CallFrame" }, "optional": true, "description": "Initiator JavaScript stack trace, set for Script only." },

                { "name": "url", "type": "string", "optional": true, "description": "Initiator URL, set for Parser type only." },

145 { "name": "lineNumber", "type": "number", "optional": true, "description": "Initiator line number, set for Parser type only." }

145 { "name": "lineNumber", "type": "number", "optional": true, "description": "Initiator line number, set for Parser type only." },

146 { "name": "nodeId", "$ref": "DOM.NodeId", "optional": true, "description": "Set if the load was triggered by a DOM node, in addition to the other initiator information." }

Source/WebCore/ChangeLog

2018-09-21  Devin Rousso  <drousso@apple.com>

        Web Inspector: group media network entries by the node that triggered the request

        https://bugs.webkit.org/show_bug.cgi?id=189606

        <rdar://problem/44438527>

        Reviewed by NOBODY (OOPS!).

        Test: http/tests/inspector/network/resource-initiatorNode.html

        Add extra arguments to functions that create `ResourceRequest` objets for media resources so

        that `initiatorNodeIdentifier` can be set for WebInspector frontend to use for grouping.

        * html/HTMLMediaElement.cpp:

        (WebCore::HTMLMediaElement::loadResource):

        * html/HTMLVideoElement.cpp:

        (WebCore::HTMLVideoElement::setDisplayMode):

        * loader/FrameLoader.h:

        * loader/FrameLoader.cpp:

        (WebCore::FrameLoader::willLoadMediaElementURL):

        Handles initial (e.g. DNT) resource requests.

        * loader/ImageLoader.cpp:

        (ImageLoader::updateFromElement):

        Handles "poster" requests.

        * loader/MediaResourceLoader.cpp:

        (MediaResourceLoader::requestResource):

        Handles byte-range requests.

        * html/track/LoadableTextTrack.cpp:

        (WebCore::LoadableTextTrack::loadTimerFired):

        * loader/TextTrackLoader.h:

        * loader/TextTrackLoader.cpp:

        (WebCore::TextTrackLoader::load):

        * html/HTMLTrackElement.h:

        Handles <track> (e.g. subtitle) requests.

        * inspector/agents/InspectorDOMAgent.cpp:

        (WebCore::InspectorDOMAgent::identifierForNode):

        * inspector/InspectorInstrumentation.h:

        (WebCore::InspectorInstrumentation::identifierForNode):

        * inspector/InspectorInstrumentation.cpp:

        (WebCore::InspectorInstrumentation::identifierForNodeImpl):

        Allows callers to get a `DOM.nodeId` for the given `Node`, which is (in this patch) attached

        to the `ResourceRequest` and later used by `InspectorNetworkAgent`.

        * inspector/agents/InspectorNetworkAgent.h:

        * inspector/agents/InspectorNetworkAgent.cpp:

        (WebCore::InspectorNetworkAgent::willSendRequest):

        (WebCore::InspectorNetworkAgent::didLoadResourceFromMemoryCache):

        (WebCore::InspectorNetworkAgent::buildInitiatorObject):

        * platform/network/ResourceRequestBase.h:

        (WebCore::ResourceRequestBase::initiatorNodeIdentifier const):

        (WebCore::ResourceRequestBase::setInitiatorNodeIdentifier):

        * platform/network/ResourceRequestBase.cpp:

        (WebCore::ResourceRequestBase::setAsIsolatedCopy):

        * platform/network/cf/ResourceRequestCFNet.cpp:

        (WebCore::ResourceRequest::updateFromDelegatePreservingOldProperties):

        * loader/cache/CachedResourceLoader.cpp:

        (WebCore::CachedResourceLoader::shouldContinueAfterNotifyingLoadedFromMemoryCache):

        * inspector/InspectorCanvas.h:

        * inspector/InspectorCanvas.cpp:

        (WebCore::InspectorCanvas::buildObjectForCanvas):

        * inspector/agents/InspectorCanvasAgent.cpp:

        (WebCore::InspectorCanvasAgent::enable):

        (WebCore::InspectorCanvasAgent::didCreateCanvasRenderingContext):

        Don't try to push the canvas' node to the frontend, as this will create a dangling node in

        `InspectorDOMAgent` if the canvas' node is detached from the DOM.

2018-09-21  Ryosuke Niwa  <rniwa@webkit.org>

        Custom elements in a reaction queue can lose its JS wrapper and become HTMLUnknownElement

Source/WebCore/html/HTMLMediaElement.cpp

@@void HTMLMediaElement::loadResource(const URL& initialURL, ContentType& contentT

    }

    URL url = initialURL;

1594 if (!url.isEmpty() && !frame->loader().willLoadMediaElementURL(url)) {

1594 if (!url.isEmpty() && !frame->loader().willLoadMediaElementURL(url, *this)) {

        mediaLoadingFailed(MediaPlayer::FormatError);

        return;

    }

Source/WebCore/html/HTMLTrackElement.h

@@public:

    enum LoadStatus { Failure, Success };

    void didCompleteLoad(LoadStatus);

61 RefPtr<HTMLMediaElement> mediaElement() const;

    const AtomicString& mediaElementCrossOriginAttribute() const;

private:

@@private:

    void loadTimerFired();

76 RefPtr<HTMLMediaElement> mediaElement() const;

77

    // TextTrackClient

    void textTrackModeChanged(TextTrack&) final;

    void textTrackKindChanged(TextTrack&) final;

Source/WebCore/html/HTMLVideoElement.cpp

@@void HTMLVideoElement::setDisplayMode(DisplayMode mode)

        bool canLoad = true;

        if (!poster.isEmpty()) {

            if (RefPtr<Frame> frame = document().frame())

266 canLoad = frame->loader().willLoadMediaElementURL(poster);

266 canLoad = frame->loader().willLoadMediaElementURL(poster, *this);

        }

        if (canLoad)

            player()->setPoster(poster);

Source/WebCore/html/track/LoadableTextTrack.cpp

@@void LoadableTextTrack::loadTimerFired()

    // mode being the state of the media element's crossorigin content attribute, the origin being the

    // origin of the media element's Document, and the default origin behaviour set to fail.

    m_loader = std::make_unique<TextTrackLoader>(static_cast<TextTrackLoaderClient&>(*this), static_cast<ScriptExecutionContext*>(&m_trackElement->document()));

85 if (!m_loader->load(m_url, m_trackElement~~->mediaElementCrossOriginAttribute(), m_trackElement->isInUserAgentShadowTree()))~~

85 if (!m_loader->load(m_url, *m_trackElement))

        m_trackElement->didCompleteLoad(HTMLTrackElement::Failure);

}

Source/WebCore/inspector/InspectorCanvas.cpp

#include "ImageBuffer.h"

#include "ImageData.h"

#include "InspectorDOMAgent.h"

47 #include "InstrumentingAgents.h"

#include "JSCanvasDirection.h"

#include "JSCanvasFillRule.h"

#include "JSCanvasLineCap.h"

@@bool InspectorCanvas::hasBufferSpace() const

    return m_bufferUsed < m_bufferLimit;

}

220 Ref<Inspector::Protocol::Canvas::Canvas> InspectorCanvas::buildObjectForCanvas(~~InstrumentingAgents& instrumentingAgents,~~ bool captureBacktrace)

219Ref<Inspector::Protocol::Canvas::Canvas> InspectorCanvas::buildObjectForCanvas(bool captureBacktrace)

{

    Inspector::Protocol::Canvas::ContextType contextType;

    if (is<CanvasRenderingContext2D>(m_context))

@@Ref<Inspector::Protocol::Canvas::Canvas> InspectorCanvas::buildObjectForCanvas(I

        String cssCanvasName = node->document().nameForCSSCanvasElement(*node);

        if (!cssCanvasName.isEmpty())

            canvas->setCssCanvasName(cssCanvasName);

        else {

            InspectorDOMAgent* domAgent = instrumentingAgents.inspectorDOMAgent();

            int nodeId = domAgent->boundNodeId(node);

            if (!nodeId) {

                if (int documentNodeId = domAgent->boundNodeId(&node->document())) {

                    ErrorString ignored;

                    nodeId = domAgent->pushNodeToFrontend(ignored, documentNodeId, node);

                }

            }

            if (nodeId)

                canvas->setNodeId(nodeId);

        }

    }

    if (is<ImageBitmapRenderingContext>(m_context)) {

Source/WebCore/inspector/InspectorCanvas.h

@@class HTMLImageElement;

class HTMLVideoElement;

class ImageBitmap;

class ImageData;

45 class InstrumentingAgents;

class InspectorCanvas final : public RefCounted<InspectorCanvas> {

public:

@@public:

    bool singleFrame() const { return m_singleFrame; }

    void setSingleFrame(bool singleFrame) { m_singleFrame = singleFrame; }

78 Ref<Inspector::Protocol::Canvas::Canvas> buildObjectForCanvas(~~InstrumentingAgents&,~~ bool captureBacktrace);

77 Ref<Inspector::Protocol::Canvas::Canvas> buildObjectForCanvas(bool captureBacktrace);

private:

    InspectorCanvas(CanvasRenderingContext&);

Source/WebCore/inspector/InspectorInstrumentation.cpp

@@bool InspectorInstrumentation::isDebuggerPausedImpl(InstrumentingAgents& instrum

    return false;

}

int InspectorInstrumentation::identifierForNodeImpl(InstrumentingAgents& instrumentingAgents, Node& node)

{

    if (InspectorDOMAgent* domAgent = instrumentingAgents.inspectorDOMAgent())

        return domAgent->identifierForNode(node);

    return 0;

}

void InspectorInstrumentation::willInsertDOMNodeImpl(InstrumentingAgents& instrumentingAgents, Node& parent)

{

    if (InspectorDOMDebuggerAgent* domDebuggerAgent = instrumentingAgents.inspectorDOMDebuggerAgent())

Source/WebCore/inspector/InspectorInstrumentation.h

@@public:

    static void didClearWindowObjectInWorld(Frame&, DOMWrapperWorld&);

    static bool isDebuggerPaused(Frame*);

109 static int identifierForNode(Node&);

    static void willInsertDOMNode(Document&, Node& parent);

    static void didInsertDOMNode(Document&, Node&);

    static void willRemoveDOMNode(Document&, Node&);

@@private:

    static void didClearWindowObjectInWorldImpl(InstrumentingAgents&, Frame&, DOMWrapperWorld&);

    static bool isDebuggerPausedImpl(InstrumentingAgents&);

294 static int identifierForNodeImpl(InstrumentingAgents&, Node&);

    static void willInsertDOMNodeImpl(InstrumentingAgents&, Node& parent);

    static void didInsertDOMNodeImpl(InstrumentingAgents&, Node&);

    static void willRemoveDOMNodeImpl(InstrumentingAgents&, Node&);

@@inline bool InspectorInstrumentation::isDebuggerPaused(Frame* frame)

    return false;

}

inline int InspectorInstrumentation::identifierForNode(Node& node)

{

    FAST_RETURN_IF_NO_FRONTENDS(0);

    if (InstrumentingAgents* instrumentingAgents = instrumentingAgentsForDocument(node.document()))

        return identifierForNodeImpl(*instrumentingAgents, node);

    return 0;

}

inline void InspectorInstrumentation::willInsertDOMNode(Document& document, Node& parent)

{

    FAST_RETURN_IF_NO_FRONTENDS(void());

Source/WebCore/inspector/agents/InspectorCanvasAgent.cpp

@@void InspectorCanvasAgent::enable(ErrorString&)

    const bool captureBacktrace = false;

    for (auto& inspectorCanvas : m_identifierToInspectorCanvas.values()) {

102 m_frontendDispatcher->canvasAdded(inspectorCanvas->buildObjectForCanvas(~~m_instrumentingAgents,~~ captureBacktrace));

102 m_frontendDispatcher->canvasAdded(inspectorCanvas->buildObjectForCanvas(captureBacktrace));

#if ENABLE(WEBGL)

        if (is<WebGLRenderingContextBase>(inspectorCanvas->context())) {

@@void InspectorCanvasAgent::didCreateCanvasRenderingContext(CanvasRenderingContex

    if (m_enabled) {

        const bool captureBacktrace = true;

434 m_frontendDispatcher->canvasAdded(inspectorCanvas->buildObjectForCanvas(~~m_instrumentingAgents,~~ captureBacktrace));

434 m_frontendDispatcher->canvasAdded(inspectorCanvas->buildObjectForCanvas(captureBacktrace));

    }

    m_identifierToInspectorCanvas.set(inspectorCanvas->identifier(), WTFMove(inspectorCanvas));

Source/WebCore/inspector/agents/InspectorDOMAgent.cpp

@@void InspectorDOMAgent::didCommitLoad(Document* document)

    m_frontendDispatcher->childNodeInserted(parentId, prevId, WTFMove(value));

}

int InspectorDOMAgent::identifierForNode(Node& node)

{

    return pushNodePathToFrontend(&node);

}

void InspectorDOMAgent::didInsertDOMNode(Node& node)

{

    if (containsOnlyHTMLWhitespace(&node))

Source/WebCore/inspector/agents/InspectorDOMAgent.h

@@public:

    // InspectorInstrumentation

160 int identifierForNode(Node&);

    void didInsertDOMNode(Node&);

    void didRemoveDOMNode(Node&);

    void willModifyDOMAttr(Element&, const AtomicString& oldValue, const AtomicString& newValue);

Source/WebCore/inspector/agents/InspectorNetworkAgent.cpp

#include "FrameLoader.h"

#include "HTTPHeaderMap.h"

#include "HTTPHeaderNames.h"

48#include "InspectorDOMAgent.h"

#include "InspectorTimelineAgent.h"

#include "InstrumentingAgents.h"

#include "JSExecState.h"

@@void InspectorNetworkAgent::willSendRequest(unsigned long identifier, DocumentLo

    auto protocolResourceType = InspectorPageAgent::resourceTypeJSON(type);

    Document* document = loader && loader->frame() ? loader->frame()->document() : nullptr;

389 auto initiatorObject = buildInitiatorObject(document);

390 auto initiatorObject = buildInitiatorObject(document, request);

    String url = loader ? loader->url().string() : request.url();

    m_frontendDispatcher->requestWillBeSent(requestId, frameId, loaderId, url, buildObjectForResourceRequest(request), sendTimestamp, walltime.secondsSinceEpoch().seconds(), initiatorObject, buildObjectForResourceResponse(redirectResponse, nullptr), type != InspectorPageAgent::OtherResource ? &protocolResourceType : nullptr, targetId.isEmpty() ? nullptr : &targetId);

@@void InspectorNetworkAgent::didLoadResourceFromMemoryCache(DocumentLoader* loade

    m_resourcesData->resourceCreated(requestId, loaderId, resource);

569 ~~RefPtr<Inspector::Protocol::Network::Initiator>~~ initiatorObject = buildInitiatorObject(loader->frame() ? loader->frame()->document() : nullptr);

570 auto initiatorObject = buildInitiatorObject(loader->frame() ? loader->frame()->document() : nullptr, resource.resourceRequest());

    // FIXME: It would be ideal to generate the Network.Response with the MemoryCache source

    // instead of whatever ResourceResponse::Source the CachedResources's response has.

@@void InspectorNetworkAgent::didScheduleStyleRecalculation(Document& document)

        m_styleRecalculationInitiator = buildInitiatorObject(&document);

}

639 RefPtr<Inspector::Protocol::Network::Initiator> InspectorNetworkAgent::buildInitiatorObject(Document* document)

640RefPtr<Inspector::Protocol::Network::Initiator> InspectorNetworkAgent::buildInitiatorObject(Document* document, std::optional<const ResourceRequest&> resourceRequest)

{

    // FIXME: Worker support.

    if (!isMainThread()) {

@@RefPtr<Inspector::Protocol::Network::Initiator> InspectorNetworkAgent::buildInit

            .release();

    }

649 RefPtr<Inspector::Protocol::Network::Initiator> initiatorObject;

650

648651 Ref<ScriptCallStack> stackTrace = createScriptCallStack(JSExecState::currentState());

649652 if (stackTrace->size() > 0) {

650 ~~auto~~ initiatorObject = Inspector::Protocol::Network::Initiator::create()

653 initiatorObject = Inspector::Protocol::Network::Initiator::create()

            .setType(Inspector::Protocol::Network::Initiator::Type::Script)

            .release();

        initiatorObject->setStackTrace(stackTrace->buildInspectorArray());

        return WTFMove(initiatorObject);

    }

    if (document && document->scriptableDocumentParser()) {

        auto initiatorObject = Inspector::Protocol::Network::Initiator::create()

657 } else if (document && document->scriptableDocumentParser()) {

658 initiatorObject = Inspector::Protocol::Network::Initiator::create()

            .setType(Inspector::Protocol::Network::Initiator::Type::Parser)

            .release();

        initiatorObject->setUrl(document->url().string());

        initiatorObject->setLineNumber(document->scriptableDocumentParser()->textPosition().m_line.oneBasedInt());

663 return WTFMove(initiatorObject);

664663 }

665664

    auto domAgent = m_instrumentingAgents.inspectorDOMAgent();

    if (domAgent && resourceRequest) {

        if (int initiatorNodeIdentifier = resourceRequest->initiatorNodeIdentifier()) {

            if (!initiatorObject) {

                initiatorObject = Inspector::Protocol::Network::Initiator::create()

                    .setType(Inspector::Protocol::Network::Initiator::Type::Other)

                    .release();

            }

            initiatorObject->setNodeId(initiatorNodeIdentifier);

        }

    }

    if (initiatorObject)

        return initiatorObject;

    if (m_isRecalculatingStyle && m_styleRecalculationInitiator)

        return m_styleRecalculationInitiator;

Source/WebCore/inspector/agents/InspectorNetworkAgent.h

@@private:

    WebSocket* webSocketForRequestId(const String& requestId);

135 RefPtr<Inspector::Protocol::Network::Initiator> buildInitiatorObject(Document*);

135 RefPtr<Inspector::Protocol::Network::Initiator> buildInitiatorObject(Document*, std::optional<const ResourceRequest&> = std::nullopt);

    Ref<Inspector::Protocol::Network::ResourceTiming> buildObjectForTiming(const NetworkLoadMetrics&, ResourceLoader&);

    Ref<Inspector::Protocol::Network::Metrics> buildObjectForMetrics(const NetworkLoadMetrics&);

    RefPtr<Inspector::Protocol::Network::Response> buildObjectForResourceResponse(const ResourceResponse&, ResourceLoader*);

Source/WebCore/loader/FrameLoader.cpp

#include "MemoryRelease.h"

#include "NavigationDisabler.h"

#include "NavigationScheduler.h"

91#include "Node.h"

#include "Page.h"

#include "PageCache.h"

#include "PageTransitionEvent.h"

@@const ResourceRequest& FrameLoader::initialRequest() const

    return activeDocumentLoader()->originalRequest();

}

1655 bool FrameLoader::willLoadMediaElementURL(URL& url)

1656bool FrameLoader::willLoadMediaElementURL(URL& url, Node& initiatorNode)

{

#if PLATFORM(IOS)

    // MobileStore depends on the iOS 4.0 era client delegate method because webView:resource:willSendRequest:redirectResponse:fromDataSource

@@bool FrameLoader::willLoadMediaElementURL(URL& url)

#endif

    ResourceRequest request(url);

1666 request.setInitiatorNodeIdentifier(InspectorInstrumentation::identifierForNode(initiatorNode));

    unsigned long identifier;

    ResourceError error;

Source/WebCore/loader/FrameLoader.h

@@class HistoryController;

class HistoryItem;

class NavigationAction;

class NetworkingContext;

75class Node;

class Page;

class PolicyChecker;

class ResourceError;

@@public:

    const ResourceRequest& initialRequest() const;

    void receivedMainResourceError(const ResourceError&);

180 bool willLoadMediaElementURL(URL&);

181 bool willLoadMediaElementURL(URL&, Node&);

    void handleFallbackContent();

Source/WebCore/loader/ImageLoader.cpp

#include "HTMLNames.h"

#include "HTMLObjectElement.h"

#include "HTMLParserIdioms.h"

40#include "InspectorInstrumentation.h"

#include "Page.h"

#include "RenderImage.h"

#include "RenderSVGImage.h"

@@void ImageLoader::updateFromElement()

        options.sameOriginDataURLFlag = SameOriginDataURLFlag::Set;

        auto crossOriginAttribute = element().attributeWithoutSynchronization(HTMLNames::crossoriginAttr);

182 auto request = createPotentialAccessControlRequest(document.completeURL(sourceURI(attr)), document, crossOriginAttribute, WTFMove(options));

        ResourceRequest resourceRequest(document.completeURL(sourceURI(attr)));

        resourceRequest.setInitiatorNodeIdentifier(InspectorInstrumentation::identifierForNode(m_element));

        auto request = createPotentialAccessControlRequest(WTFMove(resourceRequest), document, crossOriginAttribute, WTFMove(options));

        request.setInitiator(element());

        if (m_loadManually) {

Source/WebCore/loader/MediaResourceLoader.cpp

#include "CrossOriginAccessControl.h"

#include "Document.h"

#include "HTMLMediaElement.h"

38#include "InspectorInstrumentation.h"

#include "SecurityOrigin.h"

#include <wtf/NeverDestroyed.h>

@@RefPtr<PlatformMediaResource> MediaResourceLoader::requestResource(ResourceReque

    auto cachingPolicy = options & LoadOption::DisallowCaching ? CachingPolicy::DisallowCaching : CachingPolicy::AllowCaching;

    request.setRequester(ResourceRequest::Requester::Media);

    if (m_mediaElement)

        request.setInitiatorNodeIdentifier(InspectorInstrumentation::identifierForNode(*m_mediaElement));

#if HAVE(AVFOUNDATION_LOADER_DELEGATE) && PLATFORM(MAC)

    // FIXME: Workaround for <rdar://problem/26071607>. We are not able to do CORS checking on 304 responses because they are usually missing the headers we need.

    if (!m_crossOriginMode.isNull())

Source/WebCore/loader/TextTrackLoader.cpp

#include "CachedTextTrack.h"

#include "CrossOriginAccessControl.h"

#include "Document.h"

38#include "HTMLTrackElement.h"

39#include "InspectorInstrumentation.h"

#include "Logging.h"

#include "SharedBuffer.h"

#include "VTTCue.h"

@@void TextTrackLoader::notifyFinished(CachedResource& resource)

    cancelLoad();

}

145 bool TextTrackLoader::load(const URL& url, ~~const String& crossOriginMode, bool isInitiating~~Element~~InUserAg~~ent~~ShadowTree~~)

147bool TextTrackLoader::load(const URL& url, HTMLTrackElement& element)

{

    cancelLoad();

@@bool TextTrackLoader::load(const URL& url, const String& crossOriginMode, bool i

    Document& document = downcast<Document>(*m_scriptExecutionContext);

    ResourceLoaderOptions options = CachedResourceLoader::defaultCachedResourceOptions();

153 options.contentSecurityPolicyImposition = ~~isInitiatingE~~lementInUserAgentShadowTree ? ContentSecurityPolicyImposition::SkipPolicyCheck : ContentSecurityPolicyImposition::DoPolicyCheck;

155 options.contentSecurityPolicyImposition = element.isInUserAgentShadowTree() ? ContentSecurityPolicyImposition::SkipPolicyCheck : ContentSecurityPolicyImposition::DoPolicyCheck;

154156

155 auto cueRequest = createPotentialAccessControlRequest(document.completeURL(url), document, crossOriginMode, WTFMove(options));

    ResourceRequest resourceRequest(document.completeURL(url));

    if (auto mediaElement = element.mediaElement())

        resourceRequest.setInitiatorNodeIdentifier(InspectorInstrumentation::identifierForNode(*mediaElement));

    auto cueRequest = createPotentialAccessControlRequest(WTFMove(resourceRequest), document, element.mediaElementCrossOriginAttribute(), WTFMove(options));

    m_resource = document.cachedResourceLoader().requestTextTrack(WTFMove(cueRequest)).value_or(nullptr);

    if (!m_resource)

        return false;

Source/WebCore/loader/TextTrackLoader.h

@@namespace WebCore {

class CachedTextTrack;

class Document;

40class HTMLTrackElement;

class TextTrackLoader;

class ScriptExecutionContext;

@@public:

    TextTrackLoader(TextTrackLoaderClient&, ScriptExecutionContext*);

    virtual ~TextTrackLoader();

59 bool load(const URL&, ~~const String& crossOriginMode, bool isInitiating~~Element~~InUserAgentShadowTree~~);

60 bool load(const URL&, HTMLTrackElement&);

    void cancelLoad();

    void getNewCues(Vector<RefPtr<TextTrackCue>>& outputCues);

    void getNewRegions(Vector<RefPtr<VTTRegion>>& outputRegions);

Source/WebCore/loader/cache/CachedResourceLoader.cpp

@@bool CachedResourceLoader::shouldContinueAfterNotifyingLoadedFromMemoryCache(con

    ResourceRequest newRequest = ResourceRequest(resource.url());

    newRequest.setInitiatorIdentifier(request.resourceRequest().initiatorIdentifier());

603 newRequest.setInitiatorNodeIdentifier(request.resourceRequest().initiatorNodeIdentifier());

    if (request.resourceRequest().hiddenFromInspector())

        newRequest.setHiddenFromInspector(true);

    frame()->loader().loadedResourceFromMemoryCache(resource, newRequest, error);

Source/WebCore/platform/network/ResourceRequestBase.cpp

@@void ResourceRequestBase::setAsIsolatedCopy(const ResourceRequest& other)

    setPriority(other.priority());

    setRequester(other.requester());

    setInitiatorIdentifier(other.initiatorIdentifier().isolatedCopy());

68 setInitiatorNodeIdentifier(other.initiatorNodeIdentifier());

    setCachePartition(other.cachePartition().isolatedCopy());

    if (!other.isSameSiteUnspecified()) {

Source/WebCore/platform/network/ResourceRequestBase.h

@@public:

    String initiatorIdentifier() const { return m_initiatorIdentifier; }

    void setInitiatorIdentifier(const String& identifier) { m_initiatorIdentifier = identifier; }

    // Additional information for the Inspector to be able to identify the node that initiated this request.

    int initiatorNodeIdentifier() const { return m_initiatorNodeIdentifier; }

    void setInitiatorNodeIdentifier(int initiatorNodeIdentifier) { m_initiatorNodeIdentifier = initiatorNodeIdentifier; }

#if USE(SYSTEM_PREVIEW)

    WEBCORE_EXPORT bool isSystemPreview() const;

    WEBCORE_EXPORT void setSystemPreview(bool);

@@protected:

    SameSiteDisposition m_sameSiteDisposition { SameSiteDisposition::Unspecified };

    ResourceLoadPriority m_priority { ResourceLoadPriority::Low };

    Requester m_requester { Requester::Unspecified };

239 int m_initiatorNodeIdentifier;

    bool m_allowCookies { false };

    mutable bool m_resourceRequestUpdated { false };

    mutable bool m_platformRequestUpdated { false };

Source/WebCore/platform/network/cf/ResourceRequestCFNet.cpp

@@void ResourceRequest::updateFromDelegatePreservingOldProperties(const ResourceRe

    bool isHiddenFromInspector = hiddenFromInspector();

    auto oldRequester = requester();

    auto oldInitiatorIdentifier = initiatorIdentifier();

374 auto oldInitiatorNodeIdentifier = initiatorNodeIdentifier();

    *this = delegateProvidedRequest;

@@void ResourceRequest::updateFromDelegatePreservingOldProperties(const ResourceRe

    setHiddenFromInspector(isHiddenFromInspector);

    setRequester(oldRequester);

    setInitiatorIdentifier(oldInitiatorIdentifier);

383 setInitiatorNodeIdentifier(oldInitiatorNodeIdentifier);

}

bool ResourceRequest::httpPipeliningEnabled()

Source/WebInspectorUI/ChangeLog

2018-09-21  Devin Rousso  <drousso@apple.com>

        Web Inspector: group media network entries by the node that triggered the request

        https://bugs.webkit.org/show_bug.cgi?id=189606

        <rdar://problem/44438527>

        Reviewed by NOBODY (OOPS!).

        Introduces a `WI.NavigationItem` for changing whether network entries are grouped by the

        node that initiated the load (if appliable). When grouped by node, a tree-like layout of the

        table cells (including expand/collapse) is used for resources that share the same initiator

        node. The values for the node's cell are based on it's initated resources.

        * Localizations/en.lproj/localizedStrings.js:

        * UserInterface/Base/Setting.js:

        * UserInterface/Controllers/DOMTreeManager.js:

        (WI.DOMTreeManager):

        (WI.DOMTreeManager.prototype._mainResourceDidChange):

        Whenever the frame navigates, re-reqeust the document so that `NetworkAgent` is able to send

        valid `nodeId` for each request's `initiatorNode`. This means that the document should

        always be available.

        * UserInterface/Views/NetworkTableContentView.js:

        (WI.NetworkTableContentView):

        (WI.NetworkTableContentView.prototype.get filterNavigationItems):

        (WI.NetworkTableContentView.prototype.closed):

        (WI.NetworkTableContentView.prototype.reset):

        (WI.NetworkTableContentView.prototype.tableSortChanged):

        (WI.NetworkTableContentView.prototype.tableSelectedRowChanged):

        (WI.NetworkTableContentView.prototype.tablePopulateCell):

        (WI.NetworkTableContentView.prototype._populateNameCell.createIconElement): Added.

        (WI.NetworkTableContentView.prototype._populateNameCell):

        (WI.NetworkTableContentView.prototype._populateDomainCell.createIconAndText): Added.

        (WI.NetworkTableContentView.prototype._populateDomainCell):

        (WI.NetworkTableContentView.prototype._populateInitiatorCell):

        (WI.NetworkTableContentView.prototype._populateTransferSizeCell):

        (WI.NetworkTableContentView.prototype._generateSortComparator):

        (WI.NetworkTableContentView.prototype._processPendingEntries):

        (WI.NetworkTableContentView.prototype._updateEntryForResource.updateEntry): Added.

        (WI.NetworkTableContentView.prototype._updateEntryForResource):

        (WI.NetworkTableContentView.prototype._insertResourceAndReloadTable):

        (WI.NetworkTableContentView.prototype._entryForDOMNode): Added.

        (WI.NetworkTableContentView.prototype._tryLinkResourceToDOMNode): Added.

        (WI.NetworkTableContentView.prototype._uniqueValuesForDOMNodeEntry): Added.

        (WI.NetworkTableContentView.prototype._updateFilteredEntries):

        (WI.NetworkTableContentView.prototype._handleGroupByDOMNodeCheckedDidChange): Added.

        * UserInterface/Views/NetworkTableContentView.css:

        (.network-table .cell.dom-node.name .icon): Added.

        (.network-table .cell.dom-node.name .disclosure): Added.

        (body[dir=rtl] .network-table .cell.dom-node.name .disclosure): Added.

        (.network-table:focus li.selected .cell.dom-node.name .disclosure): Added.

        (.network-table .cell.dom-node.name .disclosure.expanded): Added.

        (.network-table:focus li.selected .cell.node.name .disclosure.expanded): Added.

        (.network-table .cell.grouped-by-node.name): Added.

        (body[dir=ltr] .network-table .cell.grouped-by-node.name): Added.

        (body[dir=rtl] .network-table .cell.grouped-by-node.name): Added.

        (.network-table li:not(.selected) .cell:matches(.cache-type, .multiple)): Added.

        (.network-table li.selected .cell.domain > .lock): Added.

        (.network-table .cache-type): Deleted.

        When two resources are added that share the same `initiatorNode`, insert a node entry into

        the `WI.Table` before the first resource entry for that node (based on the current sort).

        This node entry is added after the resource entries are filtered, so they won't appear in

        the default entries list.

        * UserInterface/Models/Resource.js:

        (WI.Resource):

        * UserInterface/Models/SourceMapResource.js:

        (WI.SourceMapResource):

        * UserInterface/Models/WebSocketResource.js:

        (WI.WebSocketResource):

        * UserInterface/Controllers/FrameResourceManager.js:

        (WI.FrameResourceManager.prototype.frameDidNavigate):

        (WI.FrameResourceManager.prototype.resourceRequestWillBeSent):

        (WI.FrameResourceManager.prototype.webSocketWillSendHandshakeRequest):

        (WI.FrameResourceManager.prototype.resourceRequestWasServedFromMemoryCache):

        (WI.FrameResourceManager.prototype.resourceRequestDidReceiveResponse):

        (WI.FrameResourceManager.prototype._addNewResourceToFrameOrTarget.createResourceFromArguments): Added.

        (WI.FrameResourceManager.prototype._addNewResourceToFrameOrTarget):

        (WI.FrameResourceManager.prototype._initiatorNodeFromPayload):

        (WI.FrameResourceManager.prototype._createFrame):

        (WI.FrameResourceManager.prototype._createResource):

        Use an object to pass all optional parameters when creating `WI.Resource`.

        * UserInterface/Images/Range.svg: Added.

        * UserInterface/Views/ResourceIcons.css:

        (.resource-icon.resource-type-range .icon): Added.

2018-09-21  Nikita Vasilyev  <nvasilyev@apple.com>

        REGRESSION(r236237): Web Inspector: DarkMode: white background in Elements and Timelines

Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js

@@localizedStrings["(async)"] = "(async)";

localizedStrings["(disk)"] = "(disk)";

localizedStrings["(many)"] = "(many)";

localizedStrings["(memory)"] = "(memory)";

60localizedStrings["(multiple)"] = "(multiple)";

localizedStrings["(program)"] = "(program)";

localizedStrings["(service worker)"] = "(service worker)";

localizedStrings["(uninitialized)"] = "(uninitialized)";

@@localizedStrings["Breakpoints"] = "Breakpoints";

localizedStrings["Breakpoints disabled"] = "Breakpoints disabled";

localizedStrings["Bubbling"] = "Bubbling";

localizedStrings["Busy"] = "Busy";

143localizedStrings["Byte Range %s"] = "Byte Range %s";

localizedStrings["Bytes Received"] = "Bytes Received";

localizedStrings["Bytes Sent"] = "Bytes Sent";

localizedStrings["CSP Hash"] = "CSP Hash";

Source/WebInspectorUI/UserInterface/Base/Setting.js

@@WI.settings = {

    showCanvasPath: new WI.Setting("show-canvas-path", false),

    selectedNetworkDetailContentViewIdentifier: new WI.Setting("network-detail-content-view-identifier", "preview"),

    showRulers: new WI.Setting("show-rulers", false),

120 groupByDOMNode: new WI.Setting("group-by-dom-node", false),

    // Experimental

    experimentalEnableLayersTab: new WI.Setting("experimental-enable-layers-tab", false),

Source/WebInspectorUI/UserInterface/Controllers/DOMTreeManager.js

@@WI.DOMTreeManager = class DOMTreeManager extends WI.Object

        this._breakpointsForEventListeners = new Map;

        WI.Frame.addEventListener(WI.Frame.Event.MainResourceDidChange, this._mainResourceDidChange, this);

49

50 this.ensureDocument();

    }

    // Public

@@WI.DOMTreeManager = class DOMTreeManager extends WI.Object

    _mainResourceDidChange(event)

    {

631 if (event.target.isMainFrame())

632 this._restoreSelectedNodeIsAllowed = true;

        if (!event.target.isMainFrame())

            return;

        this._restoreSelectedNodeIsAllowed = true;

        this.ensureDocument();

    }

};

Source/WebInspectorUI/UserInterface/Controllers/FrameResourceManager.js

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

            // If the frame wasn't known before now, then the main resource was loaded instantly (about:blank, etc.)

            // Make a new resource (which will make the frame). Mark will mark it as loaded at the end too since we

            // don't expect any more events about the load finishing for these frames.

91 var frameResource = this._addNewResourceToFrameOrTarget(null, framePayload.id, framePayload.loaderId, framePayload.url, null, null, null, null, null, null, framePayload.name, framePayload.securityOrigin);

            const requestIdentifier = null;

            const type = null;

            const requestMethod = null;

            const requestHeaders = null;

            const requestData = null;

            const elapsedTime = null;

            const walltime = null;

            var frameResource = this._addNewResourceToFrameOrTarget(requestIdentifier, framePayload.id, framePayload.loaderId, framePayload.url, type, requestMethod, requestHeaders, requestData, elapsedTime, walltime, framePayload.name, framePayload.securityOrigin);

            frame = frameResource.parentFrame;

            frameWasLoadedInstantly = true;

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

            // There was a provisional load in progress, commit it.

            frame.commitProvisionalLoad(framePayload.securityOrigin);

        } else {

111 let mainResource = null;

104112 if (frame.mainResource.url !== framePayload.url || frame.loaderIdentifier !== framePayload.loaderId) {

105113 // Navigations like back/forward do not have provisional loads, so create a new main resource here.

106 var mainResource = new WI.Resource(framePayload.url, framePayload.mimeType, null, framePayload.loaderId);

                mainResource = new WI.Resource(framePayload.url, {

                    mimeType: framePayload.mimeType,

                    loaderIdentifier: framePayload.loaderId,

                });

107118 } else {

108119 // The main resource is already correct, so reuse it.

109 ~~var~~ mainResource = frame.mainResource;

120 mainResource = frame.mainResource;

            }

            frame.initialize(framePayload.name, framePayload.securityOrigin, framePayload.loaderId, mainResource);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        }

        var initiatorSourceCodeLocation = this._initiatorSourceCodeLocationFromPayload(initiator);

206 let initiatorNode = this._initiatorNodeFromPayload(initiator);

195207

196208 // This is a new request, make a new resource and add it to the right frame.

197 resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, request.url, type, request.method, request.headers, request.postData, elapsedTime, walltime, null, null, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp, targetId);

        const frameName = null;

        const frameSecurityOrigin = null;

        resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, request.url, type, request.method, request.headers, request.postData, elapsedTime, walltime, frameName, frameSecurityOrigin, initiatorSourceCodeLocation, initiatorNode, originalRequestWillBeSentTimestamp, targetId);

        // Associate the resource with the requestIdentifier so it can be found in future loading events.

        this._resourceRequestIdentifierMap.set(requestIdentifier, resource);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        this._webSocketIdentifierToURL.set(requestId, url);

    }

208 webSocketWillSendHandshakeRequest(requestId, timestamp, walltime, request)

222 webSocketWillSendHandshakeRequest(requestIdentifier, timestamp, walltime, request)

209223 {

210 let url = this._webSocketIdentifierToURL.get(requestId);

224 let url = this._webSocketIdentifierToURL.get(requestIdentifier);

        console.assert(url);

        if (!url)

            return;

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        // FIXME: <webkit.org/b/168475> Web Inspector: Correctly display iframe's and worker's WebSockets

        let frameIdentifier = WI.frameResourceManager.mainFrame.id;

        let loaderIdentifier = WI.frameResourceManager.mainFrame.id;

224 let targetId;

225238

226239 let frame = this.frameForIdentifier(frameIdentifier);

        let requestData = null;

        let elapsedTime = WI.timelineManager.computeElapsedTime(timestamp);

        let initiatorSourceCodeLocation = null;

230240

231 let resource = new WI.WebSocketResource(url, loaderIdentifier, targetId, requestId, request.headers, requestData, timestamp, walltime, elapsedTime, initiatorSourceCodeLocation);

        let resource = new WI.WebSocketResource(url, {

            loaderIdentifier,

            requestIdentifier,

            requestHeaders: request.headers,

            timestamp,

            walltime,

            elapsedTime: WI.timelineManager.computeElapsedTime(timestamp),

        });

        frame.addResource(resource);

235 this._resourceRequestIdentifierMap.set(requestId, resource);

252 this._resourceRequestIdentifierMap.set(requestIdentifier, resource);

    }

    webSocketHandshakeResponseReceived(requestId, timestamp, response)

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        console.assert(!this._resourceRequestIdentifierMap.has(requestIdentifier));

        const requestMethod = "GET";

        const requestHeaders = null;

        const requestData = null;

328348 let elapsedTime = WI.timelineManager.computeElapsedTime(timestamp);

        const walltime = null;

        const frameName = null;

        const frameSecurityOrigin = null;

329352 let initiatorSourceCodeLocation = this._initiatorSourceCodeLocationFromPayload(initiator);

        let initiatorNode = this._initiatorNodeFromPayload(initiator);

        let resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, cachedResourcePayload.url, cachedResourcePayload.type, requestMethod, requestHeaders, requestData, elapsedTime, walltime, frameName, frameSecurityOrigin, initiatorSourceCodeLocation, initiatorNode);

330356 let response = cachedResourcePayload.response;

331357 const responseSource = NetworkAgent.ResponseSource.MemoryCache;

332

333 let resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, cachedResourcePayload.url, cachedResourcePayload.type, "GET", null, null, elapsedTime, null, null, null, initiatorSourceCodeLocation);

        resource.updateForResponse(cachedResourcePayload.url, response.mimeType, cachedResourcePayload.type, response.headers, response.status, response.statusText, elapsedTime, response.timing, responseSource);

        resource.increaseSize(cachedResourcePayload.bodySize, elapsedTime);

        resource.increaseTransferSize(cachedResourcePayload.bodySize);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        // If we haven't found an existing Resource by now, then it is a resource that was loading when the inspector

        // opened and we just missed the resourceRequestWillBeSent for it. So make a new resource and add it.

        if (!resource) {

380 resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, response.url, type, null, response.requestHeaders, null, elapsedTime, null, null, null, null);

            const requestMethod = null;

            const requestData = null;

            resource = this._addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, response.url, type, requestMethod, response.requestHeaders, requestData, elapsedTime);

            // Associate the resource with the requestIdentifier so it can be found in future loading events.

            this._resourceRequestIdentifierMap.set(requestIdentifier, resource);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

    // Private

504 _addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, url, type, requestMethod, requestHeaders, requestData, elapsedTime, walltime, frameName, frameSecurityOrigin, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp, targetId)

530 _addNewResourceToFrameOrTarget(requestIdentifier, frameIdentifier, loaderIdentifier, url, type, requestMethod, requestHeaders, requestData, elapsedTime, walltime, frameName, frameSecurityOrigin, initiatorSourceCodeLocation, initiatorNode, originalRequestWillBeSentTimestamp, targetIdentifier)

    {

        console.assert(!this._waitingForMainFrameResourceTreePayload);

        function createResourceFromArguments() {

            return new WI.Resource(url, {

                type,

                loaderIdentifier,

                targetIdentifier,

                requestIdentifier,

                requestMethod,

                requestHeaders,

                requestData,

                requestSentTimestamp: elapsedTime,

                requestSentWalltime: walltime,

                initiatorSourceCodeLocation,

                initiatorNode,

                originalRequestWillBeSentTimestamp,

            });

        }

508551 let resource = null;

509552

510 if (!frameIdentifier && targetId) {

553 if (!frameIdentifier && targetIdentifier) {

511554 // This is a new resource for a ServiceWorker target.

512555 console.assert(WI.sharedApp.debuggableType === WI.DebuggableType.ServiceWorker);

513 console.assert(targetId === WI.mainTarget.identifier);

514 resource = n~~ew WI.~~Resource(~~url, null, type, loaderId~~ent~~ifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, elapsedTime, walltime, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp~~);

556 console.assert(targetIdentifier === WI.mainTarget.identifier);

557 resource = createResourceFromArguments();

            resource.target.addResource(resource);

            return resource;

        }

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

            else if (type === "Document" && frame.provisionalMainResource && frame.provisionalMainResource.url === url && frame.provisionalLoaderIdentifier === loaderIdentifier)

                resource = frame.provisionalMainResource;

            else {

527 resource = n~~ew WI.~~Resource(~~url, null, type, loaderId~~ent~~ifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, elapsedTime, walltime, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp~~);

570 resource = createResourceFromArguments();

                if (resource.target === WI.pageTarget)

                    this._addResourceToFrame(frame, resource);

                else if (resource.target)

                    resource.target.addResource(resource);

                else

533 this._addOrphanedResource(resource, targetId);

576 this._addOrphanedResource(resource, targetIdentifier);

            }

        } else {

            // This is a new request for a new frame, which is always the main resource.

            console.assert(WI.sharedApp.debuggableType !== WI.DebuggableType.ServiceWorker);

538 console.assert(!targetId);

539 resource = n~~ew WI.~~Resource(~~url, null, type, loaderId~~ent~~ifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, elapsedTime, walltime, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp~~);

581 console.assert(!targetIdentifier);

582 resource = createResourceFromArguments();

            frame = new WI.Frame(frameIdentifier, frameName, frameSecurityOrigin, loaderIdentifier, resource);

            this._frameIdentifierMap.set(frame.id, frame);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

        return sourceCode.createSourceCodeLocation(lineNumber, columnNumber);

    }

    _initiatorNodeFromPayload(initiatorPayload)

    {

        return WI.domTreeManager.nodeForId(initiatorPayload.nodeId);

    }

    _processServiceWorkerConfiguration(error, initializationPayload)

    {

        console.assert(this._waitingForMainFrameResourceTreePayload);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

    {

        // If payload.url is missing or empty then this page is likely the special empty page. In that case

        // we will just say it is "about:blank" so we have a URL, which is required for resources.

689 var mainResource = new WI.Resource(payload.url || "about:blank", payload.mimeType, null, payload.loaderId);

        let mainResource = new WI.Resource(payload.url || "about:blank", {

            mimeType: payload.mimeType,

            loaderIdentifier: payload.loaderId,

        });

        var frame = new WI.Frame(payload.id, payload.name, payload.securityOrigin, payload.loaderId, mainResource);

        this._frameIdentifierMap.set(frame.id, frame);

@@WI.FrameResourceManager = class FrameResourceManager extends WI.Object

    _createResource(payload, framePayload)

    {

701 var resource = new WI.Resource(payload.url, payload.mimeType, payload.type, framePayload.loaderId, payload.targetId);

        let resource = new WI.Resource(payload.url, {

            mimeType: payload.mimeType,

            type: payload.type,

            loaderIdentifier: framePayload.loaderId,

            targetIdentifier: payload.targetId,

        });

        if (payload.sourceMapURL)

            WI.sourceMapManager.downloadSourceMap(payload.sourceMapURL, resource.url, resource);

Source/WebInspectorUI/UserInterface/Images/Range.svg

<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright © 2013 Apple Inc. All rights reserved. -->

<svg xmlns="http://www.w3.org/2000/svg" id="root" version="1.1" viewBox="0 0 16 16">

    <path fill="rgb(148, 183, 219)" d="M 13 1 L 3 1 C 1.898438 1 1 1.898438 1 3 L 1 13 C 1 14.101562 1.898438 15 3 15 L 13 15 C 14.101562 15 15 14.101562 15 13 L 15 3 C 15 1.898438 14.101562 1 13 1 Z"/>

    <path fill="rgb(106, 136, 170)" d="M 13 1 L 3 1 C 1.898438 1 1 1.898438 1 3 L 1 13 C 1 14.101562 1.898438 15 3 15 L 13 15 C 14.101562 15 15 14.101562 15 13 L 15 3 C 15 1.898438 14.101562 1 13 1 M 13 2 C 13.550781 2 14 2.449219 14 3 L 14 13 C 14 13.550781 13.550781 14 13 14 L 3 14 C 2.449219 14 2 13.550781 2 13 L 2 3 C 2 2.449219 2.449219 2 3 2 L 13 2"/>

    <path fill="white" d="M 7 7.632812 L 7.027344 7.632812 C 8.28125 7.632812 9.0625 7.144531 9.0625 6.167969 C 9.0625 5.453125 8.347656 5.097656 7.230469 5.097656 L 7 5.097656 Z M 5 12 L 5 4 L 8.109375 4 C 9.800781 4 11 4.675781 11 6 C 11 6.496094 10.855469 6.941406 10.570312 7.347656 C 10.285156 7.753906 9.53125 8.050781 9.03125 8.265625 L 11.75 12 L 9.402344 12 L 7.34375 8.730469 L 7 8.730469 L 7 12 Z"/>

    <path fill="rgb(113, 146, 184)" d="M 8.109375 3 L 4 3 L 4 13 L 8 13 L 8 11.644531 L 8.558594 12.53125 L 8.851562 13 L 13.714844 13 L 12.558594 11.410156 L 10.550781 8.652344 C 10.875 8.460938 11.175781 8.226562 11.386719 7.925781 C 11.792969 7.351562 12 6.703125 12 6 C 12 4.179688 10.472656 3 8.109375 3 M 7 7.632812 L 7.027344 7.632812 C 8.28125 7.632812 9.0625 7.144531 9.0625 6.167969 C 9.0625 5.453125 8.347656 5.097656 7.230469 5.097656 L 7 5.097656 L 7 7.632812 M 8.109375 4 C 9.796875 4 11 4.679688 11 6 C 11 6.492188 10.855469 6.941406 10.570312 7.347656 C 10.285156 7.753906 9.535156 8.050781 9.03125 8.265625 L 11.75 12 L 9.40625 12 L 7.34375 8.730469 L 7 8.730469 L 7 12 L 5 12 L 5 4 L 8.109375 4"/>

</svg>

Source/WebInspectorUI/UserInterface/Models/Resource.js

WI.Resource = class Resource extends WI.SourceCode

{

29 constructor(url, mimeType, type, loaderIdentifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, requestSentTimestamp, requestSentWalltime, initiatorSourceCodeLocation, originalRequestWillBeSentTimestamp)

29 constructor(url, {mimeType, type, loaderIdentifier, targetIdentifier, requestIdentifier, requestMethod, requestHeaders, requestData, requestSentTimestamp, requestSentWalltime, initiatorSourceCodeLocation, initiatorNode, originalRequestWillBeSentTimestamp} = {})

    {

        super();

@@WI.Resource = class Resource extends WI.SourceCode

        this._parentFrame = null;

        this._initiatorSourceCodeLocation = initiatorSourceCodeLocation || null;

        this._initiatedResources = [];

56 this._initiatorNode = initiatorNode || null;

        this._originalRequestWillBeSentTimestamp = originalRequestWillBeSentTimestamp || null;

        this._requestSentTimestamp = requestSentTimestamp || NaN;

        this._requestSentWalltime = requestSentWalltime || NaN;

@@WI.Resource = class Resource extends WI.SourceCode

        this._priority = WI.Resource.NetworkPriority.Unknown;

        this._remoteAddress = null;

        this._connectionIdentifier = null;

77 this._target = targetId ? WI.targetManager.targetForIdentifier(targetId) : WI.mainTarget;

78 this._target = targetIdentifier ? WI.targetManager.targetForIdentifier(targetIdentifier) : WI.mainTarget;

        // Exact sizes if loaded over the network or cache.

        this._requestHeadersTransferSize = NaN;

@@WI.Resource = class Resource extends WI.SourceCode

    get requestIdentifier() { return this._requestIdentifier; }

    get requestMethod() { return this._requestMethod; }

    get requestData() { return this._requestData; }

    get initiatorSourceCodeLocation() { return this._initiatorSourceCodeLocation; }

    get initiatedResources() { return this._initiatedResources; }

    get initiatorNode() { return this._initiatorNode; }

    get originalRequestWillBeSentTimestamp() { return this._originalRequestWillBeSentTimestamp; }

    get statusCode() { return this._statusCode; }

    get statusText() { return this._statusText; }

    get responseSource() { return this._responseSource; }

@@WI.Resource = class Resource extends WI.SourceCode

        return WI.truncateURL(this._url, isMultiLine, dataURIMaxSize);

    }

    get initiatorSourceCodeLocation()

    {

        return this._initiatorSourceCodeLocation;

    }

    get initiatedResources()

    {

        return this._initiatedResources;

    }

    get originalRequestWillBeSentTimestamp()

    {

        return this._originalRequestWillBeSentTimestamp;

    }

    get mimeType()

    {

        return this._mimeType;

Source/WebInspectorUI/UserInterface/Models/SourceMapResource.js

@@WI.SourceMapResource = class SourceMapResource extends WI.Resource

{

    constructor(url, sourceMap)

    {

30 super(url~~, null~~);

30 super(url);

        console.assert(url);

        console.assert(sourceMap);

Source/WebInspectorUI/UserInterface/Models/WebSocketResource.js

WI.WebSocketResource = class WebSocketResource extends WI.Resource

{

28 constructor(url, loaderIdentifier, targetId, requestIdentifier, requestHeaders, requestData, timestamp, walltime, requestSentTimestamp, initiatorSourceCodeLocation)

28 constructor(url, {loaderIdentifier, targetIdentifier, requestIdentifier, requestHeaders, requestData, timestamp, walltime, requestSentTimestamp, initiatorSourceCodeLocation} = {})

2929 {

        const type = WI.Resource.Type.WebSocket;

        const mimeType = null;

        const requestMethod = "GET";

        super(url, mimeType, type, loaderIdentifier, targetId, requestIdentifier, requestMethod, requestHeaders, requestData, requestSentTimestamp, initiatorSourceCodeLocation);

        super(url, {

            type: WI.Resource.Type.WebSocket,

            loaderIdentifier,

            targetIdentifier,

            requestIdentifier,

            requestMethod: "GET",

            requestHeaders,

            requestData,

            requestSentTimestamp,

            initiatorSourceCodeLocation,

        });

        this._timestamp = timestamp;

        this._walltime = walltime;

Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css

    cursor: pointer;

}

43 .network-table .cache-type {

.network-table .cell.dom-node.name .icon {

    content: url(../Images/DOMElement.svg);

}

.network-table .cell.dom-node.name .disclosure {

    width: 13px;

    height: 13px;

    vertical-align: -2px;

    content: url(../Images/DisclosureTriangles.svg#closed-normal);

    background-size: 13px 13px;

    background-repeat: no-repeat;

}

body[dir=rtl] .network-table .cell.dom-node.name .disclosure {

    transform: scaleX(-1);

}

.network-table:focus li.selected .cell.dom-node.name .disclosure {

    content: url(../Images/DisclosureTriangles.svg#closed-selected);

}

.network-table .cell.dom-node.name .disclosure.expanded {

    content: url(../Images/DisclosureTriangles.svg#open-normal);

}

.network-table:focus li.selected .cell.dom-node.name .disclosure.expanded {

    content: url(../Images/DisclosureTriangles.svg#open-selected);

}

.network-table .cell.grouped-by-node.name {

    --item-padding-start: 19px;

}

body[dir=ltr] .network-table .cell.grouped-by-node.name {

    padding-left: var(--item-padding-start);

}

body[dir=rtl] .network-table .cell.grouped-by-node.name {

    padding-right: var(--item-padding-start);

}

.network-table li:not(.selected) .cell:matches(.cache-type, .multiple) {

    color: var(--text-color-gray-medium);

}

    -webkit-margin-end: 5px;

}

.network-table li.selected .cell.domain > .lock {

    filter: invert();

}

body[dir=ltr] .network-table .cell.name > .status {

    float: right;

    margin-left: 4px;

Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.js

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        this._resourceDetailView = null;

        this._resourceDetailViewMap = new Map;

47 this._domNodeEntries = new Map;

48

        this._waterfallStartTime = NaN;

        this._waterfallEndTime = NaN;

        this._waterfallTimelineRuler = null;

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        this._typeFilterScopeBar = new WI.ScopeBar("network-type-filter-scope-bar", typeFilterScopeBarItems, typeFilterScopeBarItems[0]);

        this._typeFilterScopeBar.addEventListener(WI.ScopeBar.Event.SelectionChanged, this._typeFilterScopeBarSelectionChanged, this);

        this._groupByDOMNodeNavigationItem = new WI.CheckboxNavigationItem("group-by-node", WI.UIString("Group by Node"), WI.settings.groupByDOMNode.value);

        this._groupByDOMNodeNavigationItem.addEventListener(WI.CheckboxNavigationItem.Event.CheckedDidChange, this._handleGroupByDOMNodeCheckedDidChange, this);

        this._urlFilterSearchText = null;

        this._urlFilterSearchRegex = null;

        this._urlFilterIsActive = false;

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

    get filterNavigationItems()

    {

204 return [this._urlFilterNavigationItem, this._typeFilterScopeBar];

209 return [this._urlFilterNavigationItem, this._typeFilterScopeBar, this._groupByDOMNodeNavigationItem];

    }

    get supportsSave()

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            detailView.dispose();

        this._resourceDetailViewMap.clear();

249 this._domNodeEntries.clear();

250

        this._hidePopover();

        this._hideResourceDetailView();

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            detailView.dispose();

        this._resourceDetailViewMap.clear();

274 this._domNodeEntries.clear();

275

        this._waterfallStartTime = NaN;

        this._waterfallEndTime = NaN;

        this._updateWaterfallTimelineRuler();

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        this._hideResourceDetailView();

323 this._entries = this._entries.sort(this._entriesSortComparator);

        for (let nodeEntry of this._domNodeEntries.values())

            nodeEntry.initiatedResourceEntries.sort(this._entriesSortComparator);

        this._entries.sort(this._entriesSortComparator);

        this._updateFilteredEntries();

        this._table.reloadData();

    }

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            return;

        this._selectedResource = entry.resource;

363 this._showResourceDetailView(this._selectedResource);

        if (this._selectedResource)

            this._showResourceDetailView(this._selectedResource);

        else

            this._hideResourceDetailView();

    }

    tablePopulateCell(table, cell, column, rowIndex)

    {

        let entry = this._filteredEntries[rowIndex];

370 cell.classList.toggle("error", entry.resource.hadLoadingError());

        if (entry.resource)

            cell.classList.toggle("error", entry.resource.hadLoadingError());

        let setTextContent = (accessor) => {

            let uniqueValues = this._uniqueValuesForDOMNodeEntry(entry, accessor);

            if (uniqueValues) {

                if (uniqueValues.size > 1) {

                    cell.classList.add("multiple");

                    cell.textContent = WI.UIString("(multiple)");

                    return;

                }

                cell.textContent = uniqueValues.values().next().value || emDash;

                return;

            }

            cell.textContent = accessor(entry) || emDash;

        };

        switch (column.identifier) {

        case "name":

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            this._populateDomainCell(cell, entry);

            break;

        case "type":

380 c~~ell.~~textContent = entry.displayType ~~|| emDash~~;

413 setTextContent((resourceEntry) => resourceEntry.displayType);

381414 break;

382415 case "mimeType":

383 c~~ell.~~textContent = entry.mimeType ~~|| emDash~~;

416 setTextContent((resourceEntry) => resourceEntry.mimeType);

384417 break;

385418 case "method":

386 c~~ell.~~textContent = entry.method ~~|| emDash~~;

419 setTextContent((resourceEntry) => resourceEntry.method);

387420 break;

388421 case "scheme":

389 c~~ell.~~textContent = entry.scheme ~~|| emDash~~;

422 setTextContent((resourceEntry) => resourceEntry.scheme);

390423 break;

391424 case "status":

392 c~~ell.~~textContent = entry.status ~~|| emDash~~;

425 setTextContent((resourceEntry) => resourceEntry.status);

393426 break;

394427 case "protocol":

395 c~~ell.~~textContent = entry.protocol ~~|| emDash~~;

428 setTextContent((resourceEntry) => resourceEntry.protocol);

            break;

        case "initiator":

            this._populateInitiatorCell(cell, entry);

            break;

        case "priority":

401 c~~ell.~~textContent = WI.Resource.displayNameForPriority(entry.priority) ~~|| emDash~~;

434 setTextContent((resourceEntry) => WI.Resource.displayNameForPriority(resourceEntry.priority));

402435 break;

403436 case "remoteAddress":

404 c~~ell.~~textContent = entry.remoteAddress ~~|| emDash~~;

437 setTextContent((resourceEntry) => resourceEntry.remoteAddress);

405438 break;

406439 case "connectionIdentifier":

407 c~~ell.~~textContent = entry.connectionIdentifier ~~|| emDash~~;

440 setTextContent((resourceEntry) => resourceEntry.connectionIdentifier);

408441 break;

409442 case "resourceSize":

410 cell.textContent = isNaN(entry.resourceSize) ? emDash : Number.bytesToString(entry.resourceSize);

            var resourceSize = entry.resourceSize;

            var resourceEntries = entry.initiatedResourceEntries;

            if (resourceEntries)

                resourceSize = resourceEntries.reduce((accumulator, current) => accumulator + (current.transferSize || 0), 0);

            cell.textContent = isNaN(resourceSize) ? emDash : Number.bytesToString(resourceSize);

            break;

        case "transferSize":

            this._populateTransferSizeCell(cell, entry);

            break;

        case "time":

            // FIXME: <https://webkit.org/b/176748> Web Inspector: Frontend sometimes receives resources with negative duration (responseEnd - requestStart)

417 cell.textContent = isNaN(entry.time) ? emDash : Number.secondsToString(Math.max(entry.time, 0));

            var time = entry.time;

            var resourceEntries = entry.initiatedResourceEntries;

            if (resourceEntries)

                time = resourceEntries.reduce((accumulator, current) => accumulator + (current.time || 0), 0);

            cell.textContent = isNaN(time) ? emDash : Number.secondsToString(Math.max(time, 0));

            break;

        case "waterfall":

            this._populateWaterfallGraph(cell, entry);

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

    {

        console.assert(!cell.firstChild, "We expect the cell to be empty.", cell, cell.firstChild);

        function createIconElement() {

            let iconElement = cell.appendChild(document.createElement("img"));

            iconElement.className = "icon";

        }

        let domNode = entry.domNode;

        if (domNode) {

            let disclosureElement = cell.appendChild(document.createElement("img"));

            disclosureElement.classList.add("disclosure");

            disclosureElement.classList.toggle("expanded", !!entry.expanded);

            disclosureElement.addEventListener("click", (event) => {

                entry.expanded = !entry.expanded;

                this._updateFilteredEntries();

                this._table.reloadData();

            });

            createIconElement();

            cell.classList.add("dom-node");

            cell.appendChild(WI.linkifyNodeReference(domNode));

            return;

        }

        let resource = entry.resource;

        if (resource.isLoading()) {

            let statusElement = cell.appendChild(document.createElement("div"));

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            statusElement.appendChild(spinner.element);

        }

        let iconElement = cell.appendChild(document.createElement("img"));

        iconElement.className = "icon";

        cell.classList.add(WI.ResourceTreeElement.ResourceIconStyleClassName, entry.resource.type);

        createIconElement();

        cell.classList.add(WI.ResourceTreeElement.ResourceIconStyleClassName);

444509

445510 let nameElement = cell.appendChild(document.createElement("span"));

446 nameElement.textContent = entry.name;

447511

448 cell.title = entry.resource.url;

        if (WI.settings.groupByDOMNode.value && resource.initiatorNode) {

            let nodeEntry = this._domNodeEntries.get(resource.initiatorNode);

            if (nodeEntry.initiatedResourceEntries.length > 1) {

                cell.classList.add("grouped-by-node");

                if ("Range" in resource.requestHeaders) {

                    cell.classList.add("resource-type-range");

                    nameElement.textContent = WI.UIString("Byte Range %s").format(resource.requestHeaders["Range"].replace("bytes=", ""));

                }

            }

        }

        if (!nameElement.textContent) {

            cell.classList.add(resource.type);

            nameElement.textContent = entry.name;

        }

        cell.title = resource.url;

    }

    _populateDomainCell(cell, entry)

    {

        console.assert(!cell.firstChild, "We expect the cell to be empty.", cell, cell.firstChild);

        function createIconAndText(scheme, domain) {

            let secure = scheme === "https" || scheme === "wss";

            if (secure) {

                let lockIconElement = cell.appendChild(document.createElement("img"));

                lockIconElement.className = "lock";

            }

            cell.append(domain);

        }

        let uniqueSchemeValues = this._uniqueValuesForDOMNodeEntry(entry, (resourceEntry) => resourceEntry.scheme);

        let uniqueDomainValues = this._uniqueValuesForDOMNodeEntry(entry, (resourceEntry) => resourceEntry.domain);

        if (uniqueSchemeValues && uniqueDomainValues) {

            if (uniqueSchemeValues.size > 1 || uniqueDomainValues.size > 1) {

                cell.classList.add("multiple");

                cell.textContent = WI.UIString("(multiple)");

                return;

            }

            createIconAndText(uniqueSchemeValues.values().next().value, uniqueDomainValues.values().next().value);

            return;

        }

        if (!entry.domain) {

            cell.textContent = emDash;

            return;

        }

        let secure = entry.scheme === "https" || entry.scheme === "wss";

        if (secure) {

            let lockIconElement = cell.appendChild(document.createElement("img"));

            lockIconElement.className = "lock";

        }

        cell.append(entry.domain);

564 createIconAndText(entry.scheme, entry.domain);

    }

    _populateInitiatorCell(cell, entry)

    {

        let domNode = entry.domNode;

        if (domNode) {

            cell.textContent = emDash;

            return;

        }

        let initiatorLocation = entry.resource.initiatorSourceCodeLocation;

        if (!initiatorLocation) {

            cell.textContent = emDash;

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

    _populateTransferSizeCell(cell, entry)

    {

        let resourceEntries = entry.initiatedResourceEntries;

        if (resourceEntries) {

            if (resourceEntries.every((resourceEntry) => resourceEntry.resource.responseSource === WI.Resource.ResponseSource.MemoryCache)) {

                cell.classList.add("cache-type");

                cell.textContent = WI.UIString("(memory)");

                return;

            }

            if (resourceEntries.every((resourceEntry) => resourceEntry.resource.responseSource === WI.Resource.ResponseSource.DiskCache)) {

                cell.classList.add("cache-type");

                cell.textContent = WI.UIString("(disk)");

                return;

            }

            if (resourceEntries.every((resourceEntry) => resourceEntry.resource.responseSource === WI.Resource.ResponseSource.ServiceWorker)) {

                cell.classList.add("cache-type");

                cell.textContent = WI.UIString("(service worker)");

                return;

            }

            let transferSize = resourceEntries.reduce((accumulator, current) => accumulator + (current.transferSize || 0), 0);

            if (isNaN(transferSize))

                cell.textContent = emDash;

            else

                cell.textContent = Number.bytesToString(transferSize);

            return;

        }

        let responseSource = entry.resource.responseSource;

        if (responseSource === WI.Resource.ResponseSource.MemoryCache) {

            cell.classList.add("cache-type");

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

    {

        cell.removeChildren();

        let domNode = entry.domNode;

        if (domNode) {

            // FIXME: <https://webkit.org/b/189773>

            return;

        }

        let resource = entry.resource;

        if (!resource.hasResponse()) {

            cell.textContent = zeroWidthSpace;

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        case "waterfall":

            // Sort by startTime number.

669 ~~comparator =~~ comparator = (a, b) => a.startTime - b.startTime;

804 comparator = (a, b) => a.startTime - b.startTime;

            break;

        default:

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        }

        let reverseFactor = this._table.sortOrder === WI.Table.SortOrder.Ascending ? 1 : -1;

678 this._entriesSortComparator = (a, b) => reverseFactor * comparator(a, b);

        let substitute = (entry, other) => {

            if (WI.settings.groupByDOMNode.value && entry.resource.initiatorNode) {

                let nodeEntry = this._domNodeEntries.get(entry.resource.initiatorNode);

                if (!nodeEntry.initiatedResourceEntries.includes(other))

                    return nodeEntry.initiatedResourceEntries[0];

            }

            return entry;

        };

        this._entriesSortComparator = (a, b) => reverseFactor * comparator(substitute(a, b), substitute(b, a));

    }

    // Protected

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            return;

        }

886 for (let resource of this._pendingInsertions)

887 this._entries.push(this._entryForResource(resource));

        for (let resource of this._pendingInsertions) {

            let resourceEntry = this._entryForResource(resource);

            this._tryLinkResourceToDOMNode(resourceEntry);

            this._entries.push(resourceEntry);

        }

        this._pendingInsertions = [];

        for (let resource of this._pendingUpdates)

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            return;

        let entry = this._entryForResource(resource);

955 this._entries[index] = entry;

        // Don't wipe out the previous entry, as it may be used by a node entry.

        function updateEntry(existing) {

            for (let key in entry)

                existing[key] = entry[key];

        }

        updateEntry(this._entries[index]);

        let rowIndex = this._rowIndexForResource(resource);

        if (rowIndex === -1)

            return;

961 this._filteredEntries[rowIndex] ~~= entry~~;

1118 updateEntry(this._filteredEntries[rowIndex]);

    }

    _hidePopover()

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

            return;

        }

1188 let entry = this._entryForResource(resource);

1345 let resourceEntry = this._entryForResource(resource);

11891346

        // Default sort has fast path.

        if (this._isDefaultSort() || !this._entriesSortComparator) {

            this._entries.push(entry);

            if (this._passFilter(entry)) {

                this._filteredEntries.push(entry);

        this._tryLinkResourceToDOMNode(resourceEntry);

        if (WI.settings.groupByDOMNode.value && resource.initiatorNode) {

            if (!this._entriesSortComparator)

                this._generateSortComparator();

        } else if (this._isDefaultSort() || !this._entriesSortComparator) {

            // Default sort has fast path.

            this._entries.push(resourceEntry);

            if (this._passFilter(resourceEntry)) {

                this._filteredEntries.push(resourceEntry);

                this._table.reloadDataAddedToEndOnly();

            }

            return;

        }

1200 insertObjectIntoSortedArray(entry, this._entries, this._entriesSortComparator);

1362 insertObjectIntoSortedArray(resourceEntry, this._entries, this._entriesSortComparator);

12011363

1202 if (this._passFilter(entry)) {

1203 insertObjectIntoSortedArray(entry, this._filteredEntries, this._entriesSortComparator);

        if (this._passFilter(resourceEntry)) {

            if (WI.settings.groupByDOMNode.value)

                this._updateFilteredEntries();

            else

                insertObjectIntoSortedArray(resourceEntry, this._filteredEntries, this._entriesSortComparator);

            // Probably a useless optimization here, but if we only added this row to the end

            // we may avoid recreating all visible rows by saying as such.

1207 if (this._filteredEntries.lastValue === entry)

1372 if (this._filteredEntries.lastValue === resourceEntry)

                this._table.reloadDataAddedToEndOnly();

            else

                this._table.reloadData();

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        };

    }

    _entryForDOMNode(domNode, requiredFields)

    {

        return {

            domNode,

            initiatedResourceEntries: [],

            expanded: true,

        };

    }

    _tryLinkResourceToDOMNode(resourceEntry)

    {

        let resource = resourceEntry.resource;

        if (!resource || !resource.initiatorNode)

            return;

        let nodeEntry = this._domNodeEntries.get(resource.initiatorNode);

        if (!nodeEntry) {

            nodeEntry = this._entryForDOMNode(resource.initiatorNode, Object.keys(resourceEntry));

            this._domNodeEntries.set(resource.initiatorNode, nodeEntry);

        }

        if (!this._entriesSortComparator)

            this._generateSortComparator();

        insertObjectIntoSortedArray(resourceEntry, nodeEntry.initiatedResourceEntries, this._entriesSortComparator);

    }

    _uniqueValuesForDOMNodeEntry(nodeEntry, accessor)

    {

        let resourceEntries = nodeEntry.initiatedResourceEntries;

        if (!resourceEntries)

            return null;

        return resourceEntries.reduce((accumulator, current) => {

            let value = accessor(current);

            if (value || typeof value === "number")

                accumulator.add(value);

            return accumulator;

        }, new Set);

    }

    _hasTypeFilter()

    {

        return !!this._activeTypeFilters;

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        else

            this._filteredEntries = this._entries.slice();

        if (WI.settings.groupByDOMNode.value) {

            for (let nodeEntry of this._domNodeEntries.values()) {

                if (nodeEntry.initiatedResourceEntries.length < 2)

                    continue;

                let firstIndex = Infinity;

                for (let resourceEntry of nodeEntry.initiatedResourceEntries) {

                    if (this._hasActiveFilter() && !this._passFilter(resourceEntry))

                        continue;

                    let index = this._filteredEntries.indexOf(resourceEntry);

                    if (index >= 0 && index < firstIndex)

                        firstIndex = index;

                }

                if (!isFinite(firstIndex))

                    continue;

                this._filteredEntries.insertAtIndex(nodeEntry, firstIndex);

            }

            this._filteredEntries = this._filteredEntries.filter((entry) => {

                if (entry.resource && entry.resource.initiatorNode) {

                    let nodeEntry = this._domNodeEntries.get(entry.resource.initiatorNode);

                    if (!nodeEntry.expanded)

                        return false;

                }

                return true;

            });

        }

        this._restoreSelectedRow();

        this._updateURLFilterActiveIndicator();

@@WI.NetworkTableContentView = class NetworkTableContentView extends WI.ContentVie

        this._table.reloadData();

    }

    _handleGroupByDOMNodeCheckedDidChange(event)

    {

        WI.settings.groupByDOMNode.value = this._groupByDOMNodeNavigationItem.checked;

        this._updateSortAndFilteredEntries();

        this._table.reloadData();

    }

    _urlFilterDidChange(event)

    {

        let searchQuery = this._urlFilterNavigationItem.filterBar.filters.text;

Source/WebInspectorUI/UserInterface/Views/ResourceIcons.css

    content: url(../Images/Beacon.svg);

}

.resource-icon.resource-type-range .icon {

    content: url(../Images/Range.svg);

}

.large .resource-icon .icon {

    content: image-set(url(../Images/DocumentGenericLarge.png) 1x, url(../Images/DocumentGenericLarge@2x.png) 2x);

}