From e8aac11f7086979de7a1dd0195f65d3bfd216bcd Mon Sep 17 00:00:00 2001
From: sumitparakh <sumit.thecoder@gmail.com>
Date: Fri, 15 Nov 2019 01:29:48 +0530
Subject: [PATCH 1/4] feature(ui): ts-stats library added

klingon-server update

backend changes
---
 packages/klingon-server/package-lock.json | 416 ++++++++++++++++++++++
 packages/klingon-server/package.json      |   1 +
 2 files changed, 417 insertions(+)

diff --git a/packages/klingon-server/package-lock.json b/packages/klingon-server/package-lock.json
index 1e46ebd..04d524c 100644
--- a/packages/klingon-server/package-lock.json
+++ b/packages/klingon-server/package-lock.json
@@ -4,6 +4,26 @@
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
+		"@compodoc/ts-stats": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/@compodoc/ts-stats/-/ts-stats-1.1.1.tgz",
+			"integrity": "sha512-BWP0sObXXHMv8cIgPU5G3ng4oNhy9IDATdWH4cJOqzZTa4gyQJrCjXZ0chykodNB2FxsOKqln6SjfbZaHPKq7g==",
+			"requires": {
+				"cli-table": "^0.3.1",
+				"commander": "^2.15.1",
+				"ora": "^2.0.0",
+				"ts-simple-ast": "^10.3.0"
+			}
+		},
+		"@dsherret/to-absolute-glob": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@dsherret/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz",
+			"integrity": "sha1-H2R13IvZdM6gei2vOGSzF7HdMyw=",
+			"requires": {
+				"is-absolute": "^1.0.0",
+				"is-negated-glob": "^1.0.0"
+			}
+		},
 		"accepts": {
 			"version": "1.3.5",
 			"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz",
@@ -18,16 +38,52 @@
 			"resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
 			"integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8="
 		},
+		"ansi-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
+			"integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
+		},
+		"ansi-styles": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+			"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+			"requires": {
+				"color-convert": "^1.9.0"
+			}
+		},
+		"array-differ": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
+			"integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE="
+		},
 		"array-flatten": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
 			"integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
 		},
+		"array-union": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+			"integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+			"requires": {
+				"array-uniq": "^1.0.1"
+			}
+		},
+		"array-uniq": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+			"integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY="
+		},
 		"arraybuffer.slice": {
 			"version": "0.0.7",
 			"resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
 			"integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog=="
 		},
+		"arrify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+			"integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0="
+		},
 		"async-limiter": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
@@ -38,6 +94,11 @@
 			"resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
 			"integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc="
 		},
+		"balanced-match": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+			"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
+		},
 		"base64-arraybuffer": {
 			"version": "0.1.5",
 			"resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
@@ -78,6 +139,15 @@
 				"type-is": "~1.6.16"
 			}
 		},
+		"brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"requires": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
 		"bytes": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -88,6 +158,70 @@
 			"resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
 			"integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA="
 		},
+		"chalk": {
+			"version": "2.4.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+			"integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+			"requires": {
+				"ansi-styles": "^3.2.1",
+				"escape-string-regexp": "^1.0.5",
+				"supports-color": "^5.3.0"
+			}
+		},
+		"cli-cursor": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+			"integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+			"requires": {
+				"restore-cursor": "^2.0.0"
+			}
+		},
+		"cli-spinners": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-1.3.1.tgz",
+			"integrity": "sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg=="
+		},
+		"cli-table": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/cli-table/-/cli-table-0.3.1.tgz",
+			"integrity": "sha1-9TsFJmqLGguTSz0IIebi3FkUriM=",
+			"requires": {
+				"colors": "1.0.3"
+			}
+		},
+		"clone": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+			"integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4="
+		},
+		"code-block-writer": {
+			"version": "6.13.0",
+			"resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-6.13.0.tgz",
+			"integrity": "sha1-lHOjoMJsmoYMOItrIY5AMbvGH+A="
+		},
+		"color-convert": {
+			"version": "1.9.3",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+			"integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+			"requires": {
+				"color-name": "1.1.3"
+			}
+		},
+		"color-name": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+			"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
+		},
+		"colors": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz",
+			"integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs="
+		},
+		"commander": {
+			"version": "2.20.3",
+			"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+			"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+		},
 		"component-bind": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
@@ -103,6 +237,11 @@
 			"resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
 			"integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM="
 		},
+		"concat-map": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+			"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+		},
 		"content-disposition": {
 			"version": "0.5.2",
 			"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
@@ -140,6 +279,14 @@
 				"ms": "2.0.0"
 			}
 		},
+		"defaults": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+			"integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
+			"requires": {
+				"clone": "^1.0.2"
+			}
+		},
 		"depd": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
@@ -248,6 +395,11 @@
 			"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
 			"integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
 		},
+		"escape-string-regexp": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+			"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
+		},
 		"etag": {
 			"version": "1.8.1",
 			"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -397,6 +549,45 @@
 			"resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
 			"integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
 		},
+		"fs.realpath": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+			"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+		},
+		"glob": {
+			"version": "7.1.6",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+			"integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+			"requires": {
+				"fs.realpath": "^1.0.0",
+				"inflight": "^1.0.4",
+				"inherits": "2",
+				"minimatch": "^3.0.4",
+				"once": "^1.3.0",
+				"path-is-absolute": "^1.0.0"
+			}
+		},
+		"glob-parent": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+			"integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+			"requires": {
+				"is-glob": "^3.1.0",
+				"path-dirname": "^1.0.0"
+			}
+		},
+		"globby": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+			"integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+			"requires": {
+				"array-union": "^1.0.1",
+				"glob": "^7.0.3",
+				"object-assign": "^4.0.1",
+				"pify": "^2.0.0",
+				"pinkie-promise": "^2.0.0"
+			}
+		},
 		"has-binary2": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
