seperated dependency from package for installing dynamically

Author: AlokTakshak

README.md

@@ -0,0 +1 @@
+# create-react-webpack

scripts/create.js

@@ -1,6 +1,11 @@
 const path = require("path");
 const { copyDirectory, ErrorMessage, SuccessMessage } = require("./helper");
 const { SPECIALCHAR, TEMPLATE_PATH } = require("./constants");
+const {
+  installDependencies,
+  getDependencies,
+  getDevDependencies
+} = require("./dependencies");
 
 var args = process.argv.slice(2);
 var dirName = args[0];
@@ -19,5 +24,14 @@ if (dirName[0].match("^[A-Z0-9]")) {
   //using process.cwd for getting current path
   let destination = path.join(process.cwd() + "/" + args[0]);
   copyDirectory(TEMPLATE_PATH, destination);
+
+  let commands = [],
+    options;
+
+  commands.push(getDependencies());
+  commands.push(getDevDependencies());
+  options = { cwd: destination, stdio: "inherit" };
+
+  installDependencies(commands, options);
   console.log(SuccessMessage("Successfully created the directory"));
 }

scripts/dependencies.js

@@ -0,0 +1,76 @@
+const child_process = require("child_process");
+const { SuccessMessage } = require("./helper");
+
+const DEPENDENCIES = ["prop-types", "react", "react-dom", "react-hot-loader"];
+const DEV_DEPENDENCIES = [
+  "@babel/cli",
+  "@babel/core",
+  "@babel/plugin-proposal-class-properties",
+  "@babel/preset-env",
+  "@babel/preset-react",
+  "babel-loader",
+  "brotli-webpack-plugin",
+  "compression-webpack-plugin",
+  "css-loader",
+  "eslint",
+  "eslint-plugin-react",
+  "html-webpack-plugin",
+  "husky",
+  "jest",
+  "prettier",
+  "pretty-quick",
+  "style-loader",
+  "webpack",
+  "webpack-cli",
+  "webpack-dev-server",
+  "webpack-manifest-plugin",
+  "webpack-merge"
+];
+
+/**
+ * Returns npm command for installing dependencies
+ */
+function getDependencies() {
+  var installCommand = "npm install --save";
+  DEPENDENCIES.forEach(dependency => {
+    installCommand += ` ${dependency} `;
+  });
+  return installCommand;
+}
+
+/**
+ * Returns npm command for installing dev-dependencies
+ */
+function getDevDependencies() {
+  var installCommand = "npm install --save-dev";
+  DEV_DEPENDENCIES.forEach(dependency => {
+    installCommand += ` ${dependency} `;
+  });
+  return installCommand;
+}
+
+/**
+ *
+ * @param {Array<String>} commands list of commands needs to be executed
+ * @param {Object} options
+ * @param {String} options.cwd directory where you want to execute command
+ * @param {String} options.stdio process's stdio config
+ */
+function installDependencies(commands, options) {
+  options.stdio = options.stdio || "inherit";
+  //cleaning the npm cache
+  child_process.execSync("npm cache clean  --force", options);
+
+  if (commands) {
+    try {
+      commands.forEach(command => {
+        console.log(SuccessMessage(command));
+        child_process.execSync(command, options);
+      });
+    } catch (error) {
+      throw error;
+    }
+  }
+}
+
+module.exports = { installDependencies, getDependencies, getDevDependencies };

scripts/helper.js

@@ -4,7 +4,7 @@ const chalk = require("chalk");
 const { UNNECESSORYFOLDERS } = require("./constants");
 
 /**
- *@summary copies the directory content from source to destination directory
+ * @summary copies the directory content from source to destination directory
  * @param {String} source path of source file
  * @param {String} destination  path of destination file
  */
@@ -35,18 +35,24 @@ function copyDirectory(source, destination) {
 }
 
 /**
- *@summary copies the file content from source to destination file
+ * @summary copies the file content from source to destination file
  * @param {String} source path of source file
  * @param {String} destination  path of destination file
  */
 function copyFile(source, destination) {
-  var inputFile = fs.createReadStream(source);
-  var outputFile = fs.createWriteStream(destination);
-  inputFile.pipe(outputFile);
+  var inputFile, outputFile;
+  if (source.match(".json$")) {
+    inputFile = JSON.parse(fs.readFileSync(source, "utf8"));
+    fs.writeFileSync(destination, JSON.stringify(inputFile, null, 2), "utf8");
+  } else {
+    inputFile = fs.createReadStream(source);
+    outputFile = fs.createWriteStream(destination);
+    inputFile.pipe(outputFile);
+  }
 }
 
 /**
- *
+ * Creates a directory from input
  * @param {String} destination path of destination directory
  */
 function createDirectory(destination) {

template/README.md

@@ -1 +1 @@
-# create-react-webpack
+# create-react-webpack