const path = require("path");
const gulp = require("gulp");
const svgSprite = require("gulp-svg-sprite");
const glob = require("glob");

function spriteSvg () {
    return glob("./src/img/sprites-svg/*", function (er, dirs) {
        dirs.forEach(function (dir) {
            const directoryName = dir.replace(`${path.dirname(dir)}/`, "");
            let options = {
                mode: {
                    css: {
                        dest: './',
                        bust: false,
                        sprite: `./src/img/${directoryName}-svg.svg`,
                        render:  {
                            scss: {
                                template: path.join('./src/scss/vendor', 'sprite-svg-mixins.handlebars'),
                                dest: `./src/scss/vendor/_${directoryName}-svg-mixins.scss`,
                            }
                        }
                    }
                },
                shape: {
                    spacing: {
                        padding: 4
                    },
                },
                variables: {
                    spriteName: `${directoryName}`,
                    baseName  : path.posix.relative('./src/css', path.posix.join(`./src/img`, `${directoryName}-svg`)),
                    svgToPng  : ''
                }
            }

            gulp.src(`./src/img/sprites-svg/${directoryName}/*.svg`)
                .pipe(svgSprite(options))
                .pipe(gulp.dest('./'))
        })
    })
}

exports.default = spriteSvg;