Revert "Merge pull request #5691 from lbryio/feat/go-live" #5734
49 changed files with 115 additions and 1281 deletions
|
@ -117,7 +117,6 @@
|
||||||
"electron-is-dev": "^0.3.0",
|
"electron-is-dev": "^0.3.0",
|
||||||
"electron-webpack": "^2.8.2",
|
"electron-webpack": "^2.8.2",
|
||||||
"electron-window-state": "^4.1.1",
|
"electron-window-state": "^4.1.1",
|
||||||
"emoji-dictionary": "^1.0.11",
|
|
||||||
"eslint": "^5.15.2",
|
"eslint": "^5.15.2",
|
||||||
"eslint-config-prettier": "^2.9.0",
|
"eslint-config-prettier": "^2.9.0",
|
||||||
"eslint-config-standard": "^12.0.0",
|
"eslint-config-standard": "^12.0.0",
|
||||||
|
|
|
@ -1181,7 +1181,6 @@
|
||||||
"Try out the app!": "Try out the app!",
|
"Try out the app!": "Try out the app!",
|
||||||
"Download the app to track files you've viewed and downloaded.": "Download the app to track files you've viewed and downloaded.",
|
"Download the app to track files you've viewed and downloaded.": "Download the app to track files you've viewed and downloaded.",
|
||||||
"Create a new channel": "Create a new channel",
|
"Create a new channel": "Create a new channel",
|
||||||
"Go Live": "Go Live",
|
|
||||||
"Thumbnail source": "Thumbnail source",
|
"Thumbnail source": "Thumbnail source",
|
||||||
"Cover source": "Cover source",
|
"Cover source": "Cover source",
|
||||||
"Your changes will be live in a few minutes": "Your changes will be live in a few minutes",
|
"Your changes will be live in a few minutes": "Your changes will be live in a few minutes",
|
||||||
|
@ -1673,8 +1672,5 @@
|
||||||
"Receive emails about the latest rewards that are available to LBRY users.": "Receive emails about the latest rewards that are available to LBRY users.",
|
"Receive emails about the latest rewards that are available to LBRY users.": "Receive emails about the latest rewards that are available to LBRY users.",
|
||||||
"Stay up to date on the latest content from your favorite creators.": "Stay up to date on the latest content from your favorite creators.",
|
"Stay up to date on the latest content from your favorite creators.": "Stay up to date on the latest content from your favorite creators.",
|
||||||
"Receive tutorial emails related to LBRY": "Receive tutorial emails related to LBRY",
|
"Receive tutorial emails related to LBRY": "Receive tutorial emails related to LBRY",
|
||||||
"Create A LiveStream": "Create A LiveStream",
|
|
||||||
"%channel% isn't live right now, but the chat is! Check back later to watch the stream.": "%channel% isn't live right now, but the chat is! Check back later to watch the stream.",
|
|
||||||
"Right now": "Right now",
|
|
||||||
"--end--": "--end--"
|
"--end--": "--end--"
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,7 +9,6 @@ import Button from 'component/button';
|
||||||
import ClaimListDiscover from 'component/claimListDiscover';
|
import ClaimListDiscover from 'component/claimListDiscover';
|
||||||
import Ads from 'web/component/ads';
|
import Ads from 'web/component/ads';
|
||||||
import Icon from 'component/common/icon';
|
import Icon from 'component/common/icon';
|
||||||
import LivestreamLink from 'component/livestreamLink';
|
|
||||||
import { Form, FormField } from 'component/common/form';
|
import { Form, FormField } from 'component/common/form';
|
||||||
import { DEBOUNCE_WAIT_DURATION_MS } from 'constants/search';
|
import { DEBOUNCE_WAIT_DURATION_MS } from 'constants/search';
|
||||||
import { lighthouse } from 'redux/actions/search';
|
import { lighthouse } from 'redux/actions/search';
|
||||||
|
@ -107,8 +106,6 @@ function ChannelContent(props: Props) {
|
||||||
<HiddenNsfwClaims uri={uri} />
|
<HiddenNsfwClaims uri={uri} />
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<LivestreamLink uri={uri} />
|
|
||||||
|
|
||||||
{!fetching && channelIsBlackListed && (
|
{!fetching && channelIsBlackListed && (
|
||||||
<section className="card card--section">
|
<section className="card card--section">
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -30,7 +30,7 @@ function ChannelListItem(props: ListItemProps) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classnames('channel__list-item', { 'channel__list-item--selected': isSelected })}>
|
<div className={classnames('channel__list-item', { 'channel__list-item--selected': isSelected })}>
|
||||||
<ChannelThumbnail uri={uri} hideStakedIndicator />
|
<ChannelThumbnail uri={uri} />
|
||||||
<ChannelTitle uri={uri} />
|
<ChannelTitle uri={uri} />
|
||||||
{isSelected && <Icon icon={ICONS.DOWN} />}
|
{isSelected && <Icon icon={ICONS.DOWN} />}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -223,7 +223,7 @@ function ClaimListDiscover(props: Props) {
|
||||||
};
|
};
|
||||||
|
|
||||||
if (!ENABLE_NO_SOURCE_CLAIMS) {
|
if (!ENABLE_NO_SOURCE_CLAIMS) {
|
||||||
options.has_source = true;
|
// options.has_source = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (feeAmountParam && claimType !== CS.CLAIM_CHANNEL) {
|
if (feeAmountParam && claimType !== CS.CLAIM_CHANNEL) {
|
||||||
|
|
|
@ -1,23 +1,16 @@
|
||||||
import * as PAGES from 'constants/pages';
|
import * as PAGES from 'constants/pages';
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import {
|
import { makeSelectClaimForUri, makeSelectClaimIsPending, doClearPublish, doPrepareEdit } from 'lbry-redux';
|
||||||
makeSelectClaimForUri,
|
|
||||||
makeSelectClaimIsPending,
|
|
||||||
doClearPublish,
|
|
||||||
doPrepareEdit,
|
|
||||||
makeSelectClaimHasSource,
|
|
||||||
} from 'lbry-redux';
|
|
||||||
import { push } from 'connected-react-router';
|
import { push } from 'connected-react-router';
|
||||||
import ClaimPreviewSubtitle from './view';
|
import ClaimPreviewSubtitle from './view';
|
||||||
|
|
||||||
const select = (state, props) => ({
|
const select = (state, props) => ({
|
||||||
claim: makeSelectClaimForUri(props.uri)(state),
|
claim: makeSelectClaimForUri(props.uri)(state),
|
||||||
pending: makeSelectClaimIsPending(props.uri)(state),
|
pending: makeSelectClaimIsPending(props.uri)(state),
|
||||||
isLivestream: !makeSelectClaimHasSource(props.uri)(state),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const perform = (dispatch) => ({
|
const perform = dispatch => ({
|
||||||
beginPublish: (name) => {
|
beginPublish: name => {
|
||||||
dispatch(doClearPublish());
|
dispatch(doClearPublish());
|
||||||
dispatch(doPrepareEdit({ name }));
|
dispatch(doPrepareEdit({ name }));
|
||||||
dispatch(push(`/$/${PAGES.UPLOAD}`));
|
dispatch(push(`/$/${PAGES.UPLOAD}`));
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
// @flow
|
// @flow
|
||||||
import { ENABLE_NO_SOURCE_CLAIMS } from 'config';
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import UriIndicator from 'component/uriIndicator';
|
import UriIndicator from 'component/uriIndicator';
|
||||||
import DateTime from 'component/dateTime';
|
import DateTime from 'component/dateTime';
|
||||||
|
@ -12,11 +11,10 @@ type Props = {
|
||||||
pending?: boolean,
|
pending?: boolean,
|
||||||
type: string,
|
type: string,
|
||||||
beginPublish: (string) => void,
|
beginPublish: (string) => void,
|
||||||
isLivestream: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function ClaimPreviewSubtitle(props: Props) {
|
function ClaimPreviewSubtitle(props: Props) {
|
||||||
const { pending, uri, claim, type, beginPublish, isLivestream } = props;
|
const { pending, uri, claim, type, beginPublish } = props;
|
||||||
const claimsInChannel = (claim && claim.meta.claims_in_channel) || 0;
|
const claimsInChannel = (claim && claim.meta.claims_in_channel) || 0;
|
||||||
|
|
||||||
let isChannel;
|
let isChannel;
|
||||||
|
@ -30,16 +28,13 @@ function ClaimPreviewSubtitle(props: Props) {
|
||||||
{claim ? (
|
{claim ? (
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<UriIndicator uri={uri} link />{' '}
|
<UriIndicator uri={uri} link />{' '}
|
||||||
{!pending && claim && (
|
{!pending &&
|
||||||
<>
|
claim &&
|
||||||
{isChannel &&
|
(isChannel ? (
|
||||||
type !== 'inline' &&
|
type !== 'inline' && `${claimsInChannel} ${claimsInChannel === 1 ? __('upload') : __('uploads')}`
|
||||||
`${claimsInChannel} ${claimsInChannel === 1 ? __('upload') : __('uploads')}`}
|
) : (
|
||||||
|
<DateTime timeAgo uri={uri} />
|
||||||
{!isChannel &&
|
))}
|
||||||
(isLivestream && ENABLE_NO_SOURCE_CLAIMS ? __('Livestream') : <DateTime timeAgo uri={uri} />)}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
) : (
|
) : (
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
|
|
|
@ -92,7 +92,7 @@ function ClaimTilesDiscover(props: Props) {
|
||||||
};
|
};
|
||||||
|
|
||||||
if (!ENABLE_NO_SOURCE_CLAIMS) {
|
if (!ENABLE_NO_SOURCE_CLAIMS) {
|
||||||
options.has_source = true;
|
// options.has_source = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (releaseTime) {
|
if (releaseTime) {
|
||||||
|
|
|
@ -1,16 +1,10 @@
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import {
|
import { makeSelectClaimForUri, selectMyChannelClaims, selectFetchingMyChannels } from 'lbry-redux';
|
||||||
makeSelectClaimForUri,
|
|
||||||
makeSelectClaimIsMine,
|
|
||||||
selectMyChannelClaims,
|
|
||||||
selectFetchingMyChannels,
|
|
||||||
} from 'lbry-redux';
|
|
||||||
import { selectIsPostingComment } from 'redux/selectors/comments';
|
import { selectIsPostingComment } from 'redux/selectors/comments';
|
||||||
import { doOpenModal, doSetActiveChannel } from 'redux/actions/app';
|
import { doOpenModal, doSetActiveChannel } from 'redux/actions/app';
|
||||||
import { doCommentCreate } from 'redux/actions/comments';
|
import { doCommentCreate } from 'redux/actions/comments';
|
||||||
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
||||||
import { selectActiveChannelClaim } from 'redux/selectors/app';
|
import { selectActiveChannelClaim } from 'redux/selectors/app';
|
||||||
import { doToast } from 'redux/actions/notifications';
|
|
||||||
import { CommentCreate } from './view';
|
import { CommentCreate } from './view';
|
||||||
|
|
||||||
const select = (state, props) => ({
|
const select = (state, props) => ({
|
||||||
|
@ -20,15 +14,12 @@ const select = (state, props) => ({
|
||||||
isFetchingChannels: selectFetchingMyChannels(state),
|
isFetchingChannels: selectFetchingMyChannels(state),
|
||||||
isPostingComment: selectIsPostingComment(state),
|
isPostingComment: selectIsPostingComment(state),
|
||||||
activeChannelClaim: selectActiveChannelClaim(state),
|
activeChannelClaim: selectActiveChannelClaim(state),
|
||||||
claimIsMine: makeSelectClaimIsMine(props.uri)(state),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const perform = (dispatch, ownProps) => ({
|
const perform = (dispatch, ownProps) => ({
|
||||||
createComment: (comment, claimId, parentId) =>
|
createComment: (comment, claimId, parentId) => dispatch(doCommentCreate(comment, claimId, parentId, ownProps.uri)),
|
||||||
dispatch(doCommentCreate(comment, claimId, parentId, ownProps.uri, ownProps.livestream)),
|
|
||||||
openModal: (modal, props) => dispatch(doOpenModal(modal, props)),
|
openModal: (modal, props) => dispatch(doOpenModal(modal, props)),
|
||||||
setActiveChannel: (claimId) => dispatch(doSetActiveChannel(claimId)),
|
setActiveChannel: claimId => dispatch(doSetActiveChannel(claimId)),
|
||||||
toast: (message) => dispatch(doToast({ message, isError: true })),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default connect(select, perform)(CommentCreate);
|
export default connect(select, perform)(CommentCreate);
|
||||||
|
|
|
@ -10,16 +10,6 @@ import usePersistedState from 'effects/use-persisted-state';
|
||||||
import { FF_MAX_CHARS_IN_COMMENT } from 'constants/form-field';
|
import { FF_MAX_CHARS_IN_COMMENT } from 'constants/form-field';
|
||||||
import { useHistory } from 'react-router';
|
import { useHistory } from 'react-router';
|
||||||
import type { ElementRef } from 'react';
|
import type { ElementRef } from 'react';
|
||||||
import emoji from 'emoji-dictionary';
|
|
||||||
|
|
||||||
const COMMENT_SLOW_MODE_SECONDS = 5;
|
|
||||||
const LIVESTREAM_EMOJIS = [
|
|
||||||
emoji.getUnicode('rocket'),
|
|
||||||
emoji.getUnicode('jeans'),
|
|
||||||
emoji.getUnicode('fire'),
|
|
||||||
emoji.getUnicode('heart'),
|
|
||||||
emoji.getUnicode('open_mouth'),
|
|
||||||
];
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
uri: string,
|
uri: string,
|
||||||
|
@ -35,9 +25,6 @@ type Props = {
|
||||||
isPostingComment: boolean,
|
isPostingComment: boolean,
|
||||||
activeChannel: string,
|
activeChannel: string,
|
||||||
activeChannelClaim: ?ChannelClaim,
|
activeChannelClaim: ?ChannelClaim,
|
||||||
livestream?: boolean,
|
|
||||||
toast: (string) => void,
|
|
||||||
claimIsMine: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export function CommentCreate(props: Props) {
|
export function CommentCreate(props: Props) {
|
||||||
|
@ -53,15 +40,11 @@ export function CommentCreate(props: Props) {
|
||||||
parentId,
|
parentId,
|
||||||
isPostingComment,
|
isPostingComment,
|
||||||
activeChannelClaim,
|
activeChannelClaim,
|
||||||
livestream,
|
|
||||||
toast,
|
|
||||||
claimIsMine,
|
|
||||||
} = props;
|
} = props;
|
||||||
const buttonref: ElementRef<any> = React.useRef();
|
const buttonref: ElementRef<any> = React.useRef();
|
||||||
const { push } = useHistory();
|
const { push } = useHistory();
|
||||||
const { claim_id: claimId } = claim;
|
const { claim_id: claimId } = claim;
|
||||||
const [commentValue, setCommentValue] = React.useState('');
|
const [commentValue, setCommentValue] = React.useState('');
|
||||||
const [lastCommentTime, setLastCommentTime] = React.useState();
|
|
||||||
const [charCount, setCharCount] = useState(commentValue.length);
|
const [charCount, setCharCount] = useState(commentValue.length);
|
||||||
const [advancedEditor, setAdvancedEditor] = usePersistedState('comment-editor-mode', false);
|
const [advancedEditor, setAdvancedEditor] = usePersistedState('comment-editor-mode', false);
|
||||||
const hasChannels = channels && channels.length;
|
const hasChannels = channels && channels.length;
|
||||||
|
@ -96,21 +79,9 @@ export function CommentCreate(props: Props) {
|
||||||
|
|
||||||
function handleSubmit() {
|
function handleSubmit() {
|
||||||
if (activeChannelClaim && commentValue.length) {
|
if (activeChannelClaim && commentValue.length) {
|
||||||
const timeUntilCanComment = !lastCommentTime
|
createComment(commentValue, claimId, parentId).then(res => {
|
||||||
? 0
|
|
||||||
: (lastCommentTime - Date.now()) / 1000 + COMMENT_SLOW_MODE_SECONDS;
|
|
||||||
|
|
||||||
if (livestream && !claimIsMine && timeUntilCanComment > 0) {
|
|
||||||
toast(
|
|
||||||
__('Slowmode is on. You can comment again in %time% seconds.', { time: Math.ceil(timeUntilCanComment) })
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
createComment(commentValue, claimId, parentId).then((res) => {
|
|
||||||
if (res && res.signature) {
|
if (res && res.signature) {
|
||||||
setCommentValue('');
|
setCommentValue('');
|
||||||
setLastCommentTime(Date.now());
|
|
||||||
|
|
||||||
if (onDoneReplying) {
|
if (onDoneReplying) {
|
||||||
onDoneReplying();
|
onDoneReplying();
|
||||||
|
@ -173,23 +144,6 @@ export function CommentCreate(props: Props) {
|
||||||
autoFocus={isReply}
|
autoFocus={isReply}
|
||||||
textAreaMaxLength={FF_MAX_CHARS_IN_COMMENT}
|
textAreaMaxLength={FF_MAX_CHARS_IN_COMMENT}
|
||||||
/>
|
/>
|
||||||
{livestream && hasChannels && (
|
|
||||||
<div className="livestream__emoji-actions">
|
|
||||||
{LIVESTREAM_EMOJIS.map((emoji) => (
|
|
||||||
<Button
|
|
||||||
key={emoji}
|
|
||||||
disabled={isPostingComment}
|
|
||||||
type="button"
|
|
||||||
button="alt"
|
|
||||||
className="button--emoji"
|
|
||||||
label={emoji}
|
|
||||||
onClick={() => {
|
|
||||||
setCommentValue(commentValue ? `${commentValue} ${emoji}` : emoji);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div className="section__actions section__actions--no-margin">
|
<div className="section__actions section__actions--no-margin">
|
||||||
<Button
|
<Button
|
||||||
ref={buttonref}
|
ref={buttonref}
|
||||||
|
|
|
@ -1240,12 +1240,6 @@ export const icons = {
|
||||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
|
||||||
</g>
|
</g>
|
||||||
),
|
),
|
||||||
[ICONS.LIVESTREAM]: buildIcon(
|
|
||||||
<g>
|
|
||||||
<polygon points="23 7 16 12 23 17 23 7" />
|
|
||||||
<rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
|
|
||||||
</g>
|
|
||||||
),
|
|
||||||
[ICONS.CHANNEL_LEVEL_1]: (props: CustomProps) => (
|
[ICONS.CHANNEL_LEVEL_1]: (props: CustomProps) => (
|
||||||
<svg
|
<svg
|
||||||
{...props}
|
{...props}
|
||||||
|
|
|
@ -10,11 +10,10 @@ type Props = {
|
||||||
doToast: ({ message: string }) => void,
|
doToast: ({ message: string }) => void,
|
||||||
label?: string,
|
label?: string,
|
||||||
primaryButton?: boolean,
|
primaryButton?: boolean,
|
||||||
name?: string,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function CopyableText(props: Props) {
|
export default function CopyableText(props: Props) {
|
||||||
const { copyable, doToast, snackMessage, label, primaryButton = false, name } = props;
|
const { copyable, doToast, snackMessage, label, primaryButton = false } = props;
|
||||||
|
|
||||||
const input = useRef();
|
const input = useRef();
|
||||||
|
|
||||||
|
@ -39,7 +38,6 @@ export default function CopyableText(props: Props) {
|
||||||
type="text"
|
type="text"
|
||||||
className="form-field--copyable"
|
className="form-field--copyable"
|
||||||
readOnly
|
readOnly
|
||||||
name={name}
|
|
||||||
label={label}
|
label={label}
|
||||||
value={copyable || ''}
|
value={copyable || ''}
|
||||||
ref={input}
|
ref={input}
|
||||||
|
|
|
@ -6,22 +6,16 @@ import FileActions from 'component/fileActions';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
uri: string,
|
uri: string,
|
||||||
livestream?: boolean,
|
|
||||||
activeViewers?: number,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function FileSubtitle(props: Props) {
|
function FileSubtitle(props: Props) {
|
||||||
const { uri, livestream = false, activeViewers = 0 } = props;
|
const { uri } = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="media__subtitle--between">
|
<div className="media__subtitle--between">
|
||||||
<div className="file__viewdate">
|
<div className="file__viewdate">
|
||||||
{livestream ? <span>{__('Right now')}</span> : <DateTime uri={uri} show={DateTime.SHOW_DATE} />}
|
<DateTime uri={uri} show={DateTime.SHOW_DATE} />
|
||||||
{livestream ? (
|
|
||||||
<span>{__('%viewer_count% currently watching', { viewer_count: activeViewers })}</span>
|
|
||||||
) : (
|
|
||||||
<FileViewCount uri={uri} />
|
<FileViewCount uri={uri} />
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FileActions uri={uri} />
|
<FileActions uri={uri} />
|
||||||
|
|
|
@ -18,12 +18,10 @@ type Props = {
|
||||||
title: string,
|
title: string,
|
||||||
nsfw: boolean,
|
nsfw: boolean,
|
||||||
isNsfwBlocked: boolean,
|
isNsfwBlocked: boolean,
|
||||||
livestream?: boolean,
|
|
||||||
activeViewers?: number,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function FileTitleSection(props: Props) {
|
function FileTitleSection(props: Props) {
|
||||||
const { title, uri, nsfw, isNsfwBlocked, livestream = false, activeViewers } = props;
|
const { title, uri, nsfw, isNsfwBlocked } = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card
|
<Card
|
||||||
|
@ -43,7 +41,7 @@ function FileTitleSection(props: Props) {
|
||||||
body={
|
body={
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<ClaimInsufficientCredits uri={uri} />
|
<ClaimInsufficientCredits uri={uri} />
|
||||||
<FileSubtitle uri={uri} livestream={livestream} activeViewers={activeViewers} />
|
<FileSubtitle uri={uri} />
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
}
|
}
|
||||||
actions={
|
actions={
|
||||||
|
|
|
@ -1,10 +1,9 @@
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import { makeSelectMediaTypeForUri, makeSelectClaimHasSource } from 'lbry-redux';
|
import { makeSelectMediaTypeForUri } from 'lbry-redux';
|
||||||
import FileType from './view';
|
import FileType from './view';
|
||||||
|
|
||||||
const select = (state, props) => ({
|
const select = (state, props) => ({
|
||||||
mediaType: makeSelectMediaTypeForUri(props.uri)(state),
|
mediaType: makeSelectMediaTypeForUri(props.uri)(state),
|
||||||
isLivestream: !makeSelectClaimHasSource(props.uri)(state),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default connect(select)(FileType);
|
export default connect(select)(FileType);
|
||||||
|
|
|
@ -6,17 +6,16 @@ import Icon from 'component/common/icon';
|
||||||
type Props = {
|
type Props = {
|
||||||
uri: string,
|
uri: string,
|
||||||
mediaType: string,
|
mediaType: string,
|
||||||
isLivestream: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function FileType(props: Props) {
|
function FileType(props: Props) {
|
||||||
const { mediaType, isLivestream } = props;
|
const { mediaType } = props;
|
||||||
|
|
||||||
if (mediaType === 'image') {
|
if (mediaType === 'image') {
|
||||||
return <Icon icon={ICONS.IMAGE} />;
|
return <Icon icon={ICONS.IMAGE} />;
|
||||||
} else if (mediaType === 'audio') {
|
} else if (mediaType === 'audio') {
|
||||||
return <Icon icon={ICONS.AUDIO} />;
|
return <Icon icon={ICONS.AUDIO} />;
|
||||||
} else if (mediaType === 'video' || isLivestream) {
|
} else if (mediaType === 'video') {
|
||||||
return <Icon icon={ICONS.VIDEO} />;
|
return <Icon icon={ICONS.VIDEO} />;
|
||||||
} else if (mediaType === 'text') {
|
} else if (mediaType === 'text') {
|
||||||
return <Icon icon={ICONS.TEXT} />;
|
return <Icon icon={ICONS.TEXT} />;
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
// @flow
|
// @flow
|
||||||
import { LOGO_TITLE, ENABLE_NO_SOURCE_CLAIMS } from 'config';
|
|
||||||
import * as ICONS from 'constants/icons';
|
import * as ICONS from 'constants/icons';
|
||||||
import { SETTINGS } from 'lbry-redux';
|
import { SETTINGS } from 'lbry-redux';
|
||||||
import * as PAGES from 'constants/pages';
|
import * as PAGES from 'constants/pages';
|
||||||
|
@ -11,6 +10,7 @@ import WunderBar from 'component/wunderbar';
|
||||||
import Icon from 'component/common/icon';
|
import Icon from 'component/common/icon';
|
||||||
import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button';
|
import { Menu, MenuList, MenuButton, MenuItem } from '@reach/menu-button';
|
||||||
import NavigationButton from 'component/navigationButton';
|
import NavigationButton from 'component/navigationButton';
|
||||||
|
import { LOGO_TITLE } from 'config';
|
||||||
import { useIsMobile } from 'effects/use-screensize';
|
import { useIsMobile } from 'effects/use-screensize';
|
||||||
import NotificationBubble from 'component/notificationBubble';
|
import NotificationBubble from 'component/notificationBubble';
|
||||||
import NotificationHeaderButton from 'component/notificationHeaderButton';
|
import NotificationHeaderButton from 'component/notificationHeaderButton';
|
||||||
|
@ -99,7 +99,6 @@ const Header = (props: Props) => {
|
||||||
const hasBackout = Boolean(backout);
|
const hasBackout = Boolean(backout);
|
||||||
const { backLabel, backNavDefault, title: backTitle, simpleTitle: simpleBackTitle } = backout || {};
|
const { backLabel, backNavDefault, title: backTitle, simpleTitle: simpleBackTitle } = backout || {};
|
||||||
const notificationsEnabled = (user && user.experimental_ui) || false;
|
const notificationsEnabled = (user && user.experimental_ui) || false;
|
||||||
const livestreamEnabled = (ENABLE_NO_SOURCE_CLAIMS && user && user.experimental_ui) || false;
|
|
||||||
const activeChannelUrl = activeChannelClaim && activeChannelClaim.permanent_url;
|
const activeChannelUrl = activeChannelClaim && activeChannelClaim.permanent_url;
|
||||||
|
|
||||||
// Sign out if they click the "x" when they are on the password prompt
|
// Sign out if they click the "x" when they are on the password prompt
|
||||||
|
@ -276,7 +275,6 @@ const Header = (props: Props) => {
|
||||||
history={history}
|
history={history}
|
||||||
handleThemeToggle={handleThemeToggle}
|
handleThemeToggle={handleThemeToggle}
|
||||||
currentTheme={currentTheme}
|
currentTheme={currentTheme}
|
||||||
livestreamEnabled={livestreamEnabled}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -393,11 +391,10 @@ type HeaderMenuButtonProps = {
|
||||||
history: { push: (string) => void },
|
history: { push: (string) => void },
|
||||||
handleThemeToggle: (string) => void,
|
handleThemeToggle: (string) => void,
|
||||||
currentTheme: string,
|
currentTheme: string,
|
||||||
livestreamEnabled: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function HeaderMenuButtons(props: HeaderMenuButtonProps) {
|
function HeaderMenuButtons(props: HeaderMenuButtonProps) {
|
||||||
const { authenticated, notificationsEnabled, history, handleThemeToggle, currentTheme, livestreamEnabled } = props;
|
const { authenticated, notificationsEnabled, history, handleThemeToggle, currentTheme } = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="header__buttons">
|
<div className="header__buttons">
|
||||||
|
@ -425,13 +422,6 @@ function HeaderMenuButtons(props: HeaderMenuButtonProps) {
|
||||||
<Icon aria-hidden icon={ICONS.CHANNEL} />
|
<Icon aria-hidden icon={ICONS.CHANNEL} />
|
||||||
{__('New Channel')}
|
{__('New Channel')}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
|
||||||
{livestreamEnabled && (
|
|
||||||
<MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.LIVESTREAM}`)}>
|
|
||||||
<Icon aria-hidden icon={ICONS.VIDEO} />
|
|
||||||
{__('Go Live')}
|
|
||||||
</MenuItem>
|
|
||||||
)}
|
|
||||||
</MenuList>
|
</MenuList>
|
||||||
</Menu>
|
</Menu>
|
||||||
)}
|
)}
|
||||||
|
|
|
@ -1,14 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { makeSelectClaimForUri } from 'lbry-redux';
|
|
||||||
import { doCommentSocketConnect, doCommentSocketDisconnect } from 'redux/actions/websocket';
|
|
||||||
import { doCommentList } from 'redux/actions/comments';
|
|
||||||
import { makeSelectTopLevelCommentsForUri, selectIsFetchingComments } from 'redux/selectors/comments';
|
|
||||||
import LivestreamFeed from './view';
|
|
||||||
|
|
||||||
const select = (state, props) => ({
|
|
||||||
claim: makeSelectClaimForUri(props.uri)(state),
|
|
||||||
comments: makeSelectTopLevelCommentsForUri(props.uri)(state),
|
|
||||||
fetchingComments: selectIsFetchingComments(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(select, { doCommentSocketConnect, doCommentSocketDisconnect, doCommentList })(LivestreamFeed);
|
|
|
@ -1,146 +0,0 @@
|
||||||
// @flow
|
|
||||||
import React from 'react';
|
|
||||||
import classnames from 'classnames';
|
|
||||||
import Card from 'component/common/card';
|
|
||||||
import Spinner from 'component/spinner';
|
|
||||||
import CommentCreate from 'component/commentCreate';
|
|
||||||
import Button from 'component/button';
|
|
||||||
import MarkdownPreview from 'component/common/markdown-preview';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
uri: string,
|
|
||||||
claim: ?StreamClaim,
|
|
||||||
activeViewers: number,
|
|
||||||
embed?: boolean,
|
|
||||||
doCommentSocketConnect: (string, string) => void,
|
|
||||||
doCommentSocketDisconnect: (string) => void,
|
|
||||||
doCommentList: (string) => void,
|
|
||||||
comments: Array<Comment>,
|
|
||||||
fetchingComments: boolean,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LivestreamFeed(props: Props) {
|
|
||||||
const {
|
|
||||||
claim,
|
|
||||||
uri,
|
|
||||||
embed,
|
|
||||||
doCommentSocketConnect,
|
|
||||||
doCommentSocketDisconnect,
|
|
||||||
comments,
|
|
||||||
doCommentList,
|
|
||||||
fetchingComments,
|
|
||||||
} = props;
|
|
||||||
const commentsRef = React.createRef();
|
|
||||||
const hasScrolledComments = React.useRef();
|
|
||||||
const [performedInitialScroll, setPerformedInitialScroll] = React.useState(false);
|
|
||||||
const claimId = claim && claim.claim_id;
|
|
||||||
const commentsLength = comments && comments.length;
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (claimId) {
|
|
||||||
doCommentList(uri);
|
|
||||||
doCommentSocketConnect(uri, claimId);
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
if (claimId) {
|
|
||||||
doCommentSocketDisconnect(claimId);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}, [claimId, uri, doCommentList, doCommentSocketConnect, doCommentSocketDisconnect]);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
const element = commentsRef.current;
|
|
||||||
|
|
||||||
function handleScroll() {
|
|
||||||
if (element) {
|
|
||||||
const scrollHeight = element.scrollHeight - element.offsetHeight;
|
|
||||||
const isAtBottom = scrollHeight === element.scrollTop;
|
|
||||||
|
|
||||||
if (!isAtBottom) {
|
|
||||||
hasScrolledComments.current = true;
|
|
||||||
} else {
|
|
||||||
hasScrolledComments.current = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (element) {
|
|
||||||
element.addEventListener('scroll', handleScroll);
|
|
||||||
|
|
||||||
if (commentsLength > 0) {
|
|
||||||
// Only update comment scroll if the user hasn't scrolled up to view old comments
|
|
||||||
// If they have, do nothing
|
|
||||||
if (!hasScrolledComments.current || !performedInitialScroll) {
|
|
||||||
element.scrollTop = element.scrollHeight - element.offsetHeight;
|
|
||||||
|
|
||||||
if (!performedInitialScroll) {
|
|
||||||
setPerformedInitialScroll(true);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
if (element) {
|
|
||||||
element.removeEventListener('scroll', handleScroll);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}, [commentsRef, commentsLength, performedInitialScroll]);
|
|
||||||
|
|
||||||
if (!claim) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Card
|
|
||||||
title={__('Live discussion')}
|
|
||||||
smallTitle
|
|
||||||
className="livestream__discussion"
|
|
||||||
actions={
|
|
||||||
<>
|
|
||||||
{fetchingComments && (
|
|
||||||
<div className="main--empty">
|
|
||||||
<Spinner />
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div
|
|
||||||
ref={commentsRef}
|
|
||||||
className={classnames('livestream__comments-wrapper', {
|
|
||||||
'livestream__comments-wrapper--with-height': commentsLength > 0,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
{!fetchingComments && comments.length > 0 ? (
|
|
||||||
<div className="livestream__comments">
|
|
||||||
{comments.map((comment) => (
|
|
||||||
<div key={comment.comment_id} className={classnames('livestream__comment')}>
|
|
||||||
{comment.channel_url ? (
|
|
||||||
<Button
|
|
||||||
target="_blank"
|
|
||||||
className={classnames('livestream__comment-author', {
|
|
||||||
'livestream__comment-author--streamer':
|
|
||||||
claim.signing_channel && claim.signing_channel.claim_id === comment.channel_id,
|
|
||||||
})}
|
|
||||||
navigate={comment.channel_url}
|
|
||||||
label={comment.channel_name}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<div className="livestream__comment-author">{comment.channel_name}</div>
|
|
||||||
)}
|
|
||||||
<MarkdownPreview content={comment.comment} simpleLinks />
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div className="main--empty" />
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="livestream__comment-create">
|
|
||||||
<CommentCreate livestream bottom embed={embed} uri={uri} />
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -1,10 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { makeSelectClaimForUri, makeSelectThumbnailForUri } from 'lbry-redux';
|
|
||||||
import LivestreamLayout from './view';
|
|
||||||
|
|
||||||
const select = (state, props) => ({
|
|
||||||
claim: makeSelectClaimForUri(props.uri)(state),
|
|
||||||
thumbnail: makeSelectThumbnailForUri(props.uri)(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(select)(LivestreamLayout);
|
|
|
@ -1,49 +0,0 @@
|
||||||
// @flow
|
|
||||||
import { BITWAVE_EMBED_URL } from 'constants/livestream';
|
|
||||||
import React from 'react';
|
|
||||||
import FileTitleSection from 'component/fileTitleSection';
|
|
||||||
import LivestreamComments from 'component/livestreamComments';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
uri: string,
|
|
||||||
claim: ?StreamClaim,
|
|
||||||
isLive: boolean,
|
|
||||||
activeViewers: number,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LivestreamLayout(props: Props) {
|
|
||||||
const { claim, uri, isLive, activeViewers } = props;
|
|
||||||
|
|
||||||
if (!claim || !claim.signing_channel) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
const channelName = claim.signing_channel.name;
|
|
||||||
const channelClaimId = claim.signing_channel.claim_id;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className="section card-stack">
|
|
||||||
<div className="file-render file-render--video livestream">
|
|
||||||
<div className="file-viewer">
|
|
||||||
<iframe
|
|
||||||
src={`${BITWAVE_EMBED_URL}/${channelClaimId}?skin=odysee&autoplay=1`}
|
|
||||||
scrolling="no"
|
|
||||||
allowFullScreen
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{!isLive && (
|
|
||||||
<div className="help--notice">
|
|
||||||
{__("%channel% isn't live right now, but the chat is! Check back later to watch the stream.", {
|
|
||||||
channel: channelName || __('This channel'),
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<FileTitleSection uri={uri} livestream isLive={isLive} activeViewers={activeViewers} />
|
|
||||||
</div>
|
|
||||||
<LivestreamComments uri={uri} />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -1,9 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { makeSelectClaimForUri } from 'lbry-redux';
|
|
||||||
import LivestreamLink from './view';
|
|
||||||
|
|
||||||
const select = (state, props) => ({
|
|
||||||
channelClaim: makeSelectClaimForUri(props.uri)(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(select)(LivestreamLink);
|
|
|
@ -1,72 +0,0 @@
|
||||||
// @flow
|
|
||||||
import { BITWAVE_API } from 'constants/livestream';
|
|
||||||
import React from 'react';
|
|
||||||
import Card from 'component/common/card';
|
|
||||||
import ClaimPreview from 'component/claimPreview';
|
|
||||||
import { Lbry } from 'lbry-redux';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
channelClaim: ChannelClaim,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LivestreamLink(props: Props) {
|
|
||||||
const { channelClaim } = props;
|
|
||||||
const [livestreamClaim, setLivestreamClaim] = React.useState(false);
|
|
||||||
const [isLivestreaming, setIsLivestreaming] = React.useState(false);
|
|
||||||
const livestreamChannelId = channelClaim.claim_id || ''; // TODO: fail in a safer way, probably
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
Lbry.claim_search({
|
|
||||||
channel_ids: [livestreamChannelId],
|
|
||||||
has_no_source: true,
|
|
||||||
claim_type: ['stream'],
|
|
||||||
})
|
|
||||||
.then((res) => {
|
|
||||||
if (res && res.items && res.items.length > 0) {
|
|
||||||
const claim = res.items[res.items.length - 1];
|
|
||||||
setLivestreamClaim(claim);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}, [livestreamChannelId]);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
function fetchIsStreaming() {
|
|
||||||
// $FlowFixMe Bitwave's API can handle garbage
|
|
||||||
fetch(`${BITWAVE_API}/${livestreamChannelId}`)
|
|
||||||
.then((res) => res.json())
|
|
||||||
.then((res) => {
|
|
||||||
if (res && res.success && res.data && res.data.live) {
|
|
||||||
setIsLivestreaming(true);
|
|
||||||
} else {
|
|
||||||
setIsLivestreaming(false);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((e) => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
let interval;
|
|
||||||
if (livestreamChannelId) {
|
|
||||||
if (!interval) fetchIsStreaming();
|
|
||||||
interval = setInterval(fetchIsStreaming, 10 * 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
if (interval) {
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}, [livestreamChannelId]);
|
|
||||||
|
|
||||||
if (!livestreamClaim || !isLivestreaming) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Card
|
|
||||||
className="livestream__channel-link"
|
|
||||||
title="Live stream in progress"
|
|
||||||
actions={<ClaimPreview uri={livestreamClaim.canonical_url} livestream type="inline" />}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -28,7 +28,6 @@ type Props = {
|
||||||
fullWidthPage: boolean,
|
fullWidthPage: boolean,
|
||||||
videoTheaterMode: boolean,
|
videoTheaterMode: boolean,
|
||||||
isMarkdown?: boolean,
|
isMarkdown?: boolean,
|
||||||
livestream?: boolean,
|
|
||||||
backout: {
|
backout: {
|
||||||
backLabel?: string,
|
backLabel?: string,
|
||||||
backNavDefault?: string,
|
backNavDefault?: string,
|
||||||
|
@ -50,7 +49,6 @@ function Page(props: Props) {
|
||||||
backout,
|
backout,
|
||||||
videoTheaterMode,
|
videoTheaterMode,
|
||||||
isMarkdown = false,
|
isMarkdown = false,
|
||||||
livestream,
|
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
|
@ -108,9 +106,8 @@ function Page(props: Props) {
|
||||||
'main--full-width': fullWidthPage,
|
'main--full-width': fullWidthPage,
|
||||||
'main--auth-page': authPage,
|
'main--auth-page': authPage,
|
||||||
'main--file-page': filePage,
|
'main--file-page': filePage,
|
||||||
|
'main--theater-mode': isOnFilePage && videoTheaterMode,
|
||||||
'main--markdown': isMarkdown,
|
'main--markdown': isMarkdown,
|
||||||
'main--theater-mode': isOnFilePage && videoTheaterMode && !livestream,
|
|
||||||
'main--livestream': livestream,
|
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|
|
@ -364,7 +364,6 @@ function PublishFile(props: Props) {
|
||||||
onFileChosen={handleFileChange}
|
onFileChosen={handleFileChange}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{isPublishPost && (
|
{isPublishPost && (
|
||||||
<PostEditor
|
<PostEditor
|
||||||
label={__('Post --[noun, markdown post tab button]--')}
|
label={__('Post --[noun, markdown post tab button]--')}
|
||||||
|
|
|
@ -25,7 +25,6 @@ import SelectThumbnail from 'component/selectThumbnail';
|
||||||
import Card from 'component/common/card';
|
import Card from 'component/common/card';
|
||||||
import I18nMessage from 'component/i18nMessage';
|
import I18nMessage from 'component/i18nMessage';
|
||||||
import * as PUBLISH_MODES from 'constants/publish_types';
|
import * as PUBLISH_MODES from 'constants/publish_types';
|
||||||
import { useHistory } from 'react-router';
|
|
||||||
|
|
||||||
// @if TARGET='app'
|
// @if TARGET='app'
|
||||||
import fs from 'fs';
|
import fs from 'fs';
|
||||||
|
@ -37,7 +36,6 @@ const MODES = Object.values(PUBLISH_MODES);
|
||||||
const MODE_TO_I18N_STR = {
|
const MODE_TO_I18N_STR = {
|
||||||
[PUBLISH_MODES.FILE]: 'File',
|
[PUBLISH_MODES.FILE]: 'File',
|
||||||
[PUBLISH_MODES.POST]: 'Post --[noun, markdown post tab button]--',
|
[PUBLISH_MODES.POST]: 'Post --[noun, markdown post tab button]--',
|
||||||
[PUBLISH_MODES.LIVESTREAM]: 'Livestream --[noun, livestream tab button]--',
|
|
||||||
};
|
};
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
|
@ -74,14 +72,14 @@ type Props = {
|
||||||
balance: number,
|
balance: number,
|
||||||
isStillEditing: boolean,
|
isStillEditing: boolean,
|
||||||
clearPublish: () => void,
|
clearPublish: () => void,
|
||||||
resolveUri: (string) => void,
|
resolveUri: string => void,
|
||||||
scrollToTop: () => void,
|
scrollToTop: () => void,
|
||||||
prepareEdit: (claim: any, uri: string) => void,
|
prepareEdit: (claim: any, uri: string) => void,
|
||||||
resetThumbnailStatus: () => void,
|
resetThumbnailStatus: () => void,
|
||||||
amountNeededForTakeover: ?number,
|
amountNeededForTakeover: ?number,
|
||||||
// Add back type
|
// Add back type
|
||||||
updatePublishForm: (any) => void,
|
updatePublishForm: any => void,
|
||||||
checkAvailability: (string) => void,
|
checkAvailability: string => void,
|
||||||
ytSignupPending: boolean,
|
ytSignupPending: boolean,
|
||||||
modal: { id: string, modalProps: {} },
|
modal: { id: string, modalProps: {} },
|
||||||
enablePublishPreview: boolean,
|
enablePublishPreview: boolean,
|
||||||
|
@ -90,19 +88,13 @@ type Props = {
|
||||||
};
|
};
|
||||||
|
|
||||||
function PublishForm(props: Props) {
|
function PublishForm(props: Props) {
|
||||||
// Detect upload type from query in URL
|
const [mode, setMode] = React.useState(PUBLISH_MODES.FILE);
|
||||||
const { push, location } = useHistory();
|
|
||||||
const urlParams = new URLSearchParams(location.search);
|
|
||||||
const uploadType = urlParams.get('type');
|
|
||||||
|
|
||||||
// Component state
|
|
||||||
const [mode, setMode] = React.useState(uploadType || PUBLISH_MODES.FILE);
|
|
||||||
const [autoSwitchMode, setAutoSwitchMode] = React.useState(true);
|
const [autoSwitchMode, setAutoSwitchMode] = React.useState(true);
|
||||||
|
|
||||||
// Used to check if the url name has changed:
|
// Used to checl if the url name has changed:
|
||||||
// A new file needs to be provided
|
// A new file needs to be provided
|
||||||
const [prevName, setPrevName] = React.useState(false);
|
const [prevName, setPrevName] = React.useState(false);
|
||||||
// Used to check if the file has been modified by user
|
// Used to checl if the file has been modified by user
|
||||||
const [fileEdited, setFileEdited] = React.useState(false);
|
const [fileEdited, setFileEdited] = React.useState(false);
|
||||||
const [prevFileText, setPrevFileText] = React.useState('');
|
const [prevFileText, setPrevFileText] = React.useState('');
|
||||||
|
|
||||||
|
@ -233,61 +225,17 @@ function PublishForm(props: Props) {
|
||||||
}, [name, activeChannelName, resolveUri, updatePublishForm, checkAvailability]);
|
}, [name, activeChannelName, resolveUri, updatePublishForm, checkAvailability]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
updatePublishForm({
|
updatePublishForm({ isMarkdownPost: mode === PUBLISH_MODES.POST });
|
||||||
isMarkdownPost: mode === PUBLISH_MODES.POST,
|
|
||||||
isLivestreamPublish: mode === PUBLISH_MODES.LIVESTREAM,
|
|
||||||
});
|
|
||||||
}, [mode, updatePublishForm]);
|
}, [mode, updatePublishForm]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (incognito) {
|
if (incognito) {
|
||||||
updatePublishForm({ channel: undefined });
|
updatePublishForm({ channel: undefined });
|
||||||
|
|
||||||
// Anonymous livestreams aren't supported
|
|
||||||
if (mode === PUBLISH_MODES.LIVESTREAM) {
|
|
||||||
setMode(PUBLISH_MODES.FILE);
|
|
||||||
}
|
|
||||||
} else if (activeChannelName) {
|
} else if (activeChannelName) {
|
||||||
updatePublishForm({ channel: activeChannelName });
|
updatePublishForm({ channel: activeChannelName });
|
||||||
}
|
}
|
||||||
}, [activeChannelName, incognito, updatePublishForm]);
|
}, [activeChannelName, incognito, updatePublishForm]);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const _uploadType = uploadType && uploadType.toLowerCase();
|
|
||||||
|
|
||||||
// Default to standard file publish if none specified
|
|
||||||
if (!_uploadType) {
|
|
||||||
setMode(PUBLISH_MODES.FILE);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// File publish
|
|
||||||
if (_uploadType === PUBLISH_MODES.FILE.toLowerCase()) {
|
|
||||||
setMode(PUBLISH_MODES.FILE);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Post publish
|
|
||||||
if (_uploadType === PUBLISH_MODES.POST.toLowerCase()) {
|
|
||||||
setMode(PUBLISH_MODES.POST);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// LiveStream publish
|
|
||||||
if (_uploadType === PUBLISH_MODES.LIVESTREAM.toLowerCase()) {
|
|
||||||
setMode(PUBLISH_MODES.LIVESTREAM);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Default to standard file publish
|
|
||||||
setMode(PUBLISH_MODES.FILE);
|
|
||||||
}, [uploadType]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!uploadType) return;
|
|
||||||
const newParams = new URLSearchParams();
|
|
||||||
newParams.set('type', mode.toLowerCase());
|
|
||||||
push({ search: newParams.toString() });
|
|
||||||
}, [mode, uploadType]);
|
|
||||||
|
|
||||||
// @if TARGET='web'
|
// @if TARGET='web'
|
||||||
function createWebFile() {
|
function createWebFile() {
|
||||||
if (fileText) {
|
if (fileText) {
|
||||||
|
@ -353,7 +301,7 @@ function PublishForm(props: Props) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Publish file
|
// Publish file
|
||||||
if (mode === PUBLISH_MODES.FILE || mode === PUBLISH_MODES.LIVESTREAM) {
|
if (mode === PUBLISH_MODES.FILE) {
|
||||||
runPublish = true;
|
runPublish = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -382,7 +330,7 @@ function PublishForm(props: Props) {
|
||||||
// Editing claim uri
|
// Editing claim uri
|
||||||
return (
|
return (
|
||||||
<div className="card-stack">
|
<div className="card-stack">
|
||||||
<ChannelSelect hideAnon={mode === PUBLISH_MODES.LIVESTREAM} disabled={disabled} />
|
<ChannelSelect disabled={disabled} />
|
||||||
|
|
||||||
<PublishFile
|
<PublishFile
|
||||||
uri={uri}
|
uri={uri}
|
||||||
|
@ -401,7 +349,6 @@ function PublishForm(props: Props) {
|
||||||
label={__(MODE_TO_I18N_STR[String(modeName)] || '---')}
|
label={__(MODE_TO_I18N_STR[String(modeName)] || '---')}
|
||||||
button="alt"
|
button="alt"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
// $FlowFixMe
|
|
||||||
setMode(modeName);
|
setMode(modeName);
|
||||||
}}
|
}}
|
||||||
className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })}
|
className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })}
|
||||||
|
@ -426,17 +373,17 @@ function PublishForm(props: Props) {
|
||||||
"Add tags that are relevant to your content so those who're looking for it can find it more easily. If mature content, ensure it is tagged mature. Tag abuse and missing mature tags will not be tolerated."
|
"Add tags that are relevant to your content so those who're looking for it can find it more easily. If mature content, ensure it is tagged mature. Tag abuse and missing mature tags will not be tolerated."
|
||||||
)}
|
)}
|
||||||
placeholder={__('gaming, crypto')}
|
placeholder={__('gaming, crypto')}
|
||||||
onSelect={(newTags) => {
|
onSelect={newTags => {
|
||||||
const validatedTags = [];
|
const validatedTags = [];
|
||||||
newTags.forEach((newTag) => {
|
newTags.forEach(newTag => {
|
||||||
if (!tags.some((tag) => tag.name === newTag.name)) {
|
if (!tags.some(tag => tag.name === newTag.name)) {
|
||||||
validatedTags.push(newTag);
|
validatedTags.push(newTag);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
updatePublishForm({ tags: [...tags, ...validatedTags] });
|
updatePublishForm({ tags: [...tags, ...validatedTags] });
|
||||||
}}
|
}}
|
||||||
onRemove={(clickedTag) => {
|
onRemove={clickedTag => {
|
||||||
const newTags = tags.slice().filter((tag) => tag.name !== clickedTag.name);
|
const newTags = tags.slice().filter(tag => tag.name !== clickedTag.name);
|
||||||
updatePublishForm({ tags: newTags });
|
updatePublishForm({ tags: newTags });
|
||||||
}}
|
}}
|
||||||
tagsChosen={tags}
|
tagsChosen={tags}
|
||||||
|
|
|
@ -36,7 +36,6 @@ import PasswordResetPage from 'page/passwordReset';
|
||||||
import PasswordSetPage from 'page/passwordSet';
|
import PasswordSetPage from 'page/passwordSet';
|
||||||
import SignInVerifyPage from 'page/signInVerify';
|
import SignInVerifyPage from 'page/signInVerify';
|
||||||
import ChannelsPage from 'page/channels';
|
import ChannelsPage from 'page/channels';
|
||||||
import LiveStreamSetupPage from 'page/livestreamSetup';
|
|
||||||
import EmbedWrapperPage from 'page/embedWrapper';
|
import EmbedWrapperPage from 'page/embedWrapper';
|
||||||
import TopPage from 'page/top';
|
import TopPage from 'page/top';
|
||||||
import Welcome from 'page/welcome';
|
import Welcome from 'page/welcome';
|
||||||
|
@ -276,7 +275,6 @@ function AppRouter(props: Props) {
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.SETTINGS_BLOCKED_MUTED}`} component={ListBlockedPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.SETTINGS_BLOCKED_MUTED}`} component={ListBlockedPage} />
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.WALLET}`} exact component={WalletPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.WALLET}`} exact component={WalletPage} />
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.CHANNELS}`} component={ChannelsPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.CHANNELS}`} component={ChannelsPage} />
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.LIVESTREAM}`} component={LiveStreamSetupPage} />
|
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.BUY}`} component={BuyPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.BUY}`} component={BuyPage} />
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.NOTIFICATIONS}`} component={NotificationsPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.NOTIFICATIONS}`} component={NotificationsPage} />
|
||||||
<PrivateRoute {...props} path={`/$/${PAGES.AUTH_WALLET_PASSWORD}`} component={SignInWalletPasswordPage} />
|
<PrivateRoute {...props} path={`/$/${PAGES.AUTH_WALLET_PASSWORD}`} component={SignInWalletPasswordPage} />
|
||||||
|
|
|
@ -277,7 +277,6 @@ export const COMMENT_MODERATION_BLOCK_FAILED = 'COMMENT_MODERATION_BLOCK_FAILED'
|
||||||
export const COMMENT_MODERATION_UN_BLOCK_STARTED = 'COMMENT_MODERATION_UN_BLOCK_STARTED';
|
export const COMMENT_MODERATION_UN_BLOCK_STARTED = 'COMMENT_MODERATION_UN_BLOCK_STARTED';
|
||||||
export const COMMENT_MODERATION_UN_BLOCK_COMPLETE = 'COMMENT_MODERATION_UN_BLOCK_COMPLETE';
|
export const COMMENT_MODERATION_UN_BLOCK_COMPLETE = 'COMMENT_MODERATION_UN_BLOCK_COMPLETE';
|
||||||
export const COMMENT_MODERATION_UN_BLOCK_FAILED = 'COMMENT_MODERATION_UN_BLOCK_FAILED';
|
export const COMMENT_MODERATION_UN_BLOCK_FAILED = 'COMMENT_MODERATION_UN_BLOCK_FAILED';
|
||||||
export const COMMENT_RECEIVED = 'COMMENT_RECEIVED';
|
|
||||||
|
|
||||||
// Blocked channels
|
// Blocked channels
|
||||||
export const TOGGLE_BLOCK_CHANNEL = 'TOGGLE_BLOCK_CHANNEL';
|
export const TOGGLE_BLOCK_CHANNEL = 'TOGGLE_BLOCK_CHANNEL';
|
||||||
|
|
|
@ -97,7 +97,6 @@ export const MORE_VERTICAL = 'MoreVertical';
|
||||||
export const IMAGE = 'Image';
|
export const IMAGE = 'Image';
|
||||||
export const AUDIO = 'HeadPhones';
|
export const AUDIO = 'HeadPhones';
|
||||||
export const VIDEO = 'Video';
|
export const VIDEO = 'Video';
|
||||||
export const LIVESTREAM = 'Livestream';
|
|
||||||
export const VOLUME_MUTED = 'VolumeX';
|
export const VOLUME_MUTED = 'VolumeX';
|
||||||
export const TEXT = 'FileText';
|
export const TEXT = 'FileText';
|
||||||
export const DOWNLOADABLE = 'Downloadable';
|
export const DOWNLOADABLE = 'Downloadable';
|
||||||
|
|
|
@ -1,2 +0,0 @@
|
||||||
export const BITWAVE_EMBED_URL = 'https://bitwave.tv/odysee';
|
|
||||||
export const BITWAVE_API = 'https://api.bitwave.tv/v1/odysee/live';
|
|
|
@ -60,4 +60,3 @@ exports.BUY = 'buy';
|
||||||
exports.CHANNEL_NEW = 'channel/new';
|
exports.CHANNEL_NEW = 'channel/new';
|
||||||
exports.NOTIFICATIONS = 'notifications';
|
exports.NOTIFICATIONS = 'notifications';
|
||||||
exports.YOUTUBE_SYNC = 'youtube';
|
exports.YOUTUBE_SYNC = 'youtube';
|
||||||
exports.LIVESTREAM = 'livestream';
|
|
||||||
|
|
|
@ -1,3 +1,2 @@
|
||||||
export const FILE = 'File';
|
export const FILE = 'File';
|
||||||
export const POST = 'Post';
|
export const POST = 'Post';
|
||||||
export const LIVESTREAM = 'Livestream';
|
|
||||||
|
|
|
@ -1,19 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { doResolveUri, makeSelectClaimForUri } from 'lbry-redux';
|
|
||||||
import { doSetPlayingUri } from 'redux/actions/content';
|
|
||||||
import { doUserSetReferrer } from 'redux/actions/user';
|
|
||||||
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
|
||||||
import { selectHasUnclaimedRefereeReward } from 'redux/selectors/rewards';
|
|
||||||
import LivestreamPage from './view';
|
|
||||||
|
|
||||||
const select = (state, props) => ({
|
|
||||||
hasUnclaimedRefereeReward: selectHasUnclaimedRefereeReward(state),
|
|
||||||
isAuthenticated: selectUserVerifiedEmail(state),
|
|
||||||
channelClaim: makeSelectClaimForUri(props.uri)(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(select, {
|
|
||||||
doSetPlayingUri,
|
|
||||||
doResolveUri,
|
|
||||||
doUserSetReferrer,
|
|
||||||
})(LivestreamPage);
|
|
|
@ -1,87 +0,0 @@
|
||||||
// @flow
|
|
||||||
import { BITWAVE_API } from 'constants/livestream';
|
|
||||||
import React from 'react';
|
|
||||||
import Page from 'component/page';
|
|
||||||
import LivestreamLayout from 'component/livestreamLayout';
|
|
||||||
import analytics from 'analytics';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
uri: string,
|
|
||||||
claim: StreamClaim,
|
|
||||||
doSetPlayingUri: ({ uri: ?string }) => void,
|
|
||||||
isAuthenticated: boolean,
|
|
||||||
doUserSetReferrer: (string) => void,
|
|
||||||
channelClaim: ChannelClaim,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LivestreamPage(props: Props) {
|
|
||||||
const { uri, claim, doSetPlayingUri, isAuthenticated, doUserSetReferrer, channelClaim } = props;
|
|
||||||
const [activeViewers, setActiveViewers] = React.useState(0);
|
|
||||||
const [isLive, setIsLive] = React.useState(false);
|
|
||||||
const livestreamChannelId = channelClaim && channelClaim.signing_channel && channelClaim.signing_channel.claim_id;
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
function checkIsLive() {
|
|
||||||
// $FlowFixMe Bitwave's API can handle garbage
|
|
||||||
fetch(`${BITWAVE_API}/${livestreamChannelId}`)
|
|
||||||
.then((res) => res.json())
|
|
||||||
.then((res) => {
|
|
||||||
if (!res || !res.data) {
|
|
||||||
setIsLive(false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setActiveViewers(res.data.viewCount);
|
|
||||||
|
|
||||||
if (res.data.hasOwnProperty('live')) {
|
|
||||||
setIsLive(res.data.live);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
let interval;
|
|
||||||
if (livestreamChannelId) {
|
|
||||||
if (!interval) checkIsLive();
|
|
||||||
interval = setInterval(checkIsLive, 10 * 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
if (interval) {
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}, [livestreamChannelId]);
|
|
||||||
|
|
||||||
const stringifiedClaim = JSON.stringify(claim);
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (uri && stringifiedClaim) {
|
|
||||||
const jsonClaim = JSON.parse(stringifiedClaim);
|
|
||||||
|
|
||||||
if (jsonClaim) {
|
|
||||||
const { txid, nout, claim_id: claimId } = jsonClaim;
|
|
||||||
const outpoint = `${txid}:${nout}`;
|
|
||||||
|
|
||||||
analytics.apiLogView(uri, outpoint, claimId);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!isAuthenticated) {
|
|
||||||
const uri = jsonClaim.signing_channel && jsonClaim.signing_channel.permanent_url;
|
|
||||||
if (uri) {
|
|
||||||
doUserSetReferrer(uri.replace('lbry://', ''));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [uri, stringifiedClaim, isAuthenticated]);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
// Set playing uri to null so the popout player doesnt start playing the dummy claim if a user navigates back
|
|
||||||
// This can be removed when we start using the app video player, not a bitwave iframe
|
|
||||||
doSetPlayingUri({ uri: null });
|
|
||||||
}, [doSetPlayingUri]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Page className="file-page" filePage livestream>
|
|
||||||
<LivestreamLayout uri={uri} activeViewers={activeViewers} isLive={isLive} />
|
|
||||||
</Page>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -1,12 +0,0 @@
|
||||||
import { connect } from 'react-redux';
|
|
||||||
import { selectMyChannelClaims, selectFetchingMyChannels } from 'lbry-redux';
|
|
||||||
import { selectActiveChannelClaim } from 'redux/selectors/app';
|
|
||||||
import LivestreamSetupPage from './view';
|
|
||||||
|
|
||||||
const select = (state) => ({
|
|
||||||
channels: selectMyChannelClaims(state),
|
|
||||||
fetchingChannels: selectFetchingMyChannels(state),
|
|
||||||
activeChannelClaim: selectActiveChannelClaim(state),
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(select)(LivestreamSetupPage);
|
|
|
@ -1,210 +0,0 @@
|
||||||
// @flow
|
|
||||||
import * as PAGES from 'constants/pages';
|
|
||||||
import * as PUBLISH_MODES from 'constants/publish_types';
|
|
||||||
import React from 'react';
|
|
||||||
import Page from 'component/page';
|
|
||||||
import Spinner from 'component/spinner';
|
|
||||||
import Button from 'component/button';
|
|
||||||
import ChannelSelector from 'component/channelSelector';
|
|
||||||
import Yrbl from 'component/yrbl';
|
|
||||||
import { Lbry } from 'lbry-redux';
|
|
||||||
import { toHex } from 'util/hex';
|
|
||||||
import { FormField } from 'component/common/form';
|
|
||||||
import CopyableText from 'component/copyableText';
|
|
||||||
import Card from 'component/common/card';
|
|
||||||
import ClaimList from 'component/claimList';
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
channels: Array<ChannelClaim>,
|
|
||||||
fetchingChannels: boolean,
|
|
||||||
activeChannelClaim: ?ChannelClaim,
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LivestreamSetupPage(props: Props) {
|
|
||||||
const { channels, fetchingChannels, activeChannelClaim } = props;
|
|
||||||
|
|
||||||
const [sigData, setSigData] = React.useState({ signature: undefined, signing_ts: undefined });
|
|
||||||
|
|
||||||
const hasChannels = channels && channels.length > 0;
|
|
||||||
const activeChannelClaimStr = JSON.stringify(activeChannelClaim);
|
|
||||||
const streamKey = createStreamKey();
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (activeChannelClaimStr) {
|
|
||||||
const channelClaim = JSON.parse(activeChannelClaimStr);
|
|
||||||
|
|
||||||
// ensure we have a channel
|
|
||||||
if (channelClaim.claim_id) {
|
|
||||||
Lbry.channel_sign({
|
|
||||||
channel_id: channelClaim.claim_id,
|
|
||||||
hexdata: toHex(channelClaim.name),
|
|
||||||
})
|
|
||||||
.then((data) => {
|
|
||||||
setSigData(data);
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
setSigData({ signature: null, signing_ts: null });
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [activeChannelClaimStr, setSigData]);
|
|
||||||
|
|
||||||
function createStreamKey() {
|
|
||||||
if (!activeChannelClaim || !sigData.signature || !sigData.signing_ts) return null;
|
|
||||||
return `${activeChannelClaim.claim_id}?d=${toHex(activeChannelClaim.name)}&s=${sigData.signature}&t=${
|
|
||||||
sigData.signing_ts
|
|
||||||
}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
const [livestreamClaims, setLivestreamClaims] = React.useState([]);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (!activeChannelClaimStr) return;
|
|
||||||
|
|
||||||
const channelClaim = JSON.parse(activeChannelClaimStr);
|
|
||||||
|
|
||||||
Lbry.claim_search({
|
|
||||||
channel_ids: [channelClaim.claim_id],
|
|
||||||
has_no_source: true,
|
|
||||||
claim_type: ['stream'],
|
|
||||||
})
|
|
||||||
.then((res) => {
|
|
||||||
if (res && res.items && res.items.length > 0) {
|
|
||||||
setLivestreamClaims(res.items.reverse());
|
|
||||||
} else {
|
|
||||||
setLivestreamClaims([]);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
setLivestreamClaims([]);
|
|
||||||
});
|
|
||||||
}, [activeChannelClaimStr]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Page>
|
|
||||||
{fetchingChannels && (
|
|
||||||
<div className="main--empty">
|
|
||||||
<Spinner delayed />
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{!fetchingChannels && !hasChannels && (
|
|
||||||
<Yrbl
|
|
||||||
type="happy"
|
|
||||||
title={__("You haven't created a channel yet, let's fix that!")}
|
|
||||||
actions={
|
|
||||||
<div className="section__actions">
|
|
||||||
<Button button="primary" navigate={`/$/${PAGES.CHANNEL_NEW}`} label={__('Create A Channel')} />
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div className="card-stack">
|
|
||||||
{!fetchingChannels && activeChannelClaim && (
|
|
||||||
<>
|
|
||||||
<ChannelSelector hideAnon />
|
|
||||||
|
|
||||||
{streamKey && livestreamClaims.length > 0 && (
|
|
||||||
<Card
|
|
||||||
title={__('Your stream key')}
|
|
||||||
actions={
|
|
||||||
<>
|
|
||||||
<CopyableText
|
|
||||||
primaryButton
|
|
||||||
name="stream-server"
|
|
||||||
label={__('Stream server')}
|
|
||||||
copyable="rtmp://stream.odysee.com/live"
|
|
||||||
snackMessage={__('Copied')}
|
|
||||||
/>
|
|
||||||
<CopyableText
|
|
||||||
primaryButton
|
|
||||||
name="livestream-key"
|
|
||||||
label={__('Stream key')}
|
|
||||||
copyable={streamKey}
|
|
||||||
snackMessage={__('Copied')}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{livestreamClaims.length > 0 ? (
|
|
||||||
<ClaimList
|
|
||||||
header={__('Your livestream uploads')}
|
|
||||||
uris={livestreamClaims.map((claim) => claim.permanent_url)}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<Yrbl
|
|
||||||
className="livestream__publish-intro"
|
|
||||||
title={__('No livestream publishes found')}
|
|
||||||
subtitle={__('You need to upload your livestream details before you can go live.')}
|
|
||||||
actions={
|
|
||||||
<div className="section__actions">
|
|
||||||
<Button
|
|
||||||
button="primary"
|
|
||||||
navigate={`/$/${PAGES.UPLOAD}?type=${PUBLISH_MODES.LIVESTREAM.toLowerCase()}`}
|
|
||||||
label={__('Create A Livestream')}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Debug Stuff */}
|
|
||||||
{streamKey && false && (
|
|
||||||
<div style={{ marginTop: 'var(--spacing-l)' }}>
|
|
||||||
<h3>Debug Info</h3>
|
|
||||||
|
|
||||||
{/* Channel ID */}
|
|
||||||
<FormField
|
|
||||||
name={'channelId'}
|
|
||||||
label={'Channel ID'}
|
|
||||||
type={'text'}
|
|
||||||
defaultValue={activeChannelClaim.claim_id}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* Signature */}
|
|
||||||
<FormField
|
|
||||||
name={'signature'}
|
|
||||||
label={'Signature'}
|
|
||||||
type={'text'}
|
|
||||||
defaultValue={sigData.signature}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* Signature TS */}
|
|
||||||
<FormField
|
|
||||||
name={'signaturets'}
|
|
||||||
label={'Signature Timestamp'}
|
|
||||||
type={'text'}
|
|
||||||
defaultValue={sigData.signing_ts}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* Hex Data */}
|
|
||||||
<FormField
|
|
||||||
name={'datahex'}
|
|
||||||
label={'Hex Data'}
|
|
||||||
type={'text'}
|
|
||||||
defaultValue={toHex(activeChannelClaim.name)}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
|
|
||||||
{/* Channel Public Key */}
|
|
||||||
<FormField
|
|
||||||
name={'channelpublickey'}
|
|
||||||
label={'Public Key'}
|
|
||||||
type={'text'}
|
|
||||||
defaultValue={activeChannelClaim.value.public_key}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</Page>
|
|
||||||
);
|
|
||||||
}
|
|
|
@ -10,7 +10,6 @@ import {
|
||||||
normalizeURI,
|
normalizeURI,
|
||||||
makeSelectClaimIsMine,
|
makeSelectClaimIsMine,
|
||||||
makeSelectClaimIsPending,
|
makeSelectClaimIsPending,
|
||||||
makeSelectClaimHasSource,
|
|
||||||
} from 'lbry-redux';
|
} from 'lbry-redux';
|
||||||
import { makeSelectChannelInSubscriptions } from 'redux/selectors/subscriptions';
|
import { makeSelectChannelInSubscriptions } from 'redux/selectors/subscriptions';
|
||||||
import { selectBlackListedOutpoints } from 'lbryinc';
|
import { selectBlackListedOutpoints } from 'lbryinc';
|
||||||
|
@ -61,12 +60,11 @@ const select = (state, props) => {
|
||||||
title: makeSelectTitleForUri(uri)(state),
|
title: makeSelectTitleForUri(uri)(state),
|
||||||
claimIsMine: makeSelectClaimIsMine(uri)(state),
|
claimIsMine: makeSelectClaimIsMine(uri)(state),
|
||||||
claimIsPending: makeSelectClaimIsPending(uri)(state),
|
claimIsPending: makeSelectClaimIsPending(uri)(state),
|
||||||
isLivestream: !makeSelectClaimHasSource(uri)(state),
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
const perform = (dispatch) => ({
|
const perform = dispatch => ({
|
||||||
resolveUri: (uri) => dispatch(doResolveUri(uri)),
|
resolveUri: uri => dispatch(doResolveUri(uri)),
|
||||||
});
|
});
|
||||||
|
|
||||||
export default connect(select, perform)(ShowPage);
|
export default connect(select, perform)(ShowPage);
|
||||||
|
|
|
@ -5,7 +5,6 @@ import { Redirect } from 'react-router-dom';
|
||||||
import Spinner from 'component/spinner';
|
import Spinner from 'component/spinner';
|
||||||
import ChannelPage from 'page/channel';
|
import ChannelPage from 'page/channel';
|
||||||
import FilePage from 'page/file';
|
import FilePage from 'page/file';
|
||||||
import LivestreamPage from 'page/livestream';
|
|
||||||
import Page from 'component/page';
|
import Page from 'component/page';
|
||||||
import Button from 'component/button';
|
import Button from 'component/button';
|
||||||
import Card from 'component/common/card';
|
import Card from 'component/common/card';
|
||||||
|
@ -26,7 +25,6 @@ type Props = {
|
||||||
title: string,
|
title: string,
|
||||||
claimIsMine: boolean,
|
claimIsMine: boolean,
|
||||||
claimIsPending: boolean,
|
claimIsPending: boolean,
|
||||||
isLivestream: boolean,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
function ShowPage(props: Props) {
|
function ShowPage(props: Props) {
|
||||||
|
@ -40,7 +38,6 @@ function ShowPage(props: Props) {
|
||||||
claimIsMine,
|
claimIsMine,
|
||||||
isSubscribed,
|
isSubscribed,
|
||||||
claimIsPending,
|
claimIsPending,
|
||||||
isLivestream,
|
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const signingChannel = claim && claim.signing_channel;
|
const signingChannel = claim && claim.signing_channel;
|
||||||
|
@ -122,8 +119,6 @@ function ShowPage(props: Props) {
|
||||||
/>
|
/>
|
||||||
</Page>
|
</Page>
|
||||||
);
|
);
|
||||||
} else if (isLivestream) {
|
|
||||||
innerContent = <LivestreamPage uri={uri} />;
|
|
||||||
} else {
|
} else {
|
||||||
innerContent = <FilePage uri={uri} location={location} />;
|
innerContent = <FilePage uri={uri} location={location} />;
|
||||||
}
|
}
|
||||||
|
|
|
@ -55,7 +55,7 @@ import { doAuthenticate } from 'redux/actions/user';
|
||||||
import { lbrySettings as config, version as appVersion } from 'package.json';
|
import { lbrySettings as config, version as appVersion } from 'package.json';
|
||||||
import analytics, { SHARE_INTERNAL } from 'analytics';
|
import analytics, { SHARE_INTERNAL } from 'analytics';
|
||||||
import { doSignOutCleanup } from 'util/saved-passwords';
|
import { doSignOutCleanup } from 'util/saved-passwords';
|
||||||
import { doNotificationSocketConnect } from 'redux/actions/websocket';
|
import { doSocketConnect } from 'redux/actions/websocket';
|
||||||
import { stringifyServerParam, shouldSetSetting } from 'util/sync-settings';
|
import { stringifyServerParam, shouldSetSetting } from 'util/sync-settings';
|
||||||
|
|
||||||
// @if TARGET='app'
|
// @if TARGET='app'
|
||||||
|
@ -115,10 +115,10 @@ export function doDownloadUpgrade() {
|
||||||
const upgradeFilename = selectUpgradeFilename(state);
|
const upgradeFilename = selectUpgradeFilename(state);
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
onProgress: (p) => dispatch(doUpdateDownloadProgress(Math.round(p * 100))),
|
onProgress: p => dispatch(doUpdateDownloadProgress(Math.round(p * 100))),
|
||||||
directory: dir,
|
directory: dir,
|
||||||
};
|
};
|
||||||
download(remote.getCurrentWindow(), selectUpdateUrl(state), options).then((downloadItem) => {
|
download(remote.getCurrentWindow(), selectUpdateUrl(state), options).then(downloadItem => {
|
||||||
/**
|
/**
|
||||||
* TODO: get the download path directly from the download object. It should just be
|
* TODO: get the download path directly from the download object. It should just be
|
||||||
* downloadItem.getSavePath(), but the copy on the main process is being garbage collected
|
* downloadItem.getSavePath(), but the copy on the main process is being garbage collected
|
||||||
|
@ -149,7 +149,7 @@ export function doDownloadUpgradeRequested() {
|
||||||
// This will probably be reorganized once we get auto-update going on Linux and remove
|
// This will probably be reorganized once we get auto-update going on Linux and remove
|
||||||
// the old logic.
|
// the old logic.
|
||||||
|
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
if (['win32', 'darwin'].includes(process.platform) || !!process.env.APPIMAGE) {
|
if (['win32', 'darwin'].includes(process.platform) || !!process.env.APPIMAGE) {
|
||||||
// electron-updater behavior
|
// electron-updater behavior
|
||||||
dispatch(doOpenModal(MODALS.AUTO_UPDATE_DOWNLOADED));
|
dispatch(doOpenModal(MODALS.AUTO_UPDATE_DOWNLOADED));
|
||||||
|
@ -174,7 +174,7 @@ export function doClearUpgradeTimer() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doAutoUpdate() {
|
export function doAutoUpdate() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch({
|
dispatch({
|
||||||
type: ACTIONS.AUTO_UPDATE_DOWNLOADED,
|
type: ACTIONS.AUTO_UPDATE_DOWNLOADED,
|
||||||
});
|
});
|
||||||
|
@ -186,7 +186,7 @@ export function doAutoUpdate() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doAutoUpdateDeclined() {
|
export function doAutoUpdateDeclined() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doClearUpgradeTimer());
|
dispatch(doClearUpgradeTimer());
|
||||||
|
|
||||||
dispatch({
|
dispatch({
|
||||||
|
@ -267,7 +267,7 @@ export function doCheckUpgradeAvailable() {
|
||||||
Initiate a timer that will check for an app upgrade every 10 minutes.
|
Initiate a timer that will check for an app upgrade every 10 minutes.
|
||||||
*/
|
*/
|
||||||
export function doCheckUpgradeSubscribe() {
|
export function doCheckUpgradeSubscribe() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
const checkUpgradeTimer = setInterval(() => dispatch(doCheckUpgradeAvailable()), CHECK_UPGRADE_INTERVAL);
|
const checkUpgradeTimer = setInterval(() => dispatch(doCheckUpgradeAvailable()), CHECK_UPGRADE_INTERVAL);
|
||||||
dispatch({
|
dispatch({
|
||||||
type: ACTIONS.CHECK_UPGRADE_SUBSCRIBE,
|
type: ACTIONS.CHECK_UPGRADE_SUBSCRIBE,
|
||||||
|
@ -277,7 +277,7 @@ export function doCheckUpgradeSubscribe() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doCheckDaemonVersion() {
|
export function doCheckDaemonVersion() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
// @if TARGET='app'
|
// @if TARGET='app'
|
||||||
Lbry.version().then(({ lbrynet_version: lbrynetVersion }) => {
|
Lbry.version().then(({ lbrynet_version: lbrynetVersion }) => {
|
||||||
// Avoid the incompatible daemon modal if running in dev mode
|
// Avoid the incompatible daemon modal if running in dev mode
|
||||||
|
@ -305,31 +305,31 @@ export function doCheckDaemonVersion() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doNotifyEncryptWallet() {
|
export function doNotifyEncryptWallet() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doOpenModal(MODALS.WALLET_ENCRYPT));
|
dispatch(doOpenModal(MODALS.WALLET_ENCRYPT));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doNotifyDecryptWallet() {
|
export function doNotifyDecryptWallet() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doOpenModal(MODALS.WALLET_DECRYPT));
|
dispatch(doOpenModal(MODALS.WALLET_DECRYPT));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doNotifyUnlockWallet() {
|
export function doNotifyUnlockWallet() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doOpenModal(MODALS.WALLET_UNLOCK));
|
dispatch(doOpenModal(MODALS.WALLET_UNLOCK));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doNotifyForgetPassword(props) {
|
export function doNotifyForgetPassword(props) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doOpenModal(MODALS.WALLET_PASSWORD_UNSAVE, props));
|
dispatch(doOpenModal(MODALS.WALLET_PASSWORD_UNSAVE, props));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doAlertError(errorList) {
|
export function doAlertError(errorList) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch(doError(errorList));
|
dispatch(doError(errorList));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -364,7 +364,7 @@ export function doDaemonReady() {
|
||||||
undefined,
|
undefined,
|
||||||
undefined,
|
undefined,
|
||||||
shareUsageData,
|
shareUsageData,
|
||||||
(status) => {
|
status => {
|
||||||
const trendingAlgorithm =
|
const trendingAlgorithm =
|
||||||
status &&
|
status &&
|
||||||
status.wallet &&
|
status.wallet &&
|
||||||
|
@ -397,7 +397,7 @@ export function doDaemonReady() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doClearCache() {
|
export function doClearCache() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
// Need to update this to work with new version of redux-persist
|
// Need to update this to work with new version of redux-persist
|
||||||
// Leaving for now
|
// Leaving for now
|
||||||
// const reducersToClear = whiteListedReducers.filter(reducerKey => reducerKey !== 'tags');
|
// const reducersToClear = whiteListedReducers.filter(reducerKey => reducerKey !== 'tags');
|
||||||
|
@ -418,7 +418,7 @@ export function doQuit() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doQuitAnyDaemon() {
|
export function doQuitAnyDaemon() {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
// @if TARGET='app'
|
// @if TARGET='app'
|
||||||
Lbry.stop()
|
Lbry.stop()
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
|
@ -440,7 +440,7 @@ export function doQuitAnyDaemon() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doChangeVolume(volume) {
|
export function doChangeVolume(volume) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch({
|
dispatch({
|
||||||
type: ACTIONS.VOLUME_CHANGED,
|
type: ACTIONS.VOLUME_CHANGED,
|
||||||
data: {
|
data: {
|
||||||
|
@ -451,7 +451,7 @@ export function doChangeVolume(volume) {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doChangeMute(muted) {
|
export function doChangeMute(muted) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
dispatch({
|
dispatch({
|
||||||
type: ACTIONS.VOLUME_MUTED,
|
type: ACTIONS.VOLUME_MUTED,
|
||||||
data: {
|
data: {
|
||||||
|
@ -528,7 +528,7 @@ export function doAnalyticsTagSync() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doAnaltyicsPurchaseEvent(fileInfo) {
|
export function doAnaltyicsPurchaseEvent(fileInfo) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
let purchasePrice = fileInfo.purchase_receipt && fileInfo.purchase_receipt.amount;
|
let purchasePrice = fileInfo.purchase_receipt && fileInfo.purchase_receipt.amount;
|
||||||
if (purchasePrice) {
|
if (purchasePrice) {
|
||||||
const purchaseInt = Number(Number(purchasePrice).toFixed(0));
|
const purchaseInt = Number(Number(purchasePrice).toFixed(0));
|
||||||
|
@ -544,7 +544,7 @@ export function doSignIn() {
|
||||||
const notificationsEnabled = user.experimental_ui;
|
const notificationsEnabled = user.experimental_ui;
|
||||||
|
|
||||||
if (notificationsEnabled) {
|
if (notificationsEnabled) {
|
||||||
dispatch(doNotificationSocketConnect());
|
dispatch(doSocketConnect());
|
||||||
dispatch(doNotificationList());
|
dispatch(doNotificationList());
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -667,7 +667,7 @@ export function doGetAndPopulatePreferences() {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doHandleSyncComplete(error, hasNewData) {
|
export function doHandleSyncComplete(error, hasNewData) {
|
||||||
return (dispatch) => {
|
return dispatch => {
|
||||||
if (!error) {
|
if (!error) {
|
||||||
dispatch(doGetAndPopulatePreferences());
|
dispatch(doGetAndPopulatePreferences());
|
||||||
|
|
||||||
|
@ -680,7 +680,7 @@ export function doHandleSyncComplete(error, hasNewData) {
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doSyncWithPreferences() {
|
export function doSyncWithPreferences() {
|
||||||
return (dispatch) => dispatch(doSyncLoop());
|
return dispatch => dispatch(doSyncLoop());
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doToggleInterestedInYoutubeSync() {
|
export function doToggleInterestedInYoutubeSync() {
|
||||||
|
|
|
@ -196,13 +196,7 @@ export function doCommentReact(commentId: string, type: string) {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function doCommentCreate(
|
export function doCommentCreate(comment: string = '', claim_id: string = '', parent_id?: string, uri: string) {
|
||||||
comment: string = '',
|
|
||||||
claim_id: string = '',
|
|
||||||
parent_id?: string,
|
|
||||||
uri: string,
|
|
||||||
livestream?: boolean = false
|
|
||||||
) {
|
|
||||||
return (dispatch: Dispatch, getState: GetState) => {
|
return (dispatch: Dispatch, getState: GetState) => {
|
||||||
const state = getState();
|
const state = getState();
|
||||||
const activeChannelClaim = selectActiveChannelClaim(state);
|
const activeChannelClaim = selectActiveChannelClaim(state);
|
||||||
|
@ -234,7 +228,6 @@ export function doCommentCreate(
|
||||||
type: ACTIONS.COMMENT_CREATE_COMPLETED,
|
type: ACTIONS.COMMENT_CREATE_COMPLETED,
|
||||||
data: {
|
data: {
|
||||||
uri,
|
uri,
|
||||||
livestream,
|
|
||||||
comment: result,
|
comment: result,
|
||||||
claimId: claim_id,
|
claimId: claim_id,
|
||||||
},
|
},
|
||||||
|
|
|
@ -2,87 +2,54 @@ import * as ACTIONS from 'constants/action_types';
|
||||||
import { getAuthToken } from 'util/saved-passwords';
|
import { getAuthToken } from 'util/saved-passwords';
|
||||||
import { doNotificationList } from 'redux/actions/notifications';
|
import { doNotificationList } from 'redux/actions/notifications';
|
||||||
|
|
||||||
const COMMENT_WS_URL = `wss://comments.lbry.com/api/v2/live-chat/subscribe?subscription_id=`;
|
let socket = null;
|
||||||
|
|
||||||
let sockets = {};
|
|
||||||
let retryCount = 0;
|
let retryCount = 0;
|
||||||
|
|
||||||
export const doSocketConnect = (url, cb) => {
|
export const doSocketConnect = () => dispatch => {
|
||||||
|
const authToken = getAuthToken();
|
||||||
|
if (!authToken) {
|
||||||
|
console.error('Unable to connect to web socket because auth token is missing'); // eslint-disable-line
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
function connectToSocket() {
|
function connectToSocket() {
|
||||||
if (sockets[url] !== undefined && sockets[url] !== null) {
|
if (socket !== null) {
|
||||||
sockets[url].close();
|
socket.close();
|
||||||
sockets[url] = null;
|
socket = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const timeToWait = retryCount ** 2 * 1000;
|
const timeToWait = retryCount ** 2 * 1000;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
sockets[url] = new WebSocket(url);
|
const url = `wss://api.lbry.com/subscribe?auth_token=${authToken}`;
|
||||||
sockets[url].onopen = (e) => {
|
socket = new WebSocket(url);
|
||||||
|
socket.onopen = e => {
|
||||||
retryCount = 0;
|
retryCount = 0;
|
||||||
console.log('\nConnected to WS \n\n'); // eslint-disable-line
|
console.log('\nConnected to WS \n\n'); // eslint-disable-line
|
||||||
};
|
};
|
||||||
sockets[url].onmessage = (e) => {
|
socket.onmessage = e => {
|
||||||
const data = JSON.parse(e.data);
|
const data = JSON.parse(e.data);
|
||||||
cb(data);
|
|
||||||
|
if (data.type === 'pending_notification') {
|
||||||
|
dispatch(doNotificationList());
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
sockets[url].onerror = (e) => {
|
socket.onerror = e => {
|
||||||
console.error('websocket onerror', e); // eslint-disable-line
|
console.error('websocket onerror', e); // eslint-disable-line
|
||||||
|
// onerror and onclose will both fire, so nothing is needed here
|
||||||
|
};
|
||||||
|
|
||||||
|
socket.onclose = e => {
|
||||||
|
console.error('websocket onclose', e); // eslint-disable-line
|
||||||
retryCount += 1;
|
retryCount += 1;
|
||||||
connectToSocket();
|
connectToSocket();
|
||||||
};
|
};
|
||||||
|
|
||||||
sockets[url].onclose = () => {
|
|
||||||
console.log('\n Disconnected from WS\n\n'); // eslint-disable-line
|
|
||||||
sockets[url] = null;
|
|
||||||
};
|
|
||||||
}, timeToWait);
|
}, timeToWait);
|
||||||
}
|
}
|
||||||
|
|
||||||
connectToSocket();
|
connectToSocket();
|
||||||
};
|
};
|
||||||
|
|
||||||
export const doSocketDisconnect = (url) => (dispatch) => {
|
export const doSocketDisconnect = () => ({
|
||||||
if (sockets[url] !== undefined && sockets[url] !== null) {
|
|
||||||
sockets[url].close();
|
|
||||||
sockets[url] = null;
|
|
||||||
|
|
||||||
dispatch({
|
|
||||||
type: ACTIONS.WS_DISCONNECT,
|
type: ACTIONS.WS_DISCONNECT,
|
||||||
});
|
});
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export const doNotificationSocketConnect = () => (dispatch) => {
|
|
||||||
const authToken = getAuthToken();
|
|
||||||
if (!authToken) {
|
|
||||||
console.error('Unable to connect to web socket because auth token is missing'); // eslint-disable-line
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const url = `wss://api.lbry.com/subscribe?auth_token=${authToken}`;
|
|
||||||
doSocketConnect(url, (data) => {
|
|
||||||
if (data.type === 'pending_notification') {
|
|
||||||
dispatch(doNotificationList());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export const doCommentSocketConnect = (uri, claimId) => (dispatch) => {
|
|
||||||
const url = `${COMMENT_WS_URL}${claimId}`;
|
|
||||||
|
|
||||||
doSocketConnect(url, (response) => {
|
|
||||||
if (response.type === 'delta') {
|
|
||||||
const newComment = response.data.comment;
|
|
||||||
dispatch({
|
|
||||||
type: ACTIONS.COMMENT_RECEIVED,
|
|
||||||
data: { comment: newComment, claimId, uri },
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export const doCommentSocketDisconnect = (claimId) => (dispatch) => {
|
|
||||||
const url = `${COMMENT_WS_URL}${claimId}`;
|
|
||||||
dispatch(doSocketDisconnect(url));
|
|
||||||
};
|
|
||||||
|
|
|
@ -7,9 +7,6 @@ const defaultState: CommentsState = {
|
||||||
byId: {}, // ClaimID -> list of comments
|
byId: {}, // ClaimID -> list of comments
|
||||||
repliesByParentId: {}, // ParentCommentID -> list of reply comments
|
repliesByParentId: {}, // ParentCommentID -> list of reply comments
|
||||||
topLevelCommentsById: {}, // ClaimID -> list of top level comments
|
topLevelCommentsById: {}, // ClaimID -> list of top level comments
|
||||||
// TODO:
|
|
||||||
// Remove commentsByUri
|
|
||||||
// It is not needed and doesn't provide anything but confusion
|
|
||||||
commentsByUri: {}, // URI -> claimId
|
commentsByUri: {}, // URI -> claimId
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
isCommenting: false,
|
isCommenting: false,
|
||||||
|
@ -38,12 +35,7 @@ export default handleActions(
|
||||||
}),
|
}),
|
||||||
|
|
||||||
[ACTIONS.COMMENT_CREATE_COMPLETED]: (state: CommentsState, action: any): CommentsState => {
|
[ACTIONS.COMMENT_CREATE_COMPLETED]: (state: CommentsState, action: any): CommentsState => {
|
||||||
const {
|
const { comment, claimId, uri }: { comment: Comment, claimId: string, uri: string } = action.data;
|
||||||
comment,
|
|
||||||
claimId,
|
|
||||||
uri,
|
|
||||||
livestream,
|
|
||||||
}: { comment: Comment, claimId: string, uri: string, livestream: boolean } = action.data;
|
|
||||||
const commentById = Object.assign({}, state.commentById);
|
const commentById = Object.assign({}, state.commentById);
|
||||||
const byId = Object.assign({}, state.byId);
|
const byId = Object.assign({}, state.byId);
|
||||||
const topLevelCommentsById = Object.assign({}, state.topLevelCommentsById); // was byId {ClaimId -> [commentIds...]}
|
const topLevelCommentsById = Object.assign({}, state.topLevelCommentsById); // was byId {ClaimId -> [commentIds...]}
|
||||||
|
@ -52,8 +44,6 @@ export default handleActions(
|
||||||
const comments = byId[claimId] || [];
|
const comments = byId[claimId] || [];
|
||||||
const newCommentIds = comments.slice();
|
const newCommentIds = comments.slice();
|
||||||
|
|
||||||
// If it was created during a livestream, let the websocket handler perform the state update
|
|
||||||
if (!livestream) {
|
|
||||||
// add the comment by its ID
|
// add the comment by its ID
|
||||||
commentById[comment.comment_id] = comment;
|
commentById[comment.comment_id] = comment;
|
||||||
|
|
||||||
|
@ -75,8 +65,6 @@ export default handleActions(
|
||||||
topLevelCommentsById[claimId].unshift(comment.comment_id);
|
topLevelCommentsById[claimId].unshift(comment.comment_id);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...state,
|
...state,
|
||||||
topLevelCommentsById,
|
topLevelCommentsById,
|
||||||
|
@ -217,42 +205,6 @@ export default handleActions(
|
||||||
...state,
|
...state,
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
[ACTIONS.COMMENT_RECEIVED]: (state: CommentsState, action: any) => {
|
|
||||||
const { uri, claimId, comment } = action.data;
|
|
||||||
const commentsByUri = Object.assign({}, state.commentsByUri);
|
|
||||||
const commentsByClaimId = Object.assign({}, state.byId);
|
|
||||||
const allCommentsById = Object.assign({}, state.commentById);
|
|
||||||
const topLevelCommentsById = Object.assign({}, state.topLevelCommentsById);
|
|
||||||
const commentsForId = topLevelCommentsById[claimId];
|
|
||||||
|
|
||||||
allCommentsById[comment.comment_id] = comment;
|
|
||||||
commentsByUri[uri] = claimId;
|
|
||||||
|
|
||||||
if (commentsForId) {
|
|
||||||
const newCommentsForId = commentsForId.slice();
|
|
||||||
const commentExists = newCommentsForId.includes(comment.comment_id);
|
|
||||||
if (!commentExists) {
|
|
||||||
newCommentsForId.unshift(comment.comment_id);
|
|
||||||
}
|
|
||||||
|
|
||||||
topLevelCommentsById[claimId] = newCommentsForId;
|
|
||||||
} else {
|
|
||||||
topLevelCommentsById[claimId] = [comment.comment_id];
|
|
||||||
}
|
|
||||||
|
|
||||||
// We don't care to keep existing lower level comments since this is just for livestreams
|
|
||||||
commentsByClaimId[claimId] = topLevelCommentsById[claimId];
|
|
||||||
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
byId: commentsByClaimId,
|
|
||||||
commentById: allCommentsById,
|
|
||||||
commentsByUri,
|
|
||||||
topLevelCommentsById,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
[ACTIONS.COMMENT_ABANDON_STARTED]: (state: CommentsState, action: any) => ({
|
[ACTIONS.COMMENT_ABANDON_STARTED]: (state: CommentsState, action: any) => ({
|
||||||
...state,
|
...state,
|
||||||
isLoading: true,
|
isLoading: true,
|
||||||
|
|
|
@ -28,7 +28,6 @@
|
||||||
@import 'component/form-field';
|
@import 'component/form-field';
|
||||||
@import 'component/header';
|
@import 'component/header';
|
||||||
@import 'component/icon';
|
@import 'component/icon';
|
||||||
@import 'component/livestream';
|
|
||||||
@import 'component/main';
|
@import 'component/main';
|
||||||
@import 'component/markdown-editor';
|
@import 'component/markdown-editor';
|
||||||
@import 'component/markdown-preview';
|
@import 'component/markdown-preview';
|
||||||
|
|
|
@ -231,11 +231,6 @@
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button--emoji {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
border-radius: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button__content {
|
.button__content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -263,15 +263,12 @@ $metadata-z-index: 1;
|
||||||
.menu__list.channel__list {
|
.menu__list.channel__list {
|
||||||
margin-top: var(--spacing-xs);
|
margin-top: var(--spacing-xs);
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding: 0;
|
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
max-height: 15rem;
|
max-height: 15rem;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|
||||||
[role='menuitem'] {
|
[role='menuitem'] {
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
&[data-selected] {
|
&[data-selected] {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
.channel__list-item {
|
.channel__list-item {
|
||||||
|
|
|
@ -1,203 +0,0 @@
|
||||||
.livestream {
|
|
||||||
flex: 1;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: var(--aspect-ratio-standard);
|
|
||||||
position: relative;
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
|
|
||||||
.media__thumb,
|
|
||||||
iframe {
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__discussion {
|
|
||||||
min-height: 0%;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: var(--spacing-m);
|
|
||||||
|
|
||||||
@media (min-width: $breakpoint-small) {
|
|
||||||
width: 35rem;
|
|
||||||
margin-left: var(--spacing-m);
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comments-wrapper {
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comments-wrapper--with-height {
|
|
||||||
height: 40vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comments {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
font-size: var(--font-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comment {
|
|
||||||
margin-top: var(--spacing-s);
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
> :first-child {
|
|
||||||
margin-right: var(--spacing-s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comment-author {
|
|
||||||
font-weight: var(--font-weight-bold);
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comment-author--streamer {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comment-create {
|
|
||||||
margin-top: var(--spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__channel-link {
|
|
||||||
margin-bottom: var(--spacing-xl);
|
|
||||||
box-shadow: 0 0 0 rgba(246, 72, 83, 0.4);
|
|
||||||
animation: livePulse 2s infinite;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes livePulse {
|
|
||||||
0% {
|
|
||||||
box-shadow: 0 0 0 0 rgba(246, 72, 83, 0.4);
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
box-shadow: 0 0 0 10px rgba(246, 72, 83, 0);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
box-shadow: 0 0 0 0 rgba(246, 72, 83, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__publish-checkbox {
|
|
||||||
margin: var(--spacing-l) 0;
|
|
||||||
|
|
||||||
.checkbox,
|
|
||||||
.radio {
|
|
||||||
margin-top: var(--spacing-m);
|
|
||||||
|
|
||||||
label {
|
|
||||||
color: #444;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__creator-message {
|
|
||||||
background-color: #fde68a;
|
|
||||||
padding: var(--spacing-m);
|
|
||||||
color: black;
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: var(--font-small);
|
|
||||||
margin-bottom: var(--spacing-s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__emoji-actions {
|
|
||||||
margin-bottom: var(--spacing-m);
|
|
||||||
|
|
||||||
> *:not(:last-child) {
|
|
||||||
margin-right: var(--spacing-s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__embed-page {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.file-viewer {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
max-height: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__embed-wrapper {
|
|
||||||
height: 100vh;
|
|
||||||
width: 100vw;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #000000;
|
|
||||||
|
|
||||||
.livestream {
|
|
||||||
margin-top: auto;
|
|
||||||
margin-bottom: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__embed-countdown {
|
|
||||||
@extend .livestream__embed-wrapper;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__embed {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__embed-comments {
|
|
||||||
width: 30vw;
|
|
||||||
height: 100vh;
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
.livestream__discussion {
|
|
||||||
height: 100vh;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card__main-actions {
|
|
||||||
height: 100%;
|
|
||||||
width: 30vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__comments-wrapper--with-height {
|
|
||||||
height: calc(100% - 200px - (var(--spacing-l)));
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: $breakpoint-small) {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.livestream__publish-intro {
|
|
||||||
margin-top: var(--spacing-l);
|
|
||||||
}
|
|
|
@ -169,10 +169,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main--livestream {
|
|
||||||
margin-top: var(--spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main--full-width {
|
.main--full-width {
|
||||||
@extend .main;
|
@extend .main;
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
.media__thumb {
|
.media__thumb {
|
||||||
@include thumbnail;
|
@include thumbnail;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--card-radius);
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
background-color: var(--color-placeholder-background);
|
background-color: var(--color-placeholder-background);
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
59
yarn.lock
59
yarn.lock
|
@ -4418,40 +4418,6 @@ elliptic@^6.0.0:
|
||||||
minimalistic-assert "^1.0.1"
|
minimalistic-assert "^1.0.1"
|
||||||
minimalistic-crypto-utils "^1.0.1"
|
minimalistic-crypto-utils "^1.0.1"
|
||||||
|
|
||||||
emoji-chars@^1.0.0:
|
|
||||||
version "1.0.12"
|
|
||||||
resolved "https://registry.yarnpkg.com/emoji-chars/-/emoji-chars-1.0.12.tgz#432591cac3eafd58beb80f8b5b5e950a96c8de17"
|
|
||||||
integrity sha512-1t7WbkKzQ1hV4dHWM4u8g0SFHSAbxx+8o/lvXisDLTesljSFaxl2wLgMtx4wH922sNcIuLbFty/AuqUDJORd1A==
|
|
||||||
dependencies:
|
|
||||||
emoji-unicode-map "^1.0.0"
|
|
||||||
|
|
||||||
emoji-dictionary@^1.0.11:
|
|
||||||
version "1.0.11"
|
|
||||||
resolved "https://registry.yarnpkg.com/emoji-dictionary/-/emoji-dictionary-1.0.11.tgz#dc3463e4d768a1e11ffabc9362ac0092472bd308"
|
|
||||||
integrity sha512-pVTiN0StAU2nYy+BtcX/88DavMDjUcONIA6Qsg7/IyDq8xOsRFuC49F7XLUPr7Shlz4bt0/RAqPjuqjpsj3vbA==
|
|
||||||
dependencies:
|
|
||||||
emoji-chars "^1.0.0"
|
|
||||||
emoji-name-map "^1.0.0"
|
|
||||||
emoji-names "^1.0.1"
|
|
||||||
emoji-unicode-map "^1.0.0"
|
|
||||||
emojilib "^2.0.2"
|
|
||||||
|
|
||||||
emoji-name-map@^1.0.0, emoji-name-map@^1.1.0:
|
|
||||||
version "1.2.9"
|
|
||||||
resolved "https://registry.yarnpkg.com/emoji-name-map/-/emoji-name-map-1.2.9.tgz#32a0788e748d9c7185a29a000102fb263fe2892d"
|
|
||||||
integrity sha512-MSM8y6koSqh/2uEMI2VoKA+Ac0qL5RkgFGP/pzL6n5FOrOJ7FOZFxgs7+uNpqA+AT+WmdbMPXkd3HnFXXdz4AA==
|
|
||||||
dependencies:
|
|
||||||
emojilib "^2.0.2"
|
|
||||||
iterate-object "^1.3.1"
|
|
||||||
map-o "^2.0.1"
|
|
||||||
|
|
||||||
emoji-names@^1.0.1:
|
|
||||||
version "1.0.12"
|
|
||||||
resolved "https://registry.yarnpkg.com/emoji-names/-/emoji-names-1.0.12.tgz#4789d72af311e3a9b0343fe8752e77420e32f8f9"
|
|
||||||
integrity sha512-ABXVMPYU9h1/0lNNE9VaT9OxxWXXAv/By8gVMzQYIx7jrhWjyLFVyC34CAN+EP/1e+5WZCklvClo5KSklPCAeg==
|
|
||||||
dependencies:
|
|
||||||
emoji-name-map "^1.0.0"
|
|
||||||
|
|
||||||
emoji-regex@^7.0.1, emoji-regex@^7.0.2:
|
emoji-regex@^7.0.1, emoji-regex@^7.0.2:
|
||||||
version "7.0.3"
|
version "7.0.3"
|
||||||
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
|
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
|
||||||
|
@ -4460,19 +4426,6 @@ emoji-regex@^8.0.0:
|
||||||
version "8.0.0"
|
version "8.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
|
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
|
||||||
|
|
||||||
emoji-unicode-map@^1.0.0:
|
|
||||||
version "1.1.11"
|
|
||||||
resolved "https://registry.yarnpkg.com/emoji-unicode-map/-/emoji-unicode-map-1.1.11.tgz#bc3f726abb186cc4f156316d69322f9067e30947"
|
|
||||||
integrity sha512-GWcWILFyDfR8AU7FRLhKk0lnvcljoEIXejg+XY3Ogz6/ELaQLMo0m4d9R3i79ikIULVEysHBGPsOEcjcFxtN+w==
|
|
||||||
dependencies:
|
|
||||||
emoji-name-map "^1.1.0"
|
|
||||||
iterate-object "^1.3.1"
|
|
||||||
|
|
||||||
emojilib@^2.0.2:
|
|
||||||
version "2.4.0"
|
|
||||||
resolved "https://registry.yarnpkg.com/emojilib/-/emojilib-2.4.0.tgz#ac518a8bb0d5f76dda57289ccb2fdf9d39ae721e"
|
|
||||||
integrity sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==
|
|
||||||
|
|
||||||
emojis-list@^2.0.0:
|
emojis-list@^2.0.0:
|
||||||
version "2.1.0"
|
version "2.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
|
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
|
||||||
|
@ -6723,11 +6676,6 @@ isurl@^1.0.0-alpha5:
|
||||||
has-to-string-tag-x "^1.2.0"
|
has-to-string-tag-x "^1.2.0"
|
||||||
is-object "^1.0.1"
|
is-object "^1.0.1"
|
||||||
|
|
||||||
iterate-object@^1.3.0, iterate-object@^1.3.1:
|
|
||||||
version "1.3.4"
|
|
||||||
resolved "https://registry.yarnpkg.com/iterate-object/-/iterate-object-1.3.4.tgz#fa50b1d9e58e340a7dd6b4c98c8a5e182e790096"
|
|
||||||
integrity sha512-4dG1D1x/7g8PwHS9aK6QV5V94+ZvyP4+d19qDv43EzImmrndysIl4prmJ1hWWIGCqrZHyaHBm6BSEWHOLnpoNw==
|
|
||||||
|
|
||||||
jake@^10.6.1:
|
jake@^10.6.1:
|
||||||
version "10.8.2"
|
version "10.8.2"
|
||||||
resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.2.tgz#ebc9de8558160a66d82d0eadc6a2e58fbc500a7b"
|
resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.2.tgz#ebc9de8558160a66d82d0eadc6a2e58fbc500a7b"
|
||||||
|
@ -7371,13 +7319,6 @@ map-cache@^0.2.2:
|
||||||
version "0.2.2"
|
version "0.2.2"
|
||||||
resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
|
resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
|
||||||
|
|
||||||
map-o@^2.0.1:
|
|
||||||
version "2.0.10"
|
|
||||||
resolved "https://registry.yarnpkg.com/map-o/-/map-o-2.0.10.tgz#b656a75cead939a936c338fb5df8c9d55f0dbb23"
|
|
||||||
integrity sha512-BxazE81fVByHWasyXhqKeo2m7bFKYu+ZbEfiuexMOnklXW+tzDvnlTi/JaklEeuuwqcqJzPaf9q+TWptSGXeLg==
|
|
||||||
dependencies:
|
|
||||||
iterate-object "^1.3.0"
|
|
||||||
|
|
||||||
map-stream@~0.1.0:
|
map-stream@~0.1.0:
|
||||||
version "0.1.0"
|
version "0.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
|
resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
|
||||||
|
|
Loading…
Reference in a new issue