2021-10-17 10:36:14 +02:00
|
|
|
// @flow
|
|
|
|
import * as ACTIONS from 'constants/action_types';
|
|
|
|
import * as ABANDON_STATES from 'constants/abandon_states';
|
|
|
|
import Lbry from 'lbry';
|
|
|
|
import { normalizeURI } from 'util/lbryURI';
|
|
|
|
import { doToast } from 'redux/actions/notifications';
|
|
|
|
import {
|
|
|
|
selectMyClaimsRaw,
|
|
|
|
selectResolvingUris,
|
|
|
|
selectClaimsByUri,
|
|
|
|
selectMyChannelClaims,
|
|
|
|
selectPendingClaimsById,
|
2022-01-14 20:26:03 +01:00
|
|
|
selectClaimIsMine,
|
2022-02-16 15:14:08 +01:00
|
|
|
selectIsMyChannelCountOverLimit,
|
2022-03-25 03:52:51 +01:00
|
|
|
selectById,
|
2022-04-18 04:52:40 +02:00
|
|
|
selectMyChannelClaimIds,
|
2021-10-17 10:36:14 +02:00
|
|
|
} from 'redux/selectors/claims';
|
|
|
|
|
|
|
|
import { doFetchTxoPage } from 'redux/actions/wallet';
|
|
|
|
import { selectSupportsByOutpoint } from 'redux/selectors/wallet';
|
|
|
|
import { creditsToString } from 'util/format-credits';
|
|
|
|
import { batchActions } from 'util/batch-actions';
|
|
|
|
import { createNormalizedClaimSearchKey } from 'util/claim';
|
|
|
|
import { PAGE_SIZE } from 'constants/claim';
|
Playlists v2: Refactors, touch ups + Queue Mode (#1604)
* Playlists v2
* Style pass
* Change playlist items arrange icon
* Playlist card body open by default
* Refactor collectionEdit components
* Paginate & Refactor bid field
* Collection page changes
* Add Thumbnail optional
* Replace extra info for description on collection page
* Playlist card right below video on medium screen
* Allow editing private collections
* Add edit option to menus
* Allow deleting a public playlist but keeping a private version
* Add queue to Save menu, remove edit option from Builtin pages, show queue on playlists page
* Fix scroll to recent persisting on medium screen
* Fix adding to queue from menu
* Fixes for delete
* PublishList: delay mounting Items tab to prevent lock-up (#1783)
For a large list, the playlist publish form is unusable (super-slow typing) due to the entire list being mounted despite the tab is not active.
The full solution is still to paginate it, but for now, don't mount the tab until it is selected. Add a spinner to indicate something is loading. It's not prefect, but it's throwaway code anyway. At least we can fill in the fields properly now.
* Batch-resolve private collections (#1782)
* makeSelectClaimForClaimId --> selectClaimForClaimId
Move away from the problematic `makeSelect*`, especially in large loops.
* Batch-resolve private collections
1758
This alleviates the lock-up that is caused by large number of invidual resolves. There will still be some minor stutter due to the large DOM that React needs to handle -- that is logged in 1758 and will be handled separately.
At least the stutter is short (1-2s) and the app is still usable.
Private list items are being resolve individually, super slow if the list is large (>100). Published lists doesn't have this issue.
doFetchItemsInCollections contains most of the useful logic, but it isn't called for private/built-in lists because it's not an actual claim.
Tweaked doFetchItemsInCollections to handle private (UUID-based) collections.
* Use persisted state for floating player playlist card body
- I find it annoying being open everytime
* Fix removing edits from published playlist
* Fix scroll on mobile
* Allow going editing items from toast
* Fix ClaimShareButton
* Prevent edit/publish of builtin
* Fix async inside forEach
* Fix sync on queue edit
* Fix autoplayCountdown replay
* Fix deleting an item scrolling the playlist
* CreatedAt fixes
* Remove repost for now
* Anon publish fixes
* Fix mature case on floating
Co-authored-by: infinite-persistence <64950861+infinite-persistence@users.noreply.github.com>
2022-07-13 15:59:59 +02:00
|
|
|
import { selectClaimIdsForCollectionId } from 'redux/selectors/collections';
|
2021-10-17 10:36:14 +02:00
|
|
|
import { doFetchItemsInCollections } from 'redux/actions/collections';
|
|
|
|
|
|
|
|
let onChannelConfirmCallback;
|
|
|
|
let checkPendingInterval;
|
|
|
|
|
|
|
|
export function doResolveUris(
|
|
|
|
uris: Array<string>,
|
|
|
|
returnCachedClaims: boolean = false,
|
2021-11-24 15:33:34 +01:00
|
|
|
resolveReposts: boolean = true,
|
|
|
|
additionalOptions: any = {}
|
2021-10-17 10:36:14 +02:00
|
|
|
) {
|
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
const normalizedUris = uris.map(normalizeURI);
|
|
|
|
const state = getState();
|
|
|
|
|
|
|
|
const resolvingUris = selectResolvingUris(state);
|
|
|
|
const claimsByUri = selectClaimsByUri(state);
|
|
|
|
const urisToResolve = normalizedUris.filter((uri) => {
|
|
|
|
if (resolvingUris.includes(uri)) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
return returnCachedClaims ? !claimsByUri[uri] : true;
|
|
|
|
});
|
|
|
|
|
|
|
|
if (urisToResolve.length === 0) {
|
2022-03-29 04:06:06 +02:00
|
|
|
return Promise.resolve();
|
2021-10-17 10:36:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.RESOLVE_URIS_STARTED,
|
|
|
|
data: { uris: normalizedUris },
|
|
|
|
});
|
|
|
|
|
|
|
|
const resolveInfo: {
|
|
|
|
[string]: {
|
|
|
|
stream: ?StreamClaim,
|
|
|
|
channel: ?ChannelClaim,
|
|
|
|
claimsInChannel: ?number,
|
|
|
|
collection: ?CollectionClaim,
|
|
|
|
},
|
|
|
|
} = {};
|
|
|
|
|
|
|
|
const collectionIds: Array<string> = [];
|
|
|
|
|
2021-11-24 15:33:34 +01:00
|
|
|
return Lbry.resolve({ urls: urisToResolve, ...additionalOptions }).then(async (result: ResolveResponse) => {
|
2021-10-17 10:36:14 +02:00
|
|
|
let repostedResults = {};
|
|
|
|
const repostsToResolve = [];
|
|
|
|
const fallbackResolveInfo = {
|
|
|
|
stream: null,
|
|
|
|
claimsInChannel: null,
|
|
|
|
channel: null,
|
|
|
|
};
|
|
|
|
|
|
|
|
function processResult(result, resolveInfo = {}, checkReposts = false) {
|
|
|
|
Object.entries(result).forEach(([uri, uriResolveInfo]) => {
|
|
|
|
// Flow has terrible Object.entries support
|
|
|
|
// https://github.com/facebook/flow/issues/2221
|
|
|
|
if (uriResolveInfo) {
|
|
|
|
if (uriResolveInfo.error) {
|
|
|
|
// $FlowFixMe
|
|
|
|
resolveInfo[uri] = { ...fallbackResolveInfo };
|
|
|
|
} else {
|
|
|
|
if (checkReposts) {
|
|
|
|
if (uriResolveInfo.reposted_claim) {
|
|
|
|
// $FlowFixMe
|
|
|
|
const repostUrl = uriResolveInfo.reposted_claim.permanent_url;
|
|
|
|
if (!resolvingUris.includes(repostUrl)) {
|
|
|
|
repostsToResolve.push(repostUrl);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let result = {};
|
|
|
|
if (uriResolveInfo.value_type === 'channel') {
|
|
|
|
result.channel = uriResolveInfo;
|
|
|
|
// $FlowFixMe
|
|
|
|
result.claimsInChannel = uriResolveInfo.meta.claims_in_channel;
|
|
|
|
} else if (uriResolveInfo.value_type === 'collection') {
|
|
|
|
result.collection = uriResolveInfo;
|
|
|
|
// $FlowFixMe
|
|
|
|
collectionIds.push(uriResolveInfo.claim_id);
|
|
|
|
} else {
|
|
|
|
result.stream = uriResolveInfo;
|
|
|
|
if (uriResolveInfo.signing_channel) {
|
|
|
|
result.channel = uriResolveInfo.signing_channel;
|
|
|
|
result.claimsInChannel =
|
|
|
|
(uriResolveInfo.signing_channel.meta && uriResolveInfo.signing_channel.meta.claims_in_channel) || 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// $FlowFixMe
|
|
|
|
resolveInfo[uri] = result;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
processResult(result, resolveInfo, resolveReposts);
|
|
|
|
|
|
|
|
if (repostsToResolve.length) {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.RESOLVE_URIS_STARTED,
|
|
|
|
data: { uris: repostsToResolve, debug: 'reposts' },
|
|
|
|
});
|
2021-11-24 15:33:34 +01:00
|
|
|
repostedResults = await Lbry.resolve({ urls: repostsToResolve, ...additionalOptions });
|
2021-10-17 10:36:14 +02:00
|
|
|
}
|
|
|
|
processResult(repostedResults, resolveInfo);
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.RESOLVE_URIS_COMPLETED,
|
|
|
|
data: { resolveInfo },
|
|
|
|
});
|
|
|
|
|
|
|
|
if (collectionIds.length) {
|
2022-06-22 14:04:22 +02:00
|
|
|
dispatch(doFetchItemsInCollections({ collectionIds: collectionIds, pageSize: 50 }));
|
2021-10-17 10:36:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
return result;
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2022-03-25 03:52:51 +01:00
|
|
|
/**
|
|
|
|
* Temporary alternative to doResolveUris() due to a batching bug with
|
|
|
|
* Lbry.resolve().
|
|
|
|
*
|
|
|
|
* Note that is a simpler version that DOES NOT handle Collections and Reposts.
|
|
|
|
*
|
|
|
|
* @param claimIds
|
|
|
|
*/
|
|
|
|
export function doResolveClaimIds(claimIds: Array<string>) {
|
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
const state = getState();
|
|
|
|
const resolvedIds = Object.keys(selectById(state));
|
|
|
|
const idsToResolve = claimIds.filter((x) => !resolvedIds.includes(x));
|
|
|
|
|
|
|
|
if (idsToResolve.length === 0) {
|
2022-03-29 04:06:06 +02:00
|
|
|
return Promise.resolve();
|
2022-03-25 03:52:51 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
return dispatch(
|
|
|
|
doClaimSearch(
|
|
|
|
{
|
|
|
|
claim_ids: idsToResolve,
|
|
|
|
page: 1,
|
|
|
|
page_size: Math.min(idsToResolve.length, 50),
|
|
|
|
no_totals: true,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
useAutoPagination: idsToResolve.length > 50,
|
|
|
|
}
|
|
|
|
)
|
|
|
|
);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2021-11-24 15:33:34 +01:00
|
|
|
export function doResolveUri(
|
|
|
|
uri: string,
|
|
|
|
returnCachedClaims: boolean = false,
|
|
|
|
resolveReposts: boolean = true,
|
|
|
|
additionalOptions: any = {}
|
|
|
|
) {
|
|
|
|
return doResolveUris([uri], returnCachedClaims, resolveReposts, additionalOptions);
|
2021-10-17 10:36:14 +02:00
|
|
|
}
|
|
|
|
|
Playlists v2: Refactors, touch ups + Queue Mode (#1604)
* Playlists v2
* Style pass
* Change playlist items arrange icon
* Playlist card body open by default
* Refactor collectionEdit components
* Paginate & Refactor bid field
* Collection page changes
* Add Thumbnail optional
* Replace extra info for description on collection page
* Playlist card right below video on medium screen
* Allow editing private collections
* Add edit option to menus
* Allow deleting a public playlist but keeping a private version
* Add queue to Save menu, remove edit option from Builtin pages, show queue on playlists page
* Fix scroll to recent persisting on medium screen
* Fix adding to queue from menu
* Fixes for delete
* PublishList: delay mounting Items tab to prevent lock-up (#1783)
For a large list, the playlist publish form is unusable (super-slow typing) due to the entire list being mounted despite the tab is not active.
The full solution is still to paginate it, but for now, don't mount the tab until it is selected. Add a spinner to indicate something is loading. It's not prefect, but it's throwaway code anyway. At least we can fill in the fields properly now.
* Batch-resolve private collections (#1782)
* makeSelectClaimForClaimId --> selectClaimForClaimId
Move away from the problematic `makeSelect*`, especially in large loops.
* Batch-resolve private collections
1758
This alleviates the lock-up that is caused by large number of invidual resolves. There will still be some minor stutter due to the large DOM that React needs to handle -- that is logged in 1758 and will be handled separately.
At least the stutter is short (1-2s) and the app is still usable.
Private list items are being resolve individually, super slow if the list is large (>100). Published lists doesn't have this issue.
doFetchItemsInCollections contains most of the useful logic, but it isn't called for private/built-in lists because it's not an actual claim.
Tweaked doFetchItemsInCollections to handle private (UUID-based) collections.
* Use persisted state for floating player playlist card body
- I find it annoying being open everytime
* Fix removing edits from published playlist
* Fix scroll on mobile
* Allow going editing items from toast
* Fix ClaimShareButton
* Prevent edit/publish of builtin
* Fix async inside forEach
* Fix sync on queue edit
* Fix autoplayCountdown replay
* Fix deleting an item scrolling the playlist
* CreatedAt fixes
* Remove repost for now
* Anon publish fixes
* Fix mature case on floating
Co-authored-by: infinite-persistence <64950861+infinite-persistence@users.noreply.github.com>
2022-07-13 15:59:59 +02:00
|
|
|
export function doGetClaimFromUriResolve(uri: string) {
|
|
|
|
return async (dispatch: Dispatch) => {
|
|
|
|
let claim;
|
|
|
|
await dispatch(doResolveUri(uri, true))
|
|
|
|
.then((response) =>
|
|
|
|
Object.values(response).forEach((resposne) => {
|
|
|
|
claim = resposne;
|
|
|
|
})
|
|
|
|
)
|
|
|
|
.catch((e) => {});
|
|
|
|
|
|
|
|
return claim;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2021-10-17 10:36:14 +02:00
|
|
|
export function doFetchClaimListMine(
|
|
|
|
page: number = 1,
|
|
|
|
pageSize: number = 99999,
|
|
|
|
resolve: boolean = true,
|
|
|
|
filterBy: Array<string> = []
|
|
|
|
) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CLAIM_LIST_MINE_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
let claimTypes = ['stream', 'repost'];
|
|
|
|
if (filterBy && filterBy.length !== 0) {
|
|
|
|
claimTypes = claimTypes.filter((t) => filterBy.includes(t));
|
|
|
|
}
|
|
|
|
|
|
|
|
// $FlowFixMe
|
|
|
|
Lbry.claim_list({
|
|
|
|
page: page,
|
|
|
|
page_size: pageSize,
|
|
|
|
claim_type: claimTypes,
|
|
|
|
resolve,
|
|
|
|
}).then((result: StreamListResponse) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CLAIM_LIST_MINE_COMPLETED,
|
|
|
|
data: {
|
|
|
|
result,
|
|
|
|
resolve,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doAbandonTxo(txo: Txo, cb: (string) => void) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
if (cb) cb(ABANDON_STATES.PENDING);
|
|
|
|
const isClaim = txo.type === 'claim';
|
|
|
|
const isSupport = txo.type === 'support' && txo.is_my_input === true;
|
|
|
|
const isTip = txo.type === 'support' && txo.is_my_input === false;
|
|
|
|
|
|
|
|
const data = isClaim ? { claimId: txo.claim_id } : { outpoint: `${txo.txid}:${txo.nout}` };
|
|
|
|
|
|
|
|
const startedActionType = isClaim ? ACTIONS.ABANDON_CLAIM_STARTED : ACTIONS.ABANDON_SUPPORT_STARTED;
|
|
|
|
const completedActionType = isClaim ? ACTIONS.ABANDON_CLAIM_SUCCEEDED : ACTIONS.ABANDON_SUPPORT_COMPLETED;
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: startedActionType,
|
|
|
|
data,
|
|
|
|
});
|
|
|
|
|
|
|
|
const errorCallback = () => {
|
|
|
|
if (cb) cb(ABANDON_STATES.ERROR);
|
|
|
|
dispatch(
|
|
|
|
doToast({
|
|
|
|
message: isClaim ? 'Error abandoning your claim/support' : 'Error unlocking your tip',
|
|
|
|
isError: true,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
const successCallback = () => {
|
|
|
|
dispatch({
|
|
|
|
type: completedActionType,
|
|
|
|
data,
|
|
|
|
});
|
|
|
|
|
|
|
|
let abandonMessage;
|
|
|
|
if (isClaim) {
|
|
|
|
abandonMessage = __('Successfully abandoned your claim.');
|
|
|
|
} else if (isSupport) {
|
|
|
|
abandonMessage = __('Successfully abandoned your support.');
|
|
|
|
} else {
|
|
|
|
abandonMessage = __('Successfully unlocked your tip!');
|
|
|
|
}
|
|
|
|
if (cb) cb(ABANDON_STATES.DONE);
|
|
|
|
|
|
|
|
dispatch(
|
|
|
|
doToast({
|
|
|
|
message: abandonMessage,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
const abandonParams: {
|
|
|
|
claim_id?: string,
|
|
|
|
txid?: string,
|
|
|
|
nout?: number,
|
|
|
|
} = {
|
|
|
|
blocking: true,
|
|
|
|
};
|
|
|
|
if (isClaim) {
|
|
|
|
abandonParams['claim_id'] = txo.claim_id;
|
|
|
|
} else {
|
|
|
|
abandonParams['txid'] = txo.txid;
|
|
|
|
abandonParams['nout'] = txo.nout;
|
|
|
|
}
|
|
|
|
|
|
|
|
let method;
|
|
|
|
if (isSupport || isTip) {
|
|
|
|
method = 'support_abandon';
|
|
|
|
} else if (isClaim) {
|
|
|
|
const { normalized_name: claimName } = txo;
|
|
|
|
method = claimName.startsWith('@') ? 'channel_abandon' : 'stream_abandon';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!method) {
|
|
|
|
console.error('No "method" chosen for claim or support abandon');
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
Lbry[method](abandonParams).then(successCallback, errorCallback);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2022-01-14 20:26:03 +01:00
|
|
|
export function doAbandonClaim(claim: Claim, cb: (string) => void) {
|
|
|
|
const { txid, nout } = claim;
|
2021-10-17 10:36:14 +02:00
|
|
|
const outpoint = `${txid}:${nout}`;
|
|
|
|
|
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
const state = getState();
|
|
|
|
const myClaims: Array<Claim> = selectMyClaimsRaw(state);
|
|
|
|
const mySupports: { [string]: Support } = selectSupportsByOutpoint(state);
|
|
|
|
|
|
|
|
// A user could be trying to abandon a support or one of their claims
|
2022-01-14 20:26:03 +01:00
|
|
|
const claimIsMine = selectClaimIsMine(state, claim);
|
|
|
|
const claimToAbandon = claimIsMine ? claim : myClaims.find((claim) => claim.txid === txid && claim.nout === nout);
|
2021-10-17 10:36:14 +02:00
|
|
|
const supportToAbandon = mySupports[outpoint];
|
|
|
|
|
|
|
|
if (!claimToAbandon && !supportToAbandon) {
|
|
|
|
console.error('No associated support or claim with txid: ', txid);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
const data = claimToAbandon
|
|
|
|
? { claimId: claimToAbandon.claim_id }
|
|
|
|
: { outpoint: `${supportToAbandon.txid}:${supportToAbandon.nout}` };
|
|
|
|
|
|
|
|
const isClaim = !!claimToAbandon;
|
|
|
|
const startedActionType = isClaim ? ACTIONS.ABANDON_CLAIM_STARTED : ACTIONS.ABANDON_SUPPORT_STARTED;
|
|
|
|
const completedActionType = isClaim ? ACTIONS.ABANDON_CLAIM_SUCCEEDED : ACTIONS.ABANDON_SUPPORT_COMPLETED;
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: startedActionType,
|
|
|
|
data,
|
|
|
|
});
|
|
|
|
|
|
|
|
const errorCallback = () => {
|
|
|
|
dispatch(
|
|
|
|
doToast({
|
|
|
|
message: isClaim ? 'Error abandoning your claim/support' : 'Error unlocking your tip',
|
|
|
|
isError: true,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
if (cb) cb(ABANDON_STATES.ERROR);
|
|
|
|
};
|
|
|
|
|
|
|
|
const successCallback = () => {
|
|
|
|
dispatch({
|
|
|
|
type: completedActionType,
|
|
|
|
data,
|
|
|
|
});
|
|
|
|
if (cb) cb(ABANDON_STATES.DONE);
|
|
|
|
|
|
|
|
let abandonMessage;
|
|
|
|
if (isClaim) {
|
|
|
|
abandonMessage = __('Successfully abandoned your claim.');
|
|
|
|
} else if (supportToAbandon) {
|
|
|
|
abandonMessage = __('Successfully abandoned your support.');
|
|
|
|
} else {
|
|
|
|
abandonMessage = __('Successfully unlocked your tip!');
|
|
|
|
}
|
|
|
|
|
|
|
|
dispatch(
|
|
|
|
doToast({
|
|
|
|
message: abandonMessage,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
dispatch(doFetchTxoPage());
|
|
|
|
};
|
|
|
|
|
|
|
|
const abandonParams = {
|
|
|
|
txid,
|
|
|
|
nout,
|
|
|
|
blocking: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
let method;
|
|
|
|
if (supportToAbandon) {
|
|
|
|
method = 'support_abandon';
|
|
|
|
} else if (claimToAbandon) {
|
|
|
|
const { name: claimName } = claimToAbandon;
|
|
|
|
method = claimName.startsWith('@') ? 'channel_abandon' : 'stream_abandon';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!method) {
|
|
|
|
console.error('No "method" chosen for claim or support abandon');
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
Lbry[method](abandonParams).then(successCallback, errorCallback);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doFetchClaimsByChannel(uri: string, page: number = 1) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CHANNEL_CLAIMS_STARTED,
|
|
|
|
data: { uri, page },
|
|
|
|
});
|
|
|
|
|
|
|
|
Lbry.claim_search({
|
|
|
|
channel: uri,
|
|
|
|
valid_channel_signature: true,
|
|
|
|
page: page || 1,
|
|
|
|
order_by: ['release_time'],
|
|
|
|
include_is_my_output: true,
|
|
|
|
include_purchase_receipt: true,
|
|
|
|
}).then((result: ClaimSearchResponse) => {
|
|
|
|
const { items: claims, total_items: claimsInChannel, page: returnedPage } = result;
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CHANNEL_CLAIMS_COMPLETED,
|
|
|
|
data: {
|
|
|
|
uri,
|
|
|
|
claimsInChannel,
|
|
|
|
claims: claims || [],
|
|
|
|
page: returnedPage || undefined,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doClearChannelErrors() {
|
|
|
|
return {
|
|
|
|
type: ACTIONS.CLEAR_CHANNEL_ERRORS,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doCreateChannel(name: string, amount: number, optionalParams: any, onConfirm: any) {
|
2022-02-16 15:14:08 +01:00
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
const state = getState();
|
|
|
|
const channelCountOverLimit = selectIsMyChannelCountOverLimit(state);
|
|
|
|
|
2021-10-17 10:36:14 +02:00
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CREATE_CHANNEL_STARTED,
|
|
|
|
});
|
|
|
|
|
2022-02-16 15:14:08 +01:00
|
|
|
if (channelCountOverLimit) {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CREATE_CHANNEL_FAILED,
|
|
|
|
data: 'Channel limit exceeded',
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2021-10-17 10:36:14 +02:00
|
|
|
const createParams: {
|
|
|
|
name: string,
|
|
|
|
bid: string,
|
|
|
|
blocking: true,
|
|
|
|
title?: string,
|
|
|
|
cover_url?: string,
|
|
|
|
thumbnail_url?: string,
|
|
|
|
description?: string,
|
|
|
|
website_url?: string,
|
|
|
|
email?: string,
|
|
|
|
tags?: Array<Tag>,
|
|
|
|
languages?: Array<string>,
|
|
|
|
} = {
|
|
|
|
name,
|
|
|
|
bid: creditsToString(amount),
|
|
|
|
blocking: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
if (optionalParams) {
|
|
|
|
if (optionalParams.title) {
|
|
|
|
createParams.title = optionalParams.title;
|
|
|
|
}
|
|
|
|
if (optionalParams.coverUrl) {
|
|
|
|
createParams.cover_url = optionalParams.coverUrl;
|
|
|
|
}
|
|
|
|
if (optionalParams.thumbnailUrl) {
|
|
|
|
createParams.thumbnail_url = optionalParams.thumbnailUrl;
|
|
|
|
}
|
|
|
|
if (optionalParams.description) {
|
|
|
|
createParams.description = optionalParams.description;
|
|
|
|
}
|
|
|
|
if (optionalParams.website) {
|
|
|
|
createParams.website_url = optionalParams.website;
|
|
|
|
}
|
|
|
|
if (optionalParams.email) {
|
|
|
|
createParams.email = optionalParams.email;
|
|
|
|
}
|
|
|
|
if (optionalParams.tags) {
|
|
|
|
createParams.tags = optionalParams.tags.map((tag) => tag.name);
|
|
|
|
}
|
|
|
|
if (optionalParams.languages) {
|
|
|
|
createParams.languages = optionalParams.languages;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
Lbry.channel_create(createParams)
|
|
|
|
// outputs[0] is the certificate
|
|
|
|
// outputs[1] is the change from the tx, not in the app currently
|
|
|
|
.then((result: ChannelCreateResponse) => {
|
|
|
|
const channelClaim = result.outputs[0];
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CREATE_CHANNEL_COMPLETED,
|
|
|
|
data: { channelClaim },
|
|
|
|
});
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_PENDING_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: [channelClaim],
|
|
|
|
},
|
|
|
|
});
|
|
|
|
dispatch(doCheckPendingClaims(onConfirm));
|
|
|
|
return channelClaim;
|
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CREATE_CHANNEL_FAILED,
|
|
|
|
data: error.message,
|
|
|
|
});
|
|
|
|
})
|
|
|
|
);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doUpdateChannel(params: any, cb: any) {
|
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_CHANNEL_STARTED,
|
|
|
|
});
|
|
|
|
const state = getState();
|
|
|
|
const myChannels = selectMyChannelClaims(state);
|
|
|
|
const channelClaim = myChannels.find((myChannel) => myChannel.claim_id === params.claim_id);
|
|
|
|
|
|
|
|
const updateParams = {
|
|
|
|
claim_id: params.claim_id,
|
|
|
|
bid: creditsToString(params.amount),
|
|
|
|
title: params.title,
|
|
|
|
cover_url: params.coverUrl,
|
|
|
|
thumbnail_url: params.thumbnailUrl,
|
|
|
|
description: params.description,
|
|
|
|
website_url: params.website,
|
|
|
|
email: params.email,
|
|
|
|
tags: [],
|
|
|
|
replace: true,
|
|
|
|
languages: params.languages || [],
|
|
|
|
locations: [],
|
|
|
|
blocking: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
if (params.tags) {
|
|
|
|
updateParams.tags = params.tags.map((tag) => tag.name);
|
|
|
|
}
|
|
|
|
|
|
|
|
// we'll need to remove these once we add locations/channels to channel page edit/create options
|
|
|
|
if (channelClaim && channelClaim.value && channelClaim.value.locations) {
|
|
|
|
updateParams.locations = channelClaim.value.locations;
|
|
|
|
}
|
|
|
|
|
|
|
|
return Lbry.channel_update(updateParams)
|
|
|
|
.then((result: ChannelUpdateResponse) => {
|
|
|
|
const channelClaim = result.outputs[0];
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_CHANNEL_COMPLETED,
|
|
|
|
data: { channelClaim },
|
|
|
|
});
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_PENDING_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: [channelClaim],
|
|
|
|
},
|
|
|
|
});
|
|
|
|
dispatch(doCheckPendingClaims(cb));
|
|
|
|
return Boolean(result.outputs[0]);
|
|
|
|
})
|
|
|
|
.then()
|
|
|
|
.catch((error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_CHANNEL_FAILED,
|
|
|
|
data: error,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doImportChannel(certificate: string) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.IMPORT_CHANNEL_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
return Lbry.channel_import({ channel_data: certificate })
|
|
|
|
.then(() => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.IMPORT_CHANNEL_COMPLETED,
|
|
|
|
});
|
|
|
|
})
|
|
|
|
.catch((error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.IMPORT_CHANNEL_FAILED,
|
|
|
|
data: error,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doFetchChannelListMine(page: number = 1, pageSize: number = 99999, resolve: boolean = true) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CHANNEL_LIST_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
const callback = (response: ChannelListResponse) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CHANNEL_LIST_COMPLETED,
|
|
|
|
data: { claims: response.items },
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
const failure = (error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_CHANNEL_LIST_FAILED,
|
|
|
|
data: error,
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
Lbry.channel_list({ page, page_size: pageSize, resolve }).then(callback, failure);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doFetchCollectionListMine(page: number = 1, pageSize: number = 99999) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_COLLECTION_LIST_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
const callback = (response: CollectionListResponse) => {
|
|
|
|
const { items } = response;
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_COLLECTION_LIST_COMPLETED,
|
|
|
|
data: { claims: items },
|
|
|
|
});
|
|
|
|
dispatch(
|
|
|
|
doFetchItemsInCollections({
|
|
|
|
collectionIds: items.map((claim) => claim.claim_id),
|
|
|
|
page_size: 5,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
const failure = (error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_COLLECTION_LIST_FAILED,
|
|
|
|
data: error,
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
Lbry.collection_list({ page, page_size: pageSize, resolve_claims: 1, resolve: true }).then(callback, failure);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2022-02-21 13:54:23 +01:00
|
|
|
export function doClearClaimSearch() {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({ type: ACTIONS.CLEAR_CLAIM_SEARCH_HISTORY });
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2021-10-17 10:36:14 +02:00
|
|
|
export function doClaimSearch(
|
|
|
|
options: {
|
|
|
|
page_size?: number,
|
|
|
|
page: number,
|
|
|
|
no_totals?: boolean,
|
|
|
|
any_tags?: Array<string>,
|
|
|
|
claim_ids?: Array<string>,
|
|
|
|
channel_ids?: Array<string>,
|
|
|
|
not_channel_ids?: Array<string>,
|
|
|
|
not_tags?: Array<string>,
|
|
|
|
order_by?: Array<string>,
|
|
|
|
release_time?: string,
|
|
|
|
has_source?: boolean,
|
2021-12-20 19:25:16 +01:00
|
|
|
has_no_source?: boolean,
|
2021-10-17 10:36:14 +02:00
|
|
|
} = {
|
|
|
|
no_totals: true,
|
|
|
|
page_size: 10,
|
|
|
|
page: 1,
|
2021-12-20 19:25:16 +01:00
|
|
|
},
|
|
|
|
settings: {
|
|
|
|
useAutoPagination?: boolean,
|
|
|
|
} = {
|
|
|
|
useAutoPagination: false,
|
2021-10-17 10:36:14 +02:00
|
|
|
}
|
|
|
|
) {
|
|
|
|
const query = createNormalizedClaimSearchKey(options);
|
|
|
|
return async (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_SEARCH_STARTED,
|
|
|
|
data: { query: query },
|
|
|
|
});
|
|
|
|
|
|
|
|
const success = (data: ClaimSearchResponse) => {
|
|
|
|
const resolveInfo = {};
|
|
|
|
const urls = [];
|
|
|
|
data.items.forEach((stream: Claim) => {
|
|
|
|
resolveInfo[stream.canonical_url] = { stream };
|
|
|
|
urls.push(stream.canonical_url);
|
|
|
|
});
|
|
|
|
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_SEARCH_COMPLETED,
|
|
|
|
data: {
|
|
|
|
query,
|
|
|
|
resolveInfo,
|
|
|
|
urls,
|
|
|
|
append: options.page && options.page !== 1,
|
|
|
|
pageSize: options.page_size,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
return resolveInfo;
|
|
|
|
};
|
|
|
|
|
|
|
|
const failure = (err) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_SEARCH_FAILED,
|
|
|
|
data: { query },
|
|
|
|
error: err,
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
2021-12-20 19:25:16 +01:00
|
|
|
const autoPaginate = () => {
|
|
|
|
let allClaims = [];
|
|
|
|
|
|
|
|
const next = async (data: ClaimSearchResponse) => {
|
|
|
|
allClaims = allClaims.concat(data.items);
|
|
|
|
|
|
|
|
const moreData = data.items.length === options.page_size;
|
|
|
|
|
|
|
|
options.page++;
|
|
|
|
|
|
|
|
if (options.page > 3 || !moreData) {
|
|
|
|
// Flow doesn't understand that page_size is an optional property with a guaranteed default value.
|
|
|
|
// $FlowFixMe
|
|
|
|
return success({
|
|
|
|
items: allClaims,
|
|
|
|
page: options.page,
|
|
|
|
page_size: options.page_size,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
try {
|
|
|
|
const data = await Lbry.claim_search(options);
|
|
|
|
return next(data);
|
|
|
|
} catch (err) {
|
|
|
|
failure(err);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
return next;
|
|
|
|
};
|
|
|
|
|
|
|
|
const successCallback = settings.useAutoPagination ? autoPaginate() : success;
|
|
|
|
return await Lbry.claim_search(options).then(successCallback, failure);
|
2021-10-17 10:36:14 +02:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doRepost(options: StreamRepostOptions) {
|
|
|
|
return (dispatch: Dispatch): Promise<any> => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_REPOST_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
function success(response) {
|
|
|
|
const repostClaim = response.outputs[0];
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_REPOST_COMPLETED,
|
|
|
|
data: {
|
|
|
|
originalClaimId: options.claim_id,
|
|
|
|
repostClaim,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_PENDING_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: [repostClaim],
|
|
|
|
},
|
|
|
|
});
|
|
|
|
|
|
|
|
dispatch(doFetchClaimListMine(1, 10));
|
|
|
|
resolve(repostClaim);
|
|
|
|
}
|
|
|
|
|
|
|
|
function failure(error) {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CLAIM_REPOST_FAILED,
|
|
|
|
data: {
|
|
|
|
error: error.message,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
Lbry.stream_repost(options).then(success, failure);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doCollectionPublish(
|
|
|
|
options: {
|
|
|
|
name: string,
|
|
|
|
bid: string,
|
|
|
|
blocking: true,
|
|
|
|
title?: string,
|
|
|
|
channel_id?: string,
|
|
|
|
thumbnail_url?: string,
|
|
|
|
description?: string,
|
|
|
|
tags?: Array<Tag>,
|
|
|
|
languages?: Array<string>,
|
|
|
|
claims: Array<string>,
|
|
|
|
},
|
|
|
|
localId: string
|
|
|
|
) {
|
|
|
|
return (dispatch: Dispatch): Promise<any> => {
|
|
|
|
// $FlowFixMe
|
|
|
|
|
|
|
|
const params: {
|
|
|
|
name: string,
|
|
|
|
bid: string,
|
|
|
|
channel_id?: string,
|
|
|
|
blocking?: true,
|
|
|
|
title?: string,
|
|
|
|
thumbnail_url?: string,
|
|
|
|
description?: string,
|
|
|
|
tags?: Array<string>,
|
|
|
|
languages?: Array<string>,
|
|
|
|
claims: Array<string>,
|
|
|
|
} = {
|
|
|
|
name: options.name,
|
|
|
|
bid: creditsToString(options.bid),
|
|
|
|
title: options.title,
|
|
|
|
thumbnail_url: options.thumbnail_url,
|
|
|
|
description: options.description,
|
|
|
|
tags: [],
|
|
|
|
languages: options.languages || [],
|
|
|
|
locations: [],
|
|
|
|
blocking: true,
|
|
|
|
claims: options.claims,
|
|
|
|
};
|
|
|
|
|
|
|
|
if (options.tags) {
|
|
|
|
params['tags'] = options.tags.map((tag) => tag.name);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (options.channel_id) {
|
|
|
|
params['channel_id'] = options.channel_id;
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
function success(response) {
|
|
|
|
const collectionClaim = response.outputs[0];
|
|
|
|
dispatch(
|
|
|
|
batchActions(
|
|
|
|
{
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_COMPLETED,
|
|
|
|
data: { claimId: collectionClaim.claim_id },
|
|
|
|
},
|
|
|
|
// move unpublished collection to pending collection with new publish id
|
|
|
|
// recent publish won't resolve this second. handle it in checkPending
|
|
|
|
{
|
|
|
|
type: ACTIONS.UPDATE_PENDING_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: [collectionClaim],
|
|
|
|
},
|
|
|
|
}
|
|
|
|
)
|
|
|
|
);
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PENDING,
|
|
|
|
data: { localId: localId, claimId: collectionClaim.claim_id },
|
|
|
|
});
|
|
|
|
dispatch(doCheckPendingClaims());
|
|
|
|
dispatch(doFetchCollectionListMine(1, 10));
|
|
|
|
return resolve(collectionClaim);
|
|
|
|
}
|
|
|
|
|
|
|
|
function failure(error) {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_FAILED,
|
|
|
|
data: {
|
|
|
|
error: error.message,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return Lbry.collection_create(params).then(success, failure);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doCollectionPublishUpdate(
|
|
|
|
options: {
|
|
|
|
bid?: string,
|
|
|
|
blocking?: true,
|
|
|
|
title?: string,
|
|
|
|
thumbnail_url?: string,
|
|
|
|
description?: string,
|
|
|
|
claim_id: string,
|
|
|
|
tags?: Array<Tag>,
|
|
|
|
languages?: Array<string>,
|
|
|
|
claims?: Array<string>,
|
|
|
|
channel_id?: string,
|
|
|
|
},
|
|
|
|
isBackgroundUpdate?: boolean
|
|
|
|
) {
|
|
|
|
return (dispatch: Dispatch, getState: GetState): Promise<any> => {
|
|
|
|
// TODO: implement one click update
|
|
|
|
|
|
|
|
const updateParams: {
|
|
|
|
bid?: string,
|
|
|
|
blocking?: true,
|
|
|
|
title?: string,
|
|
|
|
thumbnail_url?: string,
|
|
|
|
channel_id?: string,
|
|
|
|
description?: string,
|
|
|
|
claim_id: string,
|
|
|
|
tags?: Array<string>,
|
|
|
|
languages?: Array<string>,
|
|
|
|
claims?: Array<string>,
|
|
|
|
clear_claims: boolean,
|
|
|
|
replace?: boolean,
|
|
|
|
} = isBackgroundUpdate
|
|
|
|
? {
|
|
|
|
blocking: true,
|
|
|
|
claim_id: options.claim_id,
|
|
|
|
clear_claims: true,
|
|
|
|
}
|
|
|
|
: {
|
|
|
|
bid: creditsToString(options.bid),
|
|
|
|
title: options.title,
|
|
|
|
thumbnail_url: options.thumbnail_url,
|
|
|
|
description: options.description,
|
|
|
|
tags: [],
|
|
|
|
languages: options.languages || [],
|
|
|
|
locations: [],
|
|
|
|
blocking: true,
|
|
|
|
claim_id: options.claim_id,
|
|
|
|
clear_claims: true,
|
|
|
|
replace: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
if (isBackgroundUpdate && updateParams.claim_id) {
|
|
|
|
const state = getState();
|
Playlists v2: Refactors, touch ups + Queue Mode (#1604)
* Playlists v2
* Style pass
* Change playlist items arrange icon
* Playlist card body open by default
* Refactor collectionEdit components
* Paginate & Refactor bid field
* Collection page changes
* Add Thumbnail optional
* Replace extra info for description on collection page
* Playlist card right below video on medium screen
* Allow editing private collections
* Add edit option to menus
* Allow deleting a public playlist but keeping a private version
* Add queue to Save menu, remove edit option from Builtin pages, show queue on playlists page
* Fix scroll to recent persisting on medium screen
* Fix adding to queue from menu
* Fixes for delete
* PublishList: delay mounting Items tab to prevent lock-up (#1783)
For a large list, the playlist publish form is unusable (super-slow typing) due to the entire list being mounted despite the tab is not active.
The full solution is still to paginate it, but for now, don't mount the tab until it is selected. Add a spinner to indicate something is loading. It's not prefect, but it's throwaway code anyway. At least we can fill in the fields properly now.
* Batch-resolve private collections (#1782)
* makeSelectClaimForClaimId --> selectClaimForClaimId
Move away from the problematic `makeSelect*`, especially in large loops.
* Batch-resolve private collections
1758
This alleviates the lock-up that is caused by large number of invidual resolves. There will still be some minor stutter due to the large DOM that React needs to handle -- that is logged in 1758 and will be handled separately.
At least the stutter is short (1-2s) and the app is still usable.
Private list items are being resolve individually, super slow if the list is large (>100). Published lists doesn't have this issue.
doFetchItemsInCollections contains most of the useful logic, but it isn't called for private/built-in lists because it's not an actual claim.
Tweaked doFetchItemsInCollections to handle private (UUID-based) collections.
* Use persisted state for floating player playlist card body
- I find it annoying being open everytime
* Fix removing edits from published playlist
* Fix scroll on mobile
* Allow going editing items from toast
* Fix ClaimShareButton
* Prevent edit/publish of builtin
* Fix async inside forEach
* Fix sync on queue edit
* Fix autoplayCountdown replay
* Fix deleting an item scrolling the playlist
* CreatedAt fixes
* Remove repost for now
* Anon publish fixes
* Fix mature case on floating
Co-authored-by: infinite-persistence <64950861+infinite-persistence@users.noreply.github.com>
2022-07-13 15:59:59 +02:00
|
|
|
updateParams['claims'] = selectClaimIdsForCollectionId(state, updateParams.claim_id);
|
2021-10-17 10:36:14 +02:00
|
|
|
} else if (options.claims) {
|
|
|
|
updateParams['claims'] = options.claims;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (options.tags) {
|
|
|
|
updateParams['tags'] = options.tags.map((tag) => tag.name);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (options.channel_id) {
|
|
|
|
updateParams['channel_id'] = options.channel_id;
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_UPDATE_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
function success(response) {
|
|
|
|
const collectionClaim = response.outputs[0];
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_UPDATE_COMPLETED,
|
|
|
|
data: {
|
|
|
|
collectionClaim,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PENDING,
|
|
|
|
data: { claimId: collectionClaim.claim_id },
|
|
|
|
});
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_PENDING_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: [collectionClaim],
|
|
|
|
},
|
|
|
|
});
|
|
|
|
dispatch(doCheckPendingClaims());
|
|
|
|
return resolve(collectionClaim);
|
|
|
|
}
|
|
|
|
|
|
|
|
function failure(error) {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.COLLECTION_PUBLISH_UPDATE_FAILED,
|
|
|
|
data: {
|
|
|
|
error: error.message,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return Lbry.collection_update(updateParams).then(success, failure);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doCheckPublishNameAvailability(name: string) {
|
2022-04-18 04:52:40 +02:00
|
|
|
return (dispatch: Dispatch, getState: GetState) => {
|
2021-10-17 10:36:14 +02:00
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CHECK_PUBLISH_NAME_STARTED,
|
|
|
|
});
|
|
|
|
|
2022-04-18 04:52:40 +02:00
|
|
|
const state = getState();
|
|
|
|
const myChannelClaimIds = selectMyChannelClaimIds(state);
|
|
|
|
|
|
|
|
return dispatch(
|
|
|
|
doClaimSearch(
|
|
|
|
{
|
|
|
|
name,
|
|
|
|
channel_ids: myChannelClaimIds,
|
|
|
|
page: 1,
|
|
|
|
page_size: 50,
|
|
|
|
no_totals: true,
|
|
|
|
include_is_my_output: true,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
useAutoPagination: true,
|
|
|
|
}
|
|
|
|
)
|
2022-04-18 12:32:00 +02:00
|
|
|
).then((result) => {
|
2021-10-17 10:36:14 +02:00
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.CHECK_PUBLISH_NAME_COMPLETED,
|
|
|
|
});
|
2022-04-18 12:32:00 +02:00
|
|
|
|
|
|
|
return Object.keys(result).length === 0;
|
2021-10-17 10:36:14 +02:00
|
|
|
});
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doClearRepostError() {
|
|
|
|
return {
|
|
|
|
type: ACTIONS.CLEAR_REPOST_ERROR,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export function doPurchaseList(page: number = 1, pageSize: number = PAGE_SIZE) {
|
|
|
|
return (dispatch: Dispatch) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.PURCHASE_LIST_STARTED,
|
|
|
|
});
|
|
|
|
|
|
|
|
const success = (result: PurchaseListResponse) => {
|
|
|
|
return dispatch({
|
|
|
|
type: ACTIONS.PURCHASE_LIST_COMPLETED,
|
|
|
|
data: {
|
|
|
|
result,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
const failure = (error) => {
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.PURCHASE_LIST_FAILED,
|
|
|
|
data: {
|
|
|
|
error: error.message,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
Lbry.purchase_list({
|
|
|
|
page: page,
|
|
|
|
page_size: pageSize,
|
|
|
|
resolve: true,
|
|
|
|
}).then(success, failure);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
export const doCheckPendingClaims = (onChannelConfirmed: Function) => (dispatch: Dispatch, getState: GetState) => {
|
|
|
|
if (onChannelConfirmed) {
|
|
|
|
onChannelConfirmCallback = onChannelConfirmed;
|
|
|
|
}
|
|
|
|
clearInterval(checkPendingInterval);
|
|
|
|
const checkTxoList = () => {
|
|
|
|
const state = getState();
|
|
|
|
const pendingById = Object.assign({}, selectPendingClaimsById(state));
|
|
|
|
const pendingTxos = (Object.values(pendingById): any).map((p) => p.txid);
|
|
|
|
// use collections
|
|
|
|
if (pendingTxos.length) {
|
|
|
|
Lbry.txo_list({ txid: pendingTxos })
|
|
|
|
.then((result) => {
|
|
|
|
const txos = result.items;
|
|
|
|
const idsToConfirm = [];
|
|
|
|
txos.forEach((txo) => {
|
|
|
|
if (txo.claim_id && txo.confirmations > 0) {
|
|
|
|
idsToConfirm.push(txo.claim_id);
|
|
|
|
delete pendingById[txo.claim_id];
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return { idsToConfirm, pendingById };
|
|
|
|
})
|
|
|
|
.then((results) => {
|
|
|
|
const { idsToConfirm, pendingById } = results;
|
|
|
|
if (idsToConfirm.length) {
|
|
|
|
return Lbry.claim_list({ claim_id: idsToConfirm, resolve: true }).then((results) => {
|
|
|
|
const claims = results.items;
|
|
|
|
const collectionIds = claims.filter((c) => c.value_type === 'collection').map((c) => c.claim_id);
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.UPDATE_CONFIRMED_CLAIMS,
|
|
|
|
data: {
|
|
|
|
claims: claims,
|
|
|
|
pending: pendingById,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
if (collectionIds.length) {
|
|
|
|
dispatch(
|
|
|
|
doFetchItemsInCollections({
|
|
|
|
collectionIds,
|
|
|
|
})
|
|
|
|
);
|
|
|
|
}
|
|
|
|
const channelClaims = claims.filter((claim) => claim.value_type === 'channel');
|
|
|
|
if (channelClaims.length && onChannelConfirmCallback) {
|
|
|
|
channelClaims.forEach((claim) => onChannelConfirmCallback(claim));
|
|
|
|
}
|
|
|
|
if (Object.keys(pendingById).length === 0) {
|
|
|
|
clearInterval(checkPendingInterval);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
clearInterval(checkPendingInterval);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
// do something with onConfirmed (typically get blocklist for channel)
|
|
|
|
checkPendingInterval = setInterval(() => {
|
|
|
|
checkTxoList();
|
|
|
|
}, 30000);
|
|
|
|
};
|
2022-05-09 14:26:04 +02:00
|
|
|
|
2022-05-09 16:47:17 +02:00
|
|
|
export const doFetchLatestClaimForChannel = (uri: string, isEmbed?: boolean) => (
|
|
|
|
dispatch: Dispatch,
|
|
|
|
getState: GetState
|
|
|
|
) => {
|
2022-05-09 14:26:04 +02:00
|
|
|
const searchOptions = {
|
|
|
|
limit_claims_per_channel: 1,
|
|
|
|
channel: uri,
|
|
|
|
no_totals: true,
|
|
|
|
order_by: ['release_time'],
|
|
|
|
page: 1,
|
|
|
|
has_source: true,
|
2022-05-09 16:47:17 +02:00
|
|
|
stream_types: isEmbed ? ['audio', 'video'] : undefined,
|
2022-05-09 14:26:04 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
return dispatch(doClaimSearch(searchOptions))
|
|
|
|
.then((results) =>
|
|
|
|
dispatch({
|
|
|
|
type: ACTIONS.FETCH_LATEST_FOR_CHANNEL_DONE,
|
|
|
|
data: { uri, results },
|
|
|
|
})
|
|
|
|
)
|
|
|
|
.catch(() => dispatch({ type: ACTIONS.FETCH_LATEST_FOR_CHANNEL_FAIL }));
|
|
|
|
};
|