(Bug): Update dislike when like is updated

[cyrildtm]

Browser

Chrome

Browser Version

99

Extension or Userscript?

Extension

Extension/Userscript Version

3

Video link where you see the problem

any

What happened?

Dislike numbers are outdated, or not for the currently playing videos.

This issue and proposed fix should work for both extension and userscript.

How to reproduce/recreate?

Current youtube UI may "survive" when switching videos, meaning the entire page is not replaced for a new video, but just certain elements.
The extension and userscript should detect this video change, and update the dislike counter accordingly.

Related: #506 Live video does not get real-time counts.
Related: #498 When the new video does not get a dislike number, old results are displayed. This is because the HTML document is not reloaded.
Related: #518 Suspects mini player is involved, which does not reload a page when switching videos.

Possible solution:

1. Add a default-empty variable to store last "checked" video (sent API server request, processed dislike number, updated ratio bar and thumbs).
2. Add a function to detect if the current video is a live stream.
3. Add an event listener for thumbs up innerHTML change. Treat it the same way as a page reload, if the current video is different than previous, or if it's a live stream.

[cyrildtm]

Use the mutation observer implemented in #567 once it is merged. Hold on for now.

• Wait for innerText change for like button
• Compare memory variable lastProcessedVideoId with the new one: const videoId = getVideoId(window.location.href);

  return-youtube-dislike/Extensions/combined/src/utils.js

  Line 101 in 2e6ed52

  const videoId = getVideoId(window.location.href);

• If it's a different video (rather than a live stream), reset storedData
• Call setInitialState

Consider: implement resetStoredData

return-youtube-dislike/Extensions/combined/src/state.js

Line 29 in 2e6ed52

let storedData = {

[cyrildtm]

This happened twice in ten minutes:

Because the old page for the previous video was not properly flushed out, new content was added after hitting the like button

[cyrildtm]

To be done soon: Extend the newly merged mutation observer to monitor like number changes

• new video without reloading the page (Why Youtube)
• live stream
  related: (Bug): Duplicating likes on second click... #645