@@ -410,6 +601,11 @@
 			"resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
 			"integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk="
 		},
+		"has-flag": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+			"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0="
+		},
 		"http-errors": {
 			"version": "1.6.3",
 			"resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
@@ -434,6 +630,15 @@
 			"resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
 			"integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10="
 		},
+		"inflight": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+			"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+			"requires": {
+				"once": "^1.3.0",
+				"wrappy": "1"
+			}
+		},
 		"inherits": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
@@ -444,11 +649,67 @@
 			"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz",
 			"integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4="
 		},
+		"is-absolute": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
+			"integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
+			"requires": {
+				"is-relative": "^1.0.0",
+				"is-windows": "^1.0.1"
+			}
+		},
+		"is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
+		},
+		"is-glob": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+			"integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+			"requires": {
+				"is-extglob": "^2.1.0"
+			}
+		},
+		"is-negated-glob": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz",
+			"integrity": "sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI="
+		},
+		"is-relative": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+			"integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+			"requires": {
+				"is-unc-path": "^1.0.0"
+			}
+		},
+		"is-unc-path": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+			"integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+			"requires": {
+				"unc-path-regex": "^0.1.2"
+			}
+		},
+		"is-windows": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+			"integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA=="
+		},
 		"isarray": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
 			"integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
 		},
+		"log-symbols": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz",
+			"integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==",
+			"requires": {
+				"chalk": "^2.0.1"
+			}
+		},
 		"media-typer": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -482,11 +743,35 @@
 				"mime-db": "~1.36.0"
 			}
 		},
+		"mimic-fn": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+			"integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ=="
+		},
+		"minimatch": {
+			"version": "3.0.4",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+			"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+			"requires": {
+				"brace-expansion": "^1.1.7"
+			}
+		},
 		"ms": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 			"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
 		},
+		"multimatch": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/multimatch/-/multimatch-2.1.0.tgz",
+			"integrity": "sha1-nHkGoi+0wCkZ4vX3UWG0zb1LKis=",
+			"requires": {
+				"array-differ": "^1.0.0",
+				"array-union": "^1.0.1",
+				"arrify": "^1.0.0",
+				"minimatch": "^3.0.0"
+			}
+		},
 		"nan": {
 			"version": "2.14.0",
 			"resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
@@ -523,6 +808,35 @@
 				"ee-first": "1.1.1"
 			}
 		},
+		"once": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+			"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+			"requires": {
+				"wrappy": "1"
+			}
+		},
+		"onetime": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+			"integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+			"requires": {
+				"mimic-fn": "^1.0.0"
+			}
+		},
+		"ora": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/ora/-/ora-2.1.0.tgz",
+			"integrity": "sha512-hNNlAd3gfv/iPmsNxYoAPLvxg7HuPozww7fFonMZvL84tP6Ox5igfk5j/+a9rtJJwqMgKK+JgWsAQik5o0HTLA==",
+			"requires": {
+				"chalk": "^2.3.1",
+				"cli-cursor": "^2.1.0",
+				"cli-spinners": "^1.1.0",
+				"log-symbols": "^2.2.0",
+				"strip-ansi": "^4.0.0",
+				"wcwidth": "^1.0.1"
+			}
+		},
 		"parseqs": {
 			"version": "0.0.5",
 			"resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
@@ -544,11 +858,39 @@
 			"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
 			"integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
 		},
+		"path-dirname": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+			"integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA="
+		},
+		"path-is-absolute": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+			"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+		},
 		"path-to-regexp": {
 			"version": "0.1.7",
 			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
 			"integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
 		},
+		"pify": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+			"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
+		},
+		"pinkie": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+			"integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
+		},
+		"pinkie-promise": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+			"integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+			"requires": {
+				"pinkie": "^2.0.0"
+			}
+		},
 		"proxy-addr": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz",
@@ -579,6 +921,15 @@
 				"unpipe": "1.0.0"
 			}
 		},
+		"restore-cursor": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+			"integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+			"requires": {
+				"onetime": "^2.0.0",
+				"signal-exit": "^3.0.2"
+			}
+		},
 		"safe-buffer": {
 			"version": "5.1.1",
 			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
@@ -632,6 +983,11 @@
 			"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
 			"integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
 		},
+		"signal-exit": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
+			"integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
+		},
 		"socket.io": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz",
@@ -716,11 +1072,48 @@
 			"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
 			"integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow="
 		},
+		"strip-ansi": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+			"integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+			"requires": {
+				"ansi-regex": "^3.0.0"
+			}
+		},
+		"supports-color": {
+			"version": "5.5.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+			"integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+			"requires": {
+				"has-flag": "^3.0.0"
+			}
+		},
 		"to-array": {
 			"version": "0.1.4",
 			"resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
 			"integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
 		},
+		"ts-simple-ast": {
+			"version": "10.5.0",
+			"resolved": "https://registry.npmjs.org/ts-simple-ast/-/ts-simple-ast-10.5.0.tgz",
+			"integrity": "sha1-RynbFrkRrbZTY5TW5jyKf5ePre4=",
+			"requires": {
+				"@dsherret/to-absolute-glob": "^2.0.2",
+				"code-block-writer": "6.13.0",
+				"glob-parent": "^3.1.0",
+				"globby": "^6.1.0",
+				"is-negated-glob": "^1.0.0",
+				"multimatch": "^2.1.0",
+				"object-assign": "^4.1.1",
+				"tslib": "^1.9.0",
+				"typescript": "2.8.1"
+			}
+		},
+		"tslib": {
+			"version": "1.10.0",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+			"integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+		},
 		"type-is": {
 			"version": "1.6.16",
 			"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
@@ -730,11 +1123,21 @@
 				"mime-types": "~2.1.18"
 			}
 		},
