DevTools: untruncate links on copy

third_party/WebKit/Source/devtools/front_end/components/Linkifier.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 285 matching lines @@
    * @param {!Element} anchor
    * @param {!Bindings.LiveLocation} liveLocation
    */
   _updateAnchor(anchor, liveLocation) {
     Components.Linkifier._unbindUILocation(anchor);
     var uiLocation = liveLocation.uiLocation();
     if (!uiLocation)
       return;
 
     Components.Linkifier._bindUILocation(anchor, uiLocation);
-    var text = uiLocation.linkText();
-    var info = Components.Linkifier._linkInfo(anchor);
-    info.originalLinkText = text;
-    text = text.replace(/([a-f0-9]{7})[a-f0-9]{13}[a-f0-9]*/g, '$1\u2026');
-    if (this._maxLength)
-      text = text.trimMiddle(this._maxLength);
-    anchor.textContent = text;
+    var text = uiLocation.linkText(true /* skipTrim */);
+    Components.Linkifier._setTrimmedText(anchor, text, this._maxLength);
 
     var titleText = uiLocation.uiSourceCode.url();
     if (typeof uiLocation.lineNumber === 'number')
       titleText += ':' + (uiLocation.lineNumber + 1);
     anchor.title = titleText;
     anchor.classList.toggle('webkit-html-blackbox-link', liveLocation.isBlackboxed());
     Components.Linkifier._updateLinkDecorations(anchor);
   }
 
   /**
@@ skipping 66 matching lines @@
    * @param {boolean=} preventClick
    * @returns{!Element}
    */
   static _createLink(text, className, maxLength, title, href, preventClick) {
     var link = createElementWithClass('span', className);
     link.classList.add('devtools-link');
     if (title)
       link.title = title;
     if (href)
       link.href = href;
-    link.textContent = text;
-    if (maxLength)
-      link.textContent = link.textContent.trimMiddle(maxLength);
+    Components.Linkifier._setTrimmedText(link, text, maxLength);
     link[Components.Linkifier._infoSymbol] = {
       icon: null,
       enableDecorator: false,
       uiLocation: null,
       liveLocation: null,
       url: href || null,
       lineNumber: null,
       columnNumber: null,
       revealable: null,
-      fallback: null,
-      originalLinkText: text
+      fallback: null
     };
     if (!preventClick)
       link.addEventListener('click', Components.Linkifier._handleClick, false);
     else
       link.classList.add('devtools-link-prevent-click');
     return link;
   }
 
   /**
-   * @param {?Element} link
-   * @return {?string}
+   * @param {!Element} link
+   * @param {string} text
+   * @param {number=} maxLength
    */
-  static originalLinkText(link) {
-    var info = this._linkInfo(link);
-    return info ? info.originalLinkText : null;
+  static _setTrimmedText(link, text, maxLength) {
+    link.removeChildren();
+    if (maxLength && text.length > maxLength) {
+      var middleSplit = splitMiddle(text, maxLength);
+      appendTextWithoutHashes(middleSplit[0]);
+      appendHiddenText(middleSplit[1]);
+      appendTextWithoutHashes(middleSplit[2]);
+    } else {
+      appendTextWithoutHashes(text);
+    }
+
+    /**
+     * @param {string} string
+     */
+    function appendHiddenText(string) {
+      var ellipsisNode = link.createChild('span', 'devtools-link-ellipsis').createTextChild('\u2026');
+      ellipsisNode[Components.Linkifier._untruncatedNodeTextSymbol] = string;
+    }
+
+    /**
+     * @param {string} string
+     */
+    function appendTextWithoutHashes(string) {
+      var hashSplit = TextUtils.TextUtils.splitStringByRegexes(string, [/[a-f0-9]{20,}/g]);
+      for (var match of hashSplit) {
+        if (match.regexIndex === -1) {
+          link.createTextChild(match.value);
+        } else {
+          link.createTextChild(match.value.substring(0, 7));
+          appendHiddenText(match.value.substring(7));
+        }
+      }
+    }
+
+    /**
+     * @param {string} string
+     * @param {number} maxLength
+     * @return {!Array<string>}
+     */
+    function splitMiddle(string, maxLength) {
+      var leftIndex = Math.floor(maxLength / 2);
+      var rightIndex = string.length - Math.ceil(maxLength / 2) + 1;
+
+      // Do not truncate between characters that use multiple code points (emojis).
+      if (string.codePointAt(rightIndex - 1) >= 0x10000) {
+        rightIndex++;
+        leftIndex++;
+      }
+      if (leftIndex > 0 && string.codePointAt(leftIndex - 1) >= 0x10000)
+        leftIndex--;
+      return [string.substring(0, leftIndex), string.substring(leftIndex, rightIndex), string.substring(rightIndex)];
+    }
   }
 
   /**
+   * @param {!Node} node
+   * @return {string}
+   */
+  static untruncatedNodeText(node) {
+    return node[Components.Linkifier._untruncatedNodeTextSymbol] || node.textContent;
+  }
+
+  /**
    * @param {?Element} link
    * @return {?Components._LinkInfo}
    */
   static _linkInfo(link) {
     return /** @type {?Components._LinkInfo} */ (link ? link[Components.Linkifier._infoSymbol] || null : null);
   }
 
   /**
    * @param {!Event} event
    */
@@ skipping 101 matching lines @@
   }
 };
 
 /** @type {!Set<!Components.Linkifier>} */
 Components.Linkifier._instances = new Set();
 /** @type {?Components.LinkDecorator} */
 Components.Linkifier._decorator = null;
 
 Components.Linkifier._sourceCodeAnchors = Symbol('Linkifier.anchors');
 Components.Linkifier._infoSymbol = Symbol('Linkifier.info');
+Components.Linkifier._untruncatedNodeTextSymbol = Symbol('Linkifier.untruncatedNodeText');
 
 /**
  * @typedef {{
  *     icon: ?UI.Icon,
  *     enableDecorator: boolean,
  *     uiLocation: ?Workspace.UILocation,
  *     liveLocation: ?Bindings.LiveLocation,
  *     url: ?string,
  *     lineNumber: ?number,
  *     columnNumber: ?number,
  *     revealable: ?Object,
- *     fallback: ?Element,
- *     originalLinkText: string
+ *     fallback: ?Element
  * }}
  */
 Components._LinkInfo;
 
 /**
  * The maximum length before strings are considered too long for finding URLs.
  * @const
  * @type {number}
  */
 Components.Linkifier.MaxLengthToIgnoreLinkifier = 10000;
@@ skipping 205 matching lines @@
     contextMenu.appendSeparator();
     contextMenu.appendItem(Common.UIString('Save'), save.bind(null, false));
 
     if (contentProvider instanceof Workspace.UISourceCode) {
       var uiSourceCode = /** @type {!Workspace.UISourceCode} */ (contentProvider);
       if (!uiSourceCode.project().canSetFileContent())
         contextMenu.appendItem(Common.UIString.capitalize('Save ^as...'), save.bind(null, true));
     }
   }
 };