refactor: update livekit build config and fix style problem and add event log

docker/livekit.yml

@@ -15,8 +15,8 @@ services:
       - redis
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.admin.rule=PathPrefix(`/livekit/webhook`)"
+      - "traefik.http.routers.livekit.rule=PathPrefix(`/livekit/webhook`)"
-      - "traefik.http.services.admin.loadbalancer.server.port=3000"
+      - "traefik.http.services.livekit.loadbalancer.server.port=3000"
     networks:
       - internal
-    command: cd server/dist/plugins/com.msgbyte.livekit/webhook && node index.js
+    command: node server/dist/plugins/com.msgbyte.livekit/webhook/index.js

server/plugins/com.msgbyte.livekit/web/plugins/com.msgbyte.livekit/src/components/FullScreenBtn.tsx

@@ -5,6 +5,7 @@ import styled from 'styled-components';
 const Root = styled.div.attrs({
   className: 'lk-button',
 })`
+  .lk-participant-tile & {
     position: absolute;
     top: 0.25rem;
     right: 2.25rem;
@@ -15,6 +16,7 @@ const Root = styled.div.attrs({
     opacity: 0;
     transition: opacity 0.2s ease-in-out;
     transition-delay: 0.2s;
+  }
 
   .lk-participant-tile:hover & {
     opacity: 1;

server/plugins/com.msgbyte.livekit/webhook/index.ts

@@ -29,6 +29,8 @@ app.post('/livekit/webhook', (req, res) => {
   try {
     const event = receiver.receive(req.body, req.get('Authorization'));
 
+    console.log(JSON.stringify(event));
+
     callBrokerAction('plugin:com.msgbyte.livekit.webhook', event);
   } finally {
     res.json({ result: true });