Pass the spritesheet object to 'onSaveSpritesheet' hook

Fix #62

Author: vvasilev-

examples/skip-prefix.md

@@ -16,9 +16,9 @@ var opts = {
 	stylesheetPath: './css',
 	spritePath: './css/images/',
 	hooks: {
-		onSaveSpritesheet: function(opts, groups) {
+		onSaveSpritesheet: function(opts, spritesheet) {
 			// We assume that the groups is not an empty array
-			var filenameChunks = groups.slice().push('png');
+			var filenameChunks = spritesheet.groups.slice().push('png');
 			return path.join(opts.spritePath, filenameChunks.join('.'));
 		}
 	}

src/index.js

@@ -356,11 +356,9 @@ export function runSpritesmith(opts, images) {
  */
 export function saveSpritesheets(opts, images, spritesheets) {
 	return Promise.each(spritesheets, (spritesheet) => {
-		const { groups, extension } = spritesheet;
-
 		spritesheet.path = _.isFunction(opts.hooks.onSaveSpritesheet)
-			? opts.hooks.onSaveSpritesheet(opts, groups, extension)
-			: makeSpritesheetPath(opts, groups, extension);
+			? opts.hooks.onSaveSpritesheet(opts, spritesheet)
+			: makeSpritesheetPath(opts, spritesheet);
 
 		if (!spritesheet.path) {
 			throw new Error('postcss-sprites: Spritesheet requires a relative path.');
@@ -580,11 +578,10 @@ export function maskGroup(toggle = false) {
 /**
  * Generate the filepath to the sprite.
  * @param  {Object}  opts
- * @param  {Array}   groups
- * @param  {String}  extension
+ * @param  {Object}  spritesheet
  * @return {String}
  */
-export function makeSpritesheetPath(opts, groups = [], extension) {
+export function makeSpritesheetPath(opts, { groups, extension }) {
 	return path.join(opts.spritePath, ['sprite', ...groups, extension].join('.'));
 }
 

test/02-utilities.js

@@ -98,8 +98,8 @@ test('should extract color from declaration value', (t) => {
 });
 
 test('should generate spritesheet filename', (t) => {
-	t.deepEqual(makeSpritesheetPath({ spritePath: './' }, [], 'png'), 'sprite.png');
-	t.deepEqual(makeSpritesheetPath({ spritePath: './' }, ['@2x'], 'png'), '[email protected]');
+	t.deepEqual(makeSpritesheetPath({ spritePath: './' }, { groups: [], extension: 'png' }), 'sprite.png');
+	t.deepEqual(makeSpritesheetPath({ spritePath: './' }, { groups: ['@2x'], extension: 'png' }), '[email protected]');
 });
 
 test('should detect comment tokens', (t) => {