react-web-tutorial/react-tuto/gulpfile.js

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const source = require('vinyl-source-stream');
const buffer = require('vinyl-buffer');
const browserify = require('browserify');
const watchify = require('watchify');
const babelify = require('babelify');
const pathmod = require('pathmodify');
const babel = require('gulp-babel');
const uglify = require('gulp-uglify');
const gutil = require('gulp-util');
const zip = require('gulp-zip');
const fs = require('fs');
const path = require('path');
const es = require('event-stream');
const Promise = require('bluebird');

function slugify(text)
{
  return text.toString().toLowerCase()
    .replace(/\s+/g, '-')           // Replace spaces with -
    .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
    .replace(/\-\-+/g, '-')         // Replace multiple - with single -
    .replace(/^-+/, '')             // Trim - from start of text
    .replace(/-+$/, '');            // Trim - from end of text
}

Promise.promisifyAll(fs);
// const archiveFiles = [
//   'style.css',
//   'screenshot.png',
//   '*.php'
// ];
// const builtFiles = [
//   'js/*'
// ];
const watchedFiles = [
  'src/markdown/**/*'
];

// const themeName = 'reago';

function buildClient(watch, done) {
  var bundler =
    browserify('./src/index.js', { debug: true })
      .plugin(pathmod, {mods: [
        pathmod.mod.dir('node_modules', __dirname + '/node_modules'),
      ]})
      // Transform JSX      https://github.com/andreypopp/reactify/issues/58
      // Fix unexpected ... https://github.com/babel/babel-loader/issues/170
      .transform(babelify, { presets: ['es2015', 'stage-0', 'react'] });
  return new Promise(function (resolve, reject) {
    bundler.bundle()
      .on('error', function(err) { console.error(err); this.emit('end'); })
      .pipe(source('bundle.react.js'))
      .pipe(buffer())
      // .pipe(uglify())
      .pipe(sourcemaps.init({ loadMaps: true }))
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest('./js'))
      .on('end', resolve);
  });
}

function extractMarkdown() {
  // return new Promise(function (resolve, reject) {
    return fs.readdirAsync('src/markdown')
    .then(subdirs => Promise.reduce(
      subdirs,
      (carry, dir) =>
        fs.readdirAsync('src/markdown/' + dir)
        .then(files => Promise.reduce(
          files,
          (carry, f) => fs.readFileAsync('src/markdown/' + dir + '/' + f)
            .then(buf => buf.toString())
            .then(content => {
              const title = path.basename(f, '.md');
              return carry.concat({
                title,
                path: '/' + slugify(title),
                content
              });
            }),
          []
        ))
        .then(items => carry.concat({ title: dir, path: '/' + slugify(dir), items })),
      []
    ))
    .then(JSON.stringify)
    .then(markdownJson => fs.writeFileAsync('src/markdown.json', markdownJson))
  // });
}

// function makeZip(cb) {
//   return extractThemeVersion()
//     .then(themeVersion => {
//       var base = 'dist/' + themeVersion;
//       var tmp = base + '/reago';
//       var rebasedFiles = base + '/**/*';
//       es.concat(
//           gulp.src(archiveFiles)
//               .pipe(gulp.dest(tmp)),
//             gulp.src(builtFiles)
//                 .pipe(gulp.dest( tmp + '/js')),
//           gulp.src(rebasedFiles, { base })
//               .pipe(zip(themeName + '-' + themeVersion + '.zip'))
//               .pipe(gulp.dest('dist'))
//       ).on('end', cb)
//     });
// }

gulp.task('watch', function() {
  gulp.watch(['src'], buildClient);
  gulp.watch(watchedFiles, extractMarkdown);
});

gulp.task('buildClient', function() {
  return buildClient();
});

gulp.task('extractMarkdown', function() {
  return extractMarkdown();
});

// gulp.task('makeZip', makeZip);

gulp.task('default', gulp.series('buildClient', 'extractMarkdown', 'watch'));