feat(header): added application version label next to the title

src/app/core/components/header/header.component.html

@@ -1,5 +1,5 @@
 <div class="d-md-flex justify-content-between align-items-center">
-  <h1 class="h3"><img src="assets/redis-white.png" />{{title}}</h1>
+  <h1 class="h3"><img src="assets/redis-white.png" />{{title}} <span class="h6">{{version}}</span></h1>
   <nav>
       <ul class="nav">
           <li class="nav-item">

src/app/core/components/header/header.component.ts

@@ -1,4 +1,5 @@
 import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { environment } from '@app/../environments/environment';
 
 @Component({
   selector: 'tr-header',
@@ -19,6 +20,7 @@ import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 })
 export class HeaderComponent implements AfterViewInit {
   title = 'Redis Patterns Console';
+  version = environment.version;
 
   constructor(private changeDetectorRef: ChangeDetectorRef) {}
 

src/environments/environment.prod.ts

@@ -1,3 +1,5 @@
+import { version } from 'package.json';
+
 export const environment = {
   production: true,
   redisServer: '', // ADD HERE YOUR WS SERVER URL
@@ -12,5 +14,6 @@ export const environment = {
     path: 'acadevmy/redis-patterns-cookbook',
     json: 'patterns.json'
   },
-  cacheableHeaderKey: 'cacheable-request'
+  cacheableHeaderKey: 'cacheable-request',
+  version
 };

src/environments/environment.ts

@@ -1,6 +1,8 @@
 // This file can be replaced during build by using the `fileReplacements` array.
 // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
+
+import { version } from 'package.json';
 ​
 export const environment = {
   production: false,
@@ -16,7 +18,8 @@ export const environment = {
     path: 'acadevmy/redis-patterns-cookbook',
     json: 'patterns.json'
   },
-  cacheableHeaderKey: 'cacheable-request'
+  cacheableHeaderKey: 'cacheable-request',
+  version
 };
 ​
 /*

tsconfig.json

@@ -10,6 +10,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
+    "resolveJsonModule": true,
     "target": "es2015",
     "typeRoots": [
       "node_modules/@types"