@necrolab/dashboard 0.4.220 → 0.5.1

package/exit

@@ -0,0 +1,209 @@
+#!/bin/bash
+
+# 🎯 Necro Dashboard Exit - Fire Edition 🔥
+# Enhanced exit script with style and robust functionality
+
+# Colors for that fire output 🌈
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+BLUE='\033[0;34m'
+PURPLE='\033[0;35m'
+CYAN='\033[0;36m'
+WHITE='\033[1;37m'
+BOLD='\033[1m'
+NC='\033[0m' # No Color
+
+# Fire emojis for maximum style
+FIRE="🔥"
+STOP="🛑"
+GEAR="⚙️"
+CHECK="✅"
+CROSS="❌"
+LIGHTNING="⚡"
+SKULL="💀"
+
+# Banner function
+show_banner() {
+    echo -e "${RED}${BOLD}"
+    echo "   ███╗   ██╗███████╗ ██████╗██████╗  ██████╗ "
+    echo "   ████╗  ██║██╔════╝██╔════╝██╔══██╗██╔═══██╗"
+    echo "   ██╔██╗ ██║█████╗  ██║     ██████╔╝██║   ██║"
+    echo "   ██║╚██╗██║██╔══╝  ██║     ██╔══██╗██║   ██║"
+    echo "   ██║ ╚████║███████╗╚██████╗██║  ██║╚██████╔╝"
+    echo "   ╚═╝  ╚═══╝╚══════╝ ╚═════╝╚═╝  ╚═╝ ╚═════╝ "
+    echo -e "${NC}"
+    echo -e "${RED}${BOLD}Dashboard Exit ${SKULL} v2.0${NC}"
+    echo -e "${WHITE}────────────────────────────────────────────${NC}"
+}
+
+# Success message
+success() {
+    echo -e "${GREEN}${BOLD}${CHECK} $1${NC}"
+}
+
+# Error message
+error() {
+    echo -e "${RED}${BOLD}${CROSS} $1${NC}"
+}
+
+# Info message
+info() {
+    echo -e "${CYAN}${BOLD}${LIGHTNING} $1${NC}"
+}
+
+# Warning message
+warn() {
+    echo -e "${YELLOW}${BOLD}⚠️  $1${NC}"
+}
+
+# Check if lsof is available
+check_lsof() {
+    if ! command -v lsof &> /dev/null; then
+        error "lsof is not installed or not in PATH"
+        warn "Install with: brew install lsof (macOS) or apt-get install lsof (Linux)"
+        exit 1
+    fi
+}
+
+# Function to kill process on a specific port with enhanced feedback
+kill_port() {
+    local port=$1
+    local service_name=$2
+    
+    info "Checking for processes on port ${port} (${service_name})..."
+    
+    # Get PID using lsof
+    local pid=$(lsof -ti:$port 2>/dev/null)
+    
+    if [ -n "$pid" ]; then
+        # Get process name for better feedback
+        local process_name=$(ps -p $pid -o comm= 2>/dev/null || echo "unknown")
+        
+        warn "Found process: ${process_name} (PID: ${pid}) on port ${port}"
+        
+        # Try graceful termination first
+        info "Attempting graceful shutdown..."
+        if kill -TERM $pid 2>/dev/null; then
+            sleep 2
+            
+            # Check if process is still running
+            if kill -0 $pid 2>/dev/null; then
+                warn "Process still running, forcing termination..."
+                if kill -9 $pid 2>/dev/null; then
+                    success "Process ${pid} forcefully terminated on port ${port}"
+                else
+                    error "Failed to kill process ${pid} on port ${port}"
+                    return 1
+                fi
+            else
+                success "Process ${pid} gracefully terminated on port ${port}"
+            fi
+        else
+            error "Failed to send termination signal to process ${pid}"
+            return 1
+        fi
+    else
+        info "No process found on port ${port} (${service_name})"
+    fi
+    
+    return 0
+}
+
+# Function to kill all Node.js processes
+kill_all_node() {
+    info "Searching for Node.js processes..."
+    
+    local node_pids=$(pgrep -f "node" 2>/dev/null)
+    
+    if [ -n "$node_pids" ]; then
+        warn "Found Node.js processes, terminating..."
+        echo "$node_pids" | while read -r pid; do
+            if [ -n "$pid" ]; then
+                local process_info=$(ps -p $pid -o args= 2>/dev/null || echo "unknown")
+                info "Killing Node.js process: $pid ($process_info)"
+                kill -TERM $pid 2>/dev/null || kill -9 $pid 2>/dev/null
+            fi
+        done
+        success "All Node.js processes terminated"
+    else
+        info "No Node.js processes found"
+    fi
+}
+
+# Function to clean up development servers
+cleanup_dev_servers() {
+    info "Cleaning up development servers ${GEAR}"
+    
+    # Kill specific ports used by the dashboard
+    kill_port 5173 "Vite Dev Server"
+    kill_port 8081 "Backend Server"
+    kill_port 3000 "Alternative Dev Server"
+    kill_port 8080 "Alternative Backend"
+    
+    echo ""
+}
+
+# Help function
+show_help() {
+    echo -e "${WHITE}${BOLD}Usage:${NC}"
+    echo -e "  ${CYAN}./exit${NC}          ${WHITE}Stop dashboard servers (ports 5173, 8081)${NC}"
+    echo -e "  ${CYAN}./exit all${NC}      ${WHITE}Stop all Node.js processes${NC}"
+    echo -e "  ${CYAN}./exit port <n>${NC} ${WHITE}Stop process on specific port${NC}"
+    echo -e "  ${CYAN}./exit help${NC}     ${WHITE}Show this help message${NC}"
+    echo ""
+    echo -e "${WHITE}${BOLD}Examples:${NC}"
+    echo -e "  ${YELLOW}./exit${NC}          ${GREEN}# Stop dashboard servers${NC}"
+    echo -e "  ${YELLOW}./exit all${NC}      ${GREEN}# Nuclear option - kill all Node.js${NC}"
+    echo -e "  ${YELLOW}./exit port 3000${NC} ${GREEN}# Stop specific port${NC}"
+    echo ""
+    echo -e "${RED}Made with ${SKULL} for clean shutdowns${NC}"
+}
+
+# Main execution flow
+main() {
+    # Clear screen for clean output
+    clear
+    
+    # Show the banner
+    show_banner
+    
+    # Check dependencies
+    check_lsof
+    
+    case "${1:-}" in
+        "all")
+            kill_all_node
+            ;;
+        "port")
+            if [ -z "$2" ]; then
+                error "Port number required"
+                echo -e "${CYAN}Usage: ./exit port <port_number>${NC}"
+                exit 1
+            fi
+            kill_port "$2" "Custom Port"
+            ;;
+        "help"|"-h"|"--help")
+            show_help
+            ;;
+        "")
+            cleanup_dev_servers
+            ;;
+        *)
+            warn "Unknown command: $1"
+            echo ""
+            show_help
+            exit 1
+            ;;
+    esac
+    
+    echo ""
+    success "Exit sequence completed ${STOP}"
+    echo -e "${PURPLE}Dashboard processes have been terminated ${FIRE}${NC}"
+}
+
+# Error handling for script interruption
+trap 'echo -e "\n${YELLOW}${BOLD}${LIGHTNING} Exit script interrupted${NC}"; exit 0' INT
+
+# Run the main function
+main "$@"

