changing data fetch to pull only the library count, instead of a hardcoded 1000

Author: ydkmlt84

server/src/modules/api/plex-api/plex-api.controller.ts

@@ -46,6 +46,22 @@ export class PlexApiController {
       sort,
     );
   }
+  @Get('library/:id/content/count')
+  async getLibraryContentCount(
+    @Param('id') id: string,
+    @Query('type') type?: EPlexDataType,
+  ) {
+    const [count, libraries] = await Promise.all([
+      this.plexApiService.getLibraryContentCount(id, type),
+      this.plexApiService.getLibraries(),
+    ]);
+
+    const library = libraries.find((lib) => String(lib.key) === String(id));
+    const libraryName = library?.title ?? 'Unknown';
+
+    return { count: (count ?? 0) + 20, libraryName };
+  }
+
   @Get('library/:id/content/search/:query')
   searchibraryContent(
     @Param('id') id: string,

server/src/modules/api/plex-api/plex-api.service.ts

@@ -226,7 +226,6 @@ export class PlexApiService {
           'X-Plex-Container-Size': '0',
         },
       });
-
       return response.MediaContainer.totalSize;
     } catch (err) {
       this.logger.warn(

ui/src/components/Overview/index.tsx

@@ -19,6 +19,12 @@ const Overview = () => {
   const [selectedLibrary, setSelectedLibrary] = useState<number | undefined>(
     undefined,
   )
+  const backendSortableFields = [
+    'addedAt',
+    'originallyAvailableAt',
+    'viewCount',
+    'lastViewedAt',
+  ]
 
   useEffect(() => {
     const stored = sessionStorage.getItem('maintainerr_selectedLibrary')
@@ -30,7 +36,7 @@ const Overview = () => {
   const [searchUsed, setSearchUsed] = useState<boolean>(false)
   const SearchCtx = useContext(SearchContext)
   const LibrariesCtx = useContext(LibrariesContext)
-
+  const [libraryCount, setLibraryCount] = useState<number>(1000)
   const [sortOption, setSortOption] = useState<SortOption>('title:asc')
   const [filterOption, setFilterOption] = useState<FilterOption>('all')
   const [viewMode, setViewMode] = useState<ViewMode>(() => {
@@ -84,27 +90,22 @@ const Overview = () => {
   }, [LibrariesCtx.libraries])
 
   useEffect(() => {
-    if (SearchCtx.search.text !== '') {
-      GetApiHandler(`/plex/search/${SearchCtx.search.text}`).then(
-        (resp: IPlexMetadata[]) => {
-          setSearchUsed(true)
-          setData(resp ? resp : [])
-          loadingRef.current = false
-        },
-      )
-    } else {
+    if (SearchCtx.search.text === '') {
       setSearchUsed(false)
       setData([])
       loadingRef.current = true
-      fetchData()
+
+      if (selectedLibrary !== undefined) {
+        switchLib(selectedLibrary)
+      }
     }
   }, [SearchCtx.search.text])
 
   useEffect(() => {
-    if (selectedLibrary !== undefined && SearchCtx.search.text === '') {
-      fetchData()
+    if (!searchUsed && selectedLibrary !== undefined) {
+      switchLib(selectedLibrary)
     }
-  }, [selectedLibrary])
+  }, [sortOption, filterOption])
 
   const sortData = (
     items: IPlexMetadata[],
@@ -127,57 +128,44 @@ const Overview = () => {
     return items
   }
 
-  useEffect(() => {
-    setVisibleCount(100)
-    fetchData()
-  }, [sortOption, filterOption])
-
-  const switchLib = (libraryId: number) => {
+  const switchLib = async (libraryId: number) => {
     loadingRef.current = true
     setData([])
     setSearchUsed(false)
     setSelectedLibrary(libraryId)
-  }
 
-  const backendSortableFields = [
-    'addedAt',
-    'originallyAvailableAt',
-    'viewCount',
-    'lastViewedAt',
-  ]
+    // Fetch count and exclusions first
+    const [countResp, exclusionResp] = await Promise.all([
+      GetApiHandler(`/plex/library/${libraryId}/content/count`),
+      GetApiHandler(`/rules/exclusion/all`),
+    ])
 
-  const fetchData = async () => {
-    if (selectedLibrary && SearchCtx.search.text === '') {
-      const askedLib = selectedLibrary
-      const sortField = sortOption.split(':')[0]
-      const isBackendSortable = backendSortableFields.includes(sortField)
-      const apiSortParam = isBackendSortable ? `&sort=${sortOption}` : ''
-
-      const [plexResp, exclusionResp] = await Promise.all([
-        GetApiHandler(
-          `/plex/library/${selectedLibrary}/content?page=1&size=1000${apiSortParam}`,
-        ),
-        GetApiHandler(`/rules/exclusion/all`),
-      ])
-
-      const enrichedItems = metadataEnrichment(plexResp.items, exclusionResp)
-
-      const sortedItems = sortData(enrichedItems, sortOption)
-
-      const filteredItems = sortedItems.filter((item) => {
-        if (filterOption === 'excluded') return !!item.maintainerrExclusionType
-        if (filterOption === 'nonExcluded')
-          return !item.maintainerrExclusionType
-        return true
-      })
-
-      if (askedLib === selectedLibrary) {
-        setVisibleCount(100)
-        setAllItems(filteredItems)
-        setData(filteredItems.slice(0, 100))
-        loadingRef.current = false
-      }
-    }
+    const count = countResp?.count ?? 1000
+    setLibraryCount(count)
+    console.log(`Fetching ${count} items for library ${libraryId}`)
+
+    // Fetch all metadata
+    const sortField = sortOption.split(':')[0]
+    const isBackendSortable = backendSortableFields.includes(sortField)
+    const apiSortParam = isBackendSortable ? `&sort=${sortOption}` : ''
+
+    const plexResp = await GetApiHandler(
+      `/plex/library/${libraryId}/content?page=1&size=${count}${apiSortParam}`,
+    )
+
+    const enrichedItems = metadataEnrichment(plexResp.items, exclusionResp)
+    const sortedItems = sortData(enrichedItems, sortOption)
+
+    const filteredItems = sortedItems.filter((item) => {
+      if (filterOption === 'excluded') return !!item.maintainerrExclusionType
+      if (filterOption === 'nonExcluded') return !item.maintainerrExclusionType
+      return true
+    })
+
+    setVisibleCount(100)
+    setAllItems(filteredItems)
+    setData(filteredItems.slice(0, 100))
+    loadingRef.current = false
   }
 
   // Triggers additional data load when near the bottom