+		"typescript": {
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-2.8.1.tgz",
+			"integrity": "sha512-Ao/f6d/4EPLq0YwzsQz8iXflezpTkQzqAyenTiw4kCUGr1uPiFLC3+fZ+gMZz6eeI/qdRUqvC+HxIJzUAzEFdg=="
+		},
 		"ultron": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz",
 			"integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og=="
 		},
+		"unc-path-regex": {
+			"version": "0.1.2",
+			"resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+			"integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo="
+		},
 		"unpipe": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -750,6 +1153,19 @@
 			"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
 			"integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
 		},
+		"wcwidth": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+			"integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=",
+			"requires": {
+				"defaults": "^1.0.3"
+			}
+		},
+		"wrappy": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+			"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+		},
 		"ws": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/ws/-/ws-2.3.1.tgz",
diff --git a/packages/klingon-server/package.json b/packages/klingon-server/package.json
index dc5ec1e..9356a9c 100644
--- a/packages/klingon-server/package.json
+++ b/packages/klingon-server/package.json
@@ -11,6 +11,7 @@
         "server"
     ],
     "dependencies": {
+        "@compodoc/ts-stats": "^1.1.1",
         "body-parser": "^1.17.2",
         "cors": "^2.8.4",
         "express": "^4.15.3",

From 597a5dfa5dc2caa6b29e4357a1a9911432b04909 Mon Sep 17 00:00:00 2001
From: sumitparakh <sumit.thecoder@gmail.com>
Date: Sat, 16 Nov 2019 00:20:42 +0530
Subject: [PATCH 2/4] feat(ui): new ui update

dashboard component and routing module added.

changes
---
 .../klingon-ui/src/app/app-routing.module.ts  | 15 +++++++++++
 packages/klingon-ui/src/app/app.module.ts     |  6 ++++-
 .../klingon-ui/src/app/cli/cli.service.ts     |  4 ++-
 .../src/app/dashboard/dashboard.component.css |  0
 .../app/dashboard/dashboard.component.html    |  1 +
 .../app/dashboard/dashboard.component.spec.ts | 25 +++++++++++++++++++
 .../src/app/dashboard/dashboard.component.ts  | 15 +++++++++++
 .../src/app/dashboard/dashboard.module.ts     | 13 ++++++++++
 packages/klingon-ui/tsconfig.json             |  4 +--
 9 files changed, 79 insertions(+), 4 deletions(-)
 create mode 100644 packages/klingon-ui/src/app/app-routing.module.ts
 create mode 100644 packages/klingon-ui/src/app/dashboard/dashboard.component.css
 create mode 100644 packages/klingon-ui/src/app/dashboard/dashboard.component.html
 create mode 100644 packages/klingon-ui/src/app/dashboard/dashboard.component.spec.ts
 create mode 100644 packages/klingon-ui/src/app/dashboard/dashboard.component.ts
 create mode 100644 packages/klingon-ui/src/app/dashboard/dashboard.module.ts

diff --git a/packages/klingon-ui/src/app/app-routing.module.ts b/packages/klingon-ui/src/app/app-routing.module.ts
new file mode 100644
index 0000000..e3aab41
--- /dev/null
+++ b/packages/klingon-ui/src/app/app-routing.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Route } from '@angular/router';
+const routes: Route[] = [
+  {
+    path: 'dashboard',
+    loadChildren: () =>
+      import('./dashboard/dashboard.module').then(m => m.DashboardModule)
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}
diff --git a/packages/klingon-ui/src/app/app.module.ts b/packages/klingon-ui/src/app/app.module.ts
index 2522807..2b20c4b 100644
--- a/packages/klingon-ui/src/app/app.module.ts
+++ b/packages/klingon-ui/src/app/app.module.ts
@@ -23,6 +23,8 @@ import { LogComponent } from './_shared/log/log.component';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { environment } from '../environments/environment';
+import { DashboardModule } from './dashboard/dashboard.module';
+import { AppRoutingModule } from './app-routing.module';
 
 @NgModule({
   declarations: [
@@ -46,7 +48,9 @@ import { environment } from '../environments/environment';
     BrowserAnimationsModule,
     MatModule,
     MatExpansionModule,
-    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
+    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
+    DashboardModule,
+    AppRoutingModule
   ],
   providers: [CliService],
   bootstrap: [AppComponent]
diff --git a/packages/klingon-ui/src/app/cli/cli.service.ts b/packages/klingon-ui/src/app/cli/cli.service.ts
index 7cce315..65963c1 100644
--- a/packages/klingon-ui/src/app/cli/cli.service.ts
+++ b/packages/klingon-ui/src/app/cli/cli.service.ts
@@ -15,7 +15,9 @@ export class CliService {
 
   constructor() {
     this.response$ = new Subject();
-    this.ws = new WebSocket(`ws://` + environment.host + `:` + environment.port + `/cli`);
+    this.ws = new WebSocket(
+      `ws://` + environment.host + `:` + environment.port + `/cli`
+    );
     this.ws.onopen = e => {
       this.isConnectionOn = true;
     };
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.css b/packages/klingon-ui/src/app/dashboard/dashboard.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.html b/packages/klingon-ui/src/app/dashboard/dashboard.component.html
new file mode 100644
index 0000000..9c5fce9
--- /dev/null
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.html
@@ -0,0 +1 @@
+<p>dashboard works!</p>
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.spec.ts b/packages/klingon-ui/src/app/dashboard/dashboard.component.spec.ts
new file mode 100644
index 0000000..9c996c3
--- /dev/null
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+  let component: DashboardComponent;
+  let fixture: ComponentFixture<DashboardComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DashboardComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DashboardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.ts b/packages/klingon-ui/src/app/dashboard/dashboard.component.ts
new file mode 100644
index 0000000..d18e3f6
--- /dev/null
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.module.ts b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
new file mode 100644
index 0000000..eb808ca
--- /dev/null
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DashboardComponent } from './dashboard.component';
+
+
+
+@NgModule({
+  declarations: [DashboardComponent],
+  imports: [
+    CommonModule
+  ]
+})
+export class DashboardModule { }
diff --git a/packages/klingon-ui/tsconfig.json b/packages/klingon-ui/tsconfig.json
index 7168743..f49d4d7 100644
--- a/packages/klingon-ui/tsconfig.json
+++ b/packages/klingon-ui/tsconfig.json
@@ -15,7 +15,7 @@
       "es2017",
       "dom"
     ],
-    "module": "es2015",
+    "module": "esnext",
     "baseUrl": "./"
   }
-}
\ No newline at end of file
+}

