@necrolab/dashboard 0.4.213 → 0.4.214

package/backend/api.js

@@ -136,7 +136,7 @@ app.ws("/api/updates", async function (ws, req) {
             pushWSUpdate({ event: "startup", message: "Starting Bot", user: currentUser.name });
             await utils.sleep(750);
 
-            pushWSUpdate({ event: "startup", done: true, user: currentUser.name });
+            pushWSUpdate({ event: "startup", done: true, user: currentUser.name, version: "1.0" });
             ws.send(
                 JSON.stringify([
                     { event: "set-button-disabled", button: "add-tasks", value: false },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.213",
+    "version": "0.4.214",
     "scripts": {
         "build": "npx workbox-cli generateSW workbox-config.js && vite build",
         "dev": "vite",

package/src/components/Tasks/QuickSettings.vue

@@ -49,7 +49,11 @@
             />
         </div>
         <div class="flex mt-5 justify-between flex-row items-center">
-            <span class="text-light-400 text-sm">v{{ version }}</span>
+            <div>
+                <p class="text-light-400 text-sm">Dashboard: v{{ version }}</p>
+                <p class="text-light-400 text-sm">Bot: v{{ ui.botVersion }}</p>
+            </div>
+
             <div class="flex gap-5">
                 <button
                     class="button-default hover:opacity-70 active:opacity-50 bg-dark-400 w-24 text-xs flex items-center justify-center gap-x-2"

package/src/components/ui/Navbar.vue

@@ -98,9 +98,15 @@
                     <!-- <div class="w-10 h-10 rounded-full bg-light-300"></div> -->
                     <img :src="ui.profile?.profilePicture" alt="" class="h-10 w-10 rounded-full" />
                 </div>
-                <span class="bg-dark-500 rounded-full text-sm shadow-lg p-2 px-3 text-light-400 mx-auto mt-6 mb-14"
-                    >v{{ version }}</span
-                >
+
+                <div class="mx-auto mt-6 mb-14 flex gap-3">
+                    <span class="bg-dark-500 rounded-full text-sm shadow-lg p-2 px-3 text-light-400"
+                        >Dashboard: v{{ dashVersion }}</span
+                    >
+                    <span class="bg-dark-500 rounded-full text-sm shadow-lg p-2 px-3 text-light-400"
+                        >Bot: v{{ ui.botVersion }}</span
+                    >
+                </div>
             </div>
         </transition>
     </div>
@@ -175,7 +181,7 @@ window.matchMedia("(orientation: portrait)").addEventListener("change", (e) => {
     else landscapeIos.value = false;
 });
 
-const version = __APP_VERSION__;
+const dashVersion = __APP_VERSION__;
 const ui = useUIStore();
 const menuOpen = storeToRefs(ui).menuOpen;
 const toggleMenu = () => {

package/src/stores/connection.js

@@ -7,8 +7,10 @@ export class ConnectionHandler {
     handleWebsocketMessages(msg) {
         switch (msg.event) {
             case "startup":
-                if (msg.done) this.ui.hideSpinner();
-                else this.ui.startSpinner(msg.message || "Starting Bot");
+                if (msg.done) {
+                    this.ui.hideSpinner();
+                    this.ui.setBotVersion(msg.version || "-");
+                } else this.ui.startSpinner(msg.message || "Starting Bot");
                 break;
 
             case "stop-all":

package/src/stores/ui.js

@@ -26,6 +26,8 @@ export const useUIStore = defineStore("ui", () => {
     const tasks = ref({});
 
     const showSpinner = ref(false);
+    const botVersion = ref("-");
+
     const spinnerMessage = ref("");
 
     const profile = ref({
@@ -537,6 +539,10 @@ export const useUIStore = defineStore("ui", () => {
             showSpinner.value = false;
             enableScroll();
         },
+        setBotVersion: (version) => {
+            botVersion.value = version;
+        },
+        botVersion,
 
         spinnerMessage,
         showSpinner,