mirror of
https://codeberg.org/teddit/teddit
synced 2025-02-16 20:20:36 +01:00
c71bf6ee48
The issue was happening since the original regex is checking for href tags only, so I tried a simpler approach of searching for https://twitter.com instead whenever the regex does not match the input string Add Nodemon package to dev dependencies for local debugging
252 lines
11 KiB
JavaScript
252 lines
11 KiB
JavaScript
module.exports = function() {
|
||
this.compilePostCommentsHtml = (comments, next_comment, post_id, post_url, morechildren_ids, post_author, viewing_comment, user_preferences, last_known_depth) => {
|
||
return new Promise((resolve, reject) => {
|
||
(async () => {
|
||
let comments_html
|
||
function commentAuthor(comment, classlist, submitter, moderator) {
|
||
let classes = classlist.join(' ')
|
||
if (comment.author === '[deleted]') {
|
||
var reveddit_url = "https://www.reveddit.com" + post_url.substr(post_url.indexOf('/r/')) + comments.id
|
||
return `<span class="${classes}"><a href="${reveddit_url}" style='color: #cc6a6a !important;'>[deleted]</a></span>`
|
||
}
|
||
|
||
else {
|
||
return `<a href="/u/${comment.author}" class="${classes}">${comment.author}</a>${submitter || ''}${moderator || ''}`
|
||
}
|
||
}
|
||
|
||
if(!user_preferences)
|
||
user_preferences = {}
|
||
|
||
if(comments.author !== undefined && comments.body_html !== undefined) {
|
||
let classlist = []
|
||
let submitter_link = ''
|
||
let moderator = false
|
||
let submitter = false
|
||
let edited_span = ''
|
||
let controversial_span = ''
|
||
|
||
if(post_author === comments.author) {
|
||
classlist.push('submitter')
|
||
submitter_link = `<a href="${post_url}" title="submitter">[S]</a>`
|
||
submitter = true
|
||
}
|
||
if(comments.distinguished === 'moderator') {
|
||
classlist.push('green')
|
||
moderator_badge = ` <span class="green" title="moderator of this subreddit">[M]</span>`
|
||
moderator = true
|
||
}
|
||
if(comments.score_hidden) {
|
||
ups = `<span class="score-hidden">[score hidden]</span>`
|
||
} else {
|
||
ups = `${kFormatter(comments.ups)} points`
|
||
}
|
||
if(comments.edited) {
|
||
edited_span = `<span title="last edited ${toUTCString(comments.edited)}">*</span>`
|
||
}
|
||
if(comments.controversiality > 0) {
|
||
controversial_span = `<span class="controversial" title="this comment is voted as controversial">†</span>`
|
||
}
|
||
comments_html = `
|
||
<div class="comment ${comments.depth % 2 === 0 ? 'even-depth' : 'odd-depth'}" id="${comments.id}">
|
||
<details ${user_preferences.collapse_child_comments === 'true' && comments.depth > 0 && comments.depth < 2 ? '' : 'open'}>
|
||
<summary>
|
||
<p class="author">${commentAuthor(comments, classlist, submitter && submitter_link, moderator && moderator_badge)}</p>
|
||
<p class="ups">${ups}</p>
|
||
<p class="created" title="${toUTCString(comments.created)}">${timeDifference(comments.created)}${edited_span}</p>
|
||
<p class="stickied">${comments.stickied ? 'stickied comment' : ''}</p>
|
||
</summary>
|
||
<div class="meta">
|
||
<p class="author">${commentAuthor(comments, classlist, submitter && submitter_link, moderator && moderator_badge)}</p>
|
||
<p>${comments.user_flair}</p>
|
||
<p class="ups">${ups}${controversial_span}</p>
|
||
<p class="created" title="${toUTCString(comments.created)}">
|
||
<a href="${comments.permalink}#c">${timeDifference(comments.created)}${edited_span}</a>
|
||
</p>
|
||
<p class="stickied">${comments.stickied ? 'stickied comment' : ''}</p>
|
||
</div>
|
||
<div class="body">${unescape(comments.body_html)}</div>
|
||
`
|
||
} else {
|
||
if(comments.children) {
|
||
if(comments.children.length > 0) {
|
||
let parent_id = comments.parent_id.split('_')[1]
|
||
if(post_id === parent_id && !morechildren_ids) {
|
||
let more_comments = []
|
||
if(comments.children.length > 100) {
|
||
more_comments = comments.children.slice(0, 100)
|
||
} else {
|
||
more_comments = comments.children
|
||
}
|
||
|
||
comments_html = `
|
||
<form method="POST">
|
||
<button type="submit">load more comments (${comments.count})</button>
|
||
<input type="hidden" name="comment_ids" id="comment_ids" value="${more_comments.join()}">
|
||
</form>
|
||
`
|
||
} else {
|
||
let load_comms_href = parent_id
|
||
if(!morechildren_ids) {
|
||
comments_html = `
|
||
<div class="load-more-comments">
|
||
<a href="${load_comms_href}#c">load more comments (${comments.count})</a>
|
||
</div>
|
||
`
|
||
} else {
|
||
if(next_comment === false) {
|
||
let more_comments = morechildren_ids[morechildren_ids.length - 1].data.children
|
||
if(more_comments.length > 100) {
|
||
more_comments = more_comments.slice(0, 100)
|
||
} else {
|
||
more_comments = more_comments
|
||
}
|
||
comments_html = `
|
||
<form method="POST">
|
||
<button type="submit">load more comments (${more_comments.length})</button>
|
||
<input type="hidden" name="comment_ids" id="comment_ids" value="${more_comments.join()}">
|
||
</form>
|
||
`
|
||
} else {
|
||
comments_html = `
|
||
<div class="load-more-comments">
|
||
<a href="${load_comms_href}#c">load more comments (${comments.count})</a>
|
||
</div>
|
||
`
|
||
}
|
||
|
||
}
|
||
}
|
||
} else {
|
||
let link = comments.parent_id.split('_')[1]
|
||
link = post_url + link
|
||
comments_html = `
|
||
<div class="load-more-comments">
|
||
<a href="${link}/#c">continue this thread</a>
|
||
</div>
|
||
`
|
||
}
|
||
}
|
||
}
|
||
|
||
if(morechildren_ids) {
|
||
if(next_comment.depth != undefined) {
|
||
if(next_comment.depth < last_known_depth) {
|
||
let times = last_known_depth - next_comment.depth
|
||
if(next_comment.depth == 0) {
|
||
times = last_known_depth
|
||
}
|
||
for(var i = 0; i < times; i++) {
|
||
comments_html += `</details></div>`
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if(comments.replies) {
|
||
for(var i = 0; i < comments.replies.length; i++) {
|
||
let comment = comments.replies[i]
|
||
if(comment.type !== 'load_more') {
|
||
let classlist = []
|
||
let submitter_link = ''
|
||
let moderator = false
|
||
let submitter = false
|
||
let ups = ''
|
||
let edited_span = ''
|
||
let controversial_span = ''
|
||
|
||
if(post_author === comment.author) {
|
||
classlist.push('submitter')
|
||
submitter_link = `<a href="${post_url}" title="submitter">[S]</a>`
|
||
submitter = true
|
||
}
|
||
if(comment.distinguished === 'moderator') {
|
||
classlist.push('green')
|
||
moderator_badge = ` <span class="green" title="moderator of this subreddit">[M]</span>`
|
||
moderator = true
|
||
}
|
||
if(comment.score_hidden) {
|
||
ups = `<span class="score-hidden">[score hidden]</span>`
|
||
} else {
|
||
ups = `${kFormatter(comment.ups)} points`
|
||
}
|
||
if(comment.edited) {
|
||
edited_span = `<span title="last edited ${toUTCString(comment.edited)}">*</span>`
|
||
}
|
||
if(comment.controversiality > 0) {
|
||
controversial_span = `<span class="controversial" title="this comment is voted as controversial">†</span>`
|
||
}
|
||
comments_html += `
|
||
<div class="comment ${comment.depth % 2 === 0 ? 'even-depth' : 'odd-depth'}" id="${comment.id}">
|
||
<details ${user_preferences.collapse_child_comments === 'true' && comments.depth === 0 ? '' : 'open'}>
|
||
<summary>
|
||
<p class="author">${commentAuthor(comment, classlist, submitter && submitter_link, moderator && moderator_badge)}</p>
|
||
<p class="ups">${ups}</p>
|
||
<p class="created" title="${toUTCString(comment.created)}">${timeDifference(comment.created)}${edited_span}</p>
|
||
<p class="stickied">${comment.stickied ? 'stickied comment' : ''}</p>
|
||
</summary>
|
||
<div class="meta">
|
||
<p class="author">${commentAuthor(comment, classlist, submitter && submitter_link, moderator && moderator_badge)}</p>
|
||
<p>${comment.user_flair}</p>
|
||
<p class="ups">${ups}${controversial_span}</p>
|
||
<p class="created" title="${toUTCString(comment.created)}">
|
||
<a href="${comment.permalink}#c">${timeDifference(comment.created)}${edited_span}</a>
|
||
</p>
|
||
<p class="stickied">${comment.stickied ? 'stickied comment' : ''}</p>
|
||
</div>
|
||
<div class="body">${unescape(comment.body_html)}</div>
|
||
`
|
||
let replies_html = ''
|
||
if(comment.replies) {
|
||
if(comment.replies.length) {
|
||
for(var j = 0; j < comment.replies.length; j++) {
|
||
let next_reply = false
|
||
if(comment.replies[j+1]) {
|
||
next_reply = comment.replies[j+1]
|
||
}
|
||
replies_html += await compilePostCommentsHtml(comment.replies[j], next_reply, post_id, post_url, null, post_author, viewing_comment, user_preferences)
|
||
}
|
||
}
|
||
}
|
||
comments_html += replies_html + '</details></div>'
|
||
} else {
|
||
if(comment.children.length > 0) {
|
||
let parent_id = comment.parent_id.split('_')[1]
|
||
let load_comms_href = parent_id
|
||
|
||
comments_html += `
|
||
<div class="load-more-comments">
|
||
<a href="${load_comms_href}#c">load more comments (${comment.count})</a>
|
||
</div>
|
||
`
|
||
} else {
|
||
let link = comment.parent_id.split('_')[1]
|
||
link = post_url + link
|
||
comments_html = `
|
||
<div class="load-more-comments">
|
||
<a href="${link}/#c">continue this thread</a>
|
||
</div>
|
||
`
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
let next_comment_parent_id = null
|
||
if(next_comment) {
|
||
if(next_comment.parent_id) {
|
||
next_comment_parent_id = next_comment.parent_id.split('_')[1]
|
||
}
|
||
}
|
||
|
||
if((comments.replies || comments.author !== undefined) && next_comment_parent_id !== comments.id) {
|
||
comments_html += `</details></div>`
|
||
}
|
||
next_comment_parent_id = null
|
||
|
||
resolve(comments_html)
|
||
})()
|
||
})
|
||
}
|
||
}
|