feat: add logs

views/workshop/route.eta

@@ -18,7 +18,13 @@
       <div id="main-editor" class="flex flex-grow">
         <div id="left-pane" class="w-1/2 flex-grow h-full flex flex-col">
           <div id="editor" class="w-full flex-grow"><%= it.route.handler %></div>
+          <div class="flex">
           <button id="save-btn" type="submit">Save</button>
+          <button id="save-btn" type="submit" _="on click toggle .hidden on #logs">Logs</button>
+          </div>
+          <pre id="logs" class="max-h-[50vh] overflow-scroll hidden">
+            <ul hx-get="/workshop/<%= it.structure.id %>/route/<%= it.route.id %>/logs" hx-trigger="load" class="flex flex-col-reverse"></ul>
+          </pre>
         </div>
         <div id="preview-area" class="w-1/2 h-full flex flex-col">
           <form _="on submit halt the event then set #preview's contentWindow.location.href to #url's value">
@@ -38,24 +44,23 @@
     editor.setTheme("ace/theme/monokai");
     editor.session.setMode("ace/mode/javascript");
 
-    document.getElementById('save-btn').onclick = function() {
-      fetch('/workshop/<%= it.structure.id %>/route/<%= it.route.id %>', {
-        method: 'PUT',
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded'
-        },
-        body: new URLSearchParams({
-          handler: editor.getValue()
-        }).toString()
-      }).then(response => {
-        if (response.ok) {
-          document.getElementById('preview').contentWindow.location.reload()
-        }
-      });
-    };
-
+   document.getElementById('save-btn').onclick = function() {
+     fetch('/workshop/<%= it.structure.id %>/route/<%= it.route.id %>', {
+       method: 'PUT',
+       headers: {
+         'Content-Type': 'application/x-www-form-urlencoded'
+       },
+       body: new URLSearchParams({
+         handler: editor.getValue()
+       }).toString()
+     }).then(response => {
+       if (response.ok) {
+         document.getElementById('preview').contentWindow.location.reload()
+       }
+     });
+   };
   </script>
 
 </body>
 
-</html>
+</html>