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 apps & extensions & unpacked.

[Gaurav, 2013/05/23 17:13:24]

May be

"The list of all packed/unpacked apps and extensions."

or

"The list of all apps and extensions.

[dvh, 2013/05/23 18:07:23]

Done.

   var completeList = [];
 
   // The list of all apps.

[Gaurav, 2013/05/23 17:13:24]

This doesn't include unpacked rgt ?

May be:

installedExtensions

[dvh, 2013/05/23 18:07:23]

I use packedExtensionList, same apply to packedAppList.

   var appList = [];
 
   // The list of all extensions.
   var extensionList = [];

[Gaurav, 2013/05/23 17:13:24]

as above

[dvh, 2013/05/23 18:07:23]

Done.

 
+  // 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) {
     return a > b ? 1 : (a == b ? 0 : -1);
@@ skipping 18 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);

[dvh, 2013/05/23 18:07:23]

I renamed the element id too.

     var apps = new ItemsList($('app-settings-list'), appList);
+    var unpacked = new ItemsList($('unpacked-settings-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 = [];
+    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)
+      if (item.is_unpacked)
+        unpackedList.push(item);
+      else if (item.isApp)
         appList.push(item);
       else
         extensionList.push(item);
     }
   }
 
   /**
    * Create item nodes from the metadata.
    * @constructor
    */
@@ skipping 337 matching lines @@
   ItemsList.launchApp = function(id) {
     chrome.management.launchApp(id, function() {
       ItemsList.loadItemsInfo();
     });
   };
 
   return {
     ItemsList: ItemsList,
   };
 });