Import to React Lazy

import2lazy.js

const { execSync } = require('child_process');
const os = require('os');
const path = require('path');
const fs = require('fs');

const tempFile = path.resolve(os.tmpdir(), 'importFile.js');
const IMPORT_REGEX = /import\s+(\S+)\s+from\s+['|"](\S+)['|"]/gm;
let result;
let output = '';

fs.writeFileSync(tempFile, '');

execSync(`vi ${tempFile}`, { stdio: 'inherit' });

const inputImports = fs.readFileSync(tempFile).toString();

const kebabCase = (string) =>
  string
    .replace(/([a-z])([A-Z])/g, '$1-$2')
    .replace(/[\s_]+/g, '-')
    .toLowerCase();

while ((result = IMPORT_REGEX.exec(inputImports)) !== null) {
  const componentName = result[1];
  const filePath = result[2];
  const out = `const ${componentName} = React.lazy(()=> import(/* webpackChunkName: '${kebabCase(
    componentName
  )}'*/ '${filePath}'));`;
  output += out + '\n';
}

fs.writeFileSync(tempFile, output, { encoding: 'utf-8' });

execSync(`pbcopy < ${tempFile}`);
console.log('Sucessful, copied to clipboard!');