open-index/open-npm huggingface dataset:
npm package: @pujspks/react-native-app-icons
Description: React Native app icons
Author: Geroale
Latest version: 0.1.4

# react-native-app-icons

React Native app icons

## Installation

```sh
npm install react-native-app-icons
```

## Usage


```js
import { multiply } from 'react-native-app-icons';

// ...

const result = await multiply(3, 7);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @pujspks/react-native-image-generator
Description: Library for generate images from other images
Author: Evgeny Usov
Latest version: 0.4.3

# react-native-image-generator

Library for generate images from other images

## Installation

```sh
yarn add react-native-image-generator
```

## Usage

```js
import { generate } from 'react-native-image-generator';

// ...
const r = await generate(
  [
    {
      uri: 'https://picsum.photos/200/300',
      width: 200,
      height: 300,
      x: 0,
      y: 0,
    },
    {
      uri: 'Mario', // named asset or assets file in android
      width: 200,
      height: 300,
      x: 0,
      y: 0,
    },
    {
      text: 'DESIGN',
      fontSize: 23,
      width: 300,
      height: 300,
      x: 50,
      y: 50,
      color: [0, 255, 0, 1.0],
      fontFamily: Platform.OS === 'ios' ? 'Helvetica' : 'Roboto',
    },
  ],
  {
    filename: 'test.png',
    width: 200,
    height: 300,
  }
);
```

## Result

<img src="https://github.com/evgenusov/react-native-image-generator/blob/main/images/result.png?raw=true" width="250" />

## Hot to use assets

To use local image you need to put it in assets

### iOS

In iOS you need to put it Images:

<img src="https://github.com/evgenusov/react-native-image-generator/blob/main/images/xcode_assets.jpeg?raw=true"  />

### Android

Make sure that your file placed here `android/app/src/main/assets/`. For example:
`android/app/src/main/assets/Mario`

## Platforms

- iOS
- Android

## License

MIT
npm package: @pukanito/focusable
Description: Get focusable child elements of a DOM element
Author: Pukanito Forager
Latest version: 1.0.0

# focusable

This library was generated with [Nx](https://nx.dev).

Finds keyboard-focusable elements within a specified element’s subtree.

Available on [npmjs.com](https://www.npmjs.com/package/@pukanito/focusable).

## Usage

In `package.json` add a dependency to 'focusable':

```json
{
  "dependencies": {
    "@pukanito/focusable": "1.0.0"
  }
}
```

Use `Focusable`:

```typescript
import Focusable from '@pukanito/focusable'
const focus = new Focusable(element)
focus.focusables // Array of focusable elements
```
- `element`: The element, which subtree to search for focusable elements. Defaults to `document.documentElement`.

### Properties

`Focusable` has the following properties:
1. `focusables` - Array of keyboard focusable elements
4. `firstFocusable` - First keyboard focusable element
5. `lastFocusable` - Last keyboard focusable element

`Focusable` has the following methods:
1. `isFirstFocusable(el)` - Returns true if the element is the first focusable.
2. `isLastFocusable(el)` - Returns true if the element is the last focusable.
npm package: @pukanito/focustrap
Description: Trap keyboard focus inside an element
Author: Pukanito Forager
Latest version: 1.0.0

# focustrap

This library was generated with [Nx](https://nx.dev).

Keeps focus trapped inside a HTMLElement when navigating with the keyboard.

Available on [npmjs.com](https://www.npmjs.com/package/@pukanito/focustrap).

## Usage
In `package.json` add a dependency to 'focustrap' and 'focusable':

```json
{
  "dependencies": {
    "@pukanito/focustrap": "1.0.0",
    "@pukanito/focusable": "1.0.0"
  }
}
```

Use `FocusTrap`:

```typescript
import { FocusTrap } from '@pukanito/focustrap';
const container = document.querySelector('...')!;
const focusTrap = new FocusTrap(container);
/* Focus trapped inside the container */
focusTrap.uninstall()
/* Focus no longer trapped */
```
- `container`: The element where to trap focus.

### Properties

`FocusTrap` has the following properties:
1. `focusable` - access the underlying `Focusable`.

`FocusTrap` has the following methods:
1. `uninstall()` - uninstalls the focus trap.
npm package: @pukargh/generator-util
Description: A util to generate components quickly using templates.
Author: PukarGh
Latest version: 0.1.4

## generator-util
`generator-util` is a command line tool to generate components quickly using templates.

### Installation
- Yarn
```shell
$ yarn add @pukargh/generator-util --dev
```

### Usage
The generator util can be run as follows:
```shell
$ yarn generate YourComponentName
```

This will generate all the necessary files for a component in your `src/components` directory.

### Options
The generator can be configured as needed using one of the two methods:
- Pass in the option to the generator when running:
    ```shell
    $ yarn generate YourComponentName --outputPath=src/components
    ```

- Define the options in `generator.config.json` located in the project root.
    ```json
    {
      "outputPath": "src/components"
    }
    ```

The option passed when running the command will take precedence over the ones defined in the config file.

Following are the available options:
- `optputPath`(optional): Defines the path at which the components should be created. Should be relative to the project root. Default is `src/components`.
- `templatePath`(optional): Defines the path at the template files for the component are located. Can be used if you wish to use your own templates instead of default ones. Should be relative to the project root.

If you wish to modify the templates, you can do so after publishing the templates and modifying them. To publish the template files, run the following
```shell
$ yarn generate --publish
OR
$ yarn generate --publish=mytemplates/customtemplates
```
The publish option can be left empty or a path can be provided where the template files will be published. If you provide a custom path to the publish option here, you will need to pass it to the `templatePath` option (or set it in the config json) when generating.