add pdf-js viewer

webapp/views/components/Button.js

@@ -0,0 +1,7 @@
+import { h } from 'preact';
+
+export default function(props) {
+    return (
+        <button onClick={props.onClick}>{props.text}</button>
+    );
+}

webapp/views/components/Input.js

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+
+export default function(props) {
+    return (
+        <label>
+            {props.text}:
+            <input onChange={props.onChange.bind(null, props.name)} type="text" />
+        </label>
+    );
+}

webapp/views/components/Preview.js

@@ -0,0 +1,24 @@
+import { Component, h } from 'preact';
+import PDF from 'react-pdf';
+
+class Preview extends Component {
+    render(props) {
+        return (
+            <PDF
+                content={props.pdf}
+                onDocumentComplete={this._onDocumentComplete}
+                onPageComplete={this._onPageComplete}
+            />
+        );
+    }
+
+    _onDocumentComplete(pages) {
+        this.setState({pages: pages});
+    }
+
+    _onPageComplete(page) {
+        this.setState({page});
+    }
+}
+
+export default Preview;