cletusc / Userscript--Twitch-Chat-Emotes

Adds a button to Twitch that allows you to "click-to-insert" an emote.
http://cletusc.github.io/Userscript--Twitch-Chat-Emotes/
MIT License
36 stars 20 forks source link

Add instant search #89

Open cletusc opened 8 years ago

cletusc commented 8 years ago

Got this by email. I don't know how useful this is for most users. Not feasible in the current state as it requires immediate filtering (instant search).

I was wondering if you would consider putting a search box in the Emote Menu for twitch chat. Sometimes I'll know a general emote but not know how to spell it or how to caps it, so a search box to filter out emotes by name to just the key inputted in the search box would be cool. Another option but maybe weird is being able to filter emotes by genre or even being able to tag emotes as a certain genre so they are either sectioned off into their own category in the menu or filterable by tagged types.

I feel that the search bar would be really helpful. I sometimes spend like a full minute + just trying to find the emote I'm looking for. Sometimes I'll know the name but the emote name has weird caps in random places, so I don't remember how to spell it and have to spend a minute or more trying to look for it out of the 100+ emotes.

I would see this working as follows:

  1. Open menu
  2. Start typing (e.g. Kappa)
  3. Instantly filtered but still showing channel groupings
  4. Search remains open/filtered until menu close or until you click the X on the search bar (maybe add an option for how that behaves, e.g. close-on-menu-close or close-manually?)

The filtering could and should easily expand to the edit mode as well.

kalshafei commented 8 years ago

Suggestions on location and functionality:

Location

Appearance/Functionality

  1. The search box initially contains a text in it saying search for emote or simply search. When you type into the box that text disappears of course. And if you click the x to cancel the search and delete any searched words from the box, the text "search" reappears.
  2. The result of the search opens up a new pinned grouping above or below favorite emotes grouping. The grouping has a title like Matches or Filtered Emotes or Results...etc
  3. Limit the number of rows that spawn from the search from 1 to 4 (more or less if it looks clean) in case the search has a ton of results.
  4. To the right of the title is a small up arrow key, and to the right of that is a small down arrow key to be able to scroll through the results of the search if there are many results. The scrolling could be static without animation and instantly switches the rows being show, or it could be a dynamic scroll like when using a mouse wheel (Whichever way is cleaner to use)

Other Suggestions/Notes