Homepage revamp

[SO9010]

This aims to sort #519 ! Please message there if there's anything you would want to see implemented! here is the current rough rough rough state of this PR!

Screencast.from.2024-09-05.21-00-56.mp4

[jacksongoode]

The only other project that does retrieve these made for you sections is Spotube. The hidden Spotify endpoints they discovered are here. It might be helpful in your redesign. We should be adding these to home regardless but their API is a little tricky for these I think - they need to be destructured in a particular way.

https://github.com/KRTirtho/spotube/blob/9b024120601c0d381edeab4460cb22f87149d0f8/lib/services/custom_spotify_endpoints/spotify_endpoints.dart

[SO9010]

That has made me very excited, I also spotted a "what are your friends listening to" section! I'll happily work on working out the apis. Do you think the current drafts layout is effective, we could possibly keep the "your top artists and tracks" section at the bottom as I personally really like being able to use it.

[jacksongoode]

Having a look at this now, and will give some feedback!

[jacksongoode]

Overall I like it! Some thoughts:

• The thumbnails are a bit too large, I don't think its in keeping with the existing UI of the application
• Some of the descriptions are garbled. I don't think this is an issue with this PR but rather how we sanitize the descriptions as a whole. HTML tags are preserved.
• I think we need a little bit more padding between the vertical sections so it feels a little but more like the division in the search (album, playlist, tracks)

[jacksongoode]

I made a small commit that does the sanitization of tags and unifies the playlist and artist thumbnail heights, I made them a bit smaller to be more cohesive with the UI. I think we should probably sanitize the HTML at some earlier step getting the playlist and the widget should be drawing from the existing way we pull playlist information - I feel there is quite a bit of duplicate code as it stands.

[SO9010]

The changes you made look lovely! Thank you!!! I agree I will try and reduce the code once the functionality is there :)

[jacksongoode]

Oh, I also wanted to mention, because I saw it in some comment in the code, that all users should be able to scroll horizontally by holding Shift and scrolling. At least that's how it works on Mac and Windows. So if you have your cursor over the horizontal scroll section, you should be able to press Shift and scroll and it'll scroll through.

[SO9010]

Ah, perfect. Thank you; that makes it a lot easier for me! I've now added almost all of the home sections to the playlists. Should I use the UI for the search section to have horizontal sections?

[jacksongoode]

I think that should probably be a separate PR so we can just change one view at a time. I think there's some expectation with a search to see a list of items.

[SO9010]

Ok perfect thanks!

[SO9010]

Thank you for these changes, i think that we need to give a little extra height to allow some extra space at the bottom, as that gets cut off by the scroll bar!

[SO9010]

Cool, I changed it to be 8.0. If you are happy with it, go ahead and merge! Thank you. By the way, I enjoyed working on this!

[SO9010]

Also, I was wondering if we should redo the saved podcasts section to include recommended episodes and shows. It should be pretty easy to do.

[SO9010]

@jacksongoode Weirdly, I think the jump-back-in section has gone off Spotify now... How weird! I'll check back in the morning, but if it still isn't there (I mean on the Spotify website), I'll submit a quick patch. How annoying :/

[SO9010]

Wait it is still a thing! Why isn't it loading the data properly anymore I haven't changed anything!? Could you check this on your machine @jacksongoode

[jacksongoode]

Oh no I still see it on my end, can you debug the call?

[SO9010]

Oh its just my laptop giving up! I cleared the cache and its all fine now :) sorry for the alarm bells!

[jacksongoode]

What cache did you clear? I'm actually noticing the same issue @SO9010

[SO9010]

@jacksongoode I deleted the whole psst folder for all the cache and then restarted my laptop, but maybe if it's not so stable we should remove it from the home page?

[SO9010]

So very weird that it only just became a problem and only for that section. I've just checked my machines again and it is fine on both windows and Linux ATM

[jacksongoode]

Hmm I did remove the cache but still get the error...

[SO9010]

@jacksongoode is this still an error? Its still ok on my ends!

[arch-btw]

I'm also getting an error, it's looking for missing fields in the json file apparently. Screenshot:

[SO9010]

This is so odd that this has only just turned up as an issue! I submitted a PR to fix the track adding. But maybe we should revert the merge to main? I can start reworking it.

[SO9010]

I'm thinking this has got to do with the API call request to get the users timezone and location. We should get the user to set this up at the start. Maybe there's a crate which can be used.

[SO9010]

@arch-btw are you using a VPN I'm thinking that could be the issue as it currently uses the computers IP address

[SO9010]

Okay, I don't think that the issue is coming from the IP address, as I just tried a VPN, and also, your uniquely yours wouldn't show up if it were. I also just had an idea: We could have it so that instead of showing the error, it only loads the items it can get, so we just display an empty widget. @jacksongoode, what do you think?

[arch-btw]

@arch-btw are you using a VPN I'm thinking that could be the issue as it currently uses the computers IP address

Yes, well sort of, I'm using the socks5 feature like this:

SOCKS_PROXY=socks5://<ip address>:<port> psst-gui

It was introduced here: #20

Sorry, I wish I could help more.

[SO9010]

@arch-btw don't worry, just out of curiosity how does the home layout look for you now after the most recent merge

[arch-btw]

@SO9010

Oops, I didn't see your message! Here is what it currently looks like.
By the way, these upcoming features were a really good idea, I look forward to trying them when they are ready.
Let me know if you need anything else :)

[jacksongoode]

@SO9010 We should probably be also have the title appear contingent on the panel's network request actually loading.

[SO9010]

Just realised that the songs on the top tracks section only show album not the artist.

[arch-btw]

@SO9010 @jacksongoode

Some good news. As it turns out, I was using spotify wrong.

Yesterday I logged into the official spotify website and made a few changes. I can't recall exactly what I did but one thing that stood out to me was that I hadn't actually "liked" any albums (only songs). So I started doing that and organized my music a bit.

Fast forward a few hours later and psst started showing everything on the homepage in psst except for: "Your top tracks" and "Your top artists", everything else shows now.

So I think what happened was that there simply was no json about my data on the spotify end, because there was not enough data that I had ever given them.

It got me thinking, the bigger "problem" might be that since psst doesn't send a lot of telemetry, people who use psst exclusively like me, might run into this same issue. Because I've never used anything besides psst.

[SO9010]

@arch-btw This makes a tonne of sense! Thank you for telling me, the top tracks and top artist issue is the same issue that you only use PSST!

Me and @jacksongoode will soon start working on a new caching system, then perhaps we could try and tackle the task of adding spotify connect which will solve this issue :).

I've already looked into it a bit and having the connection API separated from the core will work very well. The only issues I can see would be the recommendation page. But we can solve that by adding the whole page to queue in one API request.