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(
+ /\