Generic and flexible way which type of keys to show (whitelist) or hide (blacklist)

[porg]

Foreword

• Svelte has the option ☑️ Display all keystrokes
• The Normal Visualizer has the option ☑️ Display only command keys
• There are several user requests like "Please also include key X" or "Please exclude keys Y and Z".
• These are the ones I found, possible even more:
  • Display only Commands keys should have an option to display navigation keys #50
  • Display only command keys AND function keys #124
  • Adds 'Mods only' visualizer #203
• Instead of addressing these arbitrarily, I propose to make a general and flexible solution, satisfying all these requests together, see below.

UX Design Proposal

The default visualizer get a main option "Show: XXX" plus corresponding sub-options.

Key groups

Show: [ Certain key groups ▾ ]

☑️ ESC ☑️ F-Keys ☑️ Power-Key
☑️ Numbers ☑️ Shifted-Numbers
☑️ Alpha ☑️ Shifted-Alpha  ☑️ Specials
☑️ Punctuation  ☑️ Editing-Keys ☑️ Num-Pad
☑️ Command/Mod-Keys   ☑️ Arrow-Keys   

• Hovering above an option gives a tooltip what's covered by the key-group.

Blacklist

Show: [ All but these ▾ ]    [ Add key to blacklist ]
______________________________________________________
|                                                    |
| ( ⌘  x ) , ( ⇧  x ) , ( ←  x ) , ( →   x ),        |
| ( ↑   x ), (↓  x)                                  |
|                                                    |
|____________________________________________________|

• Click "Add key to blacklist"
• Opens dialog "Press key or key combo now"
• Auto closes after that, key-bubble gets added to text-area
• To remove a key, click "x" on its bubble.

Whitelist

Show: [ Only these ▾ ]    [ Add key to whitelist ]
______________________________________________________
|                                                    |
| ( ⌘  x ) , ( ⇧  x ) , ( ←  x ) , ( →   x ),        |
| ( ↑   x ), (↓  x)                                  |
|                                                    |
|____________________________________________________|

• Same principle as the blacklist.

---

Synonyms for searching: Blocking, filtering, include, exclude, whitelist, blacklist.