fix: use protocol-aware WebSocket URL for viewLog page

Construct the WebSocket URL dynamically based on the request protocol
and host, so it uses wss:// when served over HTTPS. Enable trust proxy
so Express respects X-Forwarded-Proto behind a reverse proxy. Pin
socklog to v0.2.3 for crypto.randomUUID fix.

Author: andrewshell

app.js

@@ -38,6 +38,8 @@ async function initializeDayjs() {
 
 app = express();
 
+app.set('trust proxy', true);
+
 app.use(morgan('[:mydate] :method :url :status :res[content-length] - :remote-addr - :response-time ms'));
 
 app.use(cors());

controllers/view-log.js

@@ -2,9 +2,10 @@ const express = require('express'),
     router = new express.Router();
 
 router.get('/', function(req, res) {
+    const wsProtocol = req.protocol === 'https' ? 'wss' : 'ws';
+    const wsUrl = `${wsProtocol}://${req.get('host')}/wsLog`;
     res.render('view-log', {
-        host: req.app.locals.host,
-        port: req.app.locals.port
+        wsUrl
     });
 });
 

views/view-log.handlebars

@@ -11,7 +11,7 @@
     <p>Real-time events on this rssCloud server.</p>
 
     <script type="module">
-    import 'https://esm.sh/@andrewshell/socklog'
+    import 'https://esm.sh/@andrewshell/socklog@0.2.3'
 
     const viewer = document.getElementById('viewer')
     const controls = document.getElementById('controls')
@@ -22,7 +22,7 @@
 
     <div class="log-panel">
         <socklog-controls id="controls"></socklog-controls>
-        <socklog-viewer id="viewer" url="ws://{{host}}:{{port}}/wsLog"></socklog-viewer>
+        <socklog-viewer id="viewer" url="{{wsUrl}}"></socklog-viewer>
     </div>
 
     <p class="mt-20">