open-index/open-npm huggingface dataset:
npm package: @kelysty/eslint-config
Description: Kelysty UI Eslint configuration
Author: Kelysty
Latest version: 1.0.1

# @kelysty/eslint-config

## Installation

Using `npm`:

```bash
npm install --save-dev eslint @kelysty/eslint-config
```

Using `yarn`:

```bash
yarn add --dev eslint @kelysty/eslint-config
```

## Usage

Add `.eslintrc` file in the project root with the following content:

```json
{
  "extends": ["@kelysty/eslint-config"],
  "root": true
}
```

### Client and Server

On the `client` side:

```json
{
  "extends": "@kelysty/eslint-config/client"
}
```

This ESLint configuration is extending another configuration from the react.js file, indicating that the code should be treated as ECMAScript modules and specifying that the environment is a browser.

On the `server` side:

```json
{
  "extends": "@kelysty/eslint-config/server"
}
```

This ESLint configuration file is tailored for Node.js environments, incorporating security-related rules to help identify and prevent potential security vulnerabilities in the code.

### Prettier

Using prettier don't forget to extend root .eslint file with:

```json
{
  "extends": ["@kelysty/eslint-config", "@kelysty/eslint-config/prettier"],
  "root": true
}
```

This configuration ensures that your ESLint setup aligns with Prettier's formatting conventions, helping you maintain a consistent code style throughout your project

### a11y

If you want to spot accessibility issues, extend root config with the additional rules:

```json
{
  "extends": ["@kelysty/eslint-config", "@kelysty/eslint-config/a11y"],
  "root": true
}
```

this ESLint configuration is tailored for projects that use React and JSX. It enforces recommended accessibility rules provided by the jsx-a11y plugin to help improve the accessibility of your React applications. The goal is to ensure that your UI is usable and understandable by as many people as possible, including those with disabilities

### Order

If you want to enforce a convention in module import order, extend root config with the additional rules:

```json
{
  "extends": ["@kelysty/eslint-config", "@kelysty/eslint-config/import-order"],
  "root": true
}
```

This configuration file is specifying rules related to the order of import statements in your code. It helps maintain a consistent and organized structure for your imports, promoting readability and maintainability

### Scripts

Do not forget to add following scripts in your `package.json` file:

```json
  "scripts": {
    "lint": "yarn run lint:js && yarn run lint:other",
    "lint:js": "eslint . --report-unused-disable-directives",
    "lint:other": "yarn run prettier -- --check"
  }
```
npm package: @kelysty/icons
Description: Pack of Kelysty React UI svg icons
Author: Kelysty
Latest version: 1.0.1

# @kelysty/icons &middot; [![npm package](https://img.shields.io/npm/v/@kelysty/icons)](https://www.npmjs.com/package/@kelysty/icons)

## Install

Using `npm`:

```bash
npm install --save-dev @kelysty/icons
```

Using `yarn`:

```bash
yarn add --dev @kelysty/icons
```

## Usage

### ES Module

```js
import {AbbrApi} from '@kelysty/icons';
```

### Common JS

```js
const {AbbrApi} = require('@kelysty/icons');
```

### Default or Named import

Using `default import` from @kelysty/icons/\*componentName

```js
import AbbrApi from '@kelysty/icons/esm/AbbrApi';
// esm: pay attention on .../esm/AbbrApi

const AbbrApi = require('@kelysty/icons/AbbrApi');
// commonjs
```

or using `named import`

```js
import {AbbrApi} from '@kelysty/icons';
// esm

const {AbbrApi} = require('@kelysty/icons');
// commonjs
```

### SVG image

> You might need an appropriate loader for this

```js
import abbrApiIcon from '@kelysty/icons/svgs/abbr-api.svg';
```

## Many Thanks!