From de8deb9da66fc275e58b41185fd5edfb7d730ea4 Mon Sep 17 00:00:00 2001
From: sumitparakh <sumit.thecoder@gmail.com>
Date: Sat, 16 Nov 2019 10:43:20 +0530
Subject: [PATCH 3/4] feat(routing): routing added for dashboard, home

routing added

changes
---
 .../src/app/_shared/shared.module.ts          |  13 ++
 .../klingon-ui/src/app/app-routing.module.ts  |  14 +-
 packages/klingon-ui/src/app/app.component.css |  30 -----
 .../klingon-ui/src/app/app.component.html     |  70 +---------
 packages/klingon-ui/src/app/app.component.ts  | 116 +----------------
 packages/klingon-ui/src/app/app.module.ts     |  31 ++---
 packages/klingon-ui/src/app/cli/cli.module.ts |  34 +++++
 .../src/app/dashboard/dashboard.module.ts     |  13 +-
 .../src/app/home/home.component.css           |  30 +++++
 .../src/app/home/home.component.html          |  59 +++++++++
 .../src/app/home/home.component.spec.ts       |  25 ++++
 .../klingon-ui/src/app/home/home.component.ts | 122 ++++++++++++++++++
 .../klingon-ui/src/app/home/home.module.ts    |  33 +++++
 packages/klingon-ui/src/tsconfig.app.json     |   2 +-
 14 files changed, 350 insertions(+), 242 deletions(-)
 create mode 100644 packages/klingon-ui/src/app/_shared/shared.module.ts
 create mode 100644 packages/klingon-ui/src/app/cli/cli.module.ts
 create mode 100644 packages/klingon-ui/src/app/home/home.component.css
 create mode 100644 packages/klingon-ui/src/app/home/home.component.html
 create mode 100644 packages/klingon-ui/src/app/home/home.component.spec.ts
 create mode 100644 packages/klingon-ui/src/app/home/home.component.ts
 create mode 100644 packages/klingon-ui/src/app/home/home.module.ts

diff --git a/packages/klingon-ui/src/app/_shared/shared.module.ts b/packages/klingon-ui/src/app/_shared/shared.module.ts
new file mode 100644
index 0000000..b222abf
--- /dev/null
+++ b/packages/klingon-ui/src/app/_shared/shared.module.ts
@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { DropDownComponent } from './drop-down/drop-down.component';
+import { LogComponent } from './log/log.component';
+import { TerminalModule } from './terminal/terminal.module';
+import { CommonModule } from '@angular/common';
+import { MatExpansionModule } from '@angular/material/expansion';
+
+@NgModule({
+  declarations: [DropDownComponent, LogComponent],
+  imports: [TerminalModule, CommonModule, MatExpansionModule],
+  exports: [DropDownComponent, LogComponent]
+})
+export class SharedModule {}
diff --git a/packages/klingon-ui/src/app/app-routing.module.ts b/packages/klingon-ui/src/app/app-routing.module.ts
index e3aab41..e2b8a20 100644
--- a/packages/klingon-ui/src/app/app-routing.module.ts
+++ b/packages/klingon-ui/src/app/app-routing.module.ts
@@ -1,10 +1,20 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Route } from '@angular/router';
+import { HomeComponent } from './home/home.component';
+
 const routes: Route[] = [
+  {
+    path: '',
+    redirectTo: '',
+    pathMatch: 'full'
+  },
   {
     path: 'dashboard',
-    loadChildren: () =>
-      import('./dashboard/dashboard.module').then(m => m.DashboardModule)
+    loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule),
+  },
+  {
+    path: 'home',
+    component: HomeComponent
   }
 ];
 
