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