get last commit hash code in current branch and show on status bar (#642

)

* get current commit hash-code

* update regular expression match git commit hash

.gitignore

@@ -38,3 +38,4 @@ secrets.sh
 es6-src/
 report/
 debug.log
+src/git-commit-info.txt

package.json

@@ -52,8 +52,8 @@
     "scripts": {
         "start": "env-cmd -f .env.electron nf start -p 3000",
         "compile": "tsc",
-        "build": "react-scripts build",
-        "react-start": "react-scripts start",
+        "build": "git log -1 > src/git-commit-info.txt && react-scripts build",
+        "react-start": "git log -1 > src/git-commit-info.txt && react-scripts start",
         "test": "react-scripts test --env=jsdom --silent",
         "eject": "react-scripts eject",
         "webpack:dev": "webpack --config ./config/webpack.dev.js",

src/react/components/shell/statusBar.tsx

@@ -2,16 +2,29 @@
 // Licensed under the MIT license.
 
 import React from "react";
-import { FontIcon } from "@fluentui/react";
-import { constants } from "../../../common/constants";
+import {FontIcon} from "@fluentui/react";
+import {constants} from "../../../common/constants";
+import axios from 'axios';
 import "./statusBar.scss";
 import { IProject } from "../../../models/applicationState";
-
 export interface IStatusBarProps {
     project: IProject;
 }
+interface IStatusBarState {
+    commitHash?: string;
+}
+export class StatusBar extends React.Component<IStatusBarProps, IStatusBarState> {
+    componentDidMount() {
+        const commitInfoUrl = require("../../../git-commit-info.txt");
+        axios.get(commitInfoUrl).then(res => {
+            // match the git commit hash
+            const commitHash = /commit ([0-9a-fA-F]{8})/.exec(res.data)[1];
+            this.setState({commitHash});
+        });
+    }
+
 
-export class StatusBar extends React.Component<IStatusBarProps> {
+// export class StatusBar extends React.Component<IStatusBarProps> {
     public render() {
         return (
             <div className="status-bar">
@@ -29,7 +42,7 @@ export class StatusBar extends React.Component<IStatusBarProps> {
                         <li>
                             <a href="https://github.com/microsoft/OCR-Form-Tools/blob/master/CHANGELOG.md" target="blank" rel="noopener noreferrer">
                                 <FontIcon iconName="BranchMerge" />
-                                <span>{constants.appVersionRaw}-1f33130</span>
+                                <span>{constants.appVersion}-{this.state?.commitHash}</span>
                             </a>
                         </li>
                     </ul>