cronekorkn/left4me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(console): color-code sm_* (SourceMod) suggestions distinctly

Browse source 
sm_* commands depend on the SourceMod plugin being loaded on the
target server, which is not always the case. Render their names in
the third syntax-palette color (purple via --cm-number) so the user
can tell at a glance that these may not exist on the server they
are targeting. Vanilla cvars and commands keep their existing
pink/green colors. Theme-aware via the existing token swap.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
mwiegand 2026-05-17 19:44:27 +02:00
parent d21cd72f8d
commit 44e82e3c42
No known key found for this signature in database
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
l4d2web/l4d2web/static/css/console-autocomplete.css
View file

@ -46,6 +46,10 @@
color: var(--cm-string, #ce9178);
}
.console-autocomplete-row.kind-sourcemod .console-autocomplete-name {
color: var(--cm-number, #884488);
}
.console-autocomplete-desc {
color: var(--color-muted, #888);
font-size: 0.9em;

7
l4d2web/l4d2web/static/js/console-autocomplete.js
View file

@ -118,7 +118,12 @@ function bindConsoleAutocomplete(form) {
if (items.length === 0) { close(); return; }
const rows = items.slice(0, MAX_RENDERED).map((e, i) => {
const selected = i === highlightIdx ? " aria-selected='true'" : "";
const kindClass = e.kind === "command" ? "kind-command" : "kind-cvar";
// SourceMod commands (sm_*) get a distinct class so the user
// can see at a glance that the command depends on a plugin
// being loaded on the target server.
const kindClass = e.kind === "command"
? (e.name.startsWith("sm_") ? "kind-sourcemod" : "kind-command")
: "kind-cvar";
const desc = e.desc ? `<span class="console-autocomplete-desc">${escapeHtml(e.desc)}</span>` : "";
return `<div class="console-autocomplete-row ${kindClass}"${selected} role="option" data-idx="${i}"><span class="console-autocomplete-name">${escapeHtml(e.name)}</span>${desc}</div>`;
}).join("");