Update CLI interface

Author: Atanas Strahilov

README.md

@@ -33,6 +33,16 @@ Also, you can always switch to another file/folder structure if the current one
 
 Just keep in mind that the styles should be located in `assets/styles` and the scripts should be located in `assets/scripts`.
 
+## Zero config and fast installation
+
+Navigate to your new project's folder and execute the following command:
+
+```sh
+npx webpack-mpa-ts && npm i && npm start
+```
+
+This will install Webpack-MPA in your project folder and you will be able to start right away.
+
 ## Download
 
 You can download this setup [directly](https://github.com/scriptex/webpack-mpa-ts/archive/master.zip) and extract it.
@@ -56,17 +66,15 @@ Then navigate to the `webpack-mpa-ts` folder and proceed with the rest of the in
 It is possible to use the CLI tool included in Webpack MPA TS. In order to do this you must install Webpack MPA TS globally:
 
 ```sh
-npm i webpack-mpa-ts ncp -g
+npm i webpack-mpa-ts -g
 ```
 
 or
 
 ```sh
-yarn global add webpack-mpa-ts ncp
+yarn global add webpack-mpa-ts
 ```
 
-`ncp` is a peer dependency and is needed for the CLI interface. If you don't install it you will not be able to use the `wmpats` binary.
-
 The `wmpats` binary is now available for you to use.
 
 Go to your new project folder and execute

bin/cli.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+/**
+ * Node dependencies
+ */
+const { join } = require('path');
+/**
+ * Internal dependencies
+ */
+const { copyDir } = require('./copy');
+
+const shouldSkip = name => name === 'node_modules' || name === 'bin' || name[0] === '.';
+
+copyDir(join(__dirname, '../'), process.env.PWD, shouldSkip);
+
+console.log('Webpack MPA Next is now setup! Run "npm i" or "yarn" to continue');

bin/copy.js

@@ -0,0 +1,56 @@
+const { join } = require('path');
+
+const {
+	lstatSync,
+	mkdirSync,
+	symlinkSync,
+	readdirSync,
+	readlinkSync,
+	createReadStream,
+	createWriteStream
+} = require('fs');
+
+const mkdir = dir => {
+	try {
+		mkdirSync(dir, 0755);
+	} catch (e) {
+		if (e.code !== 'EEXIST') {
+			throw e;
+		}
+	}
+};
+
+const copy = (src, dest) => {
+	const from = createReadStream(src);
+	const to = createWriteStream(dest);
+
+	from.pipe(to);
+};
+
+const copyDir = (src, dest, filter) => {
+	mkdir(dest);
+
+	const files = readdirSync(src);
+
+	for (const file of files) {
+		const from = join(src, file);
+		const to = join(dest, file);
+		const current = lstatSync(from);
+
+		if (typeof filter === 'function' && filter(file)) {
+			continue;
+		}
+
+		if (current.isDirectory()) {
+			copyDir(from, to);
+		} else if (current.isSymbolicLink()) {
+			const symlink = readlinkSync(from);
+
+			symlinkSync(symlink, to);
+		} else {
+			copy(from, to);
+		}
+	}
+};
+
+module.exports = { mkdir, copy, copyDir };

cli.js

@@ -1,6 +1,6 @@
 {
 	"name": "webpack-mpa-ts",
-	"version": "3.0.0",
+	"version": "3.0.1",
 	"description": "Multi page app setup with webpack",
 	"scripts": {
 		"build": "webpack --env.NODE_ENV=production",
@@ -46,7 +46,6 @@
 		"cssnano": "4.1.7",
 		"extract-text-webpack-plugin": "4.0.0-beta.0",
 		"file-loader": "2.0.0",
-		"ncp": "2.0.0",
 		"node-sass": "4.10.0",
 		"node-sass-magic-importer": "5.2.0",
 		"postcss-easy-import": "3.0.0",
@@ -67,16 +66,13 @@
 		"webpack-spritesmith": "0.5.4",
 		"yargs": "12.0.5"
 	},
-	"peerDependencies": {
-		"ncp": "2.0.0"
-	},
 	"browserslist": [
 		"> 1%",
 		"last 2 versions"
 	],
 	"main": "assets/scripts/main.ts",
 	"private": false,
 	"bin": {
-		"wmpants": "./cli.js"
+		"wmpats": "./bin/cli.js"
 	}
 }

package.json

@@ -5358,11 +5358,6 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-ncp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ncp/-/ncp-2.0.0.tgz#195a21d6c46e361d2fb1281ba38b91e9df7bdbb3"
-  integrity sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=
-
 ndarray-fill@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/ndarray-fill/-/ndarray-fill-1.0.2.tgz#a30a60f7188e0c9582fcdd58896acdcb522a1ed6"