@necrolab/dashboard 0.4.38 → 0.4.40

package/.claude/settings.local.json

@@ -44,7 +44,13 @@
       "Bash(npx eslint:*)",
       "Bash(cp:*)",
       "Bash(sed:*)",
-      "Bash(true)"
+      "Bash(true)",
+      "Bash(./run build)",
+      "Bash(mv:*)",
+      "Bash(chown:*)",
+      "Bash(chmod:*)",
+      "Bash(timeout 10s npm run dev)",
+      "Bash(gtimeout:*)"
     ],
     "deny": []
   }

package/.prettierrc

@@ -6,5 +6,18 @@
     "trailingComma": "none",
     "bracketSpacing": true,
     "arrowParens": "always",
-    "printWidth": 120
+    "printWidth": 120,
+    "vueIndentScriptAndStyle": false,
+    "htmlWhitespaceSensitivity": "ignore",
+    "bracketSameLine": true,
+    "singleAttributePerLine": false,
+    "overrides": [
+        {
+            "files": "*.vue",
+            "options": {
+                "vueIndentScriptAndStyle": false,
+                "htmlWhitespaceSensitivity": "ignore"
+            }
+        }
+    ]
 }

package/backend/api.js

@@ -1,18 +1,22 @@
-const enableWs = require("express-ws");
-const express = require("express");
-const cors = require("cors");
-const cookieParser = require("cookie-parser");
-const { encode } = require("@msgpack/msgpack");
-const fs = require("node:fs");
-const path = require("node:path");
-
-const { createLogger } = require("./mock-src/classes/logger");
-const utils = require("./mock-src/classes/utils");
-
-const Batcher = require("./batching");
-const endpoints = require("./endpoints");
-const authSystem = require("./auth");
-const { users } = require("./mock-data.js");
+import enableWs from "express-ws";
+import express from "express";
+import cors from "cors";
+import cookieParser from "cookie-parser";
+import { encode } from "@msgpack/msgpack";
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+import { createLogger } from "./mock-src/classes/logger.js";
+import utils from "./mock-src/classes/utils.js";
+
+import Batcher from "./batching.js";
+import endpoints from "./endpoints.js";
+import authSystem from "./auth.js";
+import { users } from "./mock-data.js";
 
 const logger = createLogger("WEB UI");
 
@@ -175,6 +179,11 @@ app.ws("/api/updates", async function (ws, req) {
     }
 });
 
