Merge pull request #15 from itaigilo-inv/support-more-directions

Support more directions

build/node.js

@@ -142,6 +142,7 @@ GradientParser.stringify = (function() {
       if (!element) {
         return '';
       }
+      var result = '';
 
       if (element instanceof Array) {
         return visitor.visit_array(element, result);
@@ -264,7 +265,7 @@ GradientParser.parse = (function() {
         error('Missing (');
       }
 
-      result = callback(captures);
+      var result = callback(captures);
 
       if (!scan(tokens.endCall)) {
         error('Missing )');

build/web.js

@@ -100,7 +100,7 @@ GradientParser.parse = (function() {
         error('Missing (');
       }
 
-      result = callback(captures);
+      var result = callback(captures);
 
       if (!scan(tokens.endCall)) {
         error('Missing )');
@@ -491,6 +491,7 @@ GradientParser.stringify = (function() {
       if (!element) {
         return '';
       }
+      var result = '';
 
       if (element instanceof Array) {
         return visitor.visit_array(element, result);

lib/parser.js

@@ -11,7 +11,7 @@ GradientParser.parse = (function() {
     repeatingLinearGradient: /^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,
     radialGradient: /^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,
     repeatingRadialGradient: /^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,
-    sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,
+    sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,
     extentKeywords: /^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,
     positionKeywords: /^(left|center|right|top|bottom)/i,
     pixelValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,

lib/stringify.js

@@ -142,6 +142,7 @@ GradientParser.stringify = (function() {
       if (!element) {
         return '';
       }
+      var result = '';
 
       if (element instanceof Array) {
         return visitor.visit_array(element, result);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradient-parser",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Parse CSS3 gradient definitions and return an AST.",
   "author": {
     "name": "Rafael Carcicio",
@@ -32,8 +32,8 @@
     "css3",
     "parser"
   ],
-  "dependencies": {},
   "devDependencies": {
+    "expect.js": "*",
     "grunt": "*",
     "grunt-browserify": "^3.0.1",
     "grunt-complexity": "*",

spec/parser.spec.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var expect = require('expect.js');
-var gradients = require('build/node');
+var gradients = require('../build/node');
 
 
 describe('lib/parser.js', function () {
@@ -134,7 +134,11 @@ describe('lib/parser.js', function () {
   describe('parse all linear directional', function() {
     [
       {type: 'angular', unparsedValue: '-145deg', value: '-145'},
-      {type: 'directional', unparsedValue: 'to left top', value: 'left top'}
+      {type: 'directional', unparsedValue: 'to left top', value: 'left top'},
+      {type: 'directional', unparsedValue: 'to top left', value: 'top left'},
+      {type: 'directional', unparsedValue: 'to top right', value: 'top right'},
+      {type: 'directional', unparsedValue: 'to bottom left', value: 'bottom left'},
+      {type: 'directional', unparsedValue: 'to bottom right', value: 'bottom right'}
     ].forEach(function(orientation) {
       describe('parse orientation ' + orientation.type, function() {
         beforeEach(function() {

spec/stringify.spec.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var expect = require('expect.js');
-var gradients = require('build/node');
+var gradients = require('../build/node');
 
 function pprint(ast) {
   console.log(JSON.stringify(ast, true, 2));