calckey/gulpfile.ts

221 lines
5.3 KiB
TypeScript
Raw Normal View History

2016-12-28 22:49:51 +00:00
/**
* Gulp tasks
*/
2017-03-22 20:53:09 +00:00
import * as childProcess from 'child_process';
2017-12-08 12:12:49 +00:00
import * as fs from 'fs';
2016-12-29 09:29:58 +00:00
import * as Path from 'path';
2016-12-28 22:49:51 +00:00
import * as gulp from 'gulp';
import * as gutil from 'gulp-util';
import * as ts from 'gulp-typescript';
import tslint from 'gulp-tslint';
2017-01-02 21:03:19 +00:00
import cssnano = require('gulp-cssnano');
import * as uglifyComposer from 'gulp-uglify/composer';
2017-01-02 21:03:19 +00:00
import pug = require('gulp-pug');
2016-12-28 22:49:51 +00:00
import * as rimraf from 'rimraf';
2017-11-06 10:59:14 +00:00
import chalk from 'chalk';
2017-01-19 19:43:17 +00:00
import imagemin = require('gulp-imagemin');
import * as rename from 'gulp-rename';
2017-03-01 09:13:01 +00:00
import * as mocha from 'gulp-mocha';
2017-03-17 15:02:41 +00:00
import * as replace from 'gulp-replace';
2017-08-10 13:37:35 +00:00
import * as htmlmin from 'gulp-htmlmin';
2017-05-24 00:47:48 +00:00
const uglifyes = require('uglify-es');
2017-12-08 04:10:31 +00:00
import * as fontawesome from '@fortawesome/fontawesome';
import * as regular from '@fortawesome/fontawesome-free-regular';
import * as solid from '@fortawesome/fontawesome-free-solid';
import * as brands from '@fortawesome/fontawesome-free-brands';
2017-12-07 17:44:50 +00:00
2017-12-08 04:10:31 +00:00
// Add icons
fontawesome.library.add(regular);
2017-12-07 17:44:50 +00:00
fontawesome.library.add(solid);
2017-12-08 04:10:31 +00:00
fontawesome.library.add(brands);
2017-12-07 17:44:50 +00:00
2017-03-22 15:41:11 +00:00
import version from './src/version';
2017-12-11 03:20:36 +00:00
import config from './src/conf';
2016-12-28 22:49:51 +00:00
2017-05-24 00:47:48 +00:00
const uglify = uglifyComposer(uglifyes, console);
2016-12-28 22:49:51 +00:00
const env = process.env.NODE_ENV;
const isProduction = env === 'production';
const isDebug = !isProduction;
2017-01-18 07:42:01 +00:00
if (isDebug) {
2017-03-17 15:02:41 +00:00
console.warn(chalk.yellow.bold('WARNING! NODE_ENV is not "production".'));
2017-04-01 17:37:43 +00:00
console.warn(chalk.yellow.bold(' built script will not be compressed.'));
2017-01-18 07:42:01 +00:00
}
2017-02-22 01:49:11 +00:00
const constants = require('./src/const.json');
2017-12-14 21:41:57 +00:00
require('./src/web/docs/gulpfile.ts');
2017-12-14 07:24:41 +00:00
2016-12-28 22:49:51 +00:00
gulp.task('build', [
'build:js',
'build:ts',
'build:copy',
2017-12-14 07:24:41 +00:00
'build:client',
2017-12-14 21:41:57 +00:00
'doc'
2016-12-28 22:49:51 +00:00
]);
2016-12-29 00:10:43 +00:00
gulp.task('rebuild', ['clean', 'build']);
2016-12-28 22:49:51 +00:00
gulp.task('build:js', () =>
gulp.src(['./src/**/*.js', '!./src/web/**/*.js'])
.pipe(gulp.dest('./built/'))
);
2017-03-01 09:20:53 +00:00
gulp.task('build:ts', () => {
const tsProject = ts.createProject('./src/tsconfig.json');
return tsProject
2016-12-28 22:49:51 +00:00
.src()
2016-12-29 00:21:49 +00:00
.pipe(tsProject())
2017-03-17 15:01:59 +00:00
.pipe(gulp.dest('./built/'));
2017-03-01 09:20:53 +00:00
});
2016-12-28 22:49:51 +00:00
gulp.task('build:copy', () =>
2017-12-16 16:41:22 +00:00
gulp.src([
'./src/**/assets/**/*',
'!./src/web/app/**/assets/**/*'
]).pipe(gulp.dest('./built/'))
);
2017-03-01 09:13:01 +00:00
gulp.task('test', ['lint', 'mocha']);
2016-12-28 22:49:51 +00:00
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())
);
2017-03-01 09:13:01 +00:00
gulp.task('mocha', () =>
gulp.src([])
.pipe(mocha({
exit: true
2017-03-04 10:03:59 +00:00
//compilers: 'ts:ts-node/register'
2017-03-01 09:13:01 +00:00
} as any))
);
2016-12-28 22:49:51 +00: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-22 20:53:09 +00:00
'build:ts',
'build:js',
'webpack',
'build:client:script',
2016-12-28 22:49:51 +00:00
'build:client:pug',
'copy:client'
2017-01-18 07:42:01 +00:00
]);
2016-12-28 22:49:51 +00:00
2017-03-22 20:53:09 +00:00
gulp.task('webpack', done => {
2017-05-24 05:56:26 +00:00
const webpack = childProcess.spawn(
Path.join('.', 'node_modules', '.bin', 'webpack'),
['--config', './webpack/webpack.config.ts'], {
shell: true,
stdio: 'inherit'
2017-05-24 05:56:26 +00:00
});
2017-05-16 15:00:56 +00:00
2017-05-24 05:56:26 +00:00
webpack.on('exit', done);
2017-03-22 20:53:09 +00:00
});
gulp.task('build:client:script', () =>
2017-05-24 21:33:59 +00:00
gulp.src(['./src/web/app/boot.js', './src/web/app/safe.js'])
2017-03-22 20:53:09 +00:00
.pipe(replace('VERSION', JSON.stringify(version)))
2017-12-11 03:20:36 +00:00
.pipe(replace('API', JSON.stringify(config.api_url)))
2017-05-25 07:45:18 +00:00
.pipe(isProduction ? uglify({
toplevel: true
2017-11-06 10:59:14 +00:00
} as any) : gutil.noop())
2017-05-17 20:22:19 +00:00
.pipe(gulp.dest('./built/web/assets/')) as any
2017-03-22 15:41:11 +00:00
);
2016-12-28 22:49:51 +00:00
2017-01-13 16:26:39 +00:00
gulp.task('build:client:styles', () =>
2017-02-19 09:21:03 +00:00
gulp.src('./src/web/app/init.css')
2016-12-28 22:49:51 +00:00
.pipe(isProduction
? (cssnano as any)()
2016-12-28 22:49:51 +00:00
: gutil.noop())
2017-03-22 07:19:32 +00:00
.pipe(gulp.dest('./built/web/assets/'))
2017-01-13 16:26:39 +00:00
);
2016-12-28 22:49:51 +00:00
gulp.task('copy:client', [
2017-03-22 20:53:09 +00:00
'build:client:script',
'webpack'
2017-01-13 16:26:39 +00:00
], () =>
gulp.src([
2017-03-22 07:19:32 +00:00
'./assets/**/*',
'./src/web/assets/**/*',
'./src/web/app/*/assets/**/*'
])
.pipe(isProduction ? (imagemin as any)() : gutil.noop())
.pipe(rename(path => {
2017-03-22 07:19:32 +00:00
path.dirname = path.dirname.replace('assets', '.');
}))
2017-03-22 07:19:32 +00:00
.pipe(gulp.dest('./built/web/assets/'))
2017-01-13 16:26:39 +00:00
);
2016-12-28 22:49:51 +00:00
gulp.task('build:client:pug', [
'copy:client',
2017-03-22 20:53:09 +00:00
'build:client:script',
2016-12-28 22:49:51 +00:00
'build:client:styles'
2017-03-22 15:41:11 +00:00
], () =>
2017-05-17 20:12:31 +00:00
gulp.src('./src/web/app/base.pug')
2017-04-01 17:37:18 +00:00
.pipe(pug({
locals: {
2017-12-07 17:44:50 +00:00
themeColor: constants.themeColor,
2017-12-08 12:12:49 +00:00
facss: fontawesome.dom.css(),
//hljscss: fs.readFileSync('./node_modules/highlight.js/styles/default.css', 'utf8')
hljscss: fs.readFileSync('./src/web/assets/code-highlight.css', 'utf8')
2017-04-01 17:37:18 +00:00
}
}))
2017-08-10 13:37:35 +00: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 09:58:20 +00:00
// タグ間の改行を保持する
preserveLineBreaks: true,
2017-08-10 13:37:35 +00: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 05:03:14 +00:00
removeRedundantAttributes: true,
// CSSも圧縮する
minifyCSS: true
2017-08-10 13:37:35 +00:00
}))
2017-04-01 17:37:18 +00:00
.pipe(gulp.dest('./built/web/app/'))
2017-03-22 15:41:11 +00:00
);