Lint

Author: mgurgel

special-pages/pages/duckplayer/app/components/MobileApp.jsx

@@ -23,7 +23,7 @@ export function MobileApp({ embed }) {
     const settings = useSettings();
     const telemetry = useTelemetry();
     const ytError = useYouTubeError();
-    
+
     const features = createAppFeaturesFrom(settings);
     return (
         <>

special-pages/pages/duckplayer/app/components/Player.jsx

@@ -12,7 +12,7 @@ export const PLAYER_ERRORS = {
     botDetected: 'bot-detected',
     ageRestricted: 'age-restricted',
     noEmbed: 'no-embed',
-}
+};
 
 export const PLAYER_ERROR_IDS = Object.values(PLAYER_ERRORS);
 
@@ -57,7 +57,7 @@ export function Player({ src, layout }) {
 }
 
 /**
- * @param {PlayerError} kind 
+ * @param {PlayerError} kind
  * @returns {{heading: Element, message: Element, solutions: Element[]}}
  */
 function useErrorStrings(kind) {
@@ -70,15 +70,15 @@ function useErrorStrings(kind) {
     const solutionsMap = {
         ['invalid-id']: [],
         ['bot-detected']: [
-        <span dangerouslySetInnerHTML={{ __html: t('botDetectedErrorTip1') }} />,
-        <span dangerouslySetInnerHTML={{ __html: t('botDetectedErrorTip2') }} />,
-        ]
-    }
+            <span dangerouslySetInnerHTML={{ __html: t('botDetectedErrorTip1') }} />,
+            <span dangerouslySetInnerHTML={{ __html: t('botDetectedErrorTip2') }} />,
+        ],
+    };
     const messageMap = {
         ['invalid-id']: '',
         ['age-restricted']: <span dangerouslySetInnerHTML={{ __html: t('blockedVideoErrorMessage') }} />,
-    }
-    
+    };
+
     const heading = headingsMap[kind] || headingsMap['invalid-id'];
     const solutions = solutionsMap[kind] || solutionsMap['invalid-id'];
     const message = messageMap[kind] || messageMap['invalid-id'];
@@ -98,8 +98,8 @@ export function PlayerError({ kind, layout }) {
                 [styles.mobile]: layout === 'mobile',
             })}
         >
-            { kind === 'invalid-id' && <InvalidIdError kind={kind} />}
-            { kind !== 'invalid-id' && <YouTubeError kind={kind} /> }
+            {kind === 'invalid-id' && <InvalidIdError kind={kind} />}
+            {kind !== 'invalid-id' && <YouTubeError kind={kind} />}
         </div>
     );
 }
@@ -131,15 +131,18 @@ export function YouTubeError({ kind }) {
         <div className={classes}>
             <div className={styles.youtubeErrorContainer}>
                 <span className={styles.youtubeErrorIcon}></span>
-                
+
                 <h1 className={styles.youtubeErrorHeading}>{heading}</h1>
-                
+
                 {message && <p className={styles.youtubeErrorMessage}>{message}</p>}
 
-                {solutions && 
+                {solutions && (
                     <ul className={styles.youtubeErrorList}>
-                        {solutions.map(item => <li>{item}</li>)}
-                    </ul>}
+                        {solutions.map((item) => (
+                            <li>{item}</li>
+                        ))}
+                    </ul>
+                )}
             </div>
         </div>
     );

special-pages/pages/duckplayer/app/features/error-detection.js

@@ -70,12 +70,12 @@ const nodeContainsError = (node) => {
         const errorElement = element.querySelector('ytp-error');
 
         if (errorElement) {
-            return 'bot-detected'; // TODO: More generic naming 
+            return 'bot-detected'; // TODO: More generic naming
         }
     }
 
     return null;
-}
+};
 
 /**
  * Analyses attributes of a node to determine if it contains an error state
@@ -88,7 +88,7 @@ const nodeIsError = (node) => {
     if (node?.nodeType === Node.ELEMENT_NODE) {
         const element = /** @type {HTMLElement} */ (node);
         if (element.classList.contains('ytp-error')) {
-            return 'bot-detected'; // TODO: More generic naming 
+            return 'bot-detected'; // TODO: More generic naming
         }
         // Add other error detection logic here
     }

special-pages/pages/duckplayer/app/index.js

@@ -65,7 +65,7 @@ export async function init(messaging, telemetry, baseEnvironment) {
     let initialYouTubeError = null;
     const ytErrorParam = baseEnvironment.urlParams.get('youtubeError');
     if (ytErrorParam && PLAYER_ERROR_IDS.includes(ytErrorParam)) {
-        initialYouTubeError = /** @type {import('./components/Player').PlayerError} */(ytErrorParam);
+        initialYouTubeError = /** @type {import('./components/Player').PlayerError} */ (ytErrorParam);
     }
 
     const embed = createEmbedSettings(window.location.href, settings);

special-pages/pages/duckplayer/app/providers/YouTubeErrorProvider.jsx

@@ -27,7 +27,7 @@ export function YouTubeErrorProvider({ initial = null, children }) {
     useEffect(() => {
         /** @type {(event: CustomEvent) => void} */
         const errorEventHandler = (event) => {
-            const error = event.detail?.error
+            const error = event.detail?.error;
             if (PLAYER_ERROR_IDS.includes(error) || error === null) {
                 setError(error);
             }

special-pages/pages/duckplayer/integration-tests/duck-player.js

@@ -335,8 +335,8 @@ export class DuckPlayerPage {
     }
 
     /**
-     * 
-     * @param {string} text 
+     *
+     * @param {string} text
      */
     async hasShownErrorMessage(text = 'ERROR: Invalid video id') {
         await expect(this.page.getByText(text)).toBeVisible();