open-index/open-npm huggingface dataset:
npm package: @raiderb/frac_json
Description: A binary JSON encoding optimized for small storage size.
Latest version: 0.1.5

# Fractured Binary JSON

A binary JSON encoding optimized for small storage size.

For more information, see [here](https://github.com/ArthurHeitmann/fractured_binary_json.git).

## Usage

```TypeScript
import { encode, decode, keysTableFromJson } from '@raiderb/frac_json';

// basic usage
const encodedObject = encode({ key1: "value" });
const decodedObject = decode(encodedObject);

// with compression
const largeObject = { /* ... */ };
const encodedObject2 = encode(largeObject, { compressionLevel: 3 });

// with keys table
const keysTable = keysTableFromJson(largeObject); // one time only, save this to a file
// const keysTable = keysTableFromKeys(["key", "key1", "key2", "key3"]); // or generate from keys
const encodedObject3 = encode(largeObject, { globalKeysTableBytes: keysTable });
```

## Functions

```TypeScript

// Encode a JSON object (object, array, string, number, boolean, null) to a Buffer.
function encode(
	value: any,
	encodeOptions?: EncodeOptions
): Buffer
interface EncodeOptions {
	// bytes of an external keys table
	// to generate a keys table from keys, use keysTableFromKeys or keysTableFromJson
	globalKeysTableBytes?: Buffer
	// compression level for zstandard. 1-22. Default is 3.
	compressionLevel?: number
	// pre trained zstandard dictionary
	zstdDict?: Buffer
}

// Decode a Buffer to a JSON object (object, array, string, number, boolean, null).
function decode(
	fracJsonBytes: Buffer,
	decodeOptions?: DecodeOptions
): any
interface DecodeOptions {
	// bytes of an external keys table
	globalKeysTableBytes?: Buffer
	// pre trained zstandard dictionary
	zstdDict?: Buffer
}

// Generate a keys table from a list of unique keys.
// To improve performance during encoding, keys should be sorted by frequency of occurrence.
function keysTableFromKeys(
	keys: Array<string>
): Buffer

// Generate a keys table from a JSON object.
function keysTableFromJson(
	// object to recursively extract keys from
	obj: any,
	// maximum number of keys to extract
	maxCount?: number,
	// minimum number of occurrences for a key to be included
	occurrenceCutoff?: number
): Buffer
```
npm package: @raiderb/frac_json-darwin-x64
Description: This is the **x86_64-apple-darwin** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-darwin-x64`

This is the **x86_64-apple-darwin** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-linux-arm64-gnu
Description: This is the **aarch64-unknown-linux-gnu** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-linux-arm64-gnu`

This is the **aarch64-unknown-linux-gnu** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-linux-arm64-musl
Description: This is the **aarch64-unknown-linux-musl** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-linux-arm64-musl`

This is the **aarch64-unknown-linux-musl** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-linux-ia32-gnu
Description: This is the **i686-unknown-linux-gnu** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-linux-ia32-gnu`

This is the **i686-unknown-linux-gnu** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-linux-x64-gnu
Description: This is the **x86_64-unknown-linux-gnu** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-linux-x64-gnu`

This is the **x86_64-unknown-linux-gnu** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-linux-x64-musl
Description: This is the **x86_64-unknown-linux-musl** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-linux-x64-musl`

This is the **x86_64-unknown-linux-musl** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-win32-arm64-msvc
Description: This is the **aarch64-pc-windows-msvc** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-win32-arm64-msvc`

This is the **aarch64-pc-windows-msvc** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-win32-ia32-msvc
Description: This is the **i686-pc-windows-msvc** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-win32-ia32-msvc`

This is the **i686-pc-windows-msvc** binary for `@raiderb/frac_json`
npm package: @raiderb/frac_json-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@raiderb/frac_json`
Latest version: 0.1.5

# `@raiderb/frac_json-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@raiderb/frac_json`
npm package: @raidguild/design-system
Description: ## Usage
Author: Raid Guild
Latest version: 0.5.9

# Raid Guild Design System User Guide

## Usage

1. `npm -i @raidguild/design-system`
2. `import { RGThemeProvider } from @raidguild/design-system`
3. wrap `<App />` in `<RGThemeProvider> </RGThemeProvider>`
4. in rest of app for instance use `import { Button } from @raidguild/design-system`

We recommend using the `RGThemeProvider` which automatically provides the Raid Guild theme as well. In case you prefer finer control over the styling, `ChakraProvider` and `theme` are also available via this package.

# Contributing to the Raid Guild Design System

## Running the Storybook to see components and theme in the browser

1. fork and clone the repo
2. `yarn install`
3. `yarn build-storybook`
4. `yarn storybook`

On http://localhost:6006/ you'll see the components built in the [storybook](https://storybook.js.org/).

## Prettier

If you do not already use [Prettier](https://prettier.io/), please add Prettier to your text editor. Prettier allows us to have consistent formatting without having to think much about it.
npm package: @raidguild/quiver
Author: Raid Guild
Latest version: 0.10.0

# Quiver

A collection of React hooks and components, making it easy to develop frontends for Ethereum dApps, especially for first time web3 frontend developers. Quiver Aims to decrease the time it takes to integrate from 15 hours to 2 hours.

## Features

- Powered by the popular [ethers](https://ethers.org/) package, which handles all ethereum functionality.
- Built-in support for connecting to wallets using [Web3Modal](https://github.com/Web3Modal/web3modal).
- Full support for TypeScript out of the box, including fully-typed contracts with [TypeChain](https://github.com/dethcrypto/TypeChain).

## Hidden Nuggets

Quiver comes with many useful features that are otherwise configured by developers all the time.

- Auto-update values when reading from the contract
- Use static provider without needing to connect to wallet and automatically switch to wallet provider once connected.
- Cache provider will automatically connect to wallet, but it wont if user's Metamask is locked
- ENS Integrations
- Gnosis Safe Apps Integration
- Common contracts are already included in quiver (ERC20 and ERC721)
- Works with Create React App and Next.js and possibly other React frameworks

## Requirements

- ethers
- react >= 16
- web3modal

Docs can be found at https://raid-guild.github.io/quiver/

## Thanks

Heavily inspired by [Ethereal React](https://github.com/kesne/ethereal-react)
npm package: @raidguild/use-chiev
Description: use chiev nft info
Author: dekanbro
Latest version: 0.0.3

# use-chiev

> use chiev nft info

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

## Install

```bash
yarn add @raidguild/use-chiev
```

## Usage

```jsx
import React, { Component } from 'react'
import { useChievHook } from '@raidguild/use-chiev';

const Example = () => {
  const { clones, getURI, numTokenOfGen0 } = useChievHook();
  useEffect(() => {
    const getOnChainData = async () => {
      const count = await numTokenOfGen0(
        "<eth address>",
        1
      );
      const uri = await getURI(1);

    };
    getOnChainData();
    // eslint-disable-next-line
  }, []);

  return (
      <div>
      <h1>Chiev Token Hook</h1>
      <p>clones.usersTokens has a lits of NFT owners and the tokens they own</p>
      <p>getURI will return the meta data uri from any token id</p>
      <p>numTokenOfGen0 will return the count of clones for a user for a gen0</p>
      </div>
  )
}
```

## License

MIT © [dekanbro](https://github.com/dekanbro)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @raidorev/eslint-config
Description: Strict ESLint config for my projects
Author: Alexander Titov
Latest version: 2.0.0

# My ESLint configuration for TypeScript/Vue projects

This is my personal ESLint configuration for TypeScript/Vue projects. It uses quite a few plugins and have pretty strict rules.

## Installation

```bash
npm install --save-dev eslint prettier typescript @raidorev/eslint-config
```

```bash
yarn add --save-dev eslint prettier typescript @raidorev/eslint-config
```

```bash
pnpm add --save-dev eslint prettier typescript @raidorev/eslint-config
```

## Usage

In this configuration, the parserOptions.project is set to `./tsconfig.eslint.json` to allow typescript-eslint to work with TypeScript's type checking APIs. Here's an example of what this file might look like:

```json
{
  "extends": "./tsconfig.json",
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "vite.config.ts",
    ".eslintrc.cjs",
    "stylelint.config.cjs"
  ]
}
```

Once you have created this file, you can extend the configuration in your ESLint config file like this:

```js
module.exports = {
  extends: ["@raidorev"],
};
```

## Plugins

This configuration uses the following plugins:

- [typescript-eslint](https://typescript-eslint.io): Provides additional rules specific to TypeScript, as well as the ability to use TypeScript's type checking APIs.
- [eslint-plugin-vue](https://eslint.vuejs.org): Supports linting for Vue.js code.
- [eslint-plugin-prettier](https://www.npmjs.com/package/eslint-plugin-prettier) with [eslint-config-prettier](https://www.npmjs.com/package/eslint-config-prettier): Prettier integration.
- [eslint-plugin-import](https://www.npmjs.com/package/eslint-plugin-import): Rules for import/export usage. My favorite rule is 'import/order', which enforces a consistent order for imports. I use the following order: builtin, external, internal, parent, sibling, index, object, type, unknown. `@/**` alias is marked as internal import.
- [eslint-plugin-promise](https://www.npmjs.com/package/eslint-plugin-promise): Provides rules for working with Promises.
- [eslint-plugin-regexp](https://www.npmjs.com/package/eslint-plugin-regexp): Provides rules for working with regular expressions.
- [eslint-plugin-sonarjs](https://www.npmjs.com/package/eslint-plugin-sonarjs): Provides additional rules for code quality and maintainability, based on the [SonarQube](https://www.sonarsource.com/products/sonarqube/features/code-quality) project.
- [eslint-plugin-unicorn](https://www.npmjs.com/package/eslint-plugin-unicorn): More rules for code quality and maintainability.
npm package: @raidou/biome-config
Description: Biome configuration for JavaScript/TypeScript and React projects
Author: Weirong Xu
Latest version: 0.0.2

# @raidou/biome-config

Biome configuration for JavaScript/TypeScript and React projects.

## Install

```bash
npm install @raidou/biome-config
# or
pnpm add @raidou/biome-config
```

## Usage

Create a `biome.json` file in your project root that extends this configuration:

```json
{
  "extends": "@raidou/biome-config"
}
```
npm package: @raidou/eslint-config-base
Description: ``` npm install @raidou/eslint-config-base ```
Latest version: 4.4.3

# Personal Eslint rules for Typescript

## Install

```
npm install @raidou/eslint-config-base
```

## Usage

eslint.config.mjs

```javascript
import { tsconfig } from '@raidou/eslint-config-base';
export default tsconfig;
```

custom rules

```javascript
import { tsconfig, tseslint } from '@raidou/eslint-config-base';
export default tseslint.config(tsconfig, {
  rules: {
    'no-var': 'off',
  },
});
```
npm package: @raidou/eslint-config-react
Description: ``` npm install @raidou/eslint-config-react ```
Author: Weirong Xu
Latest version: 4.0.0

# Personal Eslint rules for Typescript and React

## Install

```
npm install @raidou/eslint-config-react
```

## Usage

eslint.config.mjs

```javascript
import { tsconfig } from '@raidou/eslint-config-react'
export default tsconfig
```

custom rules

```javascript
import { tsconfig } from '@raidou/eslint-config-react'
import { defineConfig } from 'eslint/config'
export default defineConfig(tsconfig, {
  rules: {
    'no-var': 'off',
  },
})
```