Setup everything

Author: mgurgel

injected/src/features/duck-player-native.js

@@ -2,7 +2,7 @@ import ContentFeature from '../content-feature.js';
 // import { isBeingFramed } from '../utils.js';
 import { DuckPlayerNativeMessages } from './duckplayer-native/messages.js';
 import { mockTransport } from './duckplayer-native/mock-transport.js';
-import { setupDuckPlayerForNoCookie, setupDuckPlayerForSerp, setupDuckPlayerForYouTube } from './duckplayer-native/duckplayer-native.js';
+import { setupDuckPlayerForEverything, setupDuckPlayerForNoCookie, setupDuckPlayerForSerp, setupDuckPlayerForYouTube } from './duckplayer-native/duckplayer-native.js';
 import { Environment } from './duckplayer-native/environment.js';
 
 /** @import {DuckPlayerNative} from './duckplayer-native/duckplayer-native.js' */
@@ -49,24 +49,28 @@ export class DuckPlayerNativeFeature extends ContentFeature {
         const comms = new DuckPlayerNativeMessages(this.messaging);
         const settings = { selectors };
 
+        this.current = setupDuckPlayerForEverything(settings, env, comms);
+
         comms.subscribeToURLChange(({ pageType }) => {
             console.log('GOT PAGE TYPE', pageType);
-            let next;
-
-            switch (pageType) {
-                case 'NOCOOKIE':
-                    next = setupDuckPlayerForNoCookie(settings, env, comms);
-                    break;
-                case 'YOUTUBE':
-                    next = setupDuckPlayerForYouTube(settings, env, comms);
-                    break;
-                case 'SERP':
-                    next = setupDuckPlayerForSerp(settings, env, comms);
-                    break;
-                case 'UNKNOWN':
-                default:
-                    console.warn('No known pageType');
-            }
+            // let next;
+            //
+            // switch (pageType) {
+            //     case 'NOCOOKIE':
+            //         next = setupDuckPlayerForNoCookie(settings, env, comms);
+            //         break;
+            //     case 'YOUTUBE':
+            //         next = setupDuckPlayerForYouTube(settings, env, comms);
+            //         break;
+            //     case 'SERP':
+            //         next = setupDuckPlayerForSerp(settings, env, comms);
+            //         break;
+            //     case 'UNKNOWN':
+            //     default:
+            //         console.warn('No known pageType');
+            // }
+
+            const next = setupDuckPlayerForEverything(settings, env, comms);
 
             if (next) {
                 console.log('LOADING NEXT INSTANCE', this.current, next);

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

@@ -162,6 +162,104 @@ export function setupDuckPlayerForYouTube(settings, environment, messages) {
     return duckPlayerNative;
 }
 
+/**
+ * @param {Settings} settings
+ * @param {Environment} environment
+ * @param {DuckPlayerNativeMessages} messages
+ */
+export function setupDuckPlayerForEverything(settings, environment, messages) {
+    const onLoad = (sideEffects, logger) => {
+        sideEffects.add('started polling current timestamp', () => {
+            const handler = (timestamp) => {
+                messages.notifyCurrentTimestamp(timestamp.toFixed(0));
+            };
+
+            return pollTimestamp(300, handler);
+        });
+
+        const errorContainer = settings.selectors?.errorContainer;
+        const signInRequiredError = settings.selectors?.signInRequiredError;
+        if (!errorContainer || !signInRequiredError) {
+            logger.warn('Missing error selectors in configuration');
+            return;
+        }
+
+        /** @type {(errorId: import('./error-detection.js').YouTubeError) => void} */
+        const errorHandler = (errorId) => {
+            logger.log('Received error', errorId);
+
+            // Notify the browser of the error
+            messages.notifyYouTubeError(errorId);
+
+            const targetElement = document.querySelector(errorContainer);
+            if (targetElement) {
+                showError(/** @type {HTMLElement} */ (targetElement), errorId, environment);
+            }
+        };
+
+        /** @type {ErrorDetectionSettings} */
+        const errorDetectionSettings = {
+            selectors: settings.selectors,
+            testMode: environment.isTestMode(),
+            callback: errorHandler,
+        };
+
+        sideEffects.add('setting up error detection', () => {
+            const errorDetection = new ErrorDetection(errorDetectionSettings);
+            const destroy = errorDetection.observe();
+
+            return () => {
+                if (destroy) destroy();
+            };
+        });
+    };
+
+    const onInit = (sideEffects, logger) => {
+        sideEffects.add('subscribe to media control', () => {
+            return messages.subscribeToMediaControl(({ pause }) => {
+                logger.log('Running media control handler. Pause:', pause);
+
+                const videoElement = settings.selectors?.videoElement;
+                const videoElementContainer = settings.selectors?.videoElementContainer;
+                if (!videoElementContainer || !videoElement) {
+                    logger.warn('Missing media control selectors in config');
+                    return;
+                }
+
+                const targetElement = document.querySelector(videoElementContainer);
+                if (targetElement) {
+
+                    if (pause) {
+                        sideEffects.add('stopping video from playing', () => stopVideoFromPlaying(videoElement));
+                        sideEffects.add('appending thumbnail', () =>
+                            appendThumbnailOverlay(/** @type {HTMLElement} */ (targetElement), environment),
+                        );
+                    } else {
+                        sideEffects.destroy('stopping video from playing');
+                        sideEffects.destroy('appending thumbnail');
+                    }
+                }
+            });
+        })
+
+        sideEffects.add('subscribing to mute audio', () => {
+            return messages.subscribeToMuteAudio(({ mute }) => {
+                logger.log('Running mute audio handler. Mute:', mute);
+                muteAudio(mute);
+            });
+        });
+    };
+
+    const duckPlayerNative = new DuckPlayerNative({
+        settings,
+        environment,
+        messages,
+        onInit,
+        onLoad,
+    });
+    return duckPlayerNative;
+}
+
 /**
  * @param {Settings} settings
  * @param {Environment} environment