@battlefieldduck/xterm-svelte 0.1.0 → 1.0.1

package/README.md

@@ -38,32 +38,38 @@ Here's a basic example of how to use xterm-svelte in your SvelteKit application:
 
 ```svelte
 <script lang="ts">
-    import { Xterm } from '@battlefieldduck/xterm-svelte';
-    import type { ITerminalOptions, ITerminalInitOnlyOptions, Terminal } from '@battlefieldduck/xterm-svelte';
-
-    let options: ITerminalOptions & ITerminalInitOnlyOptions = {};
-
-    async function onLoad(event: CustomEvent<{ terminal: Terminal }>) {
-        console.log('Child component has loaded');
-        const terminal = event.detail.terminal;
-
-        // FitAddon Usage
-        const fitAddon = new (await XtermAddon.FitAddon()).FitAddon();
-        terminal.loadAddon(fitAddon);
-        fitAddon.fit();
-
-        terminal.write('Hello World');
-    }
-
-    function onData(event: CustomEvent<string>) {
-        const data = event.detail;
-        console.log('onData()', data);
-    }
-
-    function onKey(event: CustomEvent<{ key: string; domEvent: KeyboardEvent }>) {
-        const data = event.detail;
-        console.log('onKey()', data);
-    }
+	import { Xterm, XtermAddon } from '@battlefieldduck/xterm-svelte';
+	import type {
+		ITerminalOptions,
+		ITerminalInitOnlyOptions,
+		Terminal
+	} from '@battlefieldduck/xterm-svelte';
+
+	let options: ITerminalOptions & ITerminalInitOnlyOptions = {
+		fontFamily: 'Consolas'
+	};
+
+	async function onLoad(event: CustomEvent<{ terminal: Terminal }>) {
+		console.log('Child component has loaded');
+		const terminal = event.detail.terminal;
+
+		// FitAddon Usage
+		const fitAddon = new (await XtermAddon.FitAddon()).FitAddon();
+		terminal.loadAddon(fitAddon);
+		fitAddon.fit();
+
+		terminal.write('Hello World');
+	}
+
+	function onData(event: CustomEvent<string>) {
+		const data = event.detail;
+		console.log('onData()', data);
+	}
+
+	function onKey(event: CustomEvent<{ key: string; domEvent: KeyboardEvent }>) {
+		const data = event.detail;
+		console.log('onKey()', data);
+	}
 </script>
 
 <Xterm {options} on:load={onLoad} on:data={onData} on:key={onKey} />

package/dist/Xterm.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@xterm/xterm" />
 import { SvelteComponent } from "svelte";
 import '@xterm/xterm/css/xterm.css';
 import type { ITerminalOptions, ITerminalInitOnlyOptions } from './index.js';
@@ -36,6 +35,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type XtermProps = typeof __propDef.props;
 export type XtermEvents = typeof __propDef.events;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@xterm/xterm" />
 import Xterm from './Xterm.svelte';
 import { XtermAddon } from './XtermAddon.js';
 import type { XtermEvent } from './XtermEvent.js';

package/package.json

@@ -1,8 +1,14 @@
 {
 	"name": "@battlefieldduck/xterm-svelte",
-	"version": "0.1.0",
+	"version": "1.0.1",
 	"description": "A SvelteKit wrapper for Xterm.js, enabling terminal embedding in SvelteKit apps, managing Xterm addons, and providing seamless updates with the latest SvelteKit and Xterm.js versions.",
-	"keywords": ["svelte", "xterm", "xterm-js", "sveltekit", "xterm-svelte"],
+	"keywords": [
+		"svelte",
+		"xterm",
+		"xterm-js",
+		"sveltekit",
+		"xterm-svelte"
+	],
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/BattlefieldDuck/xterm-svelte.git"
@@ -60,7 +66,7 @@
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^5.2.10",
-		"vitest": "^1.5.2"
+		"vitest": "^2.0.3"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",