477 lines
13 KiB
JavaScript
477 lines
13 KiB
JavaScript
let user
|
|
let username
|
|
|
|
const wss_server = "wss://ipost.tk"
|
|
const wss_port = "443"
|
|
const wss_URI = wss_server + ":" + wss_port
|
|
|
|
var reply_id = 0
|
|
|
|
var highest_id
|
|
|
|
var currentChannel
|
|
|
|
let socket = new WebSocket(wss_URI);
|
|
socket.addEventListener("message", async function (event) {
|
|
console.info("TODO: add websocket support to dms")
|
|
return
|
|
if(wss_server == event.origin) {
|
|
let data = event.data;
|
|
let ds = JSON.parse(data)
|
|
let message = ds.message
|
|
let item = ds.data
|
|
let username = decodeURIComponent(item.post_user_name)
|
|
if(message == "new_post") {
|
|
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)
|
|
if(user["username"]!=username)mainNoti(username)
|
|
|
|
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++) {
|
|
if(document.getElementById(highest_known_posts[i].post_id) == undefined) {
|
|
main()
|
|
return;
|
|
}
|
|
}
|
|
highest_id++;
|
|
}
|
|
}
|
|
})
|
|
var posting_id = undefined;
|
|
var cd = true //inversed "cooldown"
|
|
|
|
let encryption_keys = ""
|
|
|
|
function set_keys(s_key) {
|
|
let key = extend(s_key,512)
|
|
let msgkey = key.substring(0,128)
|
|
let sigkey = key.substring(129,512)
|
|
|
|
let packed = pack_keys({
|
|
signkey: sigkey,
|
|
messagekey: msgkey
|
|
})
|
|
|
|
localStorage.setItem(currentChannel+"enc_key",packed)
|
|
|
|
encryption_keys = packed
|
|
|
|
main()
|
|
}
|
|
|
|
async function postMessage() {
|
|
let len = document.getElementById("post-text").value.length
|
|
if(len >= 1001) {
|
|
alert(`Your message cant contain more than 1000 characters! (${len})`)
|
|
return
|
|
}
|
|
if(cd && posting_id!=undefined) {
|
|
cd = false
|
|
|
|
let text = document.getElementById("post-text").value
|
|
|
|
if(typeof encrypt == "function" && encryption_keys != "") {
|
|
text = encrypt(text,{
|
|
packed: encryption_keys
|
|
})
|
|
}
|
|
|
|
let r = await post("/api/dms/post",{"message":text,"reply_id":reply_id,"receiver":currentChannel,"pid": posting_id})
|
|
update_pid()
|
|
if(window.location.href.split("?mention=")[1])location.replace('/posts');
|
|
document.getElementById("post-text").value=""
|
|
unreply()
|
|
setTimeout(function(){
|
|
cd = true
|
|
},200)
|
|
} else {
|
|
alert("Please wait a tiny bit before posting again")
|
|
}
|
|
}
|
|
|
|
async function update_pid() {
|
|
let r = await (await fetch("/api/dms/pid")).json()
|
|
console.log("new pid info: ",r)
|
|
if(r.error) {
|
|
//an error occurred
|
|
if(r.error == "you cannot access the api without being logged in") {
|
|
//account error, go to login page
|
|
location.replace("/")
|
|
return
|
|
}
|
|
|
|
//possibly more errors coming soon :tm: ?
|
|
|
|
|
|
return
|
|
}
|
|
posting_id = r.pid
|
|
console.log("Updated pid",posting_id)
|
|
}
|
|
|
|
document.getElementById("post-btn").addEventListener("click",postMessage)
|
|
|
|
function spacerTextNode() {
|
|
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) {
|
|
console.log("clicked link")
|
|
if(reply_channel != currentChannel) {
|
|
console.log("reply is in another channel")
|
|
switchChannel(reply_channel)
|
|
console.log("switched channel")
|
|
await main()
|
|
console.log("loaded new messages")
|
|
let replied_msg = document.getElementById(reply_id)
|
|
if(replied_msg) {
|
|
console.log("found element")
|
|
replied_msg.scrollIntoView()
|
|
}
|
|
} else {
|
|
let replied_msg = document.getElementById(reply_id)
|
|
if(replied_msg) {
|
|
console.log("found element")
|
|
replied_msg.scrollIntoView()
|
|
}
|
|
}
|
|
}
|
|
|
|
async function createPost(username,text,time,specialtext,postid,isbot,reply_id,add_on_top) {
|
|
if(!specialtext)specialtext=""
|
|
const newDiv = document.createElement("div");
|
|
const newP = document.createElement("p");
|
|
const newA = document.createElement("a");
|
|
const newSpan2 = document.createElement("span");
|
|
const newSpan3 = document.createElement("span");
|
|
const avatar = document.createElement("img");
|
|
const boticon = document.createElement("img");
|
|
|
|
const replyDiv = document.createElement("div");
|
|
const replyA = document.createElement("a");
|
|
const replyAvatar = document.createElement("img");
|
|
const replySpan = document.createElement("span");
|
|
const replyBr = document.createElement("br");
|
|
|
|
boticon.src = "/images/bot.png"
|
|
boticon.height = 25
|
|
boticon.width = 25
|
|
boticon.classList.add("boticon")
|
|
|
|
const newUsername = document.createTextNode(username);
|
|
let timedate = new Date(time)
|
|
time = timedate
|
|
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)
|
|
newDiv.classList.add("post");
|
|
newSpan3.classList.add("specialtext")
|
|
|
|
|
|
avatar.width=25;
|
|
avatar.height=25;
|
|
avatar.classList.add("avatar")
|
|
|
|
avatar.src = await getavatar(username)
|
|
|
|
newA.appendChild(avatar)
|
|
newA.appendChild(newUsername)
|
|
|
|
newA.href = `/users/${username}`
|
|
newSpan2.appendChild(newTime)
|
|
newSpan3.appendChild(newSpecialText)
|
|
|
|
|
|
newP.appendChild(newA)
|
|
newP.appendChild(spacerTextNode())
|
|
newP.appendChild(newSpan2)
|
|
if(specialtext != "")newP.appendChild(spacerTextNode())
|
|
newP.appendChild(newSpan3)
|
|
if(isbot==1){
|
|
newP.appendChild(spacerTextNode())
|
|
newP.appendChild(boticon)
|
|
}
|
|
newP.appendChild(spacerTextNode())
|
|
// |\>.</|
|
|
newP.innerHTML += `<button onclick="reply(${postid})">Reply to this Post</button>`
|
|
|
|
if(reply_id != 0) {
|
|
try {
|
|
const reply_obj = await (await fetch(`/api/dms/getDM?id=${reply_id}`)).json()
|
|
const reply_username = decodeURIComponent(reply_obj.dms_user_name)
|
|
const reply_username_text = document.createTextNode(reply_username)
|
|
let reply_text = decodeURIComponent(reply_obj.dms_text)
|
|
const reply_channel = reply_obj.dms_receiver
|
|
replyAvatar.width=10;
|
|
replyAvatar.height=10;
|
|
replyAvatar.classList.add("avatar")
|
|
replyAvatar.src = await getavatar(reply_username)
|
|
|
|
replyA.appendChild(replyAvatar)
|
|
replyA.appendChild(reply_username_text)
|
|
replyA.appendChild(spacerTextNode())
|
|
|
|
if(typeof decrypt == "function" && encryption_keys != "") {
|
|
reply_text = decrypt(reply_text,{packed:encryption_keys}).msg
|
|
}
|
|
|
|
replyA.innerHTML += filterReply(reply_text.replace("\n"," ").substring(0,20))
|
|
replyA.appendChild(replyBr)
|
|
|
|
replyA.classList.add("no-link-style")
|
|
// async function onclick(event) {
|
|
// event.preventDefault()
|
|
|
|
// }
|
|
// replyDiv.onclick = function() {
|
|
// reply_link_clicked(reply_channel, reply_id)
|
|
// }
|
|
|
|
replyDiv.appendChild(replyA)
|
|
|
|
newDiv.appendChild(replyDiv)
|
|
|
|
replyDiv.outerHTML = replyDiv.outerHTML.replace(/\>/im,` onclick="reply_link_clicked('${reply_channel}',${reply_id})" \>`)
|
|
} catch (ignored) {
|
|
console.log(ignored)
|
|
}
|
|
}
|
|
|
|
if(typeof decrypt == "function" && encryption_keys != "") {
|
|
text = decrypt(text,{packed:encryption_keys}).msg
|
|
}
|
|
newDiv.appendChild(newP)
|
|
newDiv.innerHTML += filterPost(text)
|
|
newDiv.id = postid
|
|
let posts_div = document.getElementById("posts")
|
|
if(add_on_top) {
|
|
posts_div.insertBefore(newDiv, posts_div.children[0]);
|
|
} else {
|
|
posts_div.appendChild(newDiv)
|
|
}
|
|
}
|
|
|
|
async function main(){
|
|
if(!user){
|
|
user = await (await fetch("/api/getuser")).json()
|
|
username = user.username
|
|
if(!username){
|
|
document.getElementById("noaccount").style=""
|
|
document.getElementById("loading").style="display:none;"
|
|
console.log("no account");
|
|
return;
|
|
}
|
|
document.getElementById("username-self").innerText = username
|
|
}
|
|
|
|
let all_posts = await (await fetch(`/api/getPersonalPosts?otherperson=${currentChannel}`)).json()
|
|
if(!all_posts){
|
|
document.getElementById("loading").style="display:none;"
|
|
document.getElementById("scriptonly").style = ""
|
|
};
|
|
document.getElementById("posts").innerHTML = ""
|
|
if(all_posts.length <= 0) {
|
|
document.getElementById("loading").style="display:none;"
|
|
document.getElementById("scriptonly").style = ""
|
|
//TODO: empty page
|
|
return
|
|
}
|
|
highest_id = all_posts[0].post_id
|
|
for(i in all_posts) {
|
|
let item = all_posts[i]
|
|
await createPost(decodeURIComponent(item.dms_user_name),decodeURIComponent(item.dms_text),item.dms_time,item.dms_special_text,item.dms_id,item.dms_from_bot,item.dms_reply_id,false)
|
|
}
|
|
|
|
let links = document.getElementsByClassName("insertedlink")
|
|
for (let i = 0; i < links.length; i++) {
|
|
links[i].innerText = links[i].innerText.split("\/\/")[1].split("\/")[0]
|
|
}
|
|
|
|
let mentions = document.getElementsByClassName("mention")
|
|
for (let i = 0; i < mentions.length; i++) {
|
|
if(mentions[i]!=undefined && mentions[i].innerText == "@"+username) {
|
|
mentions[i].classList.add("user-mention");
|
|
mentions[i].classList.remove("mention");
|
|
i--;
|
|
}
|
|
}
|
|
|
|
document.getElementById("loading").style="display:none;"
|
|
document.getElementById("scriptonly").style = ""
|
|
}
|
|
|
|
async function reply(postid) {
|
|
let post = await(await fetch("/api/dms/getDM?id="+postid)).json()
|
|
let username = post.dms_user_name
|
|
let posttext = post.dms_text
|
|
document.getElementById("reply").style = ""
|
|
document.getElementById("reply_username").innerText = decodeURIComponent(username)
|
|
|
|
posttext = decodeURIComponent(posttext)
|
|
|
|
if(typeof decrypt == "function" && encryption_keys != "") {
|
|
posttext = decrypt(posttext,{packed:encryption_keys}).msg
|
|
}
|
|
|
|
document.getElementById("reply_text").innerHTML = filterPost(posttext)
|
|
reply_id = postid
|
|
}
|
|
|
|
function unreply() {
|
|
document.getElementById("reply").style = "display:none;"
|
|
reply_id = 0
|
|
}
|
|
|
|
var cansendNoti = false
|
|
|
|
async function askNotiPerms() {
|
|
return Notification.requestPermission()
|
|
}
|
|
|
|
async function firstAsk() {
|
|
if(Notification.permission === 'denied' || Notification.permission === 'default') {
|
|
await askNotiPerms()
|
|
}
|
|
}
|
|
|
|
async function mainNoti(user) {
|
|
|
|
if(Notification.permission === 'denied' || Notification.permission === 'default') {
|
|
await askNotiPerms()
|
|
} else {
|
|
if(cansendNoti) {
|
|
let notification = new Notification('IPost', { body: "new dm from " + user , tag: "new_post"});
|
|
notification = await notification
|
|
notification.addEventListener("click",function(){
|
|
notification.close()
|
|
})
|
|
console.log(notification);
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener("visibilitychange", function() {
|
|
//cansendNoti = document.visibilityState !== 'visible'
|
|
if (document.visibilityState === 'visible') {
|
|
cansendNoti = false
|
|
} else {
|
|
cansendNoti = true
|
|
}
|
|
});
|
|
|
|
function switchChannel(channelname) {
|
|
sessionStorage.setItem("lastdm", channelname);
|
|
currentChannel = channelname
|
|
|
|
if(localStorage.getItem(currentChannel+"enc_key")!=null) {
|
|
encryption_keys = localStorage.getItem(currentChannel+"enc_key")
|
|
} else {
|
|
encryption_keys = ""
|
|
}
|
|
|
|
try {
|
|
socket.send(JSON.stringify({"id":"switchChannel","data":channelname}))
|
|
} catch(err) {
|
|
console.error(err)
|
|
}
|
|
}
|
|
|
|
function removeDuplicates(a) {
|
|
let prims = {"boolean":{}, "number":{}, "string":{}}, objs = [];
|
|
|
|
return a.filter(function(item) {
|
|
let type = typeof item;
|
|
if(type in prims)
|
|
return prims[type].hasOwnProperty(item) ? false : (prims[type][item] = true);
|
|
else
|
|
return objs.indexOf(item) >= 0 ? false : objs.push(item);
|
|
});
|
|
}
|
|
|
|
function createChannel(channelname,tab) {
|
|
channelname = decodeURIComponent(channelname)
|
|
let channelp = document.createElement("p")
|
|
channelp.classList.add("channel")
|
|
channelp.id = channelname
|
|
let textnode = document.createTextNode(channelname)
|
|
channelp.appendChild(textnode)
|
|
channelp.addEventListener("click",async function(){
|
|
switchChannel(channelname)
|
|
main()
|
|
unreply()
|
|
})
|
|
tab.appendChild(channelp)
|
|
}
|
|
|
|
async function loadChannels() {
|
|
// <!-- <p class="channel">- Channel Name -</p> -->
|
|
|
|
let dms = await (await fetch("/api/dms/conversations")).json()
|
|
|
|
let channels = []
|
|
|
|
for(let dm of dms) {
|
|
if(dm.dms_user_name == username) {
|
|
channels[channels.length] = dm.dms_receiver
|
|
} else {
|
|
channels[channels.length] = dm.dms_user_name
|
|
}
|
|
}
|
|
|
|
channels = removeDuplicates(channels)
|
|
|
|
let tab = document.getElementById("channelTab")
|
|
tab.innerHTML = ""
|
|
for (let i = 0; i < channels.length; i++) {
|
|
if(channels[i]=="")continue;
|
|
createChannel(channels[i],tab)
|
|
}
|
|
}
|
|
|
|
function init() {
|
|
|
|
switchChannel(sessionStorage.getItem("lastdm") || "none")
|
|
|
|
setInterval(update_pid,30000)
|
|
update_pid()
|
|
main()
|
|
firstAsk()
|
|
loadChannels()
|
|
}
|
|
|
|
async function clickPress(event) {
|
|
if (event.key == "Enter") {
|
|
user = (await (await fetch("/api/getotheruser?user="+encodeURIComponent(document.getElementById("Username_input").value))).json())
|
|
if(user.username == undefined) {
|
|
alert("invalid username entered")
|
|
return
|
|
} else {
|
|
if(document.getElementById(user.username) == undefined) {
|
|
let tab = document.getElementById("channelTab")
|
|
createChannel(encodeURIComponent(user.username),tab)
|
|
}
|
|
document.getElementById(user.username).click()
|
|
document.getElementById("Username_input").value = ""
|
|
}
|
|
}
|
|
}
|
|
|
|
init()
|