open-index/open-npm huggingface dataset:
npm package: @sergey_chumak/react-easy-ui
Description: ReactEasyUI is a flexible and lightweight UI library for React that simplifies building modern web applications with customizable components.
Author: sergey-chumakv
Latest version: 1.0.1

# react-toolkit

> ReactToolkit is a flexible and lightweight UI library for React that simplifies building modern web applications with customizable components.

[![NPM](https://img.shields.io/npm/v/react-toolkit.svg)](https://www.npmjs.com/package/react-toolkit) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save react-toolkit
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'react-toolkit'
import 'react-toolkit/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [sergey-chumakv](https://github.com/sergey-chumakv)
npm package: @sergeyblashchuk284/ui-componen
Description: Библиотека UI компонентов
Latest version: 1.0.4

# ИС

Сделать аккаунт на гитхабе.
Установить:
git
github desktop
vs code
node.js 24

---

Склонировать себе на компьютер репозиторий https://github.com/dergunovs/is

ввести в терминале:
git clone https://github.com/dergunovs/is.git

открыть появившуюся папку в vs code

открыть терминал в vs code

написать в терминале в vs code: npm install
"# ui-components"
npm package: @sergeychumak/event-service
Description: simple event service
Author: sergeychumakru@gmail.com
Latest version: 0.0.4

# Simple event service

At the very basic, an Event is just a simple object to which someone can subscribe and receive a event when the event is triggered.

The Class imagine with three basic methods:

* **on** - to subscribe to the event
* **off** - to unsubscribe
* **trigger** - used to trigger the event

! Every event has payload

## How to use ON & TRIGGER

``` javascript
type TOnWindowResize = {
  a: string, b: number;
}

enum ENUM_EVENTS {
  'onWindowResize'
}

// init
const eventsClass = new EventsClass<ENUM_EVENTS>()

// subscribe
eventsClass.on<TOnWindowResize>(
  ENUM_EVENTS.onWindowResize,
  (payload: TOnWindowResize): void => {
    console.log(payload)
  }
)

// trigger
eventsClass.trigger<TOnWindowResize>(
  ENUM_EVENTS.onWindowResize, {
    a: 'test',
    b: 1
  }
)
```

## How to use OFF

``` javascript
const eventsClass = new EventsClass<ENUM_EVENTS>()

const a = (payload: TOnWindowResize) => {
    console.log('a', payload)
}

const b = (payload: TOnWindowResize) => {
    console.log('b', payload)
}

// subscribe
test.on<TOnWindowResize>(ENUM_EVENTS.onWindowResize, a)
test.on<TOnWindowResize>(ENUM_EVENTS.onWindowResize, b)

// unsubscribe
test.off(ENUM_EVENTS.onWindowResize, b)

// trigger
// only function 'a' will be executed
test.trigger<TOnWindowResize>(
  ENUM_EVENTS.onWindowResize, {
    a: 'test',
    b: 1
  }
)
```
npm package: @sergeygoreliy3/expo-router-av-starter
Description: Quick start for Expo Applications with Expo Router and Expo AV. Ready assembly at EXPO SDK 52.0.40, which supports the launch of both the EXPO GO and the Standalone mode (NPX Expo Run: Android).
Author: sergeygoreliy3
Latest version: 1.0.1

для запуска npx expo run:android необходимо 


Явно указать версию Kotlin Gradle Plugin
В android/build.gradle в секции dependencies добавь:

gradle

classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.9.25")
Полная секция будет выглядеть так:

gradle

dependencies {
classpath("com.android.tools.build:gradle")
classpath("com.facebook.react:react-native-gradle-plugin")
classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.9.25") // Явно указана версия
}
Даже если ты задаёшь kotlinVersion, classpath должен явно использовать нужную версию.

в случаи доп ошибки
Убедись, что указаны нужные репозитории
В buildscript.repositories и в allprojects.repositories у тебя уже есть:

gradle

google()
mavenCentral()
Это хорошо — Kotlin плагин должен находиться через них. Если всё равно не находит, попробуй:

gradle

maven { url "https://plugins.gradle.org/m2/" }

ВОТ ГОТОВЫЙ ФАЙЛ ДЛЯ  ЗАПУСКА 

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
ext {
buildToolsVersion = findProperty('android.buildToolsVersion') ?: '35.0.0'
minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '24')
compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '35')
targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34')
kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.25'

        ndkVersion = "26.1.10909125"
    }
    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        classpath('com.android.tools.build:gradle')
        classpath('com.facebook.react:react-native-gradle-plugin')
        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:1.9.25")

    }
}

