var gulp 		 = require('gulp'),
    sass 		 = require('gulp-sass'),
    browserSync  = require('browser-sync'),
    concat 		 = require('gulp-concat'),
    uglify 		 = require('gulp-uglify'),
    cleanCSS 	 = require('gulp-clean-css'),
    rename 		 = require('gulp-rename'),
    autoprefixer = require('gulp-autoprefixer'),
    notify 		 = require('gulp-notify'),
    ftp		     = require('vinyl-ftp'),
    gutil        = require('gulp-util'),
    sourcemaps   = require('gulp-sourcemaps');

// common-js
gulp.task('custom-js', function() {
    return gulp.src([
        'catalog/view/theme/oct_techstore/js/custom.js',
    ])
        .pipe(concat('custom.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('catalog/view/theme/oct_techstore/js/'));
});

// libs js
gulp.task('js', ['custom-js'], function() {
    return gulp.src([
        'catalog/view/theme/oct_techstore/js/custom.min.js'
    ])
        .pipe(concat('scripts.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('catalog/view/theme/oct_techstore/js/'))
        .pipe(browserSync.reload({stream: true}));
});

// sass
gulp.task('sass', function() {
    return gulp.src('catalog/view/theme/oct_techstore/sass/**/*.sass')
        .pipe(sass({outputStyle: 'expand'}).on("error", notify.onError()))
        .pipe(sourcemaps.init())
        .pipe(rename({suffix: '.min', prefix: ''}))
        .pipe(autoprefixer(['last 15 versions']))
        .pipe(cleanCSS())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('catalog/view/theme/oct_techstore/stylesheet/'))
        .pipe(browserSync.reload({stream: true}));
});

// browser sync
gulp.task('browser-sync', function() {
    browserSync({
        proxy: "",
        notify: false
    });
});

gulp.task('deploy', function() {
    var conn = ftp.create({
        host:      '',
        user:      '',
        password:  '',
        parallel:  10,
        log: gutil.log
    });
    var globs = [
        'catalog/view/theme/oct_techstore/**'
    ];
    return gulp.src(globs, {buffer: false})
        .pipe(conn.dest('/catalog/view/theme/oct_techstore/'));
});

// watch
gulp.task('watch', ['sass', 'js', 'browser-sync'], function() {
    gulp.watch('catalog/view/theme/oct_techstore/js/**/*.js', ['js']);
    gulp.watch('catalog/view/theme/oct_techstore/template/**/*.tpl', browserSync.reload);
    gulp.watch('catalog/view/theme/oct_techstore/sass/**/*.sass', ['sass']);
});

// default
gulp.task('default', ['watch']);