From 8f29368f3e7dfca3354701c770e4302b848bc564 Mon Sep 17 00:00:00 2001 From: Gurpreet Singh Date: Wed, 20 Mar 2019 18:29:36 +0530 Subject: [PATCH 01/18] Use new PDFJS get Document syntax --- src/components/drivers/pdf-viewer.jsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/drivers/pdf-viewer.jsx b/src/components/drivers/pdf-viewer.jsx index 8c638d29..763b1204 100644 --- a/src/components/drivers/pdf-viewer.jsx +++ b/src/components/drivers/pdf-viewer.jsx @@ -90,9 +90,10 @@ export default class PDFDriver extends React.Component { componentDidMount() { const { filePath } = this.props; - const containerWidth = this.container.offsetWidth; - PDFJS.getDocument(filePath, null, null, this.progressCallback.bind(this)).then((pdf) => { - this.setState({ pdf, containerWidth }); + let loadingTask = PDFJS.getDocument(filePath); + loadingTask.onProgress = this.progressCallback.bind(this); + loadingTask.promise.then((pdf) => { + this.setState({ pdf, containerWidth: this.container.offsetWidth }); }); } From 2f6943418c8b7f02c7c14501ae973839d5dce67d Mon Sep 17 00:00:00 2001 From: Gurpreet Singh Date: Wed, 20 Mar 2019 18:38:25 +0530 Subject: [PATCH 02/18] Package json modified --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 3a485a08..a7e231c8 100644 --- a/package.json +++ b/package.json @@ -1,12 +1,12 @@ { - "name": "react-file-viewer", + "name": "@gp.singh/react-file-preview", "version": "1.1.0", "description": "Extendable file viewer for web", "main": "dist/index.js", "module": "dist/index.js", "repository": { "type": "git", - "url": "git+https://github.com/plangrid/react-file-viewer.git" + "url": "git+https://github.com/gurpreet013/react-file-viewer.git" }, "scripts": { "dev": "webpack -d --watch", @@ -17,7 +17,7 @@ "jest": "node_modules/.bin/jest --env=jsdom", "tag-and-publish": "node ./scripts/publish.js" }, - "author": "PlanGrid ", + "author": "Gurpeet Singh ", "contributors": [ { "name": "Alexei Schiopu", @@ -35,9 +35,9 @@ ], "license": "MIT", "bugs": { - "url": "https://github.com/plangrid/react-file-viewer/issues" + "url": "https://github.com/gurpreet013/react-file-viewer/issues" }, - "homepage": "https://github.com/plangrid/react-file-viewer#readme", + "homepage": "https://github.com/gurpreet013/react-file-viewer#readme", "devDependencies": { "autoprefixer": "^7.1.0", "babel-core": "^6.24.1", From cefa614a7069ba396848b85909fd7360f2317d2d Mon Sep 17 00:00:00 2001 From: Gurpreet Singh Date: Wed, 20 Mar 2019 21:51:57 +0530 Subject: [PATCH 03/18] Bump version to 1.1.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a7e231c8..a2f10e57 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gp.singh/react-file-preview", - "version": "1.1.0", + "version": "1.1.1", "description": "Extendable file viewer for web", "main": "dist/index.js", "module": "dist/index.js", From 11c680dbe907df245565ec5974f4aebf631cfed9 Mon Sep 17 00:00:00 2001 From: Gurpreet Singh Date: Thu, 21 Mar 2019 13:30:17 +0530 Subject: [PATCH 04/18] Client Height Width Issue fixed for photoviewer --- package.json | 4 ++-- src/components/file-viewer.jsx | 14 +++++--------- 2 files changed, 7 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index a2f10e57..83ceb16f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "@gp.singh/react-file-preview", - "version": "1.1.1", + "name": "react-file-viewer-extended", + "version": "1.1.2", "description": "Extendable file viewer for web", "main": "dist/index.js", "module": "dist/index.js", diff --git a/src/components/file-viewer.jsx b/src/components/file-viewer.jsx index f1a524e8..e5b58f24 100644 --- a/src/components/file-viewer.jsx +++ b/src/components/file-viewer.jsx @@ -25,13 +25,6 @@ class FileViewer extends Component { }; } - componentDidMount() { - const container = document.getElementById('pg-viewer'); - const height = container ? container.clientHeight : 0; - const width = container ? container.clientWidth : 0; - this.setState({ height, width }); - } - getDriver() { switch (this.props.fileType) { case 'csv': { @@ -71,11 +64,14 @@ class FileViewer extends Component { } render() { - const Driver = this.getDriver(this.props); + const Driver = this.getDriver(this.props), + container = document.getElementById('pg-viewer'), + height = container ? container.clientHeight : 0, + width = container ? container.clientWidth : 0; return (
- +
); From 76ae962c49c3cd95bf142e3d7b75a888badc8927 Mon Sep 17 00:00:00 2001 From: Gurpreet Singh Date: Fri, 22 Mar 2019 10:31:58 +0530 Subject: [PATCH 05/18] ios safari loadedmetadata event added for audio & video --- package.json | 2 +- src/components/drivers/audio-viewer.jsx | 11 ++++++++++- src/components/drivers/video-viewer.jsx | 11 ++++++++++- 3 files changed, 21 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 83ceb16f..1525dc9d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-file-viewer-extended", - "version": "1.1.2", + "version": "1.1.3", "description": "Extendable file viewer for web", "main": "dist/index.js", "module": "dist/index.js", diff --git a/src/components/drivers/audio-viewer.jsx b/src/components/drivers/audio-viewer.jsx index 855c7033..76c944dc 100644 --- a/src/components/drivers/audio-viewer.jsx +++ b/src/components/drivers/audio-viewer.jsx @@ -13,10 +13,18 @@ class AudioViewer extends Component { }; } - onCanPlay() { + onCanPlay = () => { this.setState({ loading: false }); } + componentDidMount() { + this.audio.addEventListener('loadedmetadata', this.onCanPlay); + } + + componentWillUnmount() { + this.audio.removeEventListener('loadedmetadata', this.onCanPlay); + } + renderLoading() { if (this.state.loading) { return ; @@ -33,6 +41,7 @@ class AudioViewer extends Component {