lbry-desktop/ui/page/embedWrapper/index.js
2022-05-16 06:36:50 -04:00

97 lines
3.5 KiB
JavaScript

import { connect } from 'react-redux';
import EmbedWrapperPage from './view';
import * as PAGES from 'constants/pages';
import {
selectClaimForUri,
selectIsUriResolving,
selectGeoRestrictionForUri,
selectLatestClaimByUri,
} from 'redux/selectors/claims';
import { makeSelectStreamingUrlForUri } from 'redux/selectors/file_info';
import { doResolveUri, doFetchLatestClaimForChannel } from 'redux/actions/claims';
import { buildURI } from 'util/lbryURI';
import { doPlayUri } from 'redux/actions/content';
import { selectShouldObscurePreviewForUri } from 'redux/selectors/content';
import { selectCostInfoForUri, doFetchCostInfoForUri, selectBlackListedOutpoints } from 'lbryinc';
import { doCommentSocketConnect, doCommentSocketDisconnect } from 'redux/actions/websocket';
import { doFetchActiveLivestreams, doFetchChannelLiveStatus } from 'redux/actions/livestream';
import {
selectIsActiveLivestreamForUri,
selectActiveLivestreamInitialized,
selectActiveLiveClaimForChannel,
} from 'redux/selectors/livestream';
import { getThumbnailFromClaim, isStreamPlaceholderClaim } from 'util/claim';
import { doUserSetReferrerWithUri } from 'redux/actions/user';
const select = (state, props) => {
const { search } = state.router.location;
const { match } = props || {};
let uri = props.uri;
let claimId;
if (match) {
const { params } = match;
const { claimName } = params;
claimId = params.claimId;
uri = claimName ? buildURI({ claimName, claimId }) : '';
}
const urlParams = new URLSearchParams(search);
const featureParam = urlParams.get('feature');
const isNewestPath = featureParam === PAGES.LIVE_NOW || featureParam === PAGES.LATEST;
const claim = selectClaimForUri(state, uri);
const { canonical_url: canonicalUrl, signing_channel: channelClaim, txid, nout } = claim || {};
if (isNewestPath) claimId = claim?.claim_id;
const { claim_id: channelClaimId, canonical_url: channelUri, txid: channelTxid, channelNout } = channelClaim || {};
const haveClaim = Boolean(claim);
const nullClaim = claim === null;
const latestContentClaim =
featureParam === PAGES.LIVE_NOW
? selectActiveLiveClaimForChannel(state, claimId)
: selectLatestClaimByUri(state, canonicalUrl);
const latestClaimUrl = latestContentClaim && latestContentClaim.canonical_url;
if (latestClaimUrl) uri = latestClaimUrl;
return {
uri,
claimId,
haveClaim,
nullClaim,
canonicalUrl,
txid,
nout,
channelUri,
channelClaimId,
channelTxid,
channelNout,
latestClaimUrl,
isNewestPath,
costInfo: uri && selectCostInfoForUri(state, uri),
streamingUrl: uri && makeSelectStreamingUrlForUri(uri)(state),
isResolvingUri: uri && selectIsUriResolving(state, uri),
blackListedOutpoints: haveClaim && selectBlackListedOutpoints(state),
isCurrentClaimLive: selectIsActiveLivestreamForUri(state, isNewestPath ? latestClaimUrl : canonicalUrl),
isLivestreamClaim: isStreamPlaceholderClaim(claim),
obscurePreview: selectShouldObscurePreviewForUri(state, uri),
claimThumbnail: getThumbnailFromClaim(claim),
activeLivestreamInitialized: selectActiveLivestreamInitialized(state),
geoRestriction: selectGeoRestrictionForUri(state, uri),
};
};
const perform = {
doResolveUri,
doPlayUri,
doFetchCostInfoForUri,
doFetchChannelLiveStatus,
doCommentSocketConnect,
doCommentSocketDisconnect,
doFetchActiveLivestreams,
setReferrer: doUserSetReferrerWithUri,
fetchLatestClaimForChannel: doFetchLatestClaimForChannel,
};
export default connect(select, perform)(EmbedWrapperPage);