Parser: Avoid code duplication in the handling of @Keyframes tokens.

Also support any vendor prefix, not just @-webkit-keyframes and @-moz-keyframes.

Author: papandreou

lib/parse.js

@@ -134,31 +134,22 @@ CSSOM.parse = function parse(token) {
 				i += "import".length;
 				buffer += "@import";
 				break;
-			} else if (token.indexOf("@-webkit-keyframes", i) === i) {
-				state = "keyframesRule-begin";
-				keyframesRule = new CSSOM.CSSKeyframesRule;
-				keyframesRule.__starts = i;
-				keyframesRule._vendorPrefix = '-webkit-';
-				i += "-webkit-keyframes".length;
-				buffer = "";
-				break;
-			} else if (token.indexOf("@-moz-keyframes", i) == i) {
-				state = "keyframesRule-begin";
-				keyframesRule = new CSSOM.CSSKeyframesRule;
-				keyframesRule.__starts = i;
-				keyframesRule._vendorPrefix = '-moz-';
-				i += "-moz-keyframes".length;
-				buffer = "";
-				break;
-			} else if (token.indexOf("@keyframes", i) == i) {
-				state = "keyframesRule-begin";
-				keyframesRule = new CSSOM.CSSKeyframesRule;
-				keyframesRule.__starts = i;
-				i += "keyframes".length;
-				buffer = "";
-				break;
-			} else if (state == "selector") {
-				state = "atRule";
+			} else {
+				// A @keyframes rule can have an arbitrary vendor prefix, but unfortunately we cannot match a regular expression
+				// against 'token' starting at index 'i'. Extract a substring and match against that:
+				var nextBraceIndex = token.indexOf('{', i);
+				var matchKeyframes = token.substring(i, nextBraceIndex === -1 ? token.length : nextBraceIndex).match(/@((?:-\w+)+-)?keyframes/);
+				if (matchKeyframes) {
+					state = "keyframesRule-begin";
+					keyframesRule = new CSSOM.CSSKeyframesRule;
+					keyframesRule.__starts = i;
+					keyframesRule._vendorPrefix = matchKeyframes[1]; // Will come out as undefined if no prefix was found
+					i += matchKeyframes[0].length - 1;
+					buffer = "";
+					break;
+				} else if (state == "selector") {
+					state = "atRule";
+				}
 			}
 			buffer += character;
 			break;