Firing message on thumbnail dismiss

Author: mgurgel

injected/src/features/duckplayer-native/constants.js

@@ -7,3 +7,4 @@ export const MSG_NAME_YOUTUBE_ERROR = 'onYoutubeError';
 export const MSG_NAME_URL_CHANGE = 'onUrlChanged';
 export const MSG_NAME_FEATURE_READY = 'onDuckPlayerFeatureReady';
 export const MSG_NAME_SCRIPTS_READY = 'onDuckPlayerScriptsReady';
+export const MSG_NAME_DISMISS_OVERLAY = 'didDismissOverlay';

injected/src/features/duckplayer-native/duckplayer-native.js

@@ -2,7 +2,7 @@ import { pollTimestamp } from './get-current-timestamp.js';
 import { muteAudio } from './mute-audio.js';
 import { serpNotify } from './serp-notify.js';
 import { ErrorDetection } from './error-detection.js';
-import { appendThumbnailOverlay } from './overlays/thumbnail-overlay.js';
+import { appendThumbnailOverlay as showThumbnailOverlay } from './overlays/thumbnail-overlay.js';
 import { stopVideoFromPlaying } from './pause-video.js';
 import { showError } from './custom-error/custom-error.js';
 import { Logger, SideEffects } from './util.js';
@@ -122,12 +122,14 @@ export function setupDuckPlayerForYouTube(selectors, playbackPaused, environment
         if (targetElement) {
             if (pause) {
                 sideEffects.add('stopping video from playing', () => stopVideoFromPlaying(videoElement));
-                sideEffects.add('appending thumbnail', () =>
-                    appendThumbnailOverlay(/** @type {HTMLElement} */ (targetElement), environment, () => {
+                sideEffects.add('appending thumbnail', () => {
+                    const clickHandler = () => {
+                        messages.notifyOverlayDismissed();
                         sideEffects.destroy('stopping video from playing');
                         sideEffects.destroy('appending thumbnail');
-                    }),
-                );
+                    };
+                    return showThumbnailOverlay(/** @type {HTMLElement} */ (targetElement), environment, clickHandler);
+                });
             } else {
                 sideEffects.destroy('stopping video from playing');
                 sideEffects.destroy('appending thumbnail');

injected/src/features/duckplayer-native/messages.js

@@ -100,15 +100,23 @@ export class DuckPlayerNativeMessages {
      * Notifies browser that the feature is ready
      */
     notifyFeatureIsReady() {
-        console.log('FIRING', constants.MSG_NAME_FEATURE_READY);
+        console.log('FIRING', constants.MSG_NAME_FEATURE_READY); // TODO: Remove
         this.messaging.notify(constants.MSG_NAME_FEATURE_READY, {});
     }
 
     /**
      * Notifies browser that scripts are ready to be acalled
      */
     notifyScriptIsReady() {
-        console.log('FIRING', constants.MSG_NAME_SCRIPTS_READY);
+        console.log('FIRING', constants.MSG_NAME_SCRIPTS_READY); // TODO: Remove
         this.messaging.notify(constants.MSG_NAME_SCRIPTS_READY, {});
     }
+
+    /**
+     * Notifies browser that the overlay was dismissed
+     */
+    notifyOverlayDismissed() {
+        console.log('FIRING', constants.MSG_NAME_DISMISS_OVERLAY); // TODO: Remove
+        this.messaging.notify(constants.MSG_NAME_DISMISS_OVERLAY, {});
+    }
 }