trinkey/infopage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
trinkey 2024-02-20 14:55:22 -05:00
commit 39881ccf6a
16 changed files with 1043 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
save/
.vscode/

321
_server.py Normal file
View file

@ -0,0 +1,321 @@
import hashlib
import shutil
import flask
import json
import os
from flask import request
from typing import Union, Callable
CONTENT_DIRECTORY = "./public/"
SAVING_DIRECTORY = "./save/"
app = flask.Flask(__name__)
def sort_list(l: list[list[str]]) -> list[list[str]]:
output = []
for i in l:
if i[0] and i[1] in ["1", "2", "3", "4"]:
output.append(i)
return sorted(output, key=lambda x: {"1": "d", "2": "c", "3": "b", "4": "a"}[x[1]] + x[0])
def return_dynamic_content_type(content: Union[str, bytes], content_type: str="text/html") -> flask.Response:
response = flask.make_response(content)
response.headers["Content-Type"] = content_type
return response
def sha(string: Union[str, bytes]) -> str:
if type(string) == str:
return hashlib.sha256(str.encode(string)).hexdigest()
elif type(string) == bytes:
return hashlib.sha256(string).hexdigest()
return ""
def ensure_file(path: str, *, default_value: str="", folder: bool=False) -> None:
if os.path.exists(path):
if folder and not os.path.isdir(path):
os.remove(path)
os.makedirs(path)
elif not folder and os.path.isdir(path):
shutil.rmtree(path, ignore_errors=True)
f = open(path, "w")
f.write(default_value)
f.close()
else:
if folder:
os.makedirs(path)
else:
f = open(path, "w")
f.write(default_value)
f.close()
def escape_html(string: str) -> str:
return string.replace("&", "&amp;").replace("<", "&lt;").replace("\"", "&quo;")
def create_file_serve(file) -> Callable:
x = lambda: flask.send_file(f"{CONTENT_DIRECTORY}{file}")
x.__name__ = file
return x
def generate_token(username: str, passhash: str) -> str:
return sha(sha(f"{username}:{passhash}") + "among us in real life, sus, sus")
def create_folder_serve(directory) -> Callable:
x = lambda file: flask.send_from_directory(f"{CONTENT_DIRECTORY}{directory}", file)
x.__name__ = directory
return x
def api_account_login():
try:
x = json.loads(request.data)
username = x["username"].replace(" ", "").lower()
passhash = x["password"]
except json.JSONDecodeError:
flask.abort(400)
except KeyError:
flask.abort(400)
if len(username) > 24 or len(username) < 1:
flask.abort(400)
for i in username:
if i not in "abcdefghijklmnopqrstuvwxyz0123456789_-":
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "User doesn't exist."
}), "application/json")
try:
open(f"{SAVING_DIRECTORY}{username}.json", "r")
except FileNotFoundError:
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "User doesn't exist."
}), "application/json")
token = generate_token(username, passhash)
try:
enforced_username = open(f"{SAVING_DIRECTORY}tokens/{token}.txt", "r").read()
except FileNotFoundError:
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "Invalid password"
}), "application/json")
if enforced_username != username:
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "Invalid password"
}), "application/json")
return return_dynamic_content_type(json.dumps({
"valid": True,
"token": token
}), "application/json")
def api_account_signup():
try:
x = json.loads(request.data)
username = x["username"].replace(" ", "")
passhash = x["password"]
except json.JSONDecodeError:
flask.abort(400)
except KeyError:
flask.abort(400)
if len(username) > 24 or len(username) < 1:
flask.abort(400)
if len(passhash) != 64:
flask.abort(400)
for i in passhash:
if i not in "abcdef0123456789":
flask.abort(400)
for i in username:
if i not in "abcdefghijklmnopqrstuvwxyz0123456789_-":
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "Username can only contain a-z, 0-9, underscores, and hyphens."
}), "application/json")
try:
open(f"{SAVING_DIRECTORY}{username}.json", "r")
return return_dynamic_content_type(json.dumps({
"valid": False,
"reason": "Username taken."
}), "application/json")
except FileNotFoundError:
pass
token = generate_token(username, passhash)
ensure_file(f"{SAVING_DIRECTORY}tokens/{token}.txt", default_value=username)
ensure_file(f"{SAVING_DIRECTORY}{username}.json", default_value=json.dumps({
"username": username,
"display_name": username,
"description": "",
"colors": {
"accent": "#ff0000",
"text": "#ffffff",
"background": "#111122"
},
"names": [
[username, "4"]
],
"pronouns": [
["he/him", "3"],
["it/its", "3"],
["she/her", "3"],
["they/them", "3"]
],
"honorifics": [
["ma'am", "3"],
["madam", "3"],
["mir", "3"],
["mr.", "3"],
["ms.", "3"],
["mx.", "3"],
["sai", "3"],
["shazam", "3"],
["sir", "3"],
["zam", "3"]
],
"compliments": [
["cute", "3"],
["handsome", "3"],
["hot", "3"],
["pretty", "3"],
["sexy", "3"]
], "relationship": [
["beloved", "3"],
["boyfriend", "3"],
["darling", "3"],
["enbyfriend", "3"],
["friend", "3"],
["girlfriend", "3"],
["husband", "3"],
["partner", "3"],
["wife", "3"]
]
}))
return return_dynamic_content_type(json.dumps({
"valid": True,
"token": token
}))
def api_account_info_(user):
try:
return return_dynamic_content_type(
open(f"{SAVING_DIRECTORY}{user}.json").read(),
"application/json"
)
except FileNotFoundError:
flask.abort(404)
def api_account_self():
try:
return return_dynamic_content_type(
open(SAVING_DIRECTORY + open(f'{SAVING_DIRECTORY}tokens/{request.cookies["token"]}.txt', 'r').read() + ".json", 'r').read(),
"application/json"
)
except FileNotFoundError:
flask.abort(404)
def api_save():
# TODO - ADD SORTING
username = open(f'{SAVING_DIRECTORY}tokens/{request.cookies["token"]}.txt', 'r').read()
x = json.loads(request.data)
user_data = json.loads(open(f"{SAVING_DIRECTORY}{username}.json", "r").read())
if "display_name" in x and len(x["display_name"]) < 64 and len(x["display_name"]) > 0:
user_data["display_name"] = x["display_name"]
if "description" in x and len(x["description"]) < 512:
user_data["description"] = x["description"]
if "colors" in x:
if "accent" in x["colors"]:
user_data["colors"]["accent"] = x["colors"]["accent"]
if "background" in x["colors"]:
user_data["colors"]["background"] = x["colors"]["background"]
if "text" in x["colors"]:
user_data["colors"]["text"] = x["colors"]["text"]
if "names" in x:
names = []
for i in x["names"]:
if int(i[1]) in [1, 2, 3, 4] and len(i[0]) > 0 and len(i[0]) < 48:
names.append(i)
user_data["names"] = sort_list(names)
if "pronouns" in x:
pronouns = []
for i in x["pronouns"]:
if int(i[1]) in [1, 2, 3, 4] and len(i[0]) > 0 and len(i[0]) < 48:
pronouns.append(i)
user_data["pronouns"] = sort_list(pronouns)
if "honorifics" in x:
honorifics = []
for i in x["honorifics"]:
if int(i[1]) in [1, 2, 3, 4] and len(i[0]) > 0 and len(i[0]) < 48:
honorifics.append(i)
user_data["honorifics"] = sort_list(honorifics)
if "compliments" in x:
compliments = []
for i in x["compliments"]:
if int(i[1]) in [1, 2, 3, 4] and len(i[0]) > 0 and len(i[0]) < 48:
compliments.append(i)
user_data["compliments"] = sort_list(compliments)
if "relationship" in x:
relationship = []
for i in x["relationship"]:
if int(i[1]) in [1, 2, 3, 4] and len(i[0]) > 0 and len(i[0]) < 48:
relationship.append(i)
user_data["relationship"] = sort_list(relationship)
f = open(f"{SAVING_DIRECTORY}{username}.json", "w")
f.write(json.dumps(user_data))
f.close()
return "200 OK"
def u_(username):
return flask.send_file(f"{CONTENT_DIRECTORY}user.html")
# levels:
# 4 - love
# 3 - good
# 2 - okay
# 1 - bad
ensure_file(SAVING_DIRECTORY, folder=True)
ensure_file(f"{SAVING_DIRECTORY}tokens/", folder=True)
app.route("/")(create_file_serve("index.html"))
app.route("/login")(create_file_serve("login.html"))
app.route("/signup")(create_file_serve("signup.html"))
app.route("/logout")(create_file_serve("logout.html"))
app.route("/editor")(create_file_serve("editor.html"))
app.route("/u/<path:username>")(u_)
app.route("/js/<path:file>")(create_folder_serve("js"))
app.route("/css/<path:file>")(create_folder_serve("css"))
app.route("/api/account/login", methods=["POST"])(api_account_login)
app.route("/api/account/signup", methods=["POST"])(api_account_signup)
app.route("/api/account/info/<path:user>", methods=["GET"])(api_account_info_)
app.route("/api/account/self", methods=["GET"])(api_account_self)
app.route("/api/save", methods=["PATCH"])(api_save)
if __name__ == "__main__":
app.run(debug=True, port=8080)

