Expose current commit sha

Author: mondoreale

.babelrc

@@ -1,8 +1,5 @@
 {
-    "presets": [
-        "@babel/preset-env",
-        "@babel/preset-typescript"
-    ],
+    "presets": ["@babel/preset-env", "@babel/preset-typescript"],
     "plugins": [
         "babel-plugin-macros",
         [

.github/workflows/deployment.yml

@@ -11,6 +11,8 @@ jobs:
         steps:
             - name: Checkout
               uses: actions/checkout@v3
+            - name: Prep the environment
+              run: echo "VITE_COMMIT_ID=${GITHUB_SHA}" >> $GITHUB_ENV
             - name: Deps
               run:  npm ci
             - name: Tests

src/App.test.tsx

@@ -9,6 +9,11 @@ jest.mock('streamr-client', () => ({
     },
 }))
 
+jest.mock('$/utils/getCommitId', () => ({
+    __esModule: true,
+    default: () => 'COMMIT_ID',
+}))
+
 describe('Getting into the app', () => {
     it('displays different wallet options in the wallet modal', async () => {
         render(<App />)

src/App.tsx

@@ -5,6 +5,8 @@ import { Provider } from 'react-redux'
 import store from '$/store'
 import IndexPage from '$/components/IndexPage'
 import Toaster from '$/components/Toaster'
+import { Helmet } from 'react-helmet'
+import getCommitId from '$/utils/getCommitId'
 
 const customGlobalStyles = css`
     body {
@@ -81,8 +83,15 @@ const customGlobalStyles = css`
 `
 
 export default function App() {
+    const commitId = getCommitId()
+
     return (
         <Provider store={store}>
+            {commitId && (
+                <Helmet>
+                    <meta name="commit" content={commitId} />
+                </Helmet>
+            )}
             <GlobalStyles />
             <Global styles={customGlobalStyles} />
             <div>

src/utils/getCommitId.ts

@@ -0,0 +1,3 @@
+export default function getCommitId(): string | undefined {
+    return import.meta.env.VITE_COMMIT_ID || undefined
+}