Tweak highlighting for keywords

src/common/filetype/javascript.ts

@@ -117,6 +117,9 @@ export class JavaScriptFile extends AbstractFileType {
 		'^',
 		'~',
 		'!',
+		'.',
+		',',
+		';',
 	];
 	public readonly hlOptions: HighlightingOptions = {
 		...defaultHighlightOptions,

src/common/row.ts

@@ -443,12 +443,18 @@ export class Row {
 		}
 
 		for (const keyword of keywords) {
-			if (i + strlen(keyword) < this.rsize) {
+			// Skip keywords that can't fit in the current line
+			if (i + strlen(keyword) >= this.rsize) {
+				continue;
+			}
+
+			// Check the character after the keyword
+			// if it is not a 'separator' character,
+			// we must be highlighting the middle of something else
 			const nextChar = this.rchars[i + strlen(keyword)];
 			if (!isSeparator(nextChar)) {
 				continue;
 			}
-			}
 
 			const maybeHighlight = this.highlightStr(i, keyword, hl_type);
 			if (maybeHighlight.isSome()) {