feat: disableUselessHighlighting (disabled by default). I personally really love this feature! Simple but effective

Author: zardoy

src/configurationType.ts

@@ -239,6 +239,11 @@ export type Configuration = {
      * @default true
      */
     switchExcludeCoveredCases: boolean
+    /**
+     * Disable useless highlighting,
+     * @default disable
+     */
+    disableUselessHighlighting: 'disable' | 'inJsxArttributeStrings' | 'inAllStrings'
     /**
      * Improve JSX attribute completions:
      * - enable builtin jsx attribute completion fix

typescript/src/documentHighlights.ts

@@ -0,0 +1,19 @@
+import { GetConfig } from './types'
+import { findChildContainingPosition } from './utils'
+
+export default (proxy: ts.LanguageService, languageService: ts.LanguageService, c: GetConfig) => {
+    proxy.getDocumentHighlights = (fileName, position, filesToSearch) => {
+        const prior = languageService.getDocumentHighlights(fileName, position, filesToSearch)
+        if (!prior) return
+        if (prior.length !== 1) return prior
+        const node = findChildContainingPosition(ts, languageService.getProgram()!.getSourceFile(fileName)!, position)
+        if (!node) return prior
+        if (c('disableUselessHighlighting') !== 'disable') {
+            if (ts.isStringLiteralLike(node)) {
+                if (c('disableUselessHighlighting') === 'inAllStrings') return
+                else if (ts.isJsxAttribute(node.parent)) return
+            }
+        }
+        return prior
+    }
+}

typescript/src/index.ts

@@ -17,6 +17,7 @@ import decorateCodeFixes from './codeFixes'
 import decorateReferences from './references'
 import handleSpecialCommand from './specialCommands/handle'
 import decorateDefinitions from './definitions'
+import decorateDocumentHighlights from './documentHighlights'
 
 const thisPluginMarker = Symbol('__essentialPluginsMarker__')
 
@@ -148,6 +149,7 @@ export = ({ typescript }: { typescript: typeof ts }) => {
             decorateSemanticDiagnostics(proxy, info, c)
             decorateDefinitions(proxy, info, c)
             decorateReferences(proxy, info.languageService, c)
+            decorateDocumentHighlights(proxy, info.languageService, c)
 
             if (!__WEB__) {
                 // dedicated syntax server (which is enabled by default), which fires navtree doesn't seem to receive onConfigurationChanged