chrome://plugins Mojo-ification part 2/2, populating the page.

chrome/browser/resources/plugins.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.
 
 /**
  * Takes the |pluginsData| input argument which represents data about the
  * currently installed/running plugins and populates the html jstemplate with
  * that data. It expects an object structure like the above.
  * @param {Object} pluginsData Detailed info about installed plugins. Same
  *     expected format as returnPluginsData().
@@ skipping 183 matching lines @@
 
 /**
  * Handles a 'enable' or 'disable' button getting clicked.
  * @param {HTMLElement} node The HTML element for the plugin being changed.
  * @param {boolean} enable Whether to enable or disable the plugin.
  * @param {boolean} isGroup True if we're enabling/disabling a plugin group,
  *     rather than a single plugin.
  */
 function handleEnablePlugin(node, enable, isGroup) {
   // Tell the C++ PluginsDOMHandler to enable/disable the plugin.
-  chrome.send('enablePlugin', [String(node.path), String(enable),
-              String(isGroup)]);
+  whenBrowserProxyReady.then(function(browserProxy) {
+    isGroup ?
+        browserProxy.setPluginGroupEnabled(node.path, enable) :
+        browserProxy.setPluginEnabled(node.path, enable);
+  });
+  //chrome.send('enablePlugin', [String(node.path), String(enable),
+  //            String(isGroup)]);
 }
 
 // Keeps track of whether details have been made visible (expanded) or not.
 var tmiModeExpanded = false;
 
 /*
  * Toggles visibility of details.
  */
 function toggleTmiMode() {
   tmiModeExpanded = !tmiModeExpanded;
 
   $('collapse').style.display =
       tmiModeExpanded ? 'inline' : 'none';
   $('expand').style.display =
       tmiModeExpanded ? 'none' : 'inline';
 
   document.body.className =
       tmiModeExpanded ? 'show-tmi-mode' : 'hide-tmi-mode';
 
-  chrome.send('saveShowDetailsToPrefs', [String(tmiModeExpanded)]);
+  whenBrowserProxyReady.then(function(browserProxy) {
+    browserProxy.saveShowDetailsToPrefs(tmiModeExpanded);
+  });
+  //chrome.send('saveShowDetailsToPrefs', [String(tmiModeExpanded)]);
 }
 
 function handleSetPluginAlwaysAllowed(el) {
-  chrome.send('setPluginAlwaysAllowed', [el.identifier, el.checked]);
+  whenBrowserProxyReady.then(function(browserProxy) {
+    browserProxy.setPluginAlwaysAllowed(el.identifier, el.checked);
+  });
+  //chrome.send('setPluginAlwaysAllowed', [el.identifier, el.checked]);
 }
 
 /**
  * @param {Object} plugin An object containing the information about a plugin.
  *     See returnPluginsData() for the format of this object.
  * @return {boolean} Whether the plugin's version should be displayed.
  */
 function shouldDisplayPluginVersion(plugin) {
   return !!plugin.version && plugin.version != '0';
 }
@@ skipping 12 matching lines @@
          plugin.description != 'Version ' + plugin.version &&
          plugin.description != plugin.name + ' ' + plugin.version;
 }
 
 /**
  * @param {Object} plugin An object containing the information about a plugin.
  *     See returnPluginsData() for the format of this object.
  * @return {boolean} Whether the plugin is enabled.
  */
 function isPluginEnabled(plugin) {
-  return plugin.enabledMode == 'enabledByUser' ||
-         plugin.enabledMode == 'enabledByPolicy';
+  return plugin.enabled_mode == 'enabledByUser' ||
+         plugin.enabled_mode == 'enabledByPolicy';
 }
 
 // Unfortunately, we don't have notifications for plugin (list) status changes
 // (yet), so in the meanwhile just update regularly.
-setInterval(requestPluginsData, 30000);
+//setInterval(requestPluginsData, 30000);
 
 // Get data and have it displayed upon loading.
-document.addEventListener('DOMContentLoaded', requestPluginsData);
+//document.addEventListener('DOMContentLoaded', requestPluginsData);
 
 // Add handlers to static HTML elements.
 $('collapse').onclick = toggleTmiMode;
 $('expand').onclick = toggleTmiMode;
 $('details-link').onclick = toggleTmiMode;
+
+
+/** @type {!Promise} */
+var whenBrowserProxyReady = getBrowserProxy_();
+
+/** @return {!Promise} */
+function getBrowserProxy_() {
+  return new Promise(function(resolve, reject) {
+    define([
+      'mojo/public/js/connection',
+      'chrome/browser/ui/webui/plugins/plugins.mojom',
+      'content/public/renderer/service_provider',
+    ], function(connection, pluginsMojom, serviceProvider) {
+      var browserProxy = connection.bindHandleToProxy(
+          serviceProvider.connectToService(
+              pluginsMojom.PluginsHandlerMojo.name),
+          pluginsMojom.PluginsHandlerMojo);
+      resolve(browserProxy);
+    });
+  });
+}
+
+whenBrowserProxyReady.then(function(browserProxy) {
+  Promise.all([
+    browserProxy.getPluginsData(),
+    browserProxy.getShowDetails()
+  ]).then(function(responses) {
+    var getPluginsResponse = responses[0];
+    var getShowDetailsResponse = responses[1];
+
+    console.log(JSON.stringify(getPluginsResponse, undefined, 2));
+
+    returnPluginsData(getPluginsResponse);
+    loadShowDetailsFromPrefs(getShowDetailsResponse.show_details);
+  });
+});