feat: added git tags

Author: jaybuidl

web/scripts/gitInfo.js

@@ -19,6 +19,7 @@ const main = () => {
   let gitCommitHash = execSyncWrapper("git rev-parse HEAD");
   let gitCommitShortHash = execSyncWrapper("git rev-parse --short=7 HEAD");
   let gitBranch = execSyncWrapper("git rev-parse --abbrev-ref HEAD");
+  let gitTags = execSyncWrapper("git tag --points-at HEAD --omit-empty  | tr '\n' ',' | sed 's/,$//'");
   let clean =
     execSyncWrapper(`[ -z "$(git status --short  | ggrep -v '^??')" ] && echo clean || echo dirty`) === "clean";
 
@@ -27,14 +28,14 @@ const main = () => {
     gitCommitHash,
     gitCommitShortHash,
     gitBranch,
+    gitTags,
     clean,
   };
 
   const filePath = path.resolve("src", "generatedGitInfo.json");
   const fileContents = JSON.stringify(obj, null, 2);
 
   fs.writeFileSync(filePath, fileContents);
-  // console.log(`Wrote the following contents to ${filePath}\n${fileContents}`);
 };
 
 main();

web/src/consts/index.ts

@@ -1,4 +1,4 @@
-import { version, gitCommitHash, gitCommitShortHash, gitBranch, clean } from "../generatedGitInfo.json";
+import { version, gitCommitHash, gitCommitShortHash, gitBranch, gitTags, clean } from "../generatedGitInfo.json";
 
 export const ONE_BASIS_POINT = 10000n;
 
@@ -9,6 +9,7 @@ export const PNK_FAUCET_CONTRACT_ADDRESS = "0x05648Ee14941630a649082e0dA5cb80D29
 export const IPFS_GATEWAY = process.env.REACT_APP_IPFS_GATEWAY || "https://cdn.kleros.link";
 
 export const GIT_BRANCH = gitBranch;
+export const GIT_TAGS = gitTags;
 export const GIT_HASH = gitCommitShortHash;
 export const GIT_DIRTY = clean ? "" : "-dirty";
 export const GIT_URL = `https://github.com/kleros/kleros-v2/tree/${gitCommitHash}/web`;

web/src/hooks/queries/usePhase.ts

@@ -8,7 +8,7 @@ export const usePhase = () => {
   return useQuery({
     queryKey: [`Phase`],
     enabled: isEnabled,
-    staleTime: 20 * 1000, // 20 seconds
+    staleTime: Infinity,
     queryFn: async () => {
       if (!sortitionModule) return;
       return await sortitionModule.read.phase();

web/src/layout/Header/navbar/Debug.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { GIT_BRANCH, GIT_DIRTY, GIT_HASH, GIT_URL, RELEASE_VERSION } from "../../../consts";
+import { GIT_BRANCH, GIT_DIRTY, GIT_HASH, GIT_TAGS, GIT_URL, RELEASE_VERSION } from "../../../consts";
 import { usePhase } from "~src/hooks/queries/usePhase";
 
 const Container = styled.div`
@@ -18,22 +18,22 @@ const Version = () => (
     v{RELEASE_VERSION}{" "}
     <a href={GIT_URL} target="_blank" rel="noreferrer">
       #{GIT_HASH}
-    </a>{" "}
-    {GIT_BRANCH}
-    {GIT_DIRTY && " dirty"}
+    </a>
+    {GIT_BRANCH && GIT_BRANCH !== "HEAD" && ` ${GIT_BRANCH}`}
+    {GIT_TAGS && ` ${GIT_TAGS}`}
+    {GIT_DIRTY && ` dirty`}
   </label>
 );
 
 const Phase = () => {
   const { data: phase } = usePhase();
-  return <label>phase: {phase}</label>;
+  return phase && <label>, phase: {phase}</label>;
 };
 
 const Debug: React.FC = () => {
   return (
     <Container>
       <Version />
-      <label>{", "}</label>
       <Phase />
     </Container>
   );