feat: add release tag info

- with the ci/cd this makes things easier to reason about
thenick775 · Nov 14, 2024 · 1b34abb · 1b34abb
1 parent 3a4d500
commit 1b34abb
Show file tree

Hide file tree

Showing 5 changed files with 212 additions and 3 deletions.
diff --git a/gbajs3/package-lock.json b/gbajs3/package-lock.json
diff --git a/gbajs3/package.json b/gbajs3/package.json
@@ -63,6 +63,7 @@
     "msw": "^2.0.14",
     "rollup-plugin-visualizer": "^5.9.2",
     "typescript": "^5.1.3",
+    "unplugin-info": "^1.2.1",
     "vite": "^5.0.0",
     "vite-plugin-pwa": "^0.21.0",
     "vitest": "^2.0.2"

diff --git a/gbajs3/src/components/modals/about.tsx b/gbajs3/src/components/modals/about.tsx
@@ -1,5 +1,7 @@
-import { Button } from '@mui/material';
+import { Button, Chip } from '@mui/material';
 import { useLocalStorage } from '@uidotdev/usehooks';
+import { BiCheckCircle } from 'react-icons/bi';
+import { styled } from 'styled-components';
 
 import { ModalBody } from './modal-body.tsx';
 import { ModalFooter } from './modal-footer.tsx';
@@ -9,6 +11,20 @@ import { productTourLocalStorageKey } from '../product-tour/consts.tsx';
 
 import type { CompletedProductTourSteps } from '../product-tour/product-tour-intro.tsx';
 
+// eslint-disable-next-line import/no-unresolved -- virtual module
+import { lastTag } from '~build/git';
+
+const FlexWrapper = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+`;
+
+const StyledP = styled.p`
+  margin-bottom: 0;
+`;
+
 export const AboutModal = () => {
   const { setIsModalOpen } = useModalContext();
   const [, setHasCompletedProductTourSteps] = useLocalStorage<
@@ -38,13 +54,24 @@ export const AboutModal = () => {
           </li>
           <li>Enjoy, your game will boot!</li>
         </ul>
-        <p>
+        <StyledP>
           See the{' '}
           <a href="https://github.com/thenick775/gbajs3/wiki" target="_blank">
             WIKI
           </a>{' '}
           and tour items for further information!
-        </p>
+        </StyledP>
+        <FlexWrapper>
+          <Chip
+            label={`Version ${lastTag}`}
+            component="a"
+            target="_blank"
+            href={`https://github.com/thenick775/gbajs3/releases/tag/${lastTag}`}
+            size="small"
+            icon={<BiCheckCircle />}
+            clickable
+          />
+        </FlexWrapper>
       </ModalBody>
       <ModalFooter>
         <Button

diff --git a/gbajs3/src/vite-env.d.ts b/gbajs3/src/vite-env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="unplugin-info/client" />
 
 interface ImportMetaEnv {
   readonly VITE_GBA_SERVER_LOCATION: string;

diff --git a/gbajs3/vite.config.ts b/gbajs3/vite.config.ts
@@ -4,6 +4,7 @@ import { coverageConfigDefaults } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 import { VitePWA } from 'vite-plugin-pwa';
 import { visualizer } from 'rollup-plugin-visualizer';
+import Info from 'unplugin-info/vite';
 
 export default defineConfig({
   base: './',
@@ -85,6 +86,7 @@ export default defineConfig({
         globPatterns: ['**/*.{js,css,html,wasm}']
       }
     }),
+    Info(),
     visualizer({ gzipSize: true })
   ],
   optimizeDeps: {