1.0.0 • Published 1 year ago

@invokey/svelte v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

invokey

A powerful Svelte library for handling keyboard shortcuts and sequences with ease.

Features

  • 🚀 Easy to Use: Bind key combinations to components with a single hook
  • 🎯 Component Support: Display content when key combinations are matched
  • 🎮 Sequence Support: Create complex keyboard sequences like Konami code
  • Dynamic Control: Enable/disable bindings during runtime
  • 🎨 TypeScript Support: Full TypeScript support for better development experience

Quick Start

npm install @invokey/svelte

Basic Usage

<script lang="ts">
	import { useCombination } from '@invokey/svelte';

	useCombination(['ctrl+k', 'meta+k'], (event, shortcut) => {
		console.log('Combination matched:', shortcut);
	});
</script>

Component Usage

<script lang="ts">
	import { Combination } from '@invokey/svelte';
</script>

<Combination combinations={['ctrl+a']}>Content shown when Ctrl+A is pressed</Combination>

Sequence Support

<script lang="ts">
	import { Sequence } from '@invokey/svelte';
</script>

<Sequence sequences="i>n>v>o>k>r">Content shown when sequence is entered</Sequence>

Documentation

For detailed documentation, visit our documentation site which includes:

  • Installation guide
  • Usage examples
  • API reference
  • Advanced features
  • Best practices

Contributing

We welcome contributions! Please check out our GitHub repository for more information.

License

MIT License - see the LICENSE file for details.