vite-plugin-ai-annotator 1.1.25 → 1.1.27

package/dist/annotator-toolbar.js

@@ -7222,9 +7222,9 @@
       },
       captureScreenshot(handler) {
         checkDisposed();
-        const listener = async (type, selector, format, quality, callback) => {
+        const listener = async (type, selector, quality, callback) => {
           try {
-            const result = await handler(type, selector, format, quality);
+            const result = await handler(type, selector, quality);
             callback(result);
           } catch (error) {
             console.error("[captureScreenshot] Handler error:", error);
@@ -7467,7 +7467,7 @@
         async (mode, selector, selectorType) => this.triggerSelection(mode, selector, selectorType)
       );
       this.rpc.handle.captureScreenshot(
-        async (type, selector, format, quality) => this.captureScreenshot(type, selector, format, quality)
+        async (type, selector, quality) => this.captureScreenshot(type, selector, quality)
       );
       this.rpc.handle.clearSelection(async () => this.clearSelection());
       this.rpc.handle.ping(async () => "pong");
@@ -7557,31 +7557,29 @@
         };
       }
     }
-    async captureScreenshot(type, selector, format = "png", quality = 0.8) {
+    async captureScreenshot(type, selector, quality = 0.7) {
       try {
         let targetElement = document.body;
         if (type === "element" && selector) {
           const element = document.querySelector(selector);
           if (!element) {
-            console.error(`[AI Annotator] Element not found for selector: ${selector}`);
+            this.log(`Element not found for selector: ${selector}`);
             return { success: false, error: `Element not found: ${selector}` };
           }
           targetElement = element;
         }
-        console.log(`[AI Annotator] Capturing screenshot of ${type === "element" ? selector : "viewport"}`);
+        this.log(`Capturing screenshot of ${type === "element" ? selector : "viewport"}`);
         const blob = await toBlob(targetElement, {
           quality,
-          type: format === "png" ? "image/png" : "image/jpeg",
+          type: "image/webp",
           cacheBust: true,
-          // Avoid caching issues
           skipFonts: true
-          // Avoid font loading issues that can cause failures
         });
         if (!blob) {
-          console.error("[AI Annotator] toBlob returned null - screenshot capture failed");
+          this.log("toBlob returned null - screenshot capture failed");
           return { success: false, error: "Failed to capture screenshot (toBlob returned null)" };
         }
-        console.log(`[AI Annotator] Screenshot captured, blob size: ${blob.size} bytes`);
+        this.log(`Screenshot captured, blob size: ${blob.size} bytes`);
         const reader = new FileReader();
         const base64 = await new Promise((resolve, reject) => {
           reader.onload = () => {
@@ -7595,7 +7593,7 @@
         return { success: true, base64 };
       } catch (error) {
         const errorMessage = error instanceof Error ? error.message : String(error);
-        console.error(`[AI Annotator] Screenshot error: ${errorMessage}`, error);
+        this.log(`Screenshot error: ${errorMessage}`, error);
         return {
           success: false,
           error: errorMessage