@necrolab/dashboard 0.4.221 → 0.5.2

package/.prettierrc

@@ -6,5 +6,31 @@
     "trailingComma": "none",
     "bracketSpacing": true,
     "arrowParens": "always",
-    "printWidth": 120
+    "printWidth": 120,
+    "vueIndentScriptAndStyle": false,
+    "htmlWhitespaceSensitivity": "ignore",
+    "bracketSameLine": true,
+    "singleAttributePerLine": false,
+    "endOfLine": "lf",
+    "overrides": [
+        {
+            "files": "*.vue",
+            "options": {
+                "vueIndentScriptAndStyle": false,
+                "htmlWhitespaceSensitivity": "ignore",
+                "singleAttributePerLine": false,
+                "bracketSameLine": true,
+                "printWidth": 120,
+                "tabWidth": 4,
+                "useTabs": false,
+                "semi": true,
+                "singleQuote": false,
+                "trailingComma": "none",
+                "bracketSpacing": true,
+                "arrowParens": "always"
+            }
+        }
+    ],
+    "plugins": ["prettier-plugin-tailwindcss"],
+    "tailwindConfig": "./tailwind.config.js"
 }

package/.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-    "recommendations": ["Vue.volar"]
+    "recommendations": ["Vue.volar", "esbenp.prettier-vscode"]
 }

package/README.md

@@ -1,3 +1,65 @@
-# Necro
+<div align="center">
+  <img src="./artwork/image.png" alt="Dashboard" width="400">
+</div>
 
-PWA dashboard using vue.js and vite
+# 🎫 Dashboard
+
+A sophisticated PWA dashboard for managing ticket purchasing automation across multiple platforms. Built with Vue 3 and real-time WebSocket communication.
+
+## ⚡ Quick Start
+
+```bash
+npm install
+npm run dev
+```
+
+Visit `http://localhost:5173` and you're live.
+
+## 🚀 Commands
+
+| Command          | Action                        |
+| ---------------- | ----------------------------- |
+| `npm run dev`    | Development server            |
+| `npm run expose` | Network-accessible dev server |
+| `npm run build`  | Production build with PWA     |
+| `npm run lint`   | Code formatting               |
+
+### 🧱 Frontend Stack
+
+- Vue 3 + Composition API
+- Pinia state management
+- TailwindCSS + SCSS
+- PWA with offline support
+
+### 🛠 Backend Stack
+
+- Express.js with WebSockets
+- MessagePack serialization
+- Real-time message batching
+- Platform abstraction layer
+
+## 📱 PWA Support
+
+- 📲 Install to home screen
+- 🔄 Background sync
+- 📶 Offline functionality
+- 🎨 Native app feel
+
+## 🛠️ Development
+
+Runs in mock mode by default. Backend simulates bot operations; frontend provides full UI functionality.
+
+### 🗂️ File Structure
+
+```
+src/
+├─ components/     # Reusable Vue components
+├─ views/          # Page-level components
+├─ stores/         # Pinia state management
+└─ assets/         # Static resources
+
+backend/
+├─ api.js          # Express server + WebSocket
+├─ mock-data.js    # Development data
+└─ endpoints.js    # API route definitions
+```

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");
 
@@ -362,14 +366,9 @@ app.get("/api/cors", async (req, res) => {
 
         res.type(contentType).send(data);
 
-        logger.info("Proxied", {
-            url,
-            status: response.status,
-            contentType,
-            size: data.length
-        });
+        logger.Info("Proxied", url, response.status);
     } catch (error) {
-        logger.error("Proxy error", { url, error: error.message });
+        logger.Error("Proxy error", { url, error: error.message });
         res.status(500).send({ error: error.message });
     }
 });
