Giter VIP home page Giter VIP logo

dmstern / likers-blocker Goto Github PK

View Code? Open in Web Editor NEW
360.0 6.0 17.0 34.39 MB

A browser extension to block likers, retweeters, list members and Twitter ads and share your block lists with others. - say NO to hate speech!

Home Page: https://dmstern.github.io/likers-blocker/

License: GNU General Public License v3.0

HTML 5.89% TypeScript 70.72% JavaScript 3.00% SCSS 20.39%
likers-blocker hatespeech twitter blocker blocklists blockchain ichbinhier likers wirsindmehr chrome-extension firefox-addon firefox-extension

likers-blocker's Introduction

Likers Blocker

Logo

A browser extension to block likers, retweeters, list members and Twitter ads and share your block lists with others.

Preview

Inspired by Mario Sixtus (@sixtus):

In Übrigen wünsche ich mir für solche Fälle ein Twitter-Add-On, das alle Liker eines bestimmten Tweets blockt, weil es nur Arschlöcher sein können. Wer programmiert es? – 10:41 am · 22 Feb. 2020

Screenshots with themes

Installation

Firefox Install for Mozilla Firefox

Chrome Install for Google Chrome

Opera Install for Opera

EdgeInstall for Microsoft Edge

Usage

⚠️ IMPORTANT: If you use Firefox, please right-click the extension icon after installing, click "manage extension", go to "Permissions" and enable all permissions to make sure the extension works.

Manage Extensions Screenshot Permissions Screenshot


Block likers or retweeters of a tweet

  • Once you click on a tweet, there is a link which indicates how many people liked this tweet.

  • Click on that link to get the list of all likers (or, to block the retweeters on the "retweeters" count)

    Likes Screenshot Retweets Screenshot

  • Then click on the new button on the top which says "Block all", wait until Likers Blocker has collected all accounts (or skip if a smaller portion is fine for you ) and confirm to add the users to the blocking queue. Screencast of Collecting and Confirm Animation

  • ✔ DONE. LikersBlocker will process the blocking queue bit by bit in the background. You can find the status of the blocking queue by clicking on the extension icon in the upper right corner of your browser. Screencast of block animation

Block all members or followers of a list

  • Click on a list of twitter users
  • Click on the number of members (or followers)
  • Proceed with point three above ("Block all")

Preferences

Screencast of Options page

Import / Export

Only blocked by LikersBlocker

  • Go to the extension options by clicking on the options button in the bottom right corner of the extension popup:

    Screenshot: Options button

  • On the top of the options page you can find a file select button to import a CSV file and an export button to export your block list. This will download a CSV file with all accounts that were blocked by the extension. Screenshot: Import Button

All blocked from Twitter settings

  • Alternatively, you can "visually" collect all previously blocked accounts by clicking on the first link on the options page (which opens the Twitter settings) and then on the share button. Screenshot: Export all
  • Wait a moment until all accounts from your list are collected (make sure to leave the tab in the foreground to avoid stopping the automatic down scrolling) Screenshot: export and collecting
  • After the collecting you can download the CSV file which includes all collected blocked accounts Screenshot export / confirm

Found an error or want to suggest a feature?

If you find a bug or want to suggest new features, please file a new issue.

Contribution

see CONTRIBUTION.md.

Support

Glad that you appreciate our work! 😃

We do this in our free time. This tool is and remains free for everyone and free from ads. We would highly appreciate if you considered donating a little tip, rate this extension in your browser or tell others about it.

Donate

Rate

⭐⭐⭐⭐⭐ Rate this extension in the Chrome Web Store, on Firefox Add-Ons, Opera Add-Ons, Edge Add-Ons.

Share

🐦 Tweet about this extension and tell your friends!

Follow us on Twitter

💬 Don't miss version updates or bugfixes and join the conversation!

Likers Blocker @LikersBlocker

Daniel Morgenstern @pkreissel

Daniel Morgenstern @d_mstern


Creative Commons License Agreement All information on this site is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

likers-blocker's People

Contributors

