Coder Social home page Coder Social logo

pgamerx / yt-dislikes-viewer Goto Github PK

View Code? Open in Web Editor NEW
297.0 297.0 20.0 1.4 MB

A browser extension that allows you to see dislikes on a youtube video after the youtube update

Home Page: https://yt-dislikes-viewer.js.org

License: GNU General Public License v3.0

HTML 25.83% JavaScript 60.43% CSS 13.74%
chrome chrome-extension chrome-extensions chromium chromium-extension dislikes dislikes-count extension firefox-addon firefox-extension mozilla mozilla-firefox mozilla-firefox-addon webextension youtube youtube-api youtube-api-v3 youtube-extension

yt-dislikes-viewer's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

yt-dislikes-viewer's Issues

Does it show the correct dislike values?

As far as I can see, your run() uses the old dislike value from your server, if it exists there. Thus, the user sees this old dislike value in this case. Also, I have not found where you update the existing values in the database.
Disabling the dislikes will greatly reduce the number of people who want to put them up. So, it makes no sense to collect dislikes. If Google does not allow to get the dislikes through their api maybe a better substitute would be likes count/views count?

This system can easily be abused

Say, i send a request to a URI, like
https://yt-dislikes-viewer-api.websitedesigne1.repl.co/data/put?video_id=YbJOTdZBX1g&dislike_count=9999999999999999, the database would blindingly allow the request and saves the update to the database.

Thus, requesting to the https://yt-dislikes-viewer-api.websitedesigne1.repl.co/data/get?video_id=YbJOTdZBX1g would output [ "9999999999999999" ], which would obviously be a huge problem, wouldn't it?

Like/dislike bar is very tall

The like/dislike bar stacks 6 of the following elements on top of each other, so that the bar comes out very tall:

<div class="progress" id="test" style="position: relative; height: 3px; width: 40%; background: rgb(205, 205, 205);"><div class="color" id="color" style="position: absolute; background: rgb(6, 95, 212); width: 97.9588%; height: 3px;"></div></div>

Screen Shot 2021-11-22 at 3 06 48 PM

Is this intended? When I manually remove 5 of the 6 elements, it seems to look right.

Below is a screenshot of the 6 stacked elements:

Screen Shot 2021-11-22 at 3 01 02 PM

And below is after removing 5 of the 6 elements:

Screen Shot 2021-11-22 at 3 07 13 PM

Awkward gap between dislike bar and description

There is a gap between the like/dislike and the thin line above the description which was not there on the original dislike bar. But that's a one line fix: just add
progress.style.marginBottom = "-8px";
where you set the style for the dislike bar (in script.js, around line 188).
i'd make a pull request but i'm honestly too lazy to do that for just a simple, single line, sorry!

Uploading to the Chrome Web Store

Hi, I saw your Reddit post about not being willing to pay to upload this to the Chrome web store, and was wondering if you'd like me to do it instead. I've filled out most of the process, and just need the following information to complete the upload:
Why does the extension need the following permissions?

  • tabs
  • notifications
  • scripting
  • webNavigation
  • storage
  • Host

Note: I'm already a verified developer with a paid account on the Chrome web store.

How Do I Get it to Work on Firefox?

I installed the extension and got Youtube API, but it won't work at all. Also the discord server just links to the donations in the extension itself.

RE: Dislikes not loading

Hey, I don't know if anyone else is having this issue, but the dislikes are no longer loading for me in version 1.8.3 for some reason. It was working great earlier today. Is it currently down or is this a bug, sorry my knowledge on the API's is very limited.

SponsorBlock's API Integration

Hello everyone,
As mentioned in #6, we need to think of another way to keep our extension working. I came across this issue in SponsorBlock repo.

I had conversations with a user, and, ajayyy himself. I gave some stupid idea which of course got rejected. But that's not the point. Ajay stated in This comment that the backend for this custom rating system's API is ready. We can (should in fact) integrate this API with our system so that if the dislike count for a certain video is not saved in our database, it shows the dislike/like count provided by the SponsorBlock API.

We will also have to add an event listener to know when a user clicked the like button/dislike button on a video and send the same data to the API. This shouldn't be a difficult task but due to my final exams, I have little to no time to work on this so that's why I need your guy's support

Unable to get working with Brave

Version of Brave is: Version 1.32.106 Chromium: 96.0.4664.45 (Official Build) (64-bit)
Version of the Chromium Build is 1.2 as of this writing. I'm not quite sure what I'm doing wrong. When I go into the extension and load it, it shows up properly but when I go and check a YT video, no dislikes are showing. I go to check the extension and I see this:
image

I don't see an option to give my Data API Key, either. Any help?

New System of working

I just got a DM from a user on Reddit.
They explained to me that youtube won't show the dislikes through the API either.

They gave a suggestion that maybe we as an extension should see if a user disliked the video and then show it to other users of the extension.
This is a big task but I believe it is possible

UI is confusing

After installing the addon, it says "you need API key". Fine. I click the thing, get the API, paste it in, the key was red and clicking save makes it disappear. Ok, I guess it was wrong. I mean, it was red and nothing happened, that's the universal sign of a bad input.

Go back, redo the steps. Watch the video. Save the thing. Ok now what. I go look at OAUTH, define access, invite myself into the beta, make the thing work. All is green. WHAT.

After giving up, I went back to YT to watch a video and I noticed the dislikes worked now.

That is the worst feedback ever.

Suggestion, in order of difficulty:

  • Check input to see if it looks like an API key. Make the text green if it looks like it's close by
  • When saving the key, don't say "saved". Pop a dialog box that says "Key is saved, go to Youtube and refresh the page" or something.
  • Ideally, when key is pasted, call an API and give feedback on whether the key is valid. "Key validated, refresh Youtube for results"

mobile version of site

m.youtube.com
is host for mobile version youtube i use Firefox Nightly for android and i tested in android destop version of youtube and show dislike count i think this work perfect

watch?v=video id this is prefix for wach video

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.