'); + //user.html(messageUser); + //contents.prepend(user); + //contents.prepend(messageAvatar(messageSender, messageUser)); + } + } + if (removeUser) { + message.removeClass("first"); + //message.find(".contents .user").remove(); + //message.find(".contents .avatar").remove(); + } + if (removeNextUser) { + message.removeClass("last"); + nextMessage.removeClass("first"); + //nextMessage.find(".contents .user").remove(); + //nextMessage.find(".contents .avatar").remove(); + } + if (prependDate) { + let infoRow = $('
'); + infoRow.html(messageDate); + infoRow.insertBefore(message); + this.stylizeMessage(infoRow); + } + if (appendDate) { + let infoRow = $('
'); + infoRow.html(nextMessageDate); + infoRow.insertAfter(message); + this.stylizeMessage(infoRow); + } + } + + if (addNextUser) { + if (!nextMessage.find(".contents .user").length) { + //nextMessageUser = this.parent.userForID(nextMessageSender).domain; + //let user = $('
'); + //user.html(nextMessageUser); + //nextMessage.addClass("first"); + //nextMessage.find(".contents").prepend(user); + //nextMessage.find(".contents").prepend(messageAvatar(nextMessageSender, nextMessageUser)); + } + } + + let newLastMessage = $(".messageRow").last(); + if (newLastMessage.hasClass("informational date")) { + newLastMessage.remove(); + } + + //this.codify(message.find(".contents .body")); + this.linkify(message.find(".contents .body")); + + this.updateAvatars(); + } + + codify(elements) { + $.each(elements, (k, e) => { + e = $(e); + + let output = e.html(); + + while (this.parent.regex(/\`{3}(?
[.\s\S]+?)\`{3}/gm, output).length) {
+				let matches = this.parent.regex(/\`{3}(?[.\s\S]+?)\`{3}/gm, output);
+				
+				if (matches.length) {
+					let result = matches[0];
+					let full = result[0];
+					let code = result.groups.code;
+					let start = result.index;
+					let end = (start + full.length);
+					let replace = `${code}`;
+					output = this.parent.replaceRange(output, start, end, replace);
+				}
+			}
+
+			while (this.parent.regex(/\`(?[.\s\S]+?)\`/gm, output).length) {
+				let matches = this.parent.regex(/\`(?[.\s\S]+?)\`/gm, output);
+				
+				if (matches.length) {
+					let result = matches[0];
+					let full = result[0];
+					let code = result.groups.code;
+					let start = result.index;
+					let end = (start + full.length);
+					let replace = `${code}`;
+					output = this.parent.replaceRange(output, start, end, replace);
+				}
+			}
+
+			e.html(output);
+		});
+	}
+
+	linkify(elements) {
+		$.each(elements, (k, e) => {
+			e = $(e);
+
+			let output = e.html();
+			let links = anchorme.list(output).reverse();
+
+			$.each(links, (k, link) => {
+				let href = link.string;
+
+				if (link.isEmail) {
+					href = `mailto:${href}`;
+				}
+				else if (link.isURL && href.substring(0, 8) !== "https://" && href.substring(0, 7) !== "http://") {
+					href = `http://${href}`;
+				}
+
+				let replace = `${link.string}`
+				output = this.parent.replaceRange(output, link.start, link.end, replace);
+			});
+
+			let mentions = this.usersInMessage(output);
+			$.each(mentions, (k, mention) => {
+				let id = mention.groups.name;
+				if (id == this.parent.domain) {
+					e.closest(".messageRow").addClass("mention");
+				}
+			});
+
+			output = this.replaceIds(output);
+			e.html(output);
+
+			this.expandLinks(e);
+		});
+	}
+
+	expandLinks(message) {
+		if (message.hasClass("expanded")) {
+			return;
+		}
+
+		message.addClass("expanded");
+
+		let links = message.find("a.inline");
+
+		if (links.length) {
+			if (!message.parent().hasClass("message")) {
+				return;
+			}
+
+			let link = links[0].href;
+			let embed = this.shouldInlineLink(link);
+			if (embed) {
+				let div;
+				switch (embed) {
+					case "image":
+						div = $(`
+							
+								
+									
+										
+									
+								
+							
+						`);
+						break;
+
+					case "video":
+						div = $(`
+							
+								
+									
+								
+							
+						`);
+						break;
+				}
+
+				if (div) {
+					message.closest(".messageRow").find(".linkHolder").append(div);
+					this.fixScroll();
+				}
+			}
+			else {
+				let data = {
+					action: "getMetaTags",
+					url: link
+				}
+				if (link.substring(0, 7) == "mailto:") {
+					return;
+				}
+				this.parent.api(data).then(r => {
+					let div = $(`
+						
+							
+							
+						
+					`);
+
+					if (r.tags) {
+						let t = r.tags;
+						if (t.title) {
+							div.find(".info").append(`${t.title}`);
+
+							if (t.description) {
+								div.find(".info").append(`${t.description}`);
+							}
+
+							/*
+							if (t.video) {
+								div.find(".preview").prepend(`
+									
+										
+									</div>
+								`);
+							}
+							else
+							*/
+							if (t.image) {
+								div.find(".preview").prepend(`
+									<div class="media">
+										<img src="https://${window.location.host}${t.image}">
+									</div>
+								`);
+							}
+
+							message.closest(".messageRow").find(".linkHolder").append(div);
+							this.fixScroll();
+						}
+					}
+				});
+			}
+		}
+	}
+
+	shouldInlineLink(link) {
+		try {
+			let url = new URL(link);
+
+			let match;
+			switch (url.host) {
+				case "hns.chat":
+				case "hnschat":
+					match = url.pathname.match(/^(\/uploads\/.{32}|\/avatar\/.{16})$/);
+					if (match) {
+						return "image";
+					}
+					break;
+
+				case "i.arxius.io":
+					match = url.pathname.match(/^\/.{8}\.(jpeg|jpg|png|gif)$/);
+					if (match) {
+						return "image";
+					}
+					break;
+
+				case "v.arxius.io":
+					match = url.pathname.match(/^\/.{8}$/);
+					if (match) {
+						return "video";
+					}
+					break;
+
+				case "i.imgur.com":
+					match = url.pathname.match(/^\/.{7}\.(jpeg|jpg|png|gif)$/);
+					if (match) {
+						return "image";
+					}
+					break;
+
+				case "i.redd.it":
+					match = url.pathname.match(/^\/.{13}\.(jpeg|jpg|png|gif)$/);
+					if (match) {
+						return "image";
+					}
+					break;
+			}
+		}
+		catch {}
+
+		return false;
+	}
+
+	usersInMessage(message) {
+		let matches = this.parent.regex(/\@(?<id>[a-zA-Z0-9]{16}(?:\b|$))/gm, message);
+		return matches;
+	}
+
+	channelsInMessage(message) {
+		let matches = this.parent.regex(/\@(?<id>[a-zA-Z0-9]{8}(?:\b|$))/gm, message);
+		return matches;
+	}
+
+	replaceIds(message, link=true) {
+		let output = message;
+
+		while (this.channelsInMessage(output).length) {
+			let channels = this.channelsInMessage(output);
+			let result = channels[0];
+
+			let id = result.groups.id;
+			let start = result.index;
+			let end = (start + id.length + 1);
+			
+			let replace;
+			let match = this.parent.channelForID(id);
+			if (match) {
+				let channel = match.name;
+				replace = `<div class="inline channel" data-id="${id}">#${this.toUnicode(channel)}</div>`;
+			}
+			else {
+				replace = `@\x00${id}`;
+			}
+			output = this.parent.replaceRange(output, start, end, replace);
+		}
+
+		while (this.usersInMessage(output).length) {
+			let users = this.usersInMessage(output);
+			let result = users[0];
+
+			let id = result.groups.id;
+			let start = result.index;
+			let end = (start + id.length + 1);
+
+			let replace;
+			let match = this.parent.userForID(id);
+			if (match) {
+				let domain = match.domain;
+				replace = `<div class="inline nick" data-id="${id}">@${this.toUnicode(domain)}/</div>`;
+			}
+			else {
+				replace = `@\x00${id}`;
+			}
+			output = this.parent.replaceRange(output, start, end, replace);
+		}
+
+		return output;
+	}
+
+	preventTabIfNeeded(e) {
+		let target = $(e.target);
+
+		if (this.parent.isKey(e, 9)) {
+			if (!target.hasClass("tab")) {
+				e.preventDefault();
+			}
+		}
+	}
+
+	focusInputIfNeeded(e) {
+		if (!$("input").is(":focus") && !$("#message").is(":focus") && !$("#blackout").is(":visible")) {
+			if ((this.parent.keyName(e).length == 1 || this.parent.isKey(e, 9)) && !((e.ctrlKey || e.metaKey))) {
+				if (this.parent.isKey(e, 9)) {
+					e.preventDefault();
+				}
+				$("#message").focus();
+			}
+		}
+	}
+
+	removePopoverIfNeeded() {
+		if ($("#blackout").is(":visible")) {
+			this.close();
+			return true;
+		}
+		return false;
+	}
+
+	removeReplyingIfNeeded() {
+		if (!$(".popover.shown").length && $("#replying.shown").length) {
+			$(".action[data-action=removeReply]").click();
+			return true;
+		}
+		return false;
+	}
+
+	undoProfileIfNeeded() {
+		if ($(".contextMenu[data-name=userContext].me.editing.shown").length) {
+			this.undoProfile();
+			return true;
+		}
+		return false;
+	}
+
+	updateReplying() {
+		if (this.parent.replying) {
+			let name = this.toUnicode(this.parent.userForID(this.parent.replying.sender).domain);
+			$("#replying .message .name").html(name);
+			$("#replying").addClass("shown");
+
+			$("#holder").addClass("replying");
+			$(".messageRow").removeClass("selected");
+			$(".messageRow").removeClass("selecting");
+			$(`.messageRow[data-id=${this.parent.replying.message}]`).addClass("selected");
+		}
+		else {
+			$("#replying").removeClass("shown");
+			$("#replying .message .name").html('');
+			$("#holder").removeClass("replying");
+			$(`.messageRow`).removeClass("selected");
+		}
+	}
+
+	async popover(action) {
+		$(".popover.shown").removeClass("shown");
+
+		let popover = $(`.popover[data-name=${action}]`);
+
+		let output = new Promise(resolve => {
+			switch (action) {
+				case "syncSession":
+					resolve();
+					break;
+
+				case "pay":
+					popover.find("input[name=hns]").inputmask({mask: "9{+}[.9{1,6}] HNS", greedy: false, placeholder: "0"});
+					popover.find(".response").html("");
+
+					resolve();
+
+					let to = getOtherUser(conversation).domain;
+					let toID = getOtherUserID(conversation);
+
+					let data = {
+						action: "getAddress",
+						domain: toID
+					}
+					api(data).then(r => {
+						popover.find(".loading").removeClass("shown");
+
+						if (r.success) {
+							popover.find(".subtitle").html(to+"/ is able to accept payments!");
+							popover.find("input[name=address]").val(r.address);
+							popover.find(".content").addClass("shown");
+							popover.find("input[name=hns]").focus();
+						}
+						else {
+							popover.find(".response").addClass("error");
+							popover.find(".response").html(r.message);
+						}
+					});
+					break;
+
+				case "settings":
+					popover.find("input[name=avatar]").parent().addClass("hidden");
+					popover.find("input[name=address]").parent().addClass("hidden");
+
+					let user = this.parent.userForID(this.parent.domain);
+					let tld = user.tld;
+
+					if (["hnschat", "theshake"].includes(tld)) {
+						popover.find("input[name=address]").parent().removeClass("hidden");
+						popover.find("input[name=avatar]").parent().removeClass("hidden");
+						popover.find("input[name=avatar]").val(user.avatar);
+
+						let data = {
+							action: "getAddress",
+							domain: this.parent.domain
+						}
+
+						this.parent.api(data).then(r => {
+							if (r.address) {
+								popover.find("input[name=address]").val(r.address);
+							}
+							resolve();
+						});
+					}
+					else {
+						resolve();
+					}
+					break;
+
+				case "completions":
+				case "emojis":
+					let bottom = $(".inputHolder").outerHeight() + 10;
+					popover.css("bottom", bottom+"px");
+					resolve();
+					break;
+
+				default:
+					resolve();
+					break;
+			}
+		});
+
+		output.then(() => {
+			if (popover.length) {
+				$("#blackout").addClass("shown");
+				$("#messageHolder").addClass("noScroll");
+				popover.addClass("shown");
+
+				if (action == "newConversation" && popover.find("input[name=domain]").val()) {
+					popover.find("input[name=message]").focus();
+				}
+				else {
+					let first = popover.find("input:visible:first");
+					if (first.attr("type") !== "color") {
+						if (this.isDesktop()) {
+							if (!["syncSession"].includes(action)) {
+								first.focus();
+							}
+						}
+						else {
+							if (!["syncSession", "react"].includes(action)) {
+								first.focus();
+							}
+						}
+					}
+				}
+
+				if (action === "emojis") {
+					$(".popover[data-name=emojis] .body .grid[data-type=emojis]").scrollTop(0);
+				}
+			}
+		});
+	}
+
+	close(old=false) {
+		$("#blackout").removeClass("shown");
+		$("#completions").removeClass("shown");
+		$(".popover.shown").find("input:not([readonly])").val('');
+		$(".popover.shown").find(".response").html('');
+		$(".popover.shown").find(".content").removeClass("shown");
+		$(".popover.shown").find(".loading").addClass("shown");
+		$(".popover.shown").find(".button").removeClass("disabled");
+		$(".popover[data-name=react]").find(".grid[data-type=gifs]").scrollTop(0);
+		$(".popover.shown").removeClass("shown");
+		$("#messageHolder").removeClass("noScroll");
+		$(".popover[data-name=react] .grid[data-type=emojis] .section").removeClass("hidden");
+		$(".popover[data-name=react] .grid[data-type=emojis] .section[data-name=Search]").addClass("hidden");
+		$("#holder").removeClass("reacting");
+		$(".messageRow .hover.visible").removeClass("visible");
+		$("#users .user.selected").removeClass("selected");
+		$(".popover[data-name=react] .section[data-type=gifs] .column").empty();
+
+		$(".messageRow").removeClass("selecting");
+		if (!$("#holder").hasClass("reacting") && !$("#holder").hasClass("replying")) {
+			$(".messageRow").removeClass("selected");
+		}
+
+		this.updateReplying();
+		this.undoProfile();
+		this.shouldShowGifs();
+	}
+
+	messagesLoading(bool) {
+		if (bool) {
+			$("#messageHolder #messages").addClass("hidden");
+			$("#messageHolder .loading").addClass("shown");
+		}
+		else {
+			$("#messageHolder .loading").removeClass("shown");
+			$("#messageHolder #messages").removeClass("hidden");
+		}
+	}
+
+	updateAvatars() {
+		$.each($(".favicon:not(.loaded)"), (k, e) => {
+			let favicon = $(e);
+			favicon.addClass("loaded");
+			let d = favicon.data("domain");
+			let id = favicon.data("id");
+			let user = this.parent.userForID(id);
+
+			if (user.id) {
+				if (Object.keys(this.parent.avatars).includes(id)) {
+					if (this.parent.avatars[id]) {
+						let original = $("#avatars .favicon[data-id="+id+"]");
+						if (original.length) {
+							let clone = original[0].cloneNode(true);
+							let parent = favicon.parent();
+							favicon.remove();
+							parent.append(clone);
+							//parent.find(".fallback").html('');
+							this.updateOtherAvatars(id);
+						}
+					}
+				}
+				else {
+					this.parent.avatars[id] = false;
+					let link = user.avatar;
+					if (link) {
+						link = `https://${window.location.host}/avatar/${user.id}`;
+						let img = $('<img class="loading" />');
+						img.attr("src", link).on("load", i => {
+							let im = $(i.target);
+							favicon.css("background-image", "url("+link+")");
+							//favicon.parent().find(".fallback").html('');
+							im.remove();
+							this.parent.avatars[id] = link;
+							let clone = favicon[0].cloneNode(true);
+							$("#avatars").append(clone);
+							this.updateOtherAvatars(user.id);
+						}).on("error", r => {
+							$(r.target).remove();
+							//this.parent.avatars[id] = false;
+						});  
+						$("html").append(img);
+					}
+					else {
+						this.parent.avatars[id] = false;
+					}
+				}
+			}
+		});
+	}
+
+	updateOtherAvatars(id) {
+		if (this.parent.avatars[id]) {
+			let avatars = [
+				$(`#conversations .section.pms .avatar .favicon[data-id=${id}].loaded`),
+				$(`.messageHeader .avatar .favicon[data-id=${id}].loaded`),
+				$(`#messages .messageRow .avatar .favicon[data-id=${id}].loaded`),
+				$(`#users .user .avatar .favicon[data-id=${id}].loaded`),
+				$(`.contextMenu[data-name=userContext] .avatar .favicon[data-id=${id}].loaded`),
+				$(`.header .avatar .favicon[data-id=${id}].loaded`),
+				$(`#videoInfo .users .avatar .favicon[data-id=${id}].loaded`)
+			];
+
+			$.each(avatars, (k, avatar) => {
+				if (avatar.length) {
+					$.each(avatar, (k, a) => {
+						a = $(a);
+						if (a.css("background-image") === "none" || !a.css("background-image")) {
+							let original = $("#avatars .favicon[data-id="+id+"]");
+							if (original.length) {
+								let clone = original[0].cloneNode(true);
+								let parent = a.parent();
+								a.remove();
+								parent.append(clone);
+								//parent.find(".fallback").html('');
+							}
+						}
+					});
+				}
+			});
+		}
+	}
+
+	setContextMenuPosition(menu, e) {
+		if (!this.isDesktop()) {
+			return;
+		}
+
+		let hx = window.innerWidth / 2;
+		let hy = window.innerHeight / 2;
+		let x = e.clientX;
+		let y = e.clientY;
+
+		if (x >= hx) {
+			x = e.clientX - menu.outerWidth();
+		}
+		if (y >= hy) {
+			y = e.clientY - menu.outerHeight();
+		}
+
+		menu.css({ top: y, left: x });
+	}
+
+	setCaretPosition(ctrl, pos) {
+		if (ctrl.setSelectionRange) {
+			ctrl.focus();
+			ctrl.setSelectionRange(pos, pos);
+		} 
+		else if (ctrl.createTextRange) {
+			let range = ctrl.createTextRange();
+			range.collapse(true);
+			range.moveEnd('character', pos);
+			range.moveStart('character', pos);
+			range.select();
+		}
+		else {
+			var range = document.createRange();
+			var selection = window.getSelection();
+			range.setStart(ctrl[0].childNodes[0], pos);
+			range.collapse(true);
+			selection.removeAllRanges();
+			selection.addRange(range);
+		}
+	}
+
+	categoryForEmoji(emoji) {
+		let cat = false;
+		$.each(Object.keys(this.emojiCategories), (k, category) => {
+			let data = this.emojiCategories[category];
+			if (data.includes(emoji.category)) {
+				cat = category;
+				return false;
+			}
+		});
+
+		if (cat) {
+			return cat;
+		}
+
+		return false;
+	}
+
+	setupReactView(e, sender) {
+		let target = $(e.target);
+		let action = target.data("action");
+
+		let menu = $(".popover[data-name=react]");
+		if (!sender) {
+			sender = "";
+		}
+		this.setData(menu, "sender", sender);
+
+		menu.find(".tab[data-name=categories]").addClass("hidden");
+		menu.find(".tab[data-name=gifs]").addClass("hidden");
+
+		if (sender) {
+			let row = $(`.messageRow[data-id=${sender}]`);
+
+			if (!row.length) {
+				let id = target.closest(".body").find("span.message").data("id");
+				row = $("#messages").find(`.messageRow[data-id=${id}]`);
+			}
+
+			$("#holder").addClass("reacting");
+			$(`.messageRow`).removeClass("selected");
+			$(".messageRow").removeClass("selecting");
+			row.addClass("selected");
+
+			let hover = row.find(".hover");
+			hover.addClass("visible");
+			menu.addClass("react");
+			this.setContextMenuPosition(menu, e);
+		}
+		else {
+			menu.find(".tab[data-name=gifs]").removeClass("hidden");
+			menu.removeClass("react");
+			menu.css({ top: "auto" });
+		}
+
+		if (!menu.hasClass("loaded")) {
+			let data = {
+				action: "getGifCategories"
+			}
+			this.parent.api(data).then(r => {
+				if (r.success) {
+					$.each(r.categories, (k, c) => {
+						let category = $(`
+							<div class="category" data-term=${c.term}>
+								<div class="title">${c.term}</div>
+								<div class="background" style="background-image: url(${c.gif})"></div>
+							</div>
+						`);
+						menu.find(".section[data-type=categories]").append(category);
+					});
+				}
+			});
+
+			$.each(Object.keys(this.emojiCategories), (k, category) => {
+				let section = $(`
+					<div class="section" data-name="${category}">
+						<div class="subtitle">${category}</div>
+						<div class="emojis"></div>
+					</div>
+				`);
+
+				if (k == 0) {
+					section.addClass("hidden");
+				}
+
+				menu.find(".body .grid[data-type=emojis]").append(section);
+			});
+
+			$.each(emojis, (k, emoji) => {
+				let category = this.categoryForEmoji(emoji);
+				let item = $(`<div class="emoji" data-aliases=${JSON.stringify(emoji.aliases)}>${emoji.emoji}</div>`);
+				menu.find(`.body .grid[data-type=emojis] .section[data-name=${category}] .emojis`).append(item);
+			});
+
+			menu.addClass("loaded");
+		}
+
+		this.switchReactTab(action);
+	}
+
+	switchReactTab(tab) {
+		let menu = $(".popover[data-name=react]");
+
+		menu.find(`.tabs .tab`).removeClass("active");
+		menu.find(".search input[name=searchGifs]").removeClass("shown");
+		menu.find(".search input[name=searchEmojis]").removeClass("shown");
+		menu.find(`.grid`).removeClass("shown");
+
+		menu.find(`.tabs .tab[data-name=${tab}]`).addClass("active");
+		menu.find(`.grid[data-type=${tab}]`).addClass("shown");
+
+		switch (tab) {
+			case "gifs":
+				menu.find(".search input[name=searchGifs]").addClass("shown");
+				break;
+
+			case "emojis":
+				menu.find(".search input[name=searchEmojis]").addClass("shown");
+				break;
+		}
+	}
+
+	searchGifs(query) {
+		let menu = $(".popover[data-name=react]");
+		menu.find(".section[data-type=gifs] .column").empty();
+
+		if (query.length) {
+			let data = {
+				action: "searchGifs",
+				query: query
+			}
+			this.parent.api(data).then(r => {
+				if (r.success) {
+					let column;
+					let col0 = 0;
+					let col1 = 0;
+					$.each(r.gifs, (k, g) => {
+						if (col0 > col1) {
+							column = 1;
+							col1 += g.height;
+						}
+						else {
+							column = 0;
+							col0 += g.height;
+						}
+						let gif = $(`<img class="gif" src="${g.preview}" data-id="${g.id}" data-full="${g.full}"></div>`);
+						menu.find(`.section[data-type=gifs] .column[data-column=${column}]`).append(gif);
+					});
+				}
+				this.shouldShowGifs();
+			});
+		}
+		else {
+			this.shouldShowGifs();
+		}
+	}
+
+	shouldShowGifs() {
+		let menu = $(".popover[data-name=react]");
+
+		if (menu.find(".gif").length) {
+			menu.find(".section[data-type=categories]").addClass("hidden");
+			menu.find(".section[data-type=gifs]").addClass("shown");
+		}
+		else {
+			menu.find(".section[data-type=gifs]").removeClass("shown");
+			menu.find(".section[data-type=categories]").removeClass("hidden");
+		}
+	}
+
+	handleDoubleClick(target) {
+		let id = target.data("id");
+
+		let type;
+		if (target.hasClass("inline channel")) {
+			type = "channel";
+		}
+		else {
+			type = "user";
+		}
+
+		switch (type) {
+			case "user":
+				let name = this.parent.userForID(id).domain;
+				let puny = `${this.toUnicode(name)}/`;
+				$(`.popover[data-name=newConversation] input[name=domain]`).val(puny);
+				this.popover("newConversation");
+				break;
+
+			case "channel":
+				$(`#conversations .channels tr[data-id=${id}]`).click();
+				break;
+		}
+	}
+
+	handleRightClick(e, target) {
+		let me = this.parent.userForID(this.parent.domain);
+		let isChannel = this.parent.isChannel(this.parent.conversation);
+		
+		let channel = {};
+		let isAdmin = false;
+		if (isChannel) {
+			channel = this.parent.channelForID(this.parent.conversation);
+			isAdmin = this.isAdmin(channel, me);
+		}
+
+		if (target.hasClass("fallback")) {
+			target = target.parent().find(".favicon");
+		}
+
+		if (target.hasClass("user") || target.hasClass("favicon") || target.hasClass("inline nick")) {
+			let id = target.data("id");	
+			let user = this.parent.userForID(id);
+			let domain = this.toUnicode(user.domain);
+			let joined = new Date(user.created * 1000).format(this.parent.dateFormat);
+			let bio = null;
+			if (user.bio) {
+				bio = he.encode(user.bio)
+			}
+
+			let avatar = this.avatar("div", id, user.domain, true);
+
+			let userList = target.closest("#users").length;
+			if (userList) {
+				$(`#users .user[data-id=${id}]`).addClass("selected");
+			}
+
+			let menu = $(".popover[data-name=userContext]");
+			menu.find(".pic").html(avatar);
+			this.setData(menu, "id", id);
+			this.setData(menu, "type", user.type);
+			menu.find("span.user").html(domain);
+			
+			menu.find("li.bio").addClass("hidden");
+
+			if (bio || id == this.parent.domain) {
+				menu.find("li.bio").removeClass("hidden");
+			}
+
+			if (id == this.parent.domain) {
+				menu.addClass("me");
+			}
+			else {
+				menu.removeClass("me");
+			}
+
+			menu.find("li.action.speaker").addClass("hidden");
+			if (channel.video && (isAdmin && user.active && !Object.keys(this.parent.currentVideoUsers()).includes(id))) {
+				menu.find("li.action.speaker").removeClass("hidden");
+			}
+
+			menu.find("div.bio").html(bio);
+			menu.find("span.joined").html(joined);
+			this.updateAvatars();
+			this.linkify($(".contextMenu[data-name=userContext] div.bio"));
+			this.popover("userContext");
+			this.setContextMenuPosition(menu, e);
+		}
+		else if (target.hasClass("inline channel")) {
+			let id = target.data("id");
+			let channel = this.parent.channelForID(id);
+			let name = `#${this.toUnicode(channel.name)}`;
+			let menu = $(".popover[data-name=channelContext]");
+			this.setData(menu, "id", id);
+			menu.find("span.channel").html(name);
+			this.popover("channelContext");
+			this.setContextMenuPosition(menu, e);
+		}
+		else if (target.closest(".messageRow").length) {
+			let message = target.closest(".messageRow");
+
+			if (message.hasClass("informational")) {
+				return;
+			}
+
+			$(".messageRow").removeClass("selecting");
+			message.addClass("selecting");
+			let menu = $(".popover[data-name=messageContext]");
+			this.setData(menu, "id", message.data("id"));
+			this.setData(menu, "sender", message.data("sender"));
+
+			menu.find("li.action.pin").addClass("hidden");
+			menu.find("li.action.delete").addClass("hidden");
+			if (isChannel) {
+				if (isAdmin) {
+					menu.find("li.action.pin").removeClass("hidden");
+					menu.find("li.action.delete").removeClass("hidden");
+				}
+			}
+
+			this.popover("messageContext");
+			this.setContextMenuPosition(menu, e);
+		}
+	}
+
+	changeConversation(id) {
+		$(`#conversations .sections tr[data-id=${id}]`).click();
+	}
+
+	updateTypingView() {
+		let typers = [];
+
+		$.each(this.parent.typers, (typer, data) => {
+			if ((this.parent.time() - data.time) <= this.parent.typingDelay) {
+				let name = this.toUnicode(this.parent.userForID(typer).domain);
+
+				if (data.to == this.parent.conversation) {
+					typers.push(`<span>${name}</span>`);
+				}
+			}
+			else {
+				delete this.parent.typers[typer];
+			}
+		});
+
+		let message;
+		if (typers.length) {
+			if (typers.length > 1) {
+				if (typers.length > 5) {
+					message = "Many users are typing...";
+				}
+				else {
+					let beginning = typers.slice(0, typers.length - 1);
+					let last = typers.pop();
+					message = `${beginning.join(", ")} and ${last} are typing...`;
+				}
+			}
+			else {
+				message = `${typers[0]} is typing...`;
+			}
+			$("#typing .message").html(message);
+			$("#typing").addClass("shown");
+		}
+		else {
+			$("#typing").removeClass("shown");
+		}
+	}
+
+	updateMentions(channels) {
+		$.each(channels, (k, channel) => {
+			$(`#conversations tr[data-id=${channel}]`).addClass("mentions");
+		});
+	}
+
+	hasBob() {
+		$("body").addClass("bob");
+	}
+
+	paymentResponse(data) {
+		let address = data.address;
+		let popover = $(".popover[data-name=pay]");
+		popover.find(".loading").removeClass("shown");
+		popover.find(".content").addClass("shown");
+
+		if (address) {
+			popover.find("input[name=address]").val(address);
+			popover.find("input").removeClass("hidden");
+			popover.find(".button").removeClass("hidden");
+		}
+		else {
+			popover.find("input").addClass("hidden");
+			popover.find(".button").addClass("hidden");
+			popover.find(".response").addClass("error");
+			popover.find(".response").html(data.message);
+		}
+	}
+
+	enableTarget(el) {
+		el.removeClass("disabled");
+	}
+
+	enableButton(type) {
+		$(`.button[data-action="${type}" i]`).removeClass("disabled");
+	}
+
+	handleSuccess(body) {
+		switch (body.type) {
+			case "ADDDOMAIN":
+			case "ADDSLD":
+				this.parent.changeDomain(body.id);
+				this.parent.ws.send("DOMAINS");
+				break;
+
+			case "VERIFYDOMAIN":
+				$(`.section#manageDomains .domain[data-id=${body.id}] .action[data-action=verifyDomain]`).remove();
+				break;
+		}
+	}
+
+	errorResponse(body) {
+		if (!body.message) {
+			body.message = "An unknown error occurred.";
+		}
+
+		switch (body.type) {
+			case "PM":
+			case "startConversation":
+				$(".popover[data-name=newConversation] .response").html(body.message);
+				break;
+
+			case "ADDSLD":
+			case "ADDDOMAIN":
+				$(".section#addDomain .response").html(body.message);
+				break;
+
+			case "sendPayment":
+				$(".popover[data-name=pay] .response").html(body.message);
+				break;
+
+			case "saveSettings":
+				$(".popover[data-name=settings] .response").html(body.message);
+				break;
+		}
+	}
+
+	closeMenusIfNeeded() {
+		$("#conversations").removeClass("showing");
+		$("#users").removeClass("showing");
+		$("body").removeClass("menu");
+	}
+
+	searchUsers(bool) {
+		if (bool) {
+			$("#users #count").addClass("hidden");
+			$("#users .group.normal").addClass("hidden");
+			$("#users .group.searching").addClass("shown");
+			$("#users .group.searching input").focus();
+		}
+		else {
+			$("#users .group.searching").removeClass("shown");
+			$("#users .group.normal").removeClass("hidden");
+			$("#users tr.user").removeClass("hidden");
+			$("#users #count").removeClass("hidden");
+			$("#users input[name=search]").val('');
+		}
+	}
+
+	queryUsers(query) {
+		let users = $("#users tr.user");
+
+		$.each(users, (k, user) => {
+			let match = Array.from(this.toUnicode($(user).data("name").toString())).slice(0, Array.from(query).length).join("").toLowerCase();
+			let search = query.toLowerCase();
+
+			if (match == search) {
+				$(user).removeClass("hidden");
+			}
+			else {
+				$(user).addClass("hidden");
+			}
+		});
+	}
+
+	showOrHideAttachments() {
+		let attachments = $("#attachments");
+		if (!attachments.find(".attachment").length) {
+			attachments.removeClass("shown");
+		}
+		else {
+			attachments.addClass("shown");
+			this.fixScroll();
+		}
+	}
+
+	setupNotifications() {
+		if ('Notification' in window && navigator.serviceWorker) {
+			if (!(Notification.permission === "granted" || Notification.permission === "blocked")) {
+				Notification.requestPermission(e => {
+					if (e === "granted") {
+						if ('serviceWorker' in navigator) {
+							navigator.serviceWorker.register('/sw.js', {
+								scope: '/',
+							});
+						}
+					}
+				});
+			} 
+		}
+	}
+
+	sendNotification(title, body, conversation) {
+		if ('Notification' in window && navigator.serviceWorker) {
+			if (Notification.permission == 'granted') {
+				navigator.serviceWorker.getRegistration().then(reg => {
+					let sound = new Audio("/assets/sound/pop");
+					sound.play();
+
+					var options = {
+						body: body,
+						icon: '/assets/img/logo.png',
+						vibrate: [100, 50, 100],
+						data: {
+							dateOfArrival: this.parent.time(),
+							primaryKey: 1
+						},
+						conversation: conversation
+					};
+
+					var notification = new Notification(title, options);
+					notification.onclick = () => {
+						this.parent.changeConversation(conversation);
+						window.focus();
+					};
+				});
+			}
+		}
+	}
+
+	stripHTML(string) {
+		var div = document.createElement("div");
+		div.innerHTML = string.replace("<div>", "\n");
+		var text = div.textContent || div.innerText || "";
+		return text.trim();
+	}
+
+	clearSelection() {
+		if (window.getSelection) {
+			window.getSelection().removeAllRanges();
+		}
+		else if (document.selection) {
+			document.selection.empty();
+		}
+	}
+
+	getBrowser() {
+		var browser = (function() {
+		    var test = function(regexp) {return regexp.test(window.navigator.userAgent)}
+		    switch (true) {
+		        case test(/edg/i): return "Microsoft Edge";
+		        case test(/trident/i): return "Microsoft Internet Explorer";
+		        case test(/firefox|fxios/i): return "Mozilla Firefox";
+		        case test(/opr\//i): return "Opera";
+		        case test(/ucbrowser/i): return "UC Browser";
+		        case test(/samsungbrowser/i): return "Samsung Browser";
+		        case test(/chrome|chromium|crios/i): return "Google Chrome";
+		        case test(/safari/i): return "Apple Safari";
+		        default: return "Other";
+		    }
+		})();
+
+		return browser;
+	};
+
+	fixScroll() {
+		switch (this.browser) {
+			case "Apple Safari":
+				let messageHolder = $("#messageHolder");
+				let scrollTop = messageHolder[0].scrollTop;
+
+				if (scrollTop >= 0) {
+					messageHolder.scrollTop(-1);
+					messageHolder.scrollTop(0);
+				}
+				break;
+		}
+	}
+
+	scrollToMessage(id) {
+		let messageHolder = $("#messageHolder");
+		$(`.messageRow[data-id=${id}]`)[0].scrollIntoView({ behavior: 'smooth', block: 'start', inline: "nearest" });
+	}
+
+	highlightMessage(id) {
+		$(`.messageRow[data-id=${id}]`).addClass("highlighted");
+		setTimeout(() => {
+			$(`.messageRow[data-id=${id}]`).removeClass("highlighted");
+		}, 3000);
+	}
+
+	handleHash() {
+		let hash = this.parent.hash;
+		if (!hash) {
+			return;
+		}
+		hash = hash.toLowerCase().trim();
+		let split = hash.split(":");
+		let action = split[0];
+		let param = split[1];
+		
+		switch (action) {
+			case "message":
+				if (param) {
+					let puny = `${this.toUnicode(param)}/`;
+					$(`.popover[data-name=newConversation] input[name=domain]`).val(puny);
+					this.popover("newConversation");
+				}
+				break;
+
+			case "channel":
+				let channel = this.parent.channelForName(param);
+				if (channel) {
+					this.parent.changeConversation(channel.id);
+				}
+				break;
+		}
+
+		localStorage.removeItem("hash");
+	}
+
+	tabComplete() {
+		let prefix = "";
+		let suffix = "";
+
+		var text = $("#message").val();
+
+		var options = [];
+		if (text[0] === "/") {
+			if (text.length > 1 && text[1] !== "/") {
+				prefix = "/";
+				suffix = " ";
+				options = this.parent.commands;
+
+				text = text.substring(1);
+
+			}
+		}
+		else {
+			return;
+		}
+
+		options.sort();
+
+		let matches = options.filter(option => {
+			option = String(option);
+
+			if (option.length) {
+				return option.substr(0, text.length).toLowerCase() == text.toLowerCase();
+			}
+			return;
+		});
+
+		if (matches.length) {
+			$("#message").val(prefix+matches[0]+suffix);
+		}
+	}
+
+	editProfile() {
+		let menu = $(".contextMenu[data-name=userContext]");
+		menu.addClass("editing");
+
+		let bio = menu.find("div.bio");
+		let bioText = this.sanitizeContentEditable(bio[0]);
+		bio.html(he.encode(bioText));
+		bio.attr("contenteditable", true);
+		bio.focus();
+
+		if (bioText.length) {
+			this.setCaretPosition(bio, bioText.length);
+		}
+
+		this.updateBioLimit();
+	}
+
+	saveProfile() {
+		let menu = $(".contextMenu[data-name=userContext]");
+		menu.removeClass("editing");
+
+		let bio = menu.find("div.bio");
+		let bioText = this.sanitizeContentEditable(bio[0]);
+		bio.html(he.encode(bioText));
+		bio.attr("contenteditable", false);
+		this.linkify(bio);
+
+		let data = {
+			bio: bioText
+		}
+		this.parent.ws.send(`SAVEPROFILE ${JSON.stringify(data)}`);
+	}
+
+	undoProfile() {
+		let menu = $(".contextMenu[data-name=userContext].me.editing");
+		if (menu.length) {
+			menu.removeClass("editing");
+
+			let bio = menu.find("div.bio");
+			let id = menu.data("id");
+			let user = this.parent.userForID(id);
+			let bioText = user.bio;
+			if (bioText) {
+				bioText = he.encode(bioText);
+			}
+			bio.html(bioText);
+			bio.attr("contenteditable", false);
+			this.linkify(bio);
+		}
+	}
+
+	updateBioLimit(e) {
+		let menu = $(".contextMenu[data-name=userContext]");
+		let bio = menu.find("div.bio").text();
+		let save = menu.find(".action.save");
+		let max = 140;
+
+		let string = `${bio.length} / ${max}`;
+		let limit = menu.find(".bioHolder .limit");
+		limit.html(string);
+
+		if (bio.length > max) {
+			save.addClass("disabled");
+			limit.addClass("error");
+		}
+		else {
+			save.removeClass("disabled");
+			limit.removeClass("error");
+		}
+	}
+
+	sanitizeContentEditable(el) {
+		let value = "";
+		let newLine = true;
+
+		let nodes = el.childNodes;
+
+		if (nodes) {
+		 	nodes.forEach(node => {
+		 		if (node.nodeName === "BR") {
+		 			value += "\n";
+		 			newLine = true;
+		 			return;
+		 		}
+
+		 		if (node.nodeName === "DIV" && newLine == false) {
+		 			value += "\n";
+		 		}
+
+		 		newLine = false;
+
+		 		if (node.nodeType === 3 && node.textContent) {
+		 			value += node.textContent;
+		 		}
+
+		 		if (node.childNodes) {
+			 		value += this.sanitizeContentEditable(node);
+			 	}
+
+		 	});
+		 }
+
+	 	return value.trim();
+	}
+
+	checkVersion(version) {
+		if (!this.updateAvailable && this.version !== version) {
+			this.updateAvailable = true;
+			this.popover("update");
+		}
+	}
+
+	newTab(e) {
+		if (e && ((e.ctrlKey || e.metaKey) || e.button == 1)) {
+			return true;
+		}
+		return false;
+	}
+
+	openURL(page, e=null) {
+		if (e && (this.newTab(e) || e.newTab)) {
+			window.open(page, "_blank");
+		}
+		else {
+			window.location = page;
+		}
+	}
+
+	avatar(type, id, domain, status=false) {
+		let user = this.parent.userForID(id)
+		let puny = this.toUnicode(domain);
+
+		let active = "";
+		if (user.active) {
+			active = " active";
+		}
+
+		let statusHTML = "";
+		if (status) {
+			statusHTML = `<div class="status${active}"></div>`;
+		}
+
+		return `
+			<${type} class="avatar">
+				${statusHTML}
+				<div class="favicon" data-id="${id}" data-domain="${domain}"></div>
+				<div class="fallback">${this.avatarFallback(puny)}</div>
+			</${type}>
+		`;
+	}
+
+	changeMe(id) {
+		let domain = this.parent.userForID(id).domain;
+		let avatar = this.avatar("td", id, domain);
+		$("#me").html(avatar);
+	}
+
+	chatDisplayMode(mode) {
+		switch (mode) {
+			case "compact":
+				$("body").addClass("compact");
+				break;
+
+			default:
+				$("body").removeClass("compact");
+				break;
+		}
+	}
+
+	isDesktop() {
+		return !$(".header .icon.menu").is(":visible");
+	}
+
+	isCompact() {
+		return $("body").hasClass("compact");
+	}
+
+	async scanQR() {
+		let popover = $(".popover[data-name=qr]");
+		let loading = popover.find(".loading");
+
+		this.getCameraFeed($("#camera")).then(() => {
+			loading.removeClass("shown");
+			this.lookForQR().then((qr) => {
+				this.openURL(qr);
+			});
+		});
+	}
+
+	async getCameraFeed(el, device) {
+		return new Promise(resolve => {
+			let videoEl = el[0];
+			let config = { 
+				video: { 
+					facingMode: "environment"
+				}
+			};
+			navigator.mediaDevices.getUserMedia(config).then(stream => {
+				videoEl.srcObject = stream;
+				videoEl.play();
+
+				videoEl.addEventListener('loadedmetadata', function() {
+					resolve();
+				});
+			});
+		});
+	}
+
+	async lookForQR() {
+		return new Promise(resolve => {
+			let interval = setInterval(() => {
+				let canvasElement = $("#frame")[0];
+				let canvas = canvasElement.getContext("2d");
+				let videoEl = $("#camera")[0];
+				let height = $(videoEl).height() * 2;
+				let width = $(videoEl).width() * 2;
+
+				canvas.drawImage(videoEl, 0, 0, canvasElement.width, canvasElement.height);
+		        var imageData = canvas.getImageData(0, 0, canvasElement.width, canvasElement.height);
+		        var code = jsQR(imageData.data, imageData.width, imageData.height);
+
+		        if (code) {
+		          clearInterval(interval);
+		          resolve(code.data);
+		        }
+			}, 100);
+		});
+	}
+
+	async showVideoIfNeeded() {
+		$("#videoContainer").removeClass("shown");
+		$("#videoInfo .link").removeClass("shown");
+		$("#videoInfo .users").empty();
+		$("#videoInfo .watchers").empty();
+		$("#videoInfo .watching").removeClass("shown");
+		$("#videoInfo").removeClass("shown");
+
+		if (!this.parent.isChannel(this.parent.conversation)) {
+			return;
+		}
+
+		let channel = this.parent.channelForID(this.parent.conversation);
+		let me = this.parent.userForID(this.parent.domain);
+		let active = channel.video;
+		let users = Object.keys(channel.videoUsers);
+		let speakers = channel.videoSpeakers;
+		let joined = users.includes(this.parent.domain);
+		let watchers = channel.videoWatchers;
+		let watching = channel.watching;
+
+		if (active) {
+			$("#videoInfo .title").addClass("shown");
+
+			$.each(users, (k, u) => {
+				let avatar = this.avatar("div", u, this.parent.userForID(u).domain);
+				$("#videoInfo .users").append(avatar);
+			});
+			$.each(watchers, (k, u) => {
+				if (!users.includes(u)) {
+					let avatar = this.avatar("div", u, this.parent.userForID(u).domain);
+					$("#videoInfo .watchers").append(avatar);
+				}
+			});
+
+			if ($("#videoInfo .watchers .avatar").length) {
+				$("#videoInfo .watching").addClass("shown");
+			}
+
+			this.updateAvatars();
+
+			$("#videoInfo").addClass("shown");
+
+			if (!watching) {
+				$("#videoInfo .link[data-action=viewVideo]").addClass("shown");
+			}
+		}
+		
+		if (this.isAdmin(channel, me)) {
+			$("#videoInfo").addClass("shown");
+
+			if (active) {
+				$("#videoInfo .link[data-action=startVideo]").removeClass("shown");
+				$("#videoInfo .link[data-action=endVideo]").addClass("shown");
+
+				if (!joined) {
+					$("#videoInfo .link[data-action=joinVideo]").addClass("shown");
+				}
+			}
+			else {
+				$("#videoInfo .link[data-action=startVideo]").addClass("shown");
+			}
+		}
+		else if (speakers.includes(me.id)) {
+			$("#videoInfo").addClass("shown");
+			if (!joined) {
+				$("#videoInfo .link[data-action=joinVideo]").addClass("shown");
+			}
+		}
+
+		let done = new Promise(resolve => {
+			if (active) {
+				if (joined || watching) {
+					$("#videoInfo .link[data-action=leaveVideo]").addClass("shown");
+
+					if (joined) {
+						$("#videoInfo .link[data-action=viewVideo]").removeClass("shown");
+					}
+				}
+			}
+			else {
+				$("#videoInfo .title").removeClass("shown");
+			}
+
+			if (!watching && !joined) {
+				$("#videoContainer").removeClass("shown");
+			}
+
+			if (active && (joined || watching && users.length)) {
+				if (!$("#videoContainer").hasClass("shown")) {
+					$("#videoContainer").addClass("shown");
+					this.parent.stream.init().then(() => {
+						this.updateVideoUsers();
+						resolve();
+					});
+				}
+				else {
+					this.updateVideoUsers();
+					resolve();
+				}
+			}
+			else {
+				resolve();
+			}
+		});
+		return await done;
+	}
+
+	muteAll() {
+		this.setMute("toggleScreen", 1);
+		this.setMute("toggleAudio", 1);
+		this.setMute("toggleVideo", 1);
+	}
+
+	setMute(button, state) {
+		if (state == 1) {
+			$(`.controls .button[data-action=${button}]`).addClass("muted");
+		}
+		else if (state == 0) {
+			$(`.controls .button[data-action=${button}]`).removeClass("muted");
+		}
+		else {
+			$(`.controls .button[data-action=${button}]`).toggleClass("muted");
+		}
+	}
+
+	updateVideoUsers() {
+		let users = this.parent.currentVideoUsers();
+
+		$.each(Object.keys(users), (k, u) => {
+			this.parent.stream.addCam(u);
+
+			let info = users[u];
+			if (info.video) {
+				$(`.cam[data-id=${u}]`).removeClass("videoMuted");
+			}
+			else {
+				$(`.cam[data-id=${u}]`).addClass("videoMuted");
+			}
+
+			if (info.audio) {
+				$(`.cam[data-id=${u}]`).removeClass("audioMuted");
+			}
+			else {
+				$(`.cam[data-id=${u}]`).addClass("audioMuted");
+			}
+			
+			if (u == this.parent.domain && !this.parent.stream.sfu.webrtcStuff.myStream) {
+				this.parent.stream.register(this.parent.stream.sfu);
+				this.parent.stream.publish();
+			}
+		});
+
+		$.each($(".cam"), (k, c) => {
+			let id = $(c).data("id");
+			if (!Object.keys(users).includes(id)) {
+				this.parent.stream.removeCam(id);
+			}
+		});
+
+		if (Object.keys(users).includes(this.parent.domain)) {
+			$("#videoContainer").addClass("publishing");
+		}
+		else {
+			$("#videoContainer").removeClass("publishing");
+		}
+
+		this.parent.stream.dish.resize();
+		this.parent.stream.dish.resize();
+		this.parent.stream.dish.resize();
+	}
+}
\ No newline at end of file
diff --git a/assets/js/ws.js b/assets/js/ws.js
new file mode 100755
index 0000000..212aa81
--- /dev/null
+++ b/assets/js/ws.js
@@ -0,0 +1,68 @@
+export class ws {
+	constructor(parent) {
+		this.parent = parent;
+
+		this.pingTimer;
+		this.typing;
+	}
+
+	async connect() {
+		let connected = new Promise(resolve => {
+			this.socket = new WebSocket(`wss://${window.location.host}/wss`);
+
+			this.socket.onopen = (e) => {
+				this.logMessage("CONNECTED");
+				this.identify();
+
+				this.pingTimer = setInterval(() => {
+					this.sendPing();
+				}, 30000);
+
+				this.typing = setInterval(() => {
+					this.parent.sendTyping();
+					this.parent.updateTypingStatus();
+					this.parent.ui.updateTypingView();
+				}, 250);
+
+				resolve();
+			}
+
+			this.socket.onclose = (e) => {
+				this.logMessage("DISCONNECTED");
+				clearInterval(this.pingTimer);
+
+				this.parent.endAllVideo();
+				this.parent.ready(false);
+				setTimeout(() => {
+					this.connect();
+				}, 2000);
+			}
+
+			this.socket.onmessage = (e) => {
+				this.logMessage(`IN: ${e.data}`);
+				this.parent.message(e.data);
+			}
+		});
+
+		return await connected;
+	}
+
+	sendPing() {
+		this.send(`PING`);
+	}
+
+	send(message) {
+		this.logMessage(`OUT: ${message}`);
+		this.socket.send(message);
+	} 
+
+	identify() {
+		this.send(`IDENTIFY ${this.parent.session}`);
+	}
+
+	logMessage(message) {
+		if (this.parent.settings.debug) {
+			console.log(message);
+		}
+	}
+}
\ No newline at end of file
diff --git a/assets/js/zwj.js b/assets/js/zwj.js
new file mode 100755
index 0000000..e7414f6
--- /dev/null
+++ b/assets/js/zwj.js
@@ -0,0 +1,279 @@
+function nameToUnicode(unicode) {
+    const skinColors = ["🏻", "🏼", "🏽", "🏾", "🏿"];
+    const tonedEmojis = [
+        "❤",
+        "💋",
+        "😶",
+        "😮",
+        "😵",
+        "👶",
+        "🧒",
+        "👦",
+        "👧",
+        "🧑",
+        "👱",
+        "👨",
+        "🧔",
+        "👨‍🦰",
+        "👨‍🦱",
+        "👨‍🦳",
+        "👨‍🦲",
+        "👩",
+        "👩‍🦰",
+        "🧑‍🦰",
+        "👩‍🦱",
+        "🧑‍🦱",
+        "👩‍🦳",
+        "🧑‍🦳",
+        "👩‍🦲",
+        "🧑‍🦲",
+        "🧓",
+        "👴",
+        "👵",
+        "🙍",
+        "🙎",
+        "🙅",
+        "🙆",
+        "💁",
+        "🙋",
+        "🧏",
+        "🙇",
+        "🤦",
+        "🤷",
+        "🧑‍🎓",
+        "👨‍🎓",
+        "👩‍🎓",
+        "🧑‍🏫",
+        "👨‍🏫",
+        "👩‍🏫",
+        "🧑‍🌾",
+        "👨‍🌾",
+        "👩‍🌾",
+        "🧑‍🍳",
+        "👨‍🍳",
+        "👩‍🍳",
+        "🧑‍🔧",
+        "👨‍🔧",
+        "👩‍🔧",
+        "🧑‍🏭",
+        "👨‍🏭",
+        "👩‍🏭",
+        "🧑‍💼",
+        "👨‍💼",
+        "👩‍💼",
+        "🧑‍🔬",
+        "👨‍🔬",
+        "👩‍🔬",
+        "🧑‍💻",
+        "👨‍💻",
+        "👩‍💻",
+        "🧑‍🎤",
+        "👨‍🎤",
+        "👩‍🎤",
+        "🧑‍🎨",
+        "👨‍🎨",
+        "👩‍🎨",
+        "🧑‍✈",
+        "👨‍✈",
+        "👩‍✈",
+        "🧑‍🚀",
+        "👨‍🚀",
+        "👩‍🚀",
+        "🧑‍🚒",
+        "👨‍🚒",
+        "👩‍🚒",
+        "👮",
+        "🕵",
+        "💂",
+        "🥷",
+        "👷",
+        "🤴",
+        "👸",
+        "👳",
+        "👲",
+        "🧕",
+        "🤵",
+        "👰",
+        "🤰",
+        "🤱",
+        "👩‍🍼",
+        "👨‍🍼",
+        "🧑‍🍼",
+        "👼",
+        "🎅",
+        "🤶",
+        "🧑‍🎄",
+        "🦸",
+        "🦹",
+        "🧙",
+        "🧚",
+        "🧛",
+        "🧜",
+        "🧝",
+        "🧞",
+        "🧟",
+        "💆",
+        "💇",
+        "🫅",
+        "🫃",
+        "🫄",
+        "🚶",
+        "🧍",
+        "🧎",
+        "🧑‍🦯",
+        "👨‍🦯",
+        "👩‍🦯",
+        "🧑‍🦼",
+        "👨‍🦼",
+        "👩‍🦼",
+        "🧑‍🦽",
+        "👨‍🦽",
+        "👩‍🦽",
+        "🏃",
+        "💃",
+        "🕺",
+        "👯",
+        "🧖",
+        "🧘",
+        "🧑‍🤝‍🧑",
+        "👭",
+        "👫",
+        "👬",
+        "💏",
+        "👩‍❤️‍💋‍👨",
+        "👨‍❤️‍💋‍👨",
+        "👩‍❤️‍💋‍👩",
+        "💑",
+        "👩‍❤️‍👨",
+        "👨‍❤️‍👨",
+        "👩‍❤️‍👩",
+        "👪",
+        "👨‍👩‍👦",
+        "👨‍👩‍👧",
+        "👨‍👩‍👧‍👦",
+        "👨‍👩‍👦‍👦",
+        "👨‍👩‍👧‍👧",
+        "👨‍👨‍👦",
+        "👨‍👨‍👧",
+        "👨‍👨‍👧‍👦",
+        "👨‍👨‍👦‍👦",
+        "👨‍👨‍👧‍👧",
+        "👩‍👩‍👦",
+        "👩‍👩‍👧",
+        "👩‍👩‍👧‍👦",
+        "👩‍👩‍👦‍👦",
+        "👩‍👩‍👧‍👧",
+        "👨‍👦",
+        "👨‍👦‍👦",
+        "👨‍👧",
+        "👨‍👧‍👦",
+        "👨‍👧‍👧",
+        "👩‍👦",
+        "👩‍👦‍👦",
+        "👩‍👧",
+        "👩‍👧‍👦",
+        "👩‍👧‍👧",
+        "🕴",
+        "🧗",
+        "🧗",
+        "🧗",
+        "🤺",
+        "🏇",
+        "⛷",
+        "🏂",
+        "🏌",
+        "🏄",
+        "🚣",
+        "🏊",
+        "⛹",
+        "🏋",
+        "🚴",
+        "🚵",
+        "🤸",
+        "🤼",
+        "🤽",
+        "🤾",
+        "🤹",
+        "🧘",
+        "👋",
+        "🤚",
+        "🖐",
+        "✋",
+        "🫱",
+        "🫲",
+        "🫳",
+        "🫴",
+        "🫰",
+        "🫵",
+        "🫶",
+        "🖖",
+        "👌",
+        "🤌",
+        "🤏",
+        "✌",
+        "🤞",
+        "🤟",
+        "🤘",
+        "🤙",
+        "👈",
+        "👉",
+        "👆",
+        "🖕",
+        "👇",
+        "☝",
+        "👍",
+        "👎",
+        "✊",
+        "👊",
+        "🤛",
+        "🤜",
+        "👏",
+        "🙌",
+        "👐",
+        "🤲",
+        "🤝",
+        "🙏",
+        "✍",
+        "💅",
+        "🤳",
+        "💪",
+        "🦵",
+        "🦶",
+        "👂",
+        "🦻",
+        "👃",
+        "🛌",
+        "🛀",
+        "🏳",
+        "🏴",
+        "👁",
+        "🐈",
+        "🐦",
+        "🐕",
+        "🦺",
+        "🐻"
+    ];
+
+    const allChars = tonedEmojis.concat(skinColors);
+    let chars = [];
+    let i = 0;
+
+    for (let c of unicode) {
+        // remove last zwj if the next one is a skin color
+        if (skinColors.includes(c)) chars.pop();
+
+        // add emoji
+        chars.push(c);
+
+        // add zwj
+        if (allChars.includes(c)) chars.push("\u200d");
+
+        i++;
+    }
+
+    // remove last element if zwj
+    if (chars[chars.length - 1] === "\u200d") chars.pop();
+
+    // combine to string
+    return chars.join("");
+}
\ No newline at end of file
diff --git a/assets/sound/pop.wav b/assets/sound/pop.wav
new file mode 100755
index 0000000..a469e31
Binary files /dev/null and b/assets/sound/pop.wav differ
diff --git a/etc/avatar.php b/etc/avatar.php
new file mode 100644
index 0000000..65659b4
--- /dev/null
+++ b/etc/avatar.php
@@ -0,0 +1,14 @@
+<?php
+	include "includes.php";
+
+	$id = $_GET["id"];
+	$avatarFile = $GLOBALS["path"]."/etc/avatars/".$id;
+	
+	$domainInfo = domainForID($id);
+	if (@$domainInfo && @$domainInfo["avatar"] && file_exists($avatarFile)) {
+		$image = file_get_contents($avatarFile);
+		$type = mime_content_type($avatarFile);
+		header("Content-Type: ".$type);
+		die($image);
+	}
+?>
\ No newline at end of file
diff --git a/etc/config.php b/etc/config.php
new file mode 100644
index 0000000..92df82b
--- /dev/null
+++ b/etc/config.php
@@ -0,0 +1,6 @@
+<?php
+	$json = json_decode(file_get_contents(__DIR__."/config.json"), true);
+	foreach ($json as $key => $value) {
+		$GLOBALS[$key] = $value;
+	}
+?>
\ No newline at end of file
diff --git a/etc/config.sample.json b/etc/config.sample.json
new file mode 100644
index 0000000..e6fa780
--- /dev/null
+++ b/etc/config.sample.json
@@ -0,0 +1,12 @@
+{
+	"path": "/var/www/html/hnschat",
+
+	"sqlHost": "",
+	"sqlUser": "",
+	"sqlPass": "",
+	"sqlDatabase": "",
+
+	"typingDelay": 2000,
+
+	"tenorKey": ""
+}
\ No newline at end of file
diff --git a/etc/cron.php b/etc/cron.php
new file mode 100644
index 0000000..aa33eac
--- /dev/null
+++ b/etc/cron.php
@@ -0,0 +1,59 @@
+<?php
+	include "includes.php";
+
+	// ACTIVATE NEW CHANNELS
+	$getChannels = sql("SELECT * FROM `channels` WHERE `tx` IS NOT NULL AND `activated` = 0 AND `hidden` = 1");
+	if ($getChannels) {
+		foreach ($getChannels as $key => $data) {
+			$verify = verifyTransaction($data["tx"], $data["fee"]);
+
+			if ($verify) {
+				sql("UPDATE `channels` SET `activated` = 1, `hidden` = 0 WHERE `id` = ?", [$data["id"]]);
+			}
+		}
+	}
+
+	// FIND REGISTRY FOR SLD GATED COMMUNITIES
+	$getChannels = sql("SELECT * FROM `channels` WHERE `public` = 0 AND `hidden` = 0 AND `registry` IS NULL");
+	foreach ($getChannels as $key => $data) {
+		$tld = $data["name"];
+
+		$staked = isNameStaked($tld);
+		if ($staked) {
+			sql("UPDATE `channels` SET `registry` = ? WHERE `ai` = ?", [$staked, $data["ai"]]);
+		}
+	}
+
+	// FETCH AVATARS
+	$getUsers = sql("SELECT * FROM `domains` WHERE `claimed` = 1 AND `locked` = 0 AND `deleted` = 0 ORDER BY `ai` DESC");
+	foreach ($getUsers as $key => $data) {
+		$avatar = fetchAvatar($data["domain"]);
+		$avatarFile = $GLOBALS["path"]."/etc/avatars/".$data["id"];
+
+		$tld = tldForDomain($data["domain"]);
+		if ($tld && in_array($tld, getStakedNames())) {
+			if ($data["avatar"]) {
+				$avatar = $data["avatar"];
+			}
+		}
+
+		if ($avatar) {
+			$response = getContentsWithCode($avatar);
+
+			if (validImageWithoutFetch($response["data"])) {
+				if ($response["code"] == 200) {
+					sql("UPDATE `domains` SET `avatar` = ? WHERE `id` = ?", [$avatar, $data["id"]]);
+
+					$newSize = strlen($response["data"]);
+					if (file_exists($avatarFile)) {
+						$currentSize = filesize($avatarFile);
+					}
+
+					if (!@$currentSize || (int)$newSize !== (int)$currentSize) {
+						file_put_contents($avatarFile, $response["data"]);
+					}
+				}
+			}
+		}
+	}
+?>
\ No newline at end of file
diff --git a/etc/functions.php b/etc/functions.php
new file mode 100644
index 0000000..a8e74d9
--- /dev/null
+++ b/etc/functions.php
@@ -0,0 +1,486 @@
+<?php
+	function error($message) {
+		$output = [
+			"success" => false,
+			"message" => $message
+		];
+
+		die(json_encode($output));
+	}
+
+	function generateID($length) {
+		$alphabet = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890';
+	    $pass = array();
+	    $alphaLength = strlen($alphabet) - 1;
+	    for ($i = 0; $i < $length; $i++) {
+	        $n = rand(0, $alphaLength);
+	        $pass[] = $alphabet[$n];
+	    }
+	    return implode($pass);
+	}
+
+	function generateNumber($length) {
+		$alphabet = '123456789';
+	    $pass = array();
+	    $alphaLength = strlen($alphabet) - 1;
+	    for ($i = 0; $i < $length; $i++) {
+	        $n = rand(0, $alphaLength);
+	        $pass[] = $alphabet[$n];
+	    }
+	    return implode($pass);
+	}
+
+	function generateCode($type) {
+		switch ($type) {
+			case "session":
+				$db = "sessions";
+				$param = "id";
+				$length = 32;
+				$prefix = "V2-";
+				break;
+
+			case "domain":
+				$db = "domains";
+				$param = "id";
+				$length = 16;
+				break;
+
+			case "preview":
+				$db = "previews";
+				$param = "id";
+				$length = 16;
+				break;
+
+			case "upload":
+				$db = "uploads";
+				$param = "id";
+				$length = 32;
+				break;
+
+			default:
+				return;
+		}
+
+		tryAgain:
+		$id = generateID($length);
+
+		$checkExists = sql("SELECT * FROM `".$db."` WHERE `".$param."` = ?", [@$prefix.$id]);
+		if ($checkExists) {
+			goto tryAgain;
+		}
+		
+		return $id;
+	}
+
+	function guidv4($data) {
+	    assert(strlen($data) == 16);
+
+	    $data[6] = chr(ord($data[6]) & 0x0f | 0x40); // set version to 0100
+	    $data[8] = chr(ord($data[8]) & 0x3f | 0x80); // set bits 6-7 to 10
+
+	    return vsprintf('%s%s-%s-%s-%s-%s%s%s', str_split(bin2hex($data), 4));
+	}
+
+	function verifyTransaction($tx, $amount) {
+		$amount = preg_replace("/[^0-9]/", "", $amount);
+		$address = "hs1qf0cxy6ukhgjlmqfhe0tpw800t2tcul4s0szwqa";
+
+		$response = queryHSW("/wallet/hnschat-hip-2/tx/".$tx);
+		foreach (@$response["outputs"] as $key => $output) {
+			if (@$response["confirmations"] >= 2 && $output["value"] == $amount && $output["address"] = $address) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+
+	function tldForDomain($domain) {
+		$split = explode(".", $domain);
+		$tld = end($split);
+
+		return $tld;
+	}
+
+	function domainForID($id) {
+		$getDomain = @sql("SELECT * FROM `domains` WHERE `id` = ?", [$id])[0];
+		if ($getDomain) {
+			return $getDomain;
+		}
+
+		return false;
+	}
+
+	function domainForName($name) {
+		$getDomain = @sql("SELECT * FROM `domains` WHERE `domain` = ?", [$name])[0];
+		if ($getDomain) {
+			return $getDomain;
+		}
+
+		return false;
+	}
+
+	function activeDomainForName($name) {
+		$getDomain = @sql("SELECT * FROM `domains` WHERE `domain` = ? AND `claimed` = 1 AND `locked` = 0 AND `deleted` = 0", [$name])[0];
+		if ($getDomain) {
+			return $getDomain;
+		}
+		return false;
+	}
+
+	function channelForID($id) {
+		$getChannel = @sql("SELECT * FROM `channels` WHERE `id` = ?", [$id])[0];
+		if ($getChannel) {
+			return $getChannel;
+		}
+
+		return false;
+	}
+
+	function getStakedNames() {
+		$getNames = sql("SELECT `name` FROM `channels` WHERE `slds` = 1 AND `hidden` = 0 ORDER BY `name` ASC");
+
+		$names = [];
+		foreach ($getNames as $key => $value) {
+			$names[] = $value["name"];
+		}
+
+		return $names;
+	}
+
+	function getStakedHIP2Names() {
+		$getNames = sql("SELECT `name` FROM `channels` WHERE `slds` = 1 AND `hip2` = 1 AND `hidden` = 0 ORDER BY `name` ASC");
+
+		$names = [];
+		foreach ($getNames as $key => $value) {
+			$names[] = $value["name"];
+		}
+
+		return $names;
+	}
+
+	function isNameStaked($tld) {
+		if ($tld === "eth") {
+			return "ens";
+		}
+
+		$data = [
+			"method" => "getnameresource",
+			"params" => [$tld],
+		];
+		$response = queryHSD($data);
+
+		if (@$response["records"]) {
+			foreach ($response["records"] as $key => $value) {
+				if ($value["type"] == "NS") {
+					if (stripos($value["ns"], ".nameserver.io.") !== false || stripos($value["ns"], ".registry.namebase.io.") !== false) {
+						return "namebase";
+					}
+					if ($value["ns"] == "0x06081C6B2B876EABDC41DFD3345e8Fa59588C02e._eth.") {
+						return "impervious";
+					}
+				}
+			}
+		}
+
+		$hshub = checkVaro($tld);
+		if ($hshub) {
+			return "varo";
+		}
+
+		return false;
+	}
+
+	function checkVaro($tld) {
+		$url = "https://hshub.io/tld/".$tld;
+		$html = getContents($url);
+
+		$canPurchase = preg_match("/<div class=\"title\">Buy \./", $html);
+		if ($canPurchase) {
+			return true;
+		}
+
+		return false;
+	}
+
+	function avatarFromTXT($content) {
+		if ((substr($content, 0, 7) === "avatar=" || substr($content, 0, 15) === "profile avatar=")) {
+			if (substr($content, 0, 15) === "profile avatar=") {
+				$avatar = substr($content, 15);
+			}
+			else {
+				$avatar = substr($content, 7);
+			}
+		}
+
+		if (!filter_var(@$avatar, FILTER_VALIDATE_URL) === false) {
+			return $avatar;
+		}
+
+		return false;
+	}
+
+	function fetchAvatar($domain) {
+		if ($domain) {
+			$getRecords = shell_exec("dig @127.0.0.44 +noall +answer +noidnin +noidnout ".escapeshellarg($domain)." TXT");
+			preg_match_all("/(?<domain>.+)\..+TXT\s\"(?<value>.+)\"/", $getRecords, $matches);
+
+			if ($matches) {
+				foreach ($matches["domain"] as $key => $data) {
+					if ($data === $domain) {
+						$value = $matches["value"][$key];
+
+						$avatar = avatarFromTXT($value);
+						if ($avatar) {
+							return $avatar;
+						}
+					}
+				}
+			}
+
+			if (strpos($domain, ".") == false) {
+				$data = [
+					"method" => "getnameresource",
+					"params" => [$domain],
+				];
+				$response = queryHSD($data);
+
+				if ($response) {
+					$records = @$response["records"];
+					if ($records) {
+						foreach ($records as $key => $record) {
+							if (@$record["txt"]) {
+								$content = @$record["txt"][0];
+
+								$avatar = avatarFromTXT($content);
+								if ($avatar) {
+									return $avatar;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
+		return false;
+	}
+
+	function getContents($url) {
+		$curl = curl_init();
+        curl_setopt($curl, CURLOPT_URL, $url);
+        curl_setopt($curl, CURLOPT_PROXY, "127.0.0.1:8080");
+        curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
+        curl_setopt($curl, CURLOPT_FOLLOWLOCATION, TRUE);
+        curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 5); 
+        curl_setopt($curl, CURLOPT_TIMEOUT, 5);
+        $c = curl_exec($curl);
+        curl_close($curl);
+
+        return $c;
+	}
+
+	function getContentsWithCode($url) {
+		$curl = curl_init();
+        curl_setopt($curl, CURLOPT_URL, $url);
+        curl_setopt($curl, CURLOPT_PROXY, "127.0.0.1:8080");
+        curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
+        curl_setopt($curl, CURLOPT_FOLLOWLOCATION, TRUE);
+        curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 5); 
+        curl_setopt($curl, CURLOPT_TIMEOUT, 5);
+        $data = curl_exec($curl);
+        $code = curl_getinfo($curl, CURLINFO_HTTP_CODE);
+        curl_close($curl);
+
+        return [
+        	"data" => $data,
+        	"code" => $code
+        ];
+	}
+
+	function getContentsWithSpoof($url) {
+		$curl = curl_init();
+        curl_setopt($curl, CURLOPT_URL, $url);
+        curl_setopt($curl, CURLOPT_PROXY, "127.0.0.1:8080");
+        curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
+        curl_setopt($curl, CURLOPT_FOLLOWLOCATION, TRUE);
+        curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 5); 
+        curl_setopt($curl, CURLOPT_TIMEOUT, 5);
+        curl_setopt($curl, CURLOPT_USERAGENT, "Mozilla/5.0 (compatible; Googlebot/2.1; +http://google.com/bot.html)");
+        $c = curl_exec($curl);
+        curl_close($curl);
+
+        return $c;
+	}
+
+	function post($url, $data) {
+		$ch = curl_init($url);
+		$payload = json_encode($data);
+		curl_setopt($ch, CURLOPT_POSTFIELDS, $payload);
+		curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type:application/json'));
+		curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+		$result = curl_exec($ch);
+		curl_close($ch);
+
+		return $result;
+	}
+
+	function fetchMetaTags($url) {
+		$output = [];
+		
+		if (filter_var($url, FILTER_VALIDATE_URL) !== false) {
+			libxml_use_internal_errors(true);
+
+			$c = getContentsWithSpoof($url);
+
+			if ($c) {
+				$d = new DomDocument();
+				$d->loadHTML($c);
+				$xp = new domxpath($d);
+
+				foreach ($xp->query("//title") as $el) {
+					$output["title"] = $el->textContent;
+				}
+				foreach ($xp->query("//meta[@property='og:title']") as $el) {
+					$output["title"] = $el->getAttribute("content");
+				}
+				foreach ($xp->query("//meta[@name='og:title']") as $el) {
+					$output["title"] = $el->getAttribute("content");
+				}
+
+				foreach ($xp->query("//meta[@property='description']") as $el) {
+				    $output["description"] = $el->getAttribute("content");
+				}
+				foreach ($xp->query("//meta[@name='description']") as $el) {
+				    $output["description"] = $el->getAttribute("content");
+				}
+				foreach ($xp->query("//meta[@property='og:description']") as $el) {
+				    $output["description"] = $el->getAttribute("content");
+				}
+				foreach ($xp->query("//meta[@name='og:description']") as $el) {
+				    $output["description"] = $el->getAttribute("content");
+				}
+
+				foreach ($xp->query("//meta[@property='og:image']") as $el) {
+					$image = $el->getAttribute("content");
+					if (validImage($image)) {
+						$output["image"] = $image;
+					}
+				}
+				foreach ($xp->query("//meta[@name='og:image']") as $el) {
+					$image = $el->getAttribute("content");
+					if (validImage($image)) {
+						$output["image"] = $image;
+					}
+				}
+
+				foreach ($xp->query("//meta[@property='og:video:secure_url']") as $el) {
+					$output["video"] = $el->getAttribute("content");
+				}
+				foreach ($xp->query("//meta[@name='og:video:secure_url']") as $el) {
+					$output["video"] = $el->getAttribute("content");
+				}
+			}
+		}
+
+		if (@$output["title"]) {
+			$id = generateCode("preview");
+			$insert = sql("INSERT INTO `previews` (id, link, title, description, image, video) VALUES (?,?,?,?,?,?)", [$id, $url, @$output["title"], @$output["description"], @$output["image"], @$output["video"]]);
+
+			if ($insert) {
+				$output["id"] = $id;
+			}
+		}
+
+		return $output;
+	}
+
+	function validImage($url) {
+		$string = getContents($url);
+		if ($string) {
+			$id = generateID(16);
+			$file = "/tmp/".$id;
+			$f = fopen($file, 'wb');
+			fputs($f, $string);
+			fclose($f);
+			$size = getimagesize($file);
+			unlink($file);
+		}
+		return (strtolower(substr(@$size['mime'], 0, 5)) == 'image' ? true : false);  
+	}
+
+	function validImageWithoutFetch($string) {
+		if ($string) {
+			$id = generateID(16);
+			$file = "/tmp/".$id;
+			$f = fopen($file, 'wb');
+			fputs($f, $string);
+			fclose($f);
+			$size = getimagesize($file);
+			unlink($file);
+		}
+		return (strtolower(substr(@$size['mime'], 0, 5)) == 'image' ? true : false);  
+	}
+
+	function validateAddress($address) {
+		$data = [
+			"method" => "validateaddress",
+			"params" => [$address],
+		];
+		$response = queryHSD($data);
+		
+		if (@$response["isvalid"] && @$response["isspendable"]) {
+			return true;
+		}
+
+        return false;
+	}
+
+	function queryHSD($data) {
+		if (@$data["params"]) {
+			foreach ($data["params"] as $key => $value) {
+				$data["params"][$key] = trim($value);
+			}
+		}
+
+		$curl = curl_init();
+		curl_setopt($curl, CURLOPT_POSTFIELDS, json_encode($data));
+		curl_setopt($curl, CURLOPT_HTTPHEADER, ["Content-Type:application/json"]);
+		curl_setopt($curl, CURLOPT_URL,"http://x:a831d3c59ce474d8e13a7cea3a3935d3d5a55b84698abe38f2eea2329327e2c50@127.0.0.1:12037");
+		curl_setopt($curl, CURLOPT_POST, 1);
+		curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
+		$response = curl_exec($curl);
+		curl_close ($curl);
+
+		if ($response) {
+			$info = @json_decode($response, true);
+
+			if (@$info["result"]) {
+				return $info["result"];
+			}
+		}
+
+		return false;
+	}
+
+	function queryHSW($endpoint) {
+		$endpoint = trim($endpoint);
+
+		$curl = curl_init();
+		curl_setopt($curl, CURLOPT_HTTPHEADER, ["Content-Type:application/json"]);
+		curl_setopt($curl, CURLOPT_URL,"http://x:a831d3c59ce474d8e13a7cea3a3935d3d5a55b84698abe38f2eea2329327e2c50@127.0.0.1:12039".$endpoint);
+		curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
+		$response = curl_exec($curl);
+		curl_close ($curl);
+
+		if ($response) {
+			$info = @json_decode($response, true);
+
+			if (@$info) {
+				return $info;
+			}
+		}
+
+		return false;
+	}
+?>
diff --git a/etc/head.php b/etc/head.php
new file mode 100644
index 0000000..d389970
--- /dev/null
+++ b/etc/head.php
@@ -0,0 +1,45 @@
+<?php
+	header("Access-Control-Allow-Origin: *");
+
+	$revision = trim(file_get_contents(".git/refs/heads/main"));
+?>
+<title>HNSChat</title>
+<meta charset="utf-8">
+<meta name="google" content="notranslate"> 
+<meta name="darkreader" content="noplz">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<meta name="format-detection" content="telephone=no">
+
+<meta name="title" content="HNSChat">
+<meta name="description" content="HNSChat is a free end-to-end encrypted messaging platform where you chat using your Handshake names.">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://hns.chat/">
+<meta property="og:title" content="HNSChat">
+<meta property="og:description" content="HNSChat is a free end-to-end encrypted messaging platform where you chat using your Handshake names.">
+<meta property="og:image" content="https://hns.chat/assets/img/cover">
+<meta property="twitter:card" content="summary_large_image">
+<meta property="twitter:url" content="https://hns.chat/">
+<meta property="twitter:title" content="HNSChat">
+<meta property="twitter:description" content="HNSChat is a free end-to-end encrypted messaging platform where you chat using your Handshake names.">
+<meta property="twitter:image" content="https://hns.chat/assets/img/cover">
+<link rel="manifest" href="/manifest.json">
+<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/assets/css/style?r=<?php echo $revision; ?>">
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+<script type="text/javascript" src="https://auth.varo.domains/v1"></script>
+<script type="text/javascript" src="/assets/js/qr?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/qr2?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/he?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/zwj?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/date?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/emojis?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/anchorme?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/mask?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/confetti?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/dish?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/janus?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript" src="/assets/js/adapter?r=<?php echo $revision; ?>"></script>
+<script type="module" src="/assets/js/script?r=<?php echo $revision; ?>"></script>
+<script type="text/javascript">
+	var revision = "<?php echo $revision; ?>"; 
+</script>
\ No newline at end of file
diff --git a/etc/includes.php b/etc/includes.php
new file mode 100644
index 0000000..8b4617f
--- /dev/null
+++ b/etc/includes.php
@@ -0,0 +1,5 @@
+<?php
+	include "config.php";
+	include "sql.php";
+	include "functions.php";
+?>
\ No newline at end of file
diff --git a/etc/page/chat.php b/etc/page/chat.php
new file mode 100644
index 0000000..060325b
--- /dev/null
+++ b/etc/page/chat.php
@@ -0,0 +1,385 @@
+<body data-page="chat" data-version="<?php echo $revision; ?>">
+	<div class="connecting">
+		<div class="lds-facebook"><div></div><div></div><div></div></div>
+	</div>
+	<div id="blackout"></div>
+	<div class="popover" data-name="update">
+		<div class="head">
+			<div class="title">Update</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="subtitle">An update is available. Please reload for the best possible experience.</div>
+			<div class="button" data-action="reload">Reload</div>
+		</div>
+		<div class="response error"></div>
+	</div>
+	<div class="popover" data-name="newConversation">
+		<div class="head">
+			<div class="title">New Conversation</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<input class="tab" type="text" name="domain" placeholder="hnschat/">
+			<input type="text" name="message" placeholder="Message">
+			<div class="button" data-action="startConversation">Start Conversation</div>
+		</div>
+		<div class="response error"></div>
+	</div>
+	<div class="popover" data-name="syncSession">
+		<div class="head">
+			<div class="title">Sync Session</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="subtitle">Use this QR code or link to sync your session to another browser.</div>
+			<div id="qrcode"></div>
+			<div class="group">
+				<input readonly="readonly" class="copyable" type="text" name="syncLink">
+				<div class="icon action clipboard" data-action="clipboard"></div>
+			</div>
+		</div>
+	</div>
+	<div class="popover" data-name="donate">
+		<div class="head">
+			<div class="title">Donate</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="subtitle">If you enjoy using this free service, please consider donating.</div>
+			<div class="group">
+				<input readonly="readonly" class="copyable" type="text" name="donateAddress" value="hs1qf0cxy6ukhgjlmqfhe0tpw800t2tcul4s0szwqa">
+				<div class="icon action clipboard" data-action="clipboard"></div>
+			</div>
+			<div class="center">&copy; <?php echo date("Y"); ?>&nbsp;<a href="https://eskimo.software" target="_blank">Eskimo Software</a></div>
+		</div>
+	</div>
+	<div class="popover" data-name="pay">
+		<div class="head">
+			<div class="title">Send HNS</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="loading flex shown">
+				<div class="lds-facebook"><div></div><div></div><div></div></div>
+			</div>
+			<div class="content">
+				<input type="hidden" name="address">
+				<input type="text" name="hns" placeholder="0 HNS">
+				<div class="button" data-action="sendPayment">Send with Bob Extension</div>
+			</div>
+			<div class="response error"></div>
+		</div>
+	</div>
+	<div class="popover" data-name="settings">
+		<div class="head">
+			<div class="title">Settings</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="setting">
+				<div class="subtitle">Avatar URL</div>
+				<input class="remote tab" type="text" name="avatar" placeholder="">
+			</div>
+			<div class="setting">
+				<div class="subtitle">HNS Wallet Address</div>
+				<input class="remote tab" type="text" name="address" placeholder="">
+			</div>
+			<div class="setting">
+				<div class="subtitle">Chat Bubble Color</div>
+				<input class="local color tab" type="color" name="bubbleBackground">
+			</div>
+			<div class="setting">
+				<div class="subtitle">Self Chat Bubble Color</div>
+				<input class="local color tab" type="color" name="bubbleSelfBackground">
+			</div>
+			<div class="setting">
+				<div class="subtitle">Mention Chat Bubble Color</div>
+				<input class="local color" type="color" name="bubbleMentionBackground">
+			</div>
+			<div class="setting">
+				<div class="subtitle">Chat Display Mode</div>
+				<select class="local" name="chatDisplayMode">
+					<option value="normal">Normal</option>
+					<option value="compact">Compact</option>
+				</select>
+			</div>
+			<div class="setting">
+				<div class="subtitle">Sync Session</div>
+				<div class="center action link" data-action="syncSession">Show QR + Link</div>
+			</div>
+			<div class="button" data-action="saveSettings">Save</div>
+		</div>
+		<div class="response error"></div>
+	</div>
+	<div class="popover contextMenu" data-name="userContext">
+		<div class="actions">
+			<div class="action icon edit" data-action="editProfile"></div>
+			<div class="action icon save" data-action="saveProfile"></div>
+			<div class="action icon close" data-action="undoProfile"></div>
+		</div>
+		<div class="body">
+			<ul>
+				<li>
+					<div class="pic"></div>
+					<span class="user subtitle"></span>
+					<div class="icon type"></div>
+				</li>
+				<li class="bio">
+					<div class="title small">Bio</div>
+					<div class="bioHolder">
+						<div class="bio subtitle"></div>
+						<div class="limit"></div>
+					</div>
+				</li>
+				<li>
+					<div class="title small">Joined</div>
+					<span class="joined subtitle"></span>
+				</li>
+			</ul>
+			<div class="separator"></div>
+			<ul class="contextActions">
+				<li class="action" data-action="newConversationWith">
+					<div class="icon message"></div>
+					<span>Message</span>
+				</li>
+				<li class="action" data-action="mentionUser">
+					<div class="icon mention"></div>
+					<span>Mention</span>
+				</li>
+				<li class="action" data-action="slapUser">
+					<div class="icon fish"></div>
+					<span>Slap</span>
+				</li>
+				<li class="action speaker" data-action="inviteVideo">
+					<div class="icon voice"></div>
+					<span>Speaker</span>
+				</li>
+			</ul>
+		</div>
+	</div>
+	<div class="popover contextMenu" data-name="channelContext">
+		<div class="body">
+			<ul>
+				<li>
+					<span class="channel subtitle"></span>
+				</li>
+			</ul>
+			<div class="separator"></div>
+			<ul>
+				<li class="action" data-action="switchConversation">
+					<div class="icon view"></div>
+					<span>View</span>
+				</li>
+			</ul>
+		</div>
+	</div>
+	<div class="popover contextMenu" data-name="messageContext">
+		<div class="body">
+			<ul>
+				<li class="action reply" data-action="reply">
+					<div class="icon reply"></div>
+					<span>Reply</span>
+				</li>
+				<li class="action emoji" data-action="emojis">
+					<div class="icon emoji"></div>
+					<span>React</span>
+				</li>
+				<li class="action pin" data-action="pinMessage">
+					<div class="icon pin"></div>
+					<span>Pin</span>
+				</li>
+				<li class="action delete error" data-action="deleteMessage">
+					<div class="icon delete"></div>
+					<span>Delete</span>
+				</li>
+			</ul>
+		</div>
+	</div>
+	<div id="holder">
+		<div class="header">
+			<div class="left">
+				<div class="icon menu"></div>
+			</div>
+			<div class="center">
+				<div class="logo">
+					<img draggable="false" src="/assets/img/handshake">
+				</div>
+				<div class="messageHeader">
+					<table></table>
+					<div class="pinnedMessage flex">
+						<div class="icon pin"></div>
+						<div class="message"></div>
+						<div class="action icon delete" data-action="pinMessage"></div>
+					</div>
+				</div>
+				<div class="end">
+					<div id="me"></div>
+					<div class="domains">
+						<select></select>
+					</div>
+				</div>
+			</div>
+			<div class="right">
+				<div class="icon users"></div>
+			</div>
+		</div>
+		<div id="chats">
+			<div id="conversations" class="sidebar">
+				<div class="title">
+					<div class="tabs">
+						<div class="tab" data-tab="channels">Channels</div>
+						<div class="tab" data-tab="pms">Private</div>
+					</div>
+					<div class="actionHolder">
+						<div class="action icon compose" data-action="newConversation"></div>
+					</div>
+				</div>
+				<div class="sections">
+					<div class="section channels">
+						<table></table>
+					</div>
+					<div class="section pms">
+						<table></table>
+					</div>
+				</div>
+				<div class="footer">
+					<div class="action link" data-action="settings">Settings</div>
+					<div class="action link" data-action="docs">Docs</div>
+					<div class="action link" data-action="donate">Donate</div>
+				</div>
+			</div>
+			<div class="content">
+				<div class="pinnedMessage flex">
+					<div class="icon pin"></div>
+					<div class="message"></div>
+					<div class="action icon delete" data-action="pinMessage"></div>
+				</div>
+				<div id="closeMenu"></div>
+				<div id="videoInfo" class="flex">
+					<div class="info">
+						<div class="users"></div>
+						<div class="title flex">
+							<span>LIVE</span>
+							<div class="icon audio"></div>
+						</div>
+						<div class="watching flex">
+							<div class="watchers"></div>
+						</div>
+					</div>
+					<div class="actions">
+						<div class="link" data-action="viewVideo">Watch</div>
+						<div class="link" data-action="startVideo">Stream</div>
+						<div class="link" data-action="joinVideo">Join</div>
+						<div class="link destructive" data-action="leaveVideo">Leave</div>
+						<div class="link destructive" data-action="endVideo">End</div>
+					</div>
+				</div>
+				<div id="videoContainer" class="flex">
+					<div class="controls">
+						<div class="button outline muted" data-action="toggleScreen">
+							<div class="icon screen"></div>
+						</div>
+						<div class="button outline muted" data-action="toggleAudio">
+							<div class="icon voice"></div>
+						</div>
+						<div class="button outline muted" data-action="toggleVideo">
+							<div class="icon video"></div>
+						</div>
+						<div class="button outline muted" data-action="leaveVideo">
+							<div class="icon leave"></div>
+						</div>
+					</div>
+				</div>
+				<div id="messageHolder">
+					<div class="popover" id="completions" data-name="completions">
+						<div class="head">
+							<div class="title"></div>
+							<div class="icon action close" data-action="close"></div>
+						</div>
+						<div class="body">
+							<table class="list"></table>
+						</div>
+					</div>
+					<div class="popover" id="react" data-name="react">
+						<div class="head">
+							<div class="title">
+								<div class="tabs">
+									<div class="tab" data-name="gifs">Gifs</div>
+									<div class="tab" data-name="emojis">Emojis</div>
+								</div>
+							</div>
+							<div class="icon action close" data-action="close"></div>
+						</div>
+						<div class="body">
+							<div class="search">
+								<input type="text" name="searchGifs" placeholder="Search Tenor">
+								<input type="text" class="shown" name="searchEmojis" placeholder="Search Emojis">
+							</div>
+							<div class="grids">
+								<div class="grid" data-type="gifs">
+									<div class="section" data-type="categories"></div>
+									<div class="section flex" data-type="gifs">
+										<div class="column" data-column="0"></div>
+										<div class="column" data-column="1"></div>
+									</div>
+								</div>
+								<div class="grid shown" data-type="emojis"></div>
+							</div>
+						</div>
+					</div>
+					<div id="messages"></div>
+					<div id="jumpToPresent" class="hidden">
+						<div class="action" data-action="jumpToPresent">Jump To Present</div>
+					</div>
+					<div class="loading flex">
+						<div class="lds-facebook"><div></div><div></div><div></div></div>
+					</div>
+				</div>
+				<div class="inputContainer">
+					<div id="typing" class="flex">
+						<div class="message"></div>
+					</div>
+					<div id="replying" class="flex">
+						<div class="message">Replying to <span class="name"></span></div>
+						<div class="action icon remove" data-action="removeReply"></div>
+					</div>
+					<div id="attachments" class="flex"></div>
+					<div class="inputHolder">
+						<div class="input">
+							<div class="action icon plus" data-action="file">
+								<input id="file" type="file" name="file">
+							</div>
+							<div class="action icon pay" data-action="pay"></div>
+							<div class="inputs">
+								<textarea id="message" placeholder="Message"></textarea>
+							</div>
+							<div class="action icon gif big" data-action="gifs"></div>
+							<div class="action icon emoji big" data-action="emojis"></div>
+						</div>
+						<div class="locked"></div>
+					</div>
+				</div>
+			</div>
+			<div id="users" class="sidebar">
+				<div class="title">
+					<div class="group normal">
+						<div class="action icon search" data-action="searchUsers"></div>
+						<div>Users</div>
+					</div>
+					<div class="group flex searching">
+						<input type="text" name="search">
+						<div class="action icon close" data-action="searchUsers"></div>
+					</div>
+					<div id="count"></div>
+				</div>
+				<div class="sections">
+					<div class="section users">
+						<table></table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="avatars"></div>
+</body>
\ No newline at end of file
diff --git a/etc/preview.php b/etc/preview.php
new file mode 100644
index 0000000..b010af7
--- /dev/null
+++ b/etc/preview.php
@@ -0,0 +1,26 @@
+<?php
+	include "includes.php";
+
+	$id = $_GET["id"];
+	$previewFile = $GLOBALS["path"]."/etc/previews/".$id;
+
+	$getImage = @sql("SELECT `image` FROM `previews` WHERE `id` = ? AND `image` IS NOT NULL", [$id])[0];
+
+	if ($getImage) {
+		if (file_exists($previewFile)) {
+			$image = file_get_contents($previewFile);
+			$type = mime_content_type($previewFile);
+		}
+		else {
+			$getImage["image"] = html_entity_decode(html_entity_decode($getImage["image"]));
+			$image = getContents($getImage["image"]);
+			if (validImageWithoutFetch($image)) {
+				file_put_contents($previewFile, $image);
+				$type = mime_content_type($previewFile);
+			}
+		}
+
+		header("Content-Type: ".$type);
+		die($image);
+	}
+?>
\ No newline at end of file
diff --git a/etc/sql.php b/etc/sql.php
new file mode 100644
index 0000000..74994b2
--- /dev/null
+++ b/etc/sql.php
@@ -0,0 +1,68 @@
+<?php
+	$GLOBALS["sqlInfo"] = [
+		"host" => $GLOBALS["sqlHost"],
+		"user" => $GLOBALS["sqlUser"],
+		"pass" => $GLOBALS["sqlPass"],
+		"db" => $GLOBALS["sqlDatabase"],
+		"options" => [
+			PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
+			PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+			PDO::ATTR_EMULATE_PREPARES   => false,
+		]
+	];
+	$GLOBALS["sqlDSN"] = "mysql:host=".$GLOBALS["sqlInfo"]["host"].";dbname=".$GLOBALS["sqlInfo"]["db"].";charset=utf8mb4";
+
+	function initSQL() {
+		retry:
+
+		try {
+			$GLOBALS["remoteSQL"] = new PDO($GLOBALS["sqlDSN"], $GLOBALS["sqlInfo"]["user"], $GLOBALS["sqlInfo"]["pass"], $GLOBALS["sqlInfo"]["options"]);
+		}
+		catch (\PDOException $e) {
+			$message = $e->getMessage();
+
+			if (strpos($message, "Connection refused") !== false) {
+				goto retry;
+			}
+		}
+	}
+
+	function sql($query, $values = []) {
+		if (!@$GLOBALS["remoteSQL"]) {
+			initSQL();
+		}
+		
+		retry:
+		try {
+			$statement = $GLOBALS["remoteSQL"]->prepare($query);
+			$success = $statement->execute($values);
+
+			$result = $statement->fetchAll();
+
+			if (count($result) > 1) {
+				return $result;
+			}
+			else if (count($result) == 1) {
+				return [$result[0]];
+			}
+			else if ($success && (substr($query, 0, 12) === "INSERT INTO " || substr($query, 0, 12) === "DELETE FROM " || (substr($query, 0, 7) === "UPDATE "))) {
+				return true;
+			}
+
+			return false;
+		}
+		catch (\PDOException $e) {
+			$message = $e->getMessage();
+
+			if (strpos($message, "MySQL server has gone away") !== false || strpos($message, "Communication link failure") !== false) {
+				initSQL();
+
+				goto retry;
+			}
+			else {
+				//var_dump($message);
+				//error
+			}
+		}
+	}
+?>
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..cdebffb
Binary files /dev/null and b/favicon.ico differ
diff --git a/id.php b/id.php
new file mode 100644
index 0000000..1460a38
--- /dev/null
+++ b/id.php
@@ -0,0 +1,83 @@
+<?php
+	include "etc/includes.php";
+
+	if (@$_GET["invite"]) { ?>
+		<script type="text/javascript">
+			var invite = "<?php echo htmlspecialchars(addslashes($_GET["invite"])); ?>";
+		</script>
+	<?php
+	}
+?>
+<!DOCTYPE html>
+<html>
+<head>
+	<?php include "etc/head.php"; ?>
+</head>
+<body data-page="id">
+	<div id="blackout"></div>
+	<div class="popover" data-name="qr">
+		<div class="head">
+			<div class="title">Sync QR</div>
+			<div class="icon action close" data-action="close"></div>
+		</div>
+		<div class="body">
+			<div class="loading flex shown">
+				<div class="lds-facebook"><div></div><div></div><div></div></div>
+				<canvas id="frame"></canvas>
+			</div>
+			<video id="camera" autoplay playsinline></video>
+		</div>
+		<div class="response error"></div>
+	</div>
+	<div class="form" id="id">
+		<a href="/">
+			<div class="logo">
+				<img draggable="false" src="/assets/img/handshake">
+				<span>Chat</span>
+			</div>
+		</a>
+		<div class="section loading shown">
+			<div class="loading flex shown">
+				<div class="lds-facebook"><div></div><div></div><div></div></div>
+			</div>
+		</div>
+		<div class="section" id="manageDomains">
+			<div class="domains"></div>
+			<div class="button" data-action="newDomain">Add Domain</div>
+			<div class="button" data-action="scanQR">Scan Sync QR</div>
+			<a href="/" id="startChatting" class="hidden">Start Chatting</a>
+		</div>
+		<div class="section" id="addDomain">
+			<div class="button varo" data-action="addDomain">Authenticate with Varo Auth</div>
+			<div class="or varo">OR</div>
+			<div class="group">
+				<input type="text" name="sld" placeholder="Create a name">
+				<input type="text" name="dot" placeholder="." class="transparent" disabled>
+				<select name="tld"></select>
+				<input type="hidden" name="invite">
+			</div>
+			<div class="button" data-action="addSLD">Continue</div>
+			<div class="response error"></div>
+			<div class="link" data-action="manageDomains">Manage Domains</div>
+		</div>
+		<div class="section" id="verifyOptions">
+			<input type="hidden" name="domain">
+			<div class="title">How would you like to verify?</div><div id="code"></div>
+			<div class="button" data-action="verifyDomainWithTXT">Verify with TXT Record</div>
+			<div class="button" data-action="verifyDomainWithBob">Verify with Bob Extension</div>
+			<div class="button" data-action="verifyDomainWithMetaMask">Verify with MetaMask</div>
+			<div class="response error"></div>
+		</div>
+		<div class="section" id="verifyDomain">
+			<input type="hidden" name="domain">
+			<div class="title">Please create a TXT record with the following value: </div><div id="code"></div>
+			<div class="button" data-action="verifyDomain">Verify</div>
+			<div class="response error"></div>
+		</div>
+		<div class="section" id="startChatting">
+			<div class="title">You're all set!</div>
+			<div class="button" data-action="startChatting">Start Chatting</div>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..69dd5af
--- /dev/null
+++ b/index.php
@@ -0,0 +1,28 @@
+<?php
+	include "etc/includes.php";
+?>
+<!DOCTYPE html>
+<html>
+<head>
+	<?php include "etc/head.php"; ?>
+</head>
+<?php
+	include "etc/page/chat.php";
+?>
+<script>
+  var _paq = window._paq = window._paq || [];
+  _paq.push(["setCookieDomain", "*.hns.chat"]);
+  _paq.push(["setDomains", ["*.hns.chat","*.hnschat"]]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://35k1m0.com/trkr/";
+    _paq.push(['setTrackerUrl', u+'trkr.php']);
+    _paq.push(['setSiteId', '13']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'trkr.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="https://35k1m0.com/trkr/trkr.php?idsite=13&amp;rec=1" style="border:0;" alt="" /></p></noscript>
+<script async src="https://trkr.35k1m0.com/script.js" data-website-id="38ec710a-a492-4465-a2ba-292eb4b645a5"></script>
+</html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..f885826
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,64 @@
+{
+    "name": "HNSChat",
+    "short_name": "HNSChat",
+    "start_url": "/",
+    "display": "standalone",
+    "background_color": "#232323",
+    "description": "Securely chat with your handshake friends.",
+    "dir": "ltr",
+    "categories": "social",
+    "lang": "en",
+    "orientation": "any",
+    "scope": "/",
+    "theme_color": "#232323",
+    "icons": [
+        {
+        "src": "/assets/img/icon-72x72.png",
+        "sizes": "72x72",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-96x96.png",
+        "sizes": "96x96",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-128x128.png",
+        "sizes": "128x128",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-144x144.png",
+        "sizes": "144x144",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-152x152.png",
+        "sizes": "152x152",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-192x192.png",
+        "sizes": "192x192",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-384x384.png",
+        "sizes": "384x384",
+        "type": "image/png",
+        "purpose": "maskable any"
+        },
+        {
+        "src": "/assets/img/icon-512x512.png",
+        "sizes": "512x512",
+        "type": "image/png",
+        "purpose": "maskable any"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/privacy.txt b/privacy.txt
new file mode 100644
index 0000000..1268ce3
--- /dev/null
+++ b/privacy.txt
@@ -0,0 +1,26 @@
+Privacy Policy for HNSChat
+
+At HNSChat, we value your privacy and are committed to protecting your personal information. This Privacy Policy explains how we collect, use, and safeguard your data when you use our messaging platform. By using HNSChat, you consent to the practices outlined in this policy.
+
+Information Collection:
+We may also collect non-personal information, such as device information and usage data, to improve our services.
+
+Information Usage:
+We use the information we collect to provide and enhance our messaging platform. This includes facilitating communication between users, improving user experience, and ensuring the security of our services. We do not sell, rent, or share your personal information with third parties unless required by law or with your explicit consent.
+
+Data Security:
+We take reasonable measures to protect your personal information from unauthorized access, loss, or misuse. However, please be aware that no security measures are completely foolproof, and we cannot guarantee the absolute security of your data.
+
+Cookies and Tracking Technologies:
+HNSChat may use cookies and similar tracking technologies to enhance your browsing experience and gather information about how you use our platform. You can manage your cookie preferences in your browser settings.
+
+Third-Party Links:
+Our platform may contain links to third-party websites or services. We are not responsible for the privacy practices or content of these third parties. We encourage you to review the privacy policies of any third-party websites you visit.
+
+Changes to the Privacy Policy:
+We may update this Privacy Policy from time to time. We will notify you of any material changes by posting the updated policy on our website or through other communication channels. It is your responsibility to review the policy periodically.
+
+Contact Us:
+If you have any questions, concerns, or requests regarding this Privacy Policy or your personal information, please contact us at contact@hns.chat.
+
+By using HNSChat, you acknowledge and agree to the terms outlined in this Privacy Policy.
\ No newline at end of file
diff --git a/sw.js b/sw.js
new file mode 100644
index 0000000..47f3b6e
--- /dev/null
+++ b/sw.js
@@ -0,0 +1 @@
+// This serves no purpose for now besides supporting notifications
\ No newline at end of file
diff --git a/sync.php b/sync.php
new file mode 100644
index 0000000..3ff2390
--- /dev/null
+++ b/sync.php
@@ -0,0 +1,12 @@
+<?php
+	include "etc/includes.php";
+?>
+<!DOCTYPE html>
+<html>
+<head>
+	<?php include "etc/head.php"; ?>
+</head>
+<body data-page="sync">
+	<div class="response">Just a second...</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/upload.php b/upload.php
new file mode 100644
index 0000000..a7f6383
--- /dev/null
+++ b/upload.php
@@ -0,0 +1,77 @@
+<?php
+	include "etc/includes.php";
+
+	set_time_limit(0);
+
+	if (@!$_FILES["file"]) {
+		error("Missing file.");
+	}
+	if (@!$_POST["key"]) {
+		error("Missing key.");
+	}
+
+	$output["success"] = true;
+
+	$key = $_POST["key"];
+	$name = $_FILES["file"]["name"];
+	$tmp = $_FILES["file"]["tmp_name"];
+	$size = filesize($tmp);
+
+	$fileType = mime_content_type($tmp);
+
+	if (!$fileType || $fileType === "application/octet-stream") {
+		$fileType = shell_exec("exiftool -mimetype -b ".$tmp);
+	}
+
+	$split = explode("/", $fileType);
+	$uploadType = $split[0];
+	if ($uploadType !== "image") {
+		error("Only images are currently supported.");
+	}
+
+	if ($size > 25600000) {
+		error("Maximum file size is 25MB.");
+	}
+
+	switch ($uploadType) {
+		case "image":
+		case "audio":
+		case "video":
+			$type = $uploadType;
+			break;
+		
+		default:
+			$type = "file";
+			break;
+	}
+
+	switch ($type) {
+		case "image":
+			$imageInfo = getimagesize($tmp);
+			$width  = $imageInfo[0];
+			$height = $imageInfo[1];
+
+			if (!$imageInfo || $width < 1 && $height < 1 || strpos(file_get_contents($tmp),"<?php") !== false || strpos(file_get_contents($tmp),"<script") !== false) {
+				error("Something is wrong with this image.");
+			}
+			break;
+		
+		default:
+			break;
+	}
+
+	$id = generateCode("upload");
+	$insert = sql("INSERT INTO `uploads` (type, id, name, size, session) VALUES (?,?,?,?,?)", [$type, $id, $name, $size, $key]);
+	$path = $GLOBALS["path"]."/uploads/".$id;
+	$move = move_uploaded_file($tmp, $path);
+
+	if (!$insert || !$move) {
+		unlink($path);
+		error("Something went wrong. Try again?");
+	}
+	else {
+		$output["id"] = $id;
+	}
+
+	die(json_encode($output));
+?>
\ No newline at end of file
diff --git a/wallets/.htaccess b/wallets/.htaccess
new file mode 100644
index 0000000..b58947f
--- /dev/null
+++ b/wallets/.htaccess
@@ -0,0 +1,2 @@
+RewriteEngine on
+RewriteRule ^.well-known/wallets/(.+)$ index.php?wallet=$1
\ No newline at end of file
diff --git a/wallets/index.php b/wallets/index.php
new file mode 100644
index 0000000..8833f68
--- /dev/null
+++ b/wallets/index.php
@@ -0,0 +1,26 @@
+<?php
+	include "../etc/includes.php";
+
+	$domain = $_SERVER["SERVER_NAME"];
+	$request = $_SERVER["REQUEST_URI"];
+	$wallet = @$_GET["wallet"];
+
+	if ($wallet) {
+		if (strtolower($request) == strtolower("/.well-known/wallets/HNS")) {
+			$info = @sql("SELECT * FROM `domains` WHERE `domain` = ?", [$domain])[0];
+
+			if ($info && @$info["address"]) {
+				echo $info["address"];
+				die();
+			}
+		}
+	}
+	http_response_code(404);
+?>
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
+<html><head>
+<title>404 Not Found</title>
+</head><body>
+<h1>Not Found</h1>
+<p>The requested URL was not found on this server.</p>
+</body></html>
\ No newline at end of file