misskey/gulpfile.ts

264 lines
7.0 KiB
TypeScript
Raw Normal View History

2016-12-28 22:49:51 +00:00
/**
* Gulp tasks
*/
2016-12-29 06:12:34 +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 babel from 'gulp-babel';
import * as ts from 'gulp-typescript';
import * as tslint from 'gulp-tslint';
import * as glob from 'glob';
import * as browserify from 'browserify';
import * as source from 'vinyl-source-stream';
import * as buffer from 'vinyl-buffer';
import * as es from 'event-stream';
2017-01-02 21:03:19 +00:00
import stylus = require('gulp-stylus');
import cssnano = require('gulp-cssnano');
2016-12-28 22:49:51 +00:00
import * as uglify from 'gulp-uglify';
2017-01-02 21:03:19 +00:00
import ls = require('browserify-livescript');
import riotify = require('riotify');
import transformify = require('syuilo-transformify');
import pug = require('gulp-pug');
import git = require('git-last-commit');
2016-12-28 22:49:51 +00:00
import * as rimraf from 'rimraf';
2016-12-29 07:08:34 +00:00
import * as escapeHtml from 'escape-html';
2017-01-12 09:53:52 +00:00
import prominence = require('prominence');
import promiseify = require('promiseify');
2016-12-28 22:49:51 +00:00
const env = process.env.NODE_ENV;
const isProduction = env === 'production';
const isDebug = !isProduction;
2016-12-29 11:51:39 +00:00
if (!fs.existsSync('./.config/config.yml')) {
2016-12-29 12:02:13 +00:00
console.log('npm run configを実行して設定ファイルを作成してください');
2016-12-29 11:51:39 +00:00
process.exit();
}
2016-12-28 22:49:51 +00:00
import { IConfig } from './src/config';
const config = eval(require('typescript').transpile(require('fs').readFileSync('./src/config.ts').toString()))
('.config/config.yml') as IConfig;
2016-12-29 00:21:49 +00:00
const tsProject = ts.createProject('tsconfig.json');
2016-12-28 22:49:51 +00:00
gulp.task('build', [
'build:js',
'build:ts',
2016-12-29 06:07:36 +00:00
'build:about:docs',
2016-12-28 22:49:51 +00:00
'build:copy',
'build:client'
]);
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(babel({
presets: ['es2015', 'stage-3']
}))
.pipe(gulp.dest('./built/'))
);
gulp.task('build:ts', () =>
2016-12-29 00:21:49 +00:00
tsProject
2016-12-28 22:49:51 +00:00
.src()
2016-12-29 00:21:49 +00:00
.pipe(tsProject())
2016-12-28 22:49:51 +00:00
.pipe(babel({
presets: ['es2015', 'stage-3']
}))
.pipe(gulp.dest('./built/'))
);
2016-12-29 07:08:34 +00:00
function getLicenseHtml(path: string): string {
return escapeHtml(fs.readFileSync(path, 'utf-8'))
2016-12-29 06:33:26 +00:00
.replace(/\r\n/g, '\n')
2016-12-29 06:39:24 +00:00
.replace(/(.)\n(.)/g, '$1 $2')
2016-12-29 06:33:26 +00:00
.replace(/(^|\n)(.*?)($|\n)/g, '<p>$2</p>');
2016-12-29 07:08:34 +00:00
}
2016-12-29 09:29:58 +00:00
function getLicenseSectionHtml(path: string): string {
try {
const pkg = JSON.parse(fs.readFileSync(Path.parse(path).dir + '/package.json', 'utf-8'));
const licenseHtml = getLicenseHtml(path);
return `<details><summary>${pkg.name} <small>v${pkg.version}</small></summary>${licenseHtml}</details>`;
} catch (e) {
return null;
}
}
2016-12-29 07:08:34 +00:00
gulp.task('build:about:docs', () => {
const licenses = glob.sync('./node_modules/**/LICENSE*');
2016-12-29 09:29:58 +00:00
const licenseHtml = getLicenseHtml('./LICENSE');
const thirdpartyLicensesHtml = licenses.map(license => getLicenseSectionHtml(license)).join('');
2016-12-30 21:50:13 +00:00
const pugs = glob.sync('./docs/**/*.pug');
const streams = pugs.map(file => {
2016-12-30 21:50:13 +00:00
const page = file.replace('./docs/', '').replace('.pug', '');
return gulp.src(file)
.pipe(pug({
locals: Object.assign({
2016-12-29 06:12:34 +00:00
path: page,
2016-12-29 09:29:58 +00:00
license: licenseHtml,
thirdpartyLicenses: thirdpartyLicensesHtml
}, config)
}))
2016-12-29 09:29:58 +00:00
.pipe(gulp.dest('./built/web/about/pages/' + Path.parse(page).dir));
});
return es.merge.apply(es, streams);
2016-12-28 22:49:51 +00:00
});
gulp.task('build:copy', () =>
es.merge(
gulp.src([
'./src/**/resources/**/*',
'!./src/web/app/**/resources/**/*'
]).pipe(gulp.dest('./built/')),
gulp.src([
'./src/web/about/**/*',
'!./src/web/about/**/*.pug'
]).pipe(gulp.dest('./built/web/about/'))
)
);
2016-12-28 22:49:51 +00: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:styles',
'build:client:pug',
'copy:client'
], () => {
gutil.log('ビルドが終了しました。');
if (isDebug) {
2017-01-07 13:38:40 +00:00
gutil.log('!!!注意!!! 開発モードでのビルドです。(成果物の圧縮などはスキップされます)');
2016-12-28 22:49:51 +00:00
}
});
2017-01-12 09:53:52 +00:00
gulp.task('build:client:scripts', async (done) => {
2016-12-28 22:49:51 +00:00
// Get commit info
2017-01-12 09:53:52 +00:00
const commit = await prominence(git).getLastCommit();
// Get all app scripts
const files = await promiseify(glob)('./src/web/app/*/script.js');
// Compile for each scripts
const tasks = files.map(entry => {
let bundle =
browserify({
entries: [entry]
})
.transform(ls)
.transform(transformify((source, file) => {
return source
.replace(/VERSION/g, `'${commit ? commit.hash : 'null'}'`)
.replace(/\$theme\-color\-foreground/g, '#fff')
.replace(/\$theme\-color/g, config.themeColor)
.replace(/CONFIG\.theme-color/g, `'${config.themeColor}'`)
.replace(/CONFIG\.themeColor/g, `'${config.themeColor}'`)
.replace(/CONFIG\.api\.url/g, `'${config.scheme}://api.${config.host}'`)
.replace(/CONFIG\.urls\.about/g, `'${config.scheme}://about.${config.host}'`)
.replace(/CONFIG\.urls\.dev/g, `'${config.scheme}://dev.${config.host}'`)
.replace(/CONFIG\.url/g, `'${config.url}'`)
.replace(/CONFIG\.host/g, `'${config.host}'`)
.replace(/CONFIG\.recaptcha\.siteKey/g, `'${config.recaptcha.siteKey}'`)
;
}))
.transform(riotify, {
type: 'livescript',
expr: false,
compact: true,
parserOptions: {
style: {
compress: true,
rawDefine: config
}
}
})
.bundle()
.pipe(source(entry.replace('./src/web/app/', './').replace('.ls', '.js')));
if (isProduction) {
bundle = bundle
.pipe(buffer())
// ↓ https://github.com/mishoo/UglifyJS2/issues/448
.pipe(babel({
presets: ['es2015']
}))
.pipe(uglify({
compress: true
}));
}
return bundle
.pipe(gulp.dest('./built/web/resources/'));
2016-12-28 22:49:51 +00:00
});
2017-01-12 09:53:52 +00:00
es.merge(tasks).on('end', done);
2016-12-28 22:49:51 +00:00
});
2017-01-13 16:26:39 +00:00
gulp.task('build:client:styles', () =>
gulp.src('./src/web/app/**/*.styl')
2016-12-28 22:49:51 +00:00
.pipe(stylus({
'include css': true,
compress: true,
rawDefine: config
}))
.pipe(isProduction
? cssnano({
safe: true // 高度な圧縮は無効にする (一部デザインが不適切になる場合があるため)
})
: gutil.noop())
2017-01-13 16:26:39 +00:00
.pipe(gulp.dest('./built/web/resources/'))
);
2016-12-28 22:49:51 +00:00
gulp.task('copy:client', [
'build:client:scripts',
'build:client:styles'
2017-01-13 16:26:39 +00:00
], () =>
es.merge(
2016-12-28 22:49:51 +00:00
gulp.src('./resources/**/*').pipe(gulp.dest('./built/web/resources/')),
2016-12-28 23:14:02 +00:00
gulp.src('./src/web/resources/**/*').pipe(gulp.dest('./built/web/resources/')),
2016-12-28 22:49:51 +00:00
gulp.src('./src/web/app/desktop/resources/**/*').pipe(gulp.dest('./built/web/resources/desktop/')),
gulp.src('./src/web/app/mobile/resources/**/*').pipe(gulp.dest('./built/web/resources/mobile/')),
gulp.src('./src/web/app/dev/resources/**/*').pipe(gulp.dest('./built/web/resources/dev/')),
gulp.src('./src/web/app/auth/resources/**/*').pipe(gulp.dest('./built/web/resources/auth/'))
2017-01-13 16:26:39 +00:00
)
);
2016-12-28 22:49:51 +00:00
gulp.task('build:client:pug', [
'copy:client',
'build:client:scripts',
'build:client:styles'
2017-01-13 16:26:39 +00:00
], () =>
gulp.src([
2016-12-28 22:49:51 +00:00
'./src/web/app/*/view.pug'
])
.pipe(pug({
locals: {
themeColor: config.themeColor
}
}))
2017-01-13 16:26:39 +00:00
.pipe(gulp.dest('./built/web/app/'))
);