Retrieve version from git tag

.devcontainer/post-install.sh

@@ -2,4 +2,5 @@
 
 cd StreamAwesome
 npm install
+npm run render-version
 npm run dev

.devcontainer/render-version.sh

@@ -0,0 +1,16 @@
+#!/bin/bash
+
+VERSION_FILE="src/version.ts"
+LATEST_TAG=$(git describe --tags --abbrev=0 2>/dev/null)
+
+if [ -z "$LATEST_TAG" ]; then
+    echo "No git tags found, using default version 0.0.0"
+    VERSION="0.0.0"
+else
+    # Strip the 'v' prefix from the tag (e.g., v1.2.3 -> 1.2.3)
+    VERSION=${LATEST_TAG#v}
+    echo "Found git tag: $LATEST_TAG, extracted version: $VERSION"
+fi
+
+echo "export const streamAwesomeVersion = '$VERSION'" > "$VERSION_FILE"
+echo "Version $VERSION has been written to $VERSION_FILE"

.github/workflows/build.yml

@@ -27,4 +27,5 @@ jobs:
         working-directory: StreamAwesome
         run: |
           npm install
+          npm run render-version
           npm run build

.github/workflows/release.yml

@@ -29,6 +29,10 @@ jobs:
         working-directory: StreamAwesome
         run: npm install
 
+      - name: Render Version 🏷️
+        working-directory: StreamAwesome
+        run: npm run render-version
+
       - name: Build for Latest 🔨
         working-directory: StreamAwesome
         run: npm run build

StreamAwesome/.gitignore

@@ -26,8 +26,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+.idea
 
-# Ignore font awesome file
-prototype/fontawesome/
-prototype/fontawesome_free/
-.idea

StreamAwesome/package.json

@@ -13,7 +13,8 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "format": "prettier --write src/",
     "prepare": "cd ../ && husky ./StreamAwesome/.husky",
-    "tidy": "npm run lint && npm run format"
+    "tidy": "npm run lint && npm run format",
+    "render-version": "../.devcontainer/render-version.sh"
   },
   "dependencies": {
     "@vueuse/core": "^14.1.0",

StreamAwesome/src/components/browser/IconBrowser.vue

@@ -5,7 +5,7 @@ import Icon from '@/components/utils/IconDisplay.vue'
 import { FontAwesomeBrowser } from '@/logic/fontAwesomeBrowser'
 import type { FontAwesomeIcon } from '@/model/fontAwesomeIcon'
 import type { FontAwesomeIconType } from '@/model/fontAwesomeIconType'
-import { fontAwesomeVersionInfo } from '@/model/versions'
+import { fontAwesomeVersionInfo } from '@/model/fontAwesomeInfo'
 import { useIconsStore } from '@/stores/icons'
 import { ref } from 'vue'
 

StreamAwesome/src/components/settings/GeneralOptions.vue

@@ -14,7 +14,7 @@ import { FontAwesomeIconType } from '@/model/fontAwesomeIconType'
 import Icon from '@/components/utils/IconDisplay.vue'
 import type { FontAwesomeIcon } from '@/model/fontAwesomeIcon'
 import { ref } from 'vue'
-import { fontAwesomeVersionInfo } from '@/model/versions'
+import { fontAwesomeVersionInfo } from '@/model/fontAwesomeInfo'
 
 const props = defineProps<{
   icon: CustomIcon<FontAwesomePreset>

StreamAwesome/src/components/utils/AppFooter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { fontAwesomeVersionInfo } from '@/model/versions'
+import { fontAwesomeVersionInfo } from '@/model/fontAwesomeInfo'
 </script>
 
 <template>

StreamAwesome/src/logic/generator/iconGenerator.ts

@@ -6,7 +6,7 @@ import {
   type FontWeight
 } from '@/model/fontAwesomeConstants'
 import { FontAwesomeIconType } from '@/model/fontAwesomeIconType'
-import { fontAwesomeVersionInfo } from '@/model/versions'
+import { fontAwesomeVersionInfo } from '@/model/fontAwesomeInfo'
 import chroma from 'chroma-js'
 import namer from 'color-namer'
 import { addMetadata } from 'meta-png'

StreamAwesome/src/logic/persistence/PersistenceHandler.ts

@@ -1,6 +1,6 @@
 import type { CustomIcon, FontAwesomePreset } from '@/model/customIcon'
-import { streamAwesomeVersionInfo } from '@/model/versions'
 import { PersistentIconConverter } from './PersistentIconConverter'
+import { streamAwesomeVersion } from '@/version'
 
 export const metaDataKeyword = 'StreamAwesomeIcon'
 
@@ -18,7 +18,7 @@ export class PersistenceHandler {
       return null
     }
 
-    if (record.version !== streamAwesomeVersionInfo) {
+    if (record.version !== streamAwesomeVersion) {
       console.error('Incompatible version found in persistent icon.')
 
       return null
@@ -36,7 +36,7 @@ export class PersistenceHandler {
       {}
     )
     return {
-      version: streamAwesomeVersionInfo,
+      version: streamAwesomeVersion,
       ...flattenedIcon
     }
   }

StreamAwesome/src/model/fontAwesomeIconType.ts

@@ -6,7 +6,7 @@ import {
   type FontWeight
 } from '@/model/fontAwesomeConstants'
 import type { FontAwesomeIcon } from '@/model/fontAwesomeIcon'
-import { fontAwesomeVersionInfo } from '@/model/versions'
+import { fontAwesomeVersionInfo } from '@/model/fontAwesomeInfo'
 
 export class FontAwesomeIconType {
   constructor(

StreamAwesome/src/model/versions.ts → StreamAwesome/src/model/fontAwesomeInfo.ts

@@ -1,5 +1,3 @@
-export const streamAwesomeVersionInfo = '3.3.0'
-
 export type fontLicense = 'Free' | 'Pro'
 export const fontAwesomeVersionInfo: {
   readonly fontFamilyBase: string

StreamAwesome/src/utils/initFontAwesome.ts

@@ -1,4 +1,4 @@
-import { fontAwesomeVersionInfo, setFontAwesomeLicense } from '../model/versions'
+import { fontAwesomeVersionInfo, setFontAwesomeLicense } from '../model/fontAwesomeInfo'
 
 // Style file lists cannot be defined using named constants
 // See: https://vite.dev/guide/features.html#glob-import-caveats

StreamAwesome/src/version.ts

@@ -0,0 +1 @@
+export const streamAwesomeVersion = '0.0.0'

StreamAwesome/src/views/HomeView.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import MainSettings from '@/components/MainSettings.vue'
-import { streamAwesomeVersionInfo } from '@/model/versions'
+import { streamAwesomeVersion } from '@/version'
 </script>
 
 <template>
   <main>
     <h1 class="text-center text-3xl font-bold md:text-start">
       Stream Awesome
-      <span class="text-sm text-gray-400">{{ streamAwesomeVersionInfo }}</span>
+      <span class="text-sm text-gray-400">{{ streamAwesomeVersion }}</span>
     </h1>
     <MainSettings />
   </main>