2019-11-14 21:48:48 +03:00
|
|
|
var gulp = require('gulp');
|
|
|
|
var cssimport = require('gulp-cssimport');
|
|
|
|
var rollup = require('gulp-better-rollup');
|
|
|
|
var cssnano = require('cssnano');
|
|
|
|
var postcss = require('gulp-postcss');
|
|
|
|
var sucrase = require('@sucrase/gulp-plugin');
|
|
|
|
var minify = require('gulp-minify');
|
|
|
|
var rename = require('gulp-rename');
|
|
|
|
var del = require('del');
|
|
|
|
|
|
|
|
var resolve = require('rollup-plugin-node-resolve');
|
|
|
|
var commonjs = require('rollup-plugin-commonjs');
|
|
|
|
var rootImport = require('rollup-plugin-root-import');
|
|
|
|
var globals = require('rollup-plugin-node-globals');
|
|
|
|
|
|
|
|
|
|
|
|
/***
|
|
|
|
Main config options
|
|
|
|
***/
|
|
|
|
|
|
|
|
var urbitrc = require('../urbitrc');
|
|
|
|
|
|
|
|
/***
|
|
|
|
End main config options
|
|
|
|
***/
|
|
|
|
|
|
|
|
gulp.task('css-bundle', function() {
|
|
|
|
let plugins = [
|
|
|
|
cssnano()
|
|
|
|
];
|
|
|
|
return gulp
|
|
|
|
.src('src/index.css')
|
|
|
|
.pipe(cssimport())
|
|
|
|
.pipe(postcss(plugins))
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/css'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('jsx-transform', function(cb) {
|
|
|
|
return gulp.src('src/**/*.js')
|
|
|
|
.pipe(sucrase({
|
|
|
|
transforms: ['jsx']
|
|
|
|
}))
|
|
|
|
.pipe(gulp.dest('dist'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('tile-jsx-transform', function(cb) {
|
|
|
|
return gulp.src('tile/**/*.js')
|
|
|
|
.pipe(sucrase({
|
|
|
|
transforms: ['jsx']
|
|
|
|
}))
|
|
|
|
.pipe(gulp.dest('dist'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('js-imports', function(cb) {
|
|
|
|
return gulp.src('dist/index.js')
|
|
|
|
.pipe(rollup({
|
|
|
|
plugins: [
|
|
|
|
commonjs({
|
|
|
|
namedExports: {
|
|
|
|
'node_modules/react/index.js': [ 'Component' ],
|
|
|
|
'node_modules/react-is/index.js': [ 'isValidElementType' ],
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
rootImport({
|
|
|
|
root: `${__dirname}/dist/js`,
|
|
|
|
useEntry: 'prepend',
|
|
|
|
extensions: '.js'
|
|
|
|
}),
|
|
|
|
globals(),
|
|
|
|
resolve()
|
|
|
|
]
|
|
|
|
}, 'umd'))
|
|
|
|
.on('error', function(e){
|
|
|
|
console.log(e);
|
|
|
|
cb();
|
|
|
|
})
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'))
|
|
|
|
.on('end', cb);
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('tile-js-imports', function(cb) {
|
|
|
|
return gulp.src('dist/tile.js')
|
|
|
|
.pipe(rollup({
|
|
|
|
plugins: [
|
|
|
|
commonjs({
|
|
|
|
namedExports: {
|
|
|
|
'node_modules/react/index.js': [ 'Component' ],
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
rootImport({
|
|
|
|
root: `${__dirname}/dist/js`,
|
|
|
|
useEntry: 'prepend',
|
|
|
|
extensions: '.js'
|
|
|
|
}),
|
|
|
|
globals(),
|
|
|
|
resolve()
|
|
|
|
]
|
|
|
|
}, 'umd'))
|
|
|
|
.on('error', function(e){
|
|
|
|
console.log(e);
|
|
|
|
cb();
|
|
|
|
})
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'))
|
|
|
|
.on('end', cb);
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
gulp.task('js-minify', function () {
|
|
|
|
return gulp.src('../../arvo/app/soto/js/index.js')
|
|
|
|
.pipe(minify())
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('tile-js-minify', function () {
|
|
|
|
return gulp.src('../../arvo/app/soto/js/tile.js')
|
|
|
|
.pipe(minify())
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'));
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('rename-index-min', function () {
|
|
|
|
return gulp.src('../../arvo/app/soto/js/index-min.js')
|
|
|
|
.pipe(rename('index.js'))
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'))
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('rename-tile-min', function () {
|
|
|
|
return gulp.src('../../arvo/app/soto/js/tile-min.js')
|
|
|
|
.pipe(rename('tile.js'))
|
|
|
|
.pipe(gulp.dest('../../arvo/app/soto/js/'))
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('clean-min', function () {
|
|
|
|
return del(['../../arvo/app/soto/js/index-min.js', '../../arvo/app/soto/js/tile-min.js'], { force: true })
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('urbit-copy', function () {
|
2019-11-15 03:55:16 +03:00
|
|
|
let ret = gulp.src('../../arvo/**/*');
|
2019-11-14 21:48:48 +03:00
|
|
|
|
|
|
|
urbitrc.URBIT_PIERS.forEach(function(pier) {
|
|
|
|
ret = ret.pipe(gulp.dest(pier));
|
|
|
|
});
|
|
|
|
|
|
|
|
return ret;
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('js-bundle-dev', gulp.series('jsx-transform', 'js-imports'));
|
|
|
|
gulp.task('tile-js-bundle-dev', gulp.series('tile-jsx-transform', 'tile-js-imports'));
|
|
|
|
gulp.task('js-bundle-prod', gulp.series('jsx-transform', 'js-imports', 'js-minify'))
|
|
|
|
gulp.task('tile-js-bundle-prod',
|
|
|
|
gulp.series('tile-jsx-transform', 'tile-js-imports', 'tile-js-minify'));
|
|
|
|
|
|
|
|
gulp.task('bundle-dev',
|
|
|
|
gulp.series(
|
|
|
|
gulp.parallel(
|
|
|
|
'css-bundle',
|
|
|
|
'js-bundle-dev',
|
|
|
|
'tile-js-bundle-dev'
|
|
|
|
),
|
|
|
|
'urbit-copy'
|
|
|
|
)
|
|
|
|
);
|
|
|
|
|
|
|
|
gulp.task('bundle-prod',
|
|
|
|
gulp.series(
|
|
|
|
gulp.parallel(
|
|
|
|
'css-bundle',
|
|
|
|
'js-bundle-prod',
|
|
|
|
'tile-js-bundle-prod',
|
|
|
|
),
|
|
|
|
'rename-index-min',
|
|
|
|
'rename-tile-min',
|
|
|
|
'clean-min',
|
|
|
|
'urbit-copy'
|
|
|
|
)
|
|
|
|
);
|
|
|
|
|
|
|
|
gulp.task('default', gulp.series('bundle-dev'));
|
|
|
|
|
|
|
|
gulp.task('watch', gulp.series('default', function() {
|
|
|
|
gulp.watch('tile/**/*.js', gulp.parallel('tile-js-bundle-dev'));
|
|
|
|
|
|
|
|
gulp.watch('src/**/*.js', gulp.parallel('js-bundle-dev'));
|
|
|
|
gulp.watch('src/**/*.css', gulp.parallel('css-bundle'));
|
|
|
|
|
|
|
|
gulp.watch('../../arvo/**/*', gulp.parallel('urbit-copy'));
|
|
|
|
}));
|