Hint color names in CSS Code Hints

[marcelgerber]

Shows color names in Code Hints for CSS properties like color, background-color, border-left-color, ...

[le717]

Unless I'm missing something, you've completely removed currentColor. currentColor is a valid "color" with special meaning, and a standardized CSS3 spec.

[marcelgerber]

Oh, I didn't know this was a valid value.
Will add it back tomorrow.

[marcelgerber]

@le717 Done.

[redmunds]

@marcelgerber Very cool! Merging.

@sprintr This same technique can be used to add named colors back into SVG code hints.

[le717]

@marcelgerber @redmunds Thanks for merging this! :D This has always been a curious missing feature for me, considering the built-in color editor

[marcelgerber]

Thanks for merging :)
We can possibly add a "color preview bagde" later on (a badge on the right of the hints popup), but I need to have a look at the code before.
Can a hint provider combine jQuery & rawtext hints?

[RaymondLim]

@marcelgerber Yes, you can combine raw text hints with jQuery as in the following example I used in my "user key map hints" (not in the repo yet).

code snippet in getHints that appends the assigned key to raw text command id.

            result = $.map(this._allCommands, function (value, key) {
                if (value.toLowerCase().indexOf(query.toLowerCase()) === 0) {
                    if (self.keyMap[value]) {
                        return value + "&nbsp;<span class='display-key'>" + self.keyMap[value] + "</span>";
                    } else {
                        return value;
                    }
                }
            }).sort();

code snippet in insertHint that extracts command id by excluding the appended key.

        if (hint.indexOf(" ") !== -1) {
            hint = hint.slice(0, hint.indexOf(" "));
        }