forked from foundation/foundation-docs
/
gulpfile.js
78 lines (69 loc) · 2.15 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
var $ = require('gulp-load-plugins')();
var browser = require('browser-sync');
var docs = require('./index');
var gulp = require('gulp');
var panini = require('panini');
var supercollider = require('supercollider');
var autoprefixer = require('autoprefixer');
// Supercollider configuration
supercollider
.config({
template: 'templates/component.html',
marked: docs.marked,
handlebars: docs.handlebars
})
.searchConfig({})
.adapter('sass')
.adapter('js')
// Generates a documentation page
gulp.task('pages', function(done) {
panini.refresh();
return gulp.src('test/fixtures/*.md')
.pipe(supercollider.init())
.pipe(panini({
root: 'test/fixtures',
layouts: 'test/visual',
partials: 'test/visual/partials'
}))
.pipe(gulp.dest('test/visual/_build'))
.on('finish', function() {
browser.reload();
supercollider.buildSearch('test/visual/_build/data/search.json', done);
});
});
// Compiles documentation CSS
gulp.task('sass', function() {
return gulp.src('test/visual/docs.scss')
.pipe($.sass({
includePaths: [
'scss',
'node_modules/foundation-sites/scss',
'node_modules/motion-ui/src'
]
}).on('error', $.sass.logError))
.pipe($.postcss([
autoprefixer() // uses ".browserslistrc"
]))
.pipe(gulp.dest('test/visual/_build'))
.pipe(browser.reload({ stream: true }));
});
gulp.task('javascript', function() {
return gulp.src('js/**/*.js')
.pipe($.concat('docs.js'))
.pipe(gulp.dest('test/visual/_build'));
});
// Build everything
gulp.task('build', gulp.parallel('pages', 'sass', 'javascript'));
// Create a server for visual tests
gulp.task('serve', function (done) {
browser.init({ server: 'test/visual/_build' });
done();
});
// Watch for changes and re-trigger the build
gulp.task('watch', function() {
gulp.watch(['text/fixtures/**/*', 'test/visual/**/*.html'], gulp.series('pages'));
gulp.watch(['scss/**/*', 'test/visual/docs.scss'], gulp.series('sass'));
gulp.watch(['js/**/*'], gulp.series('javascript'));
});
// Creates a server and watches for file changes
gulp.task('default', gulp.series('build', 'serve', 'watch'));