App Developer Tools: Implemented separate tabs for unpacked apps and extensions.

chrome/browser/resources/apps_debugger/js/items_list.js

 // Copyright (c) 2012 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.
 
 cr.define('apps_dev_tool', function() {
   'use strict';
 
-  // The list of all apps & extensions.
+  // The list of all packed/unpacked apps and extensions.
   var completeList = [];
 
-  // The list of all apps.
-  var appList = [];
+  // The list of all packed apps.
+  var packedAppList = [];
 
-  // The list of all extensions.
-  var extensionList = [];
+  // The list of all packed extensions.
+  var packedExtensionList = [];
+
+  // The list of all unpacked apps or extensions.
+  var unpackedList = [];
 
   /** const*/ var AppsDevTool = apps_dev_tool.AppsDevTool;
 
   /**
    * @param {string} a first string.
    * @param {string} b second string.
    * @return {number} 1, 0, -1 if |a| is lexicographically greater, equal or
    *     lesser than |b| respectively.
    */
   function compare(a, b) {
@@ skipping 19 matching lines @@
    * @param {string} app2 second app_name.
    */
   function compareByName(app1, app2) {
     return compare(app1.name.toLowerCase(), app2.name.toLowerCase());
   }
 
   /**
    * Refreshes the app.
    */
   function reloadAppDisplay() {
-    var extensions = new ItemsList($('extension-settings-list'), extensionList);
-    var apps = new ItemsList($('app-settings-list'), appList);
+    var extensions = new ItemsList($('packed-extension-list'),
+                                   packedExtensionList);
+    var apps = new ItemsList($('packed-app-list'), packedAppList);
+    var unpacked = new ItemsList($('unpacked-list'), unpackedList);
     extensions.showItemNodes();
     apps.showItemNodes();
+    unpacked.showItemNodes();
   }
 
   /**
    * Applies the given |filter| to the items list.
    * @param {string} filter Curent string in the search box.
    */
   function rebuildAppList(filter) {
-    appList = [];
-    extensionList = [];
+    packedAppList = [];
+    packedExtensionList = [];
+    unpackedList = [];
 
     for (var i = 0; i < completeList.length; i++) {
       var item = completeList[i];
       if (filter && item.name.toLowerCase().search(filter.toLowerCase()) < 0)
         continue;
-      if (item.isApp)
-        appList.push(item);
+      if (item.is_unpacked)
+        unpackedList.push(item);
+      else if (item.isApp)
+        packedAppList.push(item);
       else
-        extensionList.push(item);
+        packedExtensionList.push(item);
     }
   }
 
   /**
    * Create item nodes from the metadata.
    * @constructor
    */
   function ItemsList(itemsTabNode, items) {
     this.items_ = items;
     this.itemsTabNode_ = itemsTabNode;
@@ skipping 334 matching lines @@
   ItemsList.launchApp = function(id) {
     chrome.management.launchApp(id, function() {
       ItemsList.loadItemsInfo();
     });
   };
 
   return {
     ItemsList: ItemsList,
   };
 });