package/index.html

@@ -9,6 +9,11 @@
         />
         <meta name="description" content="Necro Lab - dashboard" />
         <title>Necro Lab - Dashboard</title>
+        <!-- DNS prefetch for external resources -->
+        <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
+        <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
+
+        <!-- Preconnect for critical external resources -->
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
@@ -16,26 +21,91 @@
             rel="stylesheet"
         />
 
-        <!-- prefetch SVG icons -->
-        <link rel="prefetch" as="image" href="/img/pencil.svg" />
-        <link rel="prefetch" as="image" href="/img/scanner.svg" />
-        <link rel="prefetch" as="image" href="/img/background.svg" />
+        <!-- Preload critical fonts -->
+        <link
+            rel="preload"
+            href="https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2"
+            as="font"
+            type="font/woff2"
+            crossorigin
+        />
+
+        <!-- Preload critical assets -->
+        <link rel="preload" as="image" href="/img/background.svg" />
+        <link rel="preload" as="image" href="/img/logo_trans.png" />
+
+        <!-- Prefetch core navigation icons -->
         <link rel="prefetch" as="image" href="/img/close.svg" />
         <link rel="prefetch" as="image" href="/img/mail.svg" />
+        <link rel="prefetch" as="image" href="/img/groups.svg" />
+        <link rel="prefetch" as="image" href="/img/reload.svg" />
+
+        <!-- Prefetch task-related icons -->
+        <link rel="prefetch" as="image" href="/img/pencil.svg" />
+        <link rel="prefetch" as="image" href="/img/scanner.svg" />
         <link rel="prefetch" as="image" href="/img/key.svg" />
         <link rel="prefetch" as="image" href="/img/camera.svg" />
         <link rel="prefetch" as="image" href="/img/timer.svg" />
