The project advance

frontend/static/js/index.js

@@ -10,6 +10,8 @@ import RegisterView from "./views/accounts/RegisterView.js";
 
 let client = new Client(location.protocol + "//" + location.host)
 
+let lastView = undefined
+
 const pathToRegex = path => new RegExp("^" + path.replace(/\//g, "\\/").replace(/:\w+/g, "(.+)") + "$");
 
 const getParams = match => {
@@ -54,7 +56,10 @@ const router = async () => {
         };
     }
 
+	if (lastView !== undefined)
+		await lastView.leavePage();
     const view = new match.route.view(getParams(match));
+	lastView = view;
 
     document.querySelector("#app").innerHTML = await view.getHtml();
 

frontend/static/js/views/AbstractView.js

@@ -6,6 +6,9 @@ export default class {
 	async postInit() {
 	}
 
+	async leavePage() {
+	}
+
     setTitle(title) {
         document.title = title;
     }

frontend/static/js/views/Chat.js

@@ -36,6 +36,10 @@ export default class extends AbstractView {
 
 	}
 
+	async leavePage() {
+		this.chatSocket.close();
+	}
+
     async getHtml() {
         return `
 			<h1>Chat</h1>