🔧 Temp fix for board images extraction

Disabled websocket board images handler that stopped working
Implemented DOM-based blob URL extraction as fallback
Board images now extracted from SVG elements by converting blob URLs to base64
Added Live mode button auto-click for zoom feature
Hidden buttons in cloned zoom center element

Author: creazy231

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 ## [2.2.0] - 2025-12-09
 
 ### Fixed
+- Temporary fix for board images extraction
+  - Disabled websocket board images handler that stopped working after recent update
+  - Implemented DOM-based blob URL extraction as fallback method
+  - Board images are now extracted from SVG elements in the DOM by converting blob URLs to base64 data URLs
+  - Ensures board images continue to work while websocket handler is being fixed
 - Fixed Next Player On Takeout Stuck feature getting triggered twice
   - Ensured status field is always set in websocket board data processing to prevent undefined status values
   - Prevents duplicate triggers when board status updates are received

entrypoints/match.content/Zoom.vue

@@ -285,6 +285,17 @@ onMounted(async () => {
   // Get user ID on mount
   currentUserId.value = await getUserIdFromToken();
 
+  // Click Live mode button if zoom mode is set to live
+  if (config.value?.zoom?.mode === "live") {
+    try {
+      const liveModeButton = await waitForElement("button[aria-label='Live mode']:not([data-active])", 5000) as HTMLButtonElement;
+      liveModeButton.click();
+      console.log("Autodarts Tools: Clicked Live mode button");
+    } catch (e) {
+      console.warn("Autodarts Tools: Could not find Live mode button", e);
+    }
+  }
+
   await AutodartsToolsBoardImages.setValue({
     images: [],
   });
@@ -391,6 +402,13 @@ async function initCenterZoom() {
     // Create a duplicate of the turn element
     const duplicateElement = turnElement.cloneNode(true) as HTMLElement;
     duplicateElement.id = "autodarts-tools-zoom-center";
+
+    // Hide any buttons inside the cloned element
+    const buttons = duplicateElement.querySelectorAll("button");
+    buttons.forEach((button) => {
+      (button as HTMLElement).style.opacity = "0";
+    });
+
     zoomCenterElement.value = duplicateElement;
 
     // Set opacity of the first div to 0

utils/websocket-helpers.ts

@@ -255,17 +255,62 @@ export async function processWebSocketMessage(channel: string, data: ILobbies |
         status: data.status || "",
       });
 
+      // Search DOM for SVG with blob: image URL after 25 0ms delay
+      setTimeout(async () => {
+        const svgs = document.querySelectorAll("svg");
+        let blobUrlFound = false;
+        for (const svg of svgs) {
+          if (blobUrlFound) break;
+          const images = svg.querySelectorAll("image");
+          for (const img of images) {
+            const href = img.getAttribute("href") || img.getAttribute("xlink:href") || img.getAttribute("src");
+            if (href && href.startsWith("blob:")) {
+              try {
+                // Convert blob URL to base64 data URL
+                const response = await fetch(href);
+                const blob = await response.blob();
+                const reader = new FileReader();
+                const base64DataUrl = await new Promise<string>((resolve, reject) => {
+                  reader.onloadend = () => resolve(reader.result as string);
+                  reader.onerror = reject;
+                  reader.readAsDataURL(blob);
+                });
+
+                const boardImages = await AutodartsToolsBoardImages.getValue();
+                // Check for duplicates before adding
+                if (!boardImages.images.includes(base64DataUrl)) {
+                  boardImages.images.push(base64DataUrl);
+                  while (boardImages.images.length > 6) {
+                    boardImages.images.shift();
+                  }
+                  AutodartsToolsBoardImages.setValue(boardImages);
+                }
+              } catch (error) {
+                console.error("Failed to convert blob URL to base64:", error);
+              }
+              blobUrlFound = true;
+              break; // Only process first blob URL found
+            }
+          }
+        }
+      }, 250);
+
       break;
     }
     case "autodarts.boards.images": {
-      data = data as string;
+      break; // Temp disabled because it's not working as expected since last update
+      data = data as any;
       const boardImages = await AutodartsToolsBoardImages.getValue();
+      const imageUrl = `https://boards.ws.autodarts.io${(data as any).url as string}`;
 
-      boardImages.images.push(data as string);
-      while (boardImages.images.length > 6) {
-        boardImages.images.shift();
+      // Check for duplicates before adding
+      if (!boardImages.images.includes(imageUrl)) {
+        boardImages.images.push(imageUrl);
+        while (boardImages.images.length > 6) {
+          boardImages.images.shift();
+        }
+        AutodartsToolsBoardImages.setValue(boardImages);
       }
-      AutodartsToolsBoardImages.setValue(boardImages);
 
       break;
     }