Skip to content

2.1.1

Latest

Choose a tag to compare

@BattlefieldDuck BattlefieldDuck released this 28 Sep 14:19
· 20 commits to main since this release

Updated xterm-svelte example

$state + Type-Safe options + Null-Safe Calls

<script lang="ts">
	import { Xterm, XtermAddon } from '@battlefieldduck/xterm-svelte';
	import type {
		ITerminalOptions,
		ITerminalInitOnlyOptions,
		Terminal
	} from '@battlefieldduck/xterm-svelte';

+	let terminal = $state<Terminal>();
-	let terminal: Terminal;

+	const options: ITerminalOptions & ITerminalInitOnlyOptions = {
-	let options: ITerminalOptions & ITerminalInitOnlyOptions = {
		fontFamily: 'Consolas'
	};

	async function onLoad() {
		console.log('Child component has loaded');

		// FitAddon Usage
		const fitAddon = new (await XtermAddon.FitAddon()).FitAddon();
+		terminal?.loadAddon(fitAddon);
- 		terminal.loadAddon(fitAddon);
		fitAddon.fit();

+		terminal?.write('Hello World');
-		terminal.write('Hello World');
	}

	function onData(data: string) {
		console.log('onData()', data);
	}

	function onKey(data: { key: string; domEvent: KeyboardEvent }) {
		console.log('onKey()', data);
	}
</script>

<Xterm bind:terminal {options} {onLoad} {onData} {onKey} />

What's Changed

Full Changelog: 2.1.0...2.1.1