var gulp = require("gulp"); var watch = require('gulp-watch'); var merge = require('merge-stream'); var babel = require("gulp-babel"); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var nodemon = require('gulp-nodemon'); var plumber = require('gulp-plumber'); var zip = require('gulp-zip'); var tar = require('gulp-tar'); var gzip = require('gulp-gzip'); var sass = require('gulp-sass'); var cleanCSS = require('gulp-clean-css'); var include = require("gulp-include"); var run = require('run-sequence'); var _ = require('lodash'); /** * Paths * * @type {Object} */ var paths = { scripts: { combine: [ './node_modules/socket.io-client/dist/socket.io.min.js', './node_modules/jquery/dist/jquery.min.js', './node_modules/vue/dist/vue.min.js', './node_modules/jquery-smooth-scroll/jquery.smooth-scroll.min.js', './node_modules/jquery-simple-upload/simpleUpload.min.js', './node_modules/jquery-contextmenu/dist/jquery.contextMenu.min.js', './node_modules/sticky-js/dist/sticky.min.js', './node_modules/simplemde/dist/simplemde.min.js', './node_modules/ace-builds/src-min-noconflict/ace.js', './node_modules/ace-builds/src-min-noconflict/ext-modelist.js', './node_modules/ace-builds/src-min-noconflict/mode-markdown.js', './node_modules/ace-builds/src-min-noconflict/theme-tomorrow_night.js', './node_modules/filesize.js/dist/filesize.min.js', './node_modules/lodash/lodash.min.js' ], ace: [ './node_modules/ace-builds/src-min-noconflict/mode-*.js', '!./node_modules/ace-builds/src-min-noconflict/mode-markdown.js' ], compile: [ './client/js/*.js' ], watch: [ './client/js/**/*.js' ] }, css: { combine: [ './node_modules/highlight.js/styles/tomorrow.css', './node_modules/simplemde/dist/simplemde.min.css' ], compile: [ './client/scss/*.scss' ], includes: [ './node_modules/requarks-core' //! MUST BE LAST ], watch: [ './client/scss/**/*.scss', '../core/core-client/scss/**/*.scss' ] }, fonts: [ '../node_modules/requarks-core/core-client/fonts/**/*' //! MUST BE LAST ], deploy: [ './**/*', '!node_modules', '!node_modules/**', '!coverage', '!coverage/**', '!client/js', '!client/js/**', '!client/scss', '!client/scss/**', '!dist', '!dist/**', '!tests', '!tests/**', '!data', '!data/**', '!repo', '!repo/**', '!.babelrc', '!.gitattributes', '!.gitignore', '!.snyk', '!.travis.yml', '!gulpfile.js', '!inch.json', '!config.yml', '!wiki.sublime-project' ] }; /** * TASK - Starts server in development mode */ gulp.task('server', ['scripts', 'css', 'fonts'], function() { nodemon({ script: './server', ignore: ['assets/', 'client/', 'data/', 'repo/', 'tests/'], ext: 'js json', env: { 'NODE_ENV': 'development' } }); }); /** * TASK - Process all scripts processes */ gulp.task("scripts", ['scripts-libs', 'scripts-app']); /** * TASK - Combine js libraries */ gulp.task("scripts-libs", function () { return merge( gulp.src(paths.scripts.combine) .pipe(concat('libs.js', {newLine: ';\n'})) .pipe(uglify({ mangle: false })) .pipe(gulp.dest("./assets/js")), gulp.src(paths.scripts.ace) .pipe(gulp.dest("./assets/js/ace")) ); }); /** * TASK - Combine, make compatible and compress js app scripts */ gulp.task("scripts-app", function () { return gulp.src(paths.scripts.compile) .pipe(plumber()) .pipe(include({ extensions: "js" })) .pipe(babel()) .pipe(uglify()) .pipe(plumber.stop()) .pipe(gulp.dest("./assets/js")); }); /** * TASK - Process all css processes */ gulp.task("css", ['css-libs', 'css-app']); /** * TASK - Combine css libraries */ gulp.task("css-libs", function () { return gulp.src(paths.css.combine) .pipe(plumber()) .pipe(concat('libs.css')) .pipe(cleanCSS({ keepSpecialComments: 0 })) .pipe(plumber.stop()) .pipe(gulp.dest("./assets/css")); }); /** * TASK - Combine app css */ gulp.task("css-app", function () { return gulp.src(paths.css.compile) .pipe(plumber()) .pipe(sass.sync({ includePaths: paths.css.includes })) .pipe(cleanCSS({ keepSpecialComments: 0 })) .pipe(plumber.stop()) .pipe(gulp.dest("./assets/css")); }); /** * TASK - Copy web fonts */ gulp.task("fonts", function () { return gulp.src(paths.fonts) .pipe(gulp.dest("./assets/fonts")); }); /** * TASK - Start dev watchers */ gulp.task('watch', function() { return merge( watch(paths.scripts.watch, {base: './'}, function() { return gulp.start('scripts-app'); }), watch(paths.css.watch, {base: './'}, function() { return gulp.start('css-app'); }) ); }); /** * TASK - Starts development server with watchers */ gulp.task('default', ['watch', 'server']); gulp.task('dev', function() { paths.css.includes.pop(); paths.css.includes.push('../core'); paths.fonts.pop(); paths.fonts.push('../core/core-client/fonts/**/*'); return run('default'); }) /** * TASK - Creates deployment packages */ gulp.task('deploy', ['scripts', 'css', 'fonts'], function() { var zipStream = gulp.src(paths.deploy) .pipe(zip('wiki-js.zip')) .pipe(gulp.dest('dist')); var targzStream = gulp.src(paths.deploy) .pipe(tar('wiki-js.tar')) .pipe(gzip()) .pipe(gulp.dest('dist')); return merge(zipStream, targzStream); });