Progress.

src/snek/templates/web.html

@@ -5,6 +5,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Snek</title>
   <script src="/app.js"></script>
+  <script src="/models.js"></script>
+  <script src="/message-list.js"></script>
+  <script src="/message-list-manager.js"></script>
   <link rel="stylesheet" href="base.css">
 </head>
 <body>
@@ -31,31 +34,23 @@
       <div class="chat-header">
         <h2>General</h2>
       </div>
-      <div class="chat-messages">
-        <div class="message">
-          <div class="avatar">A</div>
-          <div class="message-content">
-            <div class="author">Alice</div>
-            <div class="text">Hello, everyone!</div>
-            <div class="time">10:45 AM</div>
-          </div>
-        </div>
-        <html-frame class="html-frame" url="/register"></html-frame>
-        <div class="message">
-          <div class="avatar">B</div>
-          <div class="message-content">
-            <div class="author">Bob</div>
-            <div class="text">Hi Alice! How are you?</div>
-            <div class="time">10:46 AM</div>
-          </div>
-        </div>
-      </div>
+      <message-list-manager class="message-list-manager"></message-list-manager>
       <div class="chat-input">
         <textarea placeholder="Type a message..." rows="2"></textarea>
         <button>Send</button>
       </div>
     </section>
   </main>
-  
+  <script>
+    document.addEventListener("DOMContentLoaded",()=>{
+      setTimeout(()=>{
+      app.benchMark(3).then(result=>{
+        console.info("Benchmarked")
+      })
+    },1000)
+      
+    })
+
+  </script>
 </body>
 </html>