Type definitions for Svelte components

svelte.d.ts

// When importing an html file, assume it's a svelte component
declare module '*.html' {
	type State = Record<string, any>;
	type Changed = Record<string, boolean>;
	type ChangeArgs = {
		changed: Changed,
		current: State,
		previous: State
	};
	interface Cancellable {
		cancel: () => void
	};

	export default class Component {
		root: Component;
		options: State;

		constructor(init: { target: Element, data?: State });

		set(data: State) : void;
		get(): State;

		on(event: string, callback: (event: any) => void): Cancellable;
		on(event: 'state', callback: (changeArgs: ChangeArgs) => void): Cancellable;
		on(event: 'update', callback: (changeArgs: ChangeArgs) => void): Cancellable;
		on(event: 'destroy', callback: () => void): Cancellable;

		fire(event: string, data: any) : void;

		destroy() : void;
	};
}