open-index/open-npm huggingface dataset:
npm package: @invokey/svelte
Description: A svelte library to handle keyboard shortcuts
Latest version: 1.0.0

# 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

```bash
npm install @invokey/svelte
```

### Basic Usage

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

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

### Component Usage

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

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

### Sequence Support

```svelte
<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](/installation) which includes:

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

## Contributing

We welcome contributions! Please check out our [GitHub repository](https://github.com/bedis-elacheche/invokey) for more information.

## License

MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @involves/violin
Description: React components for faster and easier web development
Author: Involves - AsyncAwait Squad
Latest version: 1.0.0-alpha.2.11
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<br/><br/>
<p align="center">
  <a href="https://material-ui.com/" rel="noopener" target="_blank">
    <img width="200" src="https://involves.com/wp-content/uploads/2019/09/involves-logo-color.png" alt="Material-UI logo"/>
  </a>
</p>

<h1 align="center">Violin-UI</h1>

<div align="center">

[React](https://reactjs.org/) components for **awesome** web development.

Made with :heart: by [Involves](https://involves.com/)

[![npm package](https://img.shields.io/npm/v/@involves/violin/latest.svg)](https://www.npmjs.com/package/@involves/violin)
[![CircleCI](https://img.shields.io/circleci/project/github/involvestecnologia/violin/master.svg)](https://circleci.com/gh/involvestecnologia/violin/tree/master)
[![Netlify Status](https://api.netlify.com/api/v1/badges/e51f2c75-0c37-4fec-9814-95cdd188a532/deploy-status)](https://app.netlify.com/sites/violin-ui/deploys)

</div>

## Installation

Violin-UI is available as an [npm package](https://www.npmjs.com/package/@involves/violin).

```sh
// with npm
npm install styled-components @involves/violin

// with yarn
yarn add styled-components @involves/violin
```

## Usage

Here is a quick example to get you started, **it's all you need**:

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@involves/violin';

function App() {
  return (
    <Button primary>
      Hello World!
    </Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));
```

Yes, it's really all you need to get started.

## Documentation

Check out our [documentation website](https://violin-ui.netlify.app/).

## License

This project is licensed under the terms of the
[MIT license](/license).
npm package: @involvex/auto-vue
Description: Full automated Vue Setup with 3 git branches: main, dev, github pages
Author: involvex
Latest version: 0.1.9

# @involvex/auto-vue

```bash
# npx @involvex/auto-vue@latest my-vue-project
```

## Description

`create-autovue` is a command-line interface (CLI) tool designed to streamline the setup of new Vue.js projects. It automates the entire scaffolding process, including the creation of a standardized three-branch Git repository structure (`main`, `dev`, `gh-pages`) to get you started with development faster.

This project is based on the official `create-vue` tool, but is customized to enforce project conventions and automate repository initialization.

## Installation

To use `create-autovue`, install it globally via npm:

```bash
npm install -g @involvex/auto-vue
```

## Quick Use with npx

```bash
npx @involvex/auto-vue@latest my-vue-project
```

## Usage

Once installed, you can create a new Vue project by running the following command in your terminal:

```bash
create-autovue my-vue-app
```

This will launch an interactive setup guide where you can select features for your new project (e.g., TypeScript, Pinia, Router, etc.). After you've made your selections, the tool will:

1. Create a new directory named `my-vue-app`.
2. Scaffold a complete Vue.js project inside it.
3. Initialize a Git repository.
4. Create `main`, `dev`, and `gh-pages` branches.
5. Make an initial commit with the scaffolded files.
6. Check out the `dev` branch so you can start coding immediately.

## Contributing

Contributions are welcome! If you have ideas for improvements or find a bug, please follow these steps:

1. Fork the repository.
2. Create a new feature branch (`git checkout -b feature/your-feature-name`).
3. Make your changes and commit them (`git commit -m 'feat: Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature-name`).
5. Open a Pull Request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## Supporting the project

[@involvex](https://github.com/sponsors/involvex)

[buymeacoffee.com/involvex](https://buymeacoffee.com/involvex)

[paypal.me](https://paypal.me/involvex)