DevTools: Implement CSS pretty-printing

Source/devtools/front_end/StylesSourceMapping.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 189 matching lines @@
     }
 }
 
 /**
  * @constructor
  * @param {WebInspector.UISourceCode} uiSourceCode
  */
 WebInspector.StyleFile = function(uiSourceCode)
 {
     this._uiSourceCode = uiSourceCode;
+    this._uiSourceCode.addEventListener(WebInspector.UISourceCode.Events.FormattedChanged, this._formattedChanged, this);

[vsevik, 2013/09/30 16:12:13]

You don't need this because this should work out of the box (all live locations
are tracked by UISourceCode itself).

     this._uiSourceCode.addEventListener(WebInspector.UISourceCode.Events.WorkingCopyChanged, this._workingCopyChanged, this);
     this._uiSourceCode.addEventListener(WebInspector.UISourceCode.Events.WorkingCopyCommitted, this._workingCopyCommitted, this);
 }
 
 WebInspector.StyleFile.updateTimeout = 200;
 
 WebInspector.StyleFile.sourceURLRegex = /\n[\040\t]*\/\*#[\040\t]sourceURL=[\040\t]*([^\s]*)[\040\t]*\*\/[\040\t]*$/m;
 
 WebInspector.StyleFile.prototype = {
+    _formattedChanged: function()
+    {
+        WebInspector.styleContentBinding.styleContentFormattingChanged(this._uiSourceCode);
+    },
+
     _workingCopyCommitted: function(event)
     {
         if (this._isAddingRevision)
             return;
 
         this._commitIncrementalEdit(true);
     },
 
     _workingCopyChanged: function(event)
     {
@@ skipping 42 matching lines @@
         if (this._uiSourceCode.project().type() === WebInspector.projectTypes.FileSystem)
             content = content.replace(WebInspector.StyleFile.sourceURLRegex, "");
         this._uiSourceCode.addRevision(content);
         delete this._isAddingRevision;
     },
 
     dispose: function()
     {
         this._uiSourceCode.removeEventListener(WebInspector.UISourceCode.Events.WorkingCopyCommitted, this._workingCopyCommitted, this);
         this._uiSourceCode.removeEventListener(WebInspector.UISourceCode.Events.WorkingCopyChanged, this._workingCopyChanged, this);
+        this._uiSourceCode.removeEventListener(WebInspector.UISourceCode.Events.FormattedChanged, this._formattedChanged, this);
     }
 }
 
 /**
  * @constructor
  * @param {WebInspector.CSSStyleModel} cssModel
  */
 WebInspector.StyleContentBinding = function(cssModel, workspace)
 {
     this._cssModel = cssModel;
     this._workspace = workspace;
     this._cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this._styleSheetChanged, this);
 }
 
 WebInspector.StyleContentBinding.prototype = {
     /**
      * @param {WebInspector.UISourceCode} uiSourceCode
+     */
+    styleContentFormattingChanged: function(uiSourceCode)
+    {
+        var styleSheetIds = this._cssModel.styleSheetIdsForURL(uiSourceCode.url);
+        for (var i = 0; i < styleSheetIds.length; ++i)
+            this._cssModel.styleSheetHeaderForId(styleSheetIds[i]).updateLocations();
+    },
+
+    /**
+     * @param {WebInspector.UISourceCode} uiSourceCode
      * @param {string} content
      * @param {boolean} majorChange
      * @param {function(?string)} userCallback
      */
     setStyleContent: function(uiSourceCode, content, majorChange, userCallback)
     {
         var styleSheetIds = this._cssModel.styleSheetIdsForURL(uiSourceCode.url);
         if (!styleSheetIds.length) {
             userCallback("No stylesheet found: " + uiSourceCode.url);
             return;
@@ skipping 50 matching lines @@
 
         if (uiSourceCode.styleFile())
             uiSourceCode.styleFile().addRevision(content);
     }
 }
 
 /**
  * @type {?WebInspector.StyleContentBinding}
  */
 WebInspector.styleContentBinding = null;