open-index/open-npm huggingface dataset:
npm package: @mxthevs/colors
Description: <br />
Latest version: 0.0.2

<br />

<p align="center">
  <img alt="colors" title="colors" src="https://raw.githubusercontent.com/mxthevs/colors/main/.github/colors.svg">
</p>

<p align="center">
  Extract colors from any text file!
</p>

<hr /> <br />

![OCaml](https://img.shields.io/badge/-OCaml-c15540?style=square&logo=ocaml&logoColor=white)
![build workflow](https://github.com/mxthevs/colors/actions/workflows/build.yml/badge.svg)

## Table of Contents

- [Introduction](#introduction)
- [Installation](#installation)
- [CLI Options](#options)

## Introduction

### What is this?

colors is a CLI that parse colors from text files. It can also convert colors between different formats. Currently the application supports parsing hexadecimals (without alpha) and converting them to RGB.

## Installation

### Using npm

```console
npm i @mxthevs/colors -g
```

### Using yarn

```console
yarn global add @mxthevs/colors
```

## Usage

```console
colors /path/to/file.{txt,json,etc}
```

In case you already have a package or shell function named `colors` in your system (This might be the case if you are using zsh, for example. You can check this by running `type colors` in your terminal), you can still run this package, after installing with the instructions above, with the command:

```console
npx colors /path/to/file.{txt,json,etc}
```

## Options

You can check the help page for the full set of options that `colors` accept.

```
colors --help
```

Feel free to report any bug that you encounter! 😃
npm package: @mxttwoods/pubsub
Description: A tiny, fast, zero-dependency event bus
Author: Matthew Woods
Latest version: 1.1.0

# @mxttwoods/pubsub

![Version](https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
[![Twitter: mxttwoods](https://img.shields.io/twitter/follow/mxttwoods.svg?style=social)](https://twitter.com/mxttwoods)

> A tiny, fast, zero-dependency event bus for JavaScript.

## Description

- Less than 500 bytes minified + zipped
- Zero dependencies
- Modern Syntax
- Fast
- Simple
- Typed

## Installation

Just download index.js, or use one of the following options:

```bash
yarn add @mxttwoods/pubsub
```

or

```bash
yarn add @mxttwoods/pubsub --registry=https://npm.pkg.github.com/mxttwoods
```

## Usage

Create an PubSub instance.

```javascript
const emitter = new PubSub();
```

Then, add handlers as you see fit.

```javascript
emitter.on('my-event', (data) => {
  alert('got ' + data);
});

emitter.on('my-event', (data) => {
  console.log('got ' + data);
});
```

Remove handlers using `off`.

```javascript
function myHandler(data) {
  console.log(data);
}

emitter.on('my-event', myHandler);
emitter.off('my-event', myHandler);
```

Trigger events using `emit`.

```javascript
// the second parameter here is the data you wish to
// pass to the event handlers
emitter.emit('my-event', { myHandler: 'Bar' });
```

If you want a handler to only run once, you can do this:

```javascript
emitter.on('my-event', function myHandler() {
  emitter.off('my-event', myHandler);
  console.log('it worked');
});
```

You can register for multiple events at once like this:

```javascript
function myHandler(data) {
  console.log(data);
}

emitter.on('event1 event2 etc', myHandler);
emitter.off('event1 event2 etc', myHandler);
```

Stopping propagation isn't build into PubSub. You can work around this
limitation by doing something like this:

```javascript
function stopPropagation() {
  const superOn = PubSub.prototype.on;

  PubSub.prototype.on = (names, fn) => {
    superOn.call(this, names, (data) => {
      if (!data.isCanceled) {
        return fn(data);
      }
      return true;
    });
  };
}
stopPropagation();
```

With the above patch in place, you can do something like this in your event
handlers:

```javascript
emitter.on('my-event', (data) => {
  data.isCanceled = true; // now, no downstream handlers should be invoked
});
```

## Development

### Install

```sh
yarn install
```

### Build

```sh
yarn build
```

### Test

```sh
yarn test
```

## Author

**Matthew Woods**

- Website: <https://matthew.codes>
- Twitter: [@mxttwoods](https://twitter.com/mxttwoods)
- GitHub: [@mxttwoods](https://github.com/mxttwoods)
- LinkedIn: [@matthew-t-woods](https://linkedin.com/in/matthew-t-woods)

**Chris Davies**

- GitHub: [@chrisdavies](https://github.com/chrisdavies)

## License

Copyright © 2021 [Matthew Woods](https://github.com/mxttwoods).

This project is [MIT](LICENSE) licensed.
npm package: @mxvnv/locales
Description: @mxvnv/locales — это библиотека для локализации в React-приложениях. Она предоставляет контекст и хуки для управления локалями и перевода текста с поддержкой плейсхолдеров.
Latest version: 0.0.4

# React Locales Library

@mxvnv/locales — это библиотека для локализации в React-приложениях. Она предоставляет контекст и хуки для управления локалями и перевода текста с поддержкой плейсхолдеров.

## Установка
Для установки библиотеки в проект, используйте npm или yarn:

> *npm install @mxvnv/locales*

или

> *yarn add @mxvnv/locales*

## Пример использования
### Настройка локализации
Для использования библиотеки, нужно обернуть ваше приложение в компонент LocalesProvider, который предоставляет контекст локалей, и передать ему объект с локалями.

**Пример кода для настройки локализации:**

`import { createRoot } from 'react-dom/client';` \
`import App from './App';` \
`import { LocalesProvider } from '@mxvnv/locales';` \
`import locales from './locales.json';` \
`createRoot(document.getElementById('root')!).render(` \
`    <LocalesProvider locales={locales}><App /></LocalesProvider>` \
`);`

В данном примере мы передаем локали из JSON-файла и оборачиваем компонент App в LocalesProvider.

### Использование хука useLocales
После того как локали были настроены, вы можете использовать хук useLocales, чтобы получить функцию перевода и метод для смены локали.

**Пример использования хука в компоненте:**

> import { useLocales } from '@your-username/my-react-lib';
\
function App() {
  const { t, setLocales } = useLocales();
\
const translatedText = t('project.text.name', { placeholder: "плейсхолдер", greet: 'hello' });
\
  return (
    <div>
      <button onClick={() => setLocales('en')}>Change to English</button>
      <p>{translatedText}</p>
    </div>
  );
}
\
export default App;


### Функция перевода
useLocales возвращает объект, который содержит:

``t(path: string, placeholders: object)`` — функция для перевода текста. Принимает путь к строке в JSON (например, project.text.name) и объект с плейсхолдерами, которые будут заменены в строке.

``setLocales(locale: string)`` — функция для смены текущей локали. Например, для смены локали на английский можно вызвать setLocales('en').

### Пример структуры локалей
Локали должны быть представлены в виде объекта, где ключи — это имена локалей, а значения — объекты с переводами.

**Пример локалей:**
``{
  "ru": {
    "project": {
      "text": {
        "name": "Привет, {greet}! Это {placeholder}"
      }
    }
  },
  "en": {
    "project": {
      "text": {
        "name": "Hello, {greet}! This is {placeholder}"
      }
    }
  }
}``

*В этом примере, мы используем плейсхолдеры {greet} и {placeholder}, которые могут быть заменены на динамичные значения через функцию t.*

## Типы
Библиотека предоставляет следующие типы для TypeScript:

``LocalesProviderProps`` — тип для пропсов компонента LocalesProvider.
``TranslateFunc`` — тип для функции перевода t.
``CurrentLocale`` — тип для текущей локали.
``LocaleData`` — тип для данных перевода.