493 lines
15 KiB
JavaScript
493 lines
15 KiB
JavaScript
/// <binding BeforeBuild='build, dist' Clean='clean' ProjectOpened='build. dist' />
|
|
|
|
var gulp = require('gulp'),
|
|
rimraf = require('rimraf'),
|
|
concat = require('gulp-concat'),
|
|
rename = require('gulp-rename'),
|
|
cssmin = require('gulp-cssmin'),
|
|
uglify = require('gulp-uglify'),
|
|
ghPages = require('gulp-gh-pages'),
|
|
less = require('gulp-less'),
|
|
connect = require('gulp-connect'),
|
|
ngAnnotate = require('gulp-ng-annotate'),
|
|
preprocess = require('gulp-preprocess'),
|
|
runSequence = require('run-sequence'),
|
|
merge = require('merge-stream'),
|
|
ngConfig = require('gulp-ng-config'),
|
|
settings = require('./settings.json'),
|
|
project = require('./package.json'),
|
|
jshint = require('gulp-jshint'),
|
|
_ = require('lodash'),
|
|
webpack = require('webpack-stream'),
|
|
browserify = require('browserify'),
|
|
derequire = require('gulp-derequire'),
|
|
source = require('vinyl-source-stream');
|
|
|
|
var paths = {};
|
|
paths.dist = './dist/';
|
|
paths.webroot = './src/';
|
|
paths.js = paths.webroot + 'js/**/*.js';
|
|
paths.minJs = paths.webroot + 'js/**/*.min.js';
|
|
paths.concatJsDest = paths.webroot + 'js/bw.min.js';
|
|
paths.libDir = paths.webroot + 'lib/';
|
|
paths.npmDir = 'node_modules/';
|
|
paths.lessDir = paths.webroot + 'less/';
|
|
paths.cssDir = paths.webroot + 'css/';
|
|
paths.jsDir = paths.webroot + 'js/';
|
|
|
|
var randomString = Math.random().toString(36).substring(7);
|
|
|
|
gulp.task('lint', function () {
|
|
return gulp.src(paths.webroot + 'app/**/*.js')
|
|
.pipe(jshint())
|
|
.pipe(jshint.reporter('default'));
|
|
});
|
|
|
|
gulp.task('build', function (cb) {
|
|
return runSequence(
|
|
'clean',
|
|
['browserify', 'lib', 'webpack', 'less', 'settings', 'lint', 'min:js'],
|
|
cb);
|
|
});
|
|
|
|
gulp.task('clean:js', function (cb) {
|
|
return rimraf(paths.concatJsDest, cb);
|
|
});
|
|
|
|
gulp.task('clean:css', function (cb) {
|
|
return rimraf(paths.cssDir, cb);
|
|
});
|
|
|
|
gulp.task('clean:lib', function (cb) {
|
|
return rimraf(paths.libDir, cb);
|
|
});
|
|
|
|
gulp.task('clean', ['clean:js', 'clean:css', 'clean:lib', 'dist:clean']);
|
|
|
|
gulp.task('min:js', ['clean:js'], function () {
|
|
return gulp.src(
|
|
[
|
|
paths.js,
|
|
'!' + paths.minJs,
|
|
'!' + paths.jsDir + 'fallback*.js',
|
|
'!' + paths.jsDir + 'u2f-connector.js',
|
|
'!' + paths.jsDir + 'duo-connector.js',
|
|
'!' + paths.jsDir + 'duo.js',
|
|
'!' + paths.jsDir + 'settings.js'
|
|
], { base: '.' })
|
|
.pipe(preprocess({ context: { cacheTag: randomString, selfHosted: selfHosted } }))
|
|
.pipe(concat(paths.concatJsDest))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('min:css', [], function () {
|
|
return gulp.src([paths.cssDir + '**/*.css', '!' + paths.cssDir + '**/*.min.css'], { base: '.' })
|
|
.pipe(cssmin())
|
|
.pipe(rename({ suffix: '.min' }))
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('min', ['min:js', 'min:css']);
|
|
|
|
gulp.task('lib', ['clean:lib'], function () {
|
|
var libs = [
|
|
{
|
|
src: [
|
|
paths.npmDir + 'bootstrap/dist/**/*',
|
|
'!' + paths.npmDir + 'bootstrap/dist/**/npm.js',
|
|
'!' + paths.npmDir + 'bootstrap/dist/**/css/*theme*'
|
|
],
|
|
dest: paths.libDir + 'bootstrap'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'font-awesome/css/*',
|
|
dest: paths.libDir + 'font-awesome/css'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'font-awesome/fonts/*',
|
|
dest: paths.libDir + 'font-awesome/fonts'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'jquery/dist/*.js',
|
|
dest: paths.libDir + 'jquery'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'admin-lte/dist/js/app*.js',
|
|
dest: paths.libDir + 'admin-lte/js'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular/angular*.js',
|
|
dest: paths.libDir + 'angular'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-ui-bootstrap/dist/*tpls*.js',
|
|
dest: paths.libDir + 'angular-ui-bootstrap'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-bootstrap-show-errors/src/*.js',
|
|
dest: paths.libDir + 'angular-bootstrap-show-errors'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-cookies/*cookies*.js',
|
|
dest: paths.libDir + 'angular-cookies'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-jwt/dist/*.js',
|
|
dest: paths.libDir + 'angular-jwt'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-resource/*resource*.js',
|
|
dest: paths.libDir + 'angular-resource'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-sanitize/*sanitize*.js',
|
|
dest: paths.libDir + 'angular-sanitize'
|
|
},
|
|
{
|
|
src: [paths.npmDir + 'angular-toastr/dist/**/*.css', paths.npmDir + 'angular-toastr/dist/**/*.js'],
|
|
dest: paths.libDir + 'angular-toastr'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-ui-router/release/*.js',
|
|
dest: paths.libDir + 'angular-ui-router'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-messages/*messages*.js',
|
|
dest: paths.libDir + 'angular-messages'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'ngstorage/*.js',
|
|
dest: paths.libDir + 'ngstorage'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'papaparse/papaparse*.js',
|
|
dest: paths.libDir + 'papaparse'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'ngclipboard/dist/ngclipboard*.js',
|
|
dest: paths.libDir + 'ngclipboard'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'clipboard/dist/clipboard*.js',
|
|
dest: paths.libDir + 'clipboard'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'node-forge/dist/prime.worker.*',
|
|
dest: paths.libDir + 'forge'
|
|
},
|
|
{
|
|
src: [
|
|
paths.npmDir + 'angulartics-google-analytics/lib/angulartics*.js',
|
|
paths.npmDir + 'angulartics/src/angulartics.js'
|
|
],
|
|
dest: paths.libDir + 'angulartics'
|
|
},
|
|
//{
|
|
// src: paths.npmDir + 'duo_web_sdk/index.js',
|
|
// dest: paths.libDir + 'duo'
|
|
//},
|
|
{
|
|
src: paths.jsDir + 'duo.js',
|
|
dest: paths.libDir + 'duo'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular-promise-polyfill/index.js',
|
|
dest: paths.libDir + 'angular-promise-polyfill'
|
|
}
|
|
];
|
|
|
|
var tasks = libs.map(function (lib) {
|
|
return gulp.src(lib.src).pipe(gulp.dest(lib.dest));
|
|
});
|
|
|
|
return merge(tasks);
|
|
});
|
|
|
|
gulp.task('webpack', ['webpack:forge']);
|
|
|
|
gulp.task('webpack:forge', function () {
|
|
var forgeDir = paths.npmDir + '/node-forge/lib/';
|
|
|
|
return gulp.src([
|
|
forgeDir + 'pbkdf2.js',
|
|
forgeDir + 'aes.js',
|
|
forgeDir + 'rsa.js',
|
|
forgeDir + 'hmac.js',
|
|
forgeDir + 'sha256.js',
|
|
forgeDir + 'random.js',
|
|
forgeDir + 'forge.js'
|
|
]).pipe(webpack({
|
|
output: {
|
|
filename: 'forge.js',
|
|
library: 'forge',
|
|
libraryTarget: 'umd'
|
|
},
|
|
node: {
|
|
Buffer: false,
|
|
process: false,
|
|
crypto: false,
|
|
setImmediate: false
|
|
}
|
|
})).pipe(gulp.dest(paths.libDir + 'forge'));
|
|
});
|
|
|
|
gulp.task('settings', function () {
|
|
return config()
|
|
.pipe(gulp.dest(paths.webroot + 'app'));
|
|
});
|
|
|
|
function config() {
|
|
return gulp.src('./settings.json')
|
|
.pipe(ngConfig('bit', {
|
|
createModule: false,
|
|
constants: _.merge({}, {
|
|
appSettings: {
|
|
selfHosted: false,
|
|
version: project.version,
|
|
environment: project.env
|
|
}
|
|
}, require('./settings' + (project.env !== 'Development' ? ('.' + project.env) : '') + '.json') || {})
|
|
}));
|
|
}
|
|
|
|
gulp.task('less', function () {
|
|
return gulp.src(paths.lessDir + 'vault.less')
|
|
.pipe(less())
|
|
.pipe(gulp.dest(paths.cssDir));
|
|
});
|
|
|
|
gulp.task('watch', function () {
|
|
gulp.watch(paths.lessDir + '*.less', ['less']);
|
|
gulp.watch('./settings*.json', ['settings']);
|
|
});
|
|
|
|
gulp.task('browserify', ['browserify:stripe', 'browserify:cc']);
|
|
|
|
gulp.task('browserify:stripe', function () {
|
|
return browserify(paths.npmDir + 'angular-stripe/src/index.js',
|
|
{
|
|
entry: '.',
|
|
standalone: 'angularStripe',
|
|
global: true
|
|
})
|
|
.transform('exposify', { expose: { angular: 'angular' } })
|
|
.bundle()
|
|
.pipe(source('angular-stripe.js'))
|
|
.pipe(derequire())
|
|
.pipe(gulp.dest(paths.libDir + 'angular-stripe'));
|
|
});
|
|
|
|
gulp.task('browserify:cc', function () {
|
|
return browserify(paths.npmDir + 'angular-credit-cards/src/index.js',
|
|
{
|
|
entry: '.',
|
|
standalone: 'angularCreditCards'
|
|
})
|
|
.transform('exposify', { expose: { angular: 'angular' } })
|
|
.bundle()
|
|
.pipe(source('angular-credit-cards.js'))
|
|
.pipe(derequire())
|
|
.pipe(gulp.dest(paths.libDir + 'angular-credit-cards'));
|
|
});
|
|
|
|
gulp.task('dist:clean', function (cb) {
|
|
return rimraf(paths.dist + '**/*', cb);
|
|
});
|
|
|
|
gulp.task('dist:move', function () {
|
|
var moves = [
|
|
{
|
|
src: './CNAME',
|
|
dest: paths.dist
|
|
},
|
|
{
|
|
src: [
|
|
paths.npmDir + 'bootstrap/dist/**/bootstrap.min.js',
|
|
paths.npmDir + 'bootstrap/dist/**/bootstrap.min.css',
|
|
paths.npmDir + 'bootstrap/dist/**/fonts/**/*'
|
|
],
|
|
dest: paths.dist + 'lib/bootstrap'
|
|
},
|
|
{
|
|
src: [
|
|
paths.npmDir + 'font-awesome/**/font-awesome.min.css',
|
|
paths.npmDir + 'font-awesome/**/fonts/**/*'
|
|
],
|
|
dest: paths.dist + 'lib/font-awesome'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'jquery/dist/jquery.min.js',
|
|
dest: paths.dist + 'lib/jquery'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'angular/angular.min.js',
|
|
dest: paths.dist + 'lib/angular'
|
|
},
|
|
{
|
|
src: paths.npmDir + 'node-forge/dist/prime.worker.*',
|
|
dest: paths.dist + 'lib/forge'
|
|
},
|
|
//{
|
|
// src: paths.npmDir + 'duo_web_sdk/index.js',
|
|
// dest: paths.dist + 'lib/duo'
|
|
//},
|
|
{
|
|
src: paths.jsDir + 'duo.js',
|
|
dest: paths.dist + 'js'
|
|
},
|
|
{
|
|
src: paths.jsDir + 'duo-connector.js',
|
|
dest: paths.dist + 'js'
|
|
},
|
|
{
|
|
src: paths.jsDir + 'settings.js',
|
|
dest: paths.dist + 'js'
|
|
},
|
|
{
|
|
src: paths.jsDir + 'bw.min.js',
|
|
dest: paths.dist + 'js'
|
|
},
|
|
{
|
|
src: [
|
|
paths.webroot + '**/app/**/*.html',
|
|
paths.webroot + '**/images/**/*',
|
|
paths.webroot + 'index.html',
|
|
paths.webroot + 'u2f-connector.html',
|
|
paths.webroot + 'duo-connector.html',
|
|
paths.webroot + 'favicon.ico',
|
|
paths.webroot + 'manifest.json',
|
|
paths.webroot + 'app-id.json'
|
|
],
|
|
dest: paths.dist
|
|
}
|
|
];
|
|
|
|
var tasks = moves.map(function (move) {
|
|
return gulp.src(move.src).pipe(gulp.dest(move.dest));
|
|
});
|
|
|
|
return merge(tasks);
|
|
});
|
|
|
|
gulp.task('dist:css', function () {
|
|
return gulp
|
|
.src([
|
|
paths.cssDir + '**/*.css',
|
|
'!' + paths.cssDir + '**/*.min.css'
|
|
])
|
|
.pipe(preprocess({ context: { cacheTag: randomString, selfHosted: selfHosted } }))
|
|
.pipe(cssmin())
|
|
.pipe(rename({ suffix: '.min' }))
|
|
.pipe(gulp.dest(paths.dist + 'css'));
|
|
});
|
|
|
|
gulp.task('dist:js:app', function () {
|
|
var mainStream = gulp
|
|
.src([
|
|
paths.webroot + 'app/app.js',
|
|
'!' + paths.webroot + 'app/settings.js',
|
|
paths.webroot + 'app/**/*Module.js',
|
|
paths.webroot + 'app/**/*.js'
|
|
]);
|
|
|
|
merge(mainStream, config())
|
|
.pipe(preprocess({ context: { cacheTag: randomString, selfHosted: selfHosted } }))
|
|
.pipe(concat(paths.dist + '/js/app.min.js'))
|
|
.pipe(ngAnnotate())
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('dist:js:fallback', function () {
|
|
var mainStream = gulp
|
|
.src([
|
|
paths.jsDir + 'fallback*.js'
|
|
]);
|
|
|
|
merge(mainStream)
|
|
.pipe(preprocess({ context: { cacheTag: randomString, selfHosted: selfHosted } }))
|
|
.pipe(uglify())
|
|
.pipe(rename({ suffix: '.min' }))
|
|
.pipe(gulp.dest(paths.dist + 'js'));
|
|
});
|
|
|
|
gulp.task('dist:js:u2f', function () {
|
|
var mainStream = gulp
|
|
.src([
|
|
paths.jsDir + 'u2f*.js'
|
|
]);
|
|
|
|
merge(mainStream)
|
|
.pipe(concat(paths.dist + '/js/u2f.min.js'))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('dist:js:lib', function () {
|
|
return gulp
|
|
.src([
|
|
paths.libDir + 'angulartics/angulartics.js',
|
|
paths.libDir + '**/*.js',
|
|
'!' + paths.libDir + '**/*.min.js',
|
|
'!' + paths.libDir + 'angular/**/*',
|
|
'!' + paths.libDir + 'bootstrap/**/*',
|
|
'!' + paths.libDir + 'jquery/**/*'
|
|
])
|
|
.pipe(concat(paths.dist + '/js/lib.min.js'))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('dist:preprocess', function () {
|
|
return gulp
|
|
.src([
|
|
paths.dist + '/**/*.html'
|
|
], { base: '.' })
|
|
.pipe(preprocess({ context: { cacheTag: randomString, selfHosted: selfHosted } }))
|
|
.pipe(gulp.dest('.'));
|
|
});
|
|
|
|
gulp.task('dist', ['build'], function (cb) {
|
|
return runSequence(
|
|
'dist:clean',
|
|
['dist:move', 'dist:css', 'dist:js:app', 'dist:js:lib', 'dist:js:fallback', 'dist:js:u2f'],
|
|
'dist:preprocess',
|
|
cb);
|
|
});
|
|
|
|
var selfHosted = false;
|
|
gulp.task('dist:selfHosted', function (cb) {
|
|
selfHosted = true;
|
|
return runSequence('dist', cb);
|
|
});
|
|
|
|
gulp.task('deploy', ['dist'], function () {
|
|
return gulp.src(paths.dist + '**/*')
|
|
.pipe(ghPages({ cacheDir: paths.dist + '.publish' }));
|
|
});
|
|
|
|
gulp.task('deploy-preview', ['dist'], function () {
|
|
return gulp.src(paths.dist + '**/*')
|
|
.pipe(ghPages({
|
|
cacheDir: paths.dist + '.publish',
|
|
remoteUrl: 'git@github.com:bitwarden/web-preview.git'
|
|
}));
|
|
});
|
|
|
|
gulp.task('serve', function () {
|
|
connect.server({
|
|
port: 4001,
|
|
root: ['src'],
|
|
//https: true,
|
|
middleware: function (connect, opt) {
|
|
return [function (req, res, next) {
|
|
if (req.originalUrl.indexOf('app-id.json') > -1) {
|
|
res.setHeader('Content-Type', 'application/fido.trusted-apps+json');
|
|
}
|
|
next();
|
|
}];
|
|
}
|
|
});
|
|
});
|