open-index/open-npm huggingface dataset:
npm package: @nx-pkg/reach-router
Description: Next generation Routing for React.
Author: Ryan Florence
Latest version: 1.3.4

<p align="center">
  <a href="https://reach.tech/router/">
    <img alt="Reach Router" src="./logo-horizontal.png" width="400">
  </a>
</p>

<p align="center">
  Next Generation Routing for <a href="https://facebook.github.io/react">React</a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@nx-pkg/reach-router"><img src="https://img.shields.io/npm/v/@nx-pkg/reach-router.svg?style=flat-square"></a>
  <a href="https://www.npmjs.com/package/@nx-pkg/reach-router"><img src="https://img.shields.io/npm/dm/@nx-pkg/reach-router.svg?style=flat-square"></a>
  <a href="https://travis-ci.org/nx-pkg/reach-router"><img src="https://img.shields.io/travis/nx-pkg/reach-router/master.svg?style=flat-square"></a>
</p>

## Documentation

[Documentation Site](https://reach.tech/router)

You can also find the docs in the [website directory](./website/src/markdown).

## Community

[Join us on Spectrum](https://spectrum.chat/reach)

## Legal

MIT License
Copyright (c) 2018-present, Ryan Florence
npm package: @nx-pkg/sdk
Description: SDK for generating and embedding NxPkg projects.
Author: Eric Simons
Latest version: 1.9.0

# NxPkg SDK

The NxPkg JavaScript SDK lets you programmatically create NxPkg projects to be opened in a new window or embedded in your docs, example pages, or blog posts.

## Documentation

Check out our SDK documentation on developer.nxpkg.github.io:

- [SDK overview](https://developer.nxpkg.github.io/platform/api/javascript-sdk)
- [Options reference](https://developer.nxpkg.github.io/platform/api/javascript-sdk-options)
- [Controlling embeds](https://developer.nxpkg.github.io/platform/api/javascript-sdk-vm)

## Reporting issues

- Issues with the SDK can be filed at https://github.com/nxpkg/sdk/issues
- Other issues with NxPkg can be filed at https://github.com/nxpkg/core/issues

## Development

We use `npm` and Node 16+.

```sh
# Install dependencies
npm install

# Start a development server to explore examples
npm start

# Run unit tests
npm test

# Run end-to-end tests with mock server
npm run test:e2e

# Run end-to-end tests against nxpkg.github.io
NXPKG_SERVER_ORIGIN=https://nxpkg.github.io npm run test:e2e

# Generate the 'bundles' and 'types' folders
npm run build
```
npm package: @nx-pkg/storybook-addon-nxpkg
Description: Create a one-click Pull Request environment right from your component
Author: Nx Pkg
Latest version: 0.0.5

# Storybook Addon NxPkg
Create a one-click Pull Request environment right from your component

## Installation

yarn:
```bash
yarn add --dev @nx-pkg/storybook-addon-nxpkg
```

npm:
```bash
npm install @nx-pkg/storybook-addon-nxpkg --save-dev
```

pnpm:
```bash
pnpm add --save-dev @nx-pkg/storybook-addon-nxpkg
```

## Usage

Add the following to your `.storybook/main.ts` (or `.storybook/main.js`) exports:

```typescript
export default {
  addons: ['@nx-pkg/storybook-addon-nxpkg'],
};
```

Configure the repository URL in the `.storybook/preview.ts` (or `.storybook/preview.js`):
```typescript
export default {
  parameters: {
    repositoryUrl: 'https://github.com/[username]/[reponame]'
  },
};
```

In your story files set the file path for the specific story, for instance:
```typescript
export const Primary: Story = {
  args: {/* ... */},
  parameters: {
    filePath: 'src/stories/Button.tsx'
  }
};
```

If your components are placed in multiple repositories, you can also define the repository URL per the specific story:
```typescript
export const Primary: Story = {
  args: {/* ... */},
  parameters: {
    filePath: 'src/stories/Button.tsx',
    repositoryUrl: 'https://github.com/[username]/[reponame]'
  }
};
```


## Development scripts

- `yarn start` runs babel in watch mode and starts Storybook
- `yarn build` build and package your addon code

## Addon icon

(for Storybook [integration catalog](https://storybook.js.org/integrations))

![icon](https://github.com/nxpkg/storybook-addon-nxpkg/assets/1511906/d8b5c029-8633-4d16-8a9e-5d5fe8456aeb)
npm package: @nx-pkg/stylelint-config
Description: [![npm](https://img.shields.io/npm/v/@nx-pkg/stylelint-config.svg)](https://www.npmjs.com/package/@nx-pkg/stylelint-config) [![downloads](https://img.shields.io/npm/dt/@nx-pkg/stylelint-config.svg)](https://www.npmjs.com/package/@nx-pkg/stylelint-config) 
Latest version: 1.4.0

# @nx-pkg/stylelint-config

[![npm](https://img.shields.io/npm/v/@nx-pkg/stylelint-config.svg)](https://www.npmjs.com/package/@nx-pkg/stylelint-config)
[![downloads](https://img.shields.io/npm/dt/@nx-pkg/stylelint-config.svg)](https://www.npmjs.com/package/@nx-pkg/stylelint-config)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

Shared stylelint config for all Nxpkg projects

## Install

```
npm install -D @nx-pkg/stylelint-config
```
npm package: @nx-pkg/tsconfig
Description: Base tsconfig.json for Nxpkg TypeScript projects
Author: Abdullah Al-Mamun
Latest version: 4.0.1


# Nxpkg tsconfig

[![npm](https://img.shields.io/npm/v/@nx-pkg/tsconfig.svg)](https://www.npmjs.com/package/@nx-pkg/tsconfig)
[![downloads](https://img.shields.io/npm/dt/@nx-pkg/tsconfig.svg)](https://www.npmjs.com/package/@nx-pkg/tsconfig)
[![build](https://travis-ci.org/nxpkg/tsconfig.svg?branch=master)](https://travis-ci.org/nxpkg/tsconfig)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Base tsconfig.json for TypeScript projects at Nxpkg.
It only includes compiler options that make TypeScript more strict.
It does not set any project-specific or environmental settings.

## Usage

```
npm install --save-dev @nx-pkg/tsconfig
```

Then add this tsconfig.json:

```json
{
  "extends": "./node_modules/@nx-pkg/tsconfig/tsconfig.json"
}
```

## Making changes

```
npm link
cd <project>
npm link @nx-pkg/tsconfig
npm run lint
```

## Publish a new version

Follow [semver](http://semver.org/).

```
npm version major|minor|patch
git push
git push --tags
npm publish
```