diff --git a/packages/klingon-ui/src/app/app.component.css b/packages/klingon-ui/src/app/app.component.css
index 1eb69c3..e69de29 100644
--- a/packages/klingon-ui/src/app/app.component.css
+++ b/packages/klingon-ui/src/app/app.component.css
@@ -1,30 +0,0 @@
-:host mat-toolbar {
-    height: 149px;
-    position: fixed;
-    background-image: url('../assets/ngKlingon__white.png');
-    background-size: 90px;
-    background-repeat: no-repeat;
-    background-position: center top;
-}
-
-.mat-card {
-    background: white;
-    width: 70vw;
-    margin: 0 auto;
-    top: 100px;
-    padding: 0;
-}
-
-@media (max-width: 600px) {
-    .mat-card {
-        width: 99vw;
-    }
-}
-
-span.fill-remaining-space {
-    flex: 1 1 auto;
-}
-
-snack-bar-container.error-container {
-    background: red;
-}
diff --git a/packages/klingon-ui/src/app/app.component.html b/packages/klingon-ui/src/app/app.component.html
index 86fff04..0680b43 100644
--- a/packages/klingon-ui/src/app/app.component.html
+++ b/packages/klingon-ui/src/app/app.component.html
@@ -1,69 +1 @@
-<mat-toolbar color="primary">
-  <button mat-icon-button>
-    <mat-icon>dehaze</mat-icon>
-  </button>
-  <!-- <h1>ngKlingon</h1> -->
-  <span class="fill-remaining-space"></span>
-  <button mat-icon-button [matMenuTriggerFor]="menu">
-    <mat-icon>more_vert</mat-icon>
-  </button>
-  <mat-menu #menu="matMenu">
-    <button mat-menu-item>
-      <mat-icon>account_circle</mat-icon>
-      <span>About</span>
-    </button>
-    <a href="https://github.com/angular-klingon/klingon/blob/master/CONTRIBUTING.md" target="_blank" mat-menu-item>
-      <!-- <button mat-menu-item> -->
-      <mat-icon>bug_report</mat-icon>
-      <span>Contribute</span>
-    </a>
-    <!-- </button> -->
-    <!-- <button mat-menu-item (click)="openShell()">
-        <mat-icon>settings_input_composite</mat-icon>
-        <span>Open Shell</span>
-      </button> -->
-    <button mat-menu-item disabled>
-      <mat-icon>help</mat-icon>
-      <span>Help</span>
-    </button>
-  </mat-menu>
-</mat-toolbar>
-<!-- <mat-card>
-
-</mat-card> -->
-
-<mat-tab-group class="mat-card" (selectedIndexChange)="storeIndex($event)" [selectedIndex]="selectedIndex"
-  (dragover)="onDrag($event)" (dragleave)="onDragLeave($event)" (drop)="onDrop($event)">
-  <mat-tab>
-    <ng-template mat-tab-label>New</ng-template>
-    <app-cli-create #appCli (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-create>
-  </mat-tab>
-  <mat-tab [disabled]="true">
-    <ng-template mat-tab-label>Generate</ng-template>
-  </mat-tab>
-  <mat-tab>
-    <ng-template mat-tab-label>Serve</ng-template>
-    <app-cli-serve (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-serve>
-  </mat-tab>
-  <mat-tab>
-    <ng-template mat-tab-label>Test</ng-template>
-    <app-cli-test (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-test>
-  </mat-tab>
-  <mat-tab>
-    <ng-template mat-tab-label>Build</ng-template>
-    <app-cli-build (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-build>
-  </mat-tab>
-</mat-tab-group>
-
-<br>
-
-<mat-card>
-  <app-drop-down contentHeight="542px">
-    <mat-icon>keyboard</mat-icon>
-    <h3 class="title">Shell</h3>
-    <h6 class="sub-title">Access the "GOD" mode!</h6>
-    <div class="content">
-      <app-terminal height="500px" (open)="onTerminalOpen($event);"></app-terminal>
-    </div>
-  </app-drop-down>
-</mat-card>
+<router-outlet></router-outlet>
diff --git a/packages/klingon-ui/src/app/app.component.ts b/packages/klingon-ui/src/app/app.component.ts
index 32c57c4..a626a1e 100644
--- a/packages/klingon-ui/src/app/app.component.ts
+++ b/packages/klingon-ui/src/app/app.component.ts
@@ -1,122 +1,10 @@
-import { Component, ViewChild } from '@angular/core';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { OnInit } from '@angular/core';
-import { CliCreateComponent } from './cli/create/create.component';
-import { TerminalData } from './_shared/terminal/terminal.service';
-
-@Component({
-  selector: 'app-snack-bar-error',
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-      }
-      span {
-        color: #f44336;
-        font-family: Roboto, 'Helvetica Neue', sans-serif;
-      }
-      mat-icon {
-        color: #f44336;
-      }
-    `
-  ],
-  template:
-    '<mat-icon>error</mat-icon><span>An error has occured. Check the logs tab.</span>'
-})
-export class SnackBarErrorComponent {}
-
-@Component({
-  selector: 'app-snack-bar-success',
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-      }
-      span {
-        color: #81c784;
-        font-family: Roboto, 'Helvetica Neue', sans-serif;
-      }
-      mat-icon {
-        color: #4caf50;
-      }
-    `
-  ],
-  template:
-    '<mat-icon>verified_user</mat-icon><span>Command executed successfully.</span>'
-})
-export class SnackBarSuccessComponent {}
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent implements OnInit {
-  selectedIndex = 0;
-
-  @ViewChild('appCli', { static: true }) appCli: CliCreateComponent;
-
-  constructor(
-    public snackBarError: MatSnackBar,
-    public snackBarSuccess: MatSnackBar
-  ) {}
-
-  ngOnInit() {
-    this.selectedIndex = parseInt(
-      localStorage.getItem('ui.selectedIndex') || '0',
-      10
-    );
-    localStorage.setItem('ui.selectedIndex', `${this.selectedIndex}`);
-  }
-
-  storeIndex(index: number) {
-    localStorage.setItem('ui.selectedIndex', `${index}`);
-  }
-
-  onError(message) {
-    console.log('onError::', message);
-    this.snackBarError.openFromComponent(SnackBarErrorComponent, {
-      duration: 3000,
-      panelClass: ['error-container']
-    });
-  }
-
-  onSuccess(message) {
-    console.log('onSuccess::', message);
-    if (message) {
-      this.snackBarSuccess.openFromComponent(SnackBarSuccessComponent, {
-        duration: 2000
-      });
-    }
-  }
-
-  onDrag(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  onDragLeave(event: DragEvent) {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  onDrop(event: DragEvent) {
-    event.preventDefault();
-    this.appCli.import(event);
-  }
+export class AppComponent {
 
-  onTerminalOpen(data: TerminalData) {
-    /**
-     * Set current directory from server if root directory field is empty
-     */
-    if (data.cwd && !this.appCli.form.value['root-dir']) {
-      this.appCli.form.patchValue({ 'root-dir': data.cwd });
-    }
-  }
 }
diff --git a/packages/klingon-ui/src/app/app.module.ts b/packages/klingon-ui/src/app/app.module.ts
index 2b20c4b..274375c 100644
--- a/packages/klingon-ui/src/app/app.module.ts
+++ b/packages/klingon-ui/src/app/app.module.ts
@@ -7,35 +7,18 @@ import { HttpClientModule } from '@angular/common/http';
 import { MatModule } from './mat.module';
 
 import { CliService } from './cli/cli.service';
-import { TerminalModule } from './_shared/terminal/terminal.module';
-import {
-  AppComponent,
-  SnackBarErrorComponent,
-  SnackBarSuccessComponent
-} from './app.component';
-import { DropDownComponent } from './_shared/drop-down/drop-down.component';
-import { CliCreateComponent } from './cli/create/create.component';
-import { CliServeComponent } from './cli/serve/serve.component';
-import { BuildComponent } from './cli/build/build.component';
-import { FlagsComponent } from './cli/flags/flags.component';
-import { CliTestComponent } from './cli/test/test.component';
-import { LogComponent } from './_shared/log/log.component';
+import { AppComponent } from './app.component';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { environment } from '../environments/environment';
 import { DashboardModule } from './dashboard/dashboard.module';
 import { AppRoutingModule } from './app-routing.module';
+import { HomeModule } from './home/home.module';
+import { SnackBarSuccessComponent, SnackBarErrorComponent } from './home/home.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    DropDownComponent,
-    CliCreateComponent,
-    CliServeComponent,
-    BuildComponent,
-    FlagsComponent,
-    CliTestComponent,
-    LogComponent,
     SnackBarSuccessComponent,
     SnackBarErrorComponent
   ],
@@ -44,13 +27,15 @@ import { AppRoutingModule } from './app-routing.module';
     BrowserModule,
     ReactiveFormsModule,
     HttpClientModule,
-    TerminalModule,
     BrowserAnimationsModule,
     MatModule,
     MatExpansionModule,
-    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
+    ServiceWorkerModule.register('ngsw-worker.js', {
+      enabled: environment.production
+    }),
     DashboardModule,
-    AppRoutingModule
+    AppRoutingModule,
+    HomeModule
   ],
   providers: [CliService],
   bootstrap: [AppComponent]
diff --git a/packages/klingon-ui/src/app/cli/cli.module.ts b/packages/klingon-ui/src/app/cli/cli.module.ts
new file mode 100644
index 0000000..27f836b
--- /dev/null
+++ b/packages/klingon-ui/src/app/cli/cli.module.ts
@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { BuildComponent } from './build/build.component';
+import { FlagsComponent } from './flags/flags.component';
+import { CliServeComponent } from './serve/serve.component';
+import { CliCreateComponent } from './create/create.component';
+import { CliTestComponent } from './test/test.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatModule } from '../mat.module';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '../_shared/shared.module';
+
+@NgModule({
+  declarations: [
+    BuildComponent,
+    CliCreateComponent,
+    FlagsComponent,
+    CliServeComponent,
+    CliTestComponent
+  ],
+  imports: [
+    FormsModule,
+    ReactiveFormsModule,
+    MatModule,
+    CommonModule,
+    SharedModule
+  ],
+  exports: [
+    CliServeComponent,
+    CliCreateComponent,
+    CliTestComponent,
+    BuildComponent
+  ]
+})
+export class CliModule {}
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.module.ts b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
index eb808ca..1e24457 100644
--- a/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
@@ -1,13 +1,20 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DashboardComponent } from './dashboard.component';
+import { Route, RouterModule } from '@angular/router';
 
-
+const routes: Route[] = [
+  {
+    path: '',
+    component: DashboardComponent
+  }
+];
 
 @NgModule({
   declarations: [DashboardComponent],
   imports: [
-    CommonModule
-  ]
+    CommonModule,
+    RouterModule.forChild(routes)
+  ],
 })
 export class DashboardModule { }
