Remove build warnings from the profile plugin (#420)

Previously, the profile plugin had been causing warnings to appear during building. This change removes those warnings by adding Closure annotations.

@ioeric @sam-mccall

tensorboard/plugins/profile/tf_op_profile/tf-op-details.html

@@ -46,8 +46,10 @@
   },
   _percent: percent,
   _updateValue: function(value) {
-    this.style.background = "linear-gradient(to right, " + flameColor(value) +
-        " " + percent(value) + ", #ccc " + percent(value) + ")";
+    const color = flameColor(value);
+    const length = percent(value);
+    this.style.background =
+        "linear-gradient(to right, ${color} ${length}, #ccc ${length})";
   },
 });
   </script>

tensorboard/plugins/profile/tf_op_profile/tf-op-table.html

@@ -93,13 +93,17 @@
       value: null,
       notify: true,
     },
-    // Handlers for hover/click events on entries.
-    // We don't use two-way data binding on _hover and _selected, because
-    // we get slowdown when they change.
+    /**
+     * Handlers for hover/click events on entries.
+     * We don't use two-way data binding on _hover and _selected, because
+     * we get slowdown when they change.
+     * @type {Function}
+     */
     _onHeaderHover: {
       type: Object,
       value: function() { return (entry) => this._hover = entry; },
     },
+    /** @type {Function} */
     _onHeaderClick: {
       type: Object,
       value: function() {
@@ -206,11 +210,13 @@
       type: Number,
       value: 0,
     },
+    /** @type {Function} */
     headerHover: {
       type: Object,
       value: () => function(entry) {},
       notify: true,
     },
+    /** @type {Function} */
     headerClick: {
       type: Object,
       value: () => function(entry) {},

tensorboard/plugins/profile/tf_op_profile/utils.ts

@@ -18,6 +18,13 @@ function rgba(red: number, green: number, blue: number, alpha: number) {
       "," + Math.round(blue * 255) + "," + alpha + ")";
 }
 
+/**
+ * Computes a flame color.
+ * @param {number} fraction
+ * @param {number=} brightness
+ * @param {number=} opacity
+ * @return {string} An RGBA color.
+ */
 export function flameColor(fraction: number, brightness = 1, opacity = 1) {
   if (isNaN(fraction)) return rgba(brightness, brightness, brightness, opacity);
   fraction = Math.sqrt(fraction);  // Or everything is depressing and red.