@mahmulp/feedback-sdk 0.0.2 → 0.0.4

package/README.md

@@ -11,7 +11,7 @@ Designed for **self-hosted** setups: pair this SDK with a backend (we ship one i
 - Floating launcher widget built in (toggle feedback mode, hide pins, hide launcher)
 - Stable DOM selectors that survive layout changes
 - Drag-to-move pins with optimistic update
-- Screenshot capture via dynamically loaded `html2canvas` (bundled as a direct dependency)
+- Screenshot capture via dynamically loaded `html2canvas-pro` (bundled as a direct dependency)
 - Svelte adapter for ergonomic SvelteKit integration
 - Works in React, Vue, and plain HTML via the same core API
 

package/dist/index.cjs

@@ -1192,7 +1192,10 @@ async function captureViewport(options = {}) {
       allowTaint: false
     });
     return await canvasToBlob(canvas, opts.mimeType, opts.quality);
-  } catch {
+  } catch (err) {
+    if (typeof console !== "undefined") {
+      console.warn("[feedback-sdk] screenshot capture failed:", err);
+    }
     return null;
   } finally {
     if (host) host.style.visibility = previousVisibility;
@@ -1204,13 +1207,13 @@ async function loadHtml2Canvas() {
   if (html2canvasPromise) return html2canvasPromise;
   html2canvasPromise = (async () => {
     try {
-      const mod = await import('html2canvas');
+      const mod = await import('html2canvas-pro');
       return mod.default ?? mod ?? null;
     } catch (err) {
       if (!html2canvasMissingWarned && typeof console !== "undefined") {
         html2canvasMissingWarned = true;
         console.warn(
-          "[feedback-sdk] screenshot capture disabled: failed to load `html2canvas`. This shouldn't normally happen \u2014 html2canvas is a direct dependency of the SDK. Pass `captureScreenshots: false` to silence this warning if intended.",
+          "[feedback-sdk] screenshot capture disabled: failed to load `html2canvas-pro`. This shouldn't normally happen \u2014 html2canvas-pro is a direct dependency of the SDK. Pass `captureScreenshots: false` to silence this warning if intended.",
           err
         );
       }
@@ -1566,7 +1569,8 @@ function initFeedback(options) {
   }
   async function refresh() {
     try {
-      const result = await transport.list({ projectId: "" });
+      const pageUrl = getPageUrl();
+      const result = await transport.list({ projectId: "", pageUrl });
       state.feedbacks = result.items;
       overlay.renderPins(state.feedbacks, openThread, onPinDragEnd);
     } catch (err) {
@@ -1596,6 +1600,26 @@ function initFeedback(options) {
   document.addEventListener("keydown", onKeyDown, true);
   window.addEventListener("scroll", onWindowReposition, true);
   window.addEventListener("resize", onWindowReposition);
+  let lastSeenUrl = getPageUrl();
+  function onMaybeNavigate() {
+    const next = getPageUrl();
+    if (next === lastSeenUrl) return;
+    lastSeenUrl = next;
+    void refresh();
+  }
+  const originalPushState = history.pushState.bind(history);
+  const originalReplaceState = history.replaceState.bind(history);
+  history.pushState = function patchedPushState(...args) {
+    const result = originalPushState(...args);
+    queueMicrotask(onMaybeNavigate);
+    return result;
+  };
+  history.replaceState = function patchedReplaceState(...args) {
+    const result = originalReplaceState(...args);
+    queueMicrotask(onMaybeNavigate);
+    return result;
+  };
+  window.addEventListener("popstate", onMaybeNavigate);
   void refresh();
   overlay.setEnabledStyles(state.enabled);
   const wantsLauncher = options.showLauncher !== false;
@@ -1658,6 +1682,9 @@ function initFeedback(options) {
       document.removeEventListener("keydown", onKeyDown, true);
       window.removeEventListener("scroll", onWindowReposition, true);
       window.removeEventListener("resize", onWindowReposition);
+      window.removeEventListener("popstate", onMaybeNavigate);
+      history.pushState = originalPushState;
+      history.replaceState = originalReplaceState;
       overlay.destroy();
     }
   };