@@ -384,7 +383,10 @@ app.get("/api/quickconfig", async (req, res) => {
                 CapMonster: "example",
                 CapSolver: "example",
                 Invizible: "example",
-                TwoCaptcha: "example"
+                TwoCaptcha: "example",
+                AntiCaptcha: "example",
+                Multibot: "example",
+                Test: "Test"
             },
             SMS: {
                 Quackr: "example",
@@ -425,7 +427,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) => {
@@ -170,7 +170,6 @@ const scrapeMap = async (data) => {
         taskId: "SCRAPER-" + eventId,
         account: utils.pickAccount(),
         eventId: eventId,
-        incapsulaBypass: true,
         hidden: true,
         presaleCode: presaleCode
     });
@@ -188,7 +187,6 @@ const checkStock = async (data) => {
     var taskObj = new TicketMaster({
         taskId: "SCRAPER-" + eventId,
         eventId: eventId,
-        incapsulaBypass: true,
         hidden: true
     });
     taskObj.scrapeSeats();
@@ -197,7 +195,6 @@ const checkStock = async (data) => {
 
 async function createPresaleModeTasks(eventId, ticketQty) {
     const presaleModeSettings = {
-        incapsulaBypass: false,
         agedAccount: false,
         manual: false,
         openCart: false,
@@ -275,9 +272,9 @@ const saveProfile = async (profile) => {
 };
 
 const deleteProfile = async (profile) => {
-    const { _id } = profile;
-    Bot.Profiles = Bot.Profiles.filter((p) => p._id !== profile._id);
-    pushWSUpdate({ event: "delete-profile", profile: { _id: _id } });
+    const { id } = profile;
+    Bot.Profiles = Bot.Profiles.filter((p) => p.id !== profile.id);
+    pushWSUpdate({ event: "delete-profile", profile: { id } });
 };
 
 async function handleWebsocketMessage(msg) {
@@ -326,7 +323,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

@@ -1,27 +1,19 @@
 const users = [
     {
         event: "auth",
-        botChannels: {
-            splash: "950761407119511582",
-            carts: "961558093832011807",
-            checkouts: "1025407596120776794",
-            declines: "1027868055696572508",
-            stockChecker: "1099079655962722375",
-            venueMaps: "1099125114450214973"
-        },
-        _id: "641a5292b561088b64fe390b",
-        name: "admin",
-        password: "p33t",
-        profilePicture: "https://cdn.discordapp.com/avatars/843244136945549312/14686df31bfe8889f3c7fb396e8869c9.png",
+        id: "641a5292b561088b64fe390b",
+        name: "Admin",
+        password: "admin",
+        profilePicture: "https://cdn.discordapp.com/avatars/435549216304267264/6cfd74ad7c5939a0bcbf218aa08be8cb.png",
         admin: true,
         proxyList: { checkout: "admin-proxies" },
-        profileTags: ["Amex", "Citi", "Mercury", "CapOne", "Veridian", "WIO", "Kez", "Xpence"],
-        accountTags: ["admin"]
+        profileTags: ["Citi", "Mercury", "Slash"],
+        tags: ["admin"]
     }
 ];
 
 const profile = {
-    _id: "645a82606ef8b7201b728805",
+    id: "645a82606ef8b7201b728805",
     enabled: false,
     profileName: "Master US 43725 [admin]",
     address: "88081 Piper Ways",
@@ -42,25 +34,24 @@ const profile = {
 };
 
 const profiles = [];
-for (let i = 0; i < 1000; i++) profiles.push({ ...profile, _id: i });
+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);
@@ -24,7 +24,7 @@ module.exports = class TicketMaster {
         this.data.eventDate = Date.now();
         this.data.eventLocalDate = Date.now();
         this.data.eventName = "Test Event";
-        this.data.reservedTicketsList = "ticket1 | ticket2 | ticket3\n$100";
+        this.data.reservedTicketsList = "• 2x 301/E ($86.47) \n• 2x 306/U ($86.47) \n$345.88";
 
         refreshTaskOnFrontEnd(taskData);
     }
@@ -89,4 +89,4 @@ module.exports = class TicketMaster {
     scrapeSeats() {
         this.logger.Info("Scraping seats");
     }
-};
+}

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/config/configs.json

@@ -7,7 +7,6 @@
             "quantity": 5,
             "manual": false,
             "doNotPay": false,
-            "incapsulaBypass": false,
             "quickQueue": true,
             "loginAfterCart": false,
             "smartTimer": false,

package/dev-server.js

@@ -0,0 +1,134 @@
+#!/usr/bin/env node
+
+import { createServer } from "vite";
+import process from "process";
+import { spawn, execFileSync } from "child_process";
+
+const killPort = (port) => {
+    try {
+        const pid = execFileSync("lsof", ["-ti", `:${port}`], { encoding: "utf-8" }).trim();
+        if (pid) {
+            pid.split("\n").forEach((p) => {
+                try {
+                    process.kill(Number(p), "SIGKILL");
+                } catch {}
+            });
+        }
+    } catch {}
+};
+
+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();
+
+            if (output.includes("Web API started on port") || output.includes("8081")) {
+                backendReady = true;
+                resolve(backend);
+            }
+        });
+
+        backend.stderr.on("data", (data) => {
+            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`));
+            }
+        });
+
+        setTimeout(() => {
+            if (!backendReady) {
+                resolve(backend);
+            }
+        }, 5000);
+    });
+};
+
+const startServer = async () => {
+    let backend;
+    let server;
+    let isShuttingDown = false;
+
+    const cleanup = () => {
+        if (isShuttingDown) return;
+        isShuttingDown = true;
+
+        if (backend) {
+            backend.kill("SIGTERM");
+            setTimeout(() => backend.kill("SIGKILL"), 3000);
+        }
+        if (server) {
+            server.close();
+        }
+        process.exit(0);
+    };
+
+    process.on("SIGINT", cleanup);
+    process.on("SIGTERM", cleanup);
+
+    try {
+        killPort(5173);
+        killPort(8081);
+
+        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) {}
+
+        backend = await startBackend();
+
+        server = await createServer({
+            configFile: "./vite.config.js",
+            server: {
+                port: 5173,
+                strictPort: true,
+                host: true,
+                cors: true,
+                hmr: {
+                    overlay: false
+                }
+            }
+        });
+
+        process.on("uncaughtException", (error) => {
+            if (error.code === "ECONNRESET" || error.errno === -54) return;
+
+            console.error("❌ Server error:", error.message);
+        });
+
+        process.on("unhandledRejection", (reason) => {
+            if (reason?.code === "ECONNRESET" || reason?.errno === -54) return;
+
+            console.error("❌ Unhandled error:", reason?.message || reason);
+        });
+
+        await server.listen();
+
+        console.log("🌐 Dev: http://localhost:5173");
+        console.log("🌐 Staging: http://localhost:8081\n");
+    } catch (error) {
+        console.error("Failed to start server:", error);
+        process.exit(1);
+    }
+};
+
+startServer();