132
public/css/base.css Normal file
View file

@ -0,0 +1,132 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
font-family: 'FontAwesome Solid';
src: url('https://site-assets.fontawesome.com/releases/v6.5.1/webfonts/fa-solid-900.woff2');
}
@font-face {
font-family: 'FontAwesome Solid';
src: url('https://site-assets.fontawesome.com/releases/v6.5.1/webfonts/fa-solid-900.woff2');
}
.fa-s {
font-family: 'FontAwesome Solid', sans-serif;
}
.fa-r {
font-family: 'FontAwesome Regular', sans-serif;
}
:root {
--text: #aaaaaa;
--background: #333333;
--primary: #ffffff;
--secondary: #666666;
--accent: #444444;
--text-low-opacity: #aaaaaa88;
--background-low-opacity: #33333333;
--primary-low-opacity: #88888833;
--secondary-low-opacity: #66666633;
--accent-low-opacity: #44444466;
}
::selection {
background-color: var(--accent-low-opacity);
color: var(--text);
}
body::-webkit-scrollbar { display: none; }
body {
background-color: var(--background);
color: var(--text);
font-family: 'Poppins', "FontAwesome Regular", 'Arial';
padding: 5vh 0;
text-align: center;
font-size: 14px;
margin: 0px;
overflow-x: hidden;
word-wrap: break-word;
}
@media screen and (min-width: 1025px) {
body { font-size: 16px; }
}
@media screen and (max-width: 565px) {
body { font-size: 16px; padding: 5vh 3vw; }
}
button {
background-color: var(--secondary-low-opacity);
color: var(--primary);
border: none;
padding: 5px 7px;
border-radius: 10px;
cursor: pointer;
transition-property: color;
font-size: 0.8em;
}
button:disabled { opacity: 60%; pointer-events: none; }
button:active { scale: 95%; }
input, textarea, option, select{
background-color: var(--secondary-low-opacity);
color: var(--primary);
border: none;
border-radius: 2px;
padding: 5px 7px;
margin: 3px;
font-size: 0.8em;
}
input, textarea, select {
font-family: 'Poppins';
}
option, select {
background-color: var(--secondary-low-opacity);
}
option {
font-size: 1.1em;
}
textarea { background-color: var(--secondary-low-opacity); }
textarea:disabled { opacity: 70%; pointer-events: none; }
a:link { color: var(--primary); text-decoration: none; }
a:visited { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
a::-moz-selection { text-decoration-color: var(--text); }
a::selection { -webkit-text-decoration-color: var(--text); text-decoration-color: var(--text); }
i { opacity: 80%; }
p {
margin: 0px;
padding: 2px;
}
.text:not(svg) { color: var(--text); }
.background:not(svg) { color: var(--background); }
.primary:not(svg) { color: var(--primary); }
.secondary:not(svg) { color: var(--secondary); }
.accent:not(svg) { color: var(--accent); }
svg.text { fill: var(--text); }
svg.background { fill: var(--background); }
svg.primary { fill: var(--primary); }
svg.secondary { fill: var(--secondary); }
svg.accent { fill: var(--accent); }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.invis { opacity: 0%; }
.hidden { display: none; }
.no-underline { text-decoration: none !important; }

12
public/css/editor.css Normal file
View file

@ -0,0 +1,12 @@
input:not([type]), input[type="text"] {
width: 10em;
}
#input-display-name {
width: 20em;
}
textarea {
width: 30em;
resize: vertical;
}

