open-index/open-npm huggingface dataset:
npm package: @quarix/address-converter
Description: Address converter, convert ETH address to Ethermint/evmos address.
Author: luke
Latest version: 0.1.15

# Address converter

A simple converter between `ETH` address and `Ethermint`/`evmos` addresses.

## Installation

```sh
npm install @evmos/address-converter
```

## Usage

### Converter

```ts
import { ethToEthermint, ethermintToEth } from '@evmos/address-converter'

let address = ethToEthermint('0xe2D61e49ff8a9d724CC54d338D8076F878aC6b71')
// "ethm1uttpuj0l32whynx9f5ecmqrklpu2c6m3973048"

let address = ethermintToEth('ethm1uttpuj0l32whynx9f5ecmqrklpu2c6m3973048')
// "0xe2D61e49ff8a9d724CC54d338D8076F878aC6b71"
```

### Decoders

```ts
import { ETH, ETHERMINT } from '@evmos/address-converter'
let hex = ETH.decoder('0xe2D61e49ff8a9d724CC54d338D8076F878aC6b71')
// hex.toString('hex') === "e2d61e49ff8a9d724cc54d338d8076f878ac6b71"

hex = ETHERMINT.decoder('ethm1uttpuj0l32whynx9f5ecmqrklpu2c6m3973048')
// hex.toString('hex') === "e2d61e49ff8a9d724cc54d338d8076f878ac6b71"
```

### Encoders

```ts
import { ETH, ETHERMINT } from '@evmos/address-converter'
let address = ETH.encoder(
  Buffer.from('e2d61e49ff8a9d724cc54d338d8076f878ac6b71', 'hex'),
)
// address === "0xe2D61e49ff8a9d724CC54d338D8076F878aC6b71"

address = ETHERMINT.encoder(
  Buffer.from('e2d61e49ff8a9d724cc54d338d8076f878ac6b71', 'hex'),
)
// address === "ethm1uttpuj0l32whynx9f5ecmqrklpu2c6m3973048"
```

### EVMOS support

```ts
import { ethToEvmos, evmosToEth } from '@evmos/address-converter'

let address = ethToEvmos('0x14574a6DFF2Ddf9e07828b4345d3040919AF5652')
// "evmos1z3t55m0l9h0eupuz3dp5t5cypyv674jj7mz2jw"

let address = evmosToEth('evmos1z3t55m0l9h0eupuz3dp5t5cypyv674jj7mz2jw')
// "0x14574a6DFF2Ddf9e07828b4345d3040919AF5652"
```

## Reference