diff --git a/packages/klingon-ui/src/app/home/home.component.css b/packages/klingon-ui/src/app/home/home.component.css
new file mode 100644
index 0000000..8239e13
--- /dev/null
+++ b/packages/klingon-ui/src/app/home/home.component.css
@@ -0,0 +1,30 @@
+:host mat-toolbar {
+  height: 149px;
+  position: fixed;
+  background-image: url('/assets/ngKlingon__white.png');
+  background-size: 90px;
+  background-repeat: no-repeat;
+  background-position: center top;
+}
+
+.mat-card {
+  background: white;
+  width: 70vw;
+  margin: 0 auto;
+  top: 100px;
+  padding: 0;
+}
+
+@media (max-width: 600px) {
+  .mat-card {
+      width: 99vw;
+  }
+}
+
+span.fill-remaining-space {
+  flex: 1 1 auto;
+}
+
+snack-bar-container.error-container {
+  background: red;
+}
diff --git a/packages/klingon-ui/src/app/home/home.component.html b/packages/klingon-ui/src/app/home/home.component.html
new file mode 100644
index 0000000..bd4b928
--- /dev/null
+++ b/packages/klingon-ui/src/app/home/home.component.html
@@ -0,0 +1,59 @@
+<mat-toolbar color="primary">
+  <button mat-icon-button>
+    <mat-icon>dehaze</mat-icon>
+  </button>
+  <span class="fill-remaining-space"></span>
+  <button mat-icon-button [matMenuTriggerFor]="menu">
+    <mat-icon>more_vert</mat-icon>
+  </button>
+  <mat-menu #menu="matMenu">
+    <button mat-menu-item>
+      <mat-icon>account_circle</mat-icon>
+      <span>About</span>
+    </button>
+    <a href="https://github.com/angular-klingon/klingon/blob/master/CONTRIBUTING.md" target="_blank" mat-menu-item>
+      <mat-icon>bug_report</mat-icon>
+      <span>Contribute</span>
+    </a>
+    <button mat-menu-item disabled>
+      <mat-icon>help</mat-icon>
+      <span>Help</span>
+    </button>
+  </mat-menu>
+</mat-toolbar>
+
+<mat-tab-group class="mat-card" (selectedIndexChange)="storeIndex($event)" [selectedIndex]="selectedIndex"
+  (dragover)="onDrag($event)" (dragleave)="onDragLeave($event)" (drop)="onDrop($event)">
+  <mat-tab>
+    <ng-template mat-tab-label>New</ng-template>
+    <app-cli-create #appCli (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-create>
+  </mat-tab>
+  <mat-tab [disabled]="true">
+    <ng-template mat-tab-label>Generate</ng-template>
+  </mat-tab>
+  <mat-tab>
+    <ng-template mat-tab-label>Serve</ng-template>
+    <app-cli-serve (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-serve>
+  </mat-tab>
+  <mat-tab>
+    <ng-template mat-tab-label>Test</ng-template>
+    <app-cli-test (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-test>
+  </mat-tab>
+  <mat-tab>
+    <ng-template mat-tab-label>Build</ng-template>
+    <app-cli-build (onStdOut)="onSuccess($event)" (onStdErr)="onError($event)"></app-cli-build>
+  </mat-tab>
+</mat-tab-group>
+
+<br>
+
+<mat-card>
+  <app-drop-down contentHeight="542px">
+    <mat-icon>keyboard</mat-icon>
+    <h3 class="title">Shell</h3>
+    <h6 class="sub-title">Access the "GOD" mode!</h6>
+    <div class="content">
+      <app-terminal height="500px" (open)="onTerminalOpen($event);"></app-terminal>
+    </div>
+  </app-drop-down>
+</mat-card>
diff --git a/packages/klingon-ui/src/app/home/home.component.spec.ts b/packages/klingon-ui/src/app/home/home.component.spec.ts
new file mode 100644
index 0000000..490e81b
--- /dev/null
+++ b/packages/klingon-ui/src/app/home/home.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+  let component: HomeComponent;
+  let fixture: ComponentFixture<HomeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HomeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/packages/klingon-ui/src/app/home/home.component.ts b/packages/klingon-ui/src/app/home/home.component.ts
new file mode 100644
index 0000000..523eb3f
--- /dev/null
+++ b/packages/klingon-ui/src/app/home/home.component.ts
@@ -0,0 +1,122 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { TerminalData } from '../_shared/terminal/terminal.service';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { CliCreateComponent } from '../cli/create/create.component';
+
+
+@Component({
+  selector: 'app-snack-bar-error',
+  styles: [
+    `
+      :host {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+      }
+      span {
+        color: #f44336;
+        font-family: Roboto, 'Helvetica Neue', sans-serif;
+      }
+      mat-icon {
+        color: #f44336;
+      }
+    `
+  ],
+  template:
+    '<mat-icon>error</mat-icon><span>An error has occured. Check the logs tab.</span>'
+})
+export class SnackBarErrorComponent {}
+
+@Component({
+  selector: 'app-snack-bar-success',
+  styles: [
+    `
+      :host {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+      }
+      span {
+        color: #81c784;
+        font-family: Roboto, 'Helvetica Neue', sans-serif;
+      }
+      mat-icon {
+        color: #4caf50;
+      }
+    `
+  ],
+  template:
+    '<mat-icon>verified_user</mat-icon><span>Command executed successfully.</span>'
+})
+export class SnackBarSuccessComponent {}
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.css']
+})
+export class HomeComponent implements OnInit {
+  selectedIndex = 0;
+
+  @ViewChild('appCli', { static: true }) appCli: CliCreateComponent;
+
+  constructor(
+    public snackBarError: MatSnackBar,
+    public snackBarSuccess: MatSnackBar
+  ) {}
+
+  ngOnInit() {
+    this.selectedIndex = parseInt(
+      localStorage.getItem('ui.selectedIndex') || '0',
+      10
+    );
+    localStorage.setItem('ui.selectedIndex', `${this.selectedIndex}`);
+  }
+
+  storeIndex(index: number) {
+    localStorage.setItem('ui.selectedIndex', `${index}`);
+  }
+
+  onError(message) {
+    console.log('onError::', message);
+    this.snackBarError.openFromComponent(SnackBarErrorComponent, {
+      duration: 3000,
+      panelClass: ['error-container']
+    });
+  }
+
+  onSuccess(message) {
+    console.log('onSuccess::', message);
+    if (message) {
+      this.snackBarSuccess.openFromComponent(SnackBarSuccessComponent, {
+        duration: 2000
+      });
+    }
+  }
+
+  onDrag(event: DragEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  onDragLeave(event: DragEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  onDrop(event: DragEvent) {
+    event.preventDefault();
+    this.appCli.import(event);
+  }
+
+  onTerminalOpen(data: TerminalData) {
+    /**
+     * Set current directory from server if root directory field is empty
+     */
+    if (data.cwd && !this.appCli.form.value['root-dir']) {
+      this.appCli.form.patchValue({ 'root-dir': data.cwd });
+    }
+  }
+}
diff --git a/packages/klingon-ui/src/app/home/home.module.ts b/packages/klingon-ui/src/app/home/home.module.ts
new file mode 100644
index 0000000..c52829c
--- /dev/null
+++ b/packages/klingon-ui/src/app/home/home.module.ts
@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HomeComponent } from './home.component';
+import { CliModule } from '../cli/cli.module';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTabsModule } from '@angular/material/tabs';
+import { TerminalModule } from '../_shared/terminal/terminal.module';
+import { SharedModule } from '../_shared/shared.module';
+import { MatCardModule } from '@angular/material/card';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+
+
+@NgModule({
+  declarations: [HomeComponent],
+  imports: [
+    CommonModule,
+    CliModule,
+    MatIconModule,
+    MatMenuModule,
+    MatToolbarModule,
+    MatTabsModule,
+    TerminalModule,
+    SharedModule,
+    MatCardModule,
+    MatButtonModule,
+    RouterModule
+  ]
+})
+export class HomeModule { }
diff --git a/packages/klingon-ui/src/tsconfig.app.json b/packages/klingon-ui/src/tsconfig.app.json
index 39ba8db..8a98399 100644
--- a/packages/klingon-ui/src/tsconfig.app.json
+++ b/packages/klingon-ui/src/tsconfig.app.json
@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
+    "module": "esnext",
     "types": []
   },
   "exclude": [

From c1b8acc00f1264e7b8937e901591024143dceac1 Mon Sep 17 00:00:00 2001
From: sumitparakh <sumit.thecoder@gmail.com>
Date: Mon, 25 Nov 2019 22:46:36 +0530
Subject: [PATCH 4/4] feat(ui): dashboard ui update

dashboard update

changes
---
 .../src/app/dashboard/dashboard.component.css | 37 +++++++++++++++++++
 .../app/dashboard/dashboard.component.html    | 29 ++++++++++++++-
 .../src/app/dashboard/dashboard.component.ts  | 18 ++++++---
 .../src/app/dashboard/dashboard.module.ts     |  2 +
 packages/klingon-ui/src/app/mat.module.ts     |  4 +-
 5 files changed, 83 insertions(+), 7 deletions(-)

diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.css b/packages/klingon-ui/src/app/dashboard/dashboard.component.css
index e69de29..2c90457 100644
--- a/packages/klingon-ui/src/app/dashboard/dashboard.component.css
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.css
@@ -0,0 +1,37 @@
+.example-container {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.example-is-mobile .example-toolbar {
+  position: fixed;
+  /* Make sure the toolbar will stay on top of the content as it scrolls past. */
+  z-index: 2;
+}
+
+h1.example-app-name {
+  margin-left: 8px;
+}
+
+.example-sidenav-container {
+  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
+     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
+  flex: 1;
+}
+
+.example-is-mobile .example-sidenav-container {
+  /* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
+     `<body>` to be our scrolling element for mobile layouts. */
+  flex: 1 0 auto;
+}
+
+.addFabBtn{
+  position: absolute;
+  bottom: 50px;
+  right: 50px;
+}
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.html b/packages/klingon-ui/src/app/dashboard/dashboard.component.html
index 9c5fce9..cac4ba2 100644
--- a/packages/klingon-ui/src/app/dashboard/dashboard.component.html
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.html
@@ -1 +1,28 @@
-<p>dashboard works!</p>
+<div class="example-container" [class.example-is-mobile]="mobileQuery.matches">
+  <mat-toolbar color="primary" class="example-toolbar">
+    <button mat-icon-button (click)="snav.toggle()">
+      <mat-icon>menu</mat-icon>
+    </button>
+    <h1 class="example-app-name">Dashboard</h1>
+  </mat-toolbar>
+
+  <mat-sidenav-container
+    class="example-sidenav-container"
+    [style.marginTop.px]="mobileQuery.matches ? 56 : 0"
+  >
+    <mat-sidenav
+      #snav
+      [mode]="mobileQuery.matches ? 'over' : 'side'"
+      [fixedInViewport]="mobileQuery.matches"
+      fixedTopGap="56"
+    >
+      <mat-nav-list>
+      </mat-nav-list>
+    </mat-sidenav>
+
+    <mat-sidenav-content>
+
+        <button class="addFabBtn" mat-fab color="accent">+</button>
+    </mat-sidenav-content>
+  </mat-sidenav-container>
+</div>
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.component.ts b/packages/klingon-ui/src/app/dashboard/dashboard.component.ts
index d18e3f6..98d6d96 100644
--- a/packages/klingon-ui/src/app/dashboard/dashboard.component.ts
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.component.ts
@@ -1,15 +1,23 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { MediaMatcher } from '@angular/cdk/layout';
 
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.css']
 })
