open-index/open-npm huggingface dataset:
npm package: @rimble/icons
Description: Cryptocurrency and Material icons ready for React with styled-components
Author: Rimble
Latest version: 1.2.0

# Rimble Icons

Crypto icons and Material icons as ES6 React styled-components

```sh
yarn add @rimble/icons styled-components
```

```jsx
// import icons individually for better tree-shaking
import { Accessibility, Eth, Btc } from '@rimble/icons'

const App = props => (
  <Accessibility
    size={32}
    color='tomato'
  />
  <Eth />
  <Btc />
)
```

```jsx
// import all icons as a single component
import { Icon } from "@rimble/icons";

const App = props => <Icon name="Accessibility" size={32} color="tomato" />;
```

## List of Icons

See the [icon list](ICONS.md) for a complete list of all icons available

## Props

| Prop    | Type   | Description                                                |
| ------- | ------ | ---------------------------------------------------------- |
| `size`  | number | width and height in pixels                                 |
| `color` | string | fill color, uses Styled System's [`color`][color] function |

## Contributing

```sh
yarn install
```

The build process will:

1. Parse the `material-design-icons` package for SVG source code
1. Parse the `crypto-icons` repo folder
1. Copy all the icons to the `svg/` folder
1. Run svgr over all icons to wrap in a react template with styled-system props
1. Replace default color prop with original background color for token icons
1. Create index files that imports all icons per directory
1. Create an `examples/` folder for tests and development
1. Run Babel on the `src/` folder and output to `lib/` for CommonJS compatible icons
1. Run Babel on the `src/` folder and output to `es/` for ES6 compatible icons

To run the development server:

1. First navigate to the `demo` directory
2. Install all the dependencies for the demo
3. Run the demo app

```sh
cd demo
yarn install
yarn start
```

Should start a local web server that displays all the icons

## Related

