'use strict'

gulp = require 'gulp'
$ = (require 'gulp-load-plugins')()
browserify = require 'browserify'
browserSync = require 'browser-sync'
gutil = require 'gulp-util'
del = require 'del'
exec = require('child_process').exec
jade = require 'gulp-jade'
ghPages = require 'gulp-gh-pages'
mainBowerFiles = require 'main-bower-files'
runSequence = require 'run-sequence'
source = require 'vinyl-source-stream'

dirs =
  src: './docs'
  dist: './dist'

paths =
  jade: ["#{dirs.src}/templates/**/!(_)*.jade"]
  coffee: ["#{dirs.src}/static/coffee/**/*.coffee"]
  browserify: ["#{dirs.src}/static/coffee/base.coffee"]
  stylus: ["#{dirs.src}/static/stylus/**/!(_)*.styl"]
  image: ["#{dirs.src}/static/img/**/*.{png,jpg,gif}"]
  font: ["./src/fonts/*"]


###
# Jade
###

# Jade -> HTML 変換
gulp.task 'jade', ->
    YOUR_LOCALS = {}
    gulp.src paths.jade
      .pipe jade
        locals: YOUR_LOCALS
      .pipe gulp.dest "#{dirs.dist}"

# HTML生成
gulp.task 'prodJade', (cb) ->
  runSequence 'jade', cb

###
# Font
###

# fontデータをコピー
gulp.task 'font', ->
  gulp.src paths.font
    .pipe gulp.dest "#{dirs.dist}/fonts/"


###
# Image
###

# 画像の最適化
gulp.task 'image', ->
  gulp.src paths.image
    .pipe plumberWithNotify()
    .pipe $.using()
    .pipe $.imagemin
      optimizationLevel: 1
    .pipe $.size()
    .pipe gulp.dest "#{dirs.dist}/img/"


###
# CSS
###

# Stylus -> CSS 変換
gulp.task 'stylus', ->
  gulp.src paths.stylus
    .pipe plumberWithNotify()
    #.pipe $.cached()
    .pipe $.using()
    .pipe $.stylus
      'include css': true
    .pipe $.size()
    .pipe gulp.dest "#{dirs.dist}/css/"

# CSS 圧縮
gulp.task 'optimizeCSS', ->
  gulp.src ["#{dirs.dist}/css/**/*{.*,}[^.min].css"]
    .pipe $.cssmin noAdvanced: true
    .pipe $.size title: 'minify'
    .pipe $.rename extname: '.min.css'
    .pipe gulp.dest "#{dirs.dist}/css/"

# CSS 生成・圧縮
gulp.task 'prodCSS', (cb) ->
  runSequence 'stylus', 'optimizeCSS', cb



###
# JS
###

# JS 生成 (browserify)
gulp.task 'js', ->
  browserify
    entries: paths.browserify
    extensions: ['.coffee', '.js']
  .bundle()
  .pipe source "base.js"
  .pipe gulp.dest "#{dirs.dist}/js/"

# JS 最適化
gulp.task 'optimizeJS', ->
  gulp.src ["#{dirs.dist}/js/**/*{.*,}[^.min].js"]
    .pipe $.using()
    .pipe $.size()
    .pipe $.uglify()
    .pipe $.size title: 'minify'
    .pipe $.rename extname: '.min.js'
    .pipe gulp.dest "#{dirs.dist}/js/"

# 本番用 JS 生成
gulp.task 'prodJS', (cb) ->
  runSequence 'js', 'optimizeJS', cb


###
# Util
###
# 本番判定
isProduction = ->
  process.env.ENV is 'production'

# エラー制御とNotify
plumberWithNotify = ->
  $.plumber errorHandler: (error) ->
    if not isProduction()
      $.notify.onError('<%= error.message %>') error
    @emit 'end'

# 確認用サーバ起動
gulp.task 'server', ->
  browserSync
    server:
      baseDir: dirs.dist


# gh-pagesへデプロイ
gulp.task 'deploy', ->
  gulp.src 'dist/**/*'
  .pipe ghPages()


# ファイル監視とライブリロード
gulp.task 'watch', ->
  gulp.watch paths.jade, ['jade', browserSync.reload]
  gulp.watch paths.browserify, ['js', browserSync.reload]
  gulp.watch paths.stylus, ['stylus', browserSync.reload]
  gulp.watch paths.image, ['image', browserSync.reload]


###
# Task
###

# ビルドディレクトリのcleaning
gulp.task 'clean', del.bind null, ["#{dirs.dist}"]

# デフォルトタスク (確認サーバ起動とファイル監視)
gulp.task 'default', ['server', 'watch']

# 本番用ファイル生成タスク
gulp.task 'build', ->
  env = 'production'
  runSequence 'clean', 'prodJade', ['prodJS', 'prodCSS', 'image', 'font']