dat.gui/gulpfile.js

/*

[ ] build without platform bundled

*/

var gulp    = require( 'gulp' ),
    fs      = require( 'fs' ),
    $       = require( 'gulp-load-plugins' )( { 'pattern': '*' } );

var paths = {
    main:   'gui.html',
    css:    'elements/**/*.styl',
    html:   'elements/**/*.html',
    js:     'elements/**/*.js',
    tests:  'tests/*'
}

gulp.task( 'css', function() {

    gulp.src( paths.css )
        .pipe( $.stylus( { use: [ $.nib() ] } ) )
        .pipe( gulp.dest( 'elements' ) );

} );

gulp.task( 'vulcanize', function() {

    gulp.src( paths.main )
        .pipe( $.vulcanize( { 
            dest: 'build', 
            inline: true
            // strip: true 
        } ) );

} );

gulp.task( 'readme', function() {
        

    var content = {
        readme: $.marked( fs.readFileSync( 'README.md', 'utf8' ) )
    }

    gulp.src( 'docs/template.html' )
        .pipe( $.plates( content ) )
        .pipe( $.rename( 'index.html' ) )
        .pipe( gulp.dest( './' ) );

} );

gulp.task( 'test', function() {

} );

gulp.task( 'build', [ 'css', 'vulcanize', 'test' ] );

gulp.task( 'default', function() {

    gulp.watch( [ paths.css ], [ 'css', 'vulcanize' ] );
    gulp.watch( [ paths.js, paths.main, paths.html ], [ 'vulcanize', 'test' ] );

    // gulp.watch( [ paths.tests, 'test' ] ); // not working? 

    gulp.watch( [ 'README.md', 'docs/template.html' ], [ 'readme' ] );


} );