-        <link rel="prefetch" as="image" href="/img/groups.svg" />
         <link rel="prefetch" as="image" href="/img/hand.svg" />
         <link rel="prefetch" as="image" href="/img/savings.svg" />
         <link rel="prefetch" as="image" href="/img/loyalty.svg" />
         <link rel="prefetch" as="image" href="/img/shield.svg" />
         <link rel="prefetch" as="image" href="/img/ski.svg" />
         <link rel="prefetch" as="image" href="/img/sell.svg" />
-        <link rel="prefetch" as="image" href="/img/sell.svg" />
+        <link rel="prefetch" as="image" href="/img/award.svg" />
+        <link rel="prefetch" as="image" href="/img/stadium.svg" />
+        <link rel="prefetch" as="image" href="/img/stadium_w.svg" />
+        <link rel="prefetch" as="image" href="/img/bag_w.svg" />
+        <link rel="prefetch" as="image" href="/img/sandclock.svg" />
+        <link rel="prefetch" as="image" href="/img/profile.svg" />
+
+        <!-- Prefetch control icons -->
+        <link rel="prefetch" as="image" href="/img/controls/enable.svg" />
+        <link rel="prefetch" as="image" href="/img/controls/disable.svg" />
+
+        <!-- Prefetch payment icons -->
+        <link rel="prefetch" as="image" href="/img/banks/visa.svg" />
+        <link rel="prefetch" as="image" href="/img/banks/mastercard.svg" />
+        <link rel="prefetch" as="image" href="/img/banks/amex.svg" />
+
+        <!-- Prefetch all flag icons (country selector) -->
+        <link rel="prefetch" as="image" href="/flags/us.svg" />
+        <link rel="prefetch" as="image" href="/flags/uk.svg" />
+        <link rel="prefetch" as="image" href="/flags/au.svg" />
+        <link rel="prefetch" as="image" href="/flags/de.svg" />
+        <link rel="prefetch" as="image" href="/flags/nl.svg" />
+        <link rel="prefetch" as="image" href="/flags/at.svg" />
+        <link rel="prefetch" as="image" href="/flags/be.svg" />
+        <link rel="prefetch" as="image" href="/flags/ch.svg" />
+        <link rel="prefetch" as="image" href="/flags/cz.svg" />
+        <link rel="prefetch" as="image" href="/flags/dk.svg" />
+        <link rel="prefetch" as="image" href="/flags/es.svg" />
+        <link rel="prefetch" as="image" href="/flags/no.svg" />
+        <link rel="prefetch" as="image" href="/flags/nz.svg" />
+        <link rel="prefetch" as="image" href="/flags/pl.svg" />
+        <link rel="prefetch" as="image" href="/flags/se.svg" />
+        <link rel="prefetch" as="image" href="/flags/ae.svg" />
+
+        <!-- Prefetch other logo variants -->
+        <link rel="prefetch" as="image" href="/android-chrome-192x192.png" />
+
+        <!-- Prefetch PWA resources -->
+        <link rel="prefetch" as="script" href="/sw.js" />
+
+        <!-- Preload critical PWA manifest -->
+        <link rel="preload" as="fetch" href="/manifest.json" crossorigin />
         <link rel="manifest" href="/manifest.json" />
-        <meta name="theme-color" content="rgba(28, 28, 49, 1)" />
-        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+        <meta name="theme-color" content="#1a1b1e" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" />
+
+        <!-- Prism.js for syntax highlighting -->
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css"
+        />
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-json.min.js"></script>
     </head>
 
     <body class="w-full">

package/index.js

@@ -1,2 +1,2 @@
-const api = require("./backend");
+import api from "./backend/index.js";
 api.start();

package/jsconfig.json

@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["src/*"]
+        },
+        "allowJs": true,
+        "checkJs": false,
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "target": "ESNext",
+        "jsx": "preserve"
+    },
+    "exclude": ["node_modules", "dist"],
+    "include": ["src/**/*"]
+}

package/package.json

