RPC Explorer

server/static/rpcexplorer/rpc-service-list.html

+<!--
+  ~ // Copyright 2016 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.
+  ~
+  -->
+
+<link rel="import" href="/static/common/third_party/polymer/polymer.html">
+
+<link rel="import" href="rpc-call.html">
+<link rel="import" href="rpc-descriptor-util.html">
+
+<!-- The `rpc-service-list` is a service list page -->
+<dom-module id="rpc-service-list">
+  <template>
+    <p>Services:</p>
+    <ul>
+      <template is="dom-repeat" items="[[services]]">
+        <li>
+          <a href="#/services/[[item.name]]">[[item.name]]</a>
+          <span class="text-muted comment">[[item.comments]]</span>
+        </li>
+      </template>
+    </ul>
+  </template>
+  <script>
+    'use strict';
+
+    Polymer({
+      is: 'rpc-service-list',
+      properties: {
+        description: Object, // FileDescriptorSet message
+        serviceNames: Array, // of strings,

[Bons, 2016/02/13 17:18:28]

if you're looking to be more clear what the types within an array are, you can
use JSDoc notation

[nodir, 2016/02/17 02:02:13]

Done.

+        services: {
+          type: Array, // of objects { name: String, comment: String }
+          computed: '_resolveServices(description, serviceNames)'
+        }
+      },
+
+      _resolveServices: function(desc, names) {
+        var result = [];
+        for (var i = 0; i < names.length; i++) {
+          var svc = rpcExplorer.descUtil.resolve(desc, names[i]);
+          if (svc && svc.type == 'service') {
+            result.push({
+              name: names[i],
+              comments: svc.desc.source_code_info && svc.desc.source_code_info.leading_comments

[Bons, 2016/02/13 17:18:28]

80 chars

[nodir, 2016/02/17 02:02:13]

Done.

+            });
+          }
+        }
+        return result;
+      }
+    });
+  </script>
+</dom-module>