feat(staticserver): add option for use ssl into the static server

docs/scully-cmd-line.md

@@ -11,7 +11,8 @@ Scully CLI has the following options available:
   - [project](#project)
   - [baseFilter](#basefilter)
   - [removeStaticDist](#removestaticdist)
-  - [open](#openNavigator)
+  - [open](#open)
+  - [ssl](#ssl)
 
 ## serve
 
@@ -76,3 +77,11 @@ npx scully serve/watch --open
 ```
 
 Alias `--o`. Open the default browser and show the scully dist.
+
+## ssl
+
+```bash
+npx scully serve/watch --ssl
+```
+
+Run the scully server with ssl.

scully/package.json

@@ -23,7 +23,8 @@
     "puppeteer": "^2.0.0",
     "yamljs": "^0.3.0",
     "yargs": "^14.2.0",
-    "open": "^7.0.2"
+    "open": "^7.0.2",
+    "selfsigned": "^1.10.7"
   },
   "author": "@herodevs",
   "license": "MIT",

scully/utils/cli-options.ts

@@ -24,3 +24,8 @@ export const {openNavigator} = yargs
   .alias('o', 'openNavigator')
   .alias('open', 'openNavigator')
   .describe('o', 'Use this flag for open the browser with the serve').argv;
+
+export const {ssl} = yargs
+  .boolean('ssl')
+  .default('ssl', false)
+  .describe('ssl', 'Add self ssl into the server').argv;

scully/utils/staticServer.ts

@@ -2,10 +2,15 @@ import {join} from 'path';
 import {traverseAppRoutes} from '../routerPlugins/traverseAppRoutesPlugin';
 import {scullyConfig} from './config';
 import {log, logError, yellow} from './log';
+import {ssl} from '../utils/cli-options';
+
 const express = require('express');
+const https = require('https');
+const selfsigned = require('selfsigned');
 
 let angularServerInstance: {close: () => void};
 let scullyServerInstance: {close: () => void};
+let httpsServer;
 
 export async function staticServer(port?: number) {
   try {
@@ -29,13 +34,36 @@ export async function staticServer(port?: number) {
     scullyServer.use(express.static(scullyConfig.outDir, options));
     scullyServer.get('/', (req, res) => res.sendFile(join(distFolder, '/index.html')));
 
-    scullyServerInstance = scullyServer.listen(port, scullyConfig.hostName, x => {
-      log(
-        `Scully static server started on "${yellow(
-          `http://${scullyConfig.hostName}:${scullyConfig.staticport}/`
-        )}"`
+    if (!ssl) {
+      scullyServerInstance = scullyServer.listen(port, scullyConfig.hostName, x => {
+        log(
+          `Scully static server started on "${yellow(
+            `http://${scullyConfig.hostName}:${scullyConfig.staticport}/`
+          )}"`
+        );
+      });
+    } else {
+      const attrs = [
+        {name: 'scully', value: `${scullyConfig.hostName}:${scullyConfig.staticport}`, type: 'RSAPublicKey'},
+      ];
+      const pems = selfsigned.generate(attrs, {days: 365});
+      // serve the API with signed certificate on 443 (SSL/HTTPS) port
+      httpsServer = https.createServer(
+        {
+          key: pems.private,
+          cert: pems.cert,
+        },
+        scullyServer
       );
-    });
+
+      httpsServer.listen(port, () => {
+        log(
+          `Scully static server started on "${yellow(
+            `https://${scullyConfig.hostName}:${scullyConfig.staticport}/`
+          )}"`
+        );
+      });
+    }
 
     const angularDistServer = express();
     angularDistServer.get('/_pong', (req, res) => {
@@ -79,4 +107,7 @@ export function closeExpress() {
   if (angularServerInstance && angularServerInstance.close) {
     angularServerInstance.close();
   }
+  if (httpsServer) {
+    httpsServer.close();
+  }
 }