open-index/open-npm huggingface dataset:
npm package: @sonr-io/react-native-motor
Description: test
Author: Daniel Camargo
Latest version: 0.0.2

# motor-bridge-react-native

This repo was made to serve as a bridge between native modules for iOS and Android. With it, you gain access to native capabilities. Here the bridge is made to compile [motorkit](https://github.com/sonr-io/MotorKit) and it could be used on projects like [Beam](https://github.com/sonr-io/beam-react-native) or [sonr-ui-components](https://github.com/sonr-io/react-native-ui-components) 

## Installation

Run yarn v1 command.

```sh
yarn
```

## Usage

Check example folder to work with it running locally

```js
import { checkBridge } from "motor-bridge-react-native";

// ...

const result = await checkBridge("the brigde is working!");
```

This code can also be used on the next repository where you want to use this bridge. First, you need to publish to npm. Once imported, you just need to link this code with your project, running the command:

```sh
react-native link motor-bridge-react-native #or your npm published name
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## Know Issues

If it fails on MotorKit dependencies and you want to run it locally because of cocoapods, remove it to test. Like this commit [link](https://github.com/sonr-io/motor-bridge-react-native/commit/f112a38163022f9d7008db78ea7330b0a01c9e89)

## Reference

Follow web articles describing how to create a native module for ios, like this one

[link](https://medium.com/wix-engineering/creating-a-native-module-in-react-native-93bab0123e46)

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @sonr-io/react-native-ui-components
Description: Behavioral UI components for Sonr Account management and authentication.
Latest version: 0.0.8

# React Native UI Components

Behavioral UI components for Sonr Account management and authentication.

## Installation

```sh
npm install @sonr-io/react-native-ui-components
```

## Basic usage

```sh
import { AuthComponent } from "@sonr-io/react-native-ui-components"
```

```jsx
<AuthComponent onSuccess={alert} />
```

## Storybook

The components can also be tested with Storybook + Expo.

```sh
yarn storybook
```

Storybook controls can also be run for a browser.

```sh
yarn storybook-controls
```

## Publishing

Publishing to NPM happens automatically on every GitHub release.

## Next steps

- Handle remaining authentication concepts such as pre-shared keys, keyprints, nearby devices etc
- Implement account recovery
- Implement account management component

## Folder Structure

- src/sandbox: Include a layer of abstraction to work locally with the components without calling real methods from motorkit scope.
- src/components: Where basic components were made, you will find code for buttons, text Input and containers.
- src/icons: icons used within components
- src: Source for complex screen mixing those primary components and UX
  - AuthenticationComponent: The main component to control screen navigation. It is not using StackNavigator because it will be displayed on top of another on the [beam-react-native](https://github.com/sonr-io/beam-react-native/) code. This component will be the entry point for this project.
  - AuthenticationContext: Provide react context features to support communication between screens and components.
- /storybook: contain stories folder to display component features. The /App folder should display the entire app behavior inside the storybook.
npm package: @sonr.io/nebula
Description: A specialized fork of Shoelace customized for the Sonr Network, focusing on cryptocurrency and blockchain interfaces.
Author: Prad
Latest version: 0.0.4

# Nebula UI Components

> A comprehensive web components library built for the [Sonr Network](https://sonr.io/), specializing in cryptocurrency and blockchain interfaces.

A modern, extensible component library designed specifically for Web3 applications.

- Custom crypto-focused icon library 🪙
- Sonr design system integration 🎨
- Specialized components for blockchain UIs 🔗
- Works with all frameworks 🧩
- Built with accessibility in mind ♿️
- Open source 😸

Built with LitElement and optimized for blockchain applications.

---

Documentation: [docs.sonr.io/design](https://docs.sonr.io/components)

Source: [github.com/sonr-io/nebula](https://github.com/sonr-io/nebula)

Twitter: [@sonr_io](https://twitter.com/sonr_io)

---

## Contributing to Nebula 🚀

Developers can use this documentation to learn how to build Nebula from source. You will need Node >= 14.17 to build and run the project locally.

**You don't need to do any of this to use Nebula!** This page is for people who want to contribute to the project, tinker with the source, or create a custom build of Nebula.

If that's not what you're trying to do, the [documentation website](https://docs.sonr.io/nebula) is where you want to be.

### How are Nebula components built?

Components are built with [LitElement](https://lit.dev/) for reactive web components, integrated with Sonr's design system and custom icon libraries specifically created for cryptocurrency and blockchain interfaces. The build process uses [esbuild](https://esbuild.github.io/) for efficient bundling.

### Forking the Repo

Start by [forking the repo](https://github.com/sonr-io/nebula/fork) on GitHub, then clone it locally and install dependencies.

```bash
git clone https://github.com/YOUR_GITHUB_USERNAME/nebula
cd nebula
npm install
```

### Developing

Once you've cloned the repo, run the following command.

```bash
npm start
```

This will spin up the dev server. After the initial build, a browser will open automatically. There is currently no hot module reloading (HMR), as browser's don't provide a way to reregister custom elements, but most changes to the source will reload the browser automatically.

### Building

To generate a production build, run the following command.

```bash
npm run build
```

### Creating New Components

To scaffold a new component, run the following command, replacing `nu-tag-name` with the desired tag name.

```bash
npm run create nu-tag-name
```

This will generate a source file, a stylesheet, and a docs page for you. When you start the dev server, you'll find the new component in the "Components" section of the sidebar.

## License

Nebula is available under the terms of the MIT license.

Whether you're building Nebula or building something _with_ Nebula — have fun creating! 🚀
npm package: @sonrhq/client
Description: This package provides Sonr's client-side TypeScript interface for the Sonr API. This client points to both the Highway endpoints and the Blockchain endpoints.
Latest version: 0.0.1

# Sonr TS-Client

This package provides Sonr's client-side TypeScript interface for the Sonr API. This client points to both the Highway endpoints
and the Blockchain endpoints.
npm package: @sonrisa-dev/angular-resize-event-sonfork
Description: ## Important Forked from: https://github.com/vdolek/angular-resize-event. The last original version is not supported by angular 17.  We forked and merged a pull request which contains angular 17 support.
Author: Csaba Kun
Latest version: 3.5.2

# Angular Resize Event

## Important
Forked from: https://github.com/vdolek/angular-resize-event. The last original version is not supported by angular 17. 
We forked and merged a pull request which contains angular 17 support.

Thanks to: https://github.com/vdolek, https://github.com/dereekb, and all contributors.

---
## Description
Angular 17 directive for detecting changes of an element size.

It is as simple as:

```html
<div (resized)="onResized($event)"></div>
```

It internally uses browser native [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver). Therefore it is not supported in IE.

For Angular 11 you can use version 2.1.0 which internally uses uses `ResizeSensor` from [CSS Element Queries](https://github.com/marcj/css-element-queries) that is supported in IE.

## Playground

[StackBlitz playground](https://stackblitz.com/edit/angular-resize-event-playground?file=src/app/app.component.html)

## Using the library

Import the library in any Angular application by running:

```bash
$ npm i angular-resize-event@npm:@sonrisa-dev/angular-resize-event-sonfork
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

// Import the library module
import { AngularResizeEventModule } from 'angular-resize-event';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify AngularResizeEventModule library as an import
    AngularResizeEventModule
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})
export class AppModule { }
```

Once your library is imported, you can use its `resized` directive in your Angular application:

```html
<div (resized)="onResized($event)"></div>
```

```typescript
import { Component } from '@angular/core';

