Add UMA metrics to Photo Editor

chrome/browser/resources/file_manager/js/image_editor/image_util.js

 // Copyright (c) 2011 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.
 
 
 // Namespace object for the utilities.
 function ImageUtil() {}
 
 // Performance trace.
 ImageUtil.trace = (function() {
   function PerformanceTrace() {
     this.lines_ = {};
     this.timers_ = {};
     this.container_ = null;
   }
 
   PerformanceTrace.prototype.bindToDOM = function(container) {
     this.container_ = container;
   };
 
   PerformanceTrace.prototype.report = function(key, value) {
-    if (!this.container_) return;
     if (!(key in this.lines_)) {
-      var div = this.lines_[key] = document.createElement('div');
-      this.container_.appendChild(div);
+      if (this.container_) {
+        var div = this.lines_[key] = document.createElement('div');
+        this.container_.appendChild(div);
+      } else {
+        this.lines_[key] = {};
+      }
     }
     this.lines_[key].textContent = key + ': ' + value;
+    if (localStorage.logTrace) this.dumpLine(key);
   };
 
   PerformanceTrace.prototype.resetTimer = function(key) {
     this.timers_[key] = Date.now();
   };
 
   PerformanceTrace.prototype.reportTimer = function(key) {
     this.report(key, (Date.now() - this.timers_[key]) + 'ms');
   };
 
+  PerformanceTrace.prototype.dump = function() {
+    for (var key in this.lines_)
+      this.dumpLine(key);
+  };
+
+  PerformanceTrace.prototype.dumpLine = function(key) {
+    console.log('trace.' + this.lines_[key].textContent);
+  };
+
   return new PerformanceTrace();
 })();
 
 
 ImageUtil.clamp = function(min, value, max) {
   return Math.max(min, Math.min(max, value));
 };
 
 ImageUtil.between = function(min, value, max) {
   return (value - min) * (value - max) <= 0;
@@ skipping 295 matching lines @@
 ImageUtil.ImageLoader.prototype.load = function(
     url, transform, callback, opt_delay) {
   this.cancel();
 
   this.url_ = url;
   this.transform_ = transform || { scaleX: 1, scaleY: 1, rotate90: 0};
   this.callback_ = callback;
 
   var self = this;
   function startLoad() {
+    ImageUtil.metrics.startInterval(ImageUtil.getMetricName('ImageLoad'));
     self.timeout_ = null;
     // The clients of this class sometimes request the same url repeatedly.
     // The onload fires only if the src is different from the previous value.
     // To work around that we create a new Image every time.
     self.image_ = new Image();
     self.image_.onload = function(e) {
       self.image_ = null;
       self.convertImage_(e.target);
     };
     self.image_.src = url;
@@ skipping 34 matching lines @@
   var canvas = this.document_.createElement('canvas');
 
   if (this.transform_.rotate90 & 1) {  // Rotated +/-90deg, swap the dimensions.
     canvas.width = image.height;
     canvas.height = image.width;
   } else  {
     canvas.width = image.width;
     canvas.height = image.height;
   }
 
-  ImageUtil.trace.resetTimer('load-convert');
-
   var context = canvas.getContext('2d');
   context.save();
   context.translate(canvas.width / 2, canvas.height / 2);
   context.rotate(this.transform_.rotate90 * Math.PI/2);
   context.scale(this.transform_.scaleX, this.transform_.scaleY);
 
   var stripCount = Math.ceil(image.width * image.height / ( 1 << 21));
   var step = Math.max(16, Math.ceil(image.height / stripCount)) & 0xFFFFF0;
 
   this.copyStrip_(context, image, 0, step);
 };
 
 ImageUtil.ImageLoader.prototype.copyStrip_ = function(
     context, image, firstRow, rowCount) {
   var lastRow = Math.min (firstRow + rowCount, image.height);
 
   context.drawImage(
       image, 0, firstRow, image.width, lastRow - firstRow,
       -image.width / 2, firstRow - image.height / 2,
       image.width, lastRow - firstRow);
 
   if (lastRow == image.height) {
     context.restore();
-    ImageUtil.trace.reportTimer('load-convert');
+    if (image.src.substr(0, 5) != 'data:') {  // Ignore data urls.
+      ImageUtil.metrics.recordInterval(ImageUtil.getMetricName('ImageLoad'));
+    }
     var callback = this.callback_;
     this.callback_ = null;
     callback(context.canvas);
   } else {
     var self = this;
     this.timeout_ = setTimeout(
         function() {
           self.timeout_ = null;
           self.copyStrip_(context, image, lastRow, rowCount);
         }, 0);
@@ skipping 23 matching lines @@
   return ImageUtil.getFileNameFromFullName(ImageUtil.getFullNameFromUrl(url));
 };
 
 ImageUtil.replaceFileNameInFullName = function(fullName, name) {
   var index = fullName.lastIndexOf('.');
   if (index != -1)
     return name + fullName.substr(index);
   else
     return name;
 };
+
+ImageUtil.metrics = null;
+
+ImageUtil.getMetricName = function(name) { return 'PhotoEditor.' + name }