c7021a08ad
* Attempt to speed up sidebar menu for mobile (#283) * Exclude default homepage data at compile time The youtuber IDs alone is pretty huge, and is unused in the `CUSTOM_HOMEPAGE=true` configuration. * Remove Desktop items and other cleanup - Moved constants out of the component. - Remove SIMPLE_SITE check. - Remove Desktop-only items * Sidebar: limit subscription and tag section Too slow for huge lists Limit to 10 initially, and load everything on "Show more" * Fix makeSelectThumbnailForUri - Fix memo - Expose function to extract directly from claim if client already have it. * Fix and optimize makeSelectIsSubscribed (#273) - It will not return true if the uri provided is canonical, because the compared subscription uri is in permanent form. This was causing certain elements like the Heart to not appear in claim tiles. - It is super slow for large subscriptions not just because of the array size + being a hot selector, but also because it is looking up the claim twice (not memo'd) and also calling `parseURI` to determine if it's a channel, which is unnecessary if you already have the claim. - Optimize the selector to only look up the claim once, and make operations using already-obtained info. * Simplify makeSelectTitleForUri No need to memo given no transformation. * Simplify makeSelectIsUriResolving - Memo not required. `resolvingUris` is very dynamic and is a short array anyways. - Changeg from using `indexOf` to `includes`, which is more concise. * Cost Info selector fixes - no memo required since they are just directly accessing the store. Co-authored-by: infinite-persistence <64950861+infinite-persistence@users.noreply.github.com> Co-authored-by: infinite-persistence <inf.persistence@gmail.com>
148 lines
4.2 KiB
JavaScript
148 lines
4.2 KiB
JavaScript
// @flow
|
|
import * as ACTIONS from 'constants/action_types';
|
|
import { selectShowMatureContent } from 'redux/selectors/settings';
|
|
import { selectClaimForUri, makeSelectClaimIsNsfw } from 'redux/selectors/claims';
|
|
import { doResolveUris } from 'redux/actions/claims';
|
|
import { buildURI, isURIValid } from 'util/lbryURI';
|
|
import { batchActions } from 'util/batch-actions';
|
|
import { makeSelectSearchUrisForQuery, selectSearchValue } from 'redux/selectors/search';
|
|
import handleFetchResponse from 'util/handle-fetch';
|
|
import { getSearchQueryString } from 'util/query-params';
|
|
import { getRecommendationSearchOptions } from 'util/search';
|
|
import { SEARCH_SERVER_API } from 'config';
|
|
|
|
type Dispatch = (action: any) => any;
|
|
type GetState = () => { claims: any, search: SearchState };
|
|
|
|
type SearchOptions = {
|
|
size?: number,
|
|
from?: number,
|
|
related_to?: string,
|
|
nsfw?: boolean,
|
|
isBackgroundSearch?: boolean,
|
|
};
|
|
|
|
let lighthouse = {
|
|
CONNECTION_STRING: SEARCH_SERVER_API,
|
|
search: (queryString: string) => fetch(`${lighthouse.CONNECTION_STRING}?${queryString}`).then(handleFetchResponse),
|
|
};
|
|
|
|
export const setSearchApi = (endpoint: string) => {
|
|
lighthouse.CONNECTION_STRING = endpoint.replace(/\/*$/, '/'); // exactly one slash at the end;
|
|
};
|
|
|
|
export const doSearch = (rawQuery: string, searchOptions: SearchOptions) => (
|
|
dispatch: Dispatch,
|
|
getState: GetState
|
|
) => {
|
|
const query = rawQuery.replace(/^lbry:\/\//i, '').replace(/\//, ' ');
|
|
|
|
if (!query) {
|
|
dispatch({
|
|
type: ACTIONS.SEARCH_FAIL,
|
|
});
|
|
return;
|
|
}
|
|
|
|
const state = getState();
|
|
|
|
const queryWithOptions = getSearchQueryString(query, searchOptions);
|
|
|
|
const size = searchOptions.size;
|
|
const from = searchOptions.from;
|
|
|
|
// If we have already searched for something, we don't need to do anything
|
|
const urisForQuery = makeSelectSearchUrisForQuery(queryWithOptions)(state);
|
|
if (urisForQuery && !!urisForQuery.length) {
|
|
if (!size || !from || from + size < urisForQuery.length) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
dispatch({
|
|
type: ACTIONS.SEARCH_START,
|
|
});
|
|
|
|
lighthouse
|
|
.search(queryWithOptions)
|
|
.then((data: { body: Array<{ name: string, claimId: string }>, poweredBy: string }) => {
|
|
const { body: result, poweredBy } = data;
|
|
const uris = [];
|
|
const actions = [];
|
|
|
|
result.forEach((item) => {
|
|
if (item) {
|
|
const { name, claimId } = item;
|
|
const urlObj: LbryUrlObj = {};
|
|
|
|
if (name.startsWith('@')) {
|
|
urlObj.channelName = name;
|
|
urlObj.channelClaimId = claimId;
|
|
} else {
|
|
urlObj.streamName = name;
|
|
urlObj.streamClaimId = claimId;
|
|
}
|
|
|
|
const url = buildURI(urlObj);
|
|
if (isURIValid(url)) {
|
|
uris.push(url);
|
|
}
|
|
}
|
|
});
|
|
|
|
actions.push(doResolveUris(uris));
|
|
|
|
actions.push({
|
|
type: ACTIONS.SEARCH_SUCCESS,
|
|
data: {
|
|
query: queryWithOptions,
|
|
from: from,
|
|
size: size,
|
|
uris,
|
|
recsys: poweredBy,
|
|
},
|
|
});
|
|
dispatch(batchActions(...actions));
|
|
})
|
|
.catch(() => {
|
|
dispatch({
|
|
type: ACTIONS.SEARCH_FAIL,
|
|
});
|
|
});
|
|
};
|
|
|
|
export const doUpdateSearchOptions = (newOptions: SearchOptions, additionalOptions: SearchOptions) => (
|
|
dispatch: Dispatch,
|
|
getState: GetState
|
|
) => {
|
|
const state = getState();
|
|
const searchValue = selectSearchValue(state);
|
|
|
|
dispatch({
|
|
type: ACTIONS.UPDATE_SEARCH_OPTIONS,
|
|
data: newOptions,
|
|
});
|
|
|
|
if (searchValue) {
|
|
// After updating, perform a search with the new options
|
|
dispatch(doSearch(searchValue, additionalOptions));
|
|
}
|
|
};
|
|
|
|
export const doFetchRecommendedContent = (uri: string) => (dispatch: Dispatch, getState: GetState) => {
|
|
const state = getState();
|
|
const claim = selectClaimForUri(state, uri);
|
|
const matureEnabled = selectShowMatureContent(state);
|
|
const claimIsMature = makeSelectClaimIsNsfw(uri)(state);
|
|
|
|
if (claim && claim.value && claim.claim_id) {
|
|
const options: SearchOptions = getRecommendationSearchOptions(matureEnabled, claimIsMature, claim.claim_id);
|
|
const { title } = claim.value;
|
|
|
|
if (title && options) {
|
|
dispatch(doSearch(title, options));
|
|
}
|
|
}
|
|
};
|
|
|
|
export { lighthouse };
|