const { series, parallel, watch, src, dest } = require('gulp'); const pump = require('pump'); const fs = require('fs'); const order = require('ordered-read-streams'); const livereload = require('gulp-livereload'); const postcss = require('gulp-postcss'); const concat = require('gulp-concat'); const uglify = require('gulp-uglify'); const zip = require('gulp-zip'); const easyimport = require('postcss-easy-import'); const autoprefixer = require('autoprefixer'); const cssnano = require('cssnano'); function serve(done) { livereload.listen(); done(); } function hbs(done) { pump([ src(['*.hbs', 'partials/**/*.hbs']), livereload() ], done); } function css(done) { pump([ src('assets/css/main.css', { sourcemaps: true }), postcss([ easyimport, autoprefixer(), cssnano() ]), dest('assets/built/', { sourcemaps: '.' }), livereload() ], done); } function getJsFiles(version) { const jsFiles = [ src(`node_modules/@tryghost/shared-theme-assets/assets/js/${version}/lib/**/*.js`), src(`node_modules/@tryghost/shared-theme-assets/assets/js/${version}/main.js`), ]; if (fs.existsSync(`assets/js/lib`)) { jsFiles.push(src(`assets/js/lib/*.js`)); } jsFiles.push(src(`assets/js/main.js`)); return jsFiles; } function js(done) { pump([ order(getJsFiles('v1'), { sourcemaps: true }), concat('main.min.js'), uglify(), dest('assets/built/', { sourcemaps: '.' }), livereload() ], done); } function zipper(done) { const filename = require('./package.json').name + '.zip'; pump([ src([ '**', '!node_modules', '!node_modules/**', '!dist', '!dist/**', '!yarn-error.log', '!yarn.lock', "!gulpfile.js" ]), zip(filename), dest('dist/') ], done); } const hbsWatcher = () => watch(['*.hbs', 'partials/**/*.hbs'], hbs); const cssWatcher = () => watch('assets/css/**/*.css', css); const jsWatcher = () => watch('assets/js/**/*.js', js); const watcher = parallel(hbsWatcher, cssWatcher, jsWatcher); const build = series(css, js); exports.build = build; exports.zip = series(build, zipper); exports.default = series(build, serve, watcher);