fix(content): do not monetize during prerendering (#486)

Add `visibilitychange` listener if the page is being prerendered Co-authored-by: Diana Fulga <[email protected]> Co-authored-by: Sid Vishnoi <[email protected]>
interledger · Aug 6, 2024 · faea531 · faea531
1 parent e216ce1
commit faea531
Showing 1 changed file with 22 additions and 5 deletions.
diff --git a/src/content/services/monetizationTagManager.ts b/src/content/services/monetizationTagManager.ts
@@ -325,18 +325,35 @@ export class MonetizationTagManager extends EventEmitter {
     node.dispatchEvent(customEvent)
   }
 
-  start(): void {
-    if (
-      document.readyState === 'interactive' ||
-      document.readyState === 'complete'
+  private isDocumentReady() {
+    return (
+      (document.readyState === 'interactive' ||
+        document.readyState === 'complete') &&
+      document.visibilityState === 'visible'
     )
+  }
+
+  start(): void {
+    if (this.isDocumentReady()) {
       this.run()
+      return
+    }
 
     document.addEventListener(
       'readystatechange',
       () => {
-        if (document.readyState === 'interactive') {
+        if (this.isDocumentReady()) {
           this.run()
+        } else {
+          document.addEventListener(
+            'visibilitychange',
+            () => {
+              if (this.isDocumentReady()) {
+                this.run()
+              }
+            },
+            { once: true }
+          )
         }
       },
       { once: true }