- [RMDI](https://jxnblk.com/rmdi)
- [Google Material Design Icons](https://github.com/google/material-design-icons)
- [Pixo](https://github.com/c8r/pixo)
- [Styled Components](https://www.styled-components.com/)
- [Styled System](https://styled-system.com/)
- [React Icons](https://github.com/gorangajic/react-icons)
- [Cryptocurrency Icons](https://github.com/atomiclabs/cryptocurrency-icons)

[MIT License](LICENSE.md)
npm package: @rimble/utils
Description: Rimble Utils is part of an array of tools to help web3 dApp developers launch products faster and with better UX.
Latest version: 1.2.3

# rimble-utils

Rimble Utils is part of an array of tools to help web3 dApp developers launch products faster and with better UX.

## Getting started

Clone this repository and install its dependencies:

```sh
// with npm
npm install @rimble/utils --save

// with yarn
yarn add @rimble/utils
```

## Usage Example

Import RimbleUtils library and call functions.

```jsx
import RimbleUtils from '@rimble/utils';

const canDoWeb3 = RimbleUtils.browserIsWeb3Compatible(); // returns true or false boolean
const currentNetworkName = RimbleUtils.getEthNetworkNameById(4); // returns "Rinkeby" string
const isMobile = RimbleUtils.isMobileDevice(); // returns true or false boolean
```

## Methods of RimbleUtils

| Name                  | Parameters          | Returns | Description                                                                                      |
| --------------------- | ------------------- | ------- | ------------------------------------------------------------------------------------------------ |
| browserIsWeb3Capable  | none                | boolean | Examines brower's UserAgent and determines if browser is recent Chrome, FireFox, Brave, or Opera |
| getEthNetworkNameById | Ethereum network ID | string  | Converts an Ethereum network ID into a network name                                              |
| isMobileBrowser       | none                | boolean | Examines browser's UserAgent and determines if the current device is a mobile platform           |

## Documentation

[Documentation](https://rimble.consensys.design/components/web3-components/NetworkIndicator)

### Issues

[Open an issue](https://github.com/ConsenSys/rimble-web3-components/issues) for any bugs or feature requests

### Contributing

We are open source and welcome your [contributions](https://github.com/ConsenSys/rimble-web3-components/CONTRIBUTIONS.md) !

### License

MIT © [ConsenSys](https://github.com/ConsenSys)
npm package: @rimbu/actor
Description: State management tools to create stateful logic that can be easily integrated in any framework
Author: Arvid Nicolaas
Latest version: 0.15.9

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

[![npm version](https://badge.fury.io/js/@rimbu%2Factor.svg)](https://www.npmjs.com/package/@rimbu/actor)

![Licence](https://img.shields.io/github/license/rimbu-org/rimbu)

# @rimbu/actor

This package offers state management tools to create stateful logic that can be easily integrated in any framework.

This package is still experimental, and therefore does not yet have complete documentation.

For complete documentation please visit the _[Rimbu Docs](https://rimbu.org)_ or the _[Rimbu API Docs](https://rimbu.org/api)_.

## Installation

### Compabitity

- [`Node` ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?logo=node.js&logoColor=white)](https://nodejs.org)
- [`Deno` ![Deno JS](https://img.shields.io/badge/deno%20js-000000?logo=deno&logoColor=white)](https://deno.com/runtime)
- [`Bun` ![Bun](https://img.shields.io/badge/Bun-%23000000.svg?logoColor=white)](https://bun.sh/)
- `Web` ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?logoColor=white)

### Package Managers

**Yarn:**

```sh
yarn add @rimbu/actor
```

**npm:**

```sh
npm install @rimbu/actor
```

**Bun:**

```sh
bun add @rimbu/actor
```

**Deno:**

```sh
deno add npm:@rimbu/actor
```

## Usage

```ts
import { Actor, Obs } from '@rimbu/actor';

const obs = Obs.create({ count: 0, changes: 0 });

const actor = Actor.create(obs, {
  increase() {
    obs.patchState({ count: (v) => v + 1, changes: (v) => v + 1 }),
  }
  decrease() {
    obs.patchState({ count: (v) => v - 1, changes: (v) => v + 1 }),
  }
});

console.log(actor.state);
// => { count: 0, changes: 0 }
actor.increase()
actor.increase()
actor.decrease()
console.log(actor.state)
// => { count: 1, changes: 3 }
```

## Author

Created and maintained by [Arvid Nicolaas](https://github.com/vitoke).

## Contributing

We welcome contributions! Please read our [Contributing guide](https://github.com/rimbu-org/rimbu/blob/main/CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=rimbu-org/rimbu"/>

_Made with [contributors-img](https://contrib.rocks)._

## License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) for details.
npm package: @rimbu/graph-arrow-valued
Description: Immutable Graph data structures for TypeScript
Author: Arvid Nicolaas
Latest version: 0.8.4

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

# @rimbu/graph-arrow-valued

This package contains the implementations for the ArrowValuedGraph type. It was mainly split off to a seperate package from the `@rimbu/graph` package to descrease build time and memory usage.

This package exports the following types:

| Name                           | Description                                                                     |
| ------------------------------ | ------------------------------------------------------------------------------- |
| `ArrowValuedGraph<N, V>`       | a generic directed valued graph with nodes of type N, and edge values of type V |
| `ArrowValuedGraphHashed<N, V>` | a valued directed graph with hashed nodes of type N, and edge values of type V  |
| `ArrowvaluedGraphSorted<N, V>` | a valued directed graph with sorted nodes of type N, and edge values of type V  |

For complete documentation please visit the [Arrow Valued Graph page](https://rimbu.org/docs/collections/graph/arrow-valued-graph) in the _[Rimbu Docs](https://rimbu.org)_.

Or [Try Out Rimbu](https://codesandbox.io/s/github/vitoke/rimbu-sandbox/tree/main?previewwindow=console&view=split&editorsize=65&moduleview=1&module=/src/index.ts) in CodeSandBox.

## Installation

All types are exported through [`@rimbu/core`](../core). It is recommended to use that package.

To install separately:

### Yarn/NPM

> `yarn add @rimbu/graph-arrow-valued`

or

> `npm i @rimbu/graph-arrow-valued`

### Deno

Create a file called `rimbu.ts` and add the following:

> ```ts
> export * from 'https://deno.land/x/rimbu/graph-arrow-valued/mod.ts';
> ```

Or using a pinned version (`x.y.z`):

> ```ts
> export * from 'https://deno.land/x/rimbu/graph-arrow-valued@x.y.z/mod.ts';
> ```

Then import what you need from `rimbu.ts`:

```ts
import { ArrowValuedGraphHashed } from './rimbu.ts';
```

Because Rimbu uses complex types, it's recommended to use the `--no-check` flag (your editor should already have checked your code) and to specify a `tsconfig.json` file with the settings described below.

Running your script then becomes:

> `deno run --no-check --config tsconfig.json <your-script>.ts`

## Author

[Arvid Nicolaas](https://github.com/vitoke)

## Contributing

Feel very welcome to contribute to further improve Rimbu. Please read our [Contributing guide](../../CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=vitoke/iternal"/>

Made with [contributors-img](https://contrib.rocks).

## License

Licensed under the MIT License, Copyright © 2020-present Arvid Nicolaas.

See [LICENSE](./LICENSE) for more information.
npm package: @rimbu/graph-edge-valued
Description: Immutable Graph data structures for TypeScript
Author: Arvid Nicolaas
Latest version: 0.8.4

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

# @rimbu/graph-edge-valued

This package contains the implementations for the EdgeValuedGraph type. It was mainly split off to a seperate package from the `@rimbu/graph` package to descrease build time and memory usage.

This package exports the following types:

| Name                          | Description                                                                       |
| ----------------------------- | --------------------------------------------------------------------------------- |
| `EdgeValuedGraph<N, V>`       | a generic undirected valued graph with nodes of type N, and edge values of type V |
| `EdgeValuedGraphHashed<N, V>` | a valued undirected graph with hashed nodes of type N, and edge values of type V  |
| `EdgevaluedGraphSorted<N, V>` | a valued undirected graph with sorted nodes of type N, and edge values of type V  |

For complete documentation please visit the [Edge Valued Graph page](https://rimbu.org/docs/collections/graph/edge-valued-graph) in the _[Rimbu Docs](https://rimbu.org)_.

Or [Try Out Rimbu](https://codesandbox.io/s/github/vitoke/rimbu-sandbox/tree/main?previewwindow=console&view=split&editorsize=65&moduleview=1&module=/src/index.ts) in CodeSandBox.

## Installation

All types are exported through [`@rimbu/core`](../core). It is recommended to use that package.

To install separately:

### Yarn/NPM

> `yarn add @rimbu/graph-edge-valued`

or

> `npm i @rimbu/graph-edge-valued`

### Deno

Create a file called `rimbu.ts` and add the following:

> ```ts
> export * from 'https://deno.land/x/rimbu/graph-edge-valued/mod.ts';
> ```

Or using a pinned version (`x.y.z`):

> ```ts
> export * from 'https://deno.land/x/rimbu/graph-edge-valued@x.y.z/mod.ts';
> ```

Then import what you need from `rimbu.ts`:

```ts
import { EdgeValuedGraphHashed } from './rimbu.ts';
```

Because Rimbu uses complex types, it's recommended to use the `--no-check` flag (your editor should already have checked your code) and to specify a `tsconfig.json` file with the settings described below.

Running your script then becomes:

> `deno run --no-check --config tsconfig.json <your-script>.ts`

## Usage

## Author

[Arvid Nicolaas](https://github.com/vitoke)

## Contributing

Feel very welcome to contribute to further improve Rimbu. Please read our [Contributing guide](../../CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=vitoke/iternal"/>

Made with [contributors-img](https://contrib.rocks).

## License

Licensed under the MIT License, Copyright © 2020-present Arvid Nicolaas.

See [LICENSE](./LICENSE) for more information.
npm package: @rimbu/reactor
Description: React state management based on Rimbu Actors
Author: Arvid Nicolaas
Latest version: 0.14.10

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

[![npm version](https://badge.fury.io/js/@rimbu%2Freactor.svg)](https://www.npmjs.com/package/@rimbu/reactor)

![Licence](https://img.shields.io/github/license/rimbu-org/rimbu)

# @rimbu/reactor

This package offers integration of `@rimbu/actor` in React.

This package is still in an experimental stage.

For complete documentation please visit the _[Rimbu Docs](https://rimbu.org)_.

## Installation

To install:

For `yarn`:

> `yarn add @rimbu/reactor`

For `npm`:

> `npm i @rimbu/reactor`

For `bun`:

> `bun add @rimbu/reactor`

## Usage

## Author

[Arvid Nicolaas](https://github.com/vitoke)

## Contributing

Feel very welcome to contribute to further improve Rimbu. Please read our [Contributing guide](https://github.com/rimbu-org/rimbu/blob/main/CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=rimbu-org/rimbu"/>

Made with [contributors-img](https://contrib.rocks).

## License

Licensed under the MIT License, Copyright © 2020-present Arvid Nicolaas.

See [LICENSE](./LICENSE) for more information.
npm package: @rimbu/table-hash-row
Description: Immutable spreadsheet-like data structures containing row keys, column keys, and cell values
Author: Arvid Nicolaas
Latest version: 0.7.4

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

# @rimbu/table-hash-row

A `Table` is an immutable 2-dimensional Map, containing row keys and column keys, where a combination of a row and column key can contain one value.

This package contains the hash row implementations of Table. It was mainly split off from the `@rimbu/table` package to reduce build time and memory usage.

This package exports the following types:

| Name                             | Description                                                            |
| -------------------------------- | ---------------------------------------------------------------------- |
| `HashTableHashColumn<R, C, V>`   | a `Table` where the row keys and column keys are hashed                |
| `HashTableSortedColumn<R, C, V>` | a `Table` where the row keys are hashed and the column keys are sorted |

For complete documentation please visit the [Table page](https://rimbu.org/docs/collections/table) in the _[Rimbu Docs](https://rimbu.org)_.

Or [Try Out Rimbu](https://codesandbox.io/s/github/vitoke/rimbu-sandbox/tree/main?previewwindow=console&view=split&editorsize=65&moduleview=1&module=/src/index.ts) in CodeSandBox.

## Installation

All types are exported through [`@rimbu/core`](../core). It is recommended to use that package.

To install separately:

### Yarn/NPM

> `yarn add @rimbu/table-hash-row`

or

> `npm i @rimbu/table-hash-row`

### Deno

Create a file called `rimbu.ts` and add the following:

> ```ts
> export * from 'https://deno.land/x/rimbu/table-hash-row/mod.ts';
> ```

Or using a pinned version (`x.y.z`):

> ```ts
> export * from 'https://deno.land/x/rimbu/table-hash-row@x.y.z/mod.ts';
> ```

Then import what you need from `rimbu.ts`:

```ts
import { HashTableHashColumn } from './rimbu.ts';
```

Because Rimbu uses complex types, it's recommended to use the `--no-check` flag (your editor should already have checked your code) and to specify a `tsconfig.json` file with the settings described below.

Running your script then becomes:

> `deno run --no-check --config tsconfig.json <your-script>.ts`

## Usage

```ts
import { HashTableHashColumn } from '@rimbu/table-hash-row';

console.log(HashTableHashColumn.of([1, 'a', true], [1, 'b', false]).toString());
```

## Author

[Arvid Nicolaas](https://github.com/vitoke)

## Contributing

Feel very welcome to contribute to further improve Rimbu. Please read our [Contributing guide](../../CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=vitoke/iternal"/>

Made with [contributors-img](https://contrib.rocks).

## License

Licensed under the MIT License, Copyright © 2020-present Arvid Nicolaas.

See [LICENSE](./LICENSE) for more information.
npm package: @rimbu/table-sorted-row
Description: Immutable spreadsheet-like data structures containing row keys, column keys, and cell values
Author: Arvid Nicolaas
Latest version: 0.7.4

<p align="center">
    <img src="https://github.com/rimbu-org/rimbu/raw/main/assets/rimbu_logo.svg" />
</p>

# @rimbu/table-sorted-row

A `Table` is an immutable 2-dimensional Map, containing row keys and column keys, where a combination of a row and column key can contain one value.

This package contains the sorted row implementations of Table. It was mainly split off from the `@rimbu/table` package to reduce build time and memory usage.

This package exports the following main types:

| Name                               | Description                                                            |
| ---------------------------------- | ---------------------------------------------------------------------- |
| `SortedTableHashColumn<R, C, V>`   | a `Table` where the row keys are sorted and the column keys are hashed |
| `SortedTableSortedColumn<R, C, V>` | a `Table` where the row keys and column keys are sorted                |

For complete documentation please visit the [Table page](https://rimbu.org/docs/collections/table) in the _[Rimbu Docs](https://rimbu.org)_.

Or [Try Out Rimbu](https://codesandbox.io/s/github/vitoke/rimbu-sandbox/tree/main?previewwindow=console&view=split&editorsize=65&moduleview=1&module=/src/index.ts) in CodeSandBox.

## Installation

All types are exported through [`@rimbu/core`](../core). It is recommended to use that package.

To install separately:

### Yarn/NPM

> `yarn add @rimbu/table-sorted-row`

or

> `npm i @rimbu/table-sorted-row`

### Deno

Create a file called `rimbu.ts` and add the following:

> ```ts
> export * from 'https://deno.land/x/rimbu/table-sorted-row/mod.ts';
> ```

Or using a pinned version (`x.y.z`):

> ```ts
> export * from 'https://deno.land/x/rimbu/table-sorted-row@x.y.z/mod.ts';
> ```

Then import what you need from `rimbu.ts`:

```ts
import { SortedTableHashColumn } from './rimbu.ts';
```

Because Rimbu uses complex types, it's recommended to use the `--no-check` flag (your editor should already have checked your code) and to specify a `tsconfig.json` file with the settings described below.

Running your script then becomes:

> `deno run --no-check --config tsconfig.json <your-script>.ts`

## Usage

```ts
import { SortedTableSortedColumn } from '@rimbu/table-sorted-row';

console.log(
  SortedTableSortedColumn.of([1, 'a', true], [1, 'b', false]).toString()
);
```

## Author

[Arvid Nicolaas](https://github.com/vitoke)

## Contributing

Feel very welcome to contribute to further improve Rimbu. Please read our [Contributing guide](../../CONTRIBUTING.md).

## Contributors

<img src = "https://contrib.rocks/image?repo=vitoke/iternal"/>

Made with [contributors-img](https://contrib.rocks).

## License

Licensed under the MIT License, Copyright © 2020-present Arvid Nicolaas.

See [LICENSE](./LICENSE) for more information.