1
0
mirror of https://github.com/oceanprotocol/datascience.git synced 2022-09-23 03:31:37 +02:00
datascience/gulpfile.babel.js

127 lines
2.8 KiB
JavaScript

import { src, dest, watch, parallel, series } from 'gulp'
import del from 'del'
import fs from 'fs'
import yaml from 'js-yaml'
import browser from 'browser-sync'
import autoprefixer from 'autoprefixer'
import cssnano from 'cssnano'
const $ = require('gulp-load-plugins')()
const content = yaml.safeLoad(fs.readFileSync('./content.yml'))
const { links } = content
const SRC = './src'
const DIST = './dist'
//
// Delete build artifacts
//
export const clean = () => del(DIST + '/**/*')
//
// Styles
//
export const css = () =>
src(SRC + '/styles/styles.scss')
.pipe($.sass().on('error', $.sass.logError))
.pipe($.postcss([autoprefixer(), cssnano()]))
.pipe(dest(DIST + '/assets/css/'))
//
// Data injection with Liquid
//
export const template = () => {
const locals = { links, content }
return src(SRC + '/index.html')
.pipe($.liquify(locals))
.pipe(
$.htmlmin({
collapseWhitespace: true,
conservativeCollapse: true,
removeComments: true,
useShortDoctype: true,
collapseBooleanAttributes: true,
removeRedundantAttributes: true,
removeEmptyAttributes: true,
minifyJS: true,
minifyCSS: true
})
)
.pipe(dest(DIST))
}
//
// Copy Fonts
//
export const fonts = () =>
src(SRC + '/fonts/**/*').pipe(dest(DIST + '/assets/fonts/'))
//
// Copy Logo
//
export const logos = () =>
src([
'node_modules/@oceanprotocol/art/logo/**/*',
'node_modules/@oceanprotocol/art/mantaray/**/*'
]).pipe(dest(DIST + '/assets/img/'))
//
// Copy Favicon
//
export const favicon = () => src(SRC + '/favicon.ico').pipe(dest(DIST))
//
// Revision static assets
//
export const rev = () =>
src(DIST + '/assets/**/*.{css,js,png,jpg,jpeg,svg,eot,ttf,woff,woff2}')
.pipe($.rev())
.pipe(dest(DIST + '/assets/'))
// output rev manifest for next replace task
.pipe($.rev.manifest())
.pipe(dest(DIST + '/assets/'))
//
// Replace all links to assets in files
// from a manifest file
//
export const revReplace = () => {
const manifest = src(DIST + '/assets/rev-manifest.json')
return src(DIST + '/**/*.{html,css,js}')
.pipe($.revReplace({ manifest: manifest }))
.pipe(dest(DIST))
}
//
// Watch for file changes
//
export const watchSrc = () =>
watch([SRC, 'content.yml']).on('all', series(build, browser.reload))
//
// Dev Server
//
export const server = (done) => {
browser.init({
server: DIST,
port: 1337
})
done()
}
//
// Full build
//
export const build = series(
clean,
parallel(template, css, fonts, favicon, logos),
rev,
revReplace
)
export const dev = series(build, server, watchSrc)
export default dev