26
public/css/page.css Normal file
View file

@ -0,0 +1,26 @@
svg {
width: 0.9em;
height: 0.9em;
display: inline-block;
fill: var(--text);
}
#word-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
row-gap: 5em;
column-gap: 2em;
}
.added {
display: inline-block;
text-align: left;
max-width: 16em;
white-space: break-word;
}
.added h2 {
text-align: center;
}

19
public/editor.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Editor</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/page.css">
<link rel="stylesheet" href="/css/editor.css">
<script src="/js/base.js"></script>
</head>
<body>
<script async src="/js/editor.js"></script>
<a href="/logout">Log Out</a>
</body>
</html>

25
public/index.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>InfoPage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<script src="/js/base.js"></script>
<script>
if (localStorage.getItem("token")) {
setCookie("token", localStorage.getItem("token"));
window.location.href = "/editor";
}
</script>
</head>
<body>
<h1>InfoPage</h1>
To share information about yourself<br><br>
<a href="/signup">Sign up</a> -
<a href="/login">Log in</a>
</body>
</html>

100
public/js/base.js Normal file
View file

@ -0,0 +1,100 @@
const dom = (id) => (document.getElementById(id));
function setCookie(name, value) {
let date = new Date();
date.setTime(date.getTime() + (356 * 24 * 60 * 60 * 1000));
document.cookie = `${name}=${value};Path=/;Expires=${date.toUTCString()}`;
}
function eraseCookie(name) {
document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
function sha256(ascii) {
function rightRotate(value, amount) {
return (value >>> amount) | (value << (32 - amount));
};
let maxWord = Math.pow(2, 32);
let i, j;
let result = '';
let words = [];
let asciiBitLength = ascii["length"]*8;
let hash = sha256.h = sha256.h || [];
let k = sha256.k = sha256.k || [];
let primeCounter = k["length"];
let isComposite = {};
for (let candidate = 2; primeCounter < 64; candidate++) {
if (!isComposite[candidate]) {
for (i = 0; i < 313; i += candidate) {
isComposite[i] = candidate;
}
hash[primeCounter] = (Math.pow(candidate, .5) * maxWord) | 0;
k[primeCounter++] = (Math.pow(candidate, 1 / 3) * maxWord) | 0;
}
}
ascii += '\x80'
while (ascii["length"]%64 - 56) ascii += '\x00'
for (i = 0; i < ascii["length"]; i++) {
j = ascii.charCodeAt(i);
if (j >> 8) return;
words[i >> 2] |= j << ((3 - i) % 4) * 8;
}
words[words["length"]] = ((asciiBitLength / maxWord) | 0);
words[words["length"]] = (asciiBitLength)
for (j = 0; j < words["length"];) {
let w = words.slice(j, j += 16);
let oldHash = hash;
hash = hash.slice(0, 8);
let w15, a, temp1, temp2;
for (i = 0; i < 64; i++) {
w15 = w[i - 15], w2 = w[i - 2];
a = hash[0], e = hash[4];
temp1 = hash[7] + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) + ((e & hash[5])^((~e) & hash[6])) + k[i] + (w[i] = (i < 16) ? w[i] : (w[i - 16] + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15 >>> 3)) + w[i - 7] + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2 >>> 10))) | 0);
temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) + ((a & hash[1]) ^ (a & hash[2]) ^ (hash[1] & hash[2]));
hash = [(temp1 + temp2) | 0].concat(hash);
hash[4] = (hash[4] + temp1) | 0;
}
for (i = 0; i < 8; i++) {
hash[i] = (hash[i] + oldHash[i]) | 0;
}
}
for (i = 0; i < 8; i++) {
for (j = 3; j + 1; j--) {
let b = (hash[i] >> (j * 8)) & 255;
result += ((b < 16) ? 0 : '') + b.toString(16);
}
}
return result;
};
function escapeHTML(text, forInput=false) {
if (forInput) {
return text.replaceAll("&", "&amp;")
.replaceAll("<", "&lt;")
.replaceAll("\"", "&quot;")
.replaceAll("\n", " ");
}
return text.replaceAll("&", "&amp;")
.replaceAll("<", "&lt;")
.replaceAll("\"", "&quot;");
}
const icons = {
1: '<svg style="fill: var(--text-low-opacity);" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M323.8 477.2c-38.2 10.9-78.1-11.2-89-49.4l-5.7-20c-3.7-13-10.4-25-19.5-35l-51.3-56.4c-8.9-9.8-8.2-25 1.6-33.9s25-8.2 33.9 1.6l51.3 56.4c14.1 15.5 24.4 34 30.1 54.1l5.7 20c3.6 12.7 16.9 20.1 29.7 16.5s20.1-16.9 16.5-29.7l-5.7-20c-5.7-19.9-14.7-38.7-26.6-55.5-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13H448c8.8 0 16-7.2 16-16 0-6.8-4.3-12.7-10.4-15-7.4-2.8-13-9-14.9-16.7s.1-15.8 5.3-21.7c2.5-2.8 4-6.5 4-10.6 0-7.8-5.6-14.3-13-15.7-8.2-1.6-15.1-7.3-18-15.2s-1.6-16.7 3.6-23.3c2.1-2.7 3.4-6.1 3.4-9.9 0-6.7-4.2-12.6-10.2-14.9-11.5-4.5-17.7-16.9-14.4-28.8.4-1.3.6-2.8.6-4.3 0-8.8-7.2-16-16-16h-97.5c-12.6 0-25 3.7-35.5 10.7l-61.7 41.1c-11 7.4-25.9 4.4-33.3-6.7s-4.4-25.9 6.7-33.3l61.7-41.1c18.4-12.3 40-18.8 62.1-18.8H384c34.7 0 62.9 27.6 64 62 14.6 11.7 24 29.7 24 50 0 4.5-.5 8.8-1.3 13 15.4 11.7 25.3 30.2 25.3 51 0 6.5-1 12.8-2.8 18.7 11.6 11.8 18.8 27.8 18.8 45.5 0 35.3-28.6 64-64 64h-92.3c4.7 10.4 8.7 21.2 11.8 32.2l5.7 20c10.9 38.2-11.2 78.1-49.4 89zM32 384c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32h64c17.7 0 32 14.3 32 32v224c0 17.7-14.3 32-32 32H32z"/></svg>',
2: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.5 176c-29 0-52.5 23.5-52.5 52.5V320c0 13.3-10.7 24-24 24S0 333.3 0 320v-91.5C0 173 45 128 100.5 128c29.6 0 57.6 13 76.7 35.6l130.2 153.8c10 11.8 24.6 18.6 40.1 18.6 29 0 52.5-23.5 52.5-52.5V192c0-13.3 10.7-24 24-24s24 10.7 24 24v91.5C448 339 403 384 347.5 384c-29.6 0-57.6-13-76.7-35.6L140.6 194.6c-10-11.8-24.6-18.6-40.1-18.6z"/></svg>',
3: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16 0 6.8-4.3 12.7-10.4 15-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6 0 7.8-5.6 14.3-13 15.7-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9 0 6.7-4.2 12.6-10.2 14.9-11.5 4.5-17.7 16.9-14.4 28.8.4 1.3.6 2.8.6 4.3 0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62 14.6-11.7 24-29.7 24-50 0-4.5-.5-8.8-1.3-13 15.4-11.7 25.3-30.2 25.3-51 0-6.5-1-12.8-2.8-18.7 11.6-11.8 18.8-27.8 18.8-45.5 0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"/></svg>',
4: '<svg class="accent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m47.6 300.4 180.7 168.7c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9l180.7-168.7c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141-45.6-7.6-92 7.3-124.6 39.9l-12 12-1-12c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>',
add: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>',
x: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>',
arrow: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>'
}