// Import the resized event model
import { ResizedEvent } from 'angular-resize-event';

@Component({...})
class MyComponent {
  width: number;
  height: number;

  onResized(event: ResizedEvent) {
    this.width = event.newRect.width;
    this.height = event.newRect.height;
  }
}
```

## License

MIT © [Martin Volek](mailto:martin@vdolek.cz)
npm package: @sonrisa-dev/png-metadata
Description: png metadata reader and writer
Author: Csaba Kun
Latest version: 1.0.5

# node-png-metadata
PNG metadata read and write

Forked from(to support angular 10): https://github.com/kujirahand/node-png-metadata

## install

```
$ npm install png-metadata
```

## require

```
var png = require('png-metadata');
```

## how to use

```
// load from file
var s = png.readFileSync('aaa.png');
// split
var list = png.splitChunk(s);
// append
var iend = list.pop(); // remove IEND
var newchunk = png.createChunk("aaAa","test data");
list.push(newchunk);
list.push(iend);
// join
var newpng = png.joinChunk(list);
// save to file
fs.writeFileSync(outfile, newpng, 'binary');

```
npm package: @sonrisa-dev/sonrisa-stylelint-config
Description: Stylelint configuration
Author: Sonrisa
Latest version: 0.0.4

# Sonrisa's stylelint configuration base.

## Usage

```sh
npm install sonrisa-stylelint-config stylelint stylelint-config-recommended --save-dev
```
Latter two are peer dependencies.

Extend it in your config file (e.g. stylelintrc.json):
```json
{
  "extends": "sonrisa-stylelint-config"
}
```

Overwrite rules if you like:
```json
{
  "extends": "sonrisa-stylelint-config",
  "rules": {
    "indentation": "<whatever!>"
  }
}
```
npm package: @sonrisa-dev/strophejs-plugin-muc
Description: A strophe.js plugin for Multi-User Chat (XEP-0045)
Author: Krisztián Kecskés
Latest version: 1.2.3

# strophe.muc.js

Plugin for [strophe.js](https://www.npmjs.com/package/strophe.js) to provide Multi-User Chat ([XEP-0045]( http://xmpp.org/extensions/xep-0045.html)).

## Install

  npm i @sonrisa-dev/strophejs-plugin-muc

## Usage


## Contributing

This plugin is written in CoffeeScript.

Run `npm run build` to transpile to JavaScript.
npm package: @sontx/bindthis
Description: Binds "this" to all methods of your class
Author: sontx
Latest version: 1.0.0

# bindthis

Binds "this" to all methods of your class

Your mess stuff:
```js
constructor() {
  // .......
  this.method1 = this.method1.bind(this);
  this.method2 = this.method2.bind(this);
  this.method3 = this.method3.bind(this);
  this.method4 = this.method4.bind(this);
  // .......
}
```

Now, only one line to clear your mess stuff.
```js
constructor() {
  // .......
  bindMethods(this);
  // .......
}
```
npm package: @sontx/react-load-image
Description: A React component for showing placeholder content during image loading
Author: sontx
Latest version: 0.1.10

react-load-image
=================
![](https://img.shields.io/npm/dw/react-load-image.svg)
![](https://img.shields.io/npm/l/react-load-image.svg)
![](https://img.shields.io/npm/v/react-load-image.svg)

This is a fork of https://github.com/hzdg/react-imageloader, however many design changes were made and deprecations fixed so it warranted its own repo/package.

This React component allows you to display
content while waiting for the image to load, as well as by showing alternate
content if the image fails to load.

**Typescript** is supported.

Installing
-----
`npm i @sontx/react-load-image`


Usage
-----

```js
import React from 'react';
import ImageLoader from '@sontx/react-load-image';

