DevTools: synchronize links in StylesSidebarPane on edits.

Source/devtools/front_end/TextRange.js

 /*
  * Copyright (C) 2013 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 71 matching lines @@
      * @return {boolean}
      */
     immediatelyFollows: function(range)
     {
         if (!range)
             return false;
         return range.immediatelyPrecedes(this);
     },
 
     /**
+     * @param {!WebInspector.TextRange} range
+     * @return {boolean}
+     */
+    follows: function(range)
+    {
+        return (range.endLine === this.startLine && range.endColumn <= this.startColumn)
+            || range.endLine < this.startLine;
+    },
+
+    /**
      * @return {number}
      */
     get linesCount()
     {
         return this.endLine - this.startLine;
     },
 
     /**
      * @return {!WebInspector.TextRange}
      */
@@ skipping 64 matching lines @@
     /**
      * @param {number} lineOffset
      * @return {!WebInspector.TextRange}
      */
     shift: function(lineOffset)
     {
         return new WebInspector.TextRange(this.startLine + lineOffset, this.startColumn, this.endLine + lineOffset, this.endColumn);
     },
 
     /**
+     * @param {!WebInspector.TextRange} originalRange
+     * @param {!WebInspector.TextRange} editedRange
+     * @return {!WebInspector.TextRange}
+     */
+    rebaseAfterTextEdit: function(originalRange, editedRange)
+    {
+        console.assert(originalRange.startLine === editedRange.startLine);
+        console.assert(originalRange.startColumn === editedRange.startColumn);
+        var rebase = this.clone();
+        if (!this.follows(originalRange))
+            return rebase;
+        var lineDelta = editedRange.endLine - originalRange.endLine;
+        var columnDelta = editedRange.endColumn - originalRange.endColumn;
+        rebase.startLine += lineDelta;
+        rebase.endLine += lineDelta;
+        if (rebase.startLine === editedRange.endLine)
+            rebase.startColumn += columnDelta;
+        if (rebase.endLine === editedRange.endLine)
+            rebase.endColumn += columnDelta;
+        return rebase;
+    },
+
+    /**
      * @return {string}
      */
     toString: function()
     {
         return JSON.stringify(this);
     }
 }
 
 /**
  * @constructor
  * @param {number} offset
  * @param {number} length
  */
 WebInspector.SourceRange = function(offset, length)
 {
     this.offset = offset;
     this.length = length;
 }