+/*
+ * Set the URL of your local instance of Galette here.
+ * Then run "gulp serve".
+ * This is for local development purpose only.
+ * Don't commit this change in the repository.
+ */
+const localServer = {
+ url: 'http://galette.localhost/'
+}
+
var gulp = require('gulp'),
del = require('del'),
uglify = require('gulp-uglify'),
cleanCSS = require('gulp-clean-css'),
merge = require('merge-stream'),
concat = require('gulp-concat'),
- replace = require('gulp-replace')
+ replace = require('gulp-replace'),
+ download = require("gulp-download"),
+ browserSync = require('browser-sync').create(),
+ build = require('./semantic/tasks/build'),
+ buildJS = require('./semantic/tasks/build/javascript'),
+ buildCSS = require('./semantic/tasks/build/css'),
+ buildAssets = require('./semantic/tasks/build/assets')
;
+gulp.task('build ui', build);
+gulp.task('build-css', buildCSS);
+gulp.task('build-javascript', buildJS);
+gulp.task('build-assets', buildAssets);
+
var paths = {
- galette: {
- modules: './node_modules/',
- public: './galette/webroot/assets/'
+ webroot: './galette/webroot/',
+ assets: {
+ public: './galette/webroot/assets/',
+ css: './galette/webroot/assets/css/',
+ js: './galette/webroot/assets/js/',
+ webfonts: './galette/webroot/assets/webfonts/',
+ theme: {
+ public: './galette/webroot/themes/default/',
+ css: './galette/webroot/themes/default/ui/semantic.min.css',
+ js: './galette/webroot/themes/default/ui/semantic.min.js',
+ images: './galette/webroot/themes/default/images/'
+ }
},
- css: {
- main: [
- './galette/webroot/themes/default/galette.css',
+ src: {
+ semantic: './semantic.json',
+ theme: './ui/semantic/galette/**/*',
+ config: './ui/semantic/theme*',
+ files: [
+ './ui/semantic/galette/*',
+ './ui/semantic/galette/**/*.*'
+ ],
+ css: './ui/css/**/*.css',
+ js: './ui/js/*.js',
+ favicon:'./ui/images/favicon.png',
+ logo: './ui/images/galette.png',
+ photo:'./ui/images/default.png',
+ emojis: './node_modules/twemoji-emojis/vendor/svg/*'
+ },
+ semantic: {
+ src: './semantic/src/',
+ theme: './semantic/src/themes/galette/'
+ },
+ styles: {
+ summernote: [
'./node_modules/summernote/dist/summernote-lite.min.css'
+ ],
+ codemirror: [
+ 'https://cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css'
]
},
- js: {
+ scripts: {
main: [
- './node_modules/jquery/dist/jquery.js',
- './node_modules/js-cookie/dist/js.cookie.min.js',
- './node_modules/summernote/dist/summernote-lite.min.js',
- './galette/webroot/js/common.js'
+ './node_modules/js-cookie/dist/js.cookie.js',
+ './ui/js/common.js'
+ ],
+ masschanges: [
+ './ui/js/masschanges.js'
],
chartjs: [
- './node_modules/chart.js/dist/chart.min.js',
+ './node_modules/chart.js/dist/chart.umd.js',
'./node_modules/chartjs-plugin-autocolors/dist/chartjs-plugin-autocolors.min.js',
'./node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.min.js'
],
sortablejs: [
'./node_modules/sortablejs/Sortable.min.js'
+ ],
+ summernote: [
+ './node_modules/summernote/dist/summernote-lite.min.js'
+ ],
+ codemirror: [
+ 'https://cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js'
+ ],
+ codemirrorxml: [
+ 'https://cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js'
+ ],
+ codemirrorformatting: [
+ 'https://cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js'
+ ],
+ darkreader: [
+ './node_modules/darkreader/darkreader.js'
]
},
extras: [
{
src: './node_modules/summernote/dist/font/*',
- dest: '/webfonts/'
+ dest: 'webfonts/'
}, {
src: './node_modules/summernote/dist/lang/*.min.js',
- dest: '/js/lang/'
+ dest: 'js/lang/'
+ }, {
+ src: './node_modules/jquery/dist/jquery.min.js',
+ dest: 'js/'
}
]
};
+function galette() {
+ favicon = gulp.src(paths.src.favicon)
+ .pipe(gulp.dest(paths.assets.theme.images))
+ .pipe(browserSync.stream());
+
+ logo = gulp.src(paths.src.logo)
+ .pipe(gulp.dest(paths.assets.theme.images))
+ .pipe(browserSync.stream());
+
+ photo = gulp.src(paths.src.photo)
+ .pipe(gulp.dest(paths.assets.theme.images))
+ .pipe(browserSync.stream());
+
+ return merge(favicon, logo, photo);
+}
+
+function theme() {
+ config = gulp.src(paths.src.config)
+ .pipe(gulp.dest(paths.semantic.src))
+ .pipe(browserSync.stream());
+
+ theme = gulp.src(paths.src.files)
+ .pipe(gulp.dest(paths.semantic.theme))
+ .pipe(browserSync.stream());
+
+ emojis = gulp.src(paths.src.emojis)
+ .pipe(gulp.dest(paths.semantic.theme + 'assets/emojis'))
+ .pipe(browserSync.stream());
+
+ return merge(config, theme, emojis);
+}
+
function clean() {
- return del([paths.galette.public]);
+ return del([
+ paths.assets.public,
+ paths.assets.theme.public,
+ ]);
}
function styles() {
- var _dir = paths.galette.public + '/css/';
-
- main = gulp.src(paths.css.main)
- .pipe(replace('url(images/', 'url(../images/'))
+ summernote = gulp.src(paths.styles.summernote)
.pipe(replace('url(font/', 'url(../webfonts/'))
.pipe(cleanCSS())
- .pipe(concat('galette-main.bundle.min.css'))
- .pipe(gulp.dest(_dir));
+ .pipe(concat('summernote.min.css'))
+ .pipe(gulp.dest(paths.assets.css))
+ .pipe(browserSync.stream());
- return merge(main);
+ codemirror = download(paths.styles.codemirror)
+ .pipe(concat('codemirror.css'))
+ .pipe(gulp.dest(paths.assets.css))
+ .pipe(browserSync.stream());
+
+ return merge(summernote, codemirror);
}
function scripts() {
- var _dir = paths.galette.public + '/js/';
-
- main = gulp.src(paths.js.main)
+ main = gulp.src(paths.scripts.main)
.pipe(concat('galette-main.bundle.min.js'))
- .pipe(uglify())
- .pipe(gulp.dest(_dir));
+ .pipe(uglify({
+ output: {
+ comments: /^!/
+ }
+ }))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
- chartjs = gulp.src(paths.js.chartjs)
- .pipe(concat('galette-chartjs.bundle.min.js'))
- .pipe(gulp.dest(_dir));
+ masschanges = gulp.src(paths.scripts.masschanges)
+ .pipe(concat('masschanges.min.js'))
+ .pipe(uglify({
+ output: {
+ comments: /^!/
+ }
+ }))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
- sortablejs = gulp.src(paths.js.sortablejs)
- .pipe(concat('galette-sortablejs.bundle.min.js'))
- .pipe(gulp.dest(_dir));
+ chartjs = gulp.src(paths.scripts.chartjs)
+ .pipe(concat('chartjs.min.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
- return merge(main, chartjs, sortablejs);
+ sortablejs = gulp.src(paths.scripts.sortablejs)
+ .pipe(concat('sortable.min.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ summernote = gulp.src(paths.scripts.summernote)
+ .pipe(concat('summernote.min.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ codemirror = download(paths.scripts.codemirror)
+ .pipe(concat('codemirror.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ codemirrorxml = download(paths.scripts.codemirrorxml)
+ .pipe(concat('xml.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ codemirrorformatting = download(paths.scripts.codemirrorformatting)
+ .pipe(concat('formatting.js'))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ darkreader = gulp.src(paths.scripts.darkreader)
+ .pipe(concat('darkreader.min.js'))
+ .pipe(uglify({
+ output: {
+ comments: /^!/
+ }
+ }))
+ .pipe(gulp.dest(paths.assets.js))
+ .pipe(browserSync.stream());
+
+ return merge(main, masschanges, chartjs, sortablejs, summernote, codemirror, codemirrorxml, codemirrorformatting, darkreader);
}
-function extras() {
- main = paths.extras.map(function (extra) {
+function movefiles() {
+ extras = paths.extras.map(function (extra) {
return gulp.src(extra.src)
- .pipe(gulp.dest(paths.galette.public + extra.dest));
+ .pipe(gulp.dest(paths.assets.public + extra.dest))
+ .pipe(browserSync.stream());
}
);
- return merge(main);
+ return merge(extras);
+}
+
+function watch() {
+ browserSync.init({
+ proxy: localServer.url
+ })
+
+ gulp.watch([paths.src.favicon, paths.src.logo, paths.src.photo], gulp.series(galette)).on('change', browserSync.reload)
+ gulp.watch([paths.src.semantic], gulp.series(theme, 'build ui')).on('change', browserSync.reload)
+ gulp.watch([paths.src.theme, paths.src.config], gulp.series(theme, 'build-css')).on('change', browserSync.reload)
+ gulp.watch([paths.src.css], gulp.series(styles)).on('change', browserSync.reload)
+ gulp.watch([paths.src.js], gulp.series(scripts)).on('change', browserSync.reload)
+ gulp.watch([paths.assets.theme.css, paths.assets.theme.js, paths.assets.theme.images]).on('change', browserSync.reload)
}
+exports.galette = galette;
+exports.theme = theme;
exports.clean = clean;
exports.styles = styles;
exports.scripts = scripts;
-exports.extras = extras;
+exports.movefiles = movefiles;
+exports.watch = watch;
-var build = gulp.series(clean, styles, scripts, extras);
+var build = gulp.series(theme, clean, styles, scripts, movefiles, 'build ui', galette);
exports.default = build;
Projects / galette.git / blobdiff