open-index/open-npm huggingface dataset:
npm package: @suzubara/react-file-viewer
Description: Extendable file viewer for web
Author: Suzanne Rozier
Latest version: 2.0.0

# react-file-viewer

Forked from https://github.com/plangrid/react-file-viewer

## Roadmap:

- [ ] Convert CSS to CSS modules
- [ ] Add support for custom controls components
- [ ] Convert to TypeScript

Extendable file viewer for web

## Supported file formats:

- Images: png, jpeg, gif, bmp, including 360-degree images
- pdf
- csv
- xslx
- docx
- Video: mp4, webm
- Audio: mp3

## Usage

Note this module works best with react 16+. If you are using React < 16 you will likely need to use version 0.5. `npm install react-file-viewer@0.5.0`.

There is one main React component, `FileViewer`, that takes the following props:

`fileType` string: type of resource to be shown (one of the supported file
formats, eg `'png'`). Passing in an unsupported file type will result in displaying
an `unsupported file type` message (or a custom component).

`filePath` string: the url of the resource to be shown by the FileViewer.

`onError` function [optional]: function that will be called when there is an error in the file
viewer fetching or rendering the requested resource. This is a place where you can
pass a callback for a logging utility.

`errorComponent` react element [optional]: A component to render in case of error
instead of the default error component that comes packaged with react-file-viewer.

`unsupportedComponent` react element [optional]: A component to render in case
the file format is not supported.

To use a custom error component, you might do the following:

```
// MyApp.js
import React, { Component } from 'react';
import logger from 'logging-library';
import FileViewer from 'react-file-viewer';
import { CustomErrorComponent } from 'custom-error';

const file = 'http://example.com/image.png'
const type = 'png'

class MyComponent extends Component {
  render() {
    return (
      <FileViewer
        fileType={type}
        filePath={file}
        errorComponent={CustomErrorComponent}
        onError={this.onError}/>
    );
  }

  onError(e) {
    logger.logError(e, 'error in file-viewer');
  }
}
```
npm package: @suzuki-hy/partsner
Description: React component library and customize webapp
Author: Hayato Suzuki
Latest version: 0.1.7-DEV-v8

# Partsner

Useful & customizable web components for React.

## Components

powered by [Swiper](https://swiperjs.com/))

- ImageSwiper: Auto-swiping images (powered by [Swiper](https://swiperjs.com/))
- BasicSwiper: Image slider (powered by [Swiper](https://swiperjs.com/))

powered by [ChakraUI](https://v2.chakra-ui.com/)

- Accordion: Customizable accordion component
- Tab: Customizable tab component
npm package: @suzukiplan/vgs-js
Description: VGS for JS
Author: Yoji Suzuki
Latest version: 0.0.4

# vgs-js
- TypeScript用のVGSを作ろうとしています
- Node.jsでの利用を想定しています
- まだ何もできていません

## How to use
### package.json
```
  dependencies {
    "@suzukiplan/vgs-js", "~0.0.3"
  },
```