cloudron-box/dashboard/gulpfile.js

/* jslint node:true */

'use strict';

const argv = require('yargs').argv,
    concat = require('gulp-concat'),
    ejs = require('gulp-ejs'),
    execSync = require('child_process').execSync,
    fs = require('fs'),
    gulp = require('gulp'),
    sass = require('gulp-sass')(require('sass')),
    serve = require('gulp-serve'),
    sourcemaps = require('gulp-sourcemaps');

if (argv.help || argv.h) {
    console.log('Supported arguments for "gulp develop":');
    console.log(' --api-origin <cloudron api uri>');
    console.log(' --revision <revision>');
    console.log(' --appstore-console-origin <appstore console uri>');

    process.exit(1);
}

const revision = argv.revision || '';

let apiOrigin = '';
if (argv.apiOrigin) {
    if (argv.apiOrigin.indexOf('https://') === 0) apiOrigin = argv.apiOrigin;
    else apiOrigin = 'https://' + argv.apiOrigin;
}

var appstore = {
    consoleOrigin: argv.appstoreConsoleOrigin || ''
};

console.log();
console.log('Cloudron API:          %s', apiOrigin || 'default');
console.log('Building for revision: %s', revision);
console.log();
console.log('Overriding appstore origin:');
console.log(' Console: %s', appstore.consoleOrigin || 'no');
console.log();

gulp.task('fontawesome', function () {
    return gulp.src('node_modules/@fortawesome/fontawesome-free/**/*')
        .pipe(gulp.dest('dist/3rdparty/fontawesome/'));
});

gulp.task('noto-sans', function () {
    return gulp.src('node_modules/@fontsource/noto-sans/**/*')
        .pipe(gulp.dest('dist/3rdparty/noto-sans/'));
});

gulp.task('bootstrap', function () {
    return gulp.src('node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js')
        .pipe(gulp.dest('dist/3rdparty/js'));
});

gulp.task('moment', function () {
    return gulp.src('node_modules/moment/min/*')
        .pipe(gulp.dest('dist/3rdparty/js'));
});

gulp.task('3rdparty-copy', function () {
    return gulp.src([
        'src/3rdparty/**/*.js',
        'src/3rdparty/**/*.map',
        'src/3rdparty/**/*.css',
        'src/3rdparty/**/*.otf',
        'src/3rdparty/**/*.eot',
        'src/3rdparty/**/*.svg',
        'src/3rdparty/**/*.gif',
        'src/3rdparty/**/*.ttf',
        'node_modules/chart.js/dist/chart.umd.js'
    ]).pipe(gulp.dest('dist/3rdparty/'));
});

gulp.task('3rdparty', gulp.series(['3rdparty-copy', 'moment', 'bootstrap', 'fontawesome', 'noto-sans']));

// --------------
// JavaScript
// --------------

gulp.task('js-index', function () {
    return gulp.src([
        'src/js/index.js',
        'src/js/client.js',
        'src/js/utils.js',
        'src/views/*.js'
    ])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('index.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-passwordreset', function () {
    return gulp.src(['src/js/passwordreset.js', 'src/js/utils.js'])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('passwordreset.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-setupaccount', function () {
    return gulp.src(['src/js/setupaccount.js', 'src/js/utils.js'])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('setupaccount.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-activation', function () {
    return gulp.src(['src/js/activation.js', 'src/js/client.js', 'src/js/utils.js'])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('activation.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-setup', function () {
    return gulp.src(['src/js/setup.js', 'src/js/client.js', 'src/js/utils.js'])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('setup.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-restore', function () {
    return gulp.src(['src/js/restore.js', 'src/js/client.js', 'src/js/utils.js'])
        .pipe(ejs({ apiOrigin: apiOrigin, revision: revision, appstore: appstore }, {}, { ext: '.js' }))
        .pipe(sourcemaps.init())
        .pipe(concat('restore.js', { newLine: ';' }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js', gulp.series([ 'js-index', 'js-passwordreset', 'js-setupaccount', 'js-activation', 'js-setup', 'js-restore' ]));

// --------------
// HTML
// --------------

gulp.task('html-views', function () {
    return gulp.src('src/views/**/*.html').pipe(gulp.dest('dist/views'));
});

gulp.task('html-raw', function () {
    return gulp.src('src/*.html').pipe(ejs({ apiOrigin: apiOrigin, revision: revision }, {}, { ext: '.html' })).pipe(gulp.dest('dist'));
});

gulp.task('html', gulp.series(['html-views', 'html-raw']));

// --------------
// CSS
// --------------

gulp.task('css', function () {
    return gulp.src('src/*.scss')
        .pipe(sass({ includePaths: [
            'node_modules/bootstrap-sass/assets/stylesheets/',
            'node_modules/@fontsource/'
        ]}).on('error', sass.logError))
        .pipe(gulp.dest('dist'));
});

gulp.task('images', function () {
    return gulp.src('src/img/**')
        .pipe(gulp.dest('dist/img'));
});

gulp.task('translation', function () {
    return gulp.src('src/translation/**')
        .pipe(gulp.dest('dist/translation'));
});

gulp.task('timezones', function (done) {
    execSync('./scripts/createTimezones.js ./dist/js/timezones.js');
    done();
});

// --------------
// Utilities
// --------------

gulp.task('clean', function (done) {
    fs.rm('dist', { recursive: true, force: true }, done);
});

gulp.task('default', gulp.series(['clean', 'html', 'js', 'timezones', '3rdparty', 'translation', 'images', 'css']));

gulp.task('watch', function (done) {
    gulp.watch(['src/*.scss'], gulp.series(['css']));
    gulp.watch(['src/img/*'], gulp.series(['images']));
    gulp.watch(['src/translation/*'], gulp.series(['translation']));
    gulp.watch(['src/**/*.html'], gulp.series(['html']));
    gulp.watch(['src/views/*.html'], gulp.series(['html-views']));
    gulp.watch(['scripts/createTimezones.js', 'src/js/utils.js'], gulp.series(['timezones']));
    gulp.watch(['src/js/activation.js', 'src/js/client.js', 'src/js/utils.js'], gulp.series(['js-activation']));
    gulp.watch(['src/js/setup.js', 'src/js/client.js', 'src/js/utils.js'], gulp.series(['js-setup']));
    gulp.watch(['src/js/restore.js', 'src/js/client.js', 'src/js/utils.js'], gulp.series(['js-restore']));
    gulp.watch(['src/js/passwordreset.js', 'src/js/utils.js'], gulp.series(['js-passwordreset']));
    gulp.watch(['src/js/setupaccount.js', 'src/js/utils.js'], gulp.series(['js-setupaccount']));
    gulp.watch(['src/js/index.js', 'src/js/client.js', 'src/views/*.js', 'src/js/utils.js'], gulp.series(['js-index']));
    gulp.watch(['src/3rdparty/**/*'], gulp.series(['3rdparty']));
    done();
});

gulp.task('serve', serve({ root: 'dist', port: 4000, hostname: '0.0.0.0' }));

gulp.task('develop', gulp.series(['default', 'watch', 'serve']));