159
public/js/editor.js Normal file
View file

@ -0,0 +1,159 @@
function log(str) {
c++;
document.getElementById("log").innerText = str;
setTimeout(
function() {
--c;
if (!c) {
document.getElementById("log").innerText = " ";
}
}, 3000
);
}
function addToOutput(starting, json, key, title) {
starting += `<div class="added" style="text-align: center;"><div style="text-align: left; margin-bottom: 10px;" id='${key}'><h2>${title}</h2>`; // Title
for (let i = 0; i < json[key].length; i++) {
starting += `
<div id="${key}-${i}" data-id="${i}">
<select data-select2>
<option value="4"${json[key][i][1] == 4 ?" selected" : ""}>great</option>
<option value="3"${json[key][i][1] == 3 ?" selected" : ""}>good</option>
<option value="2"${json[key][i][1] == 2 ?" selected" : ""}>fine</option>
<option value="1"${json[key][i][1] == 1 ?" selected" : ""}>bad</option>
</select>
<input value="${escapeHTML(json[key][i][0], true)}" maxlength="48">
<svg onclick="dom('${key}-${i}').remove()">${icons.x}</svg>
</div>`;
}
starting += `</div><button onclick="add_input('${key}');">Add</button></div>`;
return starting;
}
function add_input(key) {
let x = document.createElement("div")
let q = [...document.querySelectorAll(`#${key} div[id^="${key}-"]`)];
let i = Number(q[q.length - 1].dataset.id) + 1;
x.id = `${key}-${i}`;
x.setAttribute("data-id", i);
x.innerHTML = `
<select data-select2>
<option value="4">great</option>
<option value="3" selected>good</option>
<option value="2">fine</option>
<option value="1">bad</option>
</select>
<input maxlength="48">
<svg onclick="dom('${x.id}').remove()">${icons.x}</svg>`;
dom(key).append(x);
}
function updateColors() {
document.body.setAttribute("style", `--background: ${colors.background}; --background-low-opacity: ${colors.background}33; --accent: ${colors.accent}; --accent-low-opacity: ${colors.accent}66; --text: ${colors.text}; --text-low-opacity: ${colors.text}88;`);
}
function get_list(key) {
let output = [];
[...document.querySelectorAll(`#${key} div[id^="${key}-"]`)].forEach((val, index) => {
output.push([val.querySelector("input").value, val.querySelector("select").value]);
});
return output;
}
if (localStorage.getItem("token")) {
setCookie("token", localStorage.getItem("token"));
} else {
window.location.href = "/logout";
}
let colors, c;
fetch("/api/account/self", {
"method": "GET"
}).then((response) => (response.json()))
.then((json) => {
colors = json.colors;
updateColors();
let x = document.createElement("div");
let inner = `
<h2><input maxlength="64" placeholder="Display name..." id="input-display-name" value="${escapeHTML(json.display_name, true)}"></h2>
<div><textarea maxlength="512" placeholder="About me..." id="input-description">${escapeHTML(json.description)}</textarea></div>
<div>Text color: <input id="input-col-text" type="color" value="${colors.text}"></div>
<div>Background color: <input id="input-col-background" type="color" value="${colors.background}"></div>
<div>Accent color: <input id="input-col-accent" type="color" value="${colors.accent}"></div><br>
<a target="_blank" href="/u/${json.username}"><button>Preview</button></a> <button id="save">Save</button><div id="log"> </div>
<div id="word-container">
`;
inner = addToOutput(inner, json, "names", "Names");
inner = addToOutput(inner, json, "pronouns", "Pronouns");
inner = addToOutput(inner, json, "honorifics", "Honorifics");
inner = addToOutput(inner, json, "compliments", "Compliments");
inner = addToOutput(inner, json, "relationship", "Relationship<br>Descriptions");
inner += "</div>";
x.id = "container";
x.innerHTML = inner;
document.body.append(x);
dom("input-description").addEventListener("input", function() {
let cursorPosition = this.selectionStart;
if (this.value.indexOf("\n") !== -1) {
--cursorPosition;
}
this.value = this.value.replaceAll("\n", "").replaceAll("\r", "");
this.setSelectionRange(cursorPosition, cursorPosition);
});
dom("save").addEventListener("click", function() {
fetch("/api/save", {
"method": "PATCH",
"body": JSON.stringify({
colors: colors,
display_name: dom("input-display-name").value,
description: dom("input-description").value,
names: get_list("names"),
pronouns: get_list("pronouns"),
honorifics: get_list("honorifics"),
compliments: get_list("compliments"),
relationship: get_list("relationship")
})
}).then((response) => (response.text()))
.then((text) => {
if (text === "200 OK") {
log("Saved!");
} else {
log("Something went wrong when saving!");
}
})
.catch((err) => {
log("Something went wrong when saving!");
})
});
dom("input-col-text").addEventListener("input", function() {
colors.text = this.value;
updateColors();
});
dom("input-col-accent").addEventListener("input", function() {
colors.accent = this.value;
updateColors();
});
dom("input-col-background").addEventListener("input", function() {
colors.background = this.value;
updateColors();
});
})
.catch((err) => {
window.location.href = "/logout";
});

