@necrolab/dashboard 0.5.27 → 0.5.29

package/src/stores/sampleData.js

@@ -27,7 +27,7 @@ export default {
             proxy: "http://events1597:yEXBe4Hs@23.26.22.61:61234",
             eventId: "grantelam@hotmail.com",
             reservedTicketsList: "• 2x 301/E ($86.47) \n• 2x 306/U ($86.47) \n$345.88",
-            expirationTime: null,
+            expirationTime: new Date(Date.now() + 8 * 60 * 1000).toISOString(),
             doNotPay: false,
             inQueue: true,
             agedAccount: true,
@@ -63,7 +63,7 @@ export default {
             proxy: "http://events1338:xN4PBVze@23.26.21.58:61234",
             eventId: "01005D85964A1747",
             reservedTicketsList: "• 2x 301/E ($86.47) \n• 2x 306/U ($86.47) \n$345.88",
-            expirationTime: null,
+            expirationTime: new Date(Date.now() + 5 * 60 * 1000).toISOString(),
             doNotPay: false,
             agedAccount: false,
             presaleCode: "",
@@ -902,7 +902,8 @@ export default {
             expYear: "28",
             country: "US",
             state: "NY",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
             id: 2,
@@ -910,7 +911,8 @@ export default {
             cardNumber: "3847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
             id: 3,
@@ -922,23 +924,25 @@ export default {
             enabled: true
         },
         {
-            id: 1,
+            id: 4,
             profileName: "Harry Potter",
             cardNumber: "4847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 2,
+            id: 5,
             profileName: "Draco Malfoy",
             cardNumber: "3847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 3,
+            id: 6,
             profileName: "Tom Smith",
             cardNumber: "5847463847454545",
             expMonth: "12",
@@ -947,23 +951,25 @@ export default {
             enabled: true
         },
         {
-            id: 1,
+            id: 7,
             profileName: "Harry Potter",
             cardNumber: "4847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 2,
+            id: 8,
             profileName: "Draco Malfoy",
             cardNumber: "3847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 3,
+            id: 9,
             profileName: "Tom Smith",
             cardNumber: "5847463847454545",
             expMonth: "12",
@@ -972,23 +978,25 @@ export default {
             enabled: true
         },
         {
-            id: 1,
+            id: 10,
             profileName: "Harry Potter",
             cardNumber: "4847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 2,
+            id: 11,
             profileName: "Draco Malfoy",
             cardNumber: "3847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 3,
+            id: 12,
             profileName: "Tom Smith",
             cardNumber: "5847463847454545",
             expMonth: "12",
@@ -997,23 +1005,25 @@ export default {
             enabled: true
         },
         {
-            id: 1,
+            id: 13,
             profileName: "Harry Potter",
             cardNumber: "4847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 2,
+            id: 14,
             profileName: "Draco Malfoy",
             cardNumber: "3847463847454545",
             expMonth: "12",
             expYear: "28",
-            tags: ["admin", "amex"]
+            tags: ["admin", "amex"],
+            enabled: true
         },
         {
-            id: 3,
+            id: 15,
             profileName: "Tom Smith",
             cardNumber: "5847463847454545",
             expMonth: "12",

package/src/stores/ui.js

@@ -3,7 +3,6 @@ import { defineStore } from "pinia";
 import { ConnectionHandler } from "@/stores/connection.js";
 import { toast } from "vue3-toastify";
 import { createLogger } from "@/stores/logger";
-import { timeDifference } from "@/libs/utils/time";
 import { betterSort, sortTaskIds } from "@/libs/utils/array";
 
 const TOAST_CONFIG = {
@@ -109,94 +108,71 @@ export const useUIStore = defineStore("ui", () => {
     });
     const currentDropdown = ref("");
 
-    // Optimized: Use requestAnimationFrame instead of setInterval to reduce CPU waste
-    // Only update times when tab is visible and at most once per second
-    let lastTimeUpdate = 0;
-    let lastSyncCheck = 0;
-    let rafId = null;
+    const taskTimeTick = ref(Date.now());
+    let tickInterval = null;
+    let syncCounterMs = 0;
 
-    const updateTaskTimes = (timestamp) => {
-        // Only update once per second
-        if (timestamp - lastTimeUpdate >= 1000) {
-            lastTimeUpdate = timestamp;
-            const now = Date.now();
+    const syncTaskIdOrder = () => {
+        const allIds = new Set(Object.keys(tasks.value));
+        const orderIds = new Set(taskIdOrder.value);
 
-            for (const [key, value] of Object.entries(tasks.value)) {
-                if (value.expirationTime) {
-                    tasks.value[key]._timeLeftString =
-                        value.expirationTime == "Invalid Date"
-                            ? "No Cartholds"
-                            : timeDifference(Date.parse(value.expirationTime), now);
-                } else {
-                    tasks.value[key]._timeLeftString = undefined;
-                }
+        const missingIds = [...allIds].filter((id) => !orderIds.has(id));
+        const extraIds = [...orderIds].filter((id) => !allIds.has(id));
+
+        if (missingIds.length === 0 && extraIds.length === 0) return;
+
+        taskIdOrder.value = taskIdOrder.value.filter((id) => allIds.has(id));
+        if (missingIds.length === 0) return;
+
+        missingIds.sort(sortTaskIds);
+        for (const id of missingIds) {
+            let left = 0;
+            let right = taskIdOrder.value.length;
+            while (left < right) {
+                const mid = Math.floor((left + right) / 2);
+                if (sortTaskIds(id, taskIdOrder.value[mid]) < 0) right = mid;
+                else left = mid + 1;
             }
+            taskIdOrder.value.splice(left, 0, id);
         }
+    };
 
-        // Sync taskIdOrder every 10 seconds (optimized with Map for O(1) lookups)
-        if (timestamp - lastSyncCheck >= 10000) {
-            lastSyncCheck = timestamp;
-            const allIds = new Set(Object.keys(tasks.value));
-            const orderIds = new Set(taskIdOrder.value);
-
-            const missingIds = [...allIds].filter((id) => !orderIds.has(id));
-            const extraIds = [...orderIds].filter((id) => !allIds.has(id));
-
-            if (missingIds.length > 0 || extraIds.length > 0) {
-                taskIdOrder.value = taskIdOrder.value.filter((id) => allIds.has(id));
-
-                if (missingIds.length > 0) {
-                    missingIds.sort(sortTaskIds);
-                    // Optimized: Binary search for insertion point
-                    for (const id of missingIds) {
-                        let left = 0;
-                        let right = taskIdOrder.value.length;
-                        while (left < right) {
-                            const mid = Math.floor((left + right) / 2);
-                            if (sortTaskIds(id, taskIdOrder.value[mid]) < 0) {
-                                right = mid;
-                            } else {
-                                left = mid + 1;
-                            }
-                        }
-                        taskIdOrder.value.splice(left, 0, id);
-                    }
-                }
-            }
+    const tickTaskTimers = () => {
+        taskTimeTick.value = Date.now();
+        syncCounterMs += 1000;
+        if (syncCounterMs >= 10000) {
+            syncCounterMs = 0;
+            syncTaskIdOrder();
         }
+    };
 
-        rafId = requestAnimationFrame(updateTaskTimes);
+    const startTaskTimerTicking = () => {
+        if (tickInterval) return;
+        tickInterval = setInterval(tickTaskTimers, 1000);
     };
 
-    rafId = requestAnimationFrame(updateTaskTimes);
+    const stopTaskTimerTicking = () => {
+        if (!tickInterval) return;
+        clearInterval(tickInterval);
+        tickInterval = null;
+    };
 
-    // Pause updates when tab is hidden to save CPU
-    document.addEventListener('visibilitychange', () => {
+    startTaskTimerTicking();
+
+    document.addEventListener("visibilitychange", () => {
         if (document.hidden) {
-            if (rafId) {
-                cancelAnimationFrame(rafId);
-                rafId = null;
-            }
-        } else {
-            if (!rafId) {
-                lastTimeUpdate = 0;
-                lastSyncCheck = 0;
-                rafId = requestAnimationFrame(updateTaskTimes);
-            }
+            stopTaskTimerTicking();
+            return;
         }
+
+        syncCounterMs = 0;
+        taskTimeTick.value = Date.now();
+        syncTaskIdOrder();
+        startTaskTimerTicking();
     });
 
     connection.init("/api/updates?type=tasks");
 
-    const pd = (e) => {
-        if (
-            !e.target.closest(".scrollable") &&
-            !e.target.closest(".dropdown-menu") &&
-            !e.target.closest(".option-list")
-        ) {
-            e.preventDefault();
-        }
-    };
     const preventScroll = () => {
         const scrollY = window.scrollY;
         document.body.style.position = "fixed";
@@ -230,8 +206,6 @@ export const useUIStore = defineStore("ui", () => {
             input.style.touchAction = "pan-x pan-y";
         });
 
-        // Prevent touch moves
-        document.addEventListener("touchmove", pd, { passive: false });
     };
 
     const enableScroll = () => {
@@ -269,34 +243,45 @@ export const useUIStore = defineStore("ui", () => {
         // Restore scroll position
         window.scrollTo(0, parseInt(scrollY || "0") * -1);
 
-        // Remove event listener
-        document.removeEventListener("touchmove", pd);
     };
 
     const refreshQueueStats = () => {
-        queueStats.value.show = false;
-        queueStats.value.total = 0;
-        queueStats.value.queued = 0;
-        queueStats.value.sleeping = 0;
-        queueStats.value.nextQueuePasses = [];
-
-        let relevantTasks = Object.values(tasks.value).filter((t) => t.siteId === currentCountry.value.siteId);
-        if (currentEvent.value) relevantTasks = relevantTasks.filter((t) => t.eventId === currentEvent.value);
-
-        queueStats.value.queued = relevantTasks.filter((t) => t.inQueue).length || 0;
-        const sleepingStatuses = ["sleeping in queue", "waiting for drop", "waiting for carting", "waiting for queue"];
-        queueStats.value.sleeping = relevantTasks.filter((t) =>
-            sleepingStatuses.includes(t.status.toLowerCase())
-        ).length;
-        const positions = relevantTasks
-            .map((t) => t.queuePosition)
-            .filter((e) => !isNaN(e))
-            .filter(Boolean);
-        queueStats.value.nextQueuePasses = positions.sort((a, b) => a - b);
-
-        // Only show stats if there are any queued tasks, sleeping tasks, or queue positions
-        queueStats.value.show =
-            queueStats.value.queued > 0 || queueStats.value.sleeping > 0 || queueStats.value.nextQueuePasses.length > 0;
+        const siteId = currentCountry.value.siteId;
+        const eventId = currentEvent.value;
+        const sleepingStatuses = new Set([
+            "sleeping in queue",
+            "waiting for drop",
+            "waiting for carting",
+            "waiting for queue"
+        ]);
+
+        let total = 0;
+        let queued = 0;
+        let sleeping = 0;
+        const positions = [];
+
+        for (const task of Object.values(tasks.value)) {
+            if (!task || task.siteId !== siteId) continue;
+            if (eventId && task.eventId !== eventId) continue;
+
+            total++;
+            if (task.inQueue) queued++;
+
+            const status = typeof task.status === "string" ? task.status.toLowerCase() : "";
+            if (sleepingStatuses.has(status)) sleeping++;
+
+            const queuePosition = Number(task.queuePosition);
+            if (Number.isFinite(queuePosition) && queuePosition > 0) {
+                positions.push(queuePosition);
+            }
+        }
+
+        positions.sort((a, b) => a - b);
+        queueStats.value.total = total;
+        queueStats.value.queued = queued;
+        queueStats.value.sleeping = sleeping;
+        queueStats.value.nextQueuePasses = positions;
+        queueStats.value.show = queued > 0 || sleeping > 0 || positions.length > 0;
     };
 
     const toggleModal = (name, clearValue = false) => {
@@ -466,6 +451,7 @@ export const useUIStore = defineStore("ui", () => {
 
         // refresh
         tasks,
+        taskTimeTick,
 
         // top main checkbox
         mainCheckbox,
@@ -580,6 +566,9 @@ export const useUIStore = defineStore("ui", () => {
             } else accounts.value.push({ ...acc, id: Math.random() });
         },
         setAccounts: (accs) => accounts.value.push(...accs),
+        setAccountsForModule: (module, accs) => {
+            accounts.value = [...accounts.value.filter((account) => account.module !== module), ...accs];
+        },
         profiles,
         addProfile: (profile) => {
             if (!DEBUG) return connection.sendSaveProfile(profile);

package/src/views/Accounts.vue

@@ -4,6 +4,7 @@
             <div class="page-header-card">
                 <MailIcon />
                 <h4>Accounts</h4>
+                <span class="pl-1.5 text-sm font-medium text-light-400">{{ ui.accounts.length }}</span>
             </div>
             <ul class="mobile-icons">
                 <li>
@@ -84,7 +85,7 @@
         </div>
 
         <!-- Tasks (Table) -->
-        <AccountView :accounts="processedTasks" />
+        <AccountView :accounts="ui.search.accounts.results" :privacy="privacy" />
 
         <!-- Modal -->
         <transition-group name="fade">
@@ -130,10 +131,6 @@ const filterAccounts = () => {
 
 ui.search.accounts.results = filterAccounts();
 
-const processedTasks = computed(() => {
-    return ui.search.accounts.results.map((e) => ({ ...e, privacy: privacy.value }));
-});
-
 watch(
     () =>
         ui.search.accounts.query +

package/src/views/Console.vue

@@ -22,13 +22,10 @@
                     @autoscroll-toggle="onAutoscrollToggle" />
             </div>
 
-            <Smoothie
-                :weight="0.2"
+            <div
                 class="console-main"
                 :style="consoleMainStyle"
                 ref="$autoscroll"
-                @wheel.stop
-                @touchmove.stop
                 @scroll="handleScroll">
                 <div
                     v-if="displayedLogs.length === 0"
@@ -47,7 +44,7 @@
                     v-for="(line, index) in displayedLogs"
                     v-bind:key="`log-${index}`"
                     :style="{ '--index': index }"><code class="md:text-sm lg:text-base mobile-portrait:text-xs+ mobile-portrait:leading-tight" v-html="line"></code></pre>
-            </Smoothie>
+            </div>
         </div>
     </div>
 </template>
@@ -105,7 +102,6 @@
 }
 </style>
 <script setup>
-import { Smoothie } from "vue-smoothie";
 import { DEBUG } from "@/utils/debug";
 
 import Filter from "@/libs/ansii.js";
@@ -168,6 +164,11 @@ const SCROLL_THRESHOLD = 100;
 const SCROLL_AMOUNT = 100;
 const MIN_CONSOLE_HEIGHT = 192;
 
+const getConsoleScrollElement = () => {
+    if (!$autoscroll.value) return null;
+    return $autoscroll.value?.el || $autoscroll.value;
+};
+
 const getTableHeightCap = (viewportHeight) => {
     const isPWA = window.matchMedia("(display-mode: standalone)").matches;
     const isMobile = window.innerWidth <= 768;
@@ -197,7 +198,7 @@ const consoleMainStyle = computed(() => {
 });
 
 const updateConsoleHeight = () => {
-    const element = $autoscroll.value?.el;
+    const element = getConsoleScrollElement();
     if (!element) return;
 
     const viewportHeight = window.visualViewport?.height || window.innerHeight;
@@ -232,13 +233,12 @@ const handleScroll = (event) => {
 
 const performScroll = (direction, smooth = true) => {
     try {
-        if (!$autoscroll.value?.el) {
+        const element = getConsoleScrollElement();
+        if (!element) {
             if (DEBUG) return false;
             return false;
         }
 
-        const element = $autoscroll.value.el;
-
         if (direction === "up") {
             if (smooth && element.scrollTo) {
                 element.scrollTo({ top: 0, behavior: "smooth" });
@@ -273,7 +273,7 @@ const startScrolling = (direction) => {
     const continuousScroll = () => {
         if (!isScrolling.value) return;
 
-        const element = $autoscroll.value?.el;
+        const element = getConsoleScrollElement();
         if (!element) return;
 
         if (direction === "up") {
@@ -297,9 +297,8 @@ const stopScrolling = () => {
 };
 
 const autoScrollToBottom = () => {
-    if (!$autoscroll.value?.el || !autoscrollToggled.value) return;
-
-    const element = $autoscroll.value.el;
+    const element = getConsoleScrollElement();
+    if (!element || !autoscrollToggled.value) return;
     const targetScrollTop = element.scrollHeight - element.clientHeight;
     const currentDistanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
 

package/src/views/Profiles.vue

@@ -4,6 +4,7 @@
             <div class="page-header-card">
                 <GroupIcon />
                 <h4>Profiles</h4>
+                <span class="pl-1.5 text-sm font-medium text-light-400">{{ ui.profiles.length }}</span>
             </div>
             <ul class="mobile-icons">
                 <li>
@@ -109,7 +110,7 @@
         </div>
 
         <!-- Tasks (Table) -->
-        <ProfileView :profiles="processedTasks" />
+        <ProfileView :profiles="ui.search.profiles.results" :privacy="privacy" />
 
         <!-- Modal -->
         <transition-group name="fade">
@@ -138,10 +139,6 @@ const filterFieldMap = { Name: "profileName", Card: "cardNumber" };
 const allTags = ref([]);
 const privacy = ref(true);
 
-const processedTasks = computed(() => {
-    return ui.search.profiles.results.map((e) => ({ ...e, privacy: privacy.value }));
-});
-
 watch(
     () =>
         ui.search.profiles.query +

package/vite.config.js

@@ -49,7 +49,8 @@ export default defineConfig({
         preprocessorOptions: {
             scss: {
                 api: "modern-compiler",
-                silenceDeprecations: ["legacy-js-api"]
+                silenceDeprecations: ["legacy-js-api"],
+                loadPaths: [fileURLToPath(new URL("./src/assets/css", import.meta.url))]
             }
         },
         devSourcemap: true
@@ -66,7 +67,8 @@ export default defineConfig({
         // Handle iOS connection resets gracefully
         watch: {
             usePolling: false,
-            interval: 1000
+            interval: 1000,
+            ignored: ["**/dist/**"]
         },
         proxy: {
             "/api": {