open-index/open-npm huggingface dataset:
npm package: @najihmld/expo-fs-storage
Description: An persistent, key-value storage system for React Native Expo, which does not have size limitations of @react-native-async-storage/async-storage
Author: Najih Mld
Latest version: 1.0.8

# @najihmld/expo-fs-storage

An persistent, key-value storage system for React Native Expo, which does not have size limitations of @react-native-async-storage/async-storage

## Installation

With npm:

```bash
npm install @najihmld/expo-fs-storage
```

With Yarn:

```bash
yarn add @najihmld/expo-fs-storage
```

With Expo CLI:

```bash
npx expo install @najihmld/expo-fs-storage
```

## Usage

**ExpoFsStorage** can only store `string` data. In order to store object data,
you need to serialize it first. For data that can be serialized to JSON, you can
use `JSON.stringify()` when saving the data and `JSON.parse()` when loading the
data.

### Importing

```js
import ExpoFsStorage from "@najihmld/expo-fs-storage";
```

### Storing data

`setItem()` is used both to add new data item (when no data for given key
exists), and to modify existing item (when previous data for given key exists).

#### Storing string value

```jsx
const storeData = async (value) => {
  try {
    await ExpoFsStorage.setItem("my-key", value);
  } catch (e) {
    // saving error
  }
};
```

#### Storing object value

```jsx
const storeData = async (value) => {
  try {
    const jsonValue = JSON.stringify(value);
    await ExpoFsStorage.setItem("my-key", jsonValue);
  } catch (e) {
    // saving error
  }
};
```

### Reading data

`getItem` returns a promise that either resolves to stored value when data is
found for given key, or returns `null` otherwise.

#### Reading string value

```jsx
const getData = async () => {
  try {
    const value = await ExpoFsStorage.getItem("my-key");
    if (value !== null) {
      // value previously stored
    }
  } catch (e) {
    // error reading value
  }
};
```

#### Reading object value

```jsx
const getData = async () => {
  try {
    const jsonValue = await ExpoFsStorage.getItem("my-key");
    return jsonValue != null ? JSON.parse(jsonValue) : null;
  } catch (e) {
    // error reading value
  }
};
```

### Remove data

Removes item for a `key`, invokes (optional) callback once completed.

```js
const removeData = async () => {
  try {
    await ExpoFsStorage.removeItem("my-key");
  } catch (e) {
    // remove error
  }

  console.log("Done.");
};
```

## Using zustand for persist your store's data

```js
import ExpoFsStorage from "@najihmld/expo-fs-storage";
import { create } from "zustand";
import { persist, createJSONStorage } from "zustand/middleware";

const useFishStore = create(
  persist(
    (set, get) => ({
      fishes: 0,
      addAFish: () => set({ fishes: get().fishes + 1 }),
    }),
    {
      name: "expo-storage", // name of the item in the storage (must be unique)
      storage: createJSONStorage(() => ExpoFsStorage),
    }
  )
);

export default useFishStore;
```
npm package: @najishab/dexrzuikit
Description: Set of UI components for pancake projects
Author: NajiShab
Latest version: 0.0.2

# 🥞 DEXRZ UIKIT ( Develop By Naji Shab)