-export class DashboardComponent implements OnInit {
+export class DashboardComponent implements OnDestroy {
+  constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher) {
+    this.mobileQuery = media.matchMedia('(max-width: 600px)');
+    this._mobileQueryListener = () => changeDetectorRef.detectChanges();
+    this.mobileQuery.addListener(this._mobileQueryListener);
+  }
 
-  constructor() { }
+  mobileQuery: MediaQueryList;
 
-  ngOnInit() {
-  }
+  private _mobileQueryListener: () => void;
 
+  ngOnDestroy(): void {
+    this.mobileQuery.removeListener(this._mobileQueryListener);
+  }
 }
diff --git a/packages/klingon-ui/src/app/dashboard/dashboard.module.ts b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
index 1e24457..2dd55cc 100644
--- a/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
+++ b/packages/klingon-ui/src/app/dashboard/dashboard.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DashboardComponent } from './dashboard.component';
 import { Route, RouterModule } from '@angular/router';
+import { MatModule } from '../mat.module';
 
 const routes: Route[] = [
   {
@@ -14,6 +15,7 @@ const routes: Route[] = [
   declarations: [DashboardComponent],
   imports: [
     CommonModule,
+    MatModule,
     RouterModule.forChild(routes)
   ],
 })
diff --git a/packages/klingon-ui/src/app/mat.module.ts b/packages/klingon-ui/src/app/mat.module.ts
index da9d82e..6b0718e 100644
--- a/packages/klingon-ui/src/app/mat.module.ts
+++ b/packages/klingon-ui/src/app/mat.module.ts
@@ -13,6 +13,7 @@ import { MatListModule } from '@angular/material/list';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSidenavModule } from '@angular/material/sidenav';
 import { NgModule } from '@angular/core';
 
 const imports = [
@@ -30,7 +31,8 @@ const imports = [
   MatListModule,
   MatSnackBarModule,
   MatProgressBarModule,
-  MatSlideToggleModule
+  MatSlideToggleModule,
+  MatSidenavModule
 ];
 
 @NgModule({