function Preloader(props) {
  return <img src="spinner.gif" />;
}

React.render((
  <ImageLoader
    src="/path/to/image.jpg"
  >
    <img />
    <div>Error!</div>
    <Preloader />
  </ImageLoader>
), document.body);

```


Props
-----

Name          | Type     | Description
--------------|----------|------------
`onError`     | function | An optional handler for the [error] event.
`onLoad`      | function | An optional handler for the [load] event.
`src`         | string   | The URL of the image to be loaded, will be passed as the src prop to your first child provided. If you want to use it as a background image, make your first child a react component like Name = (props) => <div style={{backgroundImage: props.src}}/> and do <Name/>
`srcSet`      | string   | An optional value for the srcset attribute of the img
`wrapperProps`| object   | An optional extra props for the wrapper. 
`pure`        | boolean  | If it's true, the library will render without a wrapper. Default is false. 


Children
--------
The first child of `ImageLoader` will be rendered when the image is successfully loaded. The `src` prop will be passed to it.

The second child of `ImageLoader` will be rendered when the image load fails.

The third child of `ImageLoader` will be rendered when the image is in the process of loading


Avoiding duplication Example
-------
```js
import React from 'react';
import ImageLoader from 'react-load-image';
import ImageError from './ImageError';
import ImageLoading from './ImageLoading';

const Image = (props) =>
  <ImageLoader {...props}>
    {this.props.children[0]}
    <ImageError />
    <ImageLoader />
  </ImageLoader>

