[Suggestion] Element picker QOL: add uBOL picker UI features to uBO (Remove a custom filter, better attribute/ID options) + automatic partial class matching + automatic cookies/localStorage scriptlet rule UI

[felixfour]

Prerequisites

• I verified that this is not a filter list issue. Report any issues with filter lists or broken website functionality in the uAssets issue tracker.
• This is NOT a YouTube, Facebook or Twitch report. These sites MUST be reported by clicking their respective links.
• This is not a support issue or a question. For support, questions, or help, visit /r/uBlockOrigin.
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue.
• The issue is not present after disabling uBO in the browser.
• I checked the documentation to understand that the issue I am reporting is not normal behavior.

I tried to reproduce the issue when...

• uBO is the only extension.
• uBO uses default lists and settings.
• using a new, unmodified browser profile.

Description

uBOL has a few very useful UI features that uBO doesn't have: you can remove a custom filter in a reverse-picker UI (it unhides everything and draws green boxes around all the hidden elements, useful for undoing a change without opening the file), and its picker UI has much more element attributes listed (often, element IDs are missing from the uBO picker UI, as well as many attributes such as aria- attributes and data- attributes, which are useful when blocking elements in sites such as Twitch that have many obfuscated class names).

It would also be very useful if there was a way to automatically partially block classes. For example, one of the classes of this very textarea I'm writing is MarkdownInput-module__textArea__BRDa8. The bit tacked on is randomized and could change when the website updates, but the plaintext component is likely much more stable. To block it, you would put textarea[class^=MarkdownInput-module__textArea__], or textarea[class*=" MarkdownInput-module__textArea__"], depending on whether the class appears at the beginning or after a space. It would be very convenient if right/middle clicking a class in the picker UI searched for the most recent underscore or dash, and partially matched it. Another very useful trick in writing custom filters is :upward(n)`, and I would be very glad if a way to automate this were added to the picker UI, however I can see that being more difficult to cleanly implement than the partial class matching feature.

Adding scriptlets directly by editing the custom filter ui textbox would also be very convenient, though I could see that being a possible security issue. However, I think it would be very useful if there was a UI to add localStorage/sessionStorage/cookies values with the relevant scriptlets, since it helps debloat very many websites in ways that could be tedious or impossible with custom filters. Maybe that UI should live entirely on the extension's popout window instead of being injected into the webpage, though.

A specific URL where the issue occurs.

https://twitch.tv/

[[NOT an issue with Twitch itself. Just listed it as an example site with obfuscated class names and plaintext data-/aria- attributes, with many filters needing :upward(), as well as bloat that is togglable with setting localStorage]]

Steps to Reproduce

N/A

Expected behavior

N/A

Troubleshooting information

N/A

[freezer2022]

• (felixfour): I performed a cursory search of the issue tracker to avoid opening a duplicate issue.

felixfour: uBOL has a few very useful UI features that uBO doesn't have: you can remove a custom filter in a reverse-picker UI (...) and its picker UI has much more element attributes listed (...)

A duplicate of:

• Any advantage to using uBO Lite in Firefox over the full uBO? uBOL-home#776 (comment)
• Zapper: Add "undo" button along with "close" button #3601 (reply in thread)

felixfour: It would also be very useful if there was a way to automatically partially block classes. (...)

A duplicate of:

• Use tag names in cosmetic filter candidates where it makes sense #2046
• Feature request: make the element picker detect commonly used css variables like Aria, Data, etc. #3669
• prefer `aria-`, `data-` over css classes in element picker #3149

It doesn't seem they mentioned partial classes suggestion there, but that doesn't change that this still counts as a duplicate: it's just another suggestion / idea in the whole discussion about Picker candidate improvements. I mean you made a valid point, just that it should be discussed in the already existing threads.

felixfour: a UI to add localStorage/sessionStorage/cookies values with the relevant scriptlets (...)

I haven't thought about that yet; it's more of a topic for someone else (uBO creator / uBO team / devs / Cookie filter lists maintainers).