fix: refresh terminal renderer after fonts load

2026-09-03 11:49:34 +03:00
parent 6c4923b8c8
commit 29ca970362
4 changed files with 43 additions and 17 deletions
@@ -1140,6 +1140,7 @@ export const TerminalView: React.FC<TerminalViewProps> = ({ visible }) => {
                            onInput={handleViewportInput}
                            onResize={handleViewportResize}
                            theme={xtermTheme}
+                            monoFont={monoFont}
                            fontFamily={resolvedFontStack}
                            fontSize={terminalFontSize}
                            enableTouchScroll={useTouchTerminalInput}
@@ -100,4 +100,13 @@ describe('terminal viewport remount guard', () => {
        expect(terminalViewportSource).toContain('resizeRef.current(size.cols, size.rows)');
        expect(terminalViewportSource).toContain('...(provisionalSizeRef.current ?? {})');
    });
+
+    test('rebuilds the canvas renderer when terminal fonts finish loading after the startup bound', () => {
+        expect(terminalViewportSource).toContain('loadMonoFont(font)');
+        expect(terminalViewportSource).toContain('Promise.all([loadMonoFont(font), loadNerdFonts()])');
+        expect(terminalViewportSource).toContain('Promise.all([loadGhostty(), fonts.loadedBeforeTimeout])');
+        expect(terminalViewportSource).toContain('if (!fontsLoaded)');
+        expect(terminalViewportSource).toContain('void fonts.loaded.then(() => {');
+        expect(terminalViewportSource).toContain('setRendererGeneration((value) => value + 1)');
+    });
 });