dependabot[bot] avatar dmstern avatar martin-endress avatar moralrecordings avatar nocha1n avatar pkreissel avatar

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

likers-blocker's Issues

improve info icon

This looks ugly:
Screenshot from 2020-03-01 02-30-06

First version looked better but was an emojy and not supported by all platforms.

ToDo:
Replace the text glyph with an SVG icon.

Publish the extension

The extension should be published to the Chrome Web Store and on Mozillla Add-Ons to simplify the installation and to easily ship updates.

Add retweeters notice

some users may think that retweeters also include retweeters with comment.

it should be pointed out that this is not the case.

Refurbish Logo

The LikersBlocker logo was sloppily created in about an hour and should be refurbished.

Criteria from the Google Web Store:

  • The actual icon size should be 96x96 (for square icons); an additional 16 pixels per side should be transparent padding, adding up to 128x128 total image size. For details, see Icon size.
  • The image must be in PNG format.
  • The image should work well on both light and dark backgrounds.

When you design the icon, keep the following advice in mind:

  • Don't put an edge around the 128x128 image; the UI might add edges.
  • If your icon is mostly dark, consider adding a subtle white outer glow so it'll look good against dark backgrounds.
  • Avoid large drop shadows; the UI might add shadows. It's OK to use small shadows for contrast.
  • If you have a bevel at the bottom of your icon, we recommend 4 pixels of depth.
  • Make the icon face the viewer, rather than having built-in perspective. See Perspective for details.

From: https://developer.chrome.com/webstore/images#icons

Current Icon:

icon256

Scroll to top before scrolling down

If the user scrolls down and clicks the block button, only the last likers are collected.

To fix this, it should automatically scroll to top before it starts to scroll down.

explain liker limit to the user

Due to technical constraints, we can only collect a maximum of 80 users from the likers list.

This should be explained to the user.

it merely hides the likers but doesn't block them

hi. after experimenting, i realized the app only manages to find a few likers and blocked thoes maybe. but it keeps showing there are no likers when i check the likes when there are thousands of likers. it is wrong. ican't see the likers now to block them myself!!

Accounts I follow are also blocked

Und noch ein Vorschlag:

  • Rückfrage bei Accounts, denen man selbst folgt oder die einen folgen, vor einem Block. Also eine Art Whitelist (Einstellungen+Listen könnten ja in der Cloud-Speicherfunktion des Browsers hinterlegt werden).

https://twitter.com/Pertsch/status/1234152641472684036?s=20

Possible Solutions:

  • Let the use maintain a list of accounts that should not be blocked.
  • Do not block accounts I follow
  • Warn before blocking accounts I follow

Submitted list contains search queries

