var gulp = require('gulp');
var urlAdjuster = require('gulp-css-url-adjuster');
var nib = require('nib');
var stylus = require('gulp-stylus');
var sourcemaps = require('gulp-sourcemaps');

var timestamp = Date.now();

// Get and render all .styl files recursively
gulp.task('stylus', function () {
	gulp.src('./app/frontend/www/res/css/**/*.styl')
			.pipe(stylus({
				use: [nib()],
				url: {
					name: 'embedurl'
				},
				sourcemap: true,
				'sourcemap-root': '/res/css/'
			}))
			.pipe(gulp.dest('./app/frontend/www/res/css/'));
});

gulp.task('css-url', function() {
	return gulp.src(['./app/frontend/www/res/css/**/*.css'])
			.pipe(urlAdjuster({
				append: function(s) { return s + '?'+timestamp; }
			}))
			.pipe(gulp.dest('./app/frontend/www/res/css/'));
});

gulp.task('watch', function() {
	gulp.run('stylus');

	gulp.watch('./app/frontend/www/res/css/**/*.styl', function() {
		gulp.run('stylus');
	});
});