index.js

#!/usr/bin/env node

const fs = require("fs");
const path = require("path");
const styles = require("./styles.js");

if (process.argv.length < 3) {
  console.error("Component name should be provided");
  process.exit(1);
}

const componentName = process.argv[process.argv.length - 1];

const dir = path.join(process.cwd(), componentName);

if (!fs.existsSync(dir)) {
  fs.mkdirSync(dir);
}

function writeToFile(name, getData = () => "") {
  const pathToFile = path.join(dir, name);
  const componentName = path.basename(dir);
  fs.writeFile(
    path.join(dir, name),
    getData(componentName),
    { encoding: "utf8" },
    err => {
      if (err) {
        console.error("Error writing file!", err);
        process.exit(1);
      } else {
        console.log("Creating", pathToFile);
      }
    }
  );
}

const toLower = str => `${str.charAt(0).toLowerCase()}${str.slice(1)}`;

writeToFile("operations.graphql");
writeToFile(
  "index.js",
  componentName => `import React from 'react';
import cs from './styles';

const ${componentName} = () => (
  <div className={cs.${toLower(componentName)}}>👋</div>
);

export default ${componentName};`
);

const getStylesContent = componentName =>
  styles[componentName]
    ? styles[componentName]
    : `.${toLower(componentName)} {

}`;
writeToFile("styles.module.css", getStylesContent);