54
public/js/login.js Normal file
View file

@ -0,0 +1,54 @@
let inc = 0, req = 0;
showlog = (str, time=3000) => {
inc++;
dom("error").innerText = str;
setTimeout(() => { req++; if (req == inc) { dom("error").innerText = ""; }}, time);
};
dom("toggle-password").addEventListener("click", function() {
if (dom("password").getAttribute("type") == "password") {
dom("password").setAttribute("type", "text");
} else {
dom("password").setAttribute("type", "password");
}
});
dom("submit").addEventListener("click", function() {
this.setAttribute("disabled", "");
username = dom("username").value;
password = sha256(dom("password").value)
fetch("/api/account/login", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
"username": username,
"password": password
})
})
.then((response) => {
if (response.status == 429) {
dom("post").removeAttribute("disabled");
dom("post-text").removeAttribute("disabled");
showlog("You are being ratelimited! Try again in a few moments...");
} else {
response.json().then((json) => {
if (json.valid) {
setCookie("token", json.token);
localStorage.setItem("token", json.token);
window.location.href = "/editor";
} else {
dom("submit").removeAttribute("disabled");
showlog(`Unable to login! Reason: ${json.reason}`);
}
})
}
})
.catch((err) => {
dom("submit").removeAttribute("disabled");
showlog("Something went wrong! Try again in a few moments...");
throw(err);
});
});

