simulate Single Page App with websockets

src/static/js/responsive.js

@@ -87,3 +87,26 @@ function toggleMenu() {
     }
   }
 }
+
+let socket = io();
+
+function emit(event) {
+   socket.emit(event);
+}
+
+function emitData(event, data) {
+   socket.emit(event, data)
+}
+
+socket.on('goto', (page) => {
+  pagename = page[0];
+  content = page[1];
+  let root = document.getElementById('root');
+  root.innerHTML = content;
+  root.querySelectorAll("script").forEach(x => {
+    eval(x.innerHTML);
+  });
+  document.querySelector('title').textContent = page[2];
+  if (pagename == 'home') pagename = '/';
+  history.pushState(null, null, pagename);
+});