mirror of
https://github.com/ecency/ecency-mobile.git
synced 2024-12-25 14:22:14 +03:00
updated posts
This commit is contained in:
parent
4404bdb2eb
commit
efbd87d82b
@ -44,7 +44,8 @@ class PostCardContainer extends PureComponent {
|
||||
navigation.navigate({
|
||||
routeName: ROUTES.SCREENS.POST,
|
||||
params: {
|
||||
content,
|
||||
author: content.author,
|
||||
permlink: content.permlink,
|
||||
},
|
||||
key: content.permlink,
|
||||
});
|
||||
|
@ -65,7 +65,7 @@ class PostsView extends Component {
|
||||
|
||||
_loadPosts = (filter = null) => {
|
||||
const { getFor, tag, currentAccountUsername } = this.props;
|
||||
const { posts, startAuthor, startPermlink } = this.state;
|
||||
const { posts, startAuthor, startPermlink, refreshing } = this.state;
|
||||
let options;
|
||||
|
||||
this.setState({ isLoading: true });
|
||||
@ -81,7 +81,7 @@ class PostsView extends Component {
|
||||
};
|
||||
}
|
||||
|
||||
if (startAuthor && startPermlink) {
|
||||
if (startAuthor && startPermlink && !refreshing) {
|
||||
options.start_author = startAuthor;
|
||||
options.start_permlink = startPermlink;
|
||||
}
|
||||
|
@ -258,8 +258,9 @@ export const getActiveVotes = (author, permlink) => client.database.call('get_ac
|
||||
export const getPostsSummary = async (by, query, currentUserName) => {
|
||||
try {
|
||||
let posts = await client.database.getDiscussions(by, query);
|
||||
|
||||
if (posts) {
|
||||
posts = await parsePosts(posts, currentUserName);
|
||||
posts = await parsePosts(posts, currentUserName, true);
|
||||
}
|
||||
return posts;
|
||||
} catch (error) {
|
||||
|
@ -18,6 +18,7 @@ const pullRightLeftRegex = /(<div class="[^"]*?pull-[^"]*?">(.*?)(<[/]div>))/g;
|
||||
const linkRegex = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
|
||||
const markdownImageRegex = /!\[[^\]]*\]\((.*?)\s*("(?:.*[^"])")?\s*\)/g;
|
||||
const urlRegex = /(http|ftp|https):\/\/([\w_-]+(?:(?:\.[\w_-]+)+))([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?/gm;
|
||||
const aTagRegex = /(<\s*a[^>]*>(.*?)<\s*[/]\s*a>)/g;
|
||||
|
||||
export const markDown2Html = (input) => {
|
||||
if (!input) {
|
||||
@ -37,8 +38,12 @@ export const markDown2Html = (input) => {
|
||||
output = createYoutubeIframe(output);
|
||||
}
|
||||
|
||||
if (dTubeRegex.test(output)) {
|
||||
output = createDtubeIframe(output);
|
||||
// if (dTubeRegex.test(output)) {
|
||||
// output = createDtubeIframe(output);
|
||||
// }
|
||||
|
||||
if (aTagRegex.test(output)) {
|
||||
output = handleATag(output);
|
||||
}
|
||||
|
||||
if (pullRightLeftRegex.test(output)) {
|
||||
@ -46,7 +51,7 @@ export const markDown2Html = (input) => {
|
||||
}
|
||||
|
||||
// if (imgRegex.test(output)) {
|
||||
// output = createImage(output);
|
||||
// output = handleImage(output);
|
||||
// }
|
||||
|
||||
if (vimeoRegex.test(output)) {
|
||||
@ -86,13 +91,13 @@ export const markDown2Html = (input) => {
|
||||
return output;
|
||||
};
|
||||
|
||||
export const replaceAuthorNames = input => input.replace(authorNameRegex, (match, preceeding1, preceeding2, user) => {
|
||||
const replaceAuthorNames = input => input.replace(authorNameRegex, (match, preceeding1, preceeding2, user) => {
|
||||
const userLower = user.toLowerCase();
|
||||
const preceedings = (preceeding1 || '') + (preceeding2 || '');
|
||||
return `${preceedings}<a class="markdown-author-link" href="${userLower}" data-author="${userLower}">@${user}</a>`;
|
||||
});
|
||||
|
||||
export const replaceTags = input => input.replace(tagsRegex, (tag) => {
|
||||
const replaceTags = input => input.replace(tagsRegex, (tag) => {
|
||||
if (/#[\d]+$/.test(tag)) return tag;
|
||||
const preceding = /^\s|>/.test(tag) ? tag[0] : '';
|
||||
tag = tag.replace('>', '');
|
||||
@ -101,7 +106,24 @@ export const replaceTags = input => input.replace(tagsRegex, (tag) => {
|
||||
return `${preceding}<a class="markdown-tag-link" href="${tagLower}" data-tag="${tagLower}">${tag.trim()}</a>`;
|
||||
});
|
||||
|
||||
export const removeOnlyPTag = input => input;
|
||||
const handleATag = input => input.replace(aTagRegex, (link) => {
|
||||
if (dTubeRegex.test(link)) {
|
||||
const dTubeMatch = link.match(dTubeRegex)[0];
|
||||
const execLink = dTubeRegex.exec(dTubeMatch);
|
||||
|
||||
if (execLink[2] && execLink[3]) {
|
||||
const embedLink = `https://emb.d.tube/#!/${execLink[2]}/${execLink[3]}`;
|
||||
|
||||
return iframeBody(embedLink);
|
||||
}
|
||||
if (dTubeMatch) {
|
||||
return iframeBody(dTubeMatch);
|
||||
}
|
||||
return link;
|
||||
}
|
||||
|
||||
return link;
|
||||
});
|
||||
|
||||
const changeMarkdownImage = input => input.replace(markdownImageRegex, (link) => {
|
||||
const markdownMatch = link.match(markdownImageRegex);
|
||||
@ -121,7 +143,7 @@ const createCenterImage = input => input.replace(imgCenterRegex, (link) => {
|
||||
|
||||
_link = _link.split('>')[1];
|
||||
_link = _link.split('<')[0];
|
||||
return `><img data-href="${_link}" src="${_link}"><`;
|
||||
return `><img data-href="${`https://img.esteem.app/500x0/${_link}`}" src="${`https://img.esteem.app/500x0/${_link}`}"><`;
|
||||
});
|
||||
|
||||
const changePullRightLeft = input => input.replace(pullRightLeftRegex, (item) => {
|
||||
@ -144,6 +166,11 @@ const createImage = input => input.replace(
|
||||
link => `<img data-href="${`https://img.esteem.app/300x0/${link}`}" src="${`https://img.esteem.app/500x0/${link}`}">`,
|
||||
);
|
||||
|
||||
const handleImage = input => input.replace(
|
||||
imgRegex,
|
||||
link => `<img data-href="${`https://img.esteem.app/300x0/${link}`}" src="${`https://img.esteem.app/500x0/${link}`}">`,
|
||||
);
|
||||
|
||||
const createFromDoubleImageLink = input => input.replace(onlyImageDoubleLinkRegex, (link) => {
|
||||
const _link = link.trim();
|
||||
return `<img data-href="https://img.esteem.app/300x0/${_link}" src="https://img.esteem.app/500x0/${_link}">`;
|
||||
|
@ -4,50 +4,54 @@ import { getPostSummary } from './formatter';
|
||||
import { getReputation } from './reputation';
|
||||
import { getTimeFromNow } from './time';
|
||||
|
||||
export const parsePosts = (posts, currentUserName) => (!posts ? null : posts.map(post => parsePost(post, currentUserName)));
|
||||
export const parsePosts = (posts, currentUserName, isSummary) => (!posts ? null : posts.map(post => parsePost(post, currentUserName, isSummary)));
|
||||
|
||||
export const parsePost = (post, currentUserName) => {
|
||||
export const parsePost = (post, currentUserName, isSummary = false) => {
|
||||
if (!post) {
|
||||
return null;
|
||||
}
|
||||
const _post = post;
|
||||
|
||||
post.json_metadata = JSON.parse(post.json_metadata);
|
||||
post.image = postImage(post.json_metadata, post.body);
|
||||
post.pending_payout_value = parseFloat(post.pending_payout_value).toFixed(2);
|
||||
post.created = getTimeFromNow(post.created);
|
||||
post.vote_count = post.active_votes.length;
|
||||
post.author_reputation = getReputation(post.author_reputation);
|
||||
post.avatar = `https://steemitimages.com/u/${post.author}/avatar/small`;
|
||||
post.body = markDown2Html(post.body);
|
||||
post.summary = getPostSummary(post.body, 150);
|
||||
post.raw_body = post.body;
|
||||
post.active_votes.sort((a, b) => b.rshares - a.rshares);
|
||||
const totalPayout = parseFloat(post.pending_payout_value)
|
||||
+ parseFloat(post.total_payout_value)
|
||||
+ parseFloat(post.curator_payout_value);
|
||||
_post.json_metadata = JSON.parse(post.json_metadata);
|
||||
_post.image = postImage(post.json_metadata, post.body);
|
||||
_post.pending_payout_value = parseFloat(post.pending_payout_value).toFixed(2);
|
||||
_post.created = getTimeFromNow(post.created);
|
||||
_post.vote_count = post.active_votes.length;
|
||||
_post.author_reputation = getReputation(post.author_reputation);
|
||||
_post.avatar = `https://steemitimages.com/u/${post.author}/avatar/small`;
|
||||
_post.active_votes.sort((a, b) => b.rshares - a.rshares);
|
||||
|
||||
const voteRshares = post.active_votes.reduce((a, b) => a + parseFloat(b.rshares), 0);
|
||||
const ratio = totalPayout / voteRshares;
|
||||
_post.body = markDown2Html(post.body);
|
||||
if (isSummary) _post.summary = getPostSummary(post.body, 150);
|
||||
|
||||
if (currentUserName) {
|
||||
post.is_voted = isVoted(post.active_votes, currentUserName);
|
||||
_post.is_voted = isVoted(_post.active_votes, currentUserName);
|
||||
} else {
|
||||
post.is_voted = false;
|
||||
_post.is_voted = false;
|
||||
}
|
||||
|
||||
for (const i in post.active_votes) {
|
||||
post.vote_perecent = post.active_votes[i].voter === currentUserName ? post.active_votes[i].percent : null;
|
||||
post.active_votes[i].value = (post.active_votes[i].rshares * ratio).toFixed(2);
|
||||
post.active_votes[i].reputation = getReputation(post.active_votes[i].reputation);
|
||||
post.active_votes[i].percent = post.active_votes[i].percent / 100;
|
||||
post.active_votes[i].created = getTimeFromNow(post.active_votes[i].time);
|
||||
post.active_votes[i].is_down_vote = Math.sign(post.active_votes[i].percent) < 0;
|
||||
post.active_votes[i].avatar = `https://steemitimages.com/u/${
|
||||
post.active_votes[i].voter
|
||||
}/avatar/small`;
|
||||
const totalPayout = parseFloat(_post.pending_payout_value)
|
||||
+ parseFloat(_post.total_payout_value)
|
||||
+ parseFloat(_post.curator_payout_value);
|
||||
|
||||
const voteRshares = _post.active_votes.reduce((a, b) => a + parseFloat(b.rshares), 0);
|
||||
const ratio = totalPayout / voteRshares;
|
||||
|
||||
if (_post.active_votes && _post.active_votes.length > 0) {
|
||||
for (const i in _post.active_votes) {
|
||||
_post.vote_perecent = post.active_votes[i].voter === currentUserName ? post.active_votes[i].percent : null;
|
||||
_post.active_votes[i].value = (post.active_votes[i].rshares * ratio).toFixed(2);
|
||||
_post.active_votes[i].reputation = getReputation(post.active_votes[i].reputation);
|
||||
_post.active_votes[i].percent = post.active_votes[i].percent / 100;
|
||||
_post.active_votes[i].created = getTimeFromNow(post.active_votes[i].time);
|
||||
_post.active_votes[i].is_down_vote = Math.sign(post.active_votes[i].percent) < 0;
|
||||
_post.active_votes[i].avatar = `https://steemitimages.com/u/${
|
||||
_post.active_votes[i].voter
|
||||
}/avatar/small`;
|
||||
}
|
||||
}
|
||||
|
||||
return post;
|
||||
return _post;
|
||||
};
|
||||
|
||||
const isVoted = (activeVotes, currentUserName) => activeVotes.some(v => v.voter === currentUserName && v.percent > 0);
|
||||
|
Loading…
Reference in New Issue
Block a user