open-index/open-npm huggingface dataset:
npm package: @21epub/epub-form-components
Description: epub-form-components
Author: dxsixpc
Latest version: 0.8.14

# epub-form-components

> Made with create-storybook-react-library

[![NPM](https://img.shields.io/npm/v/@21epub/epub-form-components.svg)](https://www.npmjs.com/package/@21epub/epub-form-components) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Build Status](https://img.shields.io/travis/com/dxsixpc/epub-form-components)](https://travis-ci.com/github/dxsixpc/epub-form-components) [![Codecov](https://img.shields.io/codecov/c/github/dxsixpc/epub-form-components)](https://codecov.io/gh/dxsixpc/epub-form-components)

## Intro

This is a component for react.

## Feature

- [x] Easy-to-use
- [x] Typescript Support
- [x] Storybook UI component

## Install

```bash
npm install --save @21epub/epub-form-components
```

## Usage

```tsx
import React, { Component } from 'react';

import { getFormComponent } from '@21epub/epub-form-components';

class Example extends Component {
  Component = getFormComponent(widget_type);
  render() {
    return <Component />;
  }
}
```

For Details: See Example

## Developing and running on localhost

First install dependencies and then install peerDeps for storybook dev:

```sh
npm install
npm run install-peers
```

To run Example in hot module reloading mode:

```sh
npm start   # or npm run storybook
```

To create a bundle library module build:

```sh
npm run build
```

## Testing

To run unit tests:

```sh
npm test
```

## License

MIT © [dxsixpc](https://github.com/dxsixpc)
npm package: @21epub/epub-json-panel
Description: epub-json-panel
Author: dxsixpc
Latest version: 0.0.14

# epub-json-panel

> Made with create-storybook-react-library

[![NPM](https://img.shields.io/npm/v/epub-json-panel.svg)](https://www.npmjs.com/package/epub-json-panel) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Build Status](https://img.shields.io/travis/com/icey0126/epub-json-panel)](https://travis-ci.com/github/icey0126/epub-json-panel) [![Codecov](https://img.shields.io/codecov/c/github/icey0126/epub-json-panel)](https://codecov.io/gh/icey0126/epub-json-panel)

## Intro

This is a component for react.

## Install

```bash
npm install --save @21epub/epub-json-panel
```

For Details: See Example

## Developing and running on localhost

First install dependencies and then install peerDeps for storybook dev:

```sh
npm install
npm run install-peers
```

To run Example in hot module reloading mode:

```sh
npm start   # or npm run storybook
```

To create a bundle library module build:

```sh
npm run build
```

## Testing

To run unit tests:

```sh
npm test
```

## License

MIT © [dxsixpc](https://github.com/icey0126)
npm package: @21epub/float-panel
Description: React Float panel
Author: 21epub
Latest version: 0.3.1

# @21epub/float-panel

> React Float panel

[![NPM](https://img.shields.io/npm/v/@21epub/float-panel.svg)](https://www.npmjs.com/package/@21epub/float-panel) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Build Status](https://img.shields.io/travis/com/21epub/float-panel)](https://travis-ci.com/github/21epub/float-panel) [![Codecov](https://img.shields.io/codecov/c/github/21epub/float-panel)](https://codecov.io/gh/21epub/float-panel)

## Intro

This is a component for react.

## Feature

- [x] Easy-to-use
- [x] Typescript Support

## Install

```bash
npm install --save @21epub/float-panel
```

## Usage

```tsx
import React, { Component } from 'react'

import FloatPanel from '@21epub/float-panel'
import '@21epub/float-panel/dist/index.css'

class Example extends Component {
  render() {
    return <FloatPanel
          pos = {x : 0, y: 0, width: 200, height: "auto" },
          minWidth = {80},
          disableDragging = false,
          enableResizing = true,
          enableClose = false,
          title = 'Test',
          className = 'TestPanel',
          titleHeight = 22,
          titleBarStyle = {
            height: titleHeight
          },
          opts = {
            bounds: "window"
          }  // opts support Rnd opts ,such as  bounds , reference to : https://github.com/bokuweb/react-rnd
          > This is the panel content </FloatPanel>
  }
}
```

For Details: See Example

## Developing and running on localhost

First install dependencies and then install peerDeps for parcel dev:

```sh
npm install
npm run install-peers
```

To run Example in hot module reloading mode:

```sh
npm start
```

To create a parcel example production build:

```sh
npm run build-prod
```

To create a bundle library module build:

```sh
npm run build
```

## Running

Open the file `dist/index.html` in your browser

## Testing

To run unit tests:

```sh
npm test
```

## License

MIT © [21epub](https://github.com/21epub)
npm package: @21epub/npm-link-peerdeps
Description: A npm-link helper CLI for npm package develop with Main Project 
Author: 21epub
Latest version: 0.0.9

# @21epub/npm-link-peerdeps

> A npm-link helper for npm package develop with Main Project

[![NPM](https://img.shields.io/npm/v/@21epub/npm-link-peerdeps.svg)](https://www.npmjs.com/package/@21epub/npm-link-peerdeps) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) ![Build Status](https://img.shields.io/travis/com/21epub/npm-link-peerdeps) ![Codecov](https://img.shields.io/codecov/c/github/21epub/npm-link-peerdeps)

## Intro

Start your npm library created by [create-parcel-react-library](https://www.npmjs.com/package/@21epub/create-parcel-react-library)

Link your npm package to Main Project to test in Project ENV.

Auto-run npm-link for both Library and Project.

Link peers to the Main Project

## Feature

- [x] Easy-to-use

## Usage

#### Use npx directly

To start npm-link your library :

```bash
npx @21epub/npm-link-peerdeps start # start npm-link for project dev

```

After answer prompts , It will do something below:

- Npm link current library in library cwd
- Rm peers from node_modules
- Install library to Main Project & Link it to Main project
- Watch & re bundle library code

To stop npm-link and return back to your library local dev :

```bash
npx @21epub/npm-link-peerdeps stop # stop npm-link for project dev
```

#### Or install and run as global

```bash
npm install -g @21epub/npm-link-peerdeps
npm-link-peerdeps start
...
npm-link-peerdeps stop
```

## License

MIT © [21epub](https://github.com/21epub)