+// Root route - serve the main app
+app.get("/", (req, res) => {
+    res.sendFile(path.join(__dirname, "../dist/index.html"));
+});
+
 // catches vue reloads
 app.use(
     ["/login", "/console", "/editor", "/filter", "/profiles", "/accounts"],
@@ -420,7 +429,7 @@ app.get("/api/userconfig/balances", async (req, res) => {
     return res.send({ CapSolver: 100, TwoCaptcha: 40 });
 });
 
-module.exports = {
+export default {
     start: async () => {
         // onChange = (await import('on-change')).default;
         app.listen(port, "0.0.0.0", () => {

package/backend/auth.js

@@ -1,4 +1,4 @@
-const crypto = require("node:crypto");
+import crypto from "node:crypto";
 
 const generateAuthToken = () => {
     return crypto.randomUUID();
@@ -59,4 +59,4 @@ class Auth {
     }
 }
 
-module.exports = Auth;
+export default Auth;

package/backend/batching.js

@@ -40,4 +40,4 @@ class Batcher {
     }
 }
 
-module.exports = Batcher;
+export default Batcher;

package/backend/endpoints.js

@@ -1,8 +1,8 @@
-const { createLogger } = require("./mock-src/classes/logger");
-const TicketMaster = require("./mock-src/ticketmaster");
-const utils = require("./mock-src/classes/utils");
+import { createLogger } from "./mock-src/classes/logger.js";
+import TicketMaster from "./mock-src/ticketmaster.js";
+import utils from "./mock-src/classes/utils.js";
 
-const validateTaskData = require("./validator");
+import validateTaskData from "./validator.js";
 const logger = createLogger("WEB UI");
 
 const none = (v) => {
@@ -326,7 +326,7 @@ async function handleWebsocketMessage(msg) {
     }
 }
 
-module.exports = {
+export default {
     continueTask,
     tasksOpen,
     deleteTask,

package/backend/index.js

@@ -1,4 +1,4 @@
-const { users, profiles, tmAccounts, axsAccounts } = require("./mock-data");
+import { users, profiles, tmAccounts, axsAccounts } from "./mock-data.js";
 
 const Bot = {};
 
@@ -20,4 +20,4 @@ Bot.AXS = {
     Accounts: axsAccounts
 };
 
-module.exports = require("./api");
+export { default } from "./api.js";

package/backend/mock-data.js

@@ -2,17 +2,17 @@ const users = [
     {
         event: "auth",
         botChannels: {
-            splash: "950761407119511582",
-            carts: "961558093832011807",
-            checkouts: "1025407596120776794",
-            declines: "1027868055696572508",
-            stockChecker: "1099079655962722375",
-            venueMaps: "1099125114450214973"
+            splash: "-",
+            carts: "-",
+            checkouts: "-",
+            declines: "-",
+            stockChecker: "-",
+            venueMaps: "-"
         },
         _id: "641a5292b561088b64fe390b",
-        name: "admin",
+        name: "Admin",
         password: "admin",
-        profilePicture: "https://avatars.githubusercontent.com/u/202437892?s=128",
+        profilePicture: "https://cdn.discordapp.com/avatars/435549216304267264/6cfd74ad7c5939a0bcbf218aa08be8cb.png",
         admin: true,
         proxyList: { checkout: "admin-proxies" },
         profileTags: ["Amex", "Citi", "Mercury", "Slash"],
@@ -44,23 +44,22 @@ const profile = {
 const profiles = [];
 for (let i = 0; i < 1000; i++) profiles.push({ ...profile, _id: i });
 
-module.exports = {
-    users,
-    profiles,
-    tmAccounts: [
-        {
-            tags: ["admin"],
-            _id: 1,
-            password: "123",
-            email: "tm@tm.com"
-        }
-    ],
-    axsAccounts: [
-        {
-            tags: ["admin"],
-            _id: 2,
-            password: "123",
-            email: "axs@axs.com"
-        }
-    ]
-};
+export { users, profiles };
+
+export const tmAccounts = [
+    {
+        tags: ["admin"],
+        _id: 1,
+        password: "123",
+        email: "tm@tm.com"
+    }
+];
+
+export const axsAccounts = [
+    {
+        tags: ["admin"],
+        _id: 2,
+        password: "123",
+        email: "axs@axs.com"
+    }
+];

package/backend/mock-src/classes/logger.js

@@ -1,4 +1,4 @@
-const util = require("node:util");
+import util from "node:util";
 
 const zeroPadding = (num, length) => String(num).padStart(length, "0");
 
@@ -103,10 +103,8 @@ class Logger {
     }
 }
 
-module.exports = {
-    createLogger: (args) => {
-        const logger = new Logger();
-        logger.defaultArgs = typeof args == "string" ? [args] : typeof args == "object" ? args : undefined;
-        return logger;
-    }
+export const createLogger = (args) => {
+    const logger = new Logger();
+    logger.defaultArgs = typeof args == "string" ? [args] : typeof args == "object" ? args : undefined;
+    return logger;
 };

package/backend/mock-src/classes/utils.js

@@ -1,7 +1,8 @@
+import crypto from "node:crypto";
+
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const crypto = require("node:crypto");
 
-module.exports = {
+export default {
     pickAccount: () => {
         return "demo@email.com";
     },

package/backend/mock-src/ticketmaster.js

@@ -1,6 +1,6 @@
-const { createLogger } = require("./classes/logger");
+import { createLogger } from "./classes/logger.js";
 
-module.exports = class TicketMaster {
+export default class TicketMaster {
     constructor(taskData) {
         this.taskId = taskData.taskId || "T-" + ++Bot.CurrentTaskId;
         this.logger = createLogger(this.taskId);

package/backend/validator.js

@@ -1,4 +1,4 @@
-const utils = require("./mock-src/classes/utils");
+import utils from "./mock-src/classes/utils.js";
 
 const none = (v) => {
     return v === undefined;
@@ -59,4 +59,4 @@ const validateTaskData = (task) => {
     return task;
 };
 
-module.exports = validateTaskData;
+export default validateTaskData;

package/dev-server.js

@@ -0,0 +1,136 @@
+#!/usr/bin/env node
+
+import { createServer } from "vite";
+import process from "process";
+import { spawn } from "child_process";
+
+// Start backend server with mock data
+const startBackend = () => {
+    return new Promise((resolve, reject) => {
+        const backend = spawn("node", ["index.js"], {
+            stdio: ["inherit", "pipe", "pipe"],
+            env: { ...process.env, NODE_ENV: "development" }
+        });
+
+        let backendReady = false;
+
+        backend.stdout.on("data", (data) => {
+            const output = data.toString();
+
+            // Look for backend ready signal
+            if (output.includes("Web API started on port") || output.includes("8081")) {
+                backendReady = true;
+                resolve(backend);
+            }
+        });
+
+        backend.stderr.on("data", (data) => {
+            // Suppress error output unless it's critical
+            if (data.toString().includes("Error") || data.toString().includes("EADDRINUSE")) {
+                console.error("⚠️  Backend error:", data.toString().trim());
+            }
+        });
+
+        backend.on("error", (error) => {
+            reject(error);
+        });
+
+        backend.on("exit", (code) => {
+            if (code !== 0 && !backendReady) {
+                reject(new Error(`Backend failed to start`));
+            }
+        });
+
+        // Timeout fallback
+        setTimeout(() => {
+            if (!backendReady) {
+                resolve(backend);
+            }
+        }, 5000);
+    });
+};
+
+const startServer = async () => {
+    let backend;
+    let server;
+    let isShuttingDown = false;
+
+    // Cleanup function
+    const cleanup = () => {
+        if (isShuttingDown) return;
+        isShuttingDown = true;
+        
+        console.log("\n👋 Goodbye!");
+        if (backend) {
+            backend.kill("SIGTERM");
+            setTimeout(() => backend.kill("SIGKILL"), 3000);
+        }
+        if (server) {
+            server.close();
+        }
+        process.exit(0);
+    };
+
+    // Handle cleanup on various exit signals
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+
+    try {
+        console.log("🚀 Starting Necro Dashboard...");
+        
+        // Ensure proper permissions for Vite cache
+        try {
+            const fs = await import('node:fs');
+            const path = await import('node:path');
+            const cacheDir = path.resolve('./node_modules/.vite');
+            if (fs.existsSync(cacheDir)) {
+                fs.chmodSync(cacheDir, 0o755);
+            }
+        } catch (e) {
+            // Ignore permission errors
+        }
+        
+        backend = await startBackend();
+
+        server = await createServer({
+            configFile: "./vite.config.js",
+            server: {
+                port: 5173,
+                strictPort: true,
+                host: true,
+                cors: true,
+                hmr: {
+                    overlay: false
+                }
+            }
+        });
+
+        // Handle unhandled errors gracefully
+        process.on("uncaughtException", (error) => {
+            if (error.code === "ECONNRESET" || error.errno === -54) {
+                return; // Silently handle mobile reconnects
+            }
+            console.error("❌ Server error:", error.message);
+        });
+
+        process.on("unhandledRejection", (reason) => {
+            if (reason?.code === "ECONNRESET" || reason?.errno === -54) {
+                return; // Silently handle mobile reconnects
+            }
+            console.error("❌ Unhandled error:", reason?.message || reason);
+        });
+
+        await server.listen();
+
+        console.log("\n✨ Necro Dashboard is ready!");
+        console.log("🌐 Development: http://localhost:5173");
+        console.log("🌐 Staging: http://localhost:8081\n");
+        console.log("💀 Happy debugging");
+        console.log("\n\n👆 Press Ctrl+C to stop");
+    } catch (error) {
+        console.error("Failed to start server:", error);
+        process.exit(1);
+    }
+};
+
+startServer();

package/index.html

@@ -96,7 +96,7 @@
         <!-- 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)" />
+        <meta name="theme-color" content="#1a1b1e" />
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
 
         <!-- Prism.js for syntax highlighting -->

package/index.js

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

package/package.json

@@ -1,11 +1,12 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.38",
+    "version": "0.4.40",
+    "type": "module",
     "scripts": {
-        "build": "rm -rf dist && vite build && npx workbox-cli generateSW workbox-config.js",
-        "dev": "vite",
-        "bot": "vite",
-        "expose": "vite --host 0.0.0.0",
+        "build": "rm -rf dist && vite build && npx workbox-cli generateSW workbox-config.cjs",
+        "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",
@@ -14,7 +15,7 @@
     "dependencies": {
         "@faker-js/faker": "^7.6.0",
         "@msgpack/msgpack": "^3.0.0-beta2",
-        "@necrolab/tm-renderer": "^0.1.4",
+        "@necrolab/tm-renderer": "^0.1.7",
         "@vitejs/plugin-vue": "^5.2.1",
         "@vueuse/core": "^11.3.0",
         "autoprefixer": "^10.4.21",
@@ -24,6 +25,7 @@
         "dragselect": "^3.1.1",
         "express": "^4.21.2",
         "express-ws": "^5.0.2",
+        "ipaddr.js": "^2.2.0",
         "pinia": "^2.3.0",
         "postcss": "^8.4.49",
         "register-service-worker": "^1.7.2",

package/postcss.config.js

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

package/postinstall.js

@@ -1,21 +1,35 @@
-const fs = require("node:fs");
-const { execSync } = require("node:child_process");
+import fs from "node:fs";
+import { execSync } from "node:child_process";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 
-const path = require("node:path");
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-console.log(__dirname);
+console.log("🔧 Running postinstall build...");
 
-var vitePath = path.resolve(path.join(__dirname, "/../../vite/bin/vite.js"));
-console.log(vitePath);
-execSync(`node "${vitePath}" build`, {
-    cwd: __dirname,
-    stdio: "inherit"
-});
+// Use npx to run vite instead of hardcoded path
+try {
+    execSync(`npx vite build`, {
+        cwd: __dirname,
+        stdio: "inherit"
+    });
+    console.log("✅ Build completed successfully");
+} catch (error) {
+    console.log("⚠️  Build failed, but continuing...");
+}
 
-var oldPath = path.resolve("./dist/");
-var distPath = path.resolve(path.join(__dirname, "../../../dashboard/dist/"));
-fs.rmSync(distPath, {
-    recursive: true
-});
+// Only do file operations if we're in a nested structure
+const distPath = path.resolve(path.join(__dirname, "../../../dashboard/dist/"));
+const localDistPath = path.resolve("./dist/");
 
-fs.renameSync(oldPath, distPath);
+if (fs.existsSync(localDistPath) && __dirname.includes("dashboard")) {
+    try {
+        if (fs.existsSync(distPath)) {
+            fs.rmSync(distPath, { recursive: true });
+        }
+        fs.renameSync(localDistPath, distPath);
+        console.log("📁 Moved dist folder");
+    } catch (error) {
+        console.log("⚠️  Could not move dist folder, but that's okay");
+    }
+}

package/public/manifest.json

@@ -1,6 +1,6 @@
 {
-    "short_name": "Russonoro",
-    "name": "Russonoro Labs",
+    "short_name": "Necro",
+    "name": "Necro Dashboard",
     "icons": [{
             "src": "/android-chrome-192x192.png",
             "type": "image/png",
@@ -20,8 +20,8 @@
         }
     ],
     "start_url": "/",
-    "background_color": "#202036",
+    "background_color": "#1a1b1e",
     "display": "standalone",
     "scope": "/",
-    "theme_color": "#202036"
+    "theme_color": "#1a1b1e"
 }