Thanks to Yandex LLC and [Gravity UI](https://github.com/gravity-ui)!

This icons library had been created based on Gravity UI pack of icons as a training example. We're going to extend and develop it in the future. Once our icons pack become different enough, we'll remove this statement. But we'll never forget, that this all couldn't've happend without 'big brother' =)

> Yandex, thank you very much!

Have a look at the original [Gravity UI icons pack](https://preview.gravity-ui.com/icons/)
npm package: @kelysty/prettier-config
Description: Kelysty UI Prettier configuration
Author: Kelysty
Latest version: 1.0.0

# @kelysty/prettier-config

## Installation

Using `npm`:
```bash
npm install --save-dev prettier @kelysty/prettier-config
```
Using `yarn`:
```bash
yarn add --dev prettier @kelysty/prettier-config
```

## Usage

At first you need to create `.prettierrc.js` file in the root of your project
to provide configuration for Prettier.

Then you can simply put this code line inside just created config file:

```js
// .prettierrc.js

module.exports = require('@kelysty/prettier-config');
```

**If** you want to extend / override some tweaks of imported configuration
you can do it like this instead:

```js
// .prettierrc.js

// importing base configuration
const baseConfig = require('@kelysty/prettier-config');

// spread it inside final configuration object
module.exports = {
  ...baseConfig,

  // Example: override the semi option
  semi: false,

  // additional configuration goes here
}
```

And finally, do not forget to **add script to run prettier** in your package.json

```json
  "scripts": {
    "prettier": "prettier '**/*.{js,md,yaml,yml,json}'",
  }
```
npm package: @kelysty/stylelint-config
Description: Kelysty UI Stylelint configuration
Author: Kelysty
Latest version: 1.0.2

# @kelysty/stylelint-config

## Install

Using `npm`:

```bash
npm install --save-dev stylelint postcss @kelysty/stylelint-config
```

Using `yarn`:

```bash
yarn add --dev stylelint postcss @kelysty/stylelint-config
```

## Usage

Add `.stylelintrc.js` file in the project root with the following content:

```js
module.exports = {
  extends: ['@kelysty/stylelint-config'],
};
```

### Prettier

If you are using Prettier, extend root config with the additional rules:

```js
module.exports = {
  extends: ['@kelysty/stylelint-config', '@kelysty/stylelint-config/prettier'],
};
```

### Order

If you want to order properties in your css files, extend root config with the additional rules:

```js
module.exports = {
  extends: ['@kelysty/stylelint-config', '@kelysty/stylelint-config/order'],
};
```

### Scripts

Do not forget to add following scripts in your `package.json` file:

```json
  "scripts": {
    "lint": "yarn run lint:styles && yarn run lint:other",
    "lint:styles": "stylelint '**/*.{css,scss}' --report-needless-disables",
    "lint:other": "yarn run prettier -- --check",
  }
```
npm package: @kelysty/tsconfig
Description: Kelysty UI TypeScript configuration
Author: Kelysty
Latest version: 1.0.0

# @kelysty/tsconfig

## Install

Using `npm`:

```bash
npm install --save-dev @kelysty/tsconfig
```

Using `yarn`:

```bash
yarn add --dev @kelysty/tsconfig
```

## Usage

### JSON

Add `tsconfig.json` file in the project root with the following content. 
Creating tsconfig with `json` extension is the most common approach and one of the best practice.

```json
{
  "extends": "@kelysty/tsconfig/tsconfig.json"
}
```

### JS/TS

Alternatively you can create `tsconfig.js` or `tsconfig.ts` file in the root of your project with following content:

```js
module.exports = {
    extends: ["@kelysty/tsconfig"]
}
```
npm package: @kemalcany/capacitor-plugin-android-insets
Description: Capacitro plugin for retrieving proper top offset of Android status bar
Author: Owls Department
Latest version: 0.0.3

# capacitor-plugin-android-insets

Capacitor plugin for retrieving proper top offset of Android status bar.

This repo is published version with changed name of https://github.com/jorisbertomeu/capacitor-insets-v2, which was based on archived https://github.com/igorcd/capacitor-insets-plugin/. It should work perfectly fine in `Capacitor@4`.

## Install

```bash
# with npm
npm install --save capacitor-plugin-android-insets
# with yarn
yarn add capacitor-plugin-android-insets
# after any install
npx cap sync
```

## Why?

This plugin is required only on Android when using `StatusBar.setOverlaysWebView({ overlay: true })`. There is a problem with top offset counting, when status bar is transparent. Related issue: https://github.com/ionic-team/capacitor/issues/2840. 

## Usage

```ts
import { AndroidInsets } from 'capacitor-plugin-android-insets'

const { value } = await AndroidInsets.top();
```

## API

<docgen-index>

* [`top()`](#top)
* [Interfaces](#interfaces)

</docgen-index>

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

### top()

```typescript
top() => Promise<TopReturn>
```

Returns top offset of the status bar

**Returns:** <code>Promise&lt;<a href="#topreturn">TopReturn</a>&gt;</code>

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


### Interfaces


#### TopReturn

| Prop        | Type                |
| ----------- | ------------------- |
| **`value`** | <code>number</code> |

</docgen-api>