feat: build info

components/admin/home/events-table.vue

@@ -53,10 +53,10 @@ const { data: events } = useEvents()
                 {{ event.name }}
               </td>
               <td class="label-cell">
-                {{ dayjs(event.startDateTime).format('DD-MM-YYYY hh:mm') }}
+                {{ dayjs(event.startDateTime).format('DD-MM-YYYY HH:mm') }}
               </td>
               <td class="label-cell">
-                {{ dayjs(event.endDateTime).format('DD-MM-YYYY hh:mm') }}
+                {{ dayjs(event.endDateTime).format('DD-MM-YYYY HH:mm') }}
               </td>
               <td class="numeric-cell">
                 {{ event.attendees.length }}

components/app/home/news.vue

@@ -23,7 +23,7 @@ const { data: news, isLoading: newsIsLoading } = useNewsArticles()
         <f7Card v-for="article in news" :key="article.id" class="m-0!">
           <f7CardHeader class="h-45 rounded-[16px]! overflow-hidden bg-center bg-contain relative" valign="bottom" :style="`background-image: url(${article.heroImageUrl})`">
             <div class="absolute inset-0 bg-gradient-to-b from-transparent dark:to-black/70 to-white/70" />
-            <span class="z-10">
+            <span class="z-10 font-semibold">
               {{ article.title }}
             </span>
           </f7CardHeader>

components/app/profile/page.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { f7BlockTitle, f7Link, f7List, f7ListButton, f7ListInput, f7ListItem, f7NavRight, f7NavTitle, f7NavTitleLarge, f7Navbar, f7Page, f7Popup, f7View } from 'framework7-vue'
+import dayjs from 'dayjs'
 import { devDependencies } from '~/package.json'
 
+const appConfig = useAppConfig()
+
 const { data: user } = useUser()
 const graduationYear = computed(() => {
   return `Class of ${user.value?.graduationYear}`
@@ -49,6 +52,17 @@ const { mutate: userSignOutMutate } = useUserSignOutMutation()
       </f7ListButton>
     </f7List>
 
+    <f7List>
+      <f7ListItem class="opacity-80 text-sm">
+        v{{ appConfig.buildInfo.version }}
+        <br>
+        <br>
+        Built on {{ dayjs(appConfig.buildInfo.time).format('DD/MM/YYYY HH:mm') }}
+        <br>
+        Commit: {{ appConfig.buildInfo.shortCommit }}
+      </f7ListItem>
+    </f7List>
+
     <f7Popup id="acknowledgements" push>
       <f7View>
         <f7Page>

modules/build-info.ts

@@ -0,0 +1,26 @@
+import Git from 'simple-git'
+import { defineNuxtModule } from '@nuxt/kit'
+import { version } from '../package.json'
+import type { BuildInfo } from '~/shared/types'
+
+export default defineNuxtModule({
+  meta: {
+    name: 'web:build-env',
+  },
+  async setup(_options, nuxt) {
+    const git = Git()
+
+    const commit = await git.revparse(['HEAD'])
+    const shortCommit = await git.revparse(['--short=7', 'HEAD'])
+
+    const buildInfo: BuildInfo = {
+      version,
+      time: +Date.now(),
+      commit,
+      shortCommit,
+    }
+
+    nuxt.options.appConfig = nuxt.options.appConfig || {}
+    nuxt.options.appConfig.buildInfo = buildInfo
+  },
+})

nuxt.config.ts

@@ -15,6 +15,7 @@ export default defineNuxtConfig({
     '@unocss/nuxt',
     '@vite-pwa/nuxt',
     '@vueuse/nuxt',
+    '~/modules/build-info',
   ],
 
   routeRules: {

package.json

@@ -1,7 +1,8 @@
 {
   "name": "nuxt-app",
   "type": "module",
-  "private": true,
+  "version": "0.0.1-alpha.1",
+  "license": "MIT",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -38,6 +39,7 @@
     "material-icons": "^1.13.11",
     "nuxt": "^3.7.3",
     "nuxt-vuefire": "^0.3.0",
+    "simple-git": "^3.20.0",
     "vuefire": "^3.1.17",
     "web-auth-library": "^1.0.3",
     "zod": "^3.22.2"

shared/types.ts

@@ -9,3 +9,16 @@ export type Event = InferSelectModel<typeof events>
 export type EventWithAttendees = Event & { attendees: UserRestrictedWithAdmissionKey[] }
 
 export type NewsArticle = InferSelectModel<typeof news>
+
+export interface BuildInfo {
+  version: string
+  commit: string
+  shortCommit: string
+  time: number
+}
+
+declare module '@nuxt/schema' {
+  interface NuxtAppConfig {
+    buildInfo: BuildInfo
+  }
+}