gulpfile.js

var gulp = require('gulp'),
    runSequence = require("run-sequence"),
    clean = require('gulp-clean'),
    rename = require('gulp-rename'),
    intercept = require('gulp-intercept');

var distPath = 'site/';
var versionTag = process.env.VERSION_TAG;

var splitNameToPath = function(path) {
  // dx-react-grid-bs3\... ==> react\grid\bs3\...
  return path
    .replace(/dx-/, '')
    .replace(/-/g, '/');
};

var extractMDTitle = function(content) {
  var matches = /^\s*#\s*([^#]+?)\s*$/m.exec(content);
  return matches ? matches[1] : undefined;
};

var formatFrontMatter = function(title) {
  return `---${title ? '\ntitle: ' + title: ''}\n---\n\n`;
};

var addFrontMatter = function(content) {
    var title = extractMDTitle(content),
        frontMatter = formatFrontMatter(title);

    return frontMatter + content;
};

var patchMDLinks = function(content) {
  return content
    .replace(/http\:\/\/devexpress\.github\.io/g, '')
    .replace(/(?:(?:\.\.)\/)+(dx-.+?\.md)/g, function(match, path) {
      return '{{site.baseurl}}/'+
        splitNameToPath(path)
        .replace(/readme\.md/i, '');
    })
    .replace(/readme\.md/i, '../');
};

var patchMDTables = function(content) {
  var lines = content.split('\n');

  var withinTable = false;
  var index = 0;
  while(index < lines.length) {
    if (!withinTable && lines[index].indexOf('-|-') > -1) withinTable = true;
    if (withinTable && lines[index].indexOf('|') === -1) {
      withinTable = false;
      lines.splice(index, 0, '{: .table.table-bordered.table-striped }');
    }
    index = index + 1;
  }

  return lines.join('\n');
};

var applyInterceptors = function(content, ...interceptors) {
  return interceptors.reduce((result, interceptor) => {
    return interceptor(result);
  }, content);
};

var injectLiveDemos = function(content) {
  return content
    .replace(
      /\.embedded\-demo\(([^\(\)]*)\)/g,
      function(match, p1) {
        var data = { path: p1 };
        try {
          data = JSON.parse(p1);
        } catch (e) {}

        const options = {
          ...data,
          path: `/demo/${data.path}`,
          scriptPath: `/devextreme-reactive/react/grid/demos/dist/index.js?v=${new Date().getTime()}`,
        };
        return `<div
          class="embedded-demo"
          data-options='${JSON.stringify(options)}'
        >
          <div class="loading-shading">
            <span class="glyphicon glyphicon-refresh loading-icon"></span>
          </div>
        </div>`
      });
};

gulp.task('site:clean', function() {
  return gulp.src(
      ['react'].map(function(dir) { return distPath + dir; }),
      { read: false }
    )
    .pipe(clean());
});

gulp.task('site:docs', function() {
  return gulp.src([
      'packages/**/*.md',
      '!packages/**/LICENSE.md',
      '!packages/dx-react-demos/**/*',
      '!packages/dx-testing/**/*',
      '!/**/node_modules/**/*'
    ])
    .pipe(rename(function(path) {
      path.dirname = splitNameToPath(path.dirname);
      path.basename = path.basename
        .replace(/readme/i, 'index');
    }))
    .pipe(intercept(function(file){
      if(file.contents) {
        var content = applyInterceptors(
          file.contents.toString(),
          patchMDLinks,
          patchMDTables,
          injectLiveDemos,
          addFrontMatter
        );
        file.contents = new Buffer(content);
      }
      return file;
    }))
    .pipe(gulp.dest(distPath));
});

gulp.task('site:demos', function() {
  return gulp.src(['packages/dx-react-demos/dist/*'])
    .pipe(gulp.dest(distPath + 'react/grid/demos/dist/'));
});

gulp.task('site', function(done) {
  runSequence(
    'site:clean',
    'site:docs',
    'site:demos',
    done
  );
});