Show connection type in web-app.

remoting/webapp/client_plugin_async.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.
 
 /**
  * @fileoverview
  * Class that wraps low-level details of interacting with the client plugin.
  *
  * This abstracts a <embed> element and controls the plugin which does
  * the actual remoting work. It also handles differences between
@@ skipping 204 matching lines @@
     var error;
     if (remoting.ClientSession.ConnectionError.hasOwnProperty(
         message.data['error'])) {
       error = /** @type {remoting.ClientSession.ConnectionError} */
           remoting.ClientSession.ConnectionError[message.data['error']];
     } else {
       error = remoting.ClientSession.ConnectionError.UNKNOWN;
     }
 
     this.onConnectionStatusUpdateHandler(state, error);
+  } else if (message.method == 'onRouteChanged') {

[Sergey Ulanov, 2014/01/07 22:58:43]

Instead of adding another message type can we send logDebugMessage?
Alternatively I think this information can be part of onPerfStats message. 

[Jamie, 2014/01/08 11:39:34]

I've changed it to use logDebugMessage.

+    var channel = /** @type {string} */ (message.data['channel']);
+    var type = /** @type {string} */ (message.data['type']);
+    if (typeof channel != 'string' || typeof type != 'string') {
+      console.error('Received invalid onRouteChanged message: ' + messageStr);
+      return;
+    }
+    this.perfStats_.channelTypes[channel] = type;
   } else if (message.method == 'onDesktopSize') {
     if (typeof message.data['width'] != 'number' ||
         typeof message.data['height'] != 'number') {
       console.error('Received invalid onDesktopSize message: ' + messageStr);
       return;
     }
     this.desktopWidth = /** @type {number} */ message.data['width'];
     this.desktopHeight = /** @type {number} */ message.data['height'];
     this.desktopXDpi = (typeof message.data['x_dpi'] == 'number') ?
         /** @type {number} */ (message.data['x_dpi']) : 96;
     this.desktopYDpi = (typeof message.data['y_dpi'] == 'number') ?
         /** @type {number} */ (message.data['y_dpi']) : 96;
     this.onDesktopSizeUpdateHandler();
   } else if (message.method == 'onPerfStats') {
-    if (typeof message.data['videoBandwidth'] != 'number' ||
-        typeof message.data['videoFrameRate'] != 'number' ||
-        typeof message.data['captureLatency'] != 'number' ||
-        typeof message.data['encodeLatency'] != 'number' ||
-        typeof message.data['decodeLatency'] != 'number' ||
-        typeof message.data['renderLatency'] != 'number' ||
-        typeof message.data['roundtripLatency'] != 'number') {
-      console.error('Received incorrect onPerfStats message: ' + messageStr);
-      return;
+    var properties = [
+      'videoBandwidth',
+      'videoFrameRate',
+      'captureLatency',
+      'encodeLatency',
+      'decodeLatency',
+      'renderLatency',
+      'roundtripLatency'
+    ];
+    for (var i = 0; i < properties.length; ++i) {
+      if (typeof message.data[properties[i]] != 'number') {
+        console.error('Received incorrect onPerfStats message: ' + messageStr);
+        return;
+      }
     }
-    this.perfStats_ =
-        /** @type {remoting.ClientSession.PerfStats} */ message.data;
+    for (var i = 0; i < properties.length; ++i) {
+      this.perfStats_[properties[i]] = message.data[properties[i]];
+    }
   } else if (message.method == 'injectClipboardItem') {
     if (typeof message.data['mimeType'] != 'string' ||
         typeof message.data['item'] != 'string') {
       console.error('Received incorrect injectClipboardItem message.');
       return;
     }
     if (remoting.clipboard) {
       remoting.clipboard.fromHost(message.data['mimeType'],
                                   message.data['item']);
     }
@@ skipping 384 matching lines @@
     this.plugin.width = width;
     this.plugin.height = height;
     // Center the plugin just underneath the "Connnecting..." dialog.
     var parentNode = this.plugin.parentNode;
     var dialog = document.getElementById('client-dialog');
     var dialogRect = dialog.getBoundingClientRect();
     parentNode.style.top = (dialogRect.bottom + 16) + 'px';
     parentNode.style.left = (window.innerWidth - width) / 2 + 'px';
   }
 };