Merge pull request #72 from pSpitzner/rc1_fix_69_all_albums_lib_view

should fix #69 and make the library album view load quicker

Author: semohr

backend/beets_flask/server/routes/library/resources.py

@@ -676,8 +676,6 @@ class AlbumResponseMinimal(TypedDict):
     id: int
     # Name of the album
     name: str
-    # Path to the album
-    path: str
     # Primary artist for the album
     albumartist: str
     # Year the album was published
@@ -743,8 +741,6 @@ def _rep_Album(
 
     out: dict[str, Any] = dict()
 
-    out["path"] = beets_util.displayable_path(album.path)
-
     if minimal:
         keys = ["id", "name", "albumartist", "year", "added"]
     else:

frontend/src/components/inbox/cards/importedCard.tsx

@@ -142,7 +142,6 @@ function AlbumInfo({ album }: { album: AlbumResponseMinimalExpanded }) {
     return (
         <Box>
             <Box component="ul" sx={{ m: 0 }}>
-                <li>Path: {album.path}</li>
                 <li>
                     size:{" "}
                     {humanizeBytes(

frontend/src/pythonTypes.ts

@@ -225,7 +225,6 @@ export interface ItemResponseMinimal {
 export interface AlbumResponseMinimalExpanded {
 	id: number;
 	name: string;
-	path: string;
 	albumartist: string;
 	year: number;
 	added: Date;
@@ -238,7 +237,6 @@ export interface AlbumResponseMinimalExpanded {
 export interface AlbumResponseMinimal {
 	id: number;
 	name: string;
-	path: string;
 	albumartist: string;
 	year: number;
 	added: Date;
@@ -285,7 +283,6 @@ export interface ItemResponse {
 export interface AlbumResponseExpanded {
 	id: number;
 	name: string;
-	path: string;
 	albumartist: string;
 	year: number;
 	added: Date;
@@ -308,7 +305,6 @@ export interface AlbumSource {
 export interface AlbumResponse {
 	id: number;
 	name: string;
-	path: string;
 	albumartist: string;
 	year: number;
 	added: Date;

frontend/src/routes/library/(resources)/album.$albumId.route.tsx

@@ -3,7 +3,7 @@ import { Box, useTheme } from "@mui/material";
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { createFileRoute, Outlet } from "@tanstack/react-router";
 
-import { albumQueryOptions, artQueryOptions } from "@/api/library";
+import { albumQueryOptions } from "@/api/library";
 import { BackIconButton } from "@/components/common/inputs/back";
 import { Loading } from "@/components/common/loading";
 import { NavigationTabs } from "@/components/common/navigation";
@@ -28,10 +28,9 @@ export const Route = createFileRoute("/library/(resources)/album/$albumId")({
             )
         );
 
-        const p2 = queryClient.ensureQueryData(
-            artQueryOptions({ type: "album", id: params.albumId })
-        );
-        await Promise.all([p1, p2]);
+        // don't wait for cover-art here. we want to show main content fast
+        // and handle errors for artwork with ui placeholder.
+        await Promise.all([p1]);
     },
     pendingComponent: PendingComponent,
     component: RouteComponent,