When trying to block all likers from a tweet (this one, to be specific: https://twitter.com/ben_brechtken/status/1267464201871806465/likes), the extension does not only submit the list of accounts, but some search queries as well. The resulting url looks like the following:

https://ichbinhier-twittertools.herokuapp.com/blocklists?users=herbie_san,EpimediumRubrum,hzumr,FkLennart,BeneckeMichael,raven_nrw,darkstar155,Mr_Westermann,hofmann_tech,search?q=%23KI&src=hashtag_click,search?q=%23Wissenschaft&src=hashtag_click,search?q=%23Gesellschaft&src=hashtag_click,MichaelSCHADT2,ingeniarius08,chrisX107,JuPi02026616,pndaxa,ichschonwiedwr,vitamin694,Dwro285,TJargstorff,search?q=%23MINT&src=hashtag_click,search?q=%23HSV&src=hashtag_click,search?q=%23FDP&src=hashtag_click,search?q=%23liberalkonservativ&src=hashtag_click,sterntendo,KalbRobert1,FHustede,alex533368433,juliesferr,leopold_jk,maxim_k,search?q=%23Liberalismus&src=hashtag_click,search?q=%23Klimawandel&src=hashtag_click,search?q=%23Weltwirtschaft&src=hashtag_click,search?q=%23%C3%96konomie&src=hashtag_click,search?q=%23%C3%96kologie&src=hashtag_click,search?q=%23Kapitalismus&src=hashtag_click,search?q=%23Sozialismus&src=hashtag_click,search?q=%23Brexit&src=hashtag_click,search?q=%23Frankfurt&src=hashtag_click,search?q=%23Fahrrad&src=hashtag_click,tgbzhn11,liberaleinnovat,MesoLat,SuperSonic1511,august1vi,Uni_MR,martinpaloncy,HeikoGonzales,search?q=%23Hayek&src=hashtag_click,search?q=%23Smith&src=hashtag_click,NielsYoghi,dentzke,TheVallorian,Black_Death616,LordXhinto,dieHumanisten,PdH_SH,ja_ne_doch,kreativ2505,r_____jan,search?q=%23noAfD&src=hashtag_click,search?q=%23Liberal&src=hashtag_click,search?q=%23SozialLiberal&src=hashtag_click,FDP,Jungeliberale,EqualReality,Mr_Trebron,MarinaHR90,James_Zabel,search?q=%23Twitch&src=hashtag_click,search?q=%23Photographer&src=hashtag_click,search?q=%23Instagram&src=hashtag_click,schmuck_luca,dmmdmll,cdu,ju,lbend3,Notausgang25,Zeigefinger1,Cyclonos,Kingdomcometous,search?q=%23wirbleibenzuhause&src=hashtag_click,Reakoh,pudibumaye,PrimeLindner,search?q=%23PrimeLindner&src=hashtag_click,_Ascan_

That results in the following (very short) list of blocked accounts:

image

And from what I can see, this also prevents the block altogether, although this also might be a bug in https://github.com/pkreissel/ichbinhier_twittertools.

add localisation

IS:
Currently, all labels are German.

SHOULD:
Display the labels in the user's language (English and German should least).

get more likers than the first loaded

because of twitter's lazy loading mechanism, not all likers are passed to the block api.
but we also can not take all, if there are too many (this would break the server and also the browser).

So the idea is:

scroll down a few pages and then get the list of likers.

Advanced Instructions

Hey,

additional install instructions for those who can't activate the extension. Unpacking it to a folder and using "Load Unpacked" fixes this issue.

Dont see the authorization option

in twitter>settings>security>apps>connected apps, i cant see the extension. the usage tab also doesnt tell me what to do, just "authorize the extension" but i dont know where. i dont get any popups either

close popup on close likers

currently, the user can close the likers popup from twitter but the blocker popup remains open.

ideas:

  • disable interaction with the site while popup is open (modal)
  • close popup on interaction outside the popup

Request: List-Blocker

Beside the blocking of persons, who liked a tweet, it would be very helpful to block entire lists (open & private ones).
Since Twitter doesn't allow to export/import lists for blocking anymore, a reimplementation with an add-on is the way to go IMHO.

Improve performance

on every scroll event the app tries to add the block button.

this is very inefficient and could be fixed with some debounce mechanism.

Add possibility to include retweeters

IS:

Currently only likers are passed to the block service.

SHOULD:
Retweeters should optionally be included in the list.

  • Add a checkbox to inlcude retweeters
  • add a parameter to the API request that includes the link to the tweet.

Doesnt block anyone (chrome) please fix because your tool can be very useful

I try to prove it in a tweet of 6 likes of a person (only to prove it) when i press block all says blocking everyone but when i check the same users are not blocked is like if the extension simulates that block them but is not i prove it again but nothing i dont know if i have to use another navigator like firefox or opera but i hope you can fix that soon because it could be a very useful extension (note english is not my first language sorry if something is wrong)

Internationalize and localize popup.html

Currently, it's only available in German. But English wouldn't be better, since the users are Germans.

ToDo:

  • Find a way to internationalize the static popup.html
  • detect the user's language
  • translate all labels
  • show localized labels

improve theming

for white theme, the close button is white.

Screenshot from 2020-02-24 06-46-32

it should always have the site's text color.

dark theme looks good:

Screenshot from 2020-02-24 06-48-09

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.