index.js

var gulp    = require('gulp');
var iconify = require('./lib/iconify');
var del     = require('del');
var svg2png = require('gulp-svg2png');
var sass    = require('gulp-sass');
var gutil   = require('gulp-util');
var path    = require('path');
var fs      = require('fs')

function getErrors(opts) {
    var error = {};

    if(!opts.src) {
        error.src = "Error: src not defined; please specify your source (src: './img/icons/*.svg').";
    }

    if(Object.keys(error).length) {
        Object.keys(error).forEach(function(k) {
            gutil.log(error[k]);
        });

        process.exit();
    }
}

function setFallbacks(opts) {
    var warning = {};

    if(opts.pngOutput === undefined) {
        opts.pngOutput = path.dirname(opts.src)+'/png';
        warning.pngOutput = "Info: No pngOutput folder defined. Using fallback ("+opts.pngOutput+").";
    }
    else if (opts.pngOutput === false) {
        warning.pngOutput = "Info: PNG generation has been disabled.";
    }

    if(opts.cssOutput === undefined) {
        opts.cssOutput = './css';
        warning.cssOutput = "Info: No cssOutput folder defined. Using fallback ("+opts.cssOutput+").";
    } else if (opts.cssOutput === false) {
        opts.cssDisabled = true;
        warning.cssOutput = "Info: CSS generation has been disabled. CSS files will not be saved.";
    }

    if(!opts.scssOutput) {
        opts.scssOutput = './scss';
        opts.scssDisabled = true;

        // check if "./scss" exists, if not: remember to remove the folder lateron.
        fs.stat(path.normalize(opts.scssOutput), function (err) {
            if (err) {
                // File doesn't exist - remove scss folder on finish.
                opts.scssRemoveDir = true;
            }
        });

        warning.scssOutput = "Info: No scssOutput folder defined. SCSS files will not be saved (temporary files will be saved to '/scss').";
    }

    if (!opts.scssSvgName) {
        opts.scssSvgName = 'icons.svg.scss';
        warning.scssSvgName = "Info: No name for svg icons sass file defined. Using fallback ("+opts.scssSvgName+").";
    }

    if (!opts.scssPngName && opts.pngOutput) {
        opts.scssPngName = 'icons.png.scss';
        warning.scssPngName = "Info: No name for png icons sass file defined. Using fallback ("+opts.scssPngName+").";
    }

    if (!opts.scssFallbackName && opts.pngOutput) {
        opts.scssFallbackName = 'icons.fallback.scss';
        warning.scssFallbackName = "Info: No name for fallback sass file defined. Using fallback ("+opts.scssFallbackName+").";
    }

    if(!opts.styleTemplate) {
        opts.styleTemplate = path.join(__dirname, 'lib/output.mustache');
        warning.styleTemplate = "Info: No styleTemplate defined. Using default template.";
    }

    if(!opts.svgoOptions) {
        opts.svgoOptions = { enabled: true }
        // warning.svgoOptions = "Info: No SVGO options defined, enabling SVGO by default.";
    }

    if(!opts.svg2pngOptions) {
        opts.svg2pngOptions = {};
        warning.svg2pngOptions = "Info: No svg2png options defined. Using default settings.";
    }

    if(!opts.defaultWidth) {
        opts.defaultWidth = "300px";
        // warning.defaultWidth = "Info: No defaultWidth defined. Using fallback ("+opts.defaultWidth+") if SVG has no width.";
    }

    if(!opts.defaultHeight) {
        opts.defaultHeight = "200px";
        // warning.defaultHeight = "Info: No defaultHeight defined. Using fallback ("+opts.defaultHeight+") if SVG has no height.";
    }

    if(Object.keys(warning).length) {
        Object.keys(warning).forEach(function(k) {
            gutil.log(warning[k]);
        });
    }
}

module.exports = function(opts) {
    opts = opts || {};
    opts.scssDisabled = false;

    getErrors(opts);
    setFallbacks(opts);

    // gulp.task('iconify-clean', function(cb) {
    //     var todelete = [];
    //     if (opts.scssOutput) todelete.push(opts.scssOutput+"/"+opts)
    //     del([opts.scssOutput+'/icons.*.scss', opts.cssOutput+'/icons.*.css', opts.pngOutput+'/*.png'], cb);
    // });

    gulp.task('iconify-convert', function() {
       var stream = gulp.src(opts.src)
            .pipe(iconify({
                styleTemplate: opts.styleTemplate,
                styleName: opts.scssSvgName,
                svgoOptions: opts.svgoOptions,
                defaultWidth: opts.defaultWidth,
                defaultHeight: opts.defaultHeight
            }))
            .pipe(gulp.dest(opts.scssOutput));


        if (opts.pngOutput) {
            stream = gulp.src(opts.src)
                .pipe(svg2png(opts.svg2pngOptions.scaling, opts.svg2pngOptions.verbose, opts.svg2pngOptions.concurrency))
                .pipe(gulp.dest(opts.pngOutput))
                .pipe(iconify({
                    styleTemplate: opts.styleTemplate,
                    styleName: opts.scssPngName,
                    defaultWidth: opts.defaultWidth,
                    defaultHeight: opts.defaultHeight
                }))
                .pipe(gulp.dest(opts.scssOutput));

        };

        return stream;
    });

    gulp.task('iconify-fallback', ['iconify-convert'], function() {
        if (opts.pngOutput === false) return;
        var stream = gulp.src(opts.pngOutput+'/*.png')
            .pipe(iconify({
                styleTemplate: opts.styleTemplate,
                styleName: opts.scssFallbackName,
                noConvert: true,
                cssOutputTarget: opts.cssOutput,
                pngOutputTarget: opts.pngOutput
            }))
            .pipe(gulp.dest(opts.scssOutput));

        return stream;
    });

    gulp.task('iconify-sass', ['iconify-convert', 'iconify-fallback'], function() {
        var stream = gulp.src(opts.scssOutput+'/icons.*.scss')
            .pipe(sass({
                outputStyle: 'compressed'
            }))
            .pipe(gulp.dest(opts.cssOutput));

        return stream;
    });

    var tasks = [];
    tasks.push('iconify-convert');
    if (opts.pngOutput) {
        tasks.push('iconify-fallback');
    }
    if (!opts.cssDisabled) tasks.push('iconify-sass');

    gulp.task('iconify', tasks, function() {
        // remove SCSS folder/files if SCSS output is disabled
        // if(opts.scssDisabled) {
        //     if(opts.scssRemoveDir) {
        //         del.sync([opts.scssOutput]);
        //     } else {
        //         del.sync([opts.scssOutput+'/icons.*.scss']);
        //     }
        // }
    });

    gulp.start('iconify');
};