diff --git a/gulpfile.js b/gulpfile.js index 96eb60f..cac9e46 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -5,7 +5,8 @@ const gulp = require('gulp'); const runSequence = require('run-sequence'); const useref = require('gulp-useref'); const cleanCSS = require('gulp-clean-css'); -const rename = require("gulp-rename"); +const rename = require('gulp-rename'); +const concat = require('gulp-concat'); const babelMinify = require('babel-minify'); const child_process = require('child_process'); const merge = require('merge-stream'); @@ -18,84 +19,127 @@ function minifyJs(fileName) { `[${fileName}]: ${content.length}kb -> ${minifiedContent.length}kb` ); } -gulp.task('runWebpack', function () { +gulp.task('runWebpack', function() { return child_process.execSync('yarn run build'); }); -gulp.task('copyFiles', function () { +gulp.task('copyFiles', function() { return merge( gulp - .src('src/lib/codemirror/theme/*') - .pipe(gulp.dest('app/lib/codemirror/theme')), + .src('src/lib/codemirror/theme/*') + .pipe(gulp.dest('app/lib/codemirror/theme')), gulp - .src('src/lib/codemirror/mode/**/*') - .pipe(gulp.dest('app/lib/codemirror/mode')), + .src('src/lib/codemirror/mode/**/*') + .pipe(gulp.dest('app/lib/codemirror/mode')), gulp.src('src/lib/transpilers/*').pipe(gulp.dest('app/lib/transpilers')), gulp.src('src/lib/screenlog.js').pipe(gulp.dest('app/lib')), - gulp.src('src/preview.html').pipe(gulp.dest('app')), - gulp.src('src/detached-window.js').pipe(gulp.dest('app')), - gulp.src('src/icon-48.png').pipe(gulp.dest('app')), - gulp.src('src/icon-128.png').pipe(gulp.dest('app')), - gulp.src('src/patreon.png').pipe(gulp.dest('app')), - gulp.src('build/bundle.*.js').pipe(rename("script.js")).pipe(gulp.dest('app')), - gulp.src('build/vendor.*.js').pipe(rename("vendor.js")).pipe(gulp.dest('app')), + gulp + .src([ + 'src/preview.html', + 'src/detached-window.js', + 'src/icon-48.png', + 'src/icon-128.png', + 'src/patreon.png' + ]) + .pipe(gulp.dest('app')), - gulp.src('src/lib/codemirror/lib/codemirror.css').pipe(gulp.dest('build/lib/codemirror/lib')), - gulp.src('src/lib/codemirror/addon/hint/show-hint.css').pipe(gulp.dest('build/lib/codemirror/addon/hint')), - gulp.src('src/lib/codemirror/addon/fold/foldgutter.css').pipe(gulp.dest('build/lib/codemirror/addon/fold')), - gulp.src('src/lib/codemirror/addon/dialog/dialog.css').pipe(gulp.dest('build/lib/codemirror/addon/dialog')), + gulp + .src('build/bundle.*.js') + .pipe(rename('script.js')) + .pipe(gulp.dest('app')), + gulp + .src('build/vendor.*.js') + .pipe(rename('vendor.js')) + .pipe(gulp.dest('app')), + + // Following CSS are copied to build/ folder where they'll be referenced by + // useRef plugin to concat into one. + gulp + .src('src/lib/codemirror/lib/codemirror.css') + .pipe(gulp.dest('build/lib/codemirror/lib')), + gulp + .src('src/lib/codemirror/addon/hint/show-hint.css') + .pipe(gulp.dest('build/lib/codemirror/addon/hint')), + gulp + .src('src/lib/codemirror/addon/fold/foldgutter.css') + .pipe(gulp.dest('build/lib/codemirror/addon/fold')), + gulp + .src('src/lib/codemirror/addon/dialog/dialog.css') + .pipe(gulp.dest('build/lib/codemirror/addon/dialog')), gulp.src('src/lib/hint.min.css').pipe(gulp.dest('build/lib')), gulp.src('src/lib/inlet.css').pipe(gulp.dest('build/lib')), gulp.src('src/style.css').pipe(gulp.dest('build')), gulp - .src([ - 'src/FiraCode.ttf', - 'src/FixedSys.ttf', - 'src/Inconsolata.ttf', - 'src/Monoid.ttf' - ]) - .pipe(gulp.dest('app')) + .src([ + 'src/FiraCode.ttf', + 'src/FixedSys.ttf', + 'src/Inconsolata.ttf', + 'src/Monoid.ttf' + ]) + .pipe(gulp.dest('app')) ); }); -gulp.task('useRef', function () { +gulp.task('useRef', function() { return gulp .src('build/index.html') .pipe(useref()) .pipe(gulp.dest('app')); }); -gulp.task('minify', function () { - // minifyJs('app/script.js'); +gulp.task('concatSwRegistration', function() { + gulp + .src(['app/service-worker-registration.js', 'app/script.js']) + .pipe(concat('script.js')) + .pipe(gulp.dest('app')); +}); + +gulp.task('minify', function() { + minifyJs('app/script.js'); // minifyJs('app/vendor.js'); minifyJs('app/lib/screenlog.js'); gulp .src('app/*.css') .pipe( - cleanCSS({ - debug: true - }, details => { - console.log(`${details.name}: ${details.stats.originalSize}`); - console.log(`${details.name}: ${details.stats.minifiedSize}`); - }) + cleanCSS( + { + debug: true + }, + details => { + console.log(`${details.name}: ${details.stats.originalSize}`); + console.log(`${details.name}: ${details.stats.minifiedSize}`); + } + ) ) .pipe(gulp.dest('app')); }); -gulp.task('fixIndex', function () { +gulp.task('fixIndex', function() { var contents = fs.readFileSync('build/index.html', 'utf8'); - contents = contents.replace(/\<\!\-\- SCRIPT-TAGS \-\-\>[\S\s]*?\<\!\-\- END-SCRIPT-TAGS \-\-\>/, ''); + // Replace hashed-filename script tags with unhashed ones + contents = contents.replace( + /\<\!\-\- SCRIPT-TAGS \-\-\>[\S\s]*?\<\!\-\- END-SCRIPT-TAGS \-\-\>/, + '' + ); + + // vendor.hash.js gets created outside our markers, so remove it + contents = contents.replace( + /\