[![Version](https://img.shields.io/npm/v/@najishab/dexrzuikit)](https://www.npmjs.com/package/@najishab/dexrzuikit) [![Size](https://img.shields.io/bundlephobia/min/@najishab/dexrzuikit)](https://www.npmjs.com/package/@najishab/dexrzuikit)

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

[TELEGRAM](https://t.me/naji_shab/)

## Install

`yarn add @najishab/dexrzuikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@najishab/dexrzuikit'
...
<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: @najwer23snacks/button
Description: This project features a simple and reusable button component built with React, TypeScript and CSS module. The button is designed to be accessible and customizable, making it suitable for various applications.
Author: Mariusz Najwer
Latest version: 1.3.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

This project features a simple and reusable button component built with React, TypeScript and CSS module. The button is designed to be accessible and customizable, making it suitable for various applications.

# Install

```js
yarn add @najwer23snacks/button --dev
```

```js
npm install @najwer23snacks/button --save-dev
```

# Example

```typescript
import { Button } from "@najwer23snacks/button";

export const Example = () => {
    const handleClick = () => {
        console.log("Button clicked!");
    };

    return (
        <Button onClick={handleClick}>
            Click!
        </Button>
    );
}
```

# CSS tokens

```css
:root {
  /* Fonts */
  --n23snack-font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
    Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

  /* Button */
  --n23snack-button-bg-color: #00a76f;
  --n23snack-button-bg-color-hover: #007867;
  --n23snack-button-bg-color-active: #004b50;
  --n23snack-button-bg-color-focus: #00b8d9;
  --n23snack-button-bg-color-disabled: #919eab;
  --n23snack-button-font-color: #ffffff;
  --n23snack-button-font-size: 18px;
  --n23snack-button-font-weight: 700;
  --n23snack-button-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
```

# Let's connect!

[![dev.to badge](https://img.shields.io/badge/-Portfolio-%239F2B68?style=flat&logo=GoogleChrome&logoColor=white)](https://najwer23.github.io/)
[![dev.to badge](https://img.shields.io/badge/-Résumé-%23017745?style=flat&logo=AdobeAcrobatReader&logoColor=white)](https://najwer23.github.io/resume/)
[![twitter badge](https://img.shields.io/badge/-najwer23-%231FA1F1?style=flat&logo=x&logoColor=white)](https://twitter.com/najwer23)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%230177B5?style=flat&logo=linkedin)](https://www.linkedin.com/in/najwer23)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%23ffffff?style=flat&logo=Leetcode)](https://leetcode.com/najwer23/)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%23cb3837?style=flat&logo=Npm)](https://www.npmjs.com/~najwer23)
npm package: @najwer23snacks/textbox
Description: The TextBox component is a flexible and reusable React component designed to render various types of text elements, including headings (h1, h2, h3), paragraphs (p), and links (a). It allows for easy customization of text elements while maintaining consist
Author: Mariusz Najwer
Latest version: 1.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

The TextBox component is a flexible and reusable React component designed to render various types of text elements, including headings (h1, h2, h3), paragraphs (p), and links (a). It allows for easy customization of text elements while maintaining consistent styling across the application

# Install

```js
yarn add @najwer23snacks/textbox --dev
```

```js
npm install @najwer23snacks/textbox --save-dev
```

# Example

```typescript
import { TextBox } from "@najwer23snacks/textbox";

export const Example = () => {

    return (
        <TextBox tag={"h3"}>hello</TextBox>
    );
}
```

# CSS tokens

```css
:root {
  /* Fonts */
  --n23snack-font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
    Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

  /* TextBox */
  --n23snack-textbox-h1-font-color: black;
  --n23snack-textbox-h2-font-color: black;
  --n23snack-textbox-h3-font-color: black;
  --n23snack-textbox-p-font-color: black;
  --n23snack-textbox-a-font-color: orange;
  --n23snack-textbox-a-font-color-hover: orangered;
}
```

# Let's connect!

[![dev.to badge](https://img.shields.io/badge/-Portfolio-%239F2B68?style=flat&logo=GoogleChrome&logoColor=white)](https://najwer23.github.io/)
[![dev.to badge](https://img.shields.io/badge/-Résumé-%23017745?style=flat&logo=AdobeAcrobatReader&logoColor=white)](https://najwer23.github.io/resume/)
[![twitter badge](https://img.shields.io/badge/-najwer23-%231FA1F1?style=flat&logo=x&logoColor=white)](https://twitter.com/najwer23)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%230177B5?style=flat&logo=linkedin)](https://www.linkedin.com/in/najwer23)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%23ffffff?style=flat&logo=Leetcode)](https://leetcode.com/najwer23/)
[![dev.to badge](https://img.shields.io/badge/-najwer23-%23cb3837?style=flat&logo=Npm)](https://www.npmjs.com/~najwer23)
npm package: @nakagam3/teresa
Description: Teresa is an automated sanitization library inspired by Cleve.js.
Author: nakagam3
Latest version: 0.1.0

# Teresa
Cleave.jsにインスパイアされた「自動サニタイズ」ライブラリ。

## License
This software includes the work that is distributed in the Apache License 2.0.
このソフトウェアは、 Apache 2.0ライセンスで配布されている製作物が含まれています。
- Cleave.js is licensed under the Apache License Version 2.0
npm package: @nakala-lang/nakjs
Description: JS bindings (via WASM) for the Nakala programming language
Latest version: 0.2.0

# nakjs

JS Bindings for the Nakala programming language interpreter, written in Rust. 

<p align="center">
  <img src="https://github.com/nakala-lang/nakala/raw/main/assets/new_logo.png" width=500 />
</p>

> Note: This is extremely WIP


[Visit here](https://github.com/nakala-lang/nakala) to learn more about nakala

## Devlopment

[Follow this tutorial](https://developer.mozilla.org/en-US/docs/WebAssembly/Rust_to_wasm)

## Publishing

```console
wasm-pack build --target bundler
cd pkg
npm publish
```
npm package: @nakamotofinance/sdk
Description: 🛠 An SDK for building applications on top of nkt.
Latest version: 0.0.1

# Pancakeswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/pancakeswap/pancakeswap-sdk/workflows/CI/badge.svg)](https://github.com/pancakeswap/pancakeswap-sdk)
[![npm version](https://img.shields.io/npm/v/@pancakeswap-lib/sdk/latest.svg)](https://www.npmjs.com/package/@pancakeswap-lib/sdk/v/latest)

## 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/pancakeswap/pancakeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-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: @nakamotofinance/sdk-pcs
Description: 🛠 An SDK for building applications on top of nkt.
Latest version: 0.0.1

# Pancakeswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/pancakeswap/pancakeswap-sdk/workflows/CI/badge.svg)](https://github.com/pancakeswap/pancakeswap-sdk)
[![npm version](https://img.shields.io/npm/v/@pancakeswap-lib/sdk/latest.svg)](https://www.npmjs.com/package/@pancakeswap-lib/sdk/v/latest)

## 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/pancakeswap/pancakeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-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: @nakamotofinance/uikit
Description: Set of UI components for pancake projects
Latest version: 0.0.1

# 🥞 Nakamoto UIkit

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

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

## Install

`yarn add @nakamotofinance/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@nakamotofinance/uikit'
...
<ResetCSS />
```
npm package: @nakamura.now/ui-kit
Description: **Version 2.0.0** [Changelog](CHANGELOG.md)
Author: Developer.Mironenko
Latest version: 2.1.0

# [@NAKAMURA.NOW/UI KIT](https://reactjs.org/) &middot; ![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)
**Version 2.0.0** [Changelog](CHANGELOG.md)
npm package: @nakamura196/ethers-i18n
Description: Internationalization plugin for ethers.js error messages
Latest version: 0.1.0

# ethers-i18n

Internationalization (i18n) plugin for ethers.js error messages.

ethers.js のエラーメッセージを多言語化するプラグイン。

## Features

- Non-breaking: works alongside existing ethers.js
- Easy to add new languages
- TypeScript support
- Currently supports: English, Japanese (日本語), Korean (한국어, stub), Chinese (中文, stub)

## Installation

```bash
npm install ethers-i18n ethers
```

## Usage

```typescript
import { ethers } from "ethers";
import { setLocale, wrapProvider } from "ethers-i18n";

// ロケールを日本語に設定
setLocale("ja");

// プロバイダーをラップ
const provider = wrapProvider(ethers.getDefaultProvider("mainnet"));

// エラーが日本語で表示される
try {
  await provider.getBalance("invalid-address");
} catch (e) {
  console.error(e.message);
  // "無効なアドレスです: invalid-address"
}
```

## Supported Error Codes

| Error Code | English | 日本語 |
|-----------|---------|--------|
| INVALID_ARGUMENT | invalid argument | 無効な引数です |
| MISSING_ARGUMENT | missing argument | 引数が不足しています |
| UNEXPECTED_ARGUMENT | unexpected argument | 予期しない引数です |
| CALL_EXCEPTION | call exception | コントラクト呼び出しに失敗しました |
| INSUFFICIENT_FUNDS | insufficient funds | 残高が不足しています |
| NETWORK_ERROR | network error | ネットワークエラーが発生しました |
| SERVER_ERROR | server error | サーバーエラーが発生しました |
| TIMEOUT | timeout | タイムアウトしました |
| NONCE_EXPIRED | nonce expired | ノンスが期限切れです |
| UNPREDICTABLE_GAS_LIMIT | unpredictable gas limit | ガスリミットを推定できません |

## Adding a New Language

```typescript
// src/locales/fr.ts
import { LocaleMessages } from "../types";

export const fr: LocaleMessages = {
  INVALID_ARGUMENT: "argument invalide",
  MISSING_ARGUMENT: "argument manquant",
  // ...
};
```

## License

MIT