428 lines
16 KiB
JavaScript
428 lines
16 KiB
JavaScript
if (localStorage.getItem("DONOTSHARE-secretkey") === null) {
|
|
window.location.replace("/login")
|
|
document.body.innerHTML = "Redirecting.."
|
|
throw new Error();
|
|
}
|
|
if (localStorage.getItem("DONOTSHARE-password") === null) {
|
|
window.location.replace("/login")
|
|
document.body.innerHTML = "Redirecting.."
|
|
throw new Error();
|
|
}
|
|
|
|
function formatBytes(a, b = 2) { if (!+a) return "0 Bytes"; const c = 0 > b ? 0 : b, d = Math.floor(Math.log(a) / Math.log(1000)); return `${parseFloat((a / Math.pow(1000, d)).toFixed(c))} ${["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"][d]}` }
|
|
|
|
let secretkey = localStorage.getItem("DONOTSHARE-secretkey")
|
|
let password = localStorage.getItem("DONOTSHARE-password")
|
|
|
|
let usernameBox = document.getElementById("usernameBox")
|
|
let optionsCoverDiv = document.getElementById("optionsCoverDiv")
|
|
let optionsDiv = document.getElementById("optionsDiv")
|
|
let errorDiv = document.getElementById("errorDiv")
|
|
let errorMessageThing = document.getElementById("errorMessageThing")
|
|
let closeErrorButton = document.getElementById("closeErrorButton")
|
|
let cancelErrorButton = document.getElementById("cancelErrorButton")
|
|
let errorInput = document.getElementById("errorInput")
|
|
let exitThing = document.getElementById("exitThing")
|
|
let deleteMyAccountButton = document.getElementById("deleteMyAccountButton")
|
|
let storageThing = document.getElementById("storageThing")
|
|
let storageProgressThing = document.getElementById("storageProgressThing")
|
|
let usernameThing = document.getElementById("usernameThing")
|
|
let logOutButton = document.getElementById("logOutButton")
|
|
let notesBar = document.getElementById("notesBar")
|
|
let notesDiv = document.getElementById("notesDiv")
|
|
let newNote = document.getElementById("newNote")
|
|
let noteBox = document.getElementById("noteBox")
|
|
let loadingStuff = document.getElementById("loadingStuff")
|
|
let burgerButton = document.getElementById("burgerButton")
|
|
let exportNotesButton = document.getElementById("exportNotesButton")
|
|
|
|
let selectedNote = 0
|
|
let timer
|
|
let waitTime = 400
|
|
|
|
if (/Android|iPhone/i.test(navigator.userAgent)) {
|
|
noteBox.style.width = "10px";
|
|
notesBar.style.width = "calc(100% - 10px)"
|
|
noteBox.readOnly = true
|
|
noteBox.style.fontSize = "18px"
|
|
|
|
notesBar.addEventListener("touchstart", function (event) {
|
|
touchstartX = event.changedTouches[0].screenX;
|
|
touchstartY = event.changedTouches[0].screenY;
|
|
}, false);
|
|
|
|
notesBar.addEventListener("touchend", function (event) {
|
|
touchendX = event.changedTouches[0].screenX;
|
|
touchendY = event.changedTouches[0].screenY;
|
|
handleGesture();
|
|
}, false);
|
|
|
|
noteBox.addEventListener("touchstart", function (event) {
|
|
touchstartX = event.changedTouches[0].screenX;
|
|
touchstartY = event.changedTouches[0].screenY;
|
|
}, false);
|
|
|
|
noteBox.addEventListener("touchend", function (event) {
|
|
touchendX = event.changedTouches[0].screenX;
|
|
touchendY = event.changedTouches[0].screenY;
|
|
handleGesture();
|
|
}, false);
|
|
|
|
function handleGesture() {
|
|
if (touchendX > touchstartX) {
|
|
notesBar.style.width = "calc(100% - 30px)";
|
|
noteBox.style.width = "30px"
|
|
noteBox.readOnly = true
|
|
notesDiv.classList.remove("hidden")
|
|
newNote.classList.remove("hidden")
|
|
}
|
|
|
|
if (touchendX < touchstartX) {
|
|
noteBox.style.width = "calc(100% - 30px)";
|
|
notesBar.style.width = "30px"
|
|
noteBox.readOnly = false
|
|
notesDiv.classList.add("hidden")
|
|
newNote.classList.add("hidden")
|
|
}
|
|
}
|
|
}
|
|
|
|
noteBox.value = ""
|
|
noteBox.readOnly = true
|
|
|
|
let noteCount = 0
|
|
|
|
function displayError(message) {
|
|
errorDiv.classList.remove("hidden")
|
|
optionsCoverDiv.classList.remove("hidden")
|
|
|
|
errorMessageThing.innerText = message
|
|
}
|
|
|
|
closeErrorButton.addEventListener("click", (event) => {
|
|
errorDiv.classList.add("hidden")
|
|
optionsCoverDiv.classList.add("hidden")
|
|
});
|
|
|
|
|
|
function displayPrompt(message, callback) {
|
|
errorMessageThing.innerText = message
|
|
errorInput.value = ""
|
|
|
|
closeErrorButton.addEventListener("click", (event) => {
|
|
callback(errorInput.value)
|
|
callback = undefined
|
|
});
|
|
errorInput.addEventListener("keyup", (event) => {
|
|
if (event.key == "Enter") {
|
|
callback(errorInput.value)
|
|
callback = undefined
|
|
|
|
errorDiv.classList.add("hidden")
|
|
optionsCoverDiv.classList.add("hidden")
|
|
errorInput.classList.add("hidden")
|
|
cancelErrorButton.classList.add("hidden")
|
|
}
|
|
});
|
|
cancelErrorButton.addEventListener("click", (event) => {
|
|
callback = undefined
|
|
errorDiv.classList.add("hidden")
|
|
optionsCoverDiv.classList.add("hidden")
|
|
errorInput.classList.add("hidden")
|
|
cancelErrorButton.classList.add("hidden")
|
|
});
|
|
|
|
errorDiv.classList.remove("hidden")
|
|
optionsCoverDiv.classList.remove("hidden")
|
|
errorInput.classList.remove("hidden")
|
|
cancelErrorButton.classList.remove("hidden")
|
|
|
|
errorInput.focus()
|
|
}
|
|
|
|
closeErrorButton.addEventListener("click", (event) => {
|
|
errorDiv.classList.add("hidden")
|
|
optionsCoverDiv.classList.add("hidden")
|
|
errorInput.classList.add("hidden")
|
|
cancelErrorButton.classList.add("hidden")
|
|
});
|
|
|
|
function updateUserInfo() {
|
|
fetch("/api/userinfo", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
async function doStuff() {
|
|
let responseData = await response.json()
|
|
usernameBox.innerText = responseData["username"]
|
|
usernameThing.innerText = "logged in as " + responseData["username"]
|
|
storageThing.innerText = "you've used " + formatBytes(responseData["storageused"]) + " out of " + formatBytes(responseData["storagemax"])
|
|
storageProgressThing.value = responseData["storageused"]
|
|
storageProgressThing.max = responseData["storagemax"]
|
|
noteCount = responseData["notecount"]
|
|
}
|
|
doStuff()
|
|
});
|
|
}
|
|
usernameBox.addEventListener("click", (event) => {
|
|
optionsCoverDiv.classList.remove("hidden")
|
|
optionsDiv.classList.remove("hidden")
|
|
updateUserInfo()
|
|
});
|
|
logOutButton.addEventListener("click", (event) => {
|
|
window.location.href = "/api/logout"
|
|
});
|
|
exitThing.addEventListener("click", (event) => {
|
|
optionsDiv.classList.add("hidden")
|
|
optionsCoverDiv.classList.add("hidden")
|
|
});
|
|
deleteMyAccountButton.addEventListener("click", (event) => {
|
|
if (confirm("are you REALLY sure that you want to delete your account? there's no going back.") == true) {
|
|
fetch("/api/deleteaccount", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
if (response.status == 200) {
|
|
window.location.href = "/api/logout"
|
|
} else {
|
|
displayError("failed to delete account (" + String(response.status) + ")")
|
|
}
|
|
})
|
|
}
|
|
});
|
|
|
|
updateUserInfo()
|
|
|
|
function selectNote(nameithink) {
|
|
document.querySelectorAll(".noteButton").forEach((el) => el.classList.remove("selected"));
|
|
let thingArray = Array.from(document.querySelectorAll(".noteButton")).find(el => el.id == nameithink);
|
|
thingArray.classList.add("selected")
|
|
|
|
fetch("/api/readnote", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey,
|
|
noteId: nameithink,
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
noteBox.readOnly = true
|
|
noteBox.value = ""
|
|
noteBox.placeholder = ""
|
|
displayError("something went wrong, please try again later")
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
selectedNote = nameithink
|
|
noteBox.readOnly = false
|
|
noteBox.placeholder = "type something.."
|
|
|
|
async function doStuff() {
|
|
let responseData = await response.json()
|
|
|
|
let bytes = CryptoJS.AES.decrypt(responseData["content"], password);
|
|
let originalText = bytes.toString(CryptoJS.enc.Utf8);
|
|
|
|
noteBox.value = originalText
|
|
|
|
noteBox.addEventListener("input", (event) => {
|
|
clearTimeout(timer);
|
|
timer = setTimeout(() => {
|
|
let encryptedText = CryptoJS.AES.encrypt(noteBox.value, password).toString();
|
|
|
|
if (selectedNote == nameithink) {
|
|
fetch("/api/editnote", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey,
|
|
noteId: nameithink,
|
|
content: encryptedText,
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
if (response.status == 418) {
|
|
displayError("you've ran out of storage :3 changes will not be saved until you free up storage!!! owo")
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
displayError("failed to save changes, please try again later")
|
|
})
|
|
}
|
|
}, waitTime);
|
|
});
|
|
}
|
|
doStuff()
|
|
});
|
|
}
|
|
|
|
function updateNotes() {
|
|
fetch("/api/listnotes", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
async function doStuff() {
|
|
document.querySelectorAll(".noteButton").forEach((el) => el.remove());
|
|
noteBox.readOnly = true
|
|
selectedNote = 0
|
|
noteBox.placeholder = ""
|
|
noteBox.value = ""
|
|
clearTimeout(timer)
|
|
|
|
let responseData = await response.json()
|
|
for (let i in responseData) {
|
|
let noteButton = document.createElement("button");
|
|
noteButton.classList.add("noteButton")
|
|
notesDiv.append(noteButton)
|
|
|
|
let bytes = CryptoJS.AES.decrypt(responseData[i]["title"], password);
|
|
let originalTitle = bytes.toString(CryptoJS.enc.Utf8);
|
|
|
|
noteButton.id = responseData[i]["id"]
|
|
noteButton.innerText = originalTitle
|
|
|
|
noteButton.addEventListener("click", (event) => {
|
|
if (event.ctrlKey) {
|
|
fetch("/api/removenote", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey,
|
|
noteId: responseData[i]["id"]
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
updateNotes()
|
|
})
|
|
.catch((error) => {
|
|
displayError("something went wrong! please try again later")
|
|
})
|
|
} else {
|
|
selectNote(responseData[i]["id"])
|
|
}
|
|
});
|
|
}
|
|
document.querySelectorAll(".loadingStuff").forEach((el) => el.remove());
|
|
}
|
|
doStuff()
|
|
});
|
|
}
|
|
|
|
updateNotes()
|
|
|
|
newNote.addEventListener("click", (event) => {
|
|
let noteName = displayPrompt("note name? :3", burgerFunction)
|
|
//let noteName = prompt("note name? :3")
|
|
function burgerFunction(noteName) {
|
|
if (noteName != null) {
|
|
let encryptedName = CryptoJS.AES.encrypt(noteName, password).toString();
|
|
fetch("/api/newnote", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey,
|
|
noteName: encryptedName,
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
displayError("failed to create new note, please try again later")
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
if (response.status !== 200) {
|
|
updateNotes()
|
|
displayError("something went wrong while creating note")
|
|
} else {
|
|
updateNotes()
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
function downloadObjectAsJson(exportObj, exportName) {
|
|
var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(exportObj));
|
|
var downloadAnchorNode = document.createElement("a");
|
|
downloadAnchorNode.setAttribute("href", dataStr);
|
|
downloadAnchorNode.setAttribute("download", exportName + ".json");
|
|
document.body.appendChild(downloadAnchorNode);
|
|
downloadAnchorNode.click();
|
|
downloadAnchorNode.remove();
|
|
}
|
|
|
|
function exportNotes() {
|
|
let noteExport = []
|
|
fetch("/api/exportnotes", {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
secretKey: secretkey
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8"
|
|
}
|
|
})
|
|
.then((response) => response)
|
|
.then((response) => {
|
|
async function doStuff() {
|
|
let responseData = await response.json()
|
|
for (let i in responseData) {
|
|
exportNotes.innerText = "decrypting " + i + "/" + noteCount
|
|
|
|
let bytes = CryptoJS.AES.decrypt(responseData[i]["title"], password);
|
|
let originalTitle = bytes.toString(CryptoJS.enc.Utf8);
|
|
|
|
responseData[i]["title"] = originalTitle
|
|
|
|
let bytesd = CryptoJS.AES.decrypt(responseData[i]["content"], password);
|
|
let originalContent = bytesd.toString(CryptoJS.enc.Utf8);
|
|
|
|
responseData[i]["content"] = originalContent
|
|
}
|
|
let jsonString = JSON.parse(JSON.stringify(responseData))
|
|
console.log(jsonString)
|
|
|
|
exportNotesButton.innerText = "export notes"
|
|
downloadObjectAsJson(jsonString, "data")
|
|
optionsDiv.classList.add("hidden")
|
|
displayError("exported notes!")
|
|
|
|
}
|
|
doStuff()
|
|
})
|
|
}
|
|
|
|
exportNotesButton.addEventListener("click", (event) => {
|
|
exportNotesButton.innerText = "downloading.."
|
|
exportNotes()
|
|
}); |