import React from 'react'; import lbry from 'lbry.js'; import lighthouse from 'lighthouse.js'; import lbryuri from 'lbryuri.js'; import Video from 'component/video' import { TruncatedText, Thumbnail, BusyMessage, } from 'component/common'; import FilePrice from 'component/filePrice' import FileActions from 'component/fileActions'; import Link from 'component/link'; import UriIndicator from 'component/uriIndicator'; const FormatItem = (props) => { const { contentType, metadata, metadata: { thumbnail, author, title, description, language, license, }, cost, uri, outpoint, costIncludesData, } = props const mediaType = lbry.getMediaType(contentType); return (
Content-Type{contentType}
Author{author}
Language{language}
License{license}
) } let ChannelPage = React.createClass({ render: function() { return

{this.props.title}

This channel page is a stub.

} }); let FilePage = React.createClass({ _isMounted: false, propTypes: { uri: React.PropTypes.string, }, getInitialState: function() { return { cost: null, costIncludesData: null, isDownloaded: null, }; }, componentWillUnmount: function() { this._isMounted = false; }, componentWillReceiveProps: function(nextProps) { if (nextProps.outpoint != this.props.outpoint || nextProps.uri != this.props.uri) { this.loadCostAndFileState(nextProps.uri, nextProps.outpoint); } }, componentWillMount: function() { this._isMounted = true; this.loadCostAndFileState(this.props.uri, this.props.outpoint); }, loadCostAndFileState: function(uri, outpoint) { lbry.file_list({outpoint: outpoint}).then((fileInfo) => { if (this._isMounted) { this.setState({ isDownloaded: fileInfo.length > 0, }); } }); lbry.getCostInfo(uri).then(({cost, includesData}) => { if (this._isMounted) { this.setState({ cost: cost, costIncludesData: includesData, }); } }); }, render: function() { const metadata = this.props.metadata, title = metadata ? this.props.metadata.title : this.props.uri, uriIndicator = return (
{ this.props.contentType && this.props.contentType.startsWith('video/') ?
{isDownloaded === false ? : null}

{title}

{ this.props.channelUri ? {uriIndicator} : uriIndicator}
{metadata.description}
{ metadata ?
: '' }
); } }); let ShowPage = React.createClass({ _uri: null, _isMounted: false, propTypes: { uri: React.PropTypes.string, }, getInitialState: function() { return { outpoint: null, metadata: null, contentType: null, hasSignature: false, claimType: null, signatureIsValid: false, cost: null, costIncludesData: null, uriLookupComplete: null, isFailed: false, }; }, componentWillUnmount: function() { this._isMounted = false; }, componentWillReceiveProps: function(nextProps) { if (nextProps.uri != this.props.uri) { this.setState(this.getInitialState()); this.loadUri(nextProps.uri); } }, componentWillMount: function() { this._isMounted = true; this.loadUri(this.props.uri); }, loadUri: function(uri) { this._uri = lbryuri.normalize(uri); lbry.resolve({uri: this._uri}).then((resolveData) => { const isChannel = resolveData && resolveData.claims_in_channel; if (!this._isMounted) { return; } if (resolveData) { let newState = { uriLookupComplete: true } if (!isChannel) { let {claim: {txid: txid, nout: nout, has_signature: has_signature, signature_is_valid: signature_is_valid, value: {stream: {metadata: metadata, source: {contentType: contentType}}}}} = resolveData; Object.assign(newState, { claimType: "file", metadata: metadata, outpoint: txid + ':' + nout, hasSignature: has_signature, signatureIsValid: signature_is_valid, contentType: contentType }); lbry.setTitle(metadata.title ? metadata.title : this._uri) } else { let {certificate: {txid: txid, nout: nout, has_signature: has_signature}} = resolveData; Object.assign(newState, { claimType: "channel", outpoint: txid + ':' + nout, txid: txid, metadata: { title:resolveData.certificate.name } }); } this.setState(newState); } else { this.setState(Object.assign({}, this.getInitialState(), { uriLookupComplete: true, isFailed: true })); } }); }, render: function() { const metadata = this.state.metadata, title = metadata ? this.state.metadata.title : this._uri; let innerContent = ""; if (!this.state.uriLookupComplete || this.state.isFailed) { innerContent =

{title}

{ this.state.uriLookupComplete ?

This location is not yet in use. { ' ' }.

: }
; } else if (this.state.claimType == "channel") { innerContent = } else { let channelUriObj = lbryuri.parse(this._uri) delete channelUriObj.path; delete channelUriObj.contentName; const channelUri = this.state.signatureIsValid && this.state.hasSignature && channelUriObj.isChannel ? lbryuri.build(channelUriObj, false) : null; innerContent = ; } return
{innerContent}
; } }); export default ShowPage;