Sharkey/gulpfile.ts

201 lines
4.5 KiB
TypeScript
Raw Normal View History

2016-12-29 00:49:51 +02:00
/**
* Gulp tasks
*/
2016-12-29 08:12:34 +02:00
import * as fs from 'fs';
2016-12-29 11:29:58 +02:00
import * as Path from 'path';
2016-12-29 00:49:51 +02:00
import * as gulp from 'gulp';
import * as gutil from 'gulp-util';
import * as babel from 'gulp-babel';
import * as ts from 'gulp-typescript';
import tslint from 'gulp-tslint';
2016-12-29 00:49:51 +02:00
import * as glob from 'glob';
import * as es from 'event-stream';
2017-02-19 05:31:23 +02:00
import * as webpack from 'webpack-stream';
2017-01-02 23:03:19 +02:00
import cssnano = require('gulp-cssnano');
2016-12-29 00:49:51 +02:00
import * as uglify from 'gulp-uglify';
2017-01-02 23:03:19 +02:00
import pug = require('gulp-pug');
import git = require('git-last-commit');
2016-12-29 00:49:51 +02:00
import * as rimraf from 'rimraf';
2017-01-12 11:53:52 +02:00
import prominence = require('prominence');
2017-01-18 09:42:01 +02:00
import * as chalk from 'chalk';
2017-01-19 21:43:17 +02:00
import imagemin = require('gulp-imagemin');
import * as rename from 'gulp-rename';
2016-12-29 00:49:51 +02:00
const env = process.env.NODE_ENV;
const isProduction = env === 'production';
const isDebug = !isProduction;
2017-01-18 09:42:01 +02:00
if (isDebug) {
2017-01-19 23:21:27 +02:00
console.log(chalk.yellow.bold('!!!注意!!! 開発モードが有効です。(成果物の圧縮などはスキップされます)'));
2017-01-18 09:42:01 +02:00
}
2017-02-22 03:49:11 +02:00
const constants = require('./src/const.json');
const tsProject = ts.createProject('./src/tsconfig.json');
2016-12-29 00:49:51 +02:00
gulp.task('build', [
'build:js',
'build:ts',
2016-12-29 08:07:36 +02:00
'build:about:docs',
2016-12-29 00:49:51 +02:00
'build:copy',
'build:client'
]);
2016-12-29 02:10:43 +02:00
gulp.task('rebuild', ['clean', 'build']);
2016-12-29 00:49:51 +02:00
gulp.task('build:js', () =>
gulp.src(['./src/**/*.js', '!./src/web/**/*.js'])
.pipe(babel({
presets: ['es2015', 'stage-3']
}))
.pipe(gulp.dest('./built/'))
);
gulp.task('build:ts', () =>
2016-12-29 02:21:49 +02:00
tsProject
2016-12-29 00:49:51 +02:00
.src()
2016-12-29 02:21:49 +02:00
.pipe(tsProject())
2016-12-29 00:49:51 +02:00
.pipe(babel({
presets: ['es2015', 'stage-3']
}))
.pipe(gulp.dest('./built/'))
);
2017-01-13 18:28:11 +02:00
gulp.task('build:about:docs', () => {
2017-01-18 07:32:03 +02:00
function getLicenseHtml(path: string) {
2017-02-22 03:49:11 +02:00
return fs.readFileSync(path, 'utf-8')
2017-01-13 18:28:11 +02:00
.replace(/\r\n/g, '\n')
.replace(/(.)\n(.)/g, '$1 $2')
.replace(/(^|\n)(.*?)($|\n)/g, '<p>$2</p>');
}
2016-12-29 09:08:34 +02:00
2016-12-29 11:29:58 +02:00
const licenseHtml = getLicenseHtml('./LICENSE');
2017-02-22 03:49:11 +02:00
const streams = glob.sync('./docs/**/*.pug').map(file => {
2016-12-30 23:50:13 +02:00
const page = file.replace('./docs/', '').replace('.pug', '');
return gulp.src(file)
.pipe(pug({
2017-02-22 03:49:11 +02:00
locals: {
2016-12-29 08:12:34 +02:00
path: page,
2016-12-29 11:29:58 +02:00
license: licenseHtml,
2017-02-22 03:49:11 +02:00
themeColor: constants.themeColor
}
}))
2016-12-29 11:29:58 +02:00
.pipe(gulp.dest('./built/web/about/pages/' + Path.parse(page).dir));
});
return es.merge.apply(es, streams);
2016-12-29 00:49:51 +02:00
});
gulp.task('build:copy', () =>
es.merge(
gulp.src([
'./src/**/resources/**/*',
'!./src/web/app/**/resources/**/*'
]).pipe(gulp.dest('./built/')) as any,
gulp.src([
'./src/web/about/**/*',
'!./src/web/about/**/*.pug'
]).pipe(gulp.dest('./built/web/about/')) as any
)
);
2016-12-29 00:49:51 +02:00
gulp.task('test', ['lint', 'build']);
gulp.task('lint', () =>
gulp.src('./src/**/*.ts')
.pipe(tslint({
formatter: 'verbose'
}))
.pipe(tslint.report())
);
gulp.task('clean', cb =>
rimraf('./built', cb)
);
gulp.task('cleanall', ['clean'], cb =>
rimraf('./node_modules', cb)
);
gulp.task('default', ['build']);
gulp.task('build:client', [
'build:ts', 'build:js',
'build:client:scripts',
'build:client:pug',
'copy:client'
2017-01-18 09:42:01 +02:00
]);
2016-12-29 00:49:51 +02:00
2017-01-18 07:38:33 +02:00
gulp.task('build:client:scripts', () => new Promise(async (ok) => {
2016-12-29 00:49:51 +02:00
// Get commit info
2017-01-12 11:53:52 +02:00
const commit = await prominence(git).getLastCommit();
2017-02-24 04:27:27 +02:00
let stream = webpack(require('./webpack.config')(commit, env), require('webpack'));
2017-01-12 11:53:52 +02:00
2017-02-19 05:31:23 +02:00
// TODO: remove this block
if (isProduction) {
stream = stream
2017-02-19 11:21:03 +02:00
// ↓ https://github.com/mishoo/UglifyJS2/issues/448
.pipe(babel({
presets: ['es2015']
}))
.pipe(uglify());
}
let entryPointStream = gulp.src('./src/web/app/client/script.js');
if (isProduction) {
entryPointStream = entryPointStream
2017-02-19 05:31:23 +02:00
// ↓ https://github.com/mishoo/UglifyJS2/issues/448
.pipe(babel({
presets: ['es2015']
}))
2017-02-21 20:13:19 +02:00
.pipe(uglify());
2017-02-19 05:31:23 +02:00
}
2017-02-19 11:21:03 +02:00
es.merge(
stream.pipe(gulp.dest('./built/web/resources/')) as any,
entryPointStream.pipe(gulp.dest('./built/web/resources/client/')) as any
2017-02-19 11:21:03 +02:00
);
2017-02-19 05:31:23 +02:00
ok();
2017-01-18 07:38:33 +02:00
}));
2016-12-29 00:49:51 +02:00
2017-01-13 18:26:39 +02:00
gulp.task('build:client:styles', () =>
2017-02-19 11:21:03 +02:00
gulp.src('./src/web/app/init.css')
2016-12-29 00:49:51 +02:00
.pipe(isProduction
? (cssnano as any)()
2016-12-29 00:49:51 +02:00
: gutil.noop())
2017-01-13 18:26:39 +02:00
.pipe(gulp.dest('./built/web/resources/'))
);
2016-12-29 00:49:51 +02:00
gulp.task('copy:client', [
2017-02-19 05:31:23 +02:00
'build:client:scripts'
2017-01-13 18:26:39 +02:00
], () =>
gulp.src([
'./resources/**/*',
'./src/web/resources/**/*',
'./src/web/app/*/resources/**/*'
])
.pipe(isProduction ? (imagemin as any)() : gutil.noop())
.pipe(rename(path => {
path.dirname = path.dirname.replace('resources', '.');
}))
.pipe(gulp.dest('./built/web/resources/'))
2017-01-13 18:26:39 +02:00
);
2016-12-29 00:49:51 +02:00
gulp.task('build:client:pug', [
'copy:client',
'build:client:scripts',
'build:client:styles'
2017-01-13 18:26:39 +02:00
], () =>
gulp.src('./src/web/app/*/view.pug')
.pipe(pug({
locals: {
themeColor: constants.themeColor
}
}))
.pipe(gulp.dest('./built/web/app/'))
2017-01-13 18:26:39 +02:00
);