Sprite generation

sprite-generator.js

// npm install -D glob spritesmith spritesheet-templates

const fs = require('fs');
const glob = require('glob');
const Spritesmith = require('spritesmith');
const templater = require('spritesheet-templates');

const icons = glob.sync('./src/icons/*.png');
const spritePath = `${__dirname}/sprite.png`;
const spriteRelativePath = `/sprite.png`;
const scssPath = `${__dirname}/sprite.scss`;

Spritesmith.run({
    src: icons,
}, function(err, result) {
    if (err) {
        console.error(err);
        process.exit(1);
    }

    const {coordinates, properties, image} = result;

    const sprites = [];
    Object.keys(coordinates).forEach((path) => {
        let name = path.split('/').pop();
        name = name.replace(/\..*$/, '');

        sprites.push({
            ...coordinates[path],
            name
        });
    });

    fs.writeFileSync(spritePath, image);

    const scss = templater({
        sprites: sprites,
        spritesheet: {
            ...properties,
            image: spriteRelativePath
        }
    }, {
        format: 'scss'
    });

    fs.writeFileSync(scssPath, scss);
});