Update version parsing

Author: chrisvel

backend/internal/web/handlers.go

@@ -8,6 +8,7 @@ import (
 	"math"
 	"net"
 	"net/http"
+	"os"
 	"path/filepath"
 	"strings"
 	"time"
@@ -2205,8 +2206,11 @@ func (h *WebHandler) APIAbout(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	// Read version from package.json
+	version := h.getVersionFromPackageJSON()
+
 	response := map[string]interface{}{
-		"version": "0.14",
+		"version": version,
 	}
 
 	w.Header().Set("Content-Type", "application/json")
@@ -2396,3 +2400,31 @@ func (h *WebHandler) APINetworksDebug(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
+// getVersionFromPackageJSON reads the version from package.json
+func (h *WebHandler) getVersionFromPackageJSON() string {
+	// Try to read package.json from the project root
+	packageJSONPath := filepath.Join("..", "package.json")
+
+	// If that doesn't work, try relative to the binary location
+	if _, err := os.Stat(packageJSONPath); os.IsNotExist(err) {
+		packageJSONPath = "package.json"
+	}
+
+	data, err := os.ReadFile(packageJSONPath)
+	if err != nil {
+		log.Printf("Error reading package.json: %v", err)
+		return "unknown"
+	}
+
+	var packageInfo struct {
+		Version string `json:"version"`
+	}
+
+	if err := json.Unmarshal(data, &packageInfo); err != nil {
+		log.Printf("Error parsing package.json: %v", err)
+		return "unknown"
+	}
+
+	return packageInfo.Version
+}
+

backend/static/js/devices.js

@@ -57,7 +57,7 @@ function renderDeviceGrid(devices) {
         console.log('devices-container not found in renderDeviceGrid');
         return;
     }
-    
+
     console.log('Devices length:', devices ? devices.length : 'null/undefined');
     if (!devices || devices.length === 0) {
         console.log('No devices found, showing empty message');
@@ -70,12 +70,35 @@ function renderDeviceGrid(devices) {
         `;
         return;
     }
-    
-    console.log('Rendering', devices.length, 'devices');
+
+    // Filter out devices that have never been online
+    // Only show devices that have been seen at least once (have LastSeenOnlineAt timestamp or are currently online/offline)
+    const onlineDevices = devices.filter(device => {
+        return device.LastSeenOnlineAt ||
+               device.status === 'online' ||
+               device.status === 'offline' ||
+               device.status === 'idle';
+    });
+
+    console.log('Filtered to', onlineDevices.length, 'devices that have been online (from', devices.length, 'total)');
+
+    if (onlineDevices.length === 0) {
+        console.log('No online devices found, showing empty message');
+        devicesContainer.innerHTML = `
+            <div class="text-center py-8 text-gray-400">
+                <i class="ti ti-router text-4xl mb-2 block"></i>
+                <p>No devices have been seen online</p>
+                <p class="text-sm text-gray-500">Start a network scan to discover devices</p>
+            </div>
+        `;
+        return;
+    }
+
+    console.log('Rendering', onlineDevices.length, 'online devices');
 
     let gridHTML = '<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">';
-    
-    devices.forEach(device => {
+
+    onlineDevices.forEach(device => {
         // Count ports
         let openPorts = 0;
         let filteredPorts = 0;
@@ -154,7 +177,7 @@ function renderDeviceModal(device, screenshotsEnabled = false) {
                         ${device.mac ? `<div><span style="color: var(--text-muted);">MAC Address:</span> <span class="text-blue-400">${device.mac}</span></div>` : ''}
                         ${device.hostname ? `<div><span style="color: var(--text-muted);">Hostname:</span> <span style="color: var(--text-primary);">${device.hostname}</span></div>` : ''}
                         <div><span style="color: var(--text-muted);">Status:</span> <span class="px-2 py-1 rounded text-xs ${getStatusBadgeColor(device.status)}">${device.status}</span></div>
-                        ${device.LastSeen ? `<div><span style="color: var(--text-muted);">Last Seen:</span> <span style="color: var(--text-primary);">${formatLogTime(device.LastSeen)}</span></div>` : ''}
+                        ${device.LastSeenOnlineAt ? `<div><span style="color: var(--text-muted);">Last Seen:</span> <span style="color: var(--text-primary);">${formatLogTime(device.LastSeenOnlineAt)}</span></div>` : ''}
                     </div>
                 </div>
                 

backend/static/js/main.js

@@ -115,16 +115,30 @@ function loadAboutPage() {
 }
 
 function showAboutModal() {
+    // Fetch version from API first
+    fetch('/api/about', { credentials: 'include' })
+        .then(response => response.json())
+        .then(data => {
+            const version = data.version || 'unknown';
+            displayAboutModal(version);
+        })
+        .catch(error => {
+            console.error('Error fetching version:', error);
+            displayAboutModal('unknown');
+        });
+}
+
+function displayAboutModal(version) {
     const aboutContent = `
         <div class="p-6 max-w-2xl mx-auto">
             <!-- Header -->
             <div class="text-center mb-6">
-                <h1 class="text-3xl font-bold text-green-500 mb-3">
+                <h1 class="text-3xl font-bold text-green-500 mb-3" style="font-family: 'Orbitron', monospace; font-weight: 800; letter-spacing: 0.5px;">
                     <i class="ti ti-network mr-2"></i>reconYa
                 </h1>
                 <p class="text-lg text-gray-300 mb-3">Network Reconnaissance and Asset Discovery Tool</p>
                 <div class="inline-block bg-green-500 text-black px-3 py-1 rounded text-sm font-semibold">
-                    Version 1.0.0
+                    v${version}
                 </div>
             </div>
 
@@ -183,7 +197,7 @@ function showAboutModal() {
             </div>
         </div>
     `;
-    
+
     // Create and show modal
     const modalEl = document.getElementById('aboutModal');
     if (modalEl) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reconya",
-  "version": "0.18.1",
+  "version": "0.21",
   "description": "Network reconnaissance and asset discovery tool",
   "main": "scripts/index.js",
   "scripts": {