@@ -1,38 +1,39 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.220",
+    "version": "0.5.1",
+    "type": "module",
     "scripts": {
-        "build": "npx workbox-cli generateSW workbox-config.js && vite build",
-        "dev": "vite",
-        "bot": "vite",
-        "expose": "vite --host 0.0.0.0",
+        "build": "rm -rf dist && npx workbox-cli generateSW workbox-config.cjs && vite build",
+        "dev": "node dev-server.js",
+        "bot": "node dev-server.js",
+        "expose": "node dev-server.js",
         "postinstall": "node postinstall.js",
         "updaterenderer": "npm i @necrolab/tm-renderer@latest",
         "preview": "vite preview",
         "lint": "npx eslint src/ --fix"
     },
     "dependencies": {
-        "@faker-js/faker": "^7.6.0",
         "@msgpack/msgpack": "^3.0.0-beta2",
-        "@necrolab/tm-renderer": "^0.1.4",
-        "@vitejs/plugin-vue": "^5.0.3",
-        "@vueuse/core": "^10.7.2",
-        "autoprefixer": "^10.4.17",
-        "caniuse-lite": "^1.0.30001696",
-        "cookie-parser": "^1.4.6",
+        "@necrolab/tm-renderer": "^0.1.12",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@vueuse/core": "^11.3.0",
+        "autoprefixer": "^10.4.21",
+        "caniuse-lite": "^1.0.30001692",
+        "cookie-parser": "^1.4.7",
         "cors": "^2.8.5",
-        "dragselect": "^3.0.4",
-        "express": "^4.19.1",
+        "express": "^4.21.2",
         "express-ws": "^5.0.2",
-        "pinia": "^2.1.7",
-        "postcss": "^8.4.34",
+        "ipaddr.js": "^2.2.0",
+        "pinia": "^2.3.0",
+        "postcss": "^8.4.49",
+        "prettier": "^3.5.3",
+        "prettier-plugin-tailwindcss": "^0.6.12",
         "register-service-worker": "^1.7.2",
-        "sass": "^1.70.0",
-        "simple-code-editor": "github:wwhtrbbtt/simple-code-editor",
-        "tailwindcss": "^3.4.1",
-        "vite": "^5.0.12",
-        "vue": "^3.4.21",
-        "vue-router": "^4.2.5",
+        "sass": "^1.83.0",
+        "tailwindcss": "^3.4.17",
+        "vite": "^6.3.5",
+        "vue": "^3.5.14",
+        "vue-router": "^4.5.0",
         "vue-smoothie": "^1.2.0",
         "vue-virtual-scroller": "^2.0.0-beta.8",
         "vue3-toastify": "^0.0.4",
@@ -41,8 +42,21 @@
     },
     "main": "index.js",
     "devDependencies": {
-        "@vue/cli-plugin-pwa": "^5.0.8",
-        "eslint": "^8.56.0",
-        "eslint-plugin-vue": "^9.21.1"
+        "eslint": "^9.17.0",
+        "eslint-plugin-vue": "^9.32.0",
+        "workbox-cli": "^7.3.0"
+    },
+    "overrides": {
+        "glob": "^11.0.0",
+        "braces": "^3.0.3",
+        "micromatch": "^4.0.8",
+        "postcss": "^8.4.49",
+        "cookie-parser": "^1.4.7",
+        "express": "^4.21.2",
+        "body-parser": "^1.20.3",
+        "whatwg-url": "^14.0.0",
+        "ws": "^8.17.1",
+        "path-to-regexp": "^0.1.12",
+        "tmp": "^0.2.3"
     }
 }

package/postcss.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

package/postinstall.js