54
public/js/signup.js Normal file
View file

@ -0,0 +1,54 @@
let inc = 0, req = 0;
showlog = (str, time=3000) => {
inc++;
dom("error").innerText = str;
setTimeout(() => { req++; if (req == inc) { dom("error").innerText = ""; }}, time);
};
dom("toggle-password").addEventListener("click", function() {
if (dom("password").getAttribute("type") == "password") {
dom("password").setAttribute("type", "text");
} else {
dom("password").setAttribute("type", "password");
}
});
dom("submit").addEventListener("click", function() {
this.setAttribute("disabled", "");
username = dom("username").value;
password = sha256(dom("password").value)
fetch("/api/account/signup", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
"username": username,
"password": password
})
})
.then((response) => {
if (response.status == 429) {
dom("post").removeAttribute("disabled");
dom("post-text").removeAttribute("disabled");
showlog("You are being ratelimited! Try again in a few moments...");
} else {
response.json().then((json) => {
if (json.valid) {
setCookie("token", json.token);
localStorage.setItem("token", json.token);
window.location.href = "/editor";
} else {
dom("submit").removeAttribute("disabled");
showlog(`Unable to create account! Reason: ${json.reason}`);
}
})
}
})
.catch((err) => {
dom("submit").removeAttribute("disabled");
showlog("Something went wrong! Try again in a few moments...");
throw(err);
});
});

