open-index/open-npm huggingface dataset:
npm package: @jraleman/usecheatcodes
Description: Implementation of a React Hook to enter cheat codes
Author: jraleman
Latest version: 0.0.3

# useCheatCodes

Implementation of a React Hook to enter cheatcodes on screen.

[Demo available here, try it out! ](https://jraleman.com/useCheatCodes)

Enter the [konami code](https://en.wikipedia.org/wiki/Konami_Code) and see what happens.

*If you prefer running the demo locally, go to the `demo/` directory and run `yarn`

## Installation

To get started, this package can be installed via `npm` or `yarn`

```sh
npm install @jraleman/use-cheat-codes
```

```sh
yarn add @jraleman/use-cheat-codes
```

If you desire more hooks, you can install the whole library `@jraleman/hooks`

## Example

```js
const cheatCodes = [
  {
    name: 'konami',
    code: ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', 'ArrowRight', 'B', 'A'], // case insensitive (i.e. ArrowUp === arrowup)
    callback: () => window.alert('🐢'), // optional
  },
  // ... define other cheatCodes
];
const timeout = 10000;
const repeat = false;

const {
  keystrokes,
  activeCheats,
  clearKeystrokes,
  clearActiveCheats,
  getCheatCodeByName,
} = useCheatCodes({ cheatCodes, repeat, timeout });
```

## Specifications

- Hook captures keystrokes using an event listener
- Structure is an array of objects, having the cheatcode's:
  - `name`
  - `code` (keys to input/enter)
  - `callback` function
- Only compare keystrokes with length of the `code` array
- Have a `timeout` to clear keystrokes if user is afk
- Ability to `repeat` cheatcodes multiple times

## Implementation

Returns `activeCheat` codes, current `keystrokes`, and some helper methods.
Take a look at `src/useCheatCodes`.

## TODO

- [x] Create project repository
- [x] Implement `useCheatCodes` following specifications
- [x] Create demo app
- [x] Open dependency project; `hooks` -> `@jraleman/use-cheat-codes`
npm package: @jralphm_dev/react-typing-text
Description: A lightweight React component for creating smooth typewriter text animations.
Author: JRM Dev
Latest version: 0.0.7

# TypingText ✨

A lightweight, customizable **typing text animation component for React**. Perfect for hero sections, landing pages, portfolios, and dynamic UI text.

---

## ✨ Features

- 🖋 Smooth typing and deleting animation
- ⚡ Adjustable typing speed, deleting speed, and pause duration
- 👀 Optional blinking cursor
- 🎨 Fully customizable styles via `className`
- 🪶 Lightweight and easy to integrate

---

## 📦 Installation

```bash
npm install @jralphm_dev/react-typing-text
```

---

## 🚀 Usage

```tsx
import TypingText from '@jralphm_dev/react-typing-text';

export default function App() {
  const demoText = [
    'Smooth typing animation for React applications.',
    'Lightweight and easy to integrate.',
    'Customizable typing speed and pause settings.',
    'Enhances user interfaces with dynamic text.',
  ];

  return (
    <div className='flex items-center justify-center h-screen text-center'>
      <TypingText
        words={demoText}
        typeSpeed={50}
        deleteSpeed={50}
        pauseDelay={3000}
        showCursor={true}
        className='text-2xl font-semibold'
      />
    </div>
  );
}
```

---

## 📷 Preview

<p align="center">
  <img src="./gif/typing-text.gif" alt="Typing Text Preview" width="600"/>
</p>

---

## 🧠 Props

| Prop          | Type                                  | Default | Description                                |
| ------------- | ------------------------------------- | ------- | ------------------------------------------ |
| `words`       | `readonly string[]`                   | —       | List of words to type (required)           |
| `typeSpeed`   | `number`                              | `50`    | Typing speed (ms per character)            |
| `deleteSpeed` | `number`                              | `50`    | Deleting speed (ms per character)          |
| `pauseDelay`  | `number`                              | `3000`  | Pause before deleting (ms)                 |
| `showCursor`  | `boolean`                             | `true`  | Show or hide the blinking cursor           |
| `className`   | `ComponentProps<'span'>['className']` | —       | Tailwind or custom CSS classes for styling |

---

## 📄 License

[MIT License](./LICENCE)

---

Created by **JRMDev**

If you find this useful, consider giving it a ⭐ on GitHub!
npm package: @jrantunes/cra-template
Description: A initial template to React projects using Create React App
Latest version: 1.0.2

# CRA-TEMPLATE

<p align="center">A initial template to React projects using <b>Create React App</b></p>

## Installing

1. Use this template with the cra command

	Using npm:

	```bash
	$ npx create-react-app my-app --template @jrantunes/cra-template
	```

	Using yarn:

	```bash
	$ yarn create react-app my-app --template @jrantunes/cra-template
	```

2. Run the **prepare** script to setup husky pre-commit

	Using npm:

	```bash
	$ npm run prepare
	```

	Using yarn:

	```bash
	$ yarn prepare
	```
	
	_Lint-staged is configured to run the **linting**(with **--max-warnings=0**) and **test** scripts if one of these two fails the changes wont be commited_

3. Start your app

	Using npm:

	```bash
	$ npm run start
	```

	Using yarn:

	```bash
	$ yarn start
	```

4. To automatically create your component folder you can use the **generate** script

	Using npm:

	```bash
	$ npm run generate ComponentName
	```

	Using yarn:

	```bash
	$ yarn generate ComponentName
	```

	The generated folder will contain the following files:
	- **index.tsx** - `The component file`
	
	- **{{ component_name }}.spec.tsx** - `The tests of the component`
	
	- **stories.tsx** - `The stories of the component`
	
	- **styles.ts** - `The styles of the component`

##### This template uses the following dependencies:
- [Husky](https://typicode.github.io/husky/#/)
- [Lint Staged](https://github.com/okonet/lint-staged)
- [Storybook](https://storybook.js.org/docs/react/get-started/introduction)
- [Eslint](https://eslint.org/docs/latest/)
- [Prettier](https://prettier.io/docs/en/index.html)
- [Styled Components](https://styled-components.com/docs)
- [Plop js](https://plopjs.com/documentation/#getting-started)
- [TypeScript](https://www.typescriptlang.org/docs/)
npm package: @jratiwanich/zebra
Description: Zebra printer capacitor plugin library with ZSDK API
Author: Jak Ratiwanich
Latest version: 0.0.1
Deprecated: WARNING: This project has been renamed to @jratiwanich/zebra. Install using @jratiwanich/zebra instead.

# zebralib

zebra printer capacitor plugin library

## Install

```bash
npm install zebralib
npx cap sync
```

## API

<docgen-index>

* [`echo(...)`](#echo)
* [`connectPrinter(...)`](#connectprinter)
* [`printText(...)`](#printtext)
* [`printPDF(...)`](#printpdf)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### echo(...)

```typescript
echo(options: { value: string; }) => Promise<{ value: string; }>
```

| Param         | Type                            |
| ------------- | ------------------------------- |
| **`options`** | <code>{ value: string; }</code> |

**Returns:** <code>Promise&lt;{ value: string; }&gt;</code>

--------------------


### connectPrinter(...)

```typescript
connectPrinter(options: { value: string; }) => Promise<any>
```

| Param         | Type                            |
| ------------- | ------------------------------- |
| **`options`** | <code>{ value: string; }</code> |

**Returns:** <code>Promise&lt;any&gt;</code>

--------------------


### printText(...)

```typescript
printText(options: { text: string; }) => Promise<any>
```

| Param         | Type                           |
| ------------- | ------------------------------ |
| **`options`** | <code>{ text: string; }</code> |

**Returns:** <code>Promise&lt;any&gt;</code>

--------------------


### printPDF(...)

```typescript
printPDF(options: { base64: string; }) => Promise<any>
```

| Param         | Type                             |
| ------------- | -------------------------------- |
| **`options`** | <code>{ base64: string; }</code> |

**Returns:** <code>Promise&lt;any&gt;</code>

--------------------

</docgen-api>