feat(cli): Added new info command (#814)

Author: jamesgeorge007

.github/PULL_REQUEST_TEMPLATE.md

@@ -17,4 +17,4 @@
 
 **Other information**
 
-<!-- Node version, npm version, CLI version, operating system, browser -->
+Please paste the results of `preact info` here.

.github/issue_template.md

@@ -15,8 +15,4 @@
 
 **Please mention other relevant information.**
 
-- Node version
-- npm version
-- Operating system
-- CLI version
-- Browser
+Please paste the results of `preact info` here.

README.md

@@ -141,6 +141,10 @@ Lists all the official preactjs-cli repositories
 $ preact list
 ```
 
+#### preact info
+
+Prints debugging information concerning the local environment.
+
 ### Deploying
 
 ```sh
@@ -292,14 +296,15 @@ preact watch --template src/template.html
 
 ### Using CSS preprocessors
 
-The default templates comes with a `.css` file for each component. You can start using CSS preprocessors at any given time during your project lifecycle by installing additional packages and then simply replacing those `.css` files. 
+The default templates comes with a `.css` file for each component. You can start using CSS preprocessors at any given time during your project lifecycle by installing additional packages and then simply replacing those `.css` files.
 
 #### [SASS]
 
 - `npm install --save-dev node-sass sass-loader` (inside your preact application folder)
 - start replacing `.css` files with `.scss` files
 
 #### [LESS]
+
 - `npm install --save-dev less less-loader` (inside your preact application folder)
 - start replacing `.css` files with `.less` files
 
@@ -327,5 +332,5 @@ The default templates comes with a `.css` file for each component. You can start
 [service workers]: https://developers.google.com/web/fundamentals/getting-started/primers/service-workers
 [customize babel]: https://github.com/developit/preact-cli/wiki/Config-Recipes#customising-babel-options-using-loader-helpers
 [`async!`]: https://github.com/developit/preact-cli/blob/222e7018dd360e40f7db622191aeca62d6ef0c9a/examples/full/src/components/app.js#L7
-[SASS]: https://sass-lang.com
-[LESS]: http://lesscss.org
+[sass]: https://sass-lang.com
+[less]: http://lesscss.org

packages/cli/lib/index.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+const envinfo = require('envinfo');
 const sade = require('sade');
 const notifier = require('update-notifier');
 const { error } = require('./util');
@@ -92,4 +93,27 @@ prog
 	.option('-p, --port', 'Set server port', 8080)
 	.action(commands.watch);
 
+prog
+	.command('info')
+	.describe('Print out debugging information about the local environment')
+	.action(() => {
+		console.log();
+		console.log('Environment Info:');
+		envinfo
+			.run({
+				System: ['OS', 'CPU'],
+				Binaries: ['Node', 'Yarn', 'npm'],
+				Browsers: ['Chrome', 'Edge', 'Firefox', 'Safari'],
+				npmPackages: [
+					'preact',
+					'preact-compat',
+					'preact-cli',
+					'preact-router',
+					'preact-render-to-string',
+				],
+				npmGlobalPackages: ['preact-cli'],
+			})
+			.then(console.log);
+	});
+
 prog.parse(process.argv);

packages/cli/package.json

@@ -86,6 +86,7 @@
     "cross-spawn-promise": "^0.10.1",
     "css-loader": "^2.1.1",
     "ejs-loader": "^0.3.3",
+    "envinfo": "^7.3.1",
     "esm": "^3.2.25",
     "fast-async": "^6.3.7",
     "file-loader": "^3.0.1",