43
public/js/user.js Normal file
View file

@ -0,0 +1,43 @@
function addToOutput(starting, json, key, title) {
starting += `<div class="added" id='${key}'><h2>${title}</h2>`;
for (let i = 0; i < json[key].length; i++) {
starting += `<div ${
json[key][i][1] === 4 ? "class='accent'" :
json[key][i][1] === 1 ? "style='color: var(--text-low-opacity);'" : ""
}>${icons[json[key][i][1]]} ${escapeHTML(json[key][i][0])}</div>`;
}
starting += "</div>";
return starting;
}
let x2 = window.location.href.split("?")[0].split("/");
fetch("/api/account/info/" + x2[x2.length - 1], {
"method": "GET"
}).then((response) => (response.json()))
.then((json) => {
document.body.setAttribute("style", `--background: ${json.colors.background}; --background-low-opacity: ${json.colors.background}33; --accent: ${json.colors.accent}; --accent-low-opacity: ${json.colors.accent}66; --text: ${json.colors.text}; --text-low-opacity: ${json.colors.text}88;`);
let x = document.createElement("div");
let inner = `
<h1 id="name">${escapeHTML(json.display_name)}</h1>
<div id="description">${escapeHTML(json.description)}</div>
<div id="word-container">
`;
document.title = `${json.display_name} (@${x2[x2.length - 1]})`;
inner = addToOutput(inner, json, "names", "Names");
inner = addToOutput(inner, json, "pronouns", "Pronouns");
inner = addToOutput(inner, json, "honorifics", "Honorifics");
inner = addToOutput(inner, json, "compliments", "Compliments");
inner = addToOutput(inner, json, "relationship", "Relationship<br>Descriptions");
inner += "</div>";
x.id = "container";
x.innerHTML = inner;
document.body.append(x);
})
.catch((err) => {
document.body.innerHTML = "<h1>User not found!</h1><a href=\"/signup\">Sign up</a> - <a href=\"/login\">Log in</a>";
});