- [ENSDOMAINS-AddressEnconder](https://github.com/ensdomains/address-encoder)
npm package: @quarix/proto
Description: Protobuf files for EVMOS.
Latest version: 0.2.21

# Proto

Protobuf files used to generate cosmos/evmos transactions.

## Convert protobuf to Eth Transaction

Example on how to convert protobuf message -> ethereum tx [here]('./tests/messages/msgEthereumTx.spec.ts')

## Local generation

Requirements:

- `brew install protoc`
- `npm install -g protoc-gen-ts`

To generate the protobuf files on linux instead of OSX, remove the empty string after `sed -i ''`

```sh
./scripts/get_proto_files.sh
./scripts/create_proto_files.sh
./scripts/remove_grpc.sh
./scripts/remove_unused_dependencies.sh
```

## Note

The lib `@grpc/grpc-js` was not included in the `package.json`, and all the services were manually removed from the autogenerated proto files to avoid having that dependency.
This lib is just a tool to create the transactions, not to interact with a GRPC server, if you need the complete proto file you can locally run `./scripts/get_proto_files.sh` and `./scripts/create_proto_files.sh`
npm package: @quark-lab/rad-ui
Description: A CLI for adding Rad UI components to your project. Beautiful Persian-themed React components built on Radix UI and Tailwind CSS.
Author: QuarkLab
Latest version: 0.1.7

# Rad UI CLI

A CLI for adding Rad UI components to your project. Beautiful Persian-themed React components built on Radix UI and Tailwind CSS.

## Features

- **RTL-First**: Designed from the ground up for Right-to-Left languages (Persian, Arabic, Hebrew, etc.).
- **Persian Themes**: Includes 5 built-in Persian color palettes (Kahgel, Firouzeh, Lajvard, Puste, Anar).
- **Shadcn-compatible**: Follows the same architecture as shadcn/ui, giving you full ownership of the code.
- **Modern Stack**: Built with React, TypeScript, Tailwind CSS, and Radix UI.
- **Tailwind Support**: Automatically detects and configures for both Tailwind CSS v3 and v4.

## Installation

You can use the CLI directly via `npx` without installing it globally:

```bash
npx @quark-lab/rad-ui@latest init
```

## Usage

### `init`

Initialize a new project with Rad UI configuration. This command will:
- Check your project environment (Tailwind version, etc.)
- Configure `components.json`
- Set up CSS variables for your chosen theme
- Install necessary dependencies

```bash
npx @quark-lab/rad-ui@latest init
```

### `add`

Add components to your project. This will download the component source code and its dependencies into your project.

```bash
npx @quark-lab/rad-ui@latest add [component]
```

Example:

```bash
npx @quark-lab/rad-ui@latest add button
```

You can also see a list of available components by running the command without arguments:

```bash
npx @quark-lab/rad-ui@latest add
```

## Themes

Rad UI comes with 5 distinct Persian-inspired themes, each with light and dark mode support:

- **Kahgel** (Adobe/Earthen)
- **Firouzeh** (Turquoise)
- **Lajvard** (Lapis Lazuli)
- **Puste** (Pistachio)
- **Anar** (Pomegranate)

## Documentation

For full documentation and component examples, visit [quarklab.dev](https://quarklab.dev).

## License

MIT © [QuarkLab](https://quarklab.dev)
npm package: @quark-uilib/dotfiles
Description: Configs of linters
Author: Greenatom Team
Latest version: 1.0.2

# @quark-uilib/dotfiles

---

Файлы конфигураций для javascript, typescript и стилей на основе styled-components.\
Содержит:\
- tsconfig
- prettier-config
- eslint-config
- stylelint-config

## Установка

---
```
npm i -save-dev @quark-uilib/dotfiles
```


## Использование

---

1. Tsconfig. Добавьте в `tsconfig.json` своего проекта.
```json
{
   "extends": "@quark-uilib/dotfiles/tsconfig"
}
```

2. Eslint. Добавьте в `.eslintrc.js` или `.eslintrc.json`.
```json
{
  "extends": ["./node_modules/@quark-uilib/dotfiles/eslint-config"]
}
```

3. Prettier. Используйте в `prettier.config.js`
```js
module.exports = {
  ...require("@quark-uilib/dotfiles/prettier-config")
};
```

4. Stylelint. Добавьте в `styelint.config.js` или `.stylelintrc.json`.
```json
{
  "extends": [
    "@quark-uilib/dotfiles/stylelint-config"
  ]
}
```
npm package: @quark-uilib/icons
Description: Quark-uilib icons
Author: Greenatom Team
Latest version: 1.4.0

# Иконки

Для использования иконок - необходимо установить этот пакет.

## Установка

`npm i --save @quark-uilib/icons`

## Импорт

Импортировать нужно ту иконку, которая Вам нужна.

```
import { IconCloseCircle, IconCloseSquare ... } from "@quark-uilib/icons";
```

## Использование

```
<...>
<IconCloseCircle />
<IconCloseSquare />
<IconCloudImport />
<...>
```
npm package: @quark-uilib/icons-vue
Description: Quark-uilib icons
Author: Greenatom Team
Latest version: 1.4.0

# Иконки

Для использования иконок - необходимо установить этот пакет.

## Установка

`npm i --save @quark-uilib/icons-vue`

## Импорт

Импортировать нужно ту иконку, которая Вам нужна.

```
import { IconCloseCircle, IconCloseSquare ... } from "@quark-uilib/icons-vue";
```

## Использование

```
<...>
<IconCloseCircle />
<IconCloseSquare />
<IconCloudImport />
<...>
```
npm package: @quark-uilib/table
Description: UI library
Author: Greenatom Team
Latest version: 1.8.1

# Описание
Quark — это дизайн-система продуктов Гринатома.<br>
Правила, которых мы придерживались при разработке, легли в основу принципов дизайн-системы.
1) Простота: Мы стремимся к интуитивному взаимодействию пользователя с продуктом.
2) Отзывчивость: Интерфейс должен находиться в контакте с пользователем — отвечать на его вопросы и подсказывать верный путь.
3) Эффективность: Функциональность в приоритете над стилистикой.
4) Развитие: Мы совершенствуем нашу дизайн-систему каждый день.

В основе стилизации компонентов лежит <a href="https://styled-components.com/">`styled-components`</a>

