DevTools: Depict network request timings on timeline network pane.

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 1597 matching lines @@
     if (value === input.value)
       return;
     var valid = validate(value);
     input.classList.toggle('error-input', !valid);
     input.value = value;
   }
 
   return setValue;
 };
 
+  /**
+   * @param {!CanvasRenderingContext2D} context
+   * @param {string} text
+   * @param {number} maxWidth
+   * @return {string}
+   */
+WebInspector.trimTextMiddle = function(context, text, maxWidth) {
+  const maxLength = 200;
+  if (maxWidth <= 10)
+    return '';
+  if (text.length > maxLength)
+    text = text.trimMiddle(maxLength);
+  const textWidth = WebInspector.measureTextWidth(context, text);
+  if (textWidth <= maxWidth)
+    return text;
+
+  var l = 0;
+  var r = text.length;
+  var lv = 0;
+  var rv = textWidth;
+  while (l < r && lv !== rv && lv !== maxWidth) {
+    const m = Math.ceil(l + (r - l) * (maxWidth - lv) / (rv - lv));
+    const mv = WebInspector.measureTextWidth(context, text.trimMiddle(m));
+    if (mv <= maxWidth) {
+      l = m;
+      lv = mv;
+    } else {
+      r = m - 1;
+      rv = mv;
+    }
+  }
+  text = text.trimMiddle(l);
+  return text !== '\u2026' ? text : '';
+};
+
+/**
+ * @param {!CanvasRenderingContext2D} context
+ * @param {string} text
+ * @return {number}
+ */
+WebInspector.measureTextWidth = function(context, text) {
+  const maxCacheableLength = 200;
+  if (text.length > maxCacheableLength)
+    return context.measureText(text).width;
+
+  var widthCache = WebInspector.measureTextWidth._textWidthCache;
+  if (!widthCache) {
+    widthCache = new Map();
+    WebInspector.measureTextWidth._textWidthCache = widthCache;
+  }
+  const font = context.font;
+  var textWidths = widthCache.get(font);
+  if (!textWidths) {
+    textWidths = new Map();
+    widthCache.set(font, textWidths);
+  }
+  var width = textWidths.get(text);
+  if (!width) {
+    width = context.measureText(text).width;
+    textWidths.set(text, width);
+  }
+  return width;
+};
+
 /**
  * @unrestricted
  */
 WebInspector.ThemeSupport = class {
   /**
    * @param {!WebInspector.Setting} setting
    */
   constructor(setting) {
     this._themeName = setting.get() || 'default';
     this._themableProperties = new Set([
@@ skipping 272 matching lines @@
   return new Promise(fulfill => {
     var image = new Image();
     image.addEventListener('load', () => fulfill(image));
     image.addEventListener('error', () => fulfill(null));
     image.src = url;
   });
 };
 
 /** @type {!WebInspector.ThemeSupport} */
 WebInspector.themeSupport;