30
public/login.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Log In</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<script src="/js/base.js"></script>
<script>
if (localStorage.getItem("token")) {
setCookie("token", localStorage.getItem("token"));
window.location.href = "/editor";
}
</script>
</head>
<body>
<h1>Log In</h1>
<input id="username" maxlength="24" placeholder="Username..."><br>
<input id="password" placeholder="Password..." type="password"><br><br>
<button id="submit">Log In</button><br><br>
<button id="toggle-password">Show/Hide Password</button><br><br>
<a href="/signup">Sign up instead...</a>
<div id="error"></div>
<script src="/js/login.js"></script>
</body>
</html>

20
public/logout.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Log In</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<script src="/js/base.js"></script>
</head>
<body>
Click <a href="/">here</a> if you aren't redirected shortly...
<script>
localStorage.removeItem("token");
eraseCookie("token");
window.location.href = "/";
</script>
</body>
</html>

30
public/signup.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Sign Up</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<script src="/js/base.js"></script>
<script>
if (localStorage.getItem("token")) {
setCookie("token", localStorage.getItem("token"));
window.location.href = "/editor";
}
</script>
</head>
<body>
<h1>Sign Up</h1>
<input id="username" maxlength="24" placeholder="Username..."><br>
<input id="password" placeholder="Password..." type="password"><br><br>
<button id="submit">Sign Up</button><br><br>
<button id="toggle-password">Show/Hide Password</button><br><br>
<a href="/login">Log in instead...</a>
<div id="error"></div>
<script src="/js/signup.js"></script>
</body>
</html>

16
public/user.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>sussy among us imposter</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/page.css">
<script src="/js/base.js"></script>
</head>
<body>
<script src="/js/user.js"></script>
</body>
</html>