Allow drag-and-drop of zipped extensions on chrome://extensions

chrome/browser/resources/extensions/extensions.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.
 
 <include src="../uber/uber_utils.js">
 <include src="extension_code.js">
 <include src="extension_commands_overlay.js">
 <include src="extension_focus_manager.js">
 <include src="extension_list.js">
 <include src="pack_extension_overlay.js">
@@ skipping 48 matching lines @@
       // its item entry.
       for (var i = 0; i < e.dataTransfer.items.length; ++i) {
         if (e.dataTransfer.items[i].kind == 'file' &&
             e.dataTransfer.items[i].webkitGetAsEntry().isDirectory) {
           toSend = 'installDroppedDirectory';
           break;
         }
       }
       // Only process files that look like extensions. Other files should
       // navigate the browser normally.
-      if (!toSend && /\.(crx|user\.js)$/i.test(e.dataTransfer.files[0].name))
+      if (!toSend &&
+          /\.(crx|user\.js|zip)$/i.test(e.dataTransfer.files[0].name)) {
         toSend = 'installDroppedFile';
+      }
 
       if (toSend) {
         e.preventDefault();
         chrome.send(toSend);
       }
     }
   };
 
   /**
    * ExtensionSettings class
@@ skipping 249 matching lines @@
 
     ExtensionSettings.getInstance().displayPromo_ =
         extensionsData.promoteAppsDevTools;
     ExtensionSettings.getInstance().updatePromoVisibility_();
 
     $('load-unpacked').disabled = extensionsData.loadUnpackedDisabled;
 
     ExtensionsList.prototype.data_ = extensionsData;
     var extensionList = $('extension-settings-list');
     ExtensionsList.decorate(extensionList);
-  }
+  };
 
   // Indicate that warning |message| has occured for pack of |crx_path| and
   // |pem_path| files.  Ask if user wants override the warning.  Send
   // |overrideFlags| to repeated 'pack' call to accomplish the override.
   ExtensionSettings.askToOverrideWarning =
       function(message, crx_path, pem_path, overrideFlags) {
     var closeAlert = function() {
       ExtensionSettings.showOverlay(null);
     };
 
     alertOverlay.setValues(
         loadTimeData.getString('packExtensionWarningTitle'),
         message,
         loadTimeData.getString('packExtensionProceedAnyway'),
         loadTimeData.getString('cancel'),
         function() {
           chrome.send('pack', [crx_path, pem_path, overrideFlags]);
           closeAlert();
         },
         closeAlert);
     ExtensionSettings.showOverlay($('alertOverlay'));
-  }
+  };
 
   /**
    * Returns the current overlay or null if one does not exist.
    * @return {Element} The overlay element.
    */
   ExtensionSettings.getCurrentOverlay = function() {
     return document.querySelector('#overlay .page.showing');
-  }
+  };
 
   /**
    * Sets the given overlay to show. This hides whatever overlay is currently
    * showing, if any.
    * @param {HTMLElement} node The overlay page to show. If falsey, all overlays
    *     are hidden.
    */
   ExtensionSettings.showOverlay = function(node) {
     var pageDiv = $('extension-settings');
     if (node) {
@@ skipping 12 matching lines @@
       node.classList.add('showing');
 
     var pages = document.querySelectorAll('.page');
     for (var i = 0; i < pages.length; i++) {
       pages[i].setAttribute('aria-hidden', node ? 'true' : 'false');
     }
 
     overlay.hidden = !node;
     uber.invokeMethodOnParent(node ? 'beginInterceptingEvents' :
                                      'stopInterceptingEvents');
-  }
+  };
 
   /**
    * Utility function to find the width of various UI strings and synchronize
    * the width of relevant spans. This is crucial for making sure the
    * Enable/Enabled checkboxes align, as well as the Developer Mode checkbox.
    */
   function measureCheckboxStrings() {
     var trashWidth = 30;
     var measuringDiv = $('font-measuring-div');
     measuringDiv.textContent =
         loadTimeData.getString('extensionSettingsEnabled');
     var pxWidth = measuringDiv.clientWidth + trashWidth;
     measuringDiv.textContent =
         loadTimeData.getString('extensionSettingsEnable');
     pxWidth = Math.max(measuringDiv.clientWidth + trashWidth, pxWidth);
     measuringDiv.textContent =
         loadTimeData.getString('extensionSettingsDeveloperMode');
     pxWidth = Math.max(measuringDiv.clientWidth, pxWidth);
 
     var style = document.createElement('style');
     style.type = 'text/css';
     style.textContent =
         '.enable-checkbox-text {' +
         '  min-width: ' + (pxWidth - trashWidth) + 'px;' +
         '}' +
         '#dev-toggle span {' +
         '  min-width: ' + pxWidth + 'px;' +
         '}';
     document.querySelector('head').appendChild(style);
-  }
+  };
 
   // Export
   return {
     ExtensionSettings: ExtensionSettings
   };
 });
 
 window.addEventListener('load', function(e) {
   extensions.ExtensionSettings.getInstance().initialize();
 });