Bunch of tweaks and fixes.

example/example.js

@@ -1,3 +1,4 @@
+/*eslint no-console: ["error", { allow: ["log", "error"] }] */
 /**
  * Copyright (c) 2019-present Tomek Wójcik <contact@bthlabs.pl>
  *
@@ -22,7 +23,8 @@
 
 const {spritemaker} = require('../lib/spritemaker.js');
 
-spritemaker({
+console.log(spritemaker({
   files: ['./icons/*.png'],
-  output: './output/'
-});
+  output: './output/',
+  urlPrefix: '../img'
+}));

lib/scss.mustache

@@ -27,7 +27,7 @@ $sprite: (
 );
 
 @mixin use-sprite($name) {
-  background: transparent '{{& url}}' no-repeat;
+  background: transparent url('{{& url}}') no-repeat;
   background-position: map-get($sprite, $name);
   background-size: {{bounds.width}}px {{bounds.height}}px;
 }

lib/spritemaker.js

@@ -87,8 +87,8 @@ const spritemaker = (options) => {
   const hash = crypto.Hash('md5');
   hash.update(outputImage.data);
 
-  const outputBasename = `sprite-${hash.digest('hex')}`;
-  const outputName = `${outputBasename}.png`;
+  const outputBasename = `sprite`;
+  const outputName = `${outputBasename}-${hash.digest('hex')}.png`;
   const outbutBuffer = PNG.sync.write(outputImage, {
     colorType: 6
   });
@@ -99,16 +99,19 @@ const spritemaker = (options) => {
   const template = fs.readFileSync(
     path.resolve(__dirname, 'scss.mustache'), {encoding: 'utf-8'}
   );
-  const outputURL = new URI(options.urlPrefix).path('/' + outputName);
   const context = {
     bounds: bounds,
     images: spriteMap,
-    url: outputURL.href()
+    url: path.join(options.urlPrefix, outputName)
   };
   const scss = Mustache.render(template, context);
+
+  const scssName = `${outputBasename}.scss`;
   fs.writeFileSync(
-    path.resolve(options.output, `${outputBasename}.scss`), scss
+    path.resolve(options.output, scssName), scss
   );
+
+  return [outputName, scssName];
 };
 
 module.exports = {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bthlabs/sass-spritemaker",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Convert a bunch of PNGs to a Sass spritemap.",
   "main": "./lib/spritemaker.js",
   "repository": {
@@ -20,8 +20,7 @@
   "dependencies": {
     "glob": "7.1.3",
     "mustache": "3.0.1",
-    "pngjs": "3.3.3",
-    "urijs": "1.19.1"
+    "pngjs": "3.3.3"
   },
   "devDependencies": {
     "chai": "4.2.0",

test/spritemaker.spec.js

@@ -30,7 +30,6 @@ const {spritemaker} = require('../lib/spritemaker');
 const {rmtree} = require('./utils');
 
 const ICONS_PATH = path.resolve(__dirname, '..', 'example', 'icons', '*.png');
-const OUTPUT_NAME = 'sprite-4744971b12c28832638cc954dd787fa5';
 
 describe('spritemaker', () => {
   let outputDir = null;
@@ -49,16 +48,16 @@ describe('spritemaker', () => {
   });
 
   it('should generate the sprite image', () => {
-    spritemaker(defaultOptions);
+    const result = spritemaker(defaultOptions);
 
-    const spritePath = path.join(outputDir, `${OUTPUT_NAME}.png`);
+    const spritePath = path.join(outputDir, result[0]);
     expect(fs.existsSync(spritePath)).to.equal(true);
   });
 
   it('should generate the SCSS files', () => {
-    spritemaker(defaultOptions);
+    const result = spritemaker(defaultOptions);
 
-    const scssPath = path.join(outputDir, `${OUTPUT_NAME}.scss`);
+    const scssPath = path.join(outputDir, result[1]);
     expect(fs.existsSync(scssPath)).to.equal(true);
   });
 });