// @flow import { remote } from 'electron'; import React from 'react'; import classnames from 'classnames'; import * as RENDER_MODES from 'constants/file_render_modes'; import { withRouter } from 'react-router-dom'; import fs from 'fs'; import analytics from 'analytics'; import DocumentViewer from 'component/viewers/documentViewer'; // @if TARGET='app' // should match import DocxViewer from 'component/viewers/docxViewer'; import ComicBookViewer from 'component/viewers/comicBookViewer'; import ThreeViewer from 'component/viewers/threeViewer'; // @endif const AppViewer = React.lazy(() => import('component/viewers/appViewer' /* webpackChunkName: "appViewer" */)); const HtmlViewer = React.lazy(() => import('component/viewers/htmlViewer' /* webpackChunkName: "htmlViewer" */)); const ImageViewer = React.lazy(() => import('component/viewers/imageViewer' /* webpackChunkName: "imageViewer" */)); const PdfViewer = React.lazy(() => import('component/viewers/pdfViewer' /* webpackChunkName: "pdfViewer" */)); const VideoViewer = React.lazy(() => import('component/viewers/videoViewer' /* webpackChunkName: "videoViewer" */)); type Props = { uri: string, streamingUrl: string, embedded?: boolean, contentType: string, claim: StreamClaim, currentTheme: string, downloadPath: string, fileExtension: string, autoplay: boolean, renderMode: string, thumbnail: string, desktopPlayStartTime?: number, className?: string, }; class FileRender extends React.PureComponent { constructor(props: Props) { super(props); (this: any).escapeListener = this.escapeListener.bind(this); } componentDidMount() { const { embedded } = this.props; window.addEventListener('keydown', this.escapeListener, true); analytics.playerLoadedEvent(embedded); } componentWillUnmount() { window.removeEventListener('keydown', this.escapeListener, true); } escapeListener(e: SyntheticKeyboardEvent<*>) { if (e.keyCode === 27) { e.preventDefault(); this.exitFullscreen(); return false; } } exitFullscreen() { remote.getCurrentWindow().setFullScreen(false); } renderViewer() { const { currentTheme, contentType, downloadPath, fileExtension, streamingUrl, uri, renderMode, desktopPlayStartTime, } = this.props; const source = streamingUrl; switch (renderMode) { case RENDER_MODES.AUDIO: case RENDER_MODES.VIDEO: return ( ); case RENDER_MODES.IMAGE: return ( ; ); case RENDER_MODES.HTML: return ( ; ); case RENDER_MODES.DOCUMENT: case RENDER_MODES.MARKDOWN: return ( fs.createReadStream(downloadPath, options), // @endif stream: source, fileExtension, contentType, }} renderMode={renderMode} theme={currentTheme} /> ); case RENDER_MODES.DOCX: return ; case RENDER_MODES.PDF: return ( ; ); case RENDER_MODES.CAD: return ( ); case RENDER_MODES.COMIC: return ( fs.createReadStream(downloadPath, options), // @endif stream: source, }} theme={currentTheme} /> ); case RENDER_MODES.APPLICATION: return ( ; ); } return null; } render() { const { embedded, renderMode, className } = this.props; return (
{this.renderViewer()}
); } } export default withRouter(FileRender);