# Saiku React PDF.js

> A React component to wrap [PDF.js](https://github.com/mozilla/pdf.js).

[![npm downloads](https://img.shields.io/npm/dt/saiku-react-pdfjs.svg?style=flat)](https://www.npmjs.com/package/saiku-react-pdfjs)
[![npm version](https://img.shields.io/npm/v/saiku-react-pdfjs.svg?style=flat)](https://www.npmjs.com/package/saiku-react-pdfjs)
[![npm license](https://img.shields.io/npm/l/saiku-react-pdfjs.svg?style=flat)](https://www.npmjs.com/package/saiku-react-pdfjs)

## Requirements

- [Node.js](https://nodejs.org/en/download/) v6.0.0 or higher
- NPM (v3.0.0+ recommended) (this comes with Node.js)

## Installation

**Using NPM:**

```console
npm install --save saiku-react-pdfjs
```

**Using Yarn:**

```console
yarn add saiku-react-pdfjs
```

## Usage

Here's an example of basic usage:

```js
import React, { Component } from 'react';
import SaikuPDF from 'saiku-react-pdfjs';

class MyApp extends Component {
  constructor(props) {
    super(props);

    this.onDocumentComplete = this.onDocumentComplete.bind(this);
    this.onPageComplete = this.onPageComplete.bind(this);
  }

  onDocumentComplete(numberOfPages, pdf) {
    this.setState({ numberOfPages });
  },

  onPageComplete(currentPage, page) {
    this.setState({ currentPage });
  }

  render() {
    return (
      <div>
        <SaikuPDF
          file="someFile.pdf"
          page={2}
          scale={1}
          onDocumentComplete={this.onDocumentComplete}
          onPageComplete={this.onPageComplete}
        />
        <p>Page {this.state.currentPage} of {this.state.numberOfPages}</p>
      </div>
    );
  }
}

export default MyApp;
```

## Storybook

You can access saiku-react-pdfjs storybook [here](http://osbi.github.io/saiku-react-pdfjs/).

## Contributing

If you want to help, please read the [Contributing](https://github.com/OSBI/saiku-react-pdfjs/blob/master/CONTRIBUTING.md) guide.

## History

For detailed changelog, see [Releases](https://github.com/OSBI/saiku-react-pdfjs/releases).

## Credits

Big thanks to these great repositories:

- https://github.com/nnarhinen/react-pdf
- https://github.com/erikras/react-pdfjs

## License

[Apache License Version 2](https://github.com/OSBI/saiku-react-pdfjs/blob/master/LICENSE) © Meteorite BI