From 81c7496264402e18fd16a52400ff6401d4b63fef Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Mon, 29 Sep 2025 21:53:11 +0200
Subject: [PATCH] feat: Inject package.json version into the app

---
 eslint.config.js |  9 ++++++++-
 src/App.vue      |  2 +-
 vite.config.js   | 15 +++++++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 24f9a96..c210ee8 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -6,7 +6,14 @@ import eslintConfigPrettier from "@vue/eslint-config-prettier";
 /** @type {import('eslint').Linter.Config[]} */
 export default [
   { files: ["**/*.{js,mjs,cjs,vue}"] },
-  { languageOptions: { globals: globals.browser } },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        __APP_VERSION__: "readable",
+      },
+    },
+  },
   pluginJs.configs.recommended,
   ...pluginVue.configs["flat/recommended"],
   eslintConfigPrettier,
diff --git a/src/App.vue b/src/App.vue
index 4f02320..7a12097 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -54,7 +54,6 @@
         />
       </Navbar>
     </div>
-
     <section id="main-section" class="section">
       <div v-cloak class="container">
         <ConnectivityChecker
@@ -154,6 +153,7 @@ export default {
     this.buildDashboard();
     window.onhashchange = this.buildDashboard;
     this.loaded = true;
+    console.info(`Homer v${__APP_VERSION__}`);
   },
   beforeUnmount() {
     window.onhashchange = null;
diff --git a/vite.config.js b/vite.config.js
index 9da0c62..b2f5a5d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,13 +7,28 @@ import process from "process";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 
+import { version } from "./package.json";
+
+function writeVersionPlugin() {
+  return {
+    name: "write-version",
+    closeBundle() {
+      fs.writeFileSync("dist/VERSION", version);
+    },
+  };
+}
+
 // https://vitejs.dev/config/
 export default defineConfig({
   base: "",
   build: {
     assetsDir: "resources",
   },
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+  },
   plugins: [
+    writeVersionPlugin(),
     // Custom plugin to serve dummy-data JSON files without sourcemap injection
     {
       name: "dummy-data-json-handler",