DevTools: display recent SW revisions on top of the list, remove stale redundant ones.

third_party/WebKit/Source/devtools/front_end/resources/ServiceWorkersView.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @implements {WebInspector.TargetManager.Observer}
  */
 WebInspector.ServiceWorkersView = function()
@@ skipping 296 matching lines @@
      */
     _updateRegistration: function(registration)
     {
         this._registration = registration;
         this._updateButton.setEnabled(!registration.isDeleted);
         this._deleteButton.setEnabled(!registration.isDeleted);
 
         /** @type {!Map<string, !WebInspector.SWVersionWidget>} */
         var versionWidgets = new Map();
 
+        // Remove all the redundant workers that are older than the
+        // active version.
+        var versions = registration.versions.valuesArray();
+        var activeVersion = versions.find(version => version.mode() === WebInspector.ServiceWorkerVersion.Modes.Active);
+        if (activeVersion) {
+            versions = versions.filter(version => {
+                if (version.mode() == WebInspector.ServiceWorkerVersion.Modes.Redundant)
+                    return version.scriptLastModified > activeVersion.scriptLastModified;
+                return true;
+            });
+        }
+
+        var firstMode;
         var modesWithVersions = new Set();
-        var firstMode;
-        for (var version of registration.versions.valuesArray()) {
+        for (var version of versions) {
             if (version.isStoppedAndRedundant() && !version.errorMessages.length)
                 continue;
             var mode = version.mode();
             if (!firstMode)
                 firstMode = mode;
             modesWithVersions.add(mode);
             var view = this._tabbedPane.tabView(mode);
             var versionWidget = this._versionWidgets.get(version.id);
             if (versionWidget)
                 versionWidget._updateVersion(version);
             else
                 versionWidget = new WebInspector.SWVersionWidget(this._manager, this._registration.scopeURL, version);
-            versionWidget.show(view.element);
+            versionWidget.show(view.element, view.element.firstElementChild);
             versionWidgets.set(version.id, versionWidget);
         }
         for (var id of this._versionWidgets.keys()) {
             if (!versionWidgets.has(id))
                 this._versionWidgets.get(id).detach();
         }
         this._versionWidgets = versionWidgets;
 
         for (var id of this._tabbedPane.tabIds())
             this._tabbedPane.setTabEnabled(id, modesWithVersions.has(id));
 
         this._pushButton.setEnabled(modesWithVersions.has(WebInspector.ServiceWorkerVersion.Modes.Active) && !this._registration.isDeleted);
 
         if (modesWithVersions.has(this._lastManuallySelectedTab)) {
             this._tabbedPane.selectTab(this._lastManuallySelectedTab);
             return;
         }
-        if (modesWithVersions.has(WebInspector.ServiceWorkerVersion.Modes.Active)) {
+        if (activeVersion) {
             this._tabbedPane.selectTab(WebInspector.ServiceWorkerVersion.Modes.Active);
             return;
         }
         if (firstMode)
             this._tabbedPane.selectTab(firstMode);
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
@@ skipping 212 matching lines @@
      * @param {string} versionId
      * @param {!Event} event
      */
     _inspectButtonClicked: function(versionId, event)
     {
         this._manager.inspectWorker(versionId);
     },
 
     __proto__: WebInspector.VBox.prototype
 }