gulpfile.js

const fs = require('fs');
const gulp = require('gulp');
const connect = require('gulp-connect');
const open = require('gulp-open');
const header = require('gulp-header');
const uglify = require('gulp-uglify');
const sourcemaps = require('gulp-sourcemaps');
const rollup = require('rollup');
const resolve = require('rollup-plugin-node-resolve');
const buble = require('rollup-plugin-buble');
const rename = require('gulp-rename');
const modifyFile = require('gulp-modify-file');
const pkg = require('./package.json');

const date = (function date() {
  return {
    year: new Date().getFullYear(),
    month: ('January February March April May June July August September October November December').split(' ')[new Date().getMonth()],
    day: new Date().getDate(),
  };
}());
const banner = `
/**
 * Dom7 ${pkg.version}
 * ${pkg.description}
 * ${pkg.homepage}
 *
 * Copyright ${date.year}, ${pkg.author}
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under ${pkg.license}
 *
 * Released on: ${date.month} ${date.day}, ${date.year}
 */
`.trim();

// UMD DIST
function umd(cb) {
  const env = process.env.NODE_ENV || 'development';
  const output = env === 'development' ? './build' : './dist';

  rollup.rollup({
    input: './src/dom7.js',
    plugins: [resolve(), buble()],
  }).then((bundle) => {
    return bundle.write({
      strict: true,
      file: `${output}/dom7.js`,
      format: 'umd',
      name: 'Dom7',
      sourcemap: env === 'development',
      sourcemapFile: `${output}/dom7.js.map`,
      banner,
    });
  }).then(() => {
    if (env === 'development') {
      if (cb) cb();
      return;
    }
    gulp.src('./dist/dom7.js')
      .pipe(sourcemaps.init())
      .pipe(uglify())
      .pipe(header(banner))
      .pipe(rename('dom7.min.js'))
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest('./dist/'))
      .on('end', () => {
        if (cb) cb();
      });
  });
}

// ES MODULE DIST
function es(cb) {
  const env = process.env.NODE_ENV || 'development';
  const output = env === 'development' ? './build' : './dist';
  let cbs = 0;

  rollup.rollup({
    input: './src/dom7.js',
    external: ['ssr-window'],
  }).then((bundle) => {
    return bundle.write({
      strict: true,
      file: `${output}/dom7.module.js`,
      format: 'es',
      name: 'Dom7',
      sourcemap: env === 'development',
      sourcemapFile: `${output}/dom7.module.js.map`,
      banner,
    });
  }).then(() => {
    cbs += 1;
    if (cb && cbs === 2) cb();
  });

  rollup.rollup({
    input: './src/dom7.modular.js',
    external: ['ssr-window'],
  }).then((bundle) => {
    return bundle.write({
      strict: true,
      file: `${output}/dom7.modular.js`,
      format: 'es',
      name: 'Dom7',
      sourcemap: env === 'development',
      sourcemapFile: `${output}/dom7.modular.js.map`,
      banner,
    });
  }).then(() => {
    cbs += 1;
    if (cb && cbs === 2) cb();
  });
}

gulp.task('build', (cb) => {
  let cbs = 0;
  const env = process.env.NODE_ENV || 'development';
  const output = env === 'development' ? './build' : './dist';
  fs.copyFileSync('./src/dom7.d.ts', `${output}/dom7.d.ts`);

  umd(() => {
    cbs += 1;
    if (cbs === 2) cb();
  });
  es(() => {
    cbs += 1;
    if (cbs === 2) cb();
  });
});

gulp.task('demo', (cb) => {
  const env = process.env.NODE_ENV || 'development';
  gulp.src('./demo/index.html')
    .pipe(modifyFile((content) => {
      if (env === 'development') {
        return content
          .replace('../dist/dom7.min.js', '../build/dom7.js');
      }
      return content
        .replace('../build/dom7.js', '../dist/dom7.min.js');
    }))
    .pipe(gulp.dest('./demo/'))
    .on('end', () => {
      if (cb) cb();
    });
});

gulp.task('watch', () => {
  gulp.watch('./src/*.js', gulp.series(['build']));
});

gulp.task('connect', () => connect.server({
  root: ['./'],
  livereload: true,
  port: '3000',
}));

gulp.task('open', () => gulp.src('./demo/index.html').pipe(open({ uri: 'http://localhost:3000/demo/index.html' })));

gulp.task('server', gulp.parallel(['watch', 'connect', 'open']));