Add export to javascript (#53)

- create test cases
- add export to javascript
- update docs
- fix syntax and formatting
- change javascript output formatting

* - fix tests and add missing fixtures

README.md

@@ -114,6 +114,7 @@ Built-in formats:
 - `'sass'`, `'scss'`: http://sass-lang.com/
 - `'css'`: http://www.w3.org/Style/CSS/
 - `'prefixed-css'`: A version of `'css'` that generates a smaller stylesheet but requires the use of the `'prefix'` stylesheet option
+- `'javascript'`: Creates a file that exports javascrip object with sprites data.
 
 #### options.stylesheetOptions
 Type: `Object`

lib/stylesheet/javascript.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var getTemplatedStylesheet = require('./templatedStylesheet'),
+    path = require('path');
+
+module.exports = getTemplatedStylesheet(path.join(__dirname, '/templates/javascript.tpl'));

lib/stylesheet/templates/javascript.tpl

@@ -0,0 +1,8 @@
+'use strict';
+
+var SPRITES = {
+  <% layout.images.forEach(function (image, idx) { if (image.className.indexOf('-') >= 0) { %>'<%= image.className %>'<% } else { %><%= image.className %><% } %>: { x: <%= image.x %>, y: <%= image.y %>, width: <%= image.width %>, height: <%= image.height %> }<% if (idx !== layout.images.length - 1) { %>,<% } %>
+  <% }); %>
+};
+
+module.exports = SPRITES;

test/fixtures/stylesheets/javascript/no-options.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var SPRITES = {
+  foo: { x: 0, y: 0, width: 150, height: 12 },
+  bar: { x: 0, y: 12, width: 150, height: 24 },
+  test: { x: 0, y: 36, width: 150, height: 12 }
+
+};
+
+module.exports = SPRITES;

test/fixtures/stylesheets/javascript/with-nameMapping.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var SPRITES = {
+  oof: { x: 0, y: 0, width: 150, height: 12 },
+  rab: { x: 0, y: 12, width: 150, height: 24 },
+  tset: { x: 0, y: 36, width: 150, height: 12 }
+
+};
+
+module.exports = SPRITES;

test/fixtures/stylesheets/javascript/with-pixelRatio.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var SPRITES = {
+  foo: { x: 0, y: 0, width: 75, height: 6 },
+  bar: { x: 0, y: 6, width: 75, height: 12 },
+  test: { x: 0, y: 18, width: 75, height: 6 }
+
+};
+
+module.exports = SPRITES;

test/fixtures/stylesheets/javascript/with-prefix.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var SPRITES = {
+  'prefix-foo': { x: 0, y: 0, width: 150, height: 12 },
+  'prefix-bar': { x: 0, y: 12, width: 150, height: 24 },
+  'prefix-test': { x: 0, y: 36, width: 150, height: 12 }
+
+};
+
+module.exports = SPRITES;

test/fixtures/stylesheets/javascript/with-spritePath.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var SPRITES = {
+  foo: { x: 0, y: 0, width: 150, height: 12 },
+  bar: { x: 0, y: 12, width: 150, height: 24 },
+  test: { x: 0, y: 36, width: 150, height: 12 }
+
+};
+
+module.exports = SPRITES;

test/specs/stylesheet/javascript.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var testTemplatedStylesheet = require('./testTemplatedStylesheet');
+
+testTemplatedStylesheet('javascript', 'js');