293 lines
10 KiB
JavaScript
293 lines
10 KiB
JavaScript
import { Fullscreen } from "/fullscreen.js";
|
|
const mobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
|
|
export { mobile, getBulkUsers, getBulkInfo, setTheme, Specialuser };
|
|
function setTheme() {
|
|
const name = localStorage.getItem("theme");
|
|
if (!name) {
|
|
document.body.className = "Dark-theme";
|
|
localStorage.setItem("theme", "Dark");
|
|
}
|
|
document.body.className = name + "-theme";
|
|
}
|
|
setTheme();
|
|
function getBulkUsers() {
|
|
const json = getBulkInfo();
|
|
for (const thing in json.users) {
|
|
json.users[thing] = new Specialuser(json.users[thing]);
|
|
}
|
|
return json;
|
|
}
|
|
function getBulkInfo() {
|
|
return JSON.parse(localStorage.getItem("userinfos"));
|
|
}
|
|
function setDefaults() {
|
|
let userinfos = getBulkInfo();
|
|
if (!userinfos) {
|
|
localStorage.setItem("userinfos", JSON.stringify({
|
|
currentuser: null,
|
|
users: {},
|
|
preferences: {
|
|
theme: "Dark",
|
|
notifications: false,
|
|
notisound: "three",
|
|
},
|
|
}));
|
|
userinfos = getBulkInfo();
|
|
}
|
|
if (userinfos.users === undefined) {
|
|
userinfos.users = {};
|
|
}
|
|
if (userinfos.accent_color === undefined) {
|
|
userinfos.accent_color = "#242443";
|
|
}
|
|
document.documentElement.style.setProperty('--accent-color', userinfos.accent_color);
|
|
if (userinfos.preferences === undefined) {
|
|
userinfos.preferences = {
|
|
theme: "Dark",
|
|
notifications: false,
|
|
notisound: "three",
|
|
};
|
|
}
|
|
if (userinfos.preferences && (userinfos.preferences.notisound === undefined)) {
|
|
userinfos.preferences.notisound = "three";
|
|
}
|
|
localStorage.setItem("userinfos", JSON.stringify(userinfos));
|
|
}
|
|
setDefaults();
|
|
class Specialuser {
|
|
serverurls;
|
|
email;
|
|
token;
|
|
loggedin;
|
|
json;
|
|
constructor(json) {
|
|
if (json instanceof Specialuser) {
|
|
console.error("specialuser can't construct from another specialuser");
|
|
}
|
|
this.serverurls = json.serverurls;
|
|
this.serverurls.api = new URL(this.serverurls.api);
|
|
this.serverurls.cdn = new URL(this.serverurls.cdn);
|
|
this.serverurls.gateway = new URL(this.serverurls.gateway);
|
|
this.serverurls.wellknown = new URL(this.serverurls.wellknown);
|
|
this.email = json.email;
|
|
this.token = json.token;
|
|
this.loggedin = json.loggedin;
|
|
this.json = json;
|
|
if (!this.serverurls || !this.email || !this.token) {
|
|
console.error("There are fundamentally missing pieces of info missing from this user");
|
|
}
|
|
}
|
|
set pfpsrc(e) {
|
|
console.log("this ran fr");
|
|
this.json.pfpsrc = e;
|
|
this.updateLocal();
|
|
}
|
|
get pfpsrc() {
|
|
return this.json.pfpsrc;
|
|
}
|
|
set username(e) {
|
|
this.json.username = e;
|
|
this.updateLocal();
|
|
}
|
|
get username() {
|
|
return this.json.username;
|
|
}
|
|
get uid() {
|
|
return this.email + this.serverurls.wellknown;
|
|
}
|
|
toJSON() {
|
|
return this.json;
|
|
}
|
|
updateLocal() {
|
|
const info = getBulkInfo();
|
|
info.users[this.uid] = this.toJSON();
|
|
localStorage.setItem("userinfos", JSON.stringify(info));
|
|
}
|
|
}
|
|
function adduser(user) {
|
|
user = new Specialuser(user);
|
|
const info = getBulkInfo();
|
|
info.users[user.uid] = user;
|
|
info.currentuser = user.uid;
|
|
localStorage.setItem("userinfos", JSON.stringify(info));
|
|
}
|
|
const instancein = document.getElementById("instancein");
|
|
let timeout;
|
|
let instanceinfo;
|
|
async function checkInstance(e) {
|
|
const verify = document.getElementById("verify");
|
|
;
|
|
try {
|
|
verify.textContent = "Checking Instance";
|
|
const instanceinfo = await setInstance(instancein.value);
|
|
localStorage.setItem("instanceinfo", JSON.stringify(instanceinfo));
|
|
verify.textContent = "Instance is all good";
|
|
if (checkInstance["alt"]) {
|
|
checkInstance["alt"]();
|
|
}
|
|
setTimeout(_ => {
|
|
console.log(verify.textContent);
|
|
verify.textContent = "";
|
|
}, 3000);
|
|
}
|
|
catch (e) {
|
|
console.log("catch");
|
|
verify.textContent = "Invalid Instance, try again";
|
|
}
|
|
}
|
|
if (instancein) {
|
|
console.log(instancein);
|
|
instancein.addEventListener("keydown", e => {
|
|
const verify = document.getElementById("verify");
|
|
verify.textContent = "Waiting to check Instance";
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(checkInstance, 1000);
|
|
});
|
|
if (localStorage.getItem("instanceinfo")) {
|
|
instancein.value = JSON.parse(localStorage.getItem("instanceinfo")).wellknown;
|
|
}
|
|
else {
|
|
checkInstance("https://spacebar.chat/");
|
|
}
|
|
}
|
|
async function login(username, password, captcha) {
|
|
if (captcha === "") {
|
|
captcha = undefined;
|
|
}
|
|
const options = {
|
|
method: "POST",
|
|
body: JSON.stringify({
|
|
"login": username,
|
|
"password": password,
|
|
"undelete": false,
|
|
"captcha_key": captcha
|
|
}),
|
|
headers: {
|
|
"Content-type": "application/json; charset=UTF-8",
|
|
}
|
|
};
|
|
try {
|
|
const info = JSON.parse(localStorage.getItem("instanceinfo"));
|
|
const api = info.login;
|
|
return await fetch(api + '/auth/login', options).then(response => response.json())
|
|
.then((response) => {
|
|
console.log(response, response.message);
|
|
if ("Invalid Form Body" === response.message) {
|
|
return response.errors.login._errors[0].message;
|
|
console.log("test");
|
|
}
|
|
//this.serverurls||!this.email||!this.token
|
|
console.log(response);
|
|
if (response.captcha_sitekey) {
|
|
const capt = document.getElementById("h-captcha");
|
|
if (!capt.children.length) {
|
|
const capty = document.createElement("div");
|
|
capty.classList.add("h-captcha");
|
|
capty.setAttribute("data-sitekey", response.captcha_sitekey);
|
|
const script = document.createElement("script");
|
|
script.src = "https://js.hcaptcha.com/1/api.js";
|
|
capt.append(script);
|
|
capt.append(capty);
|
|
}
|
|
else {
|
|
eval("hcaptcha.reset()");
|
|
}
|
|
return;
|
|
}
|
|
else {
|
|
console.log(response);
|
|
if (response.ticket) {
|
|
let onetimecode = "";
|
|
new Fullscreen(["vdiv", ["title", "2FA code:"], ["textbox", "", "", function () { onetimecode = this.value; }], ["button", "", "Submit", function () {
|
|
fetch(api + "/auth/mfa/totp", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json"
|
|
},
|
|
body: JSON.stringify({
|
|
code: onetimecode,
|
|
ticket: response.ticket,
|
|
})
|
|
}).then(r => r.json()).then(response => {
|
|
if (response.message) {
|
|
alert(response.message);
|
|
}
|
|
else {
|
|
adduser({ serverurls: JSON.parse(localStorage.getItem("instanceinfo")), email: username, token: response.token });
|
|
window.location.href = '/channels/@me';
|
|
}
|
|
});
|
|
}]]).show();
|
|
}
|
|
else {
|
|
adduser({ serverurls: JSON.parse(localStorage.getItem("instanceinfo")), email: username, token: response.token });
|
|
window.location.href = '/channels/@me';
|
|
return response.token;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
catch (error) {
|
|
console.error('Error:', error);
|
|
}
|
|
;
|
|
}
|
|
async function setInstance(url) {
|
|
url = new URL(url);
|
|
async function attempt(aurl) {
|
|
const info = await fetch(`${aurl.toString()}${aurl.pathname.includes("api") ? "" : "api"}/policies/instance/domains`)
|
|
.then((x) => x.json());
|
|
return {
|
|
api: info.apiEndpoint,
|
|
gateway: info.gateway,
|
|
cdn: info.cdn,
|
|
wellknown: url,
|
|
login: aurl.toString()
|
|
};
|
|
}
|
|
try {
|
|
return await attempt(url);
|
|
}
|
|
catch (e) {
|
|
}
|
|
const wellKnown = await fetch(`${url.origin}/.well-known/spacebar`)
|
|
.then((x) => x.json())
|
|
.then((x) => new URL(x.api));
|
|
return await attempt(wellKnown);
|
|
}
|
|
async function check(e) {
|
|
e.preventDefault();
|
|
let h = await login(e.srcElement[1].value, e.srcElement[2].value, e.srcElement[3].value);
|
|
document.getElementById("wrong").textContent = h;
|
|
console.log(h);
|
|
}
|
|
if (document.getElementById("form")) {
|
|
document.getElementById("form").addEventListener("submit", check);
|
|
}
|
|
//Service workers :3
|
|
if ("serviceWorker" in navigator) {
|
|
navigator.serviceWorker.register("/service.js", {
|
|
scope: "/",
|
|
}).then((registration) => {
|
|
let serviceWorker;
|
|
if (registration.installing) {
|
|
serviceWorker = registration.installing;
|
|
console.log("installing");
|
|
}
|
|
else if (registration.waiting) {
|
|
serviceWorker = registration.waiting;
|
|
console.log("waiting");
|
|
}
|
|
else if (registration.active) {
|
|
serviceWorker = registration.active;
|
|
console.log("active");
|
|
}
|
|
if (serviceWorker) {
|
|
console.log(serviceWorker.state);
|
|
serviceWorker.addEventListener("statechange", (e) => {
|
|
console.log(e.target.state);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
export { checkInstance };
|