D8_rplf/core/scripts/js/babel-es6-watch.js

/**
 * @file
 *
 * Watch changes to *.es6.js files and compile them to ES5 during development.
 *
 * @internal This file is part of the core javascript build process and is only
 * meant to be used in that context.
 */

'use strict';

const fs = require('fs');
const path = require('path');
const babel = require('babel-core');
const chokidar = require('chokidar');

// Logging human-readable timestamp.
const log = function log(message) {
  // eslint-disable-next-line no-console
  console.log(`[${new Date().toTimeString().slice(0, 8)}] ${message}`);
};

function addSourceMappingUrl(code, loc) {
  return `${code}\n\n//# sourceMappingURL=${path.basename(loc)}`;
}

const fileMatch = './**/*.es6.js';
const watcher = chokidar.watch(fileMatch, {
  ignoreInitial: true,
  ignored: 'node_modules/**'
});

const changedOrAdded = (filePath) => {
  babel.transformFile(filePath, {
    sourceMaps: true,
    comments: false
  }, (err, result) => {
    const fileName = filePath.slice(0, -7);
    // we've requested for a sourcemap to be written to disk
    const mapLoc = `${fileName}.js.map`;

    fs.writeFileSync(mapLoc, JSON.stringify(result.map));
    fs.writeFileSync(`${fileName}.js`, addSourceMappingUrl(result.code, mapLoc));

    log(`'${filePath}' has been changed.`);
  });
};

const unlinkHandler = (err) => {
  if (err) {
    log(err);
  }
};

watcher
  .on('add', filePath => changedOrAdded(filePath))
  .on('change', filePath => changedOrAdded(filePath))
  .on('unlink', (filePath) => {
    const fileName = filePath.slice(0, -7);
    fs.stat(`${fileName}.js`, () => {
      fs.unlink(`${fileName}.js`, unlinkHandler);
    });
    fs.stat(`${fileName}.js.map`, () => {
      fs.unlink(`${fileName}.js.map`, unlinkHandler);
    });
  })
  .on('ready', () => log(`Watching '${fileMatch}' for changes.`));