apply plugin: "com.facebook.react.rootproject"

allprojects {
repositories {
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android'))
}
maven {
// Android JSC is installed from npm
url(new File(['node', '--print', "require.resolve('jsc-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), '../dist'))
}

        google()
        mavenCentral()
        maven { url 'https://www.jitpack.io' }
    }
}
npm package: @sergeykachaliuk/modsen-datepicker-library
Description: Modsen Date picker library
Author: Sergey Kachaliuk
Latest version: 1.2.2

# Библиотека Modsen DatePicker

## Установка и использование

### Установка:
```
npm i @sergeykachaliuk/modsen-datepicker-library

yarn add @sergeykachaliuk/modsen-datepicker-library
```

### Использование:

DatePicker:

```
import { DatePicker } from '@sergeykachaliuk/modsen-datepicker-library';
import { useState } from 'react';

function App() {
    const [currentDate, setCurrentDate] = useState(new Date(2025, 1, 15));

    const handleSelectDate = (date: Date) => {
        setCurrentDate(date);
    };

    return (
        <>
            <div>
                {currentDate.getDay()}/{currentDate.getMonth() + 1}/{currentDate.getFullYear()}
            </div>
            <DatePicker
                dateSelected={currentDate}
                onDateSelect={handleSelectDate}
            />
        </>
    );
}

export default App;
```

DateRangePicker:

```
import { DateRangePicker } from '@sergeykachaliuk/modsen-datepicker-library';
import { useState } from 'react';

function App() {
    const [startRange, setStartRange] = useState(new Date(2025, 1, 15));
    const [endRange, setEndRange] = useState(new Date(2025, 1, 17));

    const handleSelectStartDate = (date: Date) => {
        setStartRange(date);
    };

    const handleSelectEndDate = (date: Date) => {
        setEndRange(date);
    };

    return (
        <>
            <div>
                {startRange.getDay()}/{startRange.getMonth() + 1}/{startRange.getFullYear()}
                {endRange.getDay()}/{endRange.getMonth() + 1}/{endRange.getFullYear()}
                <DateRangePicker
                    onRangeStartSelect={handleSelectStartDate}
                    onRangeEndSelect={handleSelectEndDate}
                />
            </div>
        </>
    );
}

export default App;
```





#### Функционал:

- Просмотр календаря;
- Выбор диапазона для календаря;
- Дефолтный календарь с заранее установленным диапазоном;
- Возможность выбора начала недели(с понедельника или воскресенья);
- Выбор вида календаря (по неделям, месяцам и т.д.);
- Реализовать возможность при клике на определенный день добавлять список задач и
  сохранять их в localStorage;
- Возможность переключения на предыдущий(ую)/следующий(ую) неделю/месяц/год;
- Возможность выбора максимальной даты календаря;
- Возможность выбора минимальной даты для календаря;
- Возможность скрывать/показывать выходные дни и выделять праздничные дни другим цветом;
- Возможность перейти в календаре на введенную пользователем дату;
- Возможность прокидывать определенную дату для установки даты и наоборот, использовать в приложении дату, которую ввел пользователь;
- Стилизация календаря.
npm package: @sergeylarionov/now-shadow-cljs
Description: A now builder for ClojureScript projects using shadow-cljs
Latest version: 1.0.7

# now-shadow-cljs
A ▲ Now 2.0 builder for ClojureScript projects using shadow-clj. The builder will build your shadow-cljs targets and deploy them to ▲ Now.

## Usage

1. Create a shadow-cljs project. This builder supports building `:browser` and `:node-library` targets. If the target is `:browser` it will be deployed as a static page and if it is `:node-library` it will be deployed as a lambda function.

2. Write a `now.json` file that uses `@jntn/now-shadow-cljs`. **Note:** If you do not specify a `routes` section, the build output will be available under the specified output folder. For `:node-library` it is the `:output-to` path and for `:browser` it is the `:output-dir` path.

For an example using both browser and node builds, see [github.com/jntn/haiku](https://github.com/jntn/haiku)

### Example `now.json`
``` json
{
    "version": 2,
    "name": "haiku",
    "builds": [
        {
            "src": "shadow-cljs.edn",
            "use": "@jntn/now-shadow-cljs"
        }
    ],
    "routes": [
        {
            "src": "/(.*)",
            "dest": "/public/$1"
        },
        {
            "src": "/api/(.*)",
            "dest": "/api/$1"
        }
    ]
}
```

### Example `shadow-cljs.edn`
``` clojure
{:builds {:haikus {:target :node-library
                   ;; Will be available at "/api/haikus"
                   :output-to "api/haikus/index.js"
                   :exports-var jntn.api.haikus/handler}
          :app {:target :browser
                ;; Will by default be available at "/public" but
                ;; using the now.json above it is reached at "/"
                :output-dir "public/js"
                :asset-path "js"
                :modules {:main {:entries [jntn.app.core]}}
                :devtools {:http-root "public"
                           :proxy-url "http://localhost:3000"
                           :http-port 8000}}}}
```


## Caveats
* Right now the only supported build targets are `:browser` and `:node-library`.
* The builder does not currently work with `:deps true` in `shadow-cljs.edn`.
npm package: @sergeym/statistics
Description: Statistics saver.
Latest version: 1.0.0

# Statistics

Simple statistics module for personal use.

# Dependencies

**MongoDB** required.

# Default parameters
```JSON
{
  "servicesConfig": {
    "statistics": {
      "routePrefix": "",
      "bufferSize": 100,
      "sessionExpireSeconds": 60 * 60,
      "timerCheckSecond": 10 * 60
    }
  }
}
```
npm package: @sergeymakinen/eslint-config
Description: ## Installation
Author: Sergey Makinen
Latest version: 2.0.0

# @sergeymakinen/eslint-config

## Installation

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

### `.eslintrc.json`

```json
{
  "extends": [
    "@sergeymakinen/eslint-config"
  ]
}
```
npm package: @sergeymakinen/prettier-config
Description: ## Installation
Author: Sergey Makinen
Latest version: 1.0.2

# @sergeymakinen/prettier-config

## Installation

```bash
npm install --save-dev @sergeymakinen/prettier-config
```

### `package.json`

```json
{
  "prettier": "@sergeymakinen/prettier-config"
}
```
npm package: @sergeymakinen/tsconfig
Description: ## Installation
Author: Sergey Makinen
Latest version: 1.0.7

# @sergeymakinen/tsconfig

## Installation

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

### `tsconfig.json`

```json
{
  "extends": [
    "@sergeymakinen/tsconfig/tsconfig.json"
  ]
}
```
npm package: @sergeymakinen/vite-plugin-html-minimize
Description: HTML minimizer/minifier for Vite
Author: Sergey Makinen
Latest version: 2.1.1

# @sergeymakinen/vite-plugin-html-minimize

[![tests](https://github.com/sergeymakinen/vite-plugin-html-minimize/workflows/tests/badge.svg)](https://github.com/sergeymakinen/vite-plugin-html-minimize/actions?query=workflow%3Atests)
[![npm](https://img.shields.io/npm/v/@sergeymakinen/vite-plugin-html-minimize)](https://www.npmjs.com/package/@sergeymakinen/vite-plugin-html-minimize)
[![codecov](https://codecov.io/gh/sergeymakinen/vite-plugin-html-minimize/branch/main/graph/badge.svg)](https://codecov.io/gh/sergeymakinen/vite-plugin-html-minimize)

This plugin is a HTML minimizer/minifier for Vite

## Usage

```js
// vite.config.js
import htmlMinimize from '@sergeymakinen/vite-plugin-html-minimize'

export default {
  plugins: [
    htmlMinimize({
      filter: /\.x?html?$/
    })
  ]
}
```

## Options

### `filter`

- **Type:** `RegExp | ((fileName: string) => boolean)`
- **Default:** `/\.html?$/`

  Regular expression or function to filter assets by file name.

### `minifierOptions`

- **Type:** `import('html-minifier-terser').Options`
- **Default:**
  ```js
  {
    collapseWhitespace: true,
    html5: true,
    keepClosingSlash: true,
    minifyCSS: true,
    minifyJS: true,
    removeAttributeQuotes: true,
    removeComments: true,
    removeRedundantAttributes: true,
    removeScriptTypeAttributes: true,
    removeStyleLinkTypeAttributes: true,
    useShortDoctype: true,
  }
  ```

  Minifier options passed to [html-minifier-terser](https://github.com/terser/html-minifier-terser#options-quick-reference).