docs(version): add show version public component

It must be generated

Author: 4drianMatei

.gitignore

@@ -1,2 +1,3 @@
 /.idea/
 /node_modules/
+/frontend/src/environments/version.ts

frontend/src/app/public/public-routing.module.ts

@@ -6,6 +6,7 @@ import { HomepageComponent } from './bookmarks/homepage.component';
 import { PrivacyPolicyComponent } from './privacy/privacy-policy.component';
 import { TermsOfServiceComponent } from './terms/terms-of-service.component';
 import { UserPublicProfileComponent } from './user-public-profile/user-public-profile.component';
+import { VersionComponent } from './version/version.component';
 
 const publicBookmarksRoutes: Routes = [
   {
@@ -57,6 +58,10 @@ const publicBookmarksRoutes: Routes = [
     path: 'privacy-policy',
     component: PrivacyPolicyComponent,
   },
+  {
+    path: 'version',
+    component: VersionComponent,
+  },
   {
     path: 'terms-and-conditions',
     component: TermsOfServiceComponent,

frontend/src/app/public/public.module.ts

@@ -15,6 +15,7 @@ import { CodeletModule } from '../codelet/codelet.module';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatSelectModule } from '@angular/material/select';
+import { VersionComponent } from './version/version.component';
 
 @NgModule({
   declarations : [
@@ -23,7 +24,8 @@ import { MatSelectModule } from '@angular/material/select';
     TermsOfServiceComponent,
     HomepageComponent,
     UserPublicProfileComponent,
-    TagComponent
+    TagComponent,
+    VersionComponent
   ],
   imports: [
     SharedModule,

frontend/src/app/public/version/version.component.css

@@ -0,0 +1,7 @@
+<div id="about-content" class="jumbotron">
+  <h2 class="display-4">Version</h2>
+  <ul>
+    <li>Version: {{version.version}}</li>
+    <li>Git-sha: {{version.hash}}</li>
+  </ul>
+</div>

frontend/src/app/public/version/version.component.html

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { VersionComponent } from './version.component';
+
+describe('VersionComponent', () => {
+  let component: VersionComponent;
+  let fixture: ComponentFixture<VersionComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ VersionComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VersionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/public/version/version.component.spec.ts

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { VERSION } from 'environments/version';
+@Component({
+  selector: 'app-version',
+  templateUrl: './version.component.html',
+  styleUrls: ['./version.component.css']
+})
+export class VersionComponent implements OnInit {
+  version = VERSION;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

frontend/src/app/public/version/version.component.ts

@@ -0,0 +1,22 @@
+const { gitDescribeSync } = require('git-describe');
+const { version } = require('./package.json');
+const { resolve, relative } = require('path');
+const { writeFileSync } = require('fs-extra');
+
+const gitInfo = gitDescribeSync({
+    dirtyMark: false,
+    dirtySemver: false
+});
+
+gitInfo.version = version;
+console.log("__dirname:    ", __dirname);
+
+const file = resolve(__dirname, 'frontend/src', 'environments', 'version.ts');
+writeFileSync(file,
+    `// IMPORTANT: THIS FILE IS AUTO GENERATED! DO NOT MANUALLY EDIT OR CHECKIN!
+/* tslint:disable */
+export const VERSION = ${JSON.stringify(gitInfo, null, 4)};
+/* tslint:enable */
+`, { encoding: 'utf-8' });
+
+console.log(`Wrote version info ${gitInfo.raw} to ${relative(resolve(__dirname, '..'), file)}`);

git-version.js

@@ -28,5 +28,9 @@
   "homepage": "https://github.com/BookmarksDev/bookmarks.dev#readme",
   "devDependencies": {
     "npm-run-all": "^4.1.5"
+  },
+  "dependencies": {
+    "fs-extra": "^9.0.1",
+    "git-describe": "^4.0.4"
   }
 }