@inkandswitch/patchwork-pkg-base 0.0.132 → 0.0.133

package/packages/comments-view/dist/assets/{main-EQKeEvzx.js → main-DnOX-fXU.js}

@@ -1245,21 +1245,32 @@ function CommentsView(props) {
     });
   });
   let pickedHere;
-  createEffect(on(primaryThreadUrl, (url) => {
-    if (!url || !onScreen()) return;
+  createEffect(on([primaryThreadUrl, onScreen], ([url, shown], previous) => {
+    if (!url || !shown) return;
+    const [wasUrl, wasShown] = previous ?? [void 0, false];
+    if (url === wasUrl && wasShown) return;
     if (url === pickedHere) {
       pickedHere = void 0;
       return;
     }
-    const card = panel.querySelector(`.comments-thread[data-thread-url="${CSS.escape(url)}"]`);
-    if (!card) return;
-    card.scrollIntoView({
-      block: "nearest",
-      behavior: "smooth"
-    });
-    card.removeAttribute("data-flash");
-    void card.offsetWidth;
-    card.setAttribute("data-flash", "");
+    let tries = 30;
+    const flash = () => {
+      const card = panel.querySelector(`.comments-thread[data-thread-url="${CSS.escape(url)}"]`);
+      if (!card) {
+        if (--tries > 0) frame = requestAnimationFrame(flash);
+        return;
+      }
+      card.scrollIntoView({
+        block: "nearest",
+        behavior: "smooth"
+      });
+      card.removeAttribute("data-flash");
+      void card.offsetWidth;
+      card.setAttribute("data-flash", "");
+    };
+    let frame = 0;
+    flash();
+    onCleanup(() => cancelAnimationFrame(frame));
   }, {
     defer: true
   }));
@@ -2977,4 +2988,4 @@ export {
   renderCommentThread,
   renderCommentsView
 };
-//# sourceMappingURL=main-EQKeEvzx.js.map
+//# sourceMappingURL=main-DnOX-fXU.js.map