var gulp = require('gulp');

var sass = require('gulp-sass');
var autoprefixer = require("gulp-autoprefixer");
var cssmin = require('gulp-cssmin');

var uglify = require("gulp-uglify");

var plumber = require('gulp-plumber');

var browser = require("browser-sync");

gulp.task('browser-sync', function () {
  browser({
    proxy: 'http://localhost:8888/garyu', // ここにwordpressサーバへのIPアドレスを書く
    minify: false
  });
});
gulp.task('bs-reload', function () {
  browser.reload();
});

// Sassコンパイルタスク
gulp.task('sass', function(){
  gulp.src('./assets/sass/*.scss')
    .pipe(plumber())
    .pipe(sass({
      includePaths: require('node-reset-scss').includePath
    }))
    .pipe(autoprefixer())
    .pipe(cssmin())
    .pipe(gulp.dest('./assets/stylesheets/'))
    .pipe(browser.reload({stream:true}));
});

// Jsコンパイルタスク
gulp.task("js", function() {
  gulp.src(["./assets/rawjs/**/*.js"])
    .pipe(plumber())
    .pipe(uglify())
    .pipe(gulp.dest("./assets/js/"))
    .pipe(browser.reload({stream:true}));
});

gulp.task('php', function() {
  return gulp.src('**/*.php')
  .pipe(browser.reload( { stream: true } ));
});


gulp.task("default",['browser-sync'], function() {
    gulp.watch(["./assets/rawjs/**/*.js"],["js"]);
    gulp.watch("./assets/sass/**/*.scss",["sass"]);
    gulp.watch("**/*.php",["php"]);
});