@@ -1,20 +1,124 @@
-const fs = require("node:fs");
-const { execSync } = require("node:child_process");
-const path = require("node:path");
-
-console.log(__dirname);
-
-var vitePath = path.resolve(path.join(__dirname, "/../../vite/bin/vite.js"));
-console.log(vitePath);
-execSync(`node "${vitePath}" build`, {
-    cwd: __dirname,
-    stdio: "inherit"
-});
-
-var oldPath = path.resolve("./dist/");
-var distPath = path.resolve(path.join(__dirname, "../../../dashboard/dist/"));
-fs.rmSync(distPath, {
-    recursive: true
-});
-
-fs.renameSync(oldPath, distPath);
+import fs from "node:fs";
+import { execSync } from "node:child_process";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// Read package.json to get current version
+const packageJsonPath = path.join(__dirname, "package.json");
+let currentVersion = "0.0.0";
+try {
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+    currentVersion = packageJson.version;
+} catch (e) {
+    console.error(`Failed to read package.json version: ${e.message}`);
+}
+
+try {
+    // Detect if we're running inside the project itself or as a dependency
+    const isInsideProject = __dirname.includes('node_modules') === false;
+
+    let distPath, versionFilePath;
+
+    if (isInsideProject) {
+        // Running inside the project itself - build to ./dist
+        distPath = path.join(__dirname, "dist");
+        versionFilePath = path.join(distPath, "version.txt");
+    } else {
+        // Running as a dependency - build to parent project's dashboard/dist
+        const projectRoot = path.resolve(__dirname, "../../..");
+        const dashboardDir = path.join(projectRoot, "dashboard");
+        distPath = path.join(dashboardDir, "dist");
+        versionFilePath = path.join(distPath, "version.txt");
+    }
+
+    // Check if we can skip logic
+    console.log(`Checking version at ${distPath}...`);
+    if (fs.existsSync(versionFilePath)) {
+        try {
+            const installedVersion = fs.readFileSync(versionFilePath, "utf-8").trim();
+            if (installedVersion === currentVersion) {
+                console.log(`Version ${currentVersion} is already installed at ${distPath}. Skipping build.`);
+                process.exit(0);
+            } else {
+                console.log(
+                    `Version mismatch (Installed: ${installedVersion}, Target: ${currentVersion}). Proceeding with build.`
+                );
+            }
+        } catch (readErr) {
+            console.log("Could not read version file. Proceeding with build.");
+        }
+    } else {
+        console.log("No version file found. Proceeding with build.");
+    }
+
+    console.log("Running postinstall build...");
+
+    // Service Worker
+    console.log("Generating service worker...");
+    try {
+        execSync(`npx workbox-cli generateSW workbox-config.cjs`, {
+            cwd: __dirname,
+            stdio: "inherit"
+        });
+    } catch (error) {
+        console.error("Failed to generate service worker.");
+        throw error;
+    }
+
+    // Build
+    console.log("Building with Vite...");
+    try {
+        execSync(`npx vite build`, {
+            cwd: __dirname,
+            stdio: "inherit"
+        });
+    } catch (error) {
+        console.error("Failed to build with Vite.");
+        throw error;
+    }
+
+    const buildPath = path.join(__dirname, "dist");
+
+    if (!fs.existsSync(buildPath)) {
+        throw new Error(`Build failed: ${buildPath} does not exist.`);
+    }
+
+    if (isInsideProject) {
+        // Running inside project - dist is already in the right place, just write version
+        console.log("Build artifacts already in correct location.");
+        fs.writeFileSync(versionFilePath, currentVersion);
+        console.log(`Written version ${currentVersion} to ${versionFilePath}`);
+    } else {
+        // Running as dependency - move dist to parent project
+        console.log("Moving build artifacts...");
+
+        // Ensure target directory exists
+        const dashboardDir = path.dirname(distPath);
+        if (!fs.existsSync(dashboardDir)) {
+            console.log(`Creating target directory: ${dashboardDir}`);
+            fs.mkdirSync(dashboardDir, { recursive: true });
+        }
+
+        // Clean destination
+        if (fs.existsSync(distPath)) {
+            fs.rmSync(distPath, { recursive: true, force: true });
+        }
+
+        // Copy
+        fs.cpSync(buildPath, distPath, { recursive: true });
+
+        // Write version file
+        fs.writeFileSync(versionFilePath, currentVersion);
+        console.log(`Written version ${currentVersion} to ${versionFilePath}`);
+
+        // Cleanup source dist
+        fs.rmSync(buildPath, { recursive: true, force: true });
+    }
+
+    console.log("Postinstall completed successfully.");
+} catch (e) {
+    console.error(`An error occurred: ${e.message}`);
+    process.exit(1);
+}

package/public/manifest.json

@@ -1,27 +1,33 @@
 {
-    "short_name": "Russonoro",
-    "name": "Russonoro Labs",
-    "icons": [{
-            "src": "/android-chrome-192x192.png",
+    "short_name": "Necro",
+    "name": "Necro Dashboard",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png?v=2",
             "type": "image/png",
             "sizes": "192x192"
         },
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "/android-chrome-192x192.png?v=2",
             "type": "image/png",
             "sizes": "192x192",
             "purpose": "any maskable"
-
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/android-chrome-512x512.png?v=2",
             "type": "image/png",
             "sizes": "512x512"
+        },
+        {
+            "src": "/apple-touch-icon.png?v=2",
+            "type": "image/png",
+            "sizes": "180x180"
         }
     ],
     "start_url": "/",
-    "background_color": "#202036",
+    "background_color": "#2e2f32",
     "display": "standalone",
     "scope": "/",
-    "theme_color": "#202036"
-}
+    "theme_color": "#2e2f32",
+    "description": "Necro Lab"
+}