itch browse tag exclude

Look at the screenshots. It is two separate things. Combined, they can filter out horror and visual novels at the same time while browsing on itch.

The first is an unpacked chrome browser extension. That means, it is not in the official extension store. You need to load it up by activating developer mode in the extension settings. It was tested and developed on Chrome.

It gives you a reset button and an input box to use the tag exclusion feature on browse pages - instead of pasting the exclusion query in the url, or using bookmarks or writing it. Also, it survives restarting the browser.

Important: This feature will only work, if you are logged into your itch account. This has nothing to do with the extension. The exclusion feature will just not work, no matter how you add the tag exclude query. Also, you might need to specifically allow the extension to modify your urls.

The second is a tampermonkey script. So it should run in browsers that can have an extension that can run tampermonkey scripts. Will of course only work for items that have their main genre as the genre you want to filter.

You need to configure it in the tampermonkey script. Change {opacity:0.05} to {display:none} to completely remove the items. Or change the colors of the buttons.

Usage for both: There will be added elements to itch browse pages. Use those new buttons and the input box. It should be self explanatory. You can write in a new tag or clear the filtering and you can select genres to filter out and the color will indicate that genre filtering is happening.

Tested on Chrome. Firefox does not support service workers and you cannot have a persistent unpacked extension anyways. There is a ff version, but you would need to load it each browser start. The tampermonkey scripts should work though.

The source code is rather uglyshort, so you better glance over it anyways to check for suspicious things. I am not a web developer and there might be blunders in the code, I am not aware of.

The second version only removes an unneeded right from the extension and has a minor adjustment to make the code more compatible with firefox. No need to update. The firefox version does work, but as it is unsigned you have to load it on each browser start with the developer options and give it manually the right to do stuff on your itch url. Might be clumsy, but still better than posting the exclusion query to the url.

I also tested the chrome version on opera. Again, it only works if you are logged in - and strangely enough while it does work, I could not see the added url query.

All these were motivated by several community threads. There are many things that can be done on client side to enhance a web page to your personal tastes. I have an unreleased extension to filter individual games and while developing it, I thought it should be trivial to persitently add the years old exclusion query feature. And it was. Later I was inspired to see the too obvious possibility to filter genres, since the main genre is shown on the item. I might have merged those two features in one extension, but, well, too much effort and it works already. Also using tampermonkey script makes it available to more users. Sadly, I cannot do this method of persistent url query string in tampermonkey, so I cannot convert the extension to a tm script.

As a bonus, the other tampermonkey script is the bare bone feature stripped version of my other extension that can filter out individual games at the press of a button. I might release that other extension in the future, but the tampermonkey version can do all the essentials, just try out all the hotkeys and if you want to change appearance, read about css styles and change the display:none to something else, like opacity:0.05 or scale:0.5 or {animation: ani2example 10s infinite alternate;}@keyframes ani2example{100%{transform:scaleX(-1);}}

The genre filter script and the ignore script can hightlight as well as ignore. It is just css styles. You could do this with an user style extension - the hassle is just managing which games to modify.

// configuration start
const l1on = '{display:none}';
const l2on = '{display:none}';
const l1off = '{outline:auto blanchedalmond}';
const l2off = '{outline:auto purple}';
const key1 = '1';
const key2 = '2';
const dev1 = '3';
const dev2 = '4';
const togglek = '5';
const export_l1 = '6';
const export_l2 = '7';
const import_l1 = '8';
const import_l2 = '9';
const deleteallkey = '0';
// configuration end