/** * Gulp tasks */ import * as gulp from 'gulp'; import * as gutil from 'gulp-util'; import * as ts from 'gulp-typescript'; const sourcemaps = require('gulp-sourcemaps'); import tslint from 'gulp-tslint'; const cssnano = require('gulp-cssnano'); const stylus = require('gulp-stylus'); import * as uglifyComposer from 'gulp-uglify/composer'; import * as rimraf from 'rimraf'; import chalk from 'chalk'; const imagemin = require('gulp-imagemin'); import * as rename from 'gulp-rename'; import * as mocha from 'gulp-mocha'; import * as replace from 'gulp-replace'; const uglifyes = require('uglify-es'); const locales = require('./locales'); const uglify = uglifyComposer(uglifyes, console); const env = process.env.NODE_ENV || 'development'; const isProduction = env === 'production'; const isDebug = !isProduction; if (isDebug) { console.warn(chalk.yellow.bold('WARNING! NODE_ENV is not "production".')); console.warn(chalk.yellow.bold(' built script will not be compressed.')); } gulp.task('build:ts', () => { const tsProject = ts.createProject('./tsconfig.json'); return tsProject .src() .pipe(sourcemaps.init()) .pipe(tsProject()) .on('error', () => {}) .pipe(sourcemaps.write('.', { includeContent: false, sourceRoot: '../built' })) .pipe(gulp.dest('./built/')); }); gulp.task('build:copy:views', () => gulp.src('./src/server/web/views/**/*').pipe(gulp.dest('./built/server/web/views')) ); gulp.task('build:copy:fonts', () => gulp.src('./node_modules/three/examples/fonts/**/*').pipe(gulp.dest('./built/client/assets/fonts/')) ); gulp.task('build:copy', gulp.parallel('build:copy:views', 'build:copy:fonts', () => gulp.src([ './src/const.json', './src/server/web/views/**/*', './src/**/assets/**/*', '!./src/client/app/**/assets/**/*' ]).pipe(gulp.dest('./built/')) )); gulp.task('lint', () => gulp.src('./src/**/*.ts') .pipe(tslint({ formatter: 'verbose' })) .pipe(tslint.report()) ); gulp.task('format', () => gulp.src('./src/**/*.ts') .pipe(tslint({ formatter: 'verbose', fix: true })) .pipe(tslint.report()) ); gulp.task('mocha', () => gulp.src('./test/**/*.ts') .pipe(mocha({ exit: true, require: 'ts-node/register' } as any)) ); gulp.task('test', gulp.task('mocha')); gulp.task('clean', cb => rimraf('./built', cb) ); gulp.task('cleanall', gulp.parallel('clean', cb => rimraf('./node_modules', cb) )); gulp.task('build:client:script', () => { const client = require('./built/client/meta.json'); return gulp.src(['./src/client/app/boot.js', './src/client/app/safe.js']) .pipe(replace('VERSION', JSON.stringify(client.version))) .pipe(replace('ENV', JSON.stringify(env))) .pipe(replace('LANGS', JSON.stringify(Object.keys(locales)))) .pipe(isProduction ? uglify({ toplevel: true } as any) : gutil.noop()) .pipe(gulp.dest('./built/client/assets/')); }); gulp.task('build:client:styles', () => gulp.src('./src/client/app/init.css') .pipe(isProduction ? (cssnano as any)() : gutil.noop()) .pipe(gulp.dest('./built/client/assets/')) ); gulp.task('copy:client', () => gulp.src([ './assets/**/*', './src/client/assets/**/*', './src/client/app/*/assets/**/*' ]) .pipe(isProduction ? (imagemin as any)() : gutil.noop()) .pipe(rename(path => { path.dirname = path.dirname!.replace('assets', '.'); })) .pipe(gulp.dest('./built/client/assets/')) ); gulp.task('doc', () => gulp.src('./src/docs/**/*.styl') .pipe(stylus()) .pipe((cssnano as any)()) .pipe(gulp.dest('./built/docs/assets/')) ); gulp.task('build:client', gulp.parallel( 'build:client:script', 'build:client:styles', 'copy:client' )); gulp.task('build', gulp.parallel( 'build:ts', 'build:copy', 'build:client', 'doc' )); gulp.task('default', gulp.task('build'));