export default Image;
```
-----
```js
import Image from './Image';

...
<Image style={{width: '50px'}}>
  <img style={{border: none}} />
</Image>
...

```


Using it as a backgroundImage
-----
```js
import React from 'react';

const BackgroundImage = ({src, style = {}, ...props} = {}) =>
  <div style={Object.assign({backgroundImage: `url(${src})`}, style)} {...props} />

export default BackgroundImage;
```

```js
  <Image style={{width: '50px'}}>
    <BackgroundImage />
  </Image>
```
npm package: @sonuhussain/first-npm-package
Description: A Simple Hello World Example Package
Author: “Sonu
Latest version: 1.0.1

# @sonuhussain/first-npm-package
A Simple Hello World Example Package

## Installation
Install via NPM:

```bash
npm install @sonuhussain/first-npm-package

```

## Usage

#### javascript

```javascript

var myApp = require("@sonuhussain/first-npm-package");

myApp.printMsg(); // print and return " Hello World! " 

```

#### TypeScript

```typescript

import * as myApp from '@sonuhussain/first-npm-package';

myApp.printMsg(); // print and return " Hello World! " 


```

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).
npm package: @sonulodha/organize-imports
Description: Automatically organize your project's files based on import statements
Author: Sonu Lodha
Latest version: 0.0.5

# Organize Imports

**Organize Imports** is a convenient and robust CLI utility to automatically organize your project files into appropriate directories based on their import statements. It maintains a clean and structured project, significantly reducing manual file management.

## ⚡️ Common Use Case

**Perfect for fixing directory issues** caused by tools like `v0`, which often place components and related files into a flat directory structure. This utility effortlessly reorganizes files into their intended structured directories.

## 🔑 Key Features

- **Automatic File Organization:** Moves files into directories automatically based on their imports.
- **Supports Multiple Source Directories:** Works seamlessly with directories like `components`, `lib`, `hooks`, `utils`, and `types`.
- **Flexible Import Alias Handling:** Customizable import alias (e.g., `@/components`).
- **Command-line Only:** Simple CLI commands without the need for additional imports or setup.

## 📦 Installation

Install with npm:

```bash
npm install @sonulodha/organize-imports
```

## 🚀 Usage

### CLI Usage

Use it directly from your command line (recommended):

```bash
npx @sonulodha/organize-imports ./app
```

If installed globally:

```bash
npm install -g @sonulodha/organize-imports
organize-imports ./app
```

## ⚙️ Configuration (Optional)

The CLI organizes files based on these sensible defaults:

- `dir`: Directory to organize (default: `"./app"`).
- `sourceFolders`: Directories considered sources (`["components", "lib", "hooks", "utils", "types"]`).
- `importAlias`: Import alias (`"@/"`).

For custom usage, consider modifying source code directly or contribute enhancements.

## 📌 Additional Use Cases

- **React/Next.js Projects:** Keep component directories structured.
- **Large Codebases:** Automatically reorganize files logically.
- **Maintainability:** Maintain consistent, navigable structures.

## 🤝 Contributing

We welcome contributions, bug reports, and feature requests!

- To **report an issue** or suggest a new feature, please [open an issue on GitHub](https://github.com/sonumagnus/organize-imports/issues).
- To **contribute directly**, submit a pull request on [GitHub](https://github.com/sonumagnus/organize-imports/pulls).

## 🐛 Reporting Issues

Encountered a problem? Please [open an issue](https://github.com/sonumagnus/organize-imports/issues).

## 🌟 Star the Project

If this tool helped you, please star the repository: [⭐ Star on GitHub](https://github.com/sonumagnus/organize-imports)

## 📄 License

Licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
npm package: @sonwonjae/builtin-extends
Description: A utility library that collects useful JavaScript built-in object extension methods.
Author: sonwonjae
Latest version: 1.1.0

# 💡 builtin-extends

> 유용한 JavaScript 빌트인 객체 확장 메서드들을 모은 유틸리티 라이브러리입니다.
>
> `shuffle`, `pureSort` 등 자주 사용하는 기능을 프로토타입 메서드로 사용할 수 있도록 도와줍니다.

---

## ✨ 특징

-   `[].shuffle()`처럼 간편하게 사용 가능
-   반복되는 유틸리티 코드 제거
-   테스트와 타입 정의 포함

---

## 📦 설치

```bash
npm install builtin-extends
```

```bash
yarn add builtin-extends
```

---

## 🚀 사용법 예시

```js
import "builtin-extends";

