xterm_terminal_setup_with_ligatures_addon.ts

1import { Terminal } from 'xterm';
2import { LigaturesAddon } from '@daiyam/xterm-addon-ligatures';
3
4// Initialize the terminal
5const terminal = new Terminal({
6    fontFamily: 'Fira Code, monospace', // Ensure a ligature-supporting font is used
7    cursorBlink: true
8});
9
10// Create and load the ligature addon
11const ligaturesAddon = new LigaturesAddon();
12terminal.loadAddon(ligaturesAddon);
13
14// Open the terminal in a DOM element
15const terminalContainer = document.getElementById('terminal-container');
16if (terminalContainer) {
17    terminal.open(terminalContainer);
18    
19    // Write some text to demonstrate ligatures (e.g., => or !=)
20    terminal.write('Ligatures example: \r\n');
21    terminal.write('  =>  \r\n');
22    terminal.write('  !=  \r\n');
23    terminal.write('  === \r\n');
24}