2014-08-11  Brian J. Burg  <burg@cs.washington.edu>

        Web Inspector: add eject current recording button to the replay dashboard

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

        Reviewed by NOBODY (OOPS!).

        Add a protocol method that creates an empty replay session. To eject, the

        frontend creates an empty session and then switches to it.

        * inspector/InspectorReplayAgent.cpp:

        (WebCore::InspectorReplayAgent::createSession):

        * inspector/InspectorReplayAgent.h:

        * inspector/protocol/Replay.json:

        Web Inspector: add eject current recording button to the replay dashboard

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

        Reviewed by NOBODY (OOPS!).

        Add a new eject button item to the replay dashboard's embedded navigation bar.

        The eject button's visibility is mutually exclusive with that of the record button.

        When the eject button is clicked, a new, empty session is created and then loaded.

        * Localizations/en.lproj/localizedStrings.js:

        * UserInterface/Controllers/ReplayManager.js: Implement an asynchronous API for creating sessions.

        (WebInspector.ReplayManager.prototype.createSession.var):

        (WebInspector.ReplayManager.prototype.createSession.return):

        (WebInspector.ReplayManager.prototype.createSession):

        (WebInspector.ReplayManager.prototype.sessionLoaded):

        * UserInterface/Images/ReplayEjectButton.svg: Added.

        * UserInterface/Views/ReplayDashboardView.css: Fix styles for the placeholder recording container.

        This will be replaced soon with a mini-timeline content view.

        (.toolbar .dashboard.replay div.navigation-bar):

        (.toolbar .dashboard.replay > .recording-container):

        (.toolbar.small-size .dashboard.replay > .recording-container):

        * UserInterface/Views/ReplayDashboardView.js: Add an eject button and click listeners.

        (WebInspector.ReplayDashboardView):

        (WebInspector.ReplayDashboardView.prototype._ejectButtonItemClicked):

        (WebInspector.ReplayDashboardView.prototype._captureStarted):

        (WebInspector.ReplayDashboardView.prototype._captureStopped):

        (WebInspector.ReplayDashboardView.prototype._playbackFinished):

        (WebInspector.ReplayDashboardView.prototype._activeSessionChanged):

2014-08-11  Brian J. Burg  <burg@cs.washington.edu>

void InspectorReplayAgent::createSession(ErrorString*, SessionIdentifier* identifier)

{

    RefPtr<ReplaySession> session = ReplaySession::create();

    sessionCreated(session);

    *identifier = WTF::safeCast<int>(session->identifier());

}

    virtual void createSession(ErrorString*, SessionIdentifier*) override;

            "name": "createSession",

            "description": "Creates a new and empty session.",

            "returns": [

                { "name": "sessionIdentifier", "$ref": "SessionIdentifier", "description": "The newly-created session's identifier." }

            ]

        },

        {

    // Create a new, empty session.

    // Returns a promise that resolves when the session is loaded.

    createSession: function() // --> (sessionId)

    {

        var listener = new WebInspector.EventListener(this, true);

        var managerResult = new Promise(function(resolve, reject) {

            listener.connect(WebInspector.replayManager, WebInspector.ReplayManager.Event.SessionAdded, resolve);

        });

        var protocolResult = ReplayAgent.createSession()

            .catch(function(error) {

                listener.disconnect();

                console.error("ReplayManager.createSession failed: ", error);

                throw error;

            });

        return Promise.all([this.waitUntilInitialized(), protocolResult, managerResult])

            .then(function(results) {

                var event = results.lastValue;

                return event.data.sessionId;

            });

    },

    sessionLoaded: function(sessionId)

    {

        if (!this._initialized)

            return this.waitUntilInitialized().then(this.sessionLoaded.bind(this, sessionId));

        this._activeSessionIdentifier = sessionId;

        this.dispatchEventToListeners(WebInspector.ReplayManager.Event.ActiveSessionChanged, {sessionId: sessionId});

    },

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

<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">

<rect x="4.395" y="26.764" width="27.211" height="5"/>

<polygon points="4.576,21.709 18,4.658 31.424,21.709 "/>

</svg>

    box-shadow: none !important;

}

.toolbar .dashboard.replay > .recording-container {

    -webkit-flex-grow: 1;

    -webkit-order: 2;

    border: 1px solid #aaa;

    height: 22px;

    margin: 0 14px 0 4px;

}

.toolbar.small-size .dashboard.replay > .recording-container {

    height: 16px;

    this._ejectButtonItem = new WebInspector.ButtonNavigationItem("replay-dashboard-eject", WebInspector.UIString("Eject Recording"), "Images/ReplayEjectButton.svg", 16, 16);

    this._ejectButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._ejectButtonItemClicked, this);

    this._ejectButtonItem.hidden = true;

    this._navigationBar.addNavigationItem(this._ejectButtonItem);

    var recordingContainerElement = this._recordingContainerElement = this.element.appendChild(document.createElement("div"));

    recordingContainerElement.className = WebInspector.ReplayDashboardView.RecordingContainerStyleClassName;

    WebInspector.replayManager.addEventListener(WebInspector.ReplayManager.Event.ActiveSessionChanged, this._activeSessionChanged, this);

    _ejectButtonItemClicked: function(event)

    {

        console.assert(WebInspector.replayManager.sessionState !== WebInspector.ReplayManager.SessionState.Capturing, "Tried to eject session while SessionState is Capturing!");

        // Debounce.

        this._ejectButtonItem.enabled = false;

        var button = this._ejectButtonItem;

        WebInspector.replayManager.createSession()

        .then(function switchToEmptySession(sessionId) {

            button.enabled = true;

            return WebInspector.replayManager.switchSession(sessionId);

        }).catch(function(error) {

            console.error("Failed to eject current recording: ", error);

        });

    },

        this._ejectButtonItem.hidden = true;

        this._ejectButtonItem.hidden = false;

    },

    _activeSessionChanged: function()

    {

        var view = this;

        WebInspector.replayManager.getSession(WebInspector.replayManager.activeSessionIdentifier)

            .then(function(session) {

                if (!session.segments.length) {

                    view._captureButtonItem.hidden = false;

                    view._replayButtonItem.hidden = true;

                    view._ejectButtonItem.hidden = true;

                } else {

                    view._captureButtonItem.hidden = true;

                    view._replayButtonItem.hidden = false;

                    view._ejectButtonItem.hidden = false;

                }

            });