open-index/open-npm huggingface dataset:
npm package: @maferland/github-activity
Description: Component displaying github activities
Author: maferland
Latest version: 0.2.4

<div align="center">
<h1>📊 github-activity</h1>

<p>Component displaying github activities</p>
</div>

---

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

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Installation](#installation)
- [Usage](#usage)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

>

## Installation

```
npm install --save @maferland/github-activity
// or
yarn add @maferland/github-activity
```

## Usage

```tsx
import React from 'react'
import ReactDOM from 'react-dom'
import { UserActivityFeed } from '@maferland/github-activity'

function App() {
  const [username, setUsername] = React.useState('maferland')
  return (
    <>
      <form>
        <label htmlFor='username'></label>
        <input
          id='username'
          value={username}
          onChange={(event) => setUsername(event.target.value)}
        ></input>
      </form>
      <div style={{ width: '800px' }}>
        <UserActivityFeed username={username} />
      </div>
    </>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))
```

## License

[MIT](LICENSE) © [maferland](https://github.com/maferland)
npm package: @maferland/hooks
Description: Collection of utility hooks
Author: maferland
Latest version: 0.5.1

<div align="center">
<h1>🎣 Hooks</h1>

<p>A collection of utility hooks</p>
</div>

---

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

## Table of Contents

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Installation](#installation)
- [Usage](#usage)
- [LICENSE](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Installation

```
npm install --save @maferland/hooks
// or
yarn add @maferland/hooks
```

## Usage

<!-- prettier-ignore-start -->
| Name | File | Author | Example |
|------|------|--------| ------- |
| useInterval | [use-interval.js](src/use-interval.js) | [Dan Abramov](https://overreacted.io/making-setinterval-declarative-with-react-hooks/) | Soon ™️ |
| useLocalStorageState | [use-local-storage-state.js](src/use-local-storage-state.js) | [Kent C. Dodds](https://github.com/kentcdodds/react-hooks/blob/main/src/final/02.extra-4.js#L5-L38) | Soon ™️ |
| useScrollDirection | [use-scroll-direction.js](src/use-scroll-direction.js) | [Reece Lucas](https://gist.github.com/reecelucas/cd110ece696cca8468db895281fa28cb) | Soon ™️ |
| useMounted | [use-mounted.js](src/use-mounted.js) | Myself | Soon ™️ |
<!-- prettier-ignore-end -->

## LICENSE

[MIT](LICENSE)
npm package: @maferland/spotify-react
Description: 🤿 React component to display Spotify recently played tracks 
Author: Marc-Antoine Ferland
Latest version: 0.3.0

<div align="center">
<h1>🤿 @maferland/spotify-react</h1>

<p>React component & hooks to retrieve Spotify recently played tracks </p>
</div>

---

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

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

- [Installation](#installation)
- [Usage](#usage)
- [Author](#author)
- [LICENSE](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

## Installation

```
npm install --save-dev @maferland/spotify-react
// or
yarn add @maferland/spotify-react
```

## Usage

```js
import React from 'react'
import ReactDOM from 'react-dom'
import { RecentlyPlayedFeed } from '@maferland/spotify-react'

function App() {
  return (
    <RecentlyPlayedFeed
      userId='12166023407'
      feedStyle={{
        border: '1px solid red'
      }}
      itemStyle={{
        border: '1px dashed blue'
      }}
    />
  )
}

ReactDOM.render(<App />, document.getElementById('root'))
```

You can also take advantage of the useRecentlyPlayed hooks:

```jsx
import { useRecentlyPlayed } from '@maferland/spotify-react'

const { isLoading, error, data } = useRecentlyPlayed(12166023407)
```

## Author

- [Marc-Antoine Ferland](https://maferland.com)

## LICENSE

[MIT](LICENSE)
npm package: @mafintosh/ims
Description: Install My Stuff - an optionated npm module installer
Author: Mathias Buus
Latest version: 1.1.0

# @mafintosh/ims

Install My Stuff - an opionated npm module installer

```
npm install -g @mafintosh/ims
```

IMS is a npm module installer that uses an p2p cache hosted on the Dat network to resolve all dependencies as fast as possible.

The cache is stored in a [hypertrie](https://github.com/mafintosh/hypertrie) which makes it fast to update and always get the latest version while minimising the amount of roundtrips, compared to `npm install`.

The module tarballs themself are still downloaded from the npm registry

## Usage

``` sh
# installs hypercore to ./node_modules
ims hypercore
```

For more options do `ims --help`

```
Usage: ims <package-name?> [options]

  --save, -s        saves the dep to package.json
  --save-dev, -S    saves the dev dep to package.json
  --global, -g      installs as a cli tool
  --production, -p  skip dev dependencies

If <package-name> is omitted the deps from package.json is used
```

IMS stores its cache in `~/.ims`.

Note that it uses sparse files for its database format so use `ls -sh` to list the *actual* size of the cache.

## License

MIT
npm package: @mafintosh/random-access-stream
Description: Consume a random-access storage as a readable stream
Latest version: 2.0.0


# random-access-stream

  Consume a [random-access storage](https://github.com/juliangruber/abstract-random-access) as a readable stream.

## Example

```js
var Stream = require('random-access-stream')
var ram = require('random-access-memory')

var store = ram(Buffer('Hello cruel world'))
var stream = Stream(store)
stream.pipe(process.stdout)
```

## API

### Stream(store[, opts])

Options:

- `start=0` The byte offset at which to start reading
- `end=Infinity` The byte offset at which to end reading

## License

  MIT