gulpfile.coffee

# Lint disabled due to react jsx

gulp = require "gulp"
gutil = require "gulp-util"
karma = require("karma").server
$ = require('gulp-load-plugins')()
express = require 'express'

gulp.task 'scripts', ->
    return gulp.src('src/client/app.coffee', { read: false })
        .pipe($.browserify({
          transform: ['coffee-reactify'],
          extensions: ['.coffee']
        })).on("error", gutil.log).on("error", gutil.beep)
        .pipe($.rename('app.js'))
        .pipe(gulp.dest('./public'))
        .pipe($.livereload())


gulp.task 'tests', ->
    return gulp.src('src/tests/test.coffee', { read: false })
        .pipe($.browserify({
          transform: ['coffeeify'],
          extensions: ['.coffee']
        })).on("error", gutil.log).on("error", gutil.beep)
        .pipe $.rename 'tests.js'
        .pipe gulp.dest './gen'

gulp.task "styles", ->
    return gulp.src(["./src/**/*.scss"])
        .pipe($.concat("app.css"))
        .pipe($.sass(errLogToConsole: true).on("error", gutil.log).on("error", gutil.beep))
        .pipe(gulp.dest("./public"))
        .pipe($.livereload())

gulp.task "jade", ->
    return gulp.src("./src/jade/index.jade")
        .pipe($.jade().on("error", gutil.log).on("error", gutil.beep))
        .pipe gulp.dest("./public")
        .pipe $.livereload()


gulp.task "clean", ->
    gulp.src(["./public", "./gen"])
        .pipe $.clean()

gulp.task "assets", ->
    gulp.src "./src/assets/**/*"
        .pipe gulp.dest("./public")
        .pipe $.livereload()

gulp.task "lint", ->
    return gulp.src(["src/**/*.coffee"])
        .pipe($.coffeelint())
        .pipe($.coffeelint.reporter())
        .pipe($.coffeelint.reporter('fail'))
        .on("error", gutil.beep)

karmaCommonConf =
    browsers: ['Chrome']
    frameworks: ['mocha']
    files: [
        'gen/tests.js',
    ]
    reporters: ['mocha', 'beep'],

gulp.task "tdd", (done) ->
    karma.start karmaCommonConf, done

gulp.task "default", ["scripts", "tests", "styles", "jade", "assets"], ->
    app = express()
    app.use require('connect-livereload')()
    app.use express.static "#{__dirname}/public"
    $.livereload.listen()

    port = 8765

    gutil.log gutil.colors.cyan "=== Listening on port #{port}. ==="
    app.listen port

    gulp.watch("src/**/*.coffee", ["scripts", "tests"])
    gulp.watch("src/**/*.scss", ["styles"])
    gulp.watch("src/**/*.jade", ["jade"])
    gulp.watch("src/assets/**/*", ["assets"])