Merge pull request #1065 from snypy/git-based-build-version

Update foorter build version based on git

.eslintrc.json

@@ -1,8 +1,8 @@
 {
  "root": true,
  "ignorePatterns": [
- "projects/**/*",
- "index.html"
+ "index.html",
+ "src/environments/version.ts"
  ],
  "extends": ["prettier"],
  "plugins": [

.gitignore

@@ -43,3 +43,6 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+
+# git-describe
+src/environments/version.ts

helpers/version.js

@@ -0,0 +1,22 @@
+const { gitDescribeSync } = require('git-describe');
+const { resolve, relative } = require('path');
+const { writeFileSync } = require('fs-extra');
+
+const gitInfo = gitDescribeSync({
+ dirtyMark: false,
+ dirtySemver: false,
+ longSemver: true,
+ match: '[0-9]*'
+});
+
+gitInfo.date = new Date();
+
+const file = resolve(__dirname, '..', 'src', 'environments', 'version.ts');
+writeFileSync(file,
+`// AUTO GENERATED FILE
+/* 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)}`);

package.json

@@ -9,7 +9,8 @@
  "test": "ng test --watch=false",
  "coverage": "ng test --codeCoverage=true --watch=false",
  "lint": "ng lint",
- "e2e": "ng e2e"
+ "e2e": "ng e2e",
+ "postinstall": "node helpers/version.js"
  },
  "private": true,
  "dependencies": {
@@ -69,6 +70,7 @@
  "eslint": "^8.12.0",
  "eslint-config-prettier": "8.5.0",
  "eslint-plugin-prettier": "^4.0.0",
+ "git-describe": "^4.1.0",
  "jasmine-core": "~4.0.1",
  "jasmine-spec-reporter": "~7.0.0",
  "karma": "^6.3.17",

src/app/components/footer/footer.component.html

@@ -1,3 +1,6 @@
 <div class="footer text-end">
- <small> <b>V1.0-beta.7</b> | <a target="_BLANK" href="https:/snypy/snypy-frontend">Contribute</a> </small>
+ <small>
+ <b>{{ version.tag }}</b> <small *ngIf="version.distance > 0">({{ version.suffix }})</small> |
+ <a target="_BLANK" href="https:/snypy/snypy-frontend">Contribute</a>
+ </small>
 </div>

src/app/components/footer/footer.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { VERSION } from '../../../environments/version';
 
 @Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.scss'],
 })
-export class FooterComponent {}
+export class FooterComponent {
+ version = VERSION;
+}