cherrypick/gulpfile.ts

212 lines
5.2 KiB
TypeScript
Raw Permalink Normal View History

2016-12-29 07:49:51 +09:00
/**
* Gulp tasks
*/
import * as gulp from 'gulp';
import * as gutil from 'gulp-util';
import * as ts from 'gulp-typescript';
2018-03-15 04:41:05 +09:00
const sourcemaps = require('gulp-sourcemaps');
import tslint from 'gulp-tslint';
2018-06-17 19:09:24 +09:00
const cssnano = require('gulp-cssnano');
const stylus = require('gulp-stylus');
import * as uglifyComposer from 'gulp-uglify/composer';
2017-01-03 06:03:19 +09:00
import pug = require('gulp-pug');
2016-12-29 07:49:51 +09:00
import * as rimraf from 'rimraf';
2017-11-06 19:59:14 +09:00
import chalk from 'chalk';
2018-06-17 19:09:24 +09:00
const imagemin = require('gulp-imagemin');
2017-01-20 04:43:17 +09:00
import * as rename from 'gulp-rename';
2017-03-01 18:13:01 +09:00
import * as mocha from 'gulp-mocha';
2017-03-18 00:02:41 +09:00
import * as replace from 'gulp-replace';
2017-08-10 22:37:35 +09:00
import * as htmlmin from 'gulp-htmlmin';
2017-05-24 09:47:48 +09:00
const uglifyes = require('uglify-es');
2017-12-08 02:44:50 +09:00
2018-07-06 12:17:38 +09:00
const locales = require('./locales');
2018-07-08 03:13:20 +09:00
import { fa } from './src/misc/fa';
2016-12-29 07:49:51 +09:00
2017-05-24 09:47:48 +09:00
const uglify = uglifyComposer(uglifyes, console);
2018-03-16 05:45:28 +09:00
const env = process.env.NODE_ENV || 'development';
2016-12-29 07:49:51 +09:00
const isProduction = env === 'production';
const isDebug = !isProduction;
2017-01-18 16:42:01 +09:00
if (isDebug) {
2017-03-18 00:02:41 +09:00
console.warn(chalk.yellow.bold('WARNING! NODE_ENV is not "production".'));
2017-04-02 02:37:43 +09:00
console.warn(chalk.yellow.bold(' built script will not be compressed.'));
2017-01-18 16:42:01 +09:00
}
2017-02-22 10:49:11 +09:00
const constants = require('./src/const.json');
2016-12-29 07:49:51 +09:00
gulp.task('build', [
'build:ts',
'build:copy',
2017-12-14 16:24:41 +09:00
'build:client',
2017-12-15 06:41:57 +09:00
'doc'
2016-12-29 07:49:51 +09:00
]);
2017-03-01 18:20:53 +09:00
gulp.task('build:ts', () => {
2018-02-10 10:27:05 +09:00
const tsProject = ts.createProject('./tsconfig.json');
2017-03-01 18:20:53 +09:00
return tsProject
2016-12-29 07:49:51 +09:00
.src()
2018-03-15 04:41:05 +09:00
.pipe(sourcemaps.init())
2016-12-29 09:21:49 +09:00
.pipe(tsProject())
2018-03-15 04:41:05 +09:00
.pipe(sourcemaps.write('.', { includeContent: false, sourceRoot: '../built' }))
2017-03-18 00:01:59 +09:00
.pipe(gulp.dest('./built/'));
2017-03-01 18:20:53 +09:00
});
2016-12-29 07:49:51 +09:00
gulp.task('build:copy:views', () =>
gulp.src('./src/server/web/views/**/*').pipe(gulp.dest('./built/server/web/views'))
);
2018-08-23 03:44:32 +09:00
// 互換性のため
gulp.task('build:copy:lang', () =>
gulp.src(['./built/client/assets/*.*-*.js'])
.pipe(rename(path => {
path.basename = path.basename.replace(/\-(.*)$/, '');
}))
.pipe(gulp.dest('./built/client/assets/'))
);
gulp.task('build:copy', ['build:copy:views', 'build:copy:lang'], () =>
2017-12-17 01:41:22 +09:00
gulp.src([
2018-03-26 20:23:55 +09:00
'./build/Release/crypto_key.node',
'./src/const.json',
'./src/server/web/views/**/*',
2017-12-17 01:41:22 +09:00
'./src/**/assets/**/*',
2018-03-29 20:32:18 +09:00
'!./src/client/app/**/assets/**/*'
2017-12-17 01:41:22 +09:00
]).pipe(gulp.dest('./built/'))
);
2018-09-17 22:51:25 +09:00
gulp.task('test', ['mocha']);
2016-12-29 07:49:51 +09:00
gulp.task('lint', () =>
gulp.src('./src/**/*.ts')
.pipe(tslint({
formatter: 'verbose'
}))
.pipe(tslint.report())
);
gulp.task('format', () =>
2018-07-18 19:36:36 +09:00
gulp.src('./src/**/*.ts')
.pipe(tslint({
formatter: 'verbose',
fix: true
}))
.pipe(tslint.report())
);
2017-03-01 18:13:01 +09:00
gulp.task('mocha', () =>
2018-07-25 13:37:40 +09:00
gulp.src('./test/**/*.ts')
2017-03-01 18:13:01 +09:00
.pipe(mocha({
2018-04-03 13:03:37 +09:00
exit: true,
2018-07-25 13:37:40 +09:00
require: 'ts-node/register'
2017-03-01 18:13:01 +09:00
} as any))
);
2016-12-29 07:49:51 +09:00
gulp.task('clean', cb =>
rimraf('./built', cb)
);
gulp.task('cleanall', ['clean'], cb =>
rimraf('./node_modules', cb)
);
gulp.task('default', ['build']);
gulp.task('build:client', [
2017-03-23 05:53:09 +09:00
'build:ts',
'build:client:script',
2016-12-29 07:49:51 +09:00
'build:client:pug',
'copy:client'
2017-01-18 16:42:01 +09:00
]);
2016-12-29 07:49:51 +09:00
2018-07-19 06:53:46 +09:00
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)))
2018-03-16 05:45:28 +09:00
.pipe(replace('ENV', JSON.stringify(env)))
2018-05-17 15:41:07 +09:00
.pipe(replace('LANGS', JSON.stringify(Object.keys(locales))))
2017-05-25 16:45:18 +09:00
.pipe(isProduction ? uglify({
toplevel: true
2017-11-06 19:59:14 +09:00
} as any) : gutil.noop())
2018-07-19 06:53:46 +09:00
.pipe(gulp.dest('./built/client/assets/'));
});
2016-12-29 07:49:51 +09:00
2017-01-14 01:26:39 +09:00
gulp.task('build:client:styles', () =>
2018-03-29 20:32:18 +09:00
gulp.src('./src/client/app/init.css')
2016-12-29 07:49:51 +09:00
.pipe(isProduction
? (cssnano as any)()
2016-12-29 07:49:51 +09:00
: gutil.noop())
2018-03-29 20:32:18 +09:00
.pipe(gulp.dest('./built/client/assets/'))
2017-01-14 01:26:39 +09:00
);
2016-12-29 07:49:51 +09:00
gulp.task('copy:client', [
2018-03-02 19:20:52 +09:00
'build:client:script'
2017-01-14 01:26:39 +09:00
], () =>
gulp.src([
2017-03-22 16:19:32 +09:00
'./assets/**/*',
2018-03-29 20:32:18 +09:00
'./src/client/assets/**/*',
'./src/client/app/*/assets/**/*'
])
.pipe(isProduction ? (imagemin as any)() : gutil.noop())
.pipe(rename(path => {
2017-03-22 16:19:32 +09:00
path.dirname = path.dirname.replace('assets', '.');
}))
2018-03-29 20:32:18 +09:00
.pipe(gulp.dest('./built/client/assets/'))
2017-01-14 01:26:39 +09:00
);
2016-12-29 07:49:51 +09:00
gulp.task('build:client:pug', [
'copy:client',
2017-03-23 05:53:09 +09:00
'build:client:script',
2016-12-29 07:49:51 +09:00
'build:client:styles'
2017-03-23 00:41:11 +09:00
], () =>
2018-03-29 20:32:18 +09:00
gulp.src('./src/client/app/base.pug')
2017-04-02 02:37:18 +09:00
.pipe(pug({
locals: {
2017-12-08 02:44:50 +09:00
themeColor: constants.themeColor,
2018-10-03 22:05:17 +09:00
facss: fa.dom.css()
2017-04-02 02:37:18 +09:00
}
}))
2017-08-10 22:37:35 +09:00
.pipe(htmlmin({
// 真理値属性の簡略化 e.g.
// <input value="foo" readonly="readonly"> to
// <input value="foo" readonly>
collapseBooleanAttributes: true,
// テキストの一部かもしれない空白も削除する e.g.
// <div> <p> foo </p> </div> to
// <div><p>foo</p></div>
collapseWhitespace: true,
2017-08-11 18:58:20 +09:00
// タグ間の改行を保持する
preserveLineBreaks: true,
2017-08-10 22:37:35 +09:00
// (できる場合は)属性のクォーテーション削除する e.g.
// <p class="foo-bar" id="moo" title="blah blah">foo</p> to
// <p class=foo-bar id=moo title="blah blah">foo</p>
removeAttributeQuotes: true,
// 省略可能なタグを省略する e.g.
// <html><p>yo</p></html> ro
// <p>yo</p>
removeOptionalTags: true,
// 属性の値がデフォルトと同じなら省略する e.g.
// <input type="text"> to
// <input>
2017-12-08 14:03:14 +09:00
removeRedundantAttributes: true,
// CSSも圧縮する
minifyCSS: true
2017-08-10 22:37:35 +09:00
}))
2018-03-29 20:32:18 +09:00
.pipe(gulp.dest('./built/client/app/'))
2017-03-23 00:41:11 +09:00
);
gulp.task('doc', () =>
gulp.src('./src/docs/**/*.styl')
.pipe(stylus())
.pipe((cssnano as any)())
.pipe(gulp.dest('./built/docs/assets/'))
);