code002lover/IPost
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

optimize posts

Browse Source
This commit is contained in:
Mystikfluu 2022-08-28 22:03:23 +02:00
parent edc167bbdf
commit 34d3dfb0dc
1 changed files with 45 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
js/posts.js
View File

@ -1,16 +1,14 @@
let username let username,reply_id=0,highest_id,currentChannel = sessionStorage.getItem("lastchannel") || "everyone"
const wss_server = "wss://ipost.tk" const
const wss_port = "443" wss_server = "wss://ipost.tk",
const wss_URI = wss_server + ":" + wss_port wss_port = "443",
wss_URI = wss_server + ":" + wss_port,
var reply_id = 0 decURIComp = decodeURIComponent
var highest_id
var currentChannel = sessionStorage.getItem("lastchannel") || "everyone"
function createElement(s){return document.createElement(s)} function createElement(s){return document.createElement(s)}
function getById(i){return document.getElementById(i)}
let socket = new WebSocket(wss_URI); let socket = new WebSocket(wss_URI);
socket.addEventListener("message", async function (event) { socket.addEventListener("message", async function (event) {
@ -19,14 +17,14 @@ socket.addEventListener("message", async function (event) {
let ds = JSON.parse(data) let ds = JSON.parse(data)
let message = ds.message let message = ds.message
let item = ds.data let item = ds.data
let username = decodeURIComponent(item.post_user_name) let username = decURIComp(item.post_user_name)
if(message == "new_post" && decodeURIComponent(item.post_receiver_name) == currentChannel) { if(message == "new_post" && decURIComp(item.post_receiver_name) == currentChannel) {
await createPost(decodeURIComponent(item.post_user_name),decodeURIComponent(item.post_text),item.post_time,item.post_special_text,highest_id+1,item.post_from_bot,item.post_reply_id,true) await createPost(username,decURIComp(item.post_text),item.post_time,item.post_special_text,highest_id+1,item.post_from_bot,item.post_reply_id,true)
if(user["username"]!=username)mainNoti(username) if(user["username"]!=username)mainNoti(username)
let highest_known_posts = await (await fetch(`/api/getPostsLowerThan?id=${highest_id+28}&channel=${currentChannel}`)).json() let highest_known_posts = await (await fetch(`/api/getPostsLowerThan?id=${highest_id+28}&channel=${currentChannel}`)).json()
for (let i = 0; i < highest_known_posts.length; i++) { for (let i = 0; i < highest_known_posts.length; i++) {
if(document.getElementById(highest_known_posts[i].post_id) == undefined) { if(getById(highest_known_posts[i].post_id) == undefined) {
main() main()
return; return;
} }
@ -39,11 +37,16 @@ socket.addEventListener("message", async function (event) {
var cd = true //inversed "cooldown" var cd = true //inversed "cooldown"
async function postMessage() { async function postMessage() {
let len = document.getElementById("post-text").value.length let msg = getById("post-text").value
if(len >= 1001) { let len = msg.length
if(len > 1000) {
alert(`Your message cant contain more than 1000 characters! (${len})`) alert(`Your message cant contain more than 1000 characters! (${len})`)
return return
} }
if(encodeURIComponent(msg).length > 3000) {
alert("Your message is too long! (Too many special characters)")
return
}
if(cd && posting_id!=undefined) { if(cd && posting_id!=undefined) {
cd = false cd = false
setTimeout(function(){ setTimeout(function(){
@ -51,23 +54,21 @@ async function postMessage() {
},400) },400)
let formdata = new FormData() let formdata = new FormData()
formdata.append("message",document.getElementById("post-text").value) formdata.append("message",msg)
formdata.append("reply_id",reply_id) formdata.append("reply_id",reply_id)
formdata.append("receiver",currentChannel) formdata.append("receiver",currentChannel)
formdata.append("pid",posting_id) formdata.append("pid",posting_id)
for(let i in files) { for(let i in files) {
console.log("processed file",files[i].name);
formdata.append("file_"+i,files[i]) formdata.append("file_"+i,files[i])
} }
files = [] files = []
let r = await fetch("/api/post", { fetch("/api/post", {
method: "POST", body: formdata method: "POST", body: formdata
}); });
posting_id = undefined posting_id = undefined
update_pid() update_pid()
if(window.location.href.split("?mention=")[1])location.replace('/posts'); getById("post-text").value=""
document.getElementById("post-text").value=""
unreply() unreply()
} else { } else {
alert("Please wait a tiny bit before posting again") alert("Please wait a tiny bit before posting again")
@ -84,11 +85,7 @@ async function update_pid() {
location.replace("/") location.replace("/")
return return
} }
throw new Error(r.error)
//possibly more errors coming soon :tm: ?
return
} }
posting_id = r.pid posting_id = r.pid
console.log("Updated pid",posting_id) console.log("Updated pid",posting_id)
@ -98,21 +95,6 @@ function spacerTextNode() {
return document.createTextNode(" | ") return document.createTextNode(" | ")
} }
const user_cache = {}
async function getavatar(username) {
let user = user_cache[username]
if(user == undefined) {
user = (await (await fetch("/api/getotheruser?user="+encodeURIComponent(username))).json())["avatar"]
if(user) {
user = "/avatars/"+user
} else {
user = "/images/default_avatar.png"
}
user_cache[username]=user
}
return user
}
async function reply_link_clicked(reply_channel,reply_id) { async function reply_link_clicked(reply_channel,reply_id) {
console.log("clicked link") console.log("clicked link")
if(reply_channel != currentChannel) { if(reply_channel != currentChannel) {
@ -121,13 +103,13 @@ async function reply_link_clicked(reply_channel,reply_id) {
console.log("switched channel") console.log("switched channel")
await main() await main()
console.log("loaded new messages") console.log("loaded new messages")
let replied_msg = document.getElementById(reply_id) let replied_msg = getById(reply_id)
if(replied_msg) { if(replied_msg) {
console.log("found element") console.log("found element")
replied_msg.scrollIntoView() replied_msg.scrollIntoView()
} }
} else { } else {
let replied_msg = document.getElementById(reply_id) let replied_msg = getById(reply_id)
if(replied_msg) { if(replied_msg) {
console.log("found element") console.log("found element")
replied_msg.scrollIntoView() replied_msg.scrollIntoView()
@ -157,13 +139,8 @@ async function createPost(username,text,time,specialtext,postid,isbot,reply_id,a
boticon.classList.add("boticon") boticon.classList.add("boticon")
const newUsername = document.createTextNode(username); const newUsername = document.createTextNode(username);
let timedate = new Date(time)
time = timedate const newTime = document.createTextNode(new Date(time).toLocaleTimeString())
time = time.toString()
time = time.split(" ")
time = time[0] + " " + time[1] + " " + time[2] + " " + time[3] + " " + time[4]
if(timedate=="Thu Jan 01 1970 01:00:00 GMT+0100 (Central European Standard Time)")time="unknown time"
const newTime = document.createTextNode(time)
const newSpecialText = document.createTextNode(specialtext) const newSpecialText = document.createTextNode(specialtext)
newDiv.classList.add("post"); newDiv.classList.add("post");
newSpan3.classList.add("specialtext") newSpan3.classList.add("specialtext")
@ -173,7 +150,7 @@ async function createPost(username,text,time,specialtext,postid,isbot,reply_id,a
avatar.height=25; avatar.height=25;
avatar.classList.add("avatar") avatar.classList.add("avatar")
avatar.src = avatar_src || await getavatar(username) avatar.src = avatar_src
newA.appendChild(avatar) newA.appendChild(avatar)
newA.appendChild(newUsername) newA.appendChild(newUsername)
@ -199,9 +176,9 @@ async function createPost(username,text,time,specialtext,postid,isbot,reply_id,a
if(reply_id != 0) { if(reply_id != 0) {
try { try {
const reply_obj = await (await fetch(`/api/getPost?id=${reply_id}`)).json() const reply_obj = await (await fetch(`/api/getPost?id=${reply_id}`)).json()
const reply_username = decodeURIComponent(reply_obj.post_user_name) const reply_username = decURIComp(reply_obj.post_user_name)
const reply_username_text = document.createTextNode(reply_username) const reply_username_text = document.createTextNode(reply_username)
const reply_text = decodeURIComponent(reply_obj.post_text) const reply_text = decURIComp(reply_obj.post_text)
const reply_channel = reply_obj.post_receiver_name const reply_channel = reply_obj.post_receiver_name
replyAvatar.width=10; replyAvatar.width=10;
replyAvatar.height=10; replyAvatar.height=10;
@ -236,7 +213,7 @@ async function createPost(username,text,time,specialtext,postid,isbot,reply_id,a
newDiv.appendChild(newP) newDiv.appendChild(newP)
newDiv.innerHTML += filterPost(text) newDiv.innerHTML += filterPost(text)
newDiv.id = postid newDiv.id = postid
let posts_div = document.getElementById("posts") let posts_div = getById("posts")
if(add_on_top) { if(add_on_top) {
posts_div.insertBefore(newDiv, posts_div.children[0]); posts_div.insertBefore(newDiv, posts_div.children[0]);
} else { } else {
@ -250,22 +227,22 @@ async function main(){
username = user.username username = user.username
if(!username){ if(!username){
user = undefined user = undefined
document.getElementById("noaccount").style="" getById("noaccount").style=""
document.getElementById("loading").style="display:none;" getById("loading").style="display:none;"
console.log("no account"); console.log("no account");
return; return;
} }
} }
username = user.username username = user.username
document.getElementById("username-self").innerText = username getById("username-self").innerText = username
let all_posts = await (await fetch(`/api/getPosts?channel=${currentChannel}`)).json() let all_posts = await (await fetch(`/api/getPosts?channel=${currentChannel}`)).json()
if(!all_posts)return; if(!all_posts)return;
document.getElementById("posts").innerHTML = "" getById("posts").innerHTML = ""
highest_id = all_posts[0].post_id highest_id = all_posts[0].post_id
for(i in all_posts) { for(i in all_posts) {
let item = all_posts[i] let item = all_posts[i]
await createPost(decodeURIComponent(item.post_user_name),decodeURIComponent(item.post_text),item.post_time,item.post_special_text,item.post_id,item.post_from_bot,item.post_reply_id,false,"/avatars/"+item.User_Avatar) await createPost(decURIComp(item.post_user_name),decURIComp(item.post_text),item.post_time,item.post_special_text,item.post_id,item.post_from_bot,item.post_reply_id,false,"/avatars/"+item.User_Avatar)
} }
let links = document.getElementsByClassName("insertedlink") let links = document.getElementsByClassName("insertedlink")
@ -282,22 +259,22 @@ async function main(){
} }
} }
document.getElementById("loading").style="display:none;" getById("loading").style="display:none;"
document.getElementById("scriptonly").style = "" getById("scriptonly").style = ""
} }
async function reply(postid) { async function reply(postid) {
let post = await(await fetch("/api/getPost?id="+postid)).json() let post = await(await fetch("/api/getPost?id="+postid)).json()
let username = post.post_user_name let username = post.post_user_name
let posttext = post.post_text let posttext = post.post_text
document.getElementById("reply").style = "" getById("reply").style = ""
document.getElementById("reply_username").innerText = decodeURIComponent(username) getById("reply_username").innerText = decURIComp(username)
document.getElementById("reply_text").innerHTML = filterPost(decodeURIComponent(posttext)) getById("reply_text").innerHTML = filterPost(decURIComp(posttext))
reply_id = postid reply_id = postid
} }
function unreply() { function unreply() {
document.getElementById("reply").style = "display:none;" getById("reply").style = "display:none;"
reply_id = 0 reply_id = 0
} }
@ -337,7 +314,7 @@ document.addEventListener("visibilitychange", function() {
}); });
if(window.location.href.includes("message=")) { if(window.location.href.includes("message=")) {
document.getElementById("post-text").innerText = `${decodeURIComponent(window.location.href.split("message=")[1])} ` getById("post-text").innerText = `${decURIComp(window.location.href.split("message=")[1])} `
} }
function switchChannel(channelname) { function switchChannel(channelname) {
@ -349,10 +326,10 @@ function switchChannel(channelname) {
async function loadChannels() { async function loadChannels() {
// <!-- <p class="channel">- Channel Name -</p> --> // <!-- <p class="channel">- Channel Name -</p> -->
let tab = document.getElementById("channelTab") let tab = getById("channelTab")
tab.innerHTML = "" tab.innerHTML = ""
for (let i = 0; i < channels.length; i++) { for (let i = 0; i < channels.length; i++) {
let channelname = decodeURIComponent(channels[i].post_receiver_name) let channelname = decURIComp(channels[i].post_receiver_name)
if(channelname == "")continue; if(channelname == "")continue;
let channelp = createElement("p") let channelp = createElement("p")
channelp.classList.add("channel") channelp.classList.add("channel")