open-index/open-npm huggingface dataset:
npm package: @rstudio/rsconnect-ts
Description: TypeScript client library for the Posit Connect API
Author: RStudio Developers
Latest version: 0.8.0

# rsconnect-ts

A TypeScript client library for the Posit Connect API

> :warning: This is a *beta-quality* library. Please see
> [rstudio/actions/connect-publish](https://github.com/rstudio/actions/tree/main/connect-publish)
> for example usage.
npm package: @rsuh9/amazing
Description: Tells us how awesome Matt is
Latest version: 2.0.0

[![npm (scoped)]
(https://img.shields.io/npm/v/@rsuh9/amazing.svg)]
(https://github.com/rsuh/amazing)

# @rsuh9/amazing

# Install
```
$ npm install @rsuh9/amazing
```

# Usage
```
const lowercaseString = require("@rsuh9/amazing");

amazing("lowerboi");
// => LOWERBOI
```
npm package: @rsuite/cra-template
Description: The official rsuite+javascript template for Create React App.
Latest version: 1.0.1

# @rsuite/cra-template

This is the official rsuite+javascript template for
[Create React App](https://github.com/facebook/create-react-app).

## Usage

```sh
npx create-react-app my-app --template @rsuite
```
npm package: @rsuite/cra-template-typescript
Description: The official rsuite+typescript template for Create React App.
Latest version: 1.0.0

# @rsuite/cra-template-typescript

This is the official rsuite+typescript template for [Create React App](https://github.com/facebook/create-react-app).

## Usage

```sh
npx create-react-app my-app --template @rsuite/typescript
```
npm package: @rsuite/multi-date-picker
Description: A date picker that can select multiple dates
Author: simonguo.2009@gmail.com
Latest version: 1.0.0

# Multi DatePicker

A date picker that can select multiple dates


## Installation

```
npm install @rsuite/multi-date-picker --save
```

## Usage

```js
import DatePicker from '@rsuite/multi-date-picker';
import '@rsuite/multi-date-picker/lib/styles.less'

const App = () => {
  return (
    <DatePicker />
  );
};

ReactDOM.render(<App />, mountNode);
```

## Props

`MultiDatePicker` extends all the props of [`DatePicker`](https://rsuitejs.com/en/components/date-picker), with different support:


| Property     | Type`(Default)` | Description                       |
| ------------ | --------------- | --------------------------------- |
| value        | Date[]          | Value (Controlled)                |
| defaultValue | Date[]          | Default value                     |
| onChange     | (Date[])=>void  | Callback fired when value changed |


## License

MIT licensed
npm package: @rsuite/react-frame
Description: react frame
Author: hypers
Latest version: 1.0.1

# React Frame

基于 Rsuite 封装的 Frame 结构。

`<Frame>` 包含：

- `<Frame.Nav>` 显示侧边栏。包括产品列表、左侧菜单栏。其中菜单栏需要由使用者自行传入
- `<Frame.Content>` Content 内容区域

## Demo


## 用法

**安装**

```
yarn add @rsuite/react-frame

// 或
npm install @rsuite/react-frame
```

**引入 less**

```less
@import '~@rsuite/rsuite-frame/lib/styles/less/index.less';
```


**在代码中引入**

```js
import Frame from 'rsuite-frame';
```

### Demo

Frame 结构如下：
![](./docs/screenshoot/frame.jpg)

其中 Frame 固定的是 1、2、3 部分。使用者可以自行传入菜单栏和 content 内容。

```js
<Frame>
  <Frame.Nav
    logo={this.getLogo()}
    iconName="DMP-color"
    expand={expand}
    activeName="Insight"
  >
    // 这里是菜单栏的代码
  </Frame.Nav>
  <Frame.Content>content</Frame.Content>
</Frame>
```

## Props

## `<Frame>`

| Name      | Type       | Description |
| --------- | ---------- | ----------- |
| children  | React.Node |             |
| className | string     |             |
| style     | Object     |             |

## `<Frame.Nav>`

| Name              | Type       | Description                  |
| ----------------- | ---------- | ---------------------------- |
| brand             | React.Node | 侧边栏收起状态下显示的 Icon  |
| children          | React.Node |                              |
| className         | string     |                              |
| expand            | boolean    | (受控)侧边栏的是否展开的状态 |
| onExpand          | () => void | 侧边栏展开关闭回调           |
| onRenderBottomNav | ()=> void  | 底部侧边栏渲染方法           |
| renderTitle       | () => any  | 标题                         |
| showMenu          | boolean    | 是否隐藏菜单                 |
| style             | Object     |                              |

`AppType`:

```
type AppType = {
  name: string,
  code?: string,
  url: string
}
```

`activeName` 和 `activeCode` 取其一即可。

其中 `<Frame.Nav>` 的大部分 props 都来自于 `rsuite-grid-sidebar`，具体的说明及用法可以看 rsuite-grid-sidebar 的[文档](https://git.hypers.com/fe/rsuite-grid-sidebar)

## `<Frame.Content>`

| Name      | Type       | Description |
| --------- | ---------- | ----------- |
| children  | React.Node |             |
| className | string     |             |
| style     | Object     |             |
npm package: @rsuite/responsive-nav
Description: A responsive navigation component based on rsuite navigation enhancements
Author: simonguo.2009@gmail.com
Latest version: 5.0.2

# Responsive Nav

A responsive navigation component based on rsuite navigation enhancements.

## features

- Support for removable tabs.
- Support for automatic folding options when a row can not show all options.

## Installation

```
npm install @rsuite/responsive-nav --save
```

## Usage

```js
import Nav from "@rsuite/responsive-nav";
const App = () => {
  return (
    <Nav>
      <Nav.Item eventKey="A">Item A</Nav.Item>
      <Nav.Item eventKey="B">Item B</Nav.Item>
      <Nav.Item eventKey="C">Item C</Nav.Item>
      <Nav.Item eventKey="D">Item D</Nav.Item>
      <Nav.Item eventKey="E">Item E</Nav.Item>
    </Nav>
  );
};

ReactDOM.render(<App />, mountNode);
```

## Props

`ResponsiveNav` extends all the props of [`Nav`](https://rsuitejs.com/en/components/nav) and also supports:



| Property     | Type`(Default)`  | Description                                 |
| ------------ | ---------------- | ------------------------------------------- |
| moreProps    | object           | More drop-down menu props                   |
| moreText     | React.Node       | More text displayed on the drop-down        |
| onItemRemove | (eventKey)=>void | The callback function when removing options |
| removable    | boolean          | Options can be removed                      |


## License

MIT licensed
npm package: @rsuite/schema-form
Description: Form generation and validation based on schema-typed and rsiute
Author: simonguo.2009@gmail.com
Latest version: 0.0.2

# schema-form

Form generation and validation based on `schema-typed` and `rsiute`.

## Installation

```
npm install @rsuite/schema-form --save
```

## Usage

```js
import SchemaForm from '@rsuite/schema-form';
import { InputNumber, SelectPicker, Schema } from 'rsuite';

const { StringType, NumberType } = Schema.Types;

const Form = SchemaForm([
  {
    key: 'username',
    type: StringType().isRequired('This field is required'),
    label: 'Username'
  },
  {
    key: 'email',
    type: StringType().isEmail('Please enter a valid email address'),
    label: 'Email',
    helpBlock: 'Please enter your company email address'
  },
  {
    key: 'age',
    type: NumberType('Please enter a valid number'),
    label: 'Age',
    componentClass: InputNumber,
    componentProps: {
      autoComplete: 'off',
    }
  },
  {
    key: 'group',
    type: NumberType(),
    label: 'User Group',
    componentClass: SelectPicker,
    componentProps: {
      style: {
        width: 300
      },
      data: [{ value: 1, label: 'Admin' }, { value: 2, label: 'User' }],
    }
  }
]);

ReactDOM.render(<Form />, mountNode);
```

![preview](preview.png)

## Documentation

- [Form examples](https://rsuitejs.com/en/components/form#Examples)
- [Form props](https://rsuitejs.com/en/components/form#Props)

## License

MIT licensed
npm package: @rsuite/tab-nav
Description: A tab component based on rsuite nav enhancements
Author: simonguo.2009@gmail.com
Latest version: 0.0.2

# TabNav

A tab component based on rsuite nav enhancements.

## features

- Support for removable tabs.
- Support for automatic folding options when a row can not show all options.

## Installation

```
npm install @rsuite/tab-nav --save
```

## Usage

```js
import TabNav from "@rsuite/tab-nav";
const App = () => {
  return (
    <TabNav>
      <TabNav.Item eventKey="A">Item A</TabNav.Item>
      <TabNav.Item eventKey="B">Item B</TabNav.Item>
      <TabNav.Item eventKey="C">Item C</TabNav.Item>
      <TabNav.Item eventKey="D">Item D</TabNav.Item>
      <TabNav.Item eventKey="E">Item E</TabNav.Item>
    </TabNav>
  );
};

ReactDOM.render(<App />, mountNode);
```

## Props

`TabNav` extends all the props of [`Nav`](https://rsuitejs.com/en/components/nav) and also supports:



| Property     | Type`(Default)`  | Description                                 |
| ------------ | ---------------- | ------------------------------------------- |
| moreProps    | object           | More drop-down menu props                   |
| moreText     | React.Node       | More text displayed on the drop-down        |
| onItemRemove | (eventKey)=>void | The callback function when removing options |
| removable    | boolean          | Options can be removed                      |


## License

MIT licensed
npm package: @rsuite/timezone-picker
Description: timezone picker
Author: leihancn
Latest version: 0.3.1

# @rsuite/timezone-picker
   时区选择器

[English](README_EN.md) | 中文版

## Installation
```
yarn add @rsuite/timezone-picker
// or use npm
npm i @rsuite/timezone-picker
```


## Usage
```typescript
import TimezonePicker from '@rsuite/timezone-picker';
import '@rsuite/timezone-picker/lib/styles/index.less';

export default () => {
  return (
    <TimeZonePicker />
  );
}
```

## Props

| 属性名称             | 类型`(默认值)`                                                                      | 描述                                 |
| ------------------- | --------------------------------------------------------------------------------- | ------------------------------------ |
| disableGroup        | boolean`(false)`                                                                  | 禁用分组                        |
| icon                | union: SVGSymbol,string,ReactElement                                              | 自定义 value 或者 placeholder 前面的图标 |

此外 TimeZonePicker 还继承了大多数的 [@rsuite/SelectPickerProps](https://rsuitejs.com/zh/components/select-picker/#%3CSelectPicker%3E)

> 注意: TimezonePicker 并不是支持 SelectPicker 所有的属性，以下属性是不支持的。 
> - `data`
> - `valueKey`
> - `labelKey`
> - `groupBy`

## Note
#### PeerDependency
  - react >= 16.8
  - rsuite >= 5.0
npm package: @rsujs/core
Description: <p align="center">     ⚠️ This library is in beta version might be all hooks are not yet ready! we will soon dispatch hooks with bulletproof tests 🚀   </p>
Author: bharatdussa
Latest version: 0.0.36


  <p align="center">
    ⚠️ This library is in beta version might be all hooks are not yet ready! we will soon dispatch hooks with bulletproof tests 🚀
  </p>

  <br />
 

  <p align="center">
   <img src="https://github.com/user-attachments/assets/0dd59f4a-f058-46f8-a6db-015cf9bd2f70" alt="Logo" width="400" height="400" style="border-radius: 50%;" />
  </p>

  ---


![npm](https://img.shields.io/npm/v/react-smart-utils) 
[![Discord](https://img.shields.io/discord/123456789012345678)](https://discord.gg/DTJV27BYwA)

Discord: https://discord.gg/DTJV27BYwA






# React Smart Utils Library

A comprehensive set of utility functions and components designed to streamline development with React and TypeScript. This library helps improve your workflow with reusable components and functions, customizable and extensible to meet the needs of various React projects.

---

- [Docs](https://react-smart-utils.netlify.app/)


## Table of Contents

- [Installation](#installation)
- [Features](#features)
- [Usage](#usage)
- [Example Hooks](#example-hooks)
- [Available Hooks](#available-hooks)
- [Contributing](#contributing)
- [Code Style Guidelines](#code-style-guidelines)
- [Roadmap](#roadmap)
- [License](#license)

---

## Installation

To install the React Smart Utils library, use npm or yarn:


```bash
npm install react-smart-utils
```
  or 
 
```bash
yarn add react-smart-utils
```
---

## Features

- **Custom Hooks**: Reusable React hooks to solve common use cases.
- **Utility Functions**: Handy utilities to simplify everyday coding tasks.
- **TypeScript Support**: Fully typed with TypeScript for a smooth developer experience.
- **Tree-shakable**: Only include what you need, minimizing bundle size.

---




## Contributing

We welcome contributions! Please follow the instructions below to set up the project for development and make your contributions.

1. **Fork the repository**on GitHub.
2. **Clone your forked repository**:

```bash
   git clone https://github.com/your-username/react-smart-utils.git
   cd react-smart-utils
```
   
   
3.**Create a new branch for your feature:**

```bash
git checkout -b feature/my-new-feature
```


4. **Make your changes, then commit and push:**

```bash
git commit -m "Add new feature"
git push origin feature/my-new-feature
```

**Submit a Pull Request with a detailed explanation of your changes.**
npm package: @rsurfings/app-logs
Description: app-logs ========
Author: ronaldo
Latest version: 2.0.5

app-logs
========


[![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
[![Version](https://img.shields.io/npm/v/app-logs.svg)](https://npmjs.org/package/app-logs)
[![Downloads/week](https://img.shields.io/npm/dw/app-logs.svg)](https://npmjs.org/package/app-logs)
[![License](https://img.shields.io/npm/l/app-logs.svg)](https://github.com/ronaldo/app-logs/blob/master/package.json)

<!-- toc -->
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @rsurfings/app-logs
$ app:logs COMMAND
running command...
$ app:logs (-v|--version|version)
@rsurfings/app-logs/2.0.4 linux-x64 node-v10.16.0
$ app:logs --help [COMMAND]
USAGE
  $ app:logs COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`app:logs filter [URL] [USERNAME] [PASSWORD]`](#applogs-filter-url-username-password)
* [`app:logs help [COMMAND]`](#applogs-help-command)

## `app:logs filter [URL] [USERNAME] [PASSWORD]`

filter ELK Logs

```
USAGE
  $ app:logs filter [URL] [USERNAME] [PASSWORD]

OPTIONS
  -a, --app=app                  app name
  -c, --name=name                image name
  -e, --environment=environment  (required) environment name
  -f, --force
  -h, --help                     show CLI help
  -s, --size=size                [default: 1000] result size(limit)
  -t, --id=id                    container ID
```

_See code: [src/commands/filter.ts](https://github.com/rsurfings/app-logs/blob/v2.0.4/src/commands/filter.ts)_

## `app:logs help [COMMAND]`

display help for app:logs

```
USAGE
  $ app:logs help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v2.2.2/src/commands/help.ts)_
<!-- commandsstop -->
npm package: @rsurfings/applogs
Description: filter ELK Logs
Author: ronaldo
Latest version: 1.0.0

applogs
=======

filter ELK Logs

[![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io)
[![Version](https://img.shields.io/npm/v/applogs.svg)](https://npmjs.org/package/@rsurfings/applogs)
[![Downloads/week](https://img.shields.io/npm/dw/applogs.svg)](https://npmjs.org/@rsurfings/package/applogs)
[![License](https://img.shields.io/npm/l/applogs.svg)](https://github.com/rsurfings/applogs/blob/master/package.json)

<!-- toc -->
* [Usage](#usage)
* [Commands](#commands)
<!-- tocstop -->
# Usage
<!-- usage -->
```sh-session
$ npm install -g @rsurfings/applogs
$ app:logs COMMAND
running command...
$ app:logs --help [COMMAND]
USAGE
  $ app:logs COMMAND
...
```
<!-- usagestop -->
# Commands
<!-- commands -->
* [`app:logs [URL] [USERNAME] [PASSWORD]`](#applogs-url-username-password)
* [`app:logs help [COMMAND]`](#applogs-help-command)

## `app:logs [URL] [USERNAME] [PASSWORD]`

filter ELK Logs

```
USAGE
  $ app:logs [URL] [USERNAME] [PASSWORD]

OPTIONS
  -a, --app=app                  app name
  -c, --name=name                image name
  -e, --environment=environment  (required) environment name
  -f, --force
  -h, --help                     show CLI help
  -s, --size=size                [default: 1000] result size(limit)
  -t, --id=id                    container ID
```

_See code: [src/index.ts](https://github.com/rsurfings/applogs/blob/v2.0.5/src/index.ts)_

## `app:logs help [COMMAND]`

display help for app:logs

```
USAGE
  $ app:logs help [COMMAND]

ARGUMENTS
  COMMAND  command to show help for

OPTIONS
  --all  see all commands in CLI
```

_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v2.2.2/src/commands/help.ts)_
<!-- commandsstop -->
npm package: @rsurjano/emoji-cz
Description: Un adaptador emoji para commitizen en español.
Author: Roy Surjano
Latest version: 0.12.0

# emoji-cz

> :sparkles: Un [adaptador](http://npm.im/emoji-cz) con emoji para commitizen.

[![NPM](https://nodei.co/npm/emoji-cz.png?downloads=true&stars=true)](https://nodei.co/npm/emoji-cz/)

```
? Selecciona el tipo de cambio que estas enviando: (Use arrow keys)
❯ ✨  Feat:      Una nueva característica
  🐛  Fix:       Una corrección de error
  📚  Docs:      Cambios solamente en documentación
  🎨  Style:     Cambios que no afectan el código.
  🔨  Refactor:  Un cambio de código que no corrige un error ni agrega una característica
  🚀  Perf:      Un cambio de código que mejora el rendimiento.
  🚨  Test:      Agregar pruebas faltantes o corregir pruebas existentes
```

## Demo

Solo mira el historial de confirmaciones :point_up:

## Instalation

```
yarn global add @rsurjano/emoji-cz
# O
# npm install --global @rsurjano/emoji-cz

establecer como adaptador predeterminado globalmente
echo '{ "path": "emoji-cz" }' > ~/.czrc
```

## Uso

Simplemente use `git cz` en lugar de`git commit` cuando se comprometa. Ver el documento de [Commitizen](https://github.com/commitizen/cz-cli) para más información.

## Configuraciones

Puede sobrescribir la configuración de 3 formas diferentes, aplicará la configuración en este orden:

1. `package.json`
2. `.cz.json`
3. `.czrc`

```js
// in package.json
"config": {
  "commitizen": {
    // ...
    "emoji-cz": {
      // Overwrite types prompted to the command line.
      "types": {
        "Fix": {
          "emoji": "🐝", // overwrite "Fix" emoji to a bee
          "name": "Bug", // overwrite "Fix" name to "Bug"
          "description": "Dirty bug" // overwrite description of "Fix"
        },
        // add a new type "Chore"
        "Chore": {
          "emoji": "❓",
          "description": "Other changes that don't modify src or test files"
        }
      },

      // Overwrite the output commit subject in the specified format.
      // Below is the default format,
      // [emoji] will be replace with the chose type's emoji,
      // [name] will be replace with the chose type's name,
      // [subject] will be replace with the subject you entered.
      // One example output of the format can be: `✨ Feat: initial commit`
      "format": "[emoji] [name]: [subject]"
    }
  }
}

// in .cz.json or .czrc
{
  "emoji-cz": {
    //...
  }
}
```

## Autor

Roy Surjano <roy@surjano.xyz>

## Licencia

[MIT](LICENSE)
npm package: @rsusanto/prettier-config
Description: Prettier shareable configuration for my personal projects.
Author: Rudy Susanto
Latest version: 1.0.0

# `@rsusanto/prettier-config`

Prettier shareable configuration for my personal projects.

## Installation

```bash
npm install --save-dev prettier @prettier/plugin-php @rsusanto/prettier-config
```

## Usage

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@rsusanto/prettier-config"
}
```
npm package: @rsvelte/vite-plugin-svelte
Description: The official [Svelte](https://svelte.dev) plugin for [Vite](https://vitejs.dev).
Author: baseballyama
Latest version: 0.2.0

# @sveltejs/vite-plugin-svelte

The official [Svelte](https://svelte.dev) plugin for [Vite](https://vitejs.dev).

## Usage

```js
// vite.config.js
import { defineConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';

export default defineConfig({
  plugins: [
    svelte({
      /* plugin options */
    })
  ]
});
```

## Documentation

- [Plugin options](../../docs/config.md)
- [FAQ](../../docs/faq.md)

## License

[MIT](./LICENSE)
npm package: @rsw/chasm
Description: chasm 💖 rust + webGL
Author: lencx
Latest version: 0.1.3

# @rsw/chasm

## Usage

```bash
npm install @rsw/chasm
# or
yarn add @rsw/chasm
```

```js
import init, { chasm } from '@rsw/chasm';

chasm('canvas_id');
```

## Examples

* [Demo](https://github.com/lencx/learn-wasm)

![1](https://raw.githubusercontent.com/rwasm/rsw-chasm/main/assets/1.png)\
![2](https://raw.githubusercontent.com/rwasm/rsw-chasm/main/assets/2.png)\
![3](https://raw.githubusercontent.com/rwasm/rsw-chasm/main/assets/3.png)\
![4](https://raw.githubusercontent.com/rwasm/rsw-chasm/main/assets/4.png)
npm package: @rsw/cli
Description: 🦞 wasm-pack based build tool
Author: lencx
Latest version: 0.7.24

# @rsw/cli

## Pre-installed

- [rust](https://www.rust-lang.org/learn/get-started)
- [nodejs](https://nodejs.org)
- [wasm-pack](https://github.com/rustwasm/wasm-pack)

## Quick start

```bash
# https://github.com/lencx/create-mpl
# npm 6.x
npm init mpl@latest my-app --type wasm

# npm 7+, extra double-dash is needed:
npm init mpl@latest my-app -- --type wasm
```

---

## Usgae

```bash
# install
npm install -g @rsw/cli
```

```bash
# help
rsw -h

# rsw.toml - initial configuration
rsw init

# generate a wasm project
rsw new <name>

# dev mode
rsw watch

# release mode
rsw build

# clean - link & build
rsw clean
```

[rsw docs](https://github.com/lencx/rsw-rs/blob/main/README.md)
npm package: @rswap-lib/uikit
Description: Set of UI components for rimauswap projects
Latest version: 1.0.0

# 🥞 RimauSwap UIkit

[![Version](https://img.shields.io/npm/v/@rimauswap-libs/uikit)](https://www.npmjs.com/package/@rimauswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@rimauswap-libs/uikit)](https://www.npmjs.com/package/@rimauswap-libs/uikit)

RiamuSwap UIkit is a set of React components and hooks used to build pages on RimauSwap's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @rimauswap-libs/uikit`

## Setup

### Theme

Before using RimauSwap UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@rimauswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@riamuswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @rswap-sdk/sdk
Description: 🛠 An SDK for building applications on top of Rimauswap.
Latest version: 1.0.0

# Rimauswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
# git clone https://github.com/rimauswap/rimauswap-sdk.git
```

Move into the rimauswap-sdk working directory

```sh
cd rimauswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @rswap/sdk
Description: 🛠 An SDK for building applications on top of Rimauswap.
Latest version: 1.0.0

# Rimauswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
# git clone https://github.com/rimauswap/rimauswap-sdk.git
```

Move into the rswap-sdk working directory

```sh
cd rswap-sdk/
```

Install dependencies

```sh
npm install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @rswap/uikit
Description: Set of UI components for rimau projects
Latest version: 2.0.3

# 🥞 RimauSwap UIkit

[![Version](https://img.shields.io/npm/v/@rimauswap-libs/uikit)](https://www.npmjs.com/package/@rimauswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@rimauswap-libs/uikit)](https://www.npmjs.com/package/@rimauswap-libs/uikit)

RimauSwap UIkit is a set of React components and hooks used to build pages on RimauSwap's apps. It also contains a theme file for dark and light mode.

## Install

`npm i @rswap-libs/uikit`

## Setup

### Theme

Before using RimauSwap UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@rswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@rswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://docs-en.rimauswap.finance/)
npm package: @rswisteria/react-use-media-query
Description: React custom hooks for using media query
Author: TOYOTA, Yoichi
Latest version: 1.0.4

# useMediaQuery

`useMediaQuery` hook tracks state of current CSS media query.

## Hook

### Arguments

`mediaQueryList: Array<string>`: The lists of css media query string.

### Returns

`string`: The current css media query string which is selected from passed arguments.

## Example

```jsx
import { useMemo } from 'react'
import 'useMediaQuery' from '@rswisteria/react-use-media-query'

const QUERY_SP = "(max-width: 767px)"
const QUERY_PC = "(min-width: 768px)"

const Comp = (props) => {
  const query = useMediaQuery([QUERY_SP, QUERY_PC])
  const text = useMemo(() => {
    switch(query) {
      case QUERY_SP:
        return "Smartphone"
      case QUERY_PC:
        return "PC"
    }
  }, [query])

  return <span>Current media is {text}.</span>
}

export default Comp
```
npm package: @rsxemu/fuze-lib
Description: Fuze Core Library
Latest version: 1.0.11-dev

# Fuze Core Library

## IO

### BitBuffer

Dynamically expanding bit set based on Uint8Array. Useful for reading/writing streams of bits with variable integer length values and boolean flag support.

### SuperBuffer

The last `Uint8Array` wrapper you'll ever need for reading and writing a stream of bytes in Node.JS! Handles endianness, signing, obfuscation, and variable width integer types, and other custom data types.

## Core

### Functions

Formatting text, binary strings, utility functions, etc.

### MonkeyJSON

Allows for `BigInt` being encoded and decoded via overrding `JSON.parse()` and `BigInt.toJSON()`

## Graphics

### ColorMap

Generates the color pallette referred to by assets, exporting a function to generate the color map as well as the color map as a constant based on that function.

### AdjustBrightness

Adjusts brightness to an RGB encoded number by an intensity factor using `Math.pow`.
npm package: @rsxlv/nodeexp
Description: A package for replacing text in multiple files.
Author: Roberts Slisans
Latest version: 1.0.1

# NodeExp (Node.js Regular Expressions)

A simple command line tool for replacing text in files using regular expressions. 

## Requirements
- Node.js 
- yarn

## Installation
`npx @rsxlv/nodeexp`
`npm install @rsxlv/nodeexp`
`yarn add @rsxlv/nodeexp`

## Usage
The tool can be run by executing the following command in the terminal:
`./npx <regexp> <replace> <files...>`

where `<regexp>` is the regular expression pattern to match, `<replace>` is the text to replace the matches with, and `<files...>` is a list of file paths to process.

## Examples
`npx @rsxlv/nodeexp "world" "universe" file1.txt file2.txt`

This command will replace all occurrences of "world" with "universe" in the files `file1.txt` and `file2.txt`.

## As a library
To import the replaceInFiles function from this project, you can use the following syntax:
```js
import { replaceInFiles } from "@rsxlv/nodeexp/dist";

replaceInFiles(regexp, newString, files);
```
npm package: @rsxlv/ramda-personal-adjunct
Description: One liners that I have typed one too many times
Latest version: 1.9.0

# Ramda Personal Adjunct
`npm install --save @rsxlv/ramda-personal-adjunct`
[![Npm Version](https://img.shields.io/npm/v/@rsxlv/ramda-personal-adjunct.svg)](https://www.npmjs.com/package/@rsxlv/ramda-personal-adjunct)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)

One liners that I have typed one too many times
As well as some obscure one liners that I don't want to look up or write again.