// 배열을 셔플
const arr = [1, 2, 3, 4, 5];
arr.shuffle(); // 예: [3, 5, 1, 4, 2]

// 원본 배열은 수정하지 않고 정렬된 새 배열 반환
const unsorted = [3, 1, 4, 2];
const sorted = unsorted.pureSort(); // [1, 2, 3, 4]
console.log(unsorted); // [3, 1, 4, 2]
```

---

## 📝 지원 메서드

### Object

| 메서드 이름   | 설명                                                 |
| ------------- | ---------------------------------------------------- |
| `isString()`  | 해당 object가 string인지 검증해주는 타입가드입니다.  |
| `isNumber()`  | 해당 object가 number인지 검증해주는 타입가드입니다.  |
| `isBoolean()` | 해당 object가 boolean인지 검증해주는 타입가드입니다. |

---

### Array

| 메서드 이름 | 설명                                    |
| ----------- | --------------------------------------- |
| `shuffle()` | 배열 순서를 무작위로 섞어줍니다.        |
| `draw()`    | 배열에서 무작위 인자 하나를 뽑아줍니다. |

---

### String

| 메서드 이름      | 설명                                                      |
| ---------------- | --------------------------------------------------------- |
| `toCamelCase()`  | 케밥/스네이크/파스칼 케이스를 카멜 케이스로 변환해줍니다. |
| `toPascalCase()` | 케밥/스네이크/카멜 케이스를 파스칼 케이스로 변환해줍니다. |
| `toSnakeCase()`  | 케밥/카멜/파스칼 케이스를 스네이크 케이스로 변환해줍니다. |
| `toKebabCase()`  | 스네이크/카멜/파스칼 케이스를 케밥 케이스로 변환해줍니다. |

---

### Number

| 메서드 이름 | 설명                   |
| ----------- | ---------------------- |
| `isEven()`  | 짝수인지 판별해줍니다. |
| `isOdd()`   | 홀수인지 판별해줍니다. |

---

## 🥮 테스트

```bash
npm run test
```

---

## 📘 라이센스

MIT License
npm package: @sony172/videojs-vz-player
Description: A custom theme for Video.js by viezone.
Author: Viezone
Latest version: 1.0.3

# Viezone Player theme

A repo for Viezone Player theme.

![vjs-theme-vz-screenshot](./screenshot.PNG)

## Usage

If you're using CSS modules in JavaScript, you can install the NPM module:

`npm install --save video.js @sony172/videojs-vz-player`

Then just import the files as you would other CSS.

``` javascript
import 'video.js/dist/video-js.css';

import '@sony172/videojs-vz-player/dist/theme/index.css';
```

Once you've got the theme pulled in, you can then add the class to your player:

`<video id="my-player" class="video-js vjs-theme-vz" ...>`

## Building these locally

If you want to use the CSS in this repo directly instead of using one of the CDNs or the NPM-hosted version, or just do some development, you'll need to clone the repo and `build` them.

``` bash
git clone https://github.com/viezone/vz-player.git
cd vz-player
npm install
npm run build
```

This will create a `dist` folder with the post-processed CSS in them, which you can upload right to your site. If you want to develop against these locally, you can run `npm run dev` to get a local server running a demo of the theme on it.
npm package: @sonyahon/js-utils
Description: A collection of utility functions i use...
Author: volkov030@gmail.com
Latest version: 0.0.10

# @sonyahon/js-utils
A collection of functions i use reguarly and don't want to write again

## Installation
```bash
    npm install --save @sonyahon/js-utils
    yarn add @sonyahon/js-utils
