Activity Buttons

src/server.ts

@@ -34,13 +34,23 @@ class ServerHandler {
 				open: webSocketHandler.handleOpen.bind(webSocketHandler),
 				message: webSocketHandler.handleMessage.bind(webSocketHandler),
 				close: webSocketHandler.handleClose.bind(webSocketHandler),
+				error(error) {
+					logger.error(`Server error: ${error.message}`);
+					return new Response(`Server Error: ${error.message}`, {
+						status: 500,
+					});
+				},
 			},
 		});
 
-		logger.info(
-			`Server running at http://${server.hostname}:${server.port}`,
-			true,
-		);
+		const accessUrls = [
+			`http://${server.hostname}:${server.port}`,
+			`http://localhost:${server.port}`,
+			`http://127.0.0.1:${server.port}`,
+		];
+
+		logger.info(`Server running at ${accessUrls[0]}`, true);
+		logger.info(`Access via: ${accessUrls[1]} or ${accessUrls[2]}`, true);
 
 		this.logRoutes();
 	}

src/views/index.ejs

@@ -102,6 +102,27 @@
 							<div class="activity-detail"><%= activity.state %></div>
 						<% } %>
 
+						<% if (activity.buttons && activity.buttons.length > 0) { %>
+							<div class="activity-buttons">
+								<% activity.buttons.forEach((button, index) => {
+									const buttonLabel = typeof button === 'string' ? button : button.label;
+									let buttonUrl = null;
+									if (typeof button === 'object' && button.url) {
+										buttonUrl = button.url;
+									}
+									else if (index === 0 && activity.url) {
+										buttonUrl = activity.url;
+									}
+								%>
+									<% if (buttonUrl) { %>
+										<a href="<%= buttonUrl %>" class="activity-button" target="_blank" rel="noopener noreferrer"><%= buttonLabel %></a>
+									<% } else { %>
+										<span class="activity-button disabled"><%= buttonLabel %></span>
+									<% } %>
+								<% }); %>
+							</div>
+						<% } %>
+
 						<% if (progress !== null) { %>
 							<div class="progress-bar" data-start="<%= start %>" data-end="<%= end %>">
 								<div class="progress-fill" <%= progress !== null ? `style="width: ${progress}%"` : '' %>></div>