change to ejs

client/login.js

@@ -1,12 +1,14 @@
 import Route from "../route.js";
-import form from "../comp/form.js";
 
 // TODO: rewrite
 let main = new Route([], async function (req, res, input) {
-    return form([
-        { label: "Username", type: "text", name: "user" },
-        { label: "Password", type: "password", name: "pass" }
-    ],'/api/form/register')
+    return res.render('form', {
+        data: [
+            { label: "Username", type: "text", name: "user" },
+            { label: "Password", type: "password", name: "pass" }
+        ],
+        'route': '/api/form/login'
+    });
 });
 
 export default main;

client/main.js

@@ -1,23 +1,11 @@
 import Route from "../route.js";
 import auth from "../form/auth.js";
-import format from "../common/format.js";
 
 let main = new Route([auth], async function (req, res, input) {
     let { username } = input;
-    let cta = (username == '!nobody') ?
-        '<div class="button"><a href="/client/register">Join</a></div>' :
-        '<div class="button"><a href="/client/chat?channel=main">Chat</a></div>';
-
-    return `<div class='area'>
-            <h1>About</h1>
-            <p>
-                <b>BiglyChat</b> is a chat service built on <a href='https://codeberg.org/onezDerv/bigly-chat'>free software</a>.
-            </p>
-            <p>
-                Anyone can selfhost an instance to take control of their community.
-            </p>
-            ${cta}
-        </div>`
+    return res.render('main', {
+        username
+    });
 });
 
 export default main;

client/register.js

@@ -1,13 +1,15 @@
 import Route from "../route.js";
-import form from "../comp/form.js";
 
 // TODO: rewrite
 let main = new Route([], async function (req, res, input) {
-    return form([
-        { label: "Username", type: "text", name: "user" },
-        { label: "Password", type: "password", name: "pass" },
-        { label: "Password (again)", type: "password", name: "pass2" },
-    ],'/api/form/register')
+    return res.render('form', {
+        data: [
+            { label: "Username", type: "text", name: "user" },
+            { label: "Password", type: "password", name: "pass" },
+            { label: "Password (again)", type: "password", name: "pass2" }
+        ],
+        'route': '/api/form/register'
+    });
 });
 
 export default main;