open-index/open-npm huggingface dataset:
npm package: @gruzf/body-scroll-lock
Description: Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus).
Author: Vladislav Gevorgyan
Latest version: 1.0.1

# @gruzf/body-scroll-lock  <!-- omit in toc -->

[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=body-scroll-lock&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2Fbody-scroll-lock)](https://npmjs.org/package/body-scroll-lock)
[![Downloads](https://img.shields.io/badge/dynamic/json?color=brightgreen&label=downloads&query=downloads&url=https%3A%2F%2Fapi.npmjs.org%2Fdownloads%2Fpoint%2Flast-year%2F%40gruzf%2Fbody-scroll-lock)](https://npmjs.org/package/@gruzf/body-scroll-lock)
[![Company](https://img.shields.io/badge/company-@gruzf-blue)](https://www.npmjs.com/org/gruzf)

> Powered by [numen](https://www.npmjs.com/package/@gruzf/numen). Based on :heartpulse: [body-scroll-lock](https://www.npmjs.com/package/body-scroll-lock) :heartpulse:


## Install

```bash
npm install @gruzf/body-scroll-lock
```

## @gruzf/body-scroll-lock vs body-scroll-lock

- Works with [mui](https://www.npmjs.com/package/@mui/material)
- Works on iOS 15

## Usage

see [body-scroll-lock](https://www.npmjs.com/package/body-scroll-lock) documentation
npm package: @gruzf/eslint-config
Description: Set of eslint rules for a typescript project
Author: Vladislav Gevorgyan
Latest version: 4.0.0

# @gruzf/eslint-config

[![Company](https://img.shields.io/badge/company-@gruzf-blue)](https://www.npmjs.com/org/gruzf)

## Install

```bash
npm install @gruzf/numen-cli
```

or

```bash
yarn add @gruzf/numen-cli
```

## Usage

```json
// .eslintrc
{
  "extends": ["@gruzf/eslint-config"]
}
```

## Included plugins

- [regexp/recommended](https://www.npmjs.com/package/eslint-plugin-regexp)
- [unicorn/recommended](https://www.npmjs.com/package/eslint-plugin-unicorn)
- eslint:recommended
- [@typescript-eslint](https://www.npmjs.com/package/@typescript-eslint/eslint-plugin)
- [const-case](https://www.npmjs.com/package/eslint-plugin-const-case)

## Included parser

- [@typescript-eslint/parser](https://www.npmjs.com/package/@typescript-eslint/parser)

## Included rules

```js
{
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        vars: "all",
        varsIgnorePattern: "^_",
        args: "after-used",
        argsIgnorePattern: "^_",
      },
    ],
    "@typescript-eslint/ban-types": [
      "error",
      {
        types: {
          "{}": false,
        },
      },
    ],
    "@typescript-eslint/no-explicit-any": "off",
    "const-case/uppercase": "error",
    "unicorn/filename-case": "off",
    "unicorn/no-process-exit": "off",
    "unicorn/prefer-node-protocol": "off",
    "unicorn/prevent-abbreviations": [
      "error",
      {
        ignore: [".*Props.*", ".*props.*", ".*ref", ".*Ref"],
      },
    ],
  }
```
npm package: @gruzf/eslint-config-react
Description: Set of eslint rules for react project
Author: Vladislav Gevorgyan
Latest version: 3.0.0

# @gruzf/eslint-config-react

## Included plugins

- [@gruzf/eslint-config](https://www.npmjs.com/package/@gruzf/eslint-config)
- [eslint-plugin-react](https://www.npmjs.com/package/eslint-plugin-react)
- [eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks)

## Included rules

```js
{
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "react/prop-types": "off"
}
```
npm package: @gruzf/nestjs-s3
Description: <!-- badgeSectionStart -->
Author: Vladislav Gevorgyan
Latest version: 1.1.0

# NestJS S3 <!-- omit in toc -->

<!-- badgeSectionStart -->

[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen)](https://npmjs.org/package/@gruzf/numen)
[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen-cli&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen-cli)](https://npmjs.org/package/@gruzf/numen-cli)

<!-- badgeSectionEnd -->

<!-- tocSectionStart -->

- [Install](#install)
- [Usage](#usage)
  - [Commands](#commands)
    - [init](#init)
    - [uninstall](#uninstall)

<!-- tocSectionEnd -->

## Install

```bash
npm install @gruzf/nestjs-s3
```

or

```bash
yarn add @gruzf/nestjs-s3
```

<!-- usageSectionStart -->

## Usage

```bash
Usage: nestgf-s3 [options] [command]

Options:
  -h, --help      display help for command
  -v, --version   output the version number

Commands:
      init        Add S3 library in nest libs         default
                  folder
      uninstall   Remove S3 library in nest libs
                  folder
```

<!-- usageSectionEnd -->

<!-- commandsSectionStart -->

### Commands

#### init

```bash
Usage: nestgf-s3 init

Add S3 library in nest libs folder
```

#### uninstall

```bash
Usage: nestgf-s3 uninstall

Remove S3 library in nest libs folder
```

<!-- commandsSectionEnd -->
npm package: @gruzf/numen
Description: JavaScript bundler and minifier
Author: Vladislav Gevorgyan
Latest version: 2.0.7

# numen <!-- omit in toc -->

![numen](https://i.postimg.cc/Xvhww6Fv/numen.png)

[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen)](https://npmjs.org/package/@gruzf/numen)
[![Downloads](https://img.shields.io/badge/dynamic/json?color=brightgreen&label=downloads&query=downloads&url=https%3A%2F%2Fapi.npmjs.org%2Fdownloads%2Fpoint%2Flast-year%2F%40gruzf%2Fnumen)](https://npmjs.org/package/@gruzf/numen)
[![Company](https://img.shields.io/badge/company-@gruzf-blue)](https://www.npmjs.com/org/gruzf)

> NUMEN is a JavaScript bundler and minifier created on the basis of [esbuild](https://www.npmjs.com/package/esbuild) and [tsup](https://tsup.egoist.sh).

Why you should use numen instead of tsup:

- **babel** is loaded if there is a config file in the project
- creating d.ts for **TS** files only
- rebuild when you fix bugs in watch mode
- add priority option to numen.config.ts file
- add ignore option

## Install

```bash
npm install -D @gruzf/numen
```

or

```bash
yarn add @gruzf/numen --dev
```

## Usage

### Bundle files

```bash
numen [...files]
```

Files are written into `./dist`.

You can bundle multiple files in one go:

```bash
numen src/index.ts src/cli.ts
```

This will output `dist/index.js` and `dist/cli.js`.

## Documentation

For complete usages, please dive into the [docs](https://tsup.egoist.sh).
npm package: @gruzf/numen-help
Description: Readme file generator
Author: Vladislav Gevorgyan
Latest version: 2.2.0

# numen HELP <!-- omit in toc -->

<!-- badgeSectionStart -->

[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen)](https://npmjs.org/package/@gruzf/numen)
[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen-cli&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen-cli)](https://npmjs.org/package/@gruzf/numen-cli)
[![Company](https://img.shields.io/badge/company-@gruzf-blue)](https://www.npmjs.com/org/gruzf)

<!-- badgeSectionEnd -->

<!-- descriptionSectionStart -->

> :tada: This README.md file was automatically generated with [@gruzf/numen-help](https://www.npmjs.com/package/@gruzf/numen-help)

---

> :warning: **WARNING** This only works for cli libraries made with [@gruzf/numen-cli](https://npmjs.org/package/@gruzf/numen-cli)

<!-- descriptionSectionEnd -->

<!-- tocSectionStart -->

- [Install](#install)
- [Usage](#usage)
  - [Commands](#commands)
    - [generate](#generate)

<!-- tocSectionEnd -->

## Install

```bash
npm install @gruzf/numen-help
```

or

```bash
yarn add @gruzf/numen-help
```

<!-- usageSectionStart -->

## Usage

```bash
Usage: numen-help [options] [command]

Options:
  -h, --help      display help for command
  -v, --version   output the version number

Commands:
      generate    Generate readme file                default
```

<!-- usageSectionEnd -->

<!-- commandsSectionStart -->

### Commands

#### generate

```bash
Usage: numen-help generate

Generate readme file
```

<!-- commandsSectionEnd -->
npm package: @gruzf/numen-semantic
Description: <!-- badgeSectionStart -->
Author: Vladislav Gevorgyan
Latest version: 1.11.0

# numen semantic <!-- omit in toc -->

<!-- badgeSectionStart -->

[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen)](https://npmjs.org/package/@gruzf/numen)
[![Version](https://img.shields.io/badge/dynamic/json?color=green&label=numen-cli&prefix=v&query=%24%5B%27dist-tags%27%5D.latest&url=https%3A%2F%2Fregistry.npmjs.org%2F%40gruzf%2Fnumen-cli)](https://npmjs.org/package/@gruzf/numen-cli)

<!-- badgeSectionEnd -->

<!-- descriptionSectionStart -->

> :tada: This README.md file was automatically generated with [@gruzf/numen-help](https://www.npmjs.com/package/@gruzf/numen-help)

<!-- descriptionSectionEnd -->

<!-- tocSectionStart -->

- [Install](#install)
- [Usage](#usage)
  - [Commands](#commands)
    - [changelog](#changelog)
    - [prepare](#prepare)
    - [release](#release)

<!-- tocSectionEnd -->

## Install

```bash
npm install @gruzf/numen-semantic
```

or

```bash
yarn add @gruzf/numen-semantic
```

<!-- usageSectionStart -->

## Usage

```bash
Usage: numen-semantic [options] [command]

Options:
  -h, --help     display help for command
  -v, --version  output the version number

Commands:
  changelog  Create or update the main Changelog
  prepare    Prepare the project for release
  release    Update the library version using
             semantic-release
```

<!-- usageSectionEnd -->

<!-- commandsSectionStart -->

### Commands

#### changelog

```bash
Usage: numen-semantic changelog [arguments] [options]

Create or update the main Changelog

Arguments:
  <text>  Description for Changelog to add            required

Options:
  --monoRepoDeep <deep>  Search depth of the main
                         package.json
```

#### prepare

```bash
Usage: numen-semantic prepare [options]

Prepare the project for release

Options:
  --npm                          Prepare for npm
                                 publishing
  -gl, --gitlab-ci <scripts...>  Generate or update
                                 .gitlab-ci.yml for
                                 monorepo
  -s, --scripts <scripts...>     Update scripts for
                                 monorepo
```

#### release

```bash
Usage: numen-semantic release [options]

Update the library version using semantic-release

Options:
  --monoRepoDeep <deep>  Search depth of the main
                         package.json
  --npm                  Use npm publishing
  --pkgRoot [path]       Use a specific path for
                         pkgRoot. If true, the default
                         value is outDir from
                         tsconfig.json or tsup.config.ts
```

<!-- commandsSectionEnd -->
npm package: @gruzf/styles
Description: This library is designed to style React components for the Gruzovichkof company.
Author: Vladislav Gevorgyan
Latest version: 4.1.9

# GRUZF UI Styles

This library is designed to style React components for the Gruzovichkof company.

> GRUZF UI Styles is written in `typescript` and built on the [tss-react](https://github.com/garronej/tss-react), [Emotion](https://emotion.sh/) and [Material UI](https://material-ui.com/) libraries

## Install

```bash
npm install @gruzf/styles
```

or

```bash
yarn add @gruzf/styles
```

## Usage

```js
import makeStyles from "@gruzf/styles";
import CacheProvider from "@gruzf/styles/CacheProvider";
import { ThemeProvider } from "@mui/material/styles";

const PADDING = 12;

const useStyles = makeStyles()((theme, props) => ({
  h1: {
    color: theme.palette.primary.main,
    borderBottom: `2px solid ${theme.palette.secondary.main}`,
    paddingTop: props.paddingTop,
  },
  green: {
    color: "green",
  },
}));

// or import { defaultTheme } from '@gruzf/styles';
const theme = createTheme({
  palette: {
    primary: {
      main: "red",
    },
  },
});

function HelloWorld({ green }) {
  // you can pass anything props to styles
  const { classes, cx } = useStyles({ paddingTop: PADDING });

  return (
    <h1 className={cx(classes.h1, green && classes.green)}>Hello World!</h1>
  );
}

function App() {
  return (
    <CacheProvider>
      <ThemeProvider theme={theme}>
        <HelloWorld green />
      </ThemeProvider>
    </CacheProvider>
  );
}
```

## NextJS implementation

### Create \_document.js file

```js
import createDocument from "../utils/createDocument";

export default createDocument(options);
```

#### Options

##### Document

- Type: `NextJS Document`
- Default: `undefined`