An interactive script to declare react props

declare-props.js

const fs = require('fs');
const path = require('path');
const { CLIEngine } = require('eslint');
const readline = require('readline-sync');

const cli = new CLIEngine({
  parser: 'babel-eslint',
  useEslintrc: false,
  plugins: ['react'],
  rules: { 'react/prop-types': ['error', {}] }
});

const [_node, _script, ...files] = process.argv;
const report = cli.executeOnFiles(files);

const extractName = msg => msg.message.match(/'(.*)' is missing/)[1];
const extractComponent = filePath => path.basename(filePath, '.js');

const cache = {};
const getPropTypes = names => {
  const result = names
    .filter(name => !name.includes('.'))
    .reduce((acc, name) => {
      if (name === 'children') {
        acc[name] = 'PropTypes.node';
      } else if (name in cache) {
        acc[name] = cache[name];
      } else {
        const answer = readline.question(`${name}? `);
        cache[name] = answer;
        acc[name] = answer;
      }

      return acc;
    }, {});

  return JSON.stringify(result, null, 2)
    .replace(/"/g, '')
    .replace(':', ': ');
};

report.results.forEach(({ filePath, messages }) => {
  if (!messages.length) {
    return;
  }

  console.log(filePath);
  const component = extractComponent(filePath);
  const names = messages.map(extractName);
  const propTypes = getPropTypes(names);
  const line = `\n${component}.propTypes = ${propTypes};`;

  console.log('Writing!');
  fs.appendFileSync(filePath, line);

  console.log();
});