DevTools: (DO NOT COMMIT) Add shadow swatches to Sources, work in progress

third_party/WebKit/Source/devtools/front_end/common/CSSShadowModel.js

 // Copyright 2016 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.
 
 /**
  * @constructor
  * @param {boolean} isBoxShadow
  */
 WebInspector.CSSShadowModel = function(isBoxShadow)
 {
     this._isBoxShadow = isBoxShadow;
     this._inset = false;
     this._offsetX = WebInspector.CSSLength.zero();
     this._offsetY = WebInspector.CSSLength.zero();
     this._blurRadius = WebInspector.CSSLength.zero();
     this._spreadRadius = WebInspector.CSSLength.zero();
     this._color = /** @type {!WebInspector.Color} */ (WebInspector.Color.parse("black"));
     this._format = [WebInspector.CSSShadowModel._Part.OffsetX, WebInspector.CSSShadowModel._Part.OffsetY];
 }
 
+WebInspector.CSSShadowModel.PropertyRegex = /((?:-webkit-)?box|text)-shadow\s*?:.+?[;\n\r]/g;
+
 /**
  * @enum {string}
  */
 WebInspector.CSSShadowModel._Part = {
     Inset: "I",
     OffsetX: "X",
     OffsetY: "Y",
     BlurRadius: "B",
     SpreadRadius: "S",
     Color: "C"
@@ skipping 10 matching lines @@
 
 /**
  * @param {string} text
  * @return {!Array<!WebInspector.CSSShadowModel>}
  */
 WebInspector.CSSShadowModel.parseBoxShadow = function(text)
 {
     return WebInspector.CSSShadowModel._parseShadow(text, true);
 }
 
+/**
+ * @param {string} text
+ * @return {!Array<{text: string, position: number}>}
+ */
+WebInspector.CSSShadowModel.splitShadows = function(text)
+{
+    // This function removes the whitespace around each shadow but not inside.
+    var shadowTexts = WebInspector.CSSShadowModel._splitShadowsByCommas(text);
+    var shadowPositions = [];
+    var index = 0;
+    for (var i = 0; i < shadowTexts.length; i++) {
+        var shadowText = shadowTexts[i];
+        var position = shadowText.search(/\S/);
+        if (position === -1)
+            return []
+        shadowPositions.push({
+            text: shadowText.trim(),
+            position: index + position
+        });
+        // +1 for the comma that was removed.
+        index = index + shadowText.length + 1;
+    }
+    return shadowPositions;
+}
+
 WebInspector.CSSShadowModel.prototype = {
     /**
      * @param {boolean} inset
      */
     setInset: function(inset)
     {
         this._inset = inset;
         if (this._format.indexOf(WebInspector.CSSShadowModel._Part.Inset) === -1)
             this._format.unshift(WebInspector.CSSShadowModel._Part.Inset);
     },
@@ skipping 130 matching lines @@
     }
 }
 
 /**
  * @param {string} text
  * @param {boolean} isBoxShadow
  * @return {!Array<!WebInspector.CSSShadowModel>}
  */
 WebInspector.CSSShadowModel._parseShadow = function(text, isBoxShadow)
 {
-    var shadowTexts = [];
-    // Split by commas that aren't inside of color values to get the individual shadow values.
-    var splits = WebInspector.TextUtils.splitStringByRegexes(text, [WebInspector.Color.Regex, /,/g]);
-    var currentIndex = 0;
-    for (var i = 0; i < splits.length; i++) {
-        if (splits[i].regexIndex === 1) {
-            var comma = splits[i];
-            shadowTexts.push(text.substring(currentIndex, comma.position));
-            currentIndex = comma.position + 1;
-        }
-    }
-    shadowTexts.push(text.substring(currentIndex, text.length));
-
+    var shadowTexts = WebInspector.CSSShadowModel._splitShadowsByCommas(text);
     var shadows = [];
     for (var i = 0; i < shadowTexts.length; i++) {
         var shadow = new WebInspector.CSSShadowModel(isBoxShadow);
         shadow._format = [];
         var nextPartAllowed = true;
         var regexes = [/inset/gi, WebInspector.Color.Regex, WebInspector.CSSLength.Regex];
         var results = WebInspector.TextUtils.splitStringByRegexes(shadowTexts[i], regexes);
         for (var j = 0; j < results.length; j++) {
             var result = results[j];
             if (result.regexIndex === -1) {
@@ skipping 59 matching lines @@
         var count = 0;
         for (var i = 0; i < shadow._format.length; i++) {
             if (shadow._format[i] === part)
                 count++;
         }
         return count < min || count > max;
     }
 }
 
 /**
+ * @param {string} text
+ * @return {!Array<string>}
+ */
+WebInspector.CSSShadowModel._splitShadowsByCommas = function(text)
+{
+    var shadowTexts = [];
+    // Split by commas that aren't inside of color values to get the individual shadow values.
+    var splits = WebInspector.TextUtils.splitStringByRegexes(text, [WebInspector.Color.Regex, /,/g]);
+    var currentIndex = 0;
+    for (var i = 0; i < splits.length; i++) {
+        if (splits[i].regexIndex === 1) {
+            var comma = splits[i];
+            shadowTexts.push(text.substring(currentIndex, comma.position));
+            currentIndex = comma.position + 1;
+        }
+    }
+    shadowTexts.push(text.substring(currentIndex, text.length));
+    return shadowTexts;
+}
+
+/**
  * @constructor
  * @param {number} amount
  * @param {string} unit
  */
 WebInspector.CSSLength = function(amount, unit)
 {
     this.amount = amount;
     this.unit = unit;
 }
 
@@ skipping 31 matching lines @@
 
 WebInspector.CSSLength.prototype = {
     /**
      * @return {string}
      */
     asCSSText: function()
     {
         return this.amount + this.unit;
     }
 }