✨ feat(vscode): 代码阅读预览单击名字高亮它在文件里的各处出现

vscode/webview-ui/src/codeReader/App.tsx

@@ -8,6 +8,7 @@ import { BlockLevel } from './BlockTree'
 import { applyFilter, keptWhileEditing } from './filter'
 import { FilterBar } from './FilterBar'
 import { useDefinitionLinks } from './useDefinitionLinks'
+import { HighlightContext, useOccurrences } from './useOccurrences'
 import { useReveal } from './useReveal'
 import { useScrollPosition } from './useScrollPosition'
 import { collapsedIds } from './viewState'
@@ -51,6 +52,7 @@ export function App(): ReactElement | null {
   useScrollPosition(doc)
   useReveal(doc, reveal, collapsed, filter.hidden, show, expand, revealed)
   useDefinitionLinks(doc?.version)
+  const highlight = useOccurrences(doc?.version, doc?.translatorId)
 
   useEffect(() => {
     const off = onMessage((msg) => {
@@ -100,11 +102,12 @@ export function App(): ReactElement | null {
     return null
 
   return (
-    <>
+    <HighlightContext value={highlight}>
       <FilterBar
         attributes={doc.attributes}
         excluded={excluded}
         view={filter}
+        highlight={highlight}
         onChange={next => postMessage({ type: 'setFilter', excluded: next })}
         translators={doc.translators}
         translatorId={doc.translatorId}
@@ -129,6 +132,6 @@ export function App(): ReactElement | null {
             ? <BlockLevel blocks={doc.blocks} tree={tree} />
             : <div className="text-[var(--vscode-descriptionForeground)]">所有块都被筛选隐藏了。</div>}
       </div>
-    </>
+    </HighlightContext>
   )
 }