# Поддержка браузеров
| <center>[<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox </center>| <center>[<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome </center>| <center>[<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari </center>|
| --------- | --------- | --------- |
| Последние 2 версии | Последние 2 версии | Последние 2 версии




# Быстрый старт

Таблицы используют под капотом компоненты и иконки из пакетов `@quark-uilib/components` и `@quark-uilib/icons`. Поэтому для корректной работы таблицы дополнительно установите эти пакеты.

### Установите пакеты

#### NPM

`npm i @quark-uilib/table @quark-uilib/components @quark-uilib/icons`

#### YARN

`yarn add @quark-uilib/table @quark-uilib/components @quark-uilib/icons`

### Подключите стили и шрифты

Выберите один из вариантов подключения стилей.

#### Подключение в корне проекта

```tsx
import React from "react";
import "@quark-uilib/components/styles/index.css";
```

#### Подключение в файле стилей

```css
@import "~@quark-uilib/components/styles/index.css";
```

### Пример кода для быстрого старта

```tsx
import React from "react";
import { createRoot } from "react-dom/client";
import Table from "@quark-uilib/table";

const App = () => {
  const column = [{ field: "make" }, { field: "model" }, { field: "price" }];

  const rowData = [
    { make: "Toyota", model: "Celica", price: 35000 },
    { make: "Ford", model: "Mondeo", price: 32000 },
    { make: "Porsche", model: "Boxster", price: 72000 }
  ];

  return (
    <Table column={column} rowData={rowData} />
  )
};

const root = createRoot(document.getElementById('root'));
root.render(<App />);
```
npm package: @quarkboard/quarkboard
Description: Quarkboard is an open-source smart mirror framework that provides enterprise-level service for professionals and home-enthusiasts alike.
Latest version: 0.1.0

# Quarkboard

<p align="center">
    <a href="https://david-dm.org/quarkboard/quarkboard"><img src="https://david-dm.org/quarkboard/quarkboard.svg" alt="Dependency Status"></a>
    <a href="https://david-dm.org/quarkboard/quarkboard?type=dev" title="devDependencies status"><img src="https://david-dm.org/quarkboard/quarkboard/dev-status.svg"/></a>
    <a href="https://choosealicense.com/licenses/mit"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License"></a>
</p>

**Quarkboard** is an open-source screen display framework that provides enterprise-level service for professionals and 
home-enthusiasts alike. **Quarkboard** provides a simple plugin interface that allows anybody to quickly and easily get 
started with customizing their smart mirror to their liking. From managing one single mirror to running a cluster of 
large screen displays, **Quarkboard** has something for everyone. 

## Documentation

## Links

## License

This project utilizes the MIT open-source software license. You can find the full-text details in the 
[LICENSE](./LICENSE) file, and get a TL;DR summary from 
[tldrlegal.com](https://tldrlegal.com/license/mit-license#summary).

## Contributing Guidelines
npm package: @quarkcms/plugin-mock
Description: Taro 数据 Mock 插件
Author: luckyadam
Latest version: 0.0.8

# @tarojs/plugin-mock

> Taro 数据 Mock 插件

## 安装

在 Taro 项目根目录下安装

```bash
$ npm i @tarojs/plugin-mock --save
```

## 使用

### 引入插件

请确保 Taro CLI 已升级至 Taro 2/3 的最新版本。

修改项目 `config/index.js` 中的 plugins 配置为如下

```js
const config = {
  ...
  plugins: [
    ...其余插件

    '@tarojs/plugin-mock'
  ]
  ...
}
```

这样在 `taro build` 编译完后就会启动一个数据 mock 服务器。

### 参数

Mock 插件可以接受如下参数：

| 参数项 | 类型 | 是否可选 | 用途 |
| :-----| :---- | :---- | :---- |
| host | string | 是 | 设置数据 mock 服务地址，默认为 127.0.0.1 |
| port | number | 是 | 设置数据 mock 服务端口，默认为 9527 |
| mocks | object | 是 | 设置数据 mock 接口 |

其中 `mocks` 参数是用于设置数据 mock 接口，以 k-v 的方式进行设置，接口的 HTTP 方法通过在 key 中进行指定，例如：

```
{
  'GET /api/user/1': {
    name: luckyadam
  },

  'POST /api/upload': {
    file: xxxx
  }
}
```

支持的 HTTP 方法有：`['GET', 'POST', 'HEAD', 'PUT', 'DELETE', 'CONNECT', 'OPTIONS', 'TRACE', 'PATCH']`

如果项目中的接口过多，也可以不通过插件的 `mocks` 配置来设置接口，可以直接在项目中创建一个 `mock` 目录，在 `mock` 下添加接口配置文件来设置接口，接口配置文件支持使用 ES6 语法以及 TS，例如。

如上配置可以改写成，在项目根目录下创建 `mock` 目录，添加一个 `api.ts` 文件，内容如下：

```typescript
// mock/api.ts

export default {
  'GET /api/user/1': {
    name: luckyadam
  },

  'POST /api/upload': {
    file: xxxx
  }
}
```

同时也支持使用 [`mockjs`](http://mockjs.com/) 来生成 mock 数据

安装 `mockjs`

```bash
$ npm i mockjs --save
```

使用如下

```ts
// /mock/api.ts
import mockjs from 'mockjs'

export default {
  'GET /api/tags': mockjs.mock({
    'list|1-10': [{
      // 属性 id 是一个自增数，起始值为 1，每次增 1
      'id|+1': 1
    }]
  })
}
```
npm package: @quarkd/babel-preset-jsx
Description: Babel preset for Vue JSX
Author: Nick Messing
Latest version: 1.4.2

## @vue/babel-preset-jsx

Configurable preset for Vue JSX plugins.

### Babel Compatibility Notes

- This repo is only compatible with Babel 7.x, for 6.x please use [vuejs/babel-plugin-transform-vue-jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx)

### Usage

Install the dependencies:

```sh
# for yarn:
yarn add @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props
# for npm:
npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props --save
```

In your `babel.config.js`:

```js
module.exports = {
  presets: ['@vue/babel-preset-jsx'],
}
```

You can toggle specific features, by default all features (except `compositionAPI`) are enabled, e.g.:

```js
module.exports = {
  presets: [
    [
      '@vue/babel-preset-jsx',
      {
        vModel: false,
        compositionAPI: true,
      },
    ],
  ],
}
```

Options are:

- `compositionAPI` - Enables [@vue/babel-sugar-composition-api-inject-h](../babel-sugar-composition-api-inject-h) and [@vue/babel-sugar-composition-api-render-instance](../babel-sugar-composition-api-render-instance), support returning render function in `setup`.
  - The default value is `false`;
  - When set to `'auto'` (or `true`), it will detect the Vue version in the project. If it's >= 2.7, it will import the composition utilities from `vue`, otherwise from `@vue/composition-api`;
  - When set to `'native'` (or `'naruto'`), it will always import the composition utilities from `vue`
  - When set to `plugin`, it will always import the composition utilities from `@vue/composition-api`, but it will redirect to `'vue'` itself when the vue version is `2.7.x`
  - When set to `vue-demi`, it will always import the composition utilities from `vue-demi`
  - When set to an object like `{ importSource: string; }`, it will always import the composition utilities from the importSource you set
- `functional` [@vue/babel-sugar-functional-vue](../babel-sugar-functional-vue/README.md) - Functional components syntactic sugar
- `injectH` [@vue/babel-sugar-inject-h](../babel-sugar-inject-h/README.md) - Automatic `h` injection syntactic sugar
- `vModel` [@vue/babel-sugar-v-model](../babel-sugar-v-model/README.md) - `vModel` syntactic sugar
- `vOn` [@vue/babel-sugar-v-on](../babel-sugar-v-on/README.md) - `vOn` syntactic sugar
npm package: @quarkd/cli-plugin-babel
Description: babel plugin for vue-cli
Author: Evan You
Latest version: 3.12.2

# @vue/cli-plugin-babel

> babel plugin for vue-cli

## Configuration

Uses Babel 7 + `babel-loader` + [@vue/babel-preset-app](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app) by default, but can be configured via `babel.config.js` to use any other Babel presets or plugins.

By default, `babel-loader` excludes files inside `node_modules` dependencies. If you wish to explicitly transpile a dependency module, you will need to add it to the `transpileDependencies` option in `vue.config.js`:

``` js
module.exports = {
  transpileDependencies: [
    // can be string or regex
    'my-dep',
    /other-dep/
  ]
}
```

## Caching

[cache-loader](https://github.com/webpack-contrib/cache-loader) is enabled by default and cache is stored in `<projectRoot>/node_modules/.cache/babel-loader`.

## Parallelization

[thread-loader](https://github.com/webpack-contrib/thread-loader) is enabled by default when the machine has more than 1 CPU cores. This can be turned off by setting `parallel: false` in `vue.config.js`.

## Installing in an Already Created Project

``` sh
vue add babel
```

## Injected webpack-chain Rules

- `config.rule('js')`
- `config.rule('js').use('babel-loader')`
- `config.rule('js').use('cache-loader')`