```

## API
### Misc
#### `nop()`
A noop function, yields `undefined`
```typescript
import {nop} from '@sonyahon/js-utils';
nop(); // undefined
```
#### `sleep(delay: number, resolveValue?: any)`
Yields are `Promise`, which resolves after the `delay` ms. The promise yields `resolveValue`, or `undefined` if not supplied.
```typescript
import {sleep} from '@sonyahon/js-utils';
(async () => {
    await sleep(100); // undefined after 100ms
    await sleep(100, 'done'); // 'done' after 100ms
})();
```
### Array manipulations
#### `partition(target: any[], by: number, window = by)`
Partitions array with optional padding
 * if `window` is smaller than `by` elements will be reused
 * if there is not enough elements in the `target`, last partition will be smaller
```typescript
import {partition} from '@sonyahon/js-utils';
partition([1, 2, 3, 4], 2); // [[1, 2], [3, 4]]
partition([1, 2, 3, 4], 3, 1); // [[1, 2, 3], [2, 3, 4]]
```
#### `zip(...arrays: any[][])`
Zips passed arrays together
* if lengths of passed arrays is not equal, `undefined` will be used instead of missing elements
```typescript
import {zip} from '@sonyahon/js-utils';
zip(['a', 'b'], [1, 2]); // [['a', 1], ['b', 2]]
```
### String
#### `capitalize(str: string)`
Capitalizes a string
```typescript
import {capitalize} from '@sonyahon/js-utils';
capitalize(''); // ''
capitalize('hello'); // 'Hello'
```
### Events
An implementation of `EventEmitter`, with a bit more flexible API than regular node/browser one

### Error
An implementation of Rust-like `Result<Ok, Err>` type
npm package: @sonyahon/nestjs-config
Description: The core package providing a framework for other @sonyahon/nestjs-config-* to build on
Author: Pavel Volkov
Latest version: 0.1.8

# `@sonyahon/nestjs-config`
The core package providing a framework for other `@sonyahob/nestjs-config-*` plugins to build upon  
Please look for the docs [here](https://github.com/SonyaHon/nestjs-config)
npm package: @sonyahon/nestjs-config-dotenv
Description: The dotenv module for @sonyahon/nestjs-config
Author: Pavel Volkov
Latest version: 0.1.8

# `@sonyahon/nestjs-config-dotenv`
Package that provides environment variable support for `@sonyahon/nestjs-config`  
Please look for the docs [here](https://github.com/SonyaHon/nestjs-config#dotenvplugin)
npm package: @sonyahon/nestjs-config-fetch
Description: The fetch module for @sonyahon/nestjs-config
Author: Pavel Volkov
Latest version: 0.1.8

# `@sonyahon/nestjs-config-fetch`
Package that provides fethced props support for `@sonyahon/nestjs-config`  
Please look for the docs [here](https://github.com/SonyaHon/nestjs-config#fetchplugin)
npm package: @sonyahon/nestjs-config-files
Description: The files module for @sonyahon/nestjs-config
Author: Pavel Volkov
Latest version: 0.1.8

# `@sonyahon/nestjs-config-files`
Package that provides file props support for `@sonyahon/nestjs-config`  
Please look for the docs [here](https://github.com/SonyaHon/nestjs-config#filesplugin)
npm package: @soof-golan/react-gist
Description: Github Gist React component
Author: Tommy Leunen
Latest version: 1.3.7

# react-gist

[![NPM](https://nodei.co/npm/react-gist.png)](https://nodei.co/npm/react-gist/)

Use this component to add a github gist on your website.

<p><details>
  <summary><b>Preview</b></summary>
  <p><img src="https://i.imgur.com/4EYDskB.png" /></p>
</details></p>

Get the id from the gist url `https://gist.github.com/{your_name}/{id}` and set it as a property of the component.

## Example

Single-file gist:

```js
var React = require('react');
var Gist = require('react-gist');

React.render(
    <Gist id='5104372' />,
    document.body
);
```

[![Edit react-gist-example-single-file](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/reactgistexamplesinglefile-z9vkc?fontsize=14)

Multi-file gist:

```js
var React = require('react');
var Gist = require('react-gist');

React.render(
    <Gist id='5995ea726914f280afb3' file='Chef-Dockerfile' />,
    document.body
);
```

[![Edit react-gist-example-multi-file](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/reactgistexamplemultifile-9rw4g?fontsize=14)

## Usage

### `<Gist id={string} file={string} />`

- `id` {string} Id of the gist
- `file` {string} Name of a specific file in a multi-file gist

## License

MIT, see [LICENSE.md](http://github.com/tleunen/react-gist/blob/master/LICENSE.md) for details.