open-index/open-npm huggingface dataset:
npm package: @histoire/plugin-nuxt
Description: Histoire plugin to integrate with Nuxt 3
Author: Guillaume Chau
Latest version: 1.0.0-beta.1

# Histoire + Nuxt 3

```bash
pnpm add -D @histoire/plugin-nuxt
```

Add the plugin in histoire config:

```js
import { HstNuxt } from '@histoire/plugin-nuxt'
import { defineConfig } from 'histoire'

export default defineConfig({
  plugins: [
    HstNuxt(),
  ],
})
```
npm package: @histoire/plugin-percy
Description: Histoire plugin to take screenshots with Percy for visual regression testing
Author: Guillaume Chau
Latest version: 1.0.0-beta.1

# Histoire Screenshot with Percy for visual regression testing

You need the [Percy CLI](https://docs.percy.io/docs/cli-overview) installed to be able to send snapshots to Percy.

```bash
pnpm add -D @histoire/plugin-percy
```

Add the plugin in histoire config:

```js
import { HstPercy } from '@histoire/plugin-percy'
import { defineConfig } from 'histoire'

export default defineConfig({
  plugins: [
    HstPercy({
      // Options here
    }),
  ],
})
```

Then use the Percy CLI

```bash
# Replace `story:build` with the script to build the stories if you changed it
percy exec pnpm run story:build
```
npm package: @histoire/plugin-screenshot
Description: Histoire plugin to take screenshots for visual regression testing
Author: Guillaume Chau
Latest version: 1.0.0-beta.1

# Histoire Screenshot visual regression testing

```
pnpm add -D @histoire/plugin-screenshot
```

Add the plugin in histoire config:

```js
import { HstScreenshot } from '@histoire/plugin-screenshot'
import { defineConfig } from 'histoire'

export default defineConfig({
  plugins: [
    HstScreenshot({
      // Options here
    }),
  ],
})
```

## Setting Up Chrome Linux Sandbox

If you get an error like No usable sandbox! or Running as root without --no-sandbox is not supported, you need to properly set up sandboxing on your Linux instance.
Alternatively, if you completely trust the content, you can disable sandboxing (strongly discouraged):

ref. https://github.com/sindresorhus/capture-website#faq

```
import { defineConfig } from 'histoire'
import { HstScreenshot } from '@histoire/plugin-screenshot'

export default defineConfig({
  plugins: [
    HstScreenshot({
      launchOptionsArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
    }),
  ],
})
```
npm package: @history-navigation/history
Description: Wrapper of the history module to listen for navigation events
Author: Afonso Santos aka KamikazePT
Latest version: 1.0.0-alpha.0

# @history-navigation/history

Extension to history object to listen for user navigation on an SPA (e.g. clicking back and forward on the browser or history.goBack/history.goForward method calls);

# Install

```sh
$ npm i @history-navigation/history
$ yarn add @history-navigation/history
```

# API

## Table of contents

- [function listenToNaviationBinder](#function-listentonaviationbinder)
  - [Examples](#examples)
- [function listenToNaviationWrapper](#function-listentonaviationwrapper)
  - [Examples](#examples-1)
- [function onBack](#function-onback)
- [function onForward](#function-onforward)

## function listenToNaviationBinder

listen to history navigation changes

| Parameter   | Type                             | Description                  |
| :---------- | :------------------------------- | :--------------------------- |
| `onForward` | [onForward](#function-onforward) | callback on forward movement |
| `onBack`    | [onBack](#function-onback)       | callback on back movement    |

### Examples

> history::listenToNavigation(onForward, onBack)

> listenToNavigation.bind(history)(onForward, onBack)

* * *

## function listenToNaviationWrapper

| Parameter | Type   | Description           |
| :-------- | :----- | :-------------------- |
| `history` | object | history object to use |

**Returns:** function([onForward](#function-onforward), [onBack](#function-onback)) — that listens to history navigation changes

### Examples

> listenToNavigation(history)(onForward, onBack)

* * *

## function onBack

Callback to execute when history moves backwards.

| Parameter | Type   | Description                |
| :-------- | :----- | :------------------------- |
| `steps`   | number | number of steps in history |

* * *

## function onForward

Callback to execute when history moves forward.

| Parameter | Type   | Description                |
| :-------- | :----- | :------------------------- |
| `steps`   | number | number of steps in history |
npm package: @history-navigation/react-history
Description: React bindings for history navigation
Author: Afonso Santos aka KamikazePT
Latest version: 1.0.0-alpha.0

# @history-navigation/react-history

Hooks to easily integrate with react with history module for transition animations when navigating back and forward

# Install

```sh
$ npm i @history-navigation/react-history
$ yarn add @history-navigation/react-history
```

# API

## Table of contents

- [class RoutingNavigation](#class-routingnavigation)
- [function useRoutingNavigation](#function-useroutingnavigation)
  - [Examples](#examples)

## class RoutingNavigation

| Parameter       | Type    | Description                                      |
| :-------------- | :------ | :----------------------------------------------- |
| `props.history` | History | browser history instance from history npm module |
| `props.chilren` | func    | Children function                                |

**Returns:** jsx

* * *

## function useRoutingNavigation

| Parameter | Type    | Description                                      |
| :-------- | :------ | :----------------------------------------------- |
| `history` | History | browser history instance from history npm module |

**Returns:** Movement — The movement state

### Examples

> const { wasForward, wasBackward, steps } = useRoutingNavigation(history);
npm package: @history-navigation/react-router
Description: React Router bindings for history navigation
Author: Afonso Santos aka KamikazePT
Latest version: 1.0.0-alpha.0

# @history-navigation/react-router

Hooks to easily integrate with react router for transition animations when navigating back and forward

# Install

```sh
$ npm i @history-navigation/react-router
$ yarn add @history-navigation/react-router
```

# API

## Table of contents

- [function RoutingNavigation](#function-routingnavigation)
- [function useRoutingNavigation](#function-useroutingnavigation)
  - [Examples](#examples)

## function RoutingNavigation

**Returns:** jsx

* * *

## function useRoutingNavigation

**Returns:** Movement — The movement state

### Examples

> const { wasForward, wasBackward, steps } = useRoutingNavigation();