@necrolab/dashboard 0.5.18 → 0.5.20

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.5.18",
+    "version": "0.5.20",
     "type": "module",
     "scripts": {
         "build": "rm -rf dist && vite build && npx workbox-cli generateSW workbox-config.cjs",

package/postinstall.js

@@ -17,7 +17,7 @@ try {
 
 try {
     // Detect if we're running inside the project itself or as a dependency
-    const isInsideProject = __dirname.includes('node_modules') === false;
+    const isInsideProject = __dirname.includes("node_modules") === false;
 
     let distPath, versionFilePath;
 
@@ -46,7 +46,7 @@ try {
                     `Version mismatch (Installed: ${installedVersion}, Target: ${currentVersion}). Proceeding with build.`
                 );
             }
-        } catch (readErr) {
+        } catch {
             console.log("Could not read version file. Proceeding with build.");
         }
     } else {

package/src/components/Editors/Account/Account.vue

@@ -61,8 +61,6 @@ import { useUIStore } from "@/stores/ui";
 import TagLabel from "@/components/Editors/TagLabel.vue";
 import { useRowSelection } from "@/composables/useRowSelection";
 import { useCopyToClipboard } from "@/composables/useCopyToClipboard";
-import { computed } from "vue";
-import { useEnableDisable } from "@/composables/useEnableDisable";
 
 const ui = useUIStore();
 const { copy } = useCopyToClipboard();

package/src/components/Editors/AdminFileEditor.vue

@@ -140,9 +140,10 @@ const isEditorVisible = computed(() => props.currentFile !== '');
 const isJsonFile = computed(() => props.currentFile.endsWith('.json'));
 
 const errorMessage = computed(() => {
-    if (!isJsonFile.value) return;
+    if (!isJsonFile.value) return null;
     try {
         JSON.parse(props.content);
+        return null;
     } catch (e) {
         return e.message;
     }

package/src/composables/useDropdownPosition.js

@@ -107,7 +107,7 @@ export function useDropdownPosition(dropdownRef, options = {}) {
                 zIndex,
                 maxHeight: `${maxHeight}px`
             };
-        } catch (error) {
+        } catch {
             menuStyle.value = {
                 position: "fixed",
                 top: "0px",

package/src/composables/useFormValidation.js

@@ -13,10 +13,6 @@ export function useFormValidation() {
         }
     };
 
-    const hasError = (fieldName) => {
-        return errors.value.includes(fieldName);
-    };
-
     const isValidEmail = (email) => {
         return email && email.includes("@");
     };
@@ -52,10 +48,6 @@ export function useFormValidation() {
         return true; // Not required for other countries
     };
 
-    const isValidZipCode = (zipCode) => {
-        return zipCode && zipCode.trim().length > 0;
-    };
-
     const validateAccount = (account) => {
         clearErrors();
 

package/src/composables/useNotchHandling.js

@@ -253,7 +253,6 @@ export function useNotchHandling(logger) {
 
     // Vue-specific watchers
     onMounted(() => {
-        let attempts = 0;
         const maxAttempts = 5;
         const delays = [0, 50, 150, 300, 500];
 

package/src/stores/connection.js

@@ -118,7 +118,9 @@ export class ConnectionHandler {
                 } else if (msg.update) {
                     try {
                         Object.entries(msg.update).forEach((change) => (this.ui.tasks[msg.id][change[0]] = change[1]));
-                    } catch {}
+                    } catch {
+                        // Ignore update errors if task doesn't exist
+                    }
                 } else {
                     if (!this.ui.tasks[msg.id]) this.ui.tasks[msg.id] = msg.task;
                     if (!this.ui.taskIdOrder.includes(msg.id)) {

package/src/stores/logger.js

@@ -46,13 +46,13 @@ class Logger {
 
         // For styled console output in browser
         if (style) {
-            /* eslint-disable no-console */
+             
             console.log(`%c${args.join(" ")}`, style);
-            /* eslint-enable no-console */
+             
         } else {
-            /* eslint-disable no-console */
+             
             console.log(...args);
-            /* eslint-enable no-console */
+             
         }
     }
 

package/src/views/Console.vue

@@ -16,7 +16,7 @@
                 :taskLogMapping="taskLogMapping"
                 :userScrolledUp="userScrolledUp"
                 :filteredCount="filteredCount"
-                @scroll="handleScrollDirection"
+                @scroll="startScrolling"
                 @scroll-stop="stopScrolling"
                 @autoscroll-toggle="onAutoscrollToggle" />
 
@@ -122,11 +122,10 @@ import { Smoothie } from "vue-smoothie";
 import { DEBUG } from "@/utils/debug";
 
 import Filter from "@/libs/ansii.js";
-import { ConsoleIcon, DownIcon, UpIcon } from "@/components/icons";
+import { ConsoleIcon } from "@/components/icons";
 import Switch from "@/components/ui/controls/atomic/Switch.vue";
 import WebsocketHeartbeatJs from "websocket-heartbeat-js";
 import { onMounted, onUnmounted, ref, nextTick, computed, watch } from "vue";
-import Dropdown from "@/components/ui/controls/atomic/Dropdown.vue";
 import ConsoleToolbar from "@/components/Console/ConsoleToolbar.vue";
 
 const $autoscroll = ref(null);
@@ -216,7 +215,7 @@ const performScroll = (direction, smooth = true) => {
         }
 
         return true;
-    } catch (e) {
+    } catch {
         if (DEBUG) return false;
         return false;
     }

package/src/views/Editor.vue

@@ -70,8 +70,6 @@ let previous = {
 
 const loadAvailableFiles = async () => (availableFiles.value = await loadFromApi("/api/json-files"));
 
-const isJsonFile = () => currentFile.value.endsWith(".json");
-
 const loadFile = async (f) => {
     currentFile.value = f;
     if (DEBUG) {

package/src/views/FilterBuilder.vue

@@ -12,7 +12,7 @@
                     v-model="eventId"
                     aria-label="Event ID" />
                 <button
-                    class="flex h-10 w-9 flex-shrink-0 items-center justify-center bg-dark-400 text-white transition-standard hover:bg-dark-450"
+                    class="transition-standard hover:bg-dark-450 flex h-10 w-9 flex-shrink-0 items-center justify-center bg-dark-400 text-white"
                     @click="updateShownVenue"
                     aria-label="Load venue">
                     <ReloadIcon class="icon-md" />
@@ -20,16 +20,14 @@
             </div>
         </div>
 
-        <div class="mb-3 flex flex-1 flex-col overflow-hidden rounded border border-dark-650 bg-dark-400 p-3 shadow-sm md:mb-4">
+        <div
+            class="mb-3 flex flex-1 flex-col overflow-hidden rounded border border-dark-650 bg-dark-400 p-3 shadow-sm md:mb-4">
             <div class="flex h-full w-full flex-col gap-3 lg:flex-row lg:gap-4">
-                <div class="relative flex min-h-75 min-w-0 w-full flex-col overflow-hidden rounded-lg lg:min-h-125 lg:w-3/5">
-                    <div v-if="svg" class="mb-2 flex-gap-2 items-center">
-                        <button @click="handleZoom(true)" class="btn-icon-small" aria-label="Zoom in">
-                            +
-                        </button>
-                        <button @click="handleZoom(false)" class="btn-icon-small" aria-label="Zoom out">
-                            -
-                        </button>
+                <div
+                    class="min-h-75 lg:min-h-125 relative flex w-full min-w-0 flex-col overflow-hidden rounded-lg lg:w-3/5">
+                    <div v-if="svg" class="flex-gap-2 mb-2 items-center">
+                        <button @click="handleZoom(true)" class="btn-icon-small" aria-label="Zoom in">+</button>
+                        <button @click="handleZoom(false)" class="btn-icon-small" aria-label="Zoom out">-</button>
                         <button @click="handleZoom('r')" class="btn-icon-small" aria-label="Reset zoom">
                             <ReloadIcon class="icon-md text-white" />
                         </button>
@@ -37,14 +35,14 @@
                     <div class="selecto-wrapper flex-1 overflow-hidden">
                         <div
                             v-if="svg"
-                            class="hidden-scrollbars relative h-full min-h-87.5 w-full overflow-auto rounded border border-dark-550 bg-dark-500 p-2 shadow">
+                            class="hidden-scrollbars min-h-87.5 relative h-full w-full overflow-auto rounded border border-dark-550 bg-dark-500 p-2 shadow">
                             <div class="svg-wrapper" id="svg-wrapper" v-html="svg"></div>
                         </div>
                         <div
                             v-else
-                            class="relative flex h-full min-h-87.5 w-full items-center justify-center rounded border border-dark-550 bg-dark-500 p-2 shadow">
+                            class="min-h-87.5 relative flex h-full w-full items-center justify-center rounded border border-dark-550 bg-dark-500 p-2 shadow">
                             <div class="text-center">
-                                <FilterIcon class="mx-auto empty-state-icon" />
+                                <FilterIcon class="empty-state-icon mx-auto" />
                                 <p class="text-sm text-light-400">No Map</p>
                                 <p class="mt-1 text-xs text-light-500">
                                     Enter an event ID and click "Load" to display the venue map
@@ -53,7 +51,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="flex min-h-75 min-w-0 w-full flex-col lg:min-h-125 lg:w-2/5">
+                <div class="min-h-75 lg:min-h-125 flex w-full min-w-0 flex-col lg:w-2/5">
                     <div class="mb-2 flex flex-shrink-0 flex-wrap items-center gap-2 text-white" v-if="hasLoaded">
                         <PriceSortToggle
                             :current="filterBuilder.globalFilter.priceSort"
@@ -72,7 +70,8 @@
                             class="input-default h-8 w-16 px-2 text-sm"
                             placeholder="999" />
                     </div>
-                    <div class="flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border border-dark-550 bg-dark-500 shadow-sm">
+                    <div
+                        class="flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border border-dark-550 bg-dark-500 shadow-sm">
                         <div class="flex-shrink-0 border-b border-dark-550 bg-dark-300 px-4 py-3 text-xs text-white">
                             <div class="flex w-full items-center justify-between gap-2">
                                 <div class="flex-gap-2 items-center">
@@ -85,10 +84,7 @@
                                         :options="['All', 'WL', 'BL']"
                                         :current="shownFilters"
                                         @change="(e) => (shownFilters = e)" />
-                                    <button
-                                        class="filter-action-btn"
-                                        @click="saveFilter"
-                                        title="Save filter">
+                                    <button class="filter-action-btn" @click="saveFilter" title="Save filter">
                                         <EditIcon class="h-3 w-3 flex-shrink-0" />
                                         <span>Save</span>
                                     </button>
@@ -103,33 +99,31 @@
                             </div>
                         </div>
                         <div class="hidden-scrollbars flex-1 overflow-auto bg-dark-400">
-                                <draggable
-                                    v-if="filterBuilder.filters.length"
-                                    v-model="draggableFilters"
-                                    handle=".handle"
-                                    item-key="id"
-                                    tag="div"
-                                    class="space-y-0 p-1"
-                                    ghost-class="opacity-30 border border-dark-550 bg-dark-550/10"
-                                    drag-class="z-50 shadow-xl"
-                                    :animation="200">
-                                    <template #item="{ element: f, index: i }">
-                                        <Filter
-                                            v-show="doesFilterShow(f)"
-                                            :filter="f"
-                                            :index="i"
-                                            :filterBuilder="filterBuilder"
-                                            class="!p-1 !text-xs" />
-                                    </template>
-                                </draggable>
-                                <div
-                                    v-else
-                                    class="empty-state flex flex-col items-center justify-center py-8 text-center">
-                                    <FilterIcon class="empty-state-icon" />
-                                    <p class="text-sm text-light-400">No filters yet</p>
-                                    <p class="mt-1 text-xs text-light-500">Click on the map to create filters</p>
-                                </div>
+                            <draggable
+                                v-if="filterBuilder.filters.length"
+                                v-model="draggableFilters"
+                                handle=".handle"
+                                item-key="id"
+                                tag="div"
+                                class="space-y-0 p-1"
+                                ghost-class="opacity-30 border border-dark-550 bg-dark-550/10"
+                                drag-class="z-50 shadow-xl"
+                                :animation="200">
+                                <template #item="{ element: f, index: i }">
+                                    <Filter
+                                        v-show="doesFilterShow(f)"
+                                        :filter="f"
+                                        :index="i"
+                                        :filterBuilder="filterBuilder"
+                                        class="!p-1 !text-xs" />
+                                </template>
+                            </draggable>
+                            <div v-else class="empty-state flex flex-col items-center justify-center py-8 text-center">
+                                <FilterIcon class="empty-state-icon" />
+                                <p class="text-sm text-light-400">No filters yet</p>
+                                <p class="mt-1 text-xs text-light-500">Click on the map to create filters</p>
                             </div>
+                        </div>
                     </div>
                     <div class="mt-2 flex flex-shrink-0 items-center justify-between gap-2">
                         <button
@@ -139,9 +133,7 @@
                             :title="hasWildcardFilter ? 'Wildcard filter already exists' : 'Add wildcard filter'">
                             * Wildcard
                         </button>
-                        <button
-                            @click="ui.toggleModal('preview-filter')"
-                            class="filter-action-btn">
+                        <button @click="ui.toggleModal('preview-filter')" class="filter-action-btn">
                             <CameraIcon class="h-3 w-3" />
                             <span>JSON</span>
                         </button>
@@ -158,8 +150,7 @@
 
 <script setup>
 import draggable from "vuedraggable";
-import { ref, computed, defineAsyncComponent, watch, onMounted, onUnmounted, nextTick } from "vue";
-import { onBeforeRouteLeave } from "vue-router";
+import { ref, computed, defineAsyncComponent, watch, nextTick } from "vue";
 import { useFilterCSS } from "@/composables/useFilterCSS";
 import Filter from "@/components/Filter/Filter.vue";
 import { FilterIcon } from "@/components/icons";
@@ -216,7 +207,7 @@ const addWildcardFilter = () => {
 
 let RendererFactory = import("@necrolab/tm-renderer");
 
-const { injectStyles, cssUpdateTrigger } = useFilterCSS(filterBuilder, svg);
+useFilterCSS(filterBuilder, svg);
 
 const doesFilterShow = (filter) => {
     if ((filter.event || filter.eventId) !== filterBuilder.value.currentEventId) return;
@@ -242,6 +233,10 @@ const updateShownVenue = async () => {
     if (eventId.value.length === 16) {
         // 16-char eventIds are global, but try current country first as fallback
         country = ui.currentCountry?.id || null;
+        // For TM module, convert "US" to "USA"
+        if (ui.currentModule === "TM" && country === "US") {
+            country = "USA";
+        }
     } else if (eventId.value.length > 0) {
         // Shorter eventIds need country specification
         country = ui.currentCountry?.id;
@@ -249,6 +244,10 @@ const updateShownVenue = async () => {
             ui.showError("Invalid eventId or missing country!");
             return;
         }
+        // For TM module, convert "US" to "USA"
+        if (ui.currentModule === "TM" && country === "US") {
+            country = "USA";
+        }
     } else {
         ui.showError("Event ID is required!");
         return;
@@ -326,9 +325,6 @@ const updateShownVenue = async () => {
     await nextTick();
     await loadFilter();
     filterBuilder.value.reload(eventId.value);
-
-    // Re-setup CSS system after reload
-    setupCSSUpdates();
     filterBuilder.value.updateCss();
 };
 

package/src/views/Profiles.vue

@@ -164,7 +164,7 @@ watch(
         const f = (p) => searchRegex.test(p[filterFieldMap[field]]);
         ui.search.profiles.results = profs.filter(f);
 
-        allTags.value = getAllTags();
+        allTags.value = useGetAllTags(ui.search.profiles.results);
     }
 );