Enable no unchecked index access rule

src/apps/dashboard/routes/users/parentalcontrol.tsx

@@ -79,10 +79,12 @@ const UserParentalControl = () => {
         for (let i = 0, length = allParentalRatings.length; i < length; i++) {
             rating = allParentalRatings[i];
 
+            if (!rating) continue;
+
             if (ratings.length) {
                 const lastRating = ratings[ratings.length - 1];
 
-                if (lastRating.Value === rating.Value) {
+                if (lastRating && lastRating.Value === rating.Value) {
                     lastRating.Name += '/' + rating.Name;
                     continue;
                 }

src/apps/experimental/features/details/components/buttons/MoreCommandsButton.tsx

@@ -29,12 +29,15 @@ function playAllFromHere(opts: PlayAllFromHereOptions) {
     let startIndex;
 
     for (let i = 0, length = items?.length; i < length; i++) {
+        if (!items[i]) continue;
+
         if (items[i] === item) {
             foundCard = true;
             startIndex = i;
         }
+
         if (foundCard || !queue) {
-            ids.push(items[i].Id);
+            ids.push(items[i]?.Id);
         }
     }
 

src/apps/experimental/routes/home.tsx

@@ -67,15 +67,13 @@
         }
 
         return import(/* webpackChunkName: "[request]" */ `../../../controllers/${depends}`).then(({ default: ControllerFactory }) => {
-            let controller = tabControllers[index];
+            const controller = tabControllers[index];
+            if (controller) return controller;
 
-            if (!controller) {
-                const tabContent = element.current?.querySelector(".tabContent[data-index='" + index + "']");
-                controller = new ControllerFactory(tabContent, null);
-                tabControllers[index] = controller;
-            }
-
-            return controller;
+            const tabContent = element.current?.querySelector(".tabContent[data-index='" + index + "']");
+            const newController = new ControllerFactory(tabContent, null);
+            tabControllers[index] = newController;
+            return newController;
         });
     }, [ tabControllers ]);
 
@@ -123,7 +121,7 @@
             currentTabController.onResume({});
         }
         (document.querySelector('.skinHeader') as HTMLDivElement).classList.add('noHomeButtonHeader');
     }, [ initialTabIndex, mainTabsManager ]);
 
     const onPause = useCallback(() => {
         const currentTabController = tabController.current;

src/apps/experimental/routes/homevideos/index.tsx

@@ -39,7 +39,7 @@ const homevideosTabMapping: LibraryTabMapping = {
 
 const HomeVideos: FC = () => {
     const { libraryId, activeTab } = useCurrentTab();
-    const currentTab = homevideosTabMapping[activeTab];
+    const currentTab = homevideosTabMapping[activeTab] || photosTabContent;
 
     return (
         <Page

src/apps/experimental/routes/livetv/index.tsx

@@ -52,7 +52,7 @@ const liveTvTabMapping: LibraryTabMapping = {
 
 const LiveTv: FC = () => {
     const { libraryId, activeTab } = useCurrentTab();
-    const currentTab = liveTvTabMapping[activeTab];
+    const currentTab = liveTvTabMapping[activeTab] || programsTabContent;
 
     return (
         <Page

src/apps/experimental/routes/movies/index.tsx

@@ -60,7 +60,7 @@ const moviesTabMapping: LibraryTabMapping = {
 
 const Movies: FC = () => {
     const { libraryId, activeTab } = useCurrentTab();
-    const currentTab = moviesTabMapping[activeTab];
+    const currentTab = moviesTabMapping[activeTab] || moviesTabContent;
 
     return (
         <Page

src/apps/experimental/routes/music/index.tsx

@@ -68,7 +68,7 @@ const musicTabMapping: LibraryTabMapping = {
 
 const Music: FC = () => {
     const { libraryId, activeTab } = useCurrentTab();
-    const currentTab = musicTabMapping[activeTab];
+    const currentTab = musicTabMapping[activeTab] || albumsTabContent;
 
     return (
         <Page

src/apps/experimental/routes/shows/index.tsx

@@ -59,7 +59,7 @@ const tvShowsTabMapping: LibraryTabMapping = {
 
 const Shows: FC = () => {
     const { libraryId, activeTab } = useCurrentTab();
-    const currentTab = tvShowsTabMapping[activeTab];
+    const currentTab = tvShowsTabMapping[activeTab] || seriesTabContent;
 
     return (
         <Page

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

@@ -25,7 +25,7 @@
     private mediaSegments: MediaSegmentDto[] = [];
 
     private async fetchMediaSegments(api: Api, itemId: string, includeSegmentTypes: MediaSegmentType[]) {
         // FIXME: Replace with SDK getMediaSegmentsApi function when available in stable
         const mediaSegmentsApi = new MediaSegmentsApi(api.configuration, undefined, api.axiosInstance);
 
         try {
@@ -124,7 +124,7 @@
             const currentSegmentDetails = findCurrentSegment(this.mediaSegments, time, this.lastSegmentIndex);
             if (
                 // The current time falls within a segment
-                currentSegmentDetails
+                currentSegmentDetails?.segment
                 // and the last segment is not ignored or the segment index has changed
                 && (!this.isLastSegmentIgnored || this.lastSegmentIndex !== currentSegmentDetails.index)
             ) {

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

@@ -1,20 +1,20 @@
 import type { MediaSegmentDto } from '@jellyfin/sdk/lib/generated-client/models/media-segment-dto';
 
-const isBeforeSegment = (segment: MediaSegmentDto, time: number, direction: number) => {
+const isBeforeSegment = (segment: MediaSegmentDto | undefined, time: number, direction: number) => {
     if (direction === -1) {
         return (
-            typeof segment.EndTicks !== 'undefined'
+            typeof segment?.EndTicks !== 'undefined'
             && segment.EndTicks <= time
         );
     }
     return (
-        typeof segment.StartTicks !== 'undefined'
+        typeof segment?.StartTicks !== 'undefined'
         && segment.StartTicks > time
     );
 };
 
-export const isInSegment = (segment: MediaSegmentDto, time: number) => (
-    typeof segment.StartTicks !== 'undefined'
+export const isInSegment = (segment: MediaSegmentDto | undefined, time: number) => (
+    typeof segment?.StartTicks !== 'undefined'
     && segment.StartTicks <= time
     && (typeof segment.EndTicks === 'undefined' || segment.EndTicks > time)
 );
@@ -26,7 +26,7 @@ export const findCurrentSegment = (segments: MediaSegmentDto[], time: number, la
     }
 
     let direction = 1;
-    if (lastIndex > 0 && lastSegment.StartTicks && lastSegment.StartTicks > time) {
+    if (lastIndex > 0 && lastSegment?.StartTicks && lastSegment.StartTicks > time) {
         direction = -1;
     }
 

src/components/actionSheet/actionSheet.ts

@@ -93,6 +93,8 @@ function getPosition(positionTo: Element, options: Options, dlg: HTMLElement) {
 
     const pos = getOffsets([positionTo])[0];
 
+    if (!pos) return;
+
     if (options.positionY !== 'top') {
         pos.top += (pos.height || 0) / 2;
     }
@@ -250,6 +252,8 @@ export function show(options: Options) {
     for (let i = 0; i < options.items.length; i++) {
         const item = options.items[i];
 
+        if (!item) continue;
+
         if (item.divider) {
             html += '<div class="actionsheetDivider"></div>';
             continue;

src/components/cardbuilder/Card/cardHelper.ts

@@ -209,7 +209,7 @@ function getParentTitle(
     serverId: NullableString,
     item: ItemDto
 ) {
-    if (isOuterFooter && item.AlbumArtists?.length) {
+    if (isOuterFooter && item.AlbumArtists?.length && item.AlbumArtists[0]) {
         (item.AlbumArtists[0] as ItemDto).Type = ItemKind.MusicArtist;
         (item.AlbumArtists[0] as ItemDto).IsFolder = true;
         return getTextActionButton(item.AlbumArtists[0], null, serverId);

src/components/homesections/sections/libraryButtons.ts

@@ -17,8 +17,8 @@ function getLibraryButtonsHtml(items: BaseItemDto[]) {
     // library card background images
     for (let i = 0, length = items.length; i < length; i++) {
         const item = items[i];
-        const icon = imageHelper.getLibraryIcon(item.CollectionType);
-        html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><span class="material-icons homeLibraryIcon ' + icon + '" aria-hidden="true"></span><span class="homeLibraryText">' + escapeHtml(item.Name) + '</span></a>';
+        const icon = imageHelper.getLibraryIcon(item?.CollectionType);
+        html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><span class="material-icons homeLibraryIcon ' + icon + '" aria-hidden="true"></span><span class="homeLibraryText">' + escapeHtml(item?.Name || '') + '</span></a>';
     }
 
     html += '</div>';

src/components/listview/List/listHelper.ts

@@ -12,7 +12,9 @@ const sortBySortName = (item: ItemDto): string => {
     }
 
     // SortName
-    const name = (item.SortName ?? item.Name ?? '?')[0].toUpperCase();
+    const name = (item.SortName ?? item.Name ?? '?')[0]?.toUpperCase();
+
+    if (!name) return '';
 
     const code = name.charCodeAt(0);
     if (code < 65 || code > 90) {
@@ -48,7 +50,9 @@ const sortByAlbumArtist = (item: ItemDto): string => {
         return '';
     }
 
-    const name = item.AlbumArtist[0].toUpperCase();
+    const name = item.AlbumArtist[0]?.toUpperCase();
+
+    if (!name) return '';
 
     const code = name.charCodeAt(0);
     if (code < 65 || code > 90) {

src/elements/emby-scrollbuttons/utils.ts

@@ -45,15 +45,15 @@ function getFirstAndLastVisible(scrollFrame: HTMLElement, items: HTMLElement[],
 
     const currentScrollPos = scrollPosition * localeModifier;
     const scrollerWidth = scrollFrame.offsetWidth;
-    const itemWidth = items[0].offsetWidth;
+    const itemWidth = items[0]?.offsetWidth || 1;
 
     // Rounding down here will give us the first item index which is fully visible. We want the first partially visible
     // index so we'll subtract one.
     const firstVisibleIndex = Math.max(Math.floor(currentScrollPos / itemWidth) - 1, 0);
     // Rounding up will give us the last index which is at least partially visible (overflows at container end).
     const lastVisibleIndex = Math.floor((currentScrollPos + scrollerWidth) / itemWidth);
 
-    return [firstVisibleIndex, lastVisibleIndex];
+    return { firstVisibleIndex, lastVisibleIndex };
 }
 
 function scrollToWindow({
@@ -71,27 +71,32 @@ function scrollToWindow({
     // factory functions on it, but is not a true scroller factory. For legacy, we need to pass `scroller` directly
     // instead of getting the frame from the factory instance.
     const frame = scroller.getScrollFrame?.() ?? scroller;
-    const [firstVisibleIndex, lastVisibleIndex] = getFirstAndLastVisible(frame, items, scrollState);
+    const { firstVisibleIndex, lastVisibleIndex } = getFirstAndLastVisible(frame, items, scrollState);
 
-    let scrollToPosition: number;
+    let scrollToPosition = 0;
 
     if (direction === ScrollDirection.RIGHT) {
         const nextItem = items[lastVisibleIndex];
 
+        if (nextItem) {
         // This will be the position to anchor the item at `lastVisibleIndex` to the start of the view window.
-        const nextItemScrollOffset = lastVisibleIndex * nextItem.offsetWidth;
-        scrollToPosition = nextItemScrollOffset * localeModifier;
+            const nextItemScrollOffset = lastVisibleIndex * nextItem.offsetWidth;
+            scrollToPosition = nextItemScrollOffset * localeModifier;
+        }
     } else {
         const previousItem = items[firstVisibleIndex];
-        const previousItemScrollOffset = firstVisibleIndex * previousItem.offsetWidth;
 
-        // Find the total number of items that can fit in a view window and subtract one to account for item at
-        // `firstVisibleIndex`. The total width of these items is the amount that we need to adjust the scroll position by
-        // to anchor item at `firstVisibleIndex` to the end of the view window.
-        const offsetAdjustment = (Math.floor(frame.offsetWidth / previousItem.offsetWidth) - 1) * previousItem.offsetWidth;
+        if (previousItem) {
+            const previousItemScrollOffset = firstVisibleIndex * previousItem.offsetWidth;
 
-        // This will be the position to anchor the item at `firstVisibleIndex` to the end of the view window.
-        scrollToPosition = (previousItemScrollOffset - offsetAdjustment) * localeModifier;
+            // Find the total number of items that can fit in a view window and subtract one to account for item at
+            // `firstVisibleIndex`. The total width of these items is the amount that we need to adjust the scroll position by
+            // to anchor item at `firstVisibleIndex` to the end of the view window.
+            const offsetAdjustment = (Math.floor(frame.offsetWidth / previousItem.offsetWidth) - 1) * previousItem.offsetWidth;
+
+            // This will be the position to anchor the item at `firstVisibleIndex` to the end of the view window.
+            scrollToPosition = (previousItemScrollOffset - offsetAdjustment) * localeModifier;
+        }
     }
 
     if (scroller.slideTo) {

src/utils/file.ts

@@ -7,6 +7,9 @@ export function readFileAsBase64(file: File): Promise<string> {
         reader.onload = (e) => {
             // Split by a comma to remove the url: prefix
             const data = (e.target?.result as string)?.split?.(',')[1];
+            if (!data) {
+                return reject(new Error('No file data'));
+            }
             resolve(data);
         };
         reader.onerror = reject;

src/utils/number.ts

@@ -43,5 +43,5 @@ export function decimalCount(value: number): number {
 
     const arr = value.toString().split('.');
 
-    return arr[1].length;
+    return arr[1]?.length || 0;
 }

tsconfig.json

@@ -7,6 +7,7 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "noImplicitAny": true,
+    "noUncheckedIndexedAccess": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "module": "ESNext",