@aspiresys/visor 1.3.4 → 1.4.0

package/dist/matcher.js

@@ -12,10 +12,11 @@ exports.matchInspectorTemplate = matchInspectorTemplate;
 exports.cropMat = cropMat;
 const fs_1 = __importDefault(require("fs"));
 const pngjs_1 = require("pngjs");
-const cv = require("@techstark/opencv-js");
+const opencv_js_1 = __importDefault(require("@techstark/opencv-js"));
 const templateCache = new Map();
 const types_1 = require("./types");
 const logger_1 = require("./logger");
+const config_1 = require("./config");
 async function loadTemplate(path) {
     if (templateCache.has(path)) {
         (0, logger_1.log)(`[CACHE] Template hit: ${path}`);
@@ -24,7 +25,7 @@ async function loadTemplate(path) {
     (0, logger_1.log)(`[CACHE] Loading template: ${path}`);
     const buffer = fs_1.default.readFileSync(path);
     const png = pngjs_1.PNG.sync.read(buffer);
-    const template = cv.matFromImageData({
+    const template = opencv_js_1.default.matFromImageData({
         data: png.data,
         width: png.width,
         height: png.height,
@@ -36,33 +37,58 @@ async function loadScreen(path) {
     (0, logger_1.log)(`[SCREEN] Loading: ${path}`);
     const buffer = fs_1.default.readFileSync(path);
     const png = pngjs_1.PNG.sync.read(buffer);
-    return cv.matFromImageData({
+    return opencv_js_1.default.matFromImageData({
         data: png.data,
         width: png.width,
         height: png.height,
     });
 }
 function resizeTemplate(template, scale) {
-    const resized = new cv.Mat();
+    const resized = new opencv_js_1.default.Mat();
     const newWidth = Math.max(1, Math.floor(template.cols * scale));
     const newHeight = Math.max(1, Math.floor(template.rows * scale));
-    cv.resize(template, resized, new cv.Size(newWidth, newHeight), 0, 0, scale < 1 ? cv.INTER_AREA : cv.INTER_CUBIC);
+    opencv_js_1.default.resize(template, resized, new opencv_js_1.default.Size(newWidth, newHeight), 0, 0, scale < 1 ? opencv_js_1.default.INTER_AREA : opencv_js_1.default.INTER_CUBIC);
     return resized;
 }
-function matchTemplate(screen, template, confidence = 0.8) {
+function matchTemplate(screen, template, confidence = 0.8, metadata) {
+    (0, logger_1.log)('Screen:', screen.cols, 'x', screen.rows);
+    (0, logger_1.log)('Template:', template.cols, 'x', template.rows);
     const start = Date.now();
-    const scales = [1.0, 1.25, 1.5, 1.75, 2.0, 0.75, 0.5];
+    const scales = (() => {
+        if (metadata) {
+            try {
+                const widthRatio = metadata.currentResolution.width / metadata.capturedResolution.width;
+                const heightRatio = metadata.currentResolution.height / metadata.capturedResolution.height;
+                const resolutionRatio = (widthRatio + heightRatio) / 2;
+                const dpiRatio = config_1.visorConfig.scaleFactor / metadata.capturedScaleFactor;
+                const predictedScale = resolutionRatio * dpiRatio;
+                (0, logger_1.log)(`[MATCH] Predicted scale: ${predictedScale.toFixed(3)}`);
+                return [
+                    predictedScale,
+                    predictedScale * 0.95,
+                    predictedScale * 1.05,
+                    predictedScale * 0.9,
+                    predictedScale * 1.1,
+                ];
+            }
+            catch (error) {
+                (0, logger_1.log)('[MATCH] Error calculating predicted scale:', error);
+                (0, logger_1.log)('[MATCH] Falling back to default scales');
+                return [1.0, 1.25, 1.5, 1.75, 2.0, 0.75, 0.5];
+            }
+        }
+        return [1.0, 1.25, 1.5, 1.75, 2.0, 0.75, 0.5];
+    })();
     let bestMatch = null;
     for (const scale of scales) {
         const resizedTemplate = resizeTemplate(template, scale);
-        if (resizedTemplate.cols > screen.cols ||
-            resizedTemplate.rows > screen.rows) {
+        if (resizedTemplate.cols > screen.cols || resizedTemplate.rows > screen.rows) {
             resizedTemplate.delete();
             continue;
         }
-        const result = new cv.Mat();
-        cv.matchTemplate(screen, resizedTemplate, result, cv.TM_CCOEFF_NORMED);
-        const { maxLoc, maxVal } = cv.minMaxLoc(result);
+        const result = new opencv_js_1.default.Mat();
+        opencv_js_1.default.matchTemplate(screen, resizedTemplate, result, opencv_js_1.default.TM_CCOEFF_NORMED);
+        const { maxLoc, maxVal } = opencv_js_1.default.minMaxLoc(result);
         (0, logger_1.log)(`[MATCH] Scale ${scale} -> ${maxVal}`);
         result.delete();
         if (maxVal >= confidence && (!bestMatch || maxVal > bestMatch.confidence)) {
@@ -79,8 +105,8 @@ function matchTemplate(screen, template, confidence = 0.8) {
     return bestMatch;
 }
 function findAllMatches(screen, template, confidence = 0.8) {
-    const result = new cv.Mat();
-    cv.matchTemplate(screen, template, result, cv.TM_CCOEFF_NORMED);
+    const result = new opencv_js_1.default.Mat();
+    opencv_js_1.default.matchTemplate(screen, template, result, opencv_js_1.default.TM_CCOEFF_NORMED);
     const matches = [];
     for (let y = 0; y < result.rows; y++) {
         for (let x = 0; x < result.cols; x++) {
@@ -106,8 +132,8 @@ function findAllMatches(screen, template, confidence = 0.8) {
     return filtered;
 }
 function findAllInspectorMatches(screen, template, confidence = 0.8) {
-    const result = new cv.Mat();
-    cv.matchTemplate(screen, template, result, cv.TM_CCOEFF_NORMED);
+    const result = new opencv_js_1.default.Mat();
+    opencv_js_1.default.matchTemplate(screen, template, result, opencv_js_1.default.TM_CCOEFF_NORMED);
     const matches = [];
     for (let y = 0; y < result.rows; y++) {
         for (let x = 0; x < result.cols; x++) {
@@ -145,14 +171,13 @@ function matchInspectorTemplate(screen, template, confidence = 0.8, multiScale =
         let bestMatch = null;
         for (const scale of scales) {
             const resizedTemplate = resizeTemplate(template, scale);
-            if (resizedTemplate.cols > screen.cols ||
-                resizedTemplate.rows > screen.rows) {
+            if (resizedTemplate.cols > screen.cols || resizedTemplate.rows > screen.rows) {
                 resizedTemplate.delete();
                 continue;
             }
-            const result = new cv.Mat();
-            cv.matchTemplate(screen, resizedTemplate, result, cv.TM_CCOEFF_NORMED);
-            const { maxLoc, maxVal } = cv.minMaxLoc(result);
+            const result = new opencv_js_1.default.Mat();
+            opencv_js_1.default.matchTemplate(screen, resizedTemplate, result, opencv_js_1.default.TM_CCOEFF_NORMED);
+            const { maxLoc, maxVal } = opencv_js_1.default.minMaxLoc(result);
             (0, logger_1.log)(`[MATCH] Scale ${scale} -> ${maxVal}`);
             result.delete();
             if (maxVal >= confidence && (!bestMatch || maxVal > bestMatch.confidence)) {
@@ -170,9 +195,9 @@ function matchInspectorTemplate(screen, template, confidence = 0.8, multiScale =
     }
     else {
         const start = Date.now();
-        const result = new cv.Mat();
-        cv.matchTemplate(screen, template, result, cv.TM_CCOEFF_NORMED);
-        const { maxLoc, maxVal } = cv.minMaxLoc(result);
+        const result = new opencv_js_1.default.Mat();
+        opencv_js_1.default.matchTemplate(screen, template, result, opencv_js_1.default.TM_CCOEFF_NORMED);
+        const { maxLoc, maxVal } = opencv_js_1.default.minMaxLoc(result);
         result.delete();
         if (maxVal >= confidence) {
             return new types_1.Region(maxLoc.x, maxLoc.y, template.cols, template.rows, maxVal);
@@ -186,7 +211,7 @@ function cropMat(screen, region) {
     const y = Math.max(0, Math.floor(region.y));
     const width = Math.min(Math.floor(region.width), screen.cols - x);
     const height = Math.min(Math.floor(region.height), screen.rows - y);
-    const rect = new cv.Rect(x, y, width, height);
+    const rect = new opencv_js_1.default.Rect(x, y, width, height);
     const croppedMat = screen.roi(rect);
     const isolatedMat = croppedMat.clone();
     croppedMat.delete();

package/dist/mouse.d.ts

@@ -1,3 +1,3 @@
-import { Offset, Region } from "./types";
+import { Offset, Region } from './types';
 export declare function moveToRegion(region: Region, offset?: Offset): Promise<void>;
 export declare function clickRegion(region: Region, offset?: Offset): Promise<void>;

package/dist/mouse.js

@@ -7,21 +7,21 @@ const config_1 = require("./config");
 const logger_1 = require("./logger");
 async function moveToRegion(region, offset = {
     x: 0,
-    y: 0
+    y: 0,
 }) {
     const scaleFactor = config_1.visorConfig.scaleFactor;
     const center = region.center();
     const centerX = Math.floor((center.x + offset.x) / scaleFactor);
     const centerY = Math.floor((center.y + offset.y) / scaleFactor);
-    (0, logger_1.log)("[MOUSE] Moving mouse to:", centerX, centerY);
+    (0, logger_1.log)('[MOUSE] Moving mouse to:', centerX, centerY);
     await nut_js_1.mouse.move([new nut_js_1.Point(centerX, centerY)]);
 }
 async function clickRegion(region, offset = {
     x: 0,
-    y: 0
+    y: 0,
 }) {
     await moveToRegion(region, offset);
     await new Promise((r) => setTimeout(r, 200));
     await nut_js_1.mouse.click(nut_js_1.Button.LEFT);
-    (0, logger_1.log)("[MOUSE] Left click completed");
+    (0, logger_1.log)('[MOUSE] Left click completed');
 }

package/dist/ocr.d.ts

@@ -1,4 +1,5 @@
-import { Region } from "./types";
+import { Region } from './types';
+export declare function initializeOCR(): Promise<void>;
 /**
  * Terminates OCR worker manually.
  *

package/dist/ocr.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeOCR = initializeOCR;
 exports.terminateOCR = terminateOCR;
 exports.extractTextFromRegion = extractTextFromRegion;
 const screenshot_desktop_1 = __importDefault(require("screenshot-desktop"));
@@ -19,12 +20,16 @@ let worker = null;
  */
 async function getWorker() {
     if (!worker) {
-        (0, logger_1.log)("[OCR] Initializing worker...");
-        worker = await (0, tesseract_js_1.createWorker)("eng");
-        (0, logger_1.log)("[OCR] Worker initialized");
+        (0, logger_1.log)('[OCR] Initializing worker...');
+        worker = await (0, tesseract_js_1.createWorker)('eng');
+        (0, logger_1.log)('[OCR] Worker initialized');
     }
     return worker;
 }
+async function initializeOCR() {
+    await getWorker();
+    (0, logger_1.log)('[OCR] Warmup complete');
+}
 /**
  * Terminates OCR worker manually.
  *
@@ -33,7 +38,7 @@ async function getWorker() {
  */
 async function terminateOCR() {
     if (worker) {
-        (0, logger_1.log)("[OCR] Terminating worker");
+        (0, logger_1.log)('[OCR] Terminating worker');
         await worker.terminate();
         worker = null;
     }
@@ -49,7 +54,7 @@ async function terminateOCR() {
  * - Tesseract OCR
  */
 async function extractTextFromRegion(region) {
-    const buffer = await (0, screenshot_desktop_1.default)({ format: "png" });
+    const buffer = await (0, screenshot_desktop_1.default)({ format: 'png' });
     let image = (0, sharp_1.default)(buffer);
     if (region) {
         image = image.extract({
@@ -59,22 +64,17 @@ async function extractTextFromRegion(region) {
             height: Math.floor(region.height * config_1.visorConfig.scaleFactor),
         });
     }
-    const processed = await image
-        .grayscale()
-        .normalize()
-        .sharpen()
-        .png()
-        .toBuffer();
+    const processed = await image.grayscale().normalize().sharpen().png().toBuffer();
     const worker = await getWorker();
     const result = await worker.recognize(processed, {}, {
         blocks: true,
         hocr: true,
         tsv: true,
-        tessedit_pageseg_mode: "6",
-        tessedit_char_whitelist: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 .:-/₹$€-,",
-        user_defined_dpi: "300",
+        tessedit_pageseg_mode: '6',
+        tessedit_char_whitelist: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 .:-/₹$€-,',
+        user_defined_dpi: '300',
     });
-    (0, logger_1.log)("[OCR] Extracted Text:");
+    (0, logger_1.log)('[OCR] Extracted Text:');
     (0, logger_1.log)(result.data.text);
     return result.data;
 }

package/dist/path.js

@@ -7,7 +7,7 @@ exports.resolveImagePath = resolveImagePath;
 const path_1 = __importDefault(require("path"));
 const config_1 = require("./config");
 function resolveImagePath(image) {
-    if (image.includes("/") || image.includes("\\")) {
+    if (image.includes('/') || image.includes('\\')) {
         return image;
     }
     return path_1.default.join(config_1.visorConfig.imagePath, image);

package/dist/region.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Region = void 0;
 class Region {
     constructor(x, y, width, height, confidence = 1) {
@@ -9,7 +9,6 @@ class Region {
         this.height = height;
         this.confidence = confidence;
     }
-    center() {
-    }
+    center() {}
 }
 exports.Region = Region;

package/dist/screen.js

@@ -9,11 +9,11 @@ exports.getScreenshotBuffer = getScreenshotBuffer;
 const screenshot_desktop_1 = __importDefault(require("screenshot-desktop"));
 const pngjs_1 = require("pngjs");
 const fs_1 = __importDefault(require("fs"));
-const cv = require("@techstark/opencv-js");
+const opencv_js_1 = __importDefault(require("@techstark/opencv-js"));
 async function captureScreen() {
-    const buffer = await (0, screenshot_desktop_1.default)({ format: "png" });
+    const buffer = await (0, screenshot_desktop_1.default)({ format: 'png' });
     const png = pngjs_1.PNG.sync.read(buffer);
-    const mat = cv.matFromImageData({
+    const mat = opencv_js_1.default.matFromImageData({
         data: png.data,
         width: png.width,
         height: png.height,
@@ -21,11 +21,11 @@ async function captureScreen() {
     return mat;
 }
 async function saveScreenshot(path) {
-    const img = await (0, screenshot_desktop_1.default)({ format: "png" });
+    const img = await (0, screenshot_desktop_1.default)({ format: 'png' });
     fs_1.default.writeFileSync(path, img);
 }
 async function getScreenshotBuffer() {
     return await (0, screenshot_desktop_1.default)({
-        format: "png"
+        format: 'png',
     });
 }

package/dist/src/index.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.visor = exports.Visor = void 0;
-const screen_1 = require("./screen");
-const matcher_1 = require("./matcher");
-const mouse_1 = require("./mouse");
+const screen_1 = require('./screen');
+const matcher_1 = require('./matcher');
+const mouse_1 = require('./mouse');
 class Visor {
     async click(image, confidence = 0.8) {
-        console.log("Capturing screen...");
+        console.log('Capturing screen...');
         const screen = await (0, screen_1.captureScreen)();
-        console.log("Loading template...");
+        console.log('Loading template...');
         const template = (0, matcher_1.loadTemplate)(`src/images/${image}`);
-        console.log("Matching image...");
+        console.log('Matching image...');
         const region = (0, matcher_1.matchTemplate)(screen, template, confidence);
         if (!region) {
-            console.log("Image not found");
-            throw new Error("Image not found");
+            console.log('Image not found');
+            throw new Error('Image not found');
         }
-        console.log("Match found:", region);
+        console.log('Match found:', region);
         await (0, mouse_1.clickRegion)(region);
-        console.log("Click completed");
+        console.log('Click completed');
     }
     async exists(image, confidence = 0.8) {
         const screen = await (0, screen_1.captureScreen)();
@@ -28,11 +28,10 @@ class Visor {
     async wait(image, timeout = 5000) {
         const start = Date.now();
         while (Date.now() - start < timeout) {
-            if (await this.exists(image))
-                return true;
-            await new Promise(r => setTimeout(r, 300));
+            if (await this.exists(image)) return true;
+            await new Promise((r) => setTimeout(r, 300));
         }
-        throw new Error("Timeout waiting for image");
+        throw new Error('Timeout waiting for image');
     }
 }
 exports.Visor = Visor;

package/dist/src/matcher.d.ts

@@ -1,3 +1,3 @@
-import { Region } from "./types";
+import { Region } from './types';
 export declare function loadTemplate(path: string): any;
 export declare function matchTemplate(screen: any, template: any, confidence?: number): Region | null;

package/dist/src/matcher.js

@@ -1,33 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+    (this && this.__importDefault) ||
+    function (mod) {
+        return mod && mod.__esModule ? mod : { default: mod };
+    };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.loadTemplate = loadTemplate;
 exports.matchTemplate = matchTemplate;
-const fs_1 = __importDefault(require("fs"));
-const pngjs_1 = require("pngjs");
-const cv = require("opencv.js");
+const fs_1 = __importDefault(require('fs'));
+const pngjs_1 = require('pngjs');
+const cv = require('opencv.js');
 function loadTemplate(path) {
     const buffer = fs_1.default.readFileSync(path);
     const png = pngjs_1.PNG.sync.read(buffer);
     return cv.matFromImageData({
         data: png.data,
         width: png.width,
-        height: png.height
+        height: png.height,
     });
 }
 function matchTemplate(screen, template, confidence = 0.8) {
     const result = new cv.Mat();
     cv.matchTemplate(screen, template, result, cv.TM_CCOEFF_NORMED);
     const { maxLoc, maxVal } = cv.minMaxLoc(result);
-    if (maxVal < confidence)
-        return null;
+    if (maxVal < confidence) return null;
     return {
         x: maxLoc.x,
         y: maxLoc.y,
         width: template.cols,
         height: template.rows,
-        confidence: maxVal
+        confidence: maxVal,
     };
 }

package/dist/src/mouse.d.ts

@@ -1,2 +1,2 @@
-import { Region } from "./types";
+import { Region } from './types';
 export declare function clickRegion(region: Region): Promise<void>;

package/dist/src/mouse.js

@@ -1,18 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.clickRegion = clickRegion;
-const nut_js_1 = require("@nut-tree-fork/nut-js");
+const nut_js_1 = require('@nut-tree-fork/nut-js');
 async function clickRegion(region) {
     const scaleFactor = 1.5;
     const centerX = Math.floor((region.x + region.width / 2) / scaleFactor);
     const centerY = Math.floor((region.y + region.height / 2) / scaleFactor);
-    console.log("Moving mouse to:", centerX, centerY);
-    await nut_js_1.mouse.move([
-        new nut_js_1.Point(centerX, centerY)
-    ]);
-    console.log("Mouse moved");
-    await new Promise(r => setTimeout(r, 2000));
-    console.log("Clicking now");
+    console.log('Moving mouse to:', centerX, centerY);
+    await nut_js_1.mouse.move([new nut_js_1.Point(centerX, centerY)]);
+    console.log('Mouse moved');
+    await new Promise((r) => setTimeout(r, 2000));
+    console.log('Clicking now');
     await nut_js_1.mouse.click(nut_js_1.Button.LEFT);
-    console.log("Click done");
+    console.log('Click done');
 }

package/dist/src/screen.js

@@ -1,20 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+    (this && this.__importDefault) ||
+    function (mod) {
+        return mod && mod.__esModule ? mod : { default: mod };
+    };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.captureScreen = captureScreen;
-const screenshot_desktop_1 = __importDefault(require("screenshot-desktop"));
-const pngjs_1 = require("pngjs");
-const cv = require("opencv.js");
+const screenshot_desktop_1 = __importDefault(require('screenshot-desktop'));
+const pngjs_1 = require('pngjs');
+const cv = require('opencv.js');
 async function captureScreen() {
     const buffer = await (0, screenshot_desktop_1.default)({
-        format: "png"
+        format: 'png',
     });
     const png = pngjs_1.PNG.sync.read(buffer);
     return cv.matFromImageData({
         data: png.data,
         width: png.width,
-        height: png.height
+        height: png.height,
     });
 }

package/dist/src/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });

package/dist/templateMetadata.d.ts

@@ -0,0 +1 @@
+export declare function loadTemplateMetadata(path: string): any;

package/dist/templateMetadata.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadTemplateMetadata = loadTemplateMetadata;
+const fs_1 = __importDefault(require("fs"));
+const metadataCache = new Map();
+function loadTemplateMetadata(path) {
+    const metadataPath = path.replace(/\.png$/i, '.properties.json');
+    if (metadataCache.has(metadataPath)) {
+        return metadataCache.get(metadataPath);
+    }
+    if (!fs_1.default.existsSync(metadataPath)) {
+        return null;
+    }
+    const metadata = JSON.parse(fs_1.default.readFileSync(metadataPath, 'utf-8'));
+    metadataCache.set(metadataPath, metadata);
+    return metadata;
+}

package/dist/text.d.ts

@@ -1,3 +1,3 @@
-import { Region } from "./types";
+import { Region } from './types';
 export declare function findText(text: string, index?: number, region?: Region): Promise<Region | null>;
 export declare function existsText(text: string, region?: Region): Promise<boolean>;

package/dist/text.js

@@ -10,11 +10,11 @@ async function findText(text, index = 0, region) {
     if (!tsv) {
         return null;
     }
-    const rows = tsv.split("\n");
+    const rows = tsv.split('\n');
     const lineGroups = {};
     for (const row of rows) {
-        const cols = row.split("\t");
-        if (cols[0] !== "5") {
+        const cols = row.split('\t');
+        if (cols[0] !== '5') {
             continue;
         }
         const wordText = cols[11];
@@ -49,14 +49,14 @@ async function findText(text, index = 0, region) {
         //const combinedText = words.map(w => w.text).join(" ");
         const combinedText = words
             .map((w) => w.text)
-            .join(" ")
-            .replace(/\s+/g, " ")
+            .join(' ')
+            .replace(/\s+/g, ' ')
             .trim();
         if (combinedText
             .toLowerCase()
-            .replace(/[^a-z0-9 ]/gi, "")
-            .includes(text.toLowerCase().replace(/[^a-z0-9 ]/gi, ""))) {
-            const matchedWords = words.filter((w) => searchWords.includes(w.text.toLowerCase().replace(/[^a-z0-9]/gi, "")));
+            .replace(/[^a-z0-9 ]/gi, '')
+            .includes(text.toLowerCase().replace(/[^a-z0-9 ]/gi, ''))) {
+            const matchedWords = words.filter((w) => searchWords.includes(w.text.toLowerCase().replace(/[^a-z0-9]/gi, '')));
             const regionWords = matchedWords.length > 0 ? matchedWords : words;
             const minX = Math.min(...regionWords.map((w) => w.x));
             const minY = Math.min(...regionWords.map((w) => w.y));