Add build info to specs page

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

.gitea/workflows/dev-build.yaml

@@ -13,6 +13,8 @@ jobs:
         uses: actions/checkout@v4
       - name: Install node modules
         run: npm install
+      - name: Add build number
+        run: sed -i 's/####/${{ github.run_number }}-${{ gitea.run_attempt }}/' ./src/js/store.js
       - name: Build pwa
         run: npm run build
       - name: Replace previous dev pwa

src/js/store.js

@@ -5,6 +5,7 @@ const state = reactive({
     enabledRegions: ['thorax','abdomen','limbs','head'],
     regionIconSet: Math.floor(Math.random() * 3) + 1,
     version: '0.5.0-alpha',
+    build: '####',
     fullscreen: false,
     useExternal: 'optional',
     workersEnabled: 'true',
@@ -54,6 +55,7 @@ export default () => ({
   useWorkers: computed(() => state.workersEnabled),
   getRegions: computed(() => state.enabledRegions),
   getVersion: computed(() => state.version),
+  getBuild: computed(() => state.build),
   getIconSet: computed(() => state.regionIconSet),
   getInfoUrl: computed(() => state.infoUrl),
   set,

src/pages/specs.vue

@@ -8,6 +8,7 @@
         <f7-block-title medium>Details</f7-block-title>
         <f7-list>
           <f7-list-item title="Version" :after="alvinnVersion"></f7-list-item>
+          <f7-list-item title="Build" :after="alvinnBuild"></f7-list-item>
           <f7-list-item title="Workers" :after="useWorkers ? 'Enabled' : 'Disabled'"></f7-list-item>
         </f7-list>
         <f7-block-title medium>Models</f7-block-title>
@@ -52,6 +53,7 @@
         headneckDetails: {},
         miniHeadneckDetails: {},
         alvinnVersion: store().getVersion,
+        alvinnBuild: store().getBuild,
         isCordova: !!window.cordova,
         useWorkers: store().useWorkers,
         otherSettings: {}