feedback-vos 1.0.38 → 1.0.39

package/dist/index.mjs

@@ -388,11 +388,17 @@ function ScreenshotButton({
       scrollY: -window.scrollY,
       windowWidth: window.innerWidth,
       windowHeight: window.innerHeight,
+      scale: window.devicePixelRatio || 1,
+      // Use device pixel ratio for better quality
+      useCORS: true,
+      // Enable CORS for better image rendering
+      logging: false,
+      // Disable logging for cleaner output
       ignoreElements: (element) => {
         return element.hasAttribute("data-feedback-widget") || element.closest("[data-feedback-widget]") !== null;
       }
     });
-    const base64image = canvas.toDataURL("image/png");
+    const base64image = canvas.toDataURL("image/png", 1);
     onScreenshotTook(base64image);
     setIsTakenScreenShot(false);
   }
@@ -742,7 +748,7 @@ async function uploadFileToRepo(token, owner, repo, file, folderPath, defaultBra
   return rawUrl;
 }
 async function uploadScreenshotToRepo(token, owner, repo, screenshot, screenshotPath) {
-  const compressedScreenshot = await compressScreenshot(screenshot, 1920, 0.7);
+  const compressedScreenshot = await compressScreenshot(screenshot, 2560, 0.9);
   const base64Content = compressedScreenshot.includes(",") ? compressedScreenshot.split(",")[1] : compressedScreenshot;
   const repoResponse = await fetch(
     `https://api.github.com/repos/${owner}/${repo}`,
@@ -844,7 +850,7 @@ async function uploadScreenshotToRepo(token, owner, repo, screenshot, screenshot
   console.log(`Screenshot uploaded successfully to: ${rawUrl}`);
   return rawUrl;
 }
-function compressScreenshot(dataUrl, maxWidth = 1920, quality = 0.7) {
+function compressScreenshot(dataUrl, maxWidth = 2560, quality = 0.9) {
   return new Promise((resolve, reject) => {
     if (typeof window === "undefined" || typeof document === "undefined") {
       reject(new Error("Screenshot compression only works in browser environments"));
@@ -859,13 +865,17 @@ function compressScreenshot(dataUrl, maxWidth = 1920, quality = 0.7) {
         height = height * maxWidth / width;
         width = maxWidth;
       }
-      canvas.width = width;
-      canvas.height = height;
+      const dpr = window.devicePixelRatio || 1;
+      canvas.width = width * dpr;
+      canvas.height = height * dpr;
       const ctx = canvas.getContext("2d");
       if (!ctx) {
         reject(new Error("Could not get canvas context"));
         return;
       }
+      ctx.imageSmoothingEnabled = true;
+      ctx.imageSmoothingQuality = "high";
+      ctx.scale(dpr, dpr);
       ctx.drawImage(img, 0, 0, width, height);
       const compressedDataUrl = canvas.toDataURL("image/jpeg", quality);
       resolve(compressedDataUrl);