chore(#194): readability

src/routes/viewer.ts

@@ -81,13 +81,12 @@ router.get(/.*/, async (req: Request, res: Response) => {
                     ${body}
                 </div>
             </body>
+
             <script>
                 window.VIV_PORT = "${config.port}";
                 window.VIV_PATH = "${urlToPath(req.path)}";
             </script>
-
             ${config.scripts ? `<script type="text/javascript">${config.scripts}</script>` : ''}
-
             <script type="module" src="/static/client.mjs"></script>
         </html>
     `);

static/client.mjs

@@ -1,3 +1,6 @@
+/* --------------------------------------------------------------------------
+ * MERMAID ------------------------------------------------------------------ */
+
 import mermaid from '/static/mermaid/mermaid.esm.min.mjs';
 
 const darkModePreference = window.matchMedia('(prefers-color-scheme: dark)');
@@ -17,6 +20,9 @@ try {
     } catch {}
 }
 
+/* --------------------------------------------------------------------------
+ * WEBSOCKET COMMUNICATION WITH SERVER -------------------------------------- */
+
 const ws = new WebSocket(`ws://localhost:${window.VIV_PORT}`);
 
 ws.addEventListener('open', () => {
@@ -36,6 +42,7 @@ ws.addEventListener('message', (event) => {
                 await mermaid.run({ querySelector: '.mermaid' });
             })();
             break;
+
         case 'SCROLL':
             let line = parseInt(value);
             while (line) {
@@ -50,9 +57,11 @@ ws.addEventListener('message', (event) => {
                 line -= 1;
             }
             break;
+
         case 'RELOAD':
             window.location.reload();
             break;
+
         case 'PRINT':
             console.log(value);
             break;