feat(scully): Add option for open the browser after run the server. (#…

…292)

* feat(scully): add open option for serve and watchmode

* docs(scully-cmd-line): add documentation for open option in the CLI

* chore(cli-options): add open alias

docs/scully-cmd-line.md

@@ -11,6 +11,7 @@ Scully CLI has the following options available:
   - [project](#project)
   - [baseFilter](#basefilter)
   - [removeStaticDist](#removestaticdist)
+  - [open](#openNavigator)
 
 ## serve
 
@@ -67,3 +68,11 @@ npx scully --removeStaticDist
 ```
 
 Alias `--RSD`. Remove the static folder generated by Scully in previous renders.
+
+## open
+
+```bash
+npx scully serve/watch --open
+```
+
+Alias `--o`. Open the default browser and show the scully dist.

scully/package.json

@@ -22,7 +22,8 @@
     "marked": "^0.7.0",
     "puppeteer": "^2.0.0",
     "yamljs": "^0.3.0",
-    "yargs": "^14.2.0"
+    "yargs": "^14.2.0",
+    "open": "^7.0.2"
   },
   "author": "@herodevs",
   "license": "MIT",

scully/scully.ts

@@ -15,7 +15,8 @@ import {logError, logWarn, yellow} from './utils/log';
 import {startScully} from './utils/startup';
 import {waitForServerToBeAvailable} from './utils/waitForServerToBeAvailable';
 import {bootServe, isBuildThere, watchMode} from './watchMode';
-import {watch, removeStaticDist} from './utils/cli-options';
+import {watch, removeStaticDist, openNavigator} from './utils/cli-options';
+const open = require('open');
 
 /** the default of 10 is too shallow for generating pages. */
 require('events').defaultMaxListeners = 100;
@@ -40,6 +41,9 @@ if (process.argv.includes('version')) {
 
   if (process.argv.includes('serve')) {
     await bootServe(scullyConfig);
+    if (openNavigator) {
+      await open(`https://${scullyConfig.hostName}:${scullyConfig.staticport}/`);
+    }
   } else {
     const folder = join(scullyConfig.homeFolder, scullyConfig.distFolder);
     /** copy in current build artifacts */
@@ -63,6 +67,9 @@ You are using "${yellow(scullyConfig.hostUrl)}" as server.
         process.exit(15);
       }
     }
+    if (openNavigator) {
+      await open(`https://${scullyConfig.hostName}:${scullyConfig.staticport}/`);
+    }
     if (watch) {
       watchMode(
         join(scullyConfig.homeFolder, scullyConfig.distFolder) ||

scully/utils/cli-options.ts

@@ -17,3 +17,10 @@ export const {argv: options} = yargs.option('port', {
   type: 'number',
   description: 'The port to run on',
 });
+
+export const {openNavigator} = yargs
+  .boolean('o')
+  .default('o', false)
+  .alias('o', 'openNavigator')
+  .alias('open', 'openNavigator')
+  .describe('o', 'Use this flag for open the browser with the serve').argv;