const pkg = require('./package.json') const path = require('path') const glob = require('glob') const colors = require('colors') const yargs = require('yargs') const webpack = require('webpack-stream') const { runQunitPuppeteer, printResultSummary, printFailedTests } = require('node-qunit-puppeteer') const gulp = require('gulp') const tap = require('gulp-tap') const zip = require('gulp-zip') const sass = require('gulp-sass') const babel = require('gulp-babel') const header = require('gulp-header') const eslint = require('gulp-eslint') const uglify = require('gulp-uglify') const rename = require('gulp-rename') const minify = require('gulp-clean-css') const connect = require('gulp-connect') const autoprefixer = require('gulp-autoprefixer') const root = yargs.argv.root || '.' const port = yargs.argv.port || 8000 const license = `/*! * reveal.js <%= pkg.version %> (<%= new Date().toDateString() %>) * <%= pkg.homepage %> * MIT licensed * * Copyright (C) 2020 Hakim El Hattab, https://hakim.se */\n` const swallowError = function(error) { console.log(error.toString()) this.emit('end') } gulp.task('js', () => gulp.src(['./js/index.js']) .pipe(babel({ presets: ['@babel/preset-env'] })) .pipe(webpack({ mode: 'production' })) .on('error', swallowError) .pipe(header(license, {pkg: pkg})) .pipe(rename('reveal.min.js')) .pipe(gulp.dest('./dist'))) gulp.task('css-themes', () => gulp.src(['./css/theme/source/*.{sass,scss}']) .pipe(sass()) .pipe(gulp.dest('./dist/theme'))) gulp.task('css-core', gulp.series( () => gulp.src(['css/reveal.scss']) .pipe(sass()) .pipe(autoprefixer()) .pipe(gulp.dest('./dist')), () => gulp.src(['dist/reveal.css']) .pipe(minify({ compatibility: 'ie9' })) .pipe(header(license, {pkg: pkg})) .pipe(gulp.dest('./dist')) )) gulp.task('css', gulp.parallel('css-themes', 'css-core')) gulp.task('test-qunit', function() { let testFiles = glob.sync('test/*.html' ) return Promise.all( testFiles.map( filename => { return new Promise( ( resolve, reject ) => { runQunitPuppeteer({ targetUrl: `file://${path.join(__dirname, filename)}`, timeout: 10000, redirectConsole: true, puppeteerArgs: ['--allow-file-access-from-files'] }) .then(result => { console.log(`\n\n${('Testing '+filename+'...').bold.blue}`); printResultSummary(result, console); if( result.stats.failed > 0 ) { printFailedTests(result, console); } resolve(); }) .catch(ex => { console.error(ex); reject(); }); } ) } ) ) } ) gulp.task('test', gulp.series( () => gulp.src(['./js/**', 'gulpfile.js']).pipe(eslint()).pipe(eslint.format()), 'test-qunit' )) gulp.task('default', gulp.series(gulp.parallel('js', 'css'), 'test')) gulp.task('package', gulp.series('default', () => gulp.src([ './index.html', './dist/**', './lib/**', './images/**', './plugin/**', './**.md' ]).pipe(zip('reveal-js-presentation.zip')).pipe(gulp.dest('./')) )) gulp.task('serve', () => { connect.server({ root: root, port: port, host: '0.0.0.0', livereload: true }) gulp.watch(['js/**'], gulp.series('js', 'test')) gulp.watch([ 'css/theme/source/*.{sass,scss}', 'css/theme/template/*.{sass,scss}', ], gulp.series('css-themes')) gulp.watch([ 'css/reveal.scss', 'css/print/*.{sass,scss,css}' ], gulp.series('css-core')) })