@adecore/editor-react 0.31.11 → 0.32.0

package/src/CallHierarchyPanel.tsx

@@ -63,7 +63,7 @@ function Line({ row, id, active, expanded, position, size, ref, children, onClic
     );
 }
 
-function Symbol({ language, row, active, id, ref }: { language: EditorLanguage; row: NodeRow; active: boolean; id: string; ref?: Ref<HTMLDivElement> }) {
+function SymbolRow({ language, row, active, id, ref }: { language: EditorLanguage; row: NodeRow; active: boolean; id: string; ref?: Ref<HTMLDivElement> }) {
     const { t } = useTranslation('editor');
     const { item } = row;
     const path = relativeTo(fileUriToPath(item.uri) ?? item.uri, language.project.folder);
@@ -130,7 +130,7 @@ function Tree({ language, view }: { language: EditorLanguage; view: CallHierarch
                 const active = row.id === view.active;
                 const ref = active ? activeRow : undefined;
                 if (row.kind === 'node') {
-                    return <Symbol key={row.id} ref={ref} language={language} row={row} active={active} id={idOf(row)} />;
+                    return <SymbolRow key={row.id} ref={ref} language={language} row={row} active={active} id={idOf(row)} />;
                 }
                 if (row.kind === 'more') {
                     const next = Math.min(row.hidden, CALL_LEVEL_LIMIT);

package/src/DiffView.tsx

@@ -1,4 +1,4 @@
-import { useLayoutEffect, useMemo, useRef, useState, type Ref } from 'react';
+import { useLayoutEffect, useRef, useState, type Ref } from 'react';
 import { useTranslation } from 'react-i18next';
 import type { Editor, EditorEngine, EditorLineHighlight, EditorTheme } from '@adecore/editor';
 import { parseChord } from '@adecore/editor/keymap';
@@ -54,7 +54,7 @@ function UnifiedDiffView({
     onMount
 }: UnifiedViewProps) {
     const { t } = useTranslation('editor');
-    const emphasis = useMemo(() => wordMarks(document), [document]);
+    const emphasis = wordMarks(document);
     const element = useRef<HTMLDivElement>(null);
     const current = useRef({ display, tokens, theme, wrap, label });
     const applied = useRef({ theme, wrap, label });
@@ -240,7 +240,7 @@ export function DiffView(props: DiffViewProps) {
     }));
     const gaps = expanded.document === document ? expanded.gaps : undefined;
     const blocked = expanded.document === document ? expanded.blocked : new Set<number>();
-    const projection = useMemo(() => (props.layout === 'split' ? diffSplit(document, gaps) : diffDisplay(document, gaps)), [props.layout, document, gaps]);
+    const projection = props.layout === 'split' ? diffSplit(document, gaps) : diffDisplay(document, gaps);
     const unfold = (id: number): void =>
         setExpanded((previous) => {
             const gaps = previous.document === document ? previous.gaps : new Map<number, number>();

package/src/FindReplace.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@adecore/ui';
 import { formatNumber } from '@adecore/ui/format';
@@ -12,7 +12,7 @@ export function FindReplace({ editor, className, onClose }: { editor: Editor; cl
     const [preserveCase, setPreserveCase] = useState(false);
     const [state, setState] = useState<EditorFindState>({ count: 0, current: null });
     const root = useRef<HTMLDivElement>(null);
-    const compiled = useMemo(() => compileFind(query), [query]);
+    const compiled = compileFind(query);
     useEffect(() => editor.onFind(setState), [editor]);
     useEffect(() => {
         editor.find(compiled.kind === 'pattern' ? query : null);

package/src/LanguagePopups.tsx

@@ -31,6 +31,8 @@ export interface LanguagePopupsProps<Language extends EditorLanguage = EditorLan
  * whenever the editor scrolls or resizes.
  */
 export function LanguagePopups<Language extends EditorLanguage>({ language, contextMenuItems, hoverFooter, children }: LanguagePopupsProps<Language>) {
+    // The React Compiler would keep each card's place from the render before; it is read from the editor again on every scroll.
+    'use no memo';
     const [, redraw] = useReducer((count: number) => count + 1, 0);
     const hover = useStore(language.popups, (state) => state.hover);
     const completion = useStore(language.popups, (state) => state.completion);

package/src/PeekPanel.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import { ChevronDown, ChevronRight, X } from 'lucide-react';
@@ -123,8 +123,8 @@ function Places({ language, view }: { language: EditorLanguage; view: PeekView }
     const { t } = useTranslation('editor');
     const activeRow = useRef<HTMLButtonElement>(null);
     const folder = language.project.folder;
-    const paths = useMemo(() => view.files.map((file) => relativeTo(fileUriToPath(file.uri) ?? file.uri, folder)), [view.files, folder]);
-    const folders = useMemo(() => distinguishingFolders(paths), [paths]);
+    const paths = view.files.map((file) => relativeTo(fileUriToPath(file.uri) ?? file.uri, folder));
+    const folders = distinguishingFolders(paths);
 
     useEffect(() => {
         activeRow.current?.scrollIntoView({ block: 'nearest' });

package/src/RenderedDocs.tsx

@@ -159,19 +159,18 @@ export const RenderedDocBlock = memo(DocBlock);
  */
 export function RenderedDocs({ language }: { language: EditorLanguage }) {
     const feature = language.renderedDocs;
-    useSyncExternalStore(feature.subscribe, feature.getVersion, feature.getVersion);
+    const getEntries = () => feature.getEntries();
+    const entries = useSyncExternalStore((listener) => feature.subscribe(listener), getEntries, getEntries);
     const linkable = feature.canFollow;
     return (
         <>
-            {feature
-                .entries()
-                .map((entry) =>
-                    createPortal(
-                        <RenderedDocBlock language={language} comment={entry.comment} parsed={entry.parsed} linkable={linkable} />,
-                        entry.container,
-                        entry.id
-                    )
-                )}
+            {entries.map((entry) =>
+                createPortal(
+                    <RenderedDocBlock language={language} comment={entry.comment} parsed={entry.parsed} linkable={linkable} />,
+                    entry.container,
+                    entry.id
+                )
+            )}
         </>
     );
 }

package/src/SymbolPicker.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';
+import { useEffect, useRef, useState, type KeyboardEvent } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import { AtSign, Hash } from 'lucide-react';
@@ -51,7 +51,7 @@ export function SymbolPicker({ language, view }: { language: EditorLanguage; vie
     const filterText = mode.mode === 'symbol' ? mode.text : '';
     const searchText = mode.mode === 'workspace' ? mode.text : '';
 
-    const groups = useMemo(() => groupEntries(filterEntries(view.entries, filterText)), [view.entries, filterText]);
+    const groups = groupEntries(filterEntries(view.entries, filterText));
     const flat: SymbolEntry[] = groups.flatMap((group) => group.entries);
     const places = mode.mode === 'workspace' && found.text === mode.text ? found.entries : [];
     const count = mode.mode === 'workspace' ? places.length : mode.mode === 'line' ? (mode.line === null ? 0 : 1) : flat.length;

package/src/diff-overlays.tsx

@@ -26,12 +26,14 @@ export function DiffOverlays({
     blocked?: ReadonlySet<number>;
 }) {
     const { t } = useTranslation('editor');
-    useSyncExternalStore(mounted.rows.subscribe, mounted.rows.getVersion, mounted.rows.getVersion);
-    useSyncExternalStore(mounted.actions.subscribe, mounted.actions.getVersion, mounted.actions.getVersion);
+    const getRows = () => mounted.rows.getContainers();
+    const getActions = () => mounted.actions.getContainers();
+    const rows = useSyncExternalStore((listener) => mounted.rows.subscribe(listener), getRows, getRows);
+    const actions = useSyncExternalStore((listener) => mounted.actions.subscribe(listener), getActions, getActions);
     return (
         <>
             {display.gaps.map(({ row }) => {
-                const container = mounted.rows.container(`gap-${row.id}`);
+                const container = rows.get(`gap-${row.id}`);
                 if (container === undefined) {
                     return null;
                 }
@@ -63,7 +65,7 @@ export function DiffOverlays({
                 if (row.noNewline === undefined) {
                     return null;
                 }
-                const container = mounted.actions.container(`no-newline-${index}`);
+                const container = actions.get(`no-newline-${index}`);
                 return container === undefined
                     ? null
                     : createPortal(<span className="adecore-editor-diff-no-newline">{t('diff.noNewline')}</span>, container, `no-newline-${index}`);

package/src/locales/en.json

@@ -2,32 +2,32 @@
     "language": {
         "hover": {
             "quickFix": "Quick fix…",
-            "quickFixNone": "This language server offers no quick fixes",
+            "quickFixNone": "No quick fixes",
             "definition": "Go to definition",
             "references_one": "{{formatted}} reference",
             "references_other": "{{formatted}} references",
             "line": "Line {{line}}",
-            "none": "No information for this position"
+            "none": "No information here"
         },
         "inlay": {
-            "failed": "The hint's action failed: {{message}}"
+            "failed": "Could not run hint action: {{message}}"
         },
         "edit": {
-            "staged_one": "{{count}} file changed and not saved yet",
-            "staged_other": "{{count}} files changed and not saved yet",
+            "staged_one": "{{count}} unsaved file",
+            "staged_other": "{{count}} unsaved files",
             "stagedMore": "{{names}} and {{count}} more",
             "saveAll": "Save all",
-            "notSaved": "{{name}} could not be saved"
+            "notSaved": "Could not save {{name}}"
         },
         "actions": {
             "show": "Show code actions",
             "none": "No code actions here",
-            "unavailable": "No language server offers code actions here",
-            "organized": "The imports are already organized",
-            "noFormatter": "No language server formats this file",
-            "readOnly": "This file is read only",
-            "failed": "Could not apply the action: {{message}}",
-            "refused": "The edit was refused",
+            "unavailable": "Code actions unavailable here",
+            "organized": "Imports already organized",
+            "noFormatter": "No formatter for this file",
+            "readOnly": "Read-only file",
+            "failed": "Could not apply action: {{message}}",
+            "refused": "Edit refused",
             "moreLines": "{{count}} more lines",
             "otherFiles_one": "and {{count}} other file",
             "otherFiles_other": "and {{count}} other files",
@@ -49,10 +49,10 @@
             }
         },
         "rename": {
-            "unavailable": "No language server renames in this file",
-            "nothing": "There is nothing to rename here",
-            "refused": "The language server refused the new name",
-            "stale": "The text changed while the rename was being asked for",
+            "unavailable": "Rename unavailable in this file",
+            "nothing": "Nothing to rename here",
+            "refused": "New name refused",
+            "stale": "The text changed before the rename finished. Try again.",
             "failed": "Could not rename: {{message}}",
             "occurrences_one": "{{formatted}} occurrence",
             "occurrences_other": "{{formatted}} occurrences",
@@ -71,7 +71,7 @@
             }
         },
         "navigation": {
-            "unavailable": "No language server answers that here",
+            "unavailable": "Not available here",
             "none": "Nothing found",
             "failed": "Could not look it up: {{message}}",
             "titles": {
@@ -86,9 +86,9 @@
             "resize": "Resize panel"
         },
         "peek": {
-            "unavailable": "No language server finds references in this file",
+            "unavailable": "References unavailable in this file",
             "none": "No references found",
-            "failed": "Could not look up the references: {{message}}",
+            "failed": "Could not look up references: {{message}}",
             "references_one": "{{formatted}} reference",
             "references_other": "{{formatted}} references",
             "close": "Close",
@@ -97,12 +97,12 @@
             "definitions_one": "{{formatted}} definition",
             "definitions_other": "{{formatted}} definitions",
             "noDefinition": "No definition found",
-            "unavailableDefinition": "No language server finds definitions in this file"
+            "unavailableDefinition": "Definitions unavailable in this file"
         },
         "callHierarchy": {
-            "unavailable": "No language server finds calls in this file",
-            "none": "No symbol with calls found here",
-            "failed": "Could not look up the calls: {{message}}",
+            "unavailable": "Calls unavailable in this file",
+            "none": "No calls here",
+            "failed": "Could not look up calls: {{message}}",
             "label": "Call hierarchy",
             "direction": "Direction",
             "incoming": "Callers",
@@ -111,7 +111,7 @@
             "loading": "Loading…",
             "noIncoming": "No callers",
             "noOutgoing": "No callees",
-            "retry": "Could not load the calls: {{message}}. Press to try again",
+            "retry": "Could not load calls: {{message}}. Click to try again",
             "more_one": "Show {{formatted}} more call ({{hidden}} left)",
             "more_other": "Show {{formatted}} more calls ({{hidden}} left)",
             "sites_one": "{{formatted}} call",
@@ -133,20 +133,20 @@
             "newCode": "new *",
             "lines_one": "{{formatted}} line",
             "lines_other": "{{formatted}} lines",
-            "uncommitted": "Not committed yet",
+            "uncommitted": "Uncommitted",
             "latest": "Latest change",
             "showCommit": "Show commit"
         },
         "symbols": {
-            "unavailable": "No language server knows the symbols of this file",
-            "failed": "Could not read the symbols: {{message}}",
+            "unavailable": "Symbols unavailable in this file",
+            "failed": "Could not read symbols: {{message}}",
             "placeholder": "Go to symbol in {{file}}",
             "navigate": "Navigate",
             "open": "Open",
             "workspace": "Workspace symbols",
             "line": "Go to line",
             "none": "No matching symbols",
-            "workspaceHint": "Type the name of a symbol in the project",
+            "workspaceHint": "Type a symbol name",
             "lineHint": "Type a line number",
             "goToLine": "Go to line {{line}}",
             "groups": {
@@ -180,14 +180,14 @@
             "choices": "Snippet choice"
         },
         "completion": {
-            "tooLarge": "Completion is too large to insert",
+            "tooLarge": "Too large to insert",
             "insert": "Insert",
             "replace": "Replace",
             "details": "Details",
             "none": "No suggestions",
-            "transformBusy": "Snippet transforms are busy; try again",
-            "transformFailed": "Snippet transform could not be applied",
-            "failed": "Could not insert the suggestion: {{message}}"
+            "transformBusy": "The snippet is not ready yet. Try again.",
+            "transformFailed": "Could not fill in the snippet",
+            "failed": "Could not insert suggestion: {{message}}"
         },
         "history": {
             "recent": "Recent locations"
@@ -265,18 +265,18 @@
             "toggle": "Show replace",
             "hide": "Hide replace",
             "failed": {
-                "limit": "Too much to replace at once ({{edits}} edits or {{characters}} output characters)",
-                "timeout": "Replacement timed out; the text was not changed",
-                "unavailable": "Replacement needs the search worker",
-                "error": "Could not replace; the text was not changed"
+                "limit": "Too much to replace at once (more than {{edits}} matches or {{characters}} characters)",
+                "timeout": "Replace timed out. Nothing changed",
+                "unavailable": "Replace is not available right now",
+                "error": "Could not replace. Nothing changed"
             }
         },
         "countMore": "{{total}}+ matches",
         "searching": "Searching…",
-        "large": "Large document: press Enter to search",
+        "large": "This document is large. Press Enter to search",
         "replaced": "Replaced {{count}} matches",
         "failed": {
-            "timeout": "Search timed out; press Enter to retry",
+            "timeout": "Search timed out. Press Enter to try again",
             "unavailable": "Regex search is unavailable",
             "invalid": "Invalid regular expression",
             "error": "Could not finish the search"

package/src/locales/nl.json

@@ -2,32 +2,32 @@
     "language": {
         "hover": {
             "quickFix": "Quick fix…",
-            "quickFixNone": "Deze language server biedt geen quick fixes",
+            "quickFixNone": "Geen quick fixes",
             "definition": "Ga naar definitie",
             "references_one": "{{formatted}} referentie",
             "references_other": "{{formatted}} referenties",
             "line": "Regel {{line}}",
-            "none": "Geen informatie voor deze plek"
+            "none": "Hier geen informatie"
         },
         "inlay": {
-            "failed": "De actie van de hint is mislukt: {{message}}"
+            "failed": "Kon de hintactie niet uitvoeren: {{message}}"
         },
         "edit": {
-            "staged_one": "{{count}} bestand gewijzigd en nog niet opgeslagen",
-            "staged_other": "{{count}} bestanden gewijzigd en nog niet opgeslagen",
+            "staged_one": "{{count}} niet-opgeslagen bestand",
+            "staged_other": "{{count}} niet-opgeslagen bestanden",
             "stagedMore": "{{names}} en nog {{count}}",
             "saveAll": "Alles opslaan",
-            "notSaved": "{{name}} kon niet worden opgeslagen"
+            "notSaved": "Kon {{name}} niet opslaan"
         },
         "actions": {
             "show": "Toon code actions",
             "none": "Geen code actions hier",
-            "unavailable": "Geen language server biedt hier code actions",
-            "organized": "De imports zijn al georganiseerd",
-            "noFormatter": "Geen language server formatteert dit bestand",
-            "readOnly": "Dit bestand is alleen-lezen",
-            "failed": "De actie kon niet worden toegepast: {{message}}",
-            "refused": "De wijziging is geweigerd",
+            "unavailable": "Hier geen code actions beschikbaar",
+            "organized": "Imports zijn al georganiseerd",
+            "noFormatter": "Geen formatter voor dit bestand",
+            "readOnly": "Bestand is alleen-lezen",
+            "failed": "Kon de actie niet toepassen: {{message}}",
+            "refused": "Wijziging geweigerd",
             "moreLines": "nog {{count}} regels",
             "otherFiles_one": "en nog {{count}} bestand",
             "otherFiles_other": "en nog {{count}} bestanden",
@@ -49,11 +49,11 @@
             }
         },
         "rename": {
-            "unavailable": "Geen language server hernoemt in dit bestand",
-            "nothing": "Hier is niets om te hernoemen",
-            "refused": "De language server weigerde de nieuwe naam",
-            "stale": "De tekst veranderde terwijl de hernoeming werd opgevraagd",
-            "failed": "Hernoemen mislukt: {{message}}",
+            "unavailable": "Hernoemen niet beschikbaar in dit bestand",
+            "nothing": "Niets om te hernoemen",
+            "refused": "Nieuwe naam geweigerd",
+            "stale": "De tekst veranderde voordat de hernoeming klaar was. Probeer het opnieuw.",
+            "failed": "Kon niet hernoemen: {{message}}",
             "occurrences_one": "{{formatted}} voorkomen",
             "occurrences_other": "{{formatted}} voorkomens",
             "occurrencesFiles_one": "{{formatted}} voorkomen in {{files}} bestanden",
@@ -71,9 +71,9 @@
             }
         },
         "navigation": {
-            "unavailable": "Geen language server die dat hier beantwoordt",
+            "unavailable": "Hier niet beschikbaar",
             "none": "Niets gevonden",
-            "failed": "Opzoeken mislukt: {{message}}",
+            "failed": "Kon het niet opzoeken: {{message}}",
             "titles": {
                 "definition": "Definities",
                 "declaration": "Declaraties",
@@ -86,9 +86,9 @@
             "resize": "Paneel vergroten of verkleinen"
         },
         "peek": {
-            "unavailable": "Geen language server vindt referenties in dit bestand",
+            "unavailable": "Referenties niet beschikbaar in dit bestand",
             "none": "Geen referenties gevonden",
-            "failed": "Referenties opzoeken mislukt: {{message}}",
+            "failed": "Kon de referenties niet opzoeken: {{message}}",
             "references_one": "{{formatted}} referentie",
             "references_other": "{{formatted}} referenties",
             "close": "Sluit",
@@ -97,12 +97,12 @@
             "definitions_one": "{{formatted}} definitie",
             "definitions_other": "{{formatted}} definities",
             "noDefinition": "Geen definitie gevonden",
-            "unavailableDefinition": "Geen language server vindt definities in dit bestand"
+            "unavailableDefinition": "Definities niet beschikbaar in dit bestand"
         },
         "callHierarchy": {
-            "unavailable": "Geen language server vindt aanroepen in dit bestand",
-            "none": "Hier is geen symbool met aanroepen gevonden",
-            "failed": "Aanroepen opzoeken mislukt: {{message}}",
+            "unavailable": "Aanroepen niet beschikbaar in dit bestand",
+            "none": "Hier geen aanroepen",
+            "failed": "Kon de aanroepen niet opzoeken: {{message}}",
             "label": "Aanroephiërarchie",
             "direction": "Richting",
             "incoming": "Aanroepers",
@@ -111,7 +111,7 @@
             "loading": "Laden…",
             "noIncoming": "Geen aanroepers",
             "noOutgoing": "Roept niets aan",
-            "retry": "Aanroepen laden mislukt: {{message}}. Druk om opnieuw te proberen",
+            "retry": "Kon de aanroepen niet laden: {{message}}. Klik om het opnieuw te proberen",
             "more_one": "Toon nog {{formatted}} aanroep ({{hidden}} over)",
             "more_other": "Toon nog {{formatted}} aanroepen ({{hidden}} over)",
             "sites_one": "{{formatted}} aanroep",
@@ -133,20 +133,20 @@
             "newCode": "nieuw *",
             "lines_one": "{{formatted}} regel",
             "lines_other": "{{formatted}} regels",
-            "uncommitted": "Nog niet gecommit",
+            "uncommitted": "Niet gecommit",
             "latest": "Laatste wijziging",
             "showCommit": "Commit tonen"
         },
         "symbols": {
-            "unavailable": "Geen language server kent de symbolen van dit bestand",
-            "failed": "De symbolen konden niet worden gelezen: {{message}}",
+            "unavailable": "Symbolen niet beschikbaar in dit bestand",
+            "failed": "Kon de symbolen niet lezen: {{message}}",
             "placeholder": "Ga naar symbool in {{file}}",
             "navigate": "Navigeer",
             "open": "Open",
             "workspace": "Symbolen in het project",
             "line": "Ga naar regel",
             "none": "Geen symbolen gevonden",
-            "workspaceHint": "Typ de naam van een symbool in het project",
+            "workspaceHint": "Typ een symboolnaam",
             "lineHint": "Typ een regelnummer",
             "goToLine": "Ga naar regel {{line}}",
             "groups": {
@@ -180,14 +180,14 @@
             "choices": "Snippetkeuze"
         },
         "completion": {
-            "tooLarge": "Deze aanvulling is te groot om in te voegen",
+            "tooLarge": "Te groot om in te voegen",
             "insert": "Invoegen",
             "replace": "Vervangen",
             "details": "Details",
             "none": "Geen suggesties",
-            "transformBusy": "Snippettransformaties zijn bezig; probeer het opnieuw",
-            "transformFailed": "Snippettransformatie kon niet worden toegepast",
-            "failed": "De suggestie kon niet worden ingevoegd: {{message}}"
+            "transformBusy": "Het snippet is nog niet klaar. Probeer het opnieuw.",
+            "transformFailed": "Kon het snippet niet invullen",
+            "failed": "Kon de suggestie niet invoegen: {{message}}"
         },
         "history": {
             "recent": "Recente plekken"
@@ -265,21 +265,21 @@
             "toggle": "Vervangen tonen",
             "hide": "Vervangen verbergen",
             "failed": {
-                "limit": "Te veel om ineens te vervangen ({{edits}} edits of {{characters}} uitvoertekens)",
-                "timeout": "Vervangen duurde te lang; de tekst is niet gewijzigd",
-                "unavailable": "Vervangen vereist de zoekworker",
-                "error": "Vervangen is niet gelukt; de tekst is niet gewijzigd"
+                "limit": "Te veel om ineens te vervangen (meer dan {{edits}} treffers of {{characters}} tekens)",
+                "timeout": "Vervangen duurde te lang. Er is niets gewijzigd",
+                "unavailable": "Vervangen is nu niet beschikbaar",
+                "error": "Kon niet vervangen. Er is niets gewijzigd"
             }
         },
         "countMore": "{{total}}+ resultaten",
         "searching": "Zoeken…",
-        "large": "Groot document: druk op Enter om te zoeken",
+        "large": "Dit document is groot. Druk op Enter om te zoeken",
         "replaced": "{{count}} resultaten vervangen",
         "failed": {
-            "timeout": "Zoeken duurde te lang; druk op Enter om opnieuw te proberen",
+            "timeout": "Zoeken duurde te lang. Druk op Enter om het opnieuw te proberen",
             "unavailable": "Zoeken met regex is niet beschikbaar",
             "invalid": "Ongeldige reguliere expressie",
-            "error": "Zoeken kon niet worden voltooid"
+            "error": "Kon de zoekopdracht niet voltooien"
         }
     },
     "diff": {

package/src/rendered-docs.ts

@@ -83,6 +83,7 @@ export class RenderedDocsFeature {
     private readonly revealed = new Set<DocComment>();
     private readonly listeners = new Set<() => void>();
     private version = 0;
+    private shown: { version: number; entries: readonly RenderedDocEntry[] } | null = null;
     private settleTimer: unknown;
     private caretTimer: unknown;
     private drawn = '';
@@ -201,14 +202,24 @@ export class RenderedDocsFeature {
         return result;
     }
 
-    getVersion = (): number => this.version;
+    getVersion(): number {
+        return this.version;
+    }
 
-    subscribe = (listener: () => void): (() => void) => {
+    /* What `entries` answers, one array until the version moves, so React can read it as a snapshot. */
+    getEntries(): readonly RenderedDocEntry[] {
+        if (this.shown?.version !== this.version) {
+            this.shown = { version: this.version, entries: this.entries() };
+        }
+        return this.shown.entries;
+    }
+
+    subscribe(listener: () => void): () => void {
         this.listeners.add(listener);
         return () => {
             this.listeners.delete(listener);
         };
-    };
+    }
 
     /* Whether names in `{@link}` and `@see` can be followed, which takes a server that finds symbols by name. */
     get canFollow(): boolean {

package/src/row-host.ts

@@ -24,20 +24,31 @@ abstract class ContainerHost {
     private readonly listeners = new Set<() => void>();
     private version = 0;
     private signature = '';
+    private shown: { version: number; containers: ReadonlyMap<string, HTMLElement> } | null = null;
 
     constructor(editor: Editor, owner: string) {
         this.editor = editor;
         this.owner = owner;
     }
 
-    getVersion = (): number => this.version;
+    getVersion(): number {
+        return this.version;
+    }
 
-    subscribe = (listener: () => void): (() => void) => {
+    /* The elements by id as they stand now, one map until they change, so React can read them as a snapshot. */
+    getContainers(): ReadonlyMap<string, HTMLElement> {
+        if (this.shown?.version !== this.version) {
+            this.shown = { version: this.version, containers: new Map(this.containers) };
+        }
+        return this.shown.containers;
+    }
+
+    subscribe(listener: () => void): () => void {
         this.listeners.add(listener);
         return () => {
             this.listeners.delete(listener);
         };
-    };
+    }
 
     container(id: string): HTMLElement | undefined {
         return this.containers.get(id);