Album pages blank / no songs showing up

Lake

Hello,

I'm having albums show up with blank pages. This started happening after I deleted these tracks and re-uploaded them. I did this because they were showing up under two duplicate "artists" with the same name, presumably due to me not tagging them with Picard first (my mistake!). After tagging, the duplicate artist is fixed but now several of the album pages are blank.

On this page, I can still click 'play' and it queues up all of the tracks. I just can't see the tracklist.

With the network debugger, I can see that the /api/v1/tracks endpoint is returning the tracks with status 200 and 4 objects, matching the number of tracks that I have uploaded for this album.

Rough repro: I deleted the tracks via '/library/[id]/upload' -> "Edit" -> "Library contents", picking the tracks by this artist, deleting them, re-tagging in Picard, and re-uploading back to the same library. I also had to delete the old version of the duplicate artist to remove the "greyed out" old version - the issue was happening both before and after I did this.

This is on Funkwhale 1.4.0 with the docker setup on Debian, using Firefox to access it.

[upl-image-preview url=https://forum.funkwhale.audio/assets/files/2024-03-18/1710774337-652840-image.png]

This error shows up in the console on the broken album pages:

TypeError: e[i] is undefined
    j AlbumDetail.vue:54
    j AlbumDetail.vue:52
    run reactivity.esm-bundler.js:178
    get value reactivity.esm-bundler.js:1140
    setup AlbumDetail.vue:56
    ns runtime-core.esm-bundler.js:834
    S runtime-core.esm-bundler.js:5852
    run reactivity.esm-bundler.js:178
    update runtime-core.esm-bundler.js:5902
    oe runtime-core.esm-bundler.js:5729
    Y runtime-core.esm-bundler.js:5664
    T runtime-core.esm-bundler.js:5128
    S runtime-core.esm-bundler.js:5861
    run reactivity.esm-bundler.js:178
    update runtime-core.esm-bundler.js:5902
    oe runtime-core.esm-bundler.js:5729
    Y runtime-core.esm-bundler.js:5664
    T runtime-core.esm-bundler.js:5128
    M runtime-core.esm-bundler.js:5516
    H runtime-core.esm-bundler.js:5407
    C runtime-core.esm-bundler.js:5255
    T runtime-core.esm-bundler.js:5116
    M runtime-core.esm-bundler.js:5516
    H runtime-core.esm-bundler.js:5407
    C runtime-core.esm-bundler.js:5255
    T runtime-core.esm-bundler.js:5116
    S runtime-core.esm-bundler.js:5861
    run reactivity.esm-bundler.js:178
    update runtime-core.esm-bundler.js:5902
    Ge runtime-core.esm-bundler.js:158
    Ui runtime-core.esm-bundler.js:365
    promise callback*Di runtime-core.esm-bundler.js:275
    Cs runtime-core.esm-bundler.js:269
    N runtime-core.esm-bundler.js:1857
    mo reactivity.esm-bundler.js:373
    tr reactivity.esm-bundler.js:363
    Ze reactivity.esm-bundler.js:350
    set reactivity.esm-bundler.js:492
    t reactivity.esm-bundler.js:408
    y AlbumBase.vue:98
    M AlbumBase.vue:69
    Ge runtime-core.esm-bundler.js:158
    Ie runtime-core.esm-bundler.js:166
    B runtime-core.esm-bundler.js:1835
    Ln runtime-core.esm-bundler.js:1866
    pt runtime-core.esm-bundler.js:1724
    setup AlbumBase.vue:107
    Ge runtime-core.esm-bundler.js:158
    Ba runtime-core.esm-bundler.js:7332
    Tl runtime-core.esm-bundler.js:7292
    ie runtime-core.esm-bundler.js:5687
    Y runtime-core.esm-bundler.js:5653
    T runtime-core.esm-bundler.js:5128
    S runtime-core.esm-bundler.js:5797
    run reactivity.esm-bundler.js:178
    update runtime-core.esm-bundler.js:5902
    U runtime-core.esm-bundler.js:5910
    ie runtime-core.esm-bundler.js:5701
    Y runtime-core.esm-bundler.js:5653
    T runtime-core.esm-bundler.js:5128
    A runtime-core.esm-bundler.js:5373
    F runtime-core.esm-bundler.js:5279
    C runtime-core.esm-bundler.js:5244
    T runtime-core.esm-bundler.js:5116
    S runtime-core.esm-bundler.js:5797
    run reactivity.esm-bundler.js:178
    update runtime-core.esm-bundler.js:5902
    U runtime-core.esm-bundler.js:5910
    ie runtime-core.esm-bundler.js:5701
    Y runtime-core.esm-bundler.js:5653
    T runtime-core.esm-bundler.js:5128
runtime-core.esm-bundler.js:226:12

In Chrome, I get a different looking error:

TypeError: Cannot read properties of undefined (reading 'push')
    at AlbumDetail.vue:54:21
    at Array.reduce (<anonymous>)
    at Qt.fn (AlbumDetail.vue:52:4)
    at Qt.run (reactivity.esm-bundler.js:178:19)
    at get value (reactivity.esm-bundler.js:1140:33)
    at Proxy.<anonymous> (AlbumDetail.vue:56:58)
    at ns (runtime-core.esm-bundler.js:834:16)
    at Qt.S [as fn] (runtime-core.esm-bundler.js:5852:26)
    at Qt.run (reactivity.esm-bundler.js:178:19)
    at U.d.update (runtime-core.esm-bundler.js:5902:51)

petitminion

strange, might be a bug. Do you have a link for the album ?

djelouze

Hi !
I have the exact same problem here : https://funky.calut.fr/library/albums/2833
This is not an "album" per se, but rather a compilation of courses. I have other "courses album", uploaded at the same time, which are full functional : https://funky.calut.fr/library/albums/2831
Not only the tracks are not displayed, but also the "User libraries" part.

Basically, in this library : https://funky.calut.fr/library/f879d8fe-134f-4f54-a689-b215bdad0058 , you will find the artist "UELC" with one album having this issue, and the artist "FGSM2" with 6 albums without any problem.

Note that if you want to listen to the whole album, the playlist is correctly built.

djelouze

I just noted that the playlist of the buggy album is not correctly build: The 10th track ("Voies Visuelles") is put at the beginning. The other tracks are in correct order.

djelouze

Another test : the android client shows the list of track and the playlist is correctly ordered.

(Sorry to spam the issue !! 😆 )

petitminion

djelouze it's not spam you're providing usefull information 🙂 thank you 😃

This seems like a frontend bug since the backend properly send the track list. I don't really know the frontend code :s

issue : https://dev.funkwhale.audio/funkwhale/funkwhale/-/issues/2300