Update to typescript-eslint v8

.eslintrc.js

@@ -65,7 +65,6 @@ module.exports = {
         'prefer-const': ['error', { 'destructuring': 'all' }],
         'prefer-promise-reject-errors': ['warn', { 'allowEmptyReject': true }],
         '@typescript-eslint/prefer-for-of': ['error'],
-        '@typescript-eslint/prefer-optional-chain': ['error'],
         'radix': ['error'],
         'yoda': 'error',
 

package.json

@@ -19,8 +19,8 @@
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
     "@types/sortablejs": "1.15.8",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
+    "@typescript-eslint/eslint-plugin": "8.17.0",
+    "@typescript-eslint/parser": "8.17.0",
     "@uupaa/dynamic-import-polyfill": "1.0.2",
     "@vitest/coverage-v8": "2.1.3",
     "autoprefixer": "10.4.20",

src/apps/stable/features/playback/utils/playbackSubscriber.ts

@@ -13,6 +13,7 @@ import { PlayerEvent } from '../constants/playerEvent';
 import type { ManagedPlayerStopInfo, MovedItem, PlayerError, PlayerErrorCode, PlayerStopInfo, RemovedItems } from '../types/callbacks';
 import type { MediaSegmentDto } from '@jellyfin/sdk/lib/generated-client/models/media-segment-dto';
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 export interface PlaybackSubscriber {
     onPlaybackCancelled?(e: Event): void
     onPlaybackError?(e: Event, errorType: MediaError): void
@@ -40,6 +41,7 @@ export interface PlaybackSubscriber {
     onReportPlayback?(e: Event, isServerItem: boolean): void
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 export abstract class PlaybackSubscriber {
     protected player: Plugin | undefined;
 

src/components/AppHeader.tsx

@@ -9,6 +9,7 @@ const AppHeader: FC<AppHeaderParams> = ({
 }) => {
     useEffect(() => {
         // Initialize the UI components after first render
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         import('../scripts/libraryMenu');
     }, []);
 

src/components/Backdrop.tsx

@@ -13,6 +13,7 @@ const styles = layoutManager.experimental ? {
 const Backdrop = () => {
     useEffect(() => {
         // Initialize the UI components after first render
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         import('../scripts/autoBackdrops');
     }, []);
 

src/components/alphaPicker/AlphaPickerComponent.tsx

@@ -7,7 +7,7 @@ type AlphaPickerProps = {
 };
 
 // React compatibility wrapper component for alphaPicker.js
-// eslint-disable-next-line @typescript-eslint/no-empty-function
+// eslint-disable-next-line no-empty-function
 const AlphaPickerComponent: FunctionComponent<AlphaPickerProps> = ({ onAlphaPicked = () => {} }: AlphaPickerProps) => {
     const [ alphaPicker, setAlphaPicker ] = useState<AlphaPicker>();
     const element = useRef<HTMLDivElement>(null);

src/components/cardbuilder/Card/cardHelper.ts

@@ -132,7 +132,7 @@ export function getAirTimeText(
                 date = datetime.parseISO8601Date(item.EndDate);
                 airTimeText += ' - ' + datetime.getDisplayTime(date);
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date: ' + item.StartDate);
         }
     }
@@ -521,7 +521,7 @@ function getPremiereDate(PremiereDate: string | null | undefined) {
                 datetime.parseISO8601Date(PremiereDate),
                 { weekday: 'long', month: 'long', day: 'numeric' }
             );
-        } catch (err) {
+        } catch {
             return '';
         }
     } else {

src/components/mediainfo/usePrimaryMediaInfo.tsx

@@ -80,7 +80,7 @@ function addOriginalAirDateInfo(
                 itemType !== ItemKind.Episode
             );
             addMiscInfo({ text: datetime.toLocaleDateString(date) });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemPremiereDate);
         }
     }
@@ -212,7 +212,7 @@ function addProgramTextInfo(
                 datetime.toLocaleDateString(date)
             );
             addMiscInfo({ text: text });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', program.PremiereDate);
         }
     }
@@ -238,7 +238,7 @@ function addStartDateInfo(
             if (itemType !== ItemKind.Recording) {
                 addMiscInfo({ text: datetime.getDisplayTime(date) });
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemStartDate);
         }
     }
@@ -291,7 +291,7 @@ function addproductionYearWithEndDate(
             if (endYear !== itemProductionYear) {
                 productionYear += `-${endYear}`;
             }
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemEndDate);
         }
     }
@@ -324,7 +324,7 @@ function addYearInfo(
                     { useGrouping: false }
                 );
                 addMiscInfo({ text: text });
-            } catch (e) {
+            } catch {
                 console.error('error parsing date:', itemPremiereDate);
             }
         }

src/components/mediainfo/useSecondaryMediaInfo.tsx

@@ -36,7 +36,7 @@ function addProgramTime(
                 programTimeText += ` - ${datetime.getDisplayTime(date)}`;
             }
             addMiscInfo({ text: programTimeText });
-        } catch (e) {
+        } catch {
             console.error('error parsing date:', itemStartDate);
         }
     }

src/global.d.ts

@@ -4,6 +4,7 @@ export declare global {
     interface Window {
         ApiClient: ApiClient;
         Events: Events;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         NativeShell: any;
         Loading: {
             show();

src/hooks/useFetchItems.ts

@@ -440,7 +440,7 @@ function groupsUpcomingEpisodes(items: ItemDto[]) {
                         month: 'short',
                         day: 'numeric'
                     });
-            } catch (err) {
+            } catch {
                 console.error('error parsing timestamp for upcoming tv shows');
             }
         }

src/index.d.ts

@@ -1,4 +1,5 @@
 declare module '*.png' {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const value: any;
     export = value;
 }

src/types/cardOptions.ts

@@ -70,6 +70,7 @@ export interface CardOptions {
     showSeriesTimerChannel?: boolean;
     showSongCount?: boolean;
     width?: number;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     widths?: any;
     showChannelLogo?: boolean;
     showLogo?: boolean;