sbondco / watcharr Goto Github PK

Add rating and last modified watched list sorting options.

Posters can sometimes go outside of the current view whilst being hovered/active.

eg. Hovering over poster that is half cutoff because of scrolling, should make the poster come upwards so it is shown fully and not cutoff.

eg. Posters being hovered close to edge of view, should not overflow outside bounds.

A reverse proxy to "link" the frontend and backend together under one domain/url should not be required in production.

Having a web server inside the image could resolve this by having a reverse proxy built in so it's not required for the end user to setup.

Best to wait for #44 first.

A log file for the server would probably be useful.

There is probably an easy to switch over to library out there.

Extra logging enabled with DEBUG env variable would be helpful.

Popup errors, which can replace the console.error/console.logs in some places, which will make the errors more useful, since they will be visible.

Probably don't want a modal to popup, a small message popup in the top/bottom right side would be good.

Maybe a new button in statuses that deletes it. Need a button somewhere inside the content details page too, if it is watched.

Just a simple profile page for now.

It will be extended upon in the future with settings, change pass, etc.

Show tmdb rating for content

Probably want a delay between each new item so we dont 'spam' tmdb (not for cached content of course)

A UI for the import would be nice, we can check off each item as we import them. We can also then show errors for the content we couldn't find and allow for the user to resolve the issue, either by correcting the name or manually inputting an id from tmdb.

Import button should be added to empty watch list menu (for current user only)

• Import files
  • Click to browse
  • Drag and drop
• Display imported file data
  • Text file (supports extracting year from entry in text file if between brackets)
  • #130
• Allow editing displayed import data
  • Edit name
  • Edit Type
  • Add new row
  • Remove row
• Importing the actual data one by one
  • Support showing multiple results for import and allowing user to decide
    • Create modal view
    • Click poster in modal and try import again
    • Allow skipping selection (closing modal should skip too.. update with error icon on table)
    • Allow providing tmdb id manually in modal
  • Success, error, ? icons state updates for table
• New activity type of Import (instead of added at, we can show imported at)
• Add import button to empty watched lists
• Make sure works in both light and dark themes

Show cast from most popular to least on tv and movie pages.

A new endpoint on the API that returns all enabled auth services should suffice. Then we can use that data on the frontend accordingly to add new buttons.

By default or if the request fails, just show default auth option.

Clicking on an episode should open up a modal with extra info (the full cast and I'm sure there's more specific info we could display too).

Import and sync watched items from Jellyfin.

I think a separate import button and sync toggle would make sense? People could import past watched items whenever without syncing?

Doesn't seem to occur with dev or preview build, but does when deployed live from docker image which is weird. Need to investigate why there is this difference between them.

Mainly just Light, Dark and System (light/dark) theme options (put in profile page settings section or new settings page?).

Maybe custom picking of each color in settings if you can be bothered.

• Add to Sonarr/Radarr button
• If content is already on sonarr/radarr, show it's status, including progress, if its currently downloading.

Best done after #136 and #137

Currently it navigates to a new route each time, which causes issues if typing in a show name slowly. It is worse on mobile, where the keyboard can hide itself, because the search bar loses focus.

Allow reviewing content.

A simple text box in the content pages should do for now. Will mostly be used for quick thoughts about the movie/show, not thousand line reviews.

Fully support people type from tmdb.

• Fix image not being shown on poster.
• Have a differentiator so we know when a poster is for a person, not actual media.
• Person details page, with their known for movies?

Make a page for movies/shows displaying more details about each show.

Will be the base for future improvements, like ratings, etc.

User should be able to rate episodes under a tv show.

Also add watched/not watched or maybe assume watched if rated?

A new section (similar to Cast) for movie and tv pages to show related content.

A way for a user to export their own watched list (watched and content combined from tables) as JSON (and CSV?).

Requires:

• New api endpoint for exporting list
• Export button (probably in profile page) that calls the new endpoint and saves data to a file.

Show tmdb rating for episodes

If content exists on jellyfin server (if linked) show an enabled 'Open In Jellyfin' button.

Jellyfin server must be provided in servers .env file.

Should the user have to be one logged in via jellyfin?

• Add the jellyfin btn as first provider, when clicked should go to the content in jellyfin to watch.
• Fix the styling for providers.
• Add more provider images (look at response json and see which providers we can get logos for).
• Simplify added Icon svgs.
• If we have no provider icon, simply show its name.
• Providers region should be based on users current region (just US for now on server).

Overflows on mobile

Currently if you update (for example) the rating of a show to the same as current rating, it will actually send a request to the server.

Frontend shouldn't send a request if changing to same as current and backend should reject the request if value hasn't changed.

The small message we show when a watched list is empty should probably be more clear and bigger.

Give more details so its more apparent that its time to start searching for shows to add to your list.

Maybe some quick points about how watcharr works.

Allow user to manage their content activity manually.

Editing isn't required, but deleting and adding should be added (timestamp for activity should be modifiable)

A way to view content trailers

Maybe this button can go under all the content in backdrop, other btns may be added there too.

Hide runtimes if they arent provided by tmdb (currently just the m shows if no runtime)

Also verify runtimes display for tv.

Make sure if a show is deleted, the activity is still saved incase the user wants to add it back later.

Ensure all dependents have their imports updated

Show where content is streaming (ie is is streaming on netflix?)

Content without an image should just show their details without needing to hover.

The server should cache every TMDB request for a certain amount of time (24h sounds reasonable?).

There is probably a middleware/package available that can handle this out the box for us, check before implementing ourselves.

Show username under the face menu (top right icon on nav).

Loading icons for switching pages.

There should be either a loading icon for poster images, or a better default background image that doesn't show the alt text.

Anything to make the loading of images look nicer too, maybe a fade in when they finally load.

Ideally there would be a way to combine both into just one image, this alone would make the setup process a lot easier.

Currently they are separate because I'm not sure of a way to run both apps in one image. An entrypoint script may allow us to start both independently inside one image.

The movie and tv pages have a lot of duplicated code between them.

Most of the things can be moved out to components, and styling should mostly be able to be shared.

A button or a task that runs when watcharr starts to look for content with missing fields, then re-requesting the information from themoviedb to 'repair' the tables data.

Any way to allow us to get missing data needs to be added, mostly because if we add a field to the db later on, that show will currently never get the new field data added automatically.

Maybe this should not only look for missing fields, but instead update all data for all content, then we can fetch updated pieces of data too.