✨ Meet room rendering

2025-04-06 14:30:45 +08:00 · 2025-04-06 14:30:45 +08:00 · 00ef003be9
commit 00ef003be9
parent e21ec2e81c
5 changed files with 137 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -3,4 +3,5 @@
 /default.etcd
 /keys

+.idea
 .DS_Store
--- a/pkg/internal/web/api/index.go
+++ b/pkg/internal/web/api/index.go
@ -12,6 +12,7 @@ import (
 )

 func MapControllers(app *fiber.App) {
+	app.Get("/meet", renderMeetRoom)
 	app.Get("/captcha", renderCaptcha)
 	app.Post("/captcha", validateCaptcha)
 	app.Get("/check-ip", getClientIP)
--- a/pkg/internal/web/api/meet.go
+++ b/pkg/internal/web/api/meet.go
@ -0,0 +1,55 @@
+package api
+
+import (
+	"fmt"
+	"git.solsynth.dev/hypernet/nexus/pkg/nex/sec"
+	"github.com/gofiber/fiber/v2"
+	"github.com/spf13/viper"
+	"strings"
+)
+
+type meetRoomArgs struct {
+	RoomName string       `json:"room_name"`
+	User     meetRoomUser `json:"user"`
+}
+
+type meetRoomUser struct {
+	Avatar string `json:"avatar"`
+	Nick   string `json:"nick"`
+}
+
+func renderMeetRoom(c *fiber.Ctx) error {
+	if err := sec.EnsureAuthenticated(c); err != nil {
+		return err
+	}
+	user := c.Locals("nex_user").(*sec.UserInfo)
+
+	channel := c.Params("channel")
+
+	var nick string
+	if val, ok := user.Metadata["nick"].(string); ok {
+		nick = val
+	} else {
+		nick = user.Name
+	}
+	var avatar string
+	if val, ok := user.Metadata["avatar"].(string); ok {
+		if strings.HasPrefix(val, "http") {
+			avatar = val
+		} else {
+			endpoint := viper.GetString("resources_endpoint")
+			avatar = fmt.Sprintf("%s/attachments/%s", endpoint, val)
+		}
+		avatar = fmt.Sprintf("\"%s\"", avatar) // Make the avatar a string to embed into the js
+	} else {
+		avatar = "undefined"
+	}
+
+	return c.Render("meet", meetRoomArgs{
+		RoomName: fmt.Sprintf("%s-%s", "sn-chat", channel),
+		User: meetRoomUser{
+			Avatar: avatar,
+			Nick:   nick,
+		},
+	})
+}
--- a/settings.toml
+++ b/settings.toml
@ -2,6 +2,8 @@ bind = "0.0.0.0:8001"
 grpc_bind = "0.0.0.0:7001"
 domain = "localhost"

+resources_endpoint = "https://api.sn.solsynth.dev/cgi/uc"
+
 templates_dir = "./templates"
 ip_block_path = "./ip_block.list"

--- a/templates/meet.tmpl
+++ b/templates/meet.tmpl
@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Solar Network Captcha</title>
+    <link
+            href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"
+            rel="stylesheet"
+    />
+    <style>
+        body {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #2d2d2d;
+            font-family: "Roboto Mono", monospace;
+            color: #c9d1d9;
+        }
+        .container {
+            width: 100vw;
+            height: 100vh;
+        }
+        .parent {
+            padding: 20px;
+            max-width: 480px;
+            margin: 0 auto;
+        }
+        h2 {
+            font-size: 18px;
+            font-weight: 300;
+            color: #ffffff;
+            margin-bottom: 15px;
+        }
+        .footer {
+            margin-top: 20px;
+            font-size: 11px;
+            opacity: 0.6;
+        }
+        .footer-product {
+            font-size: 12px;
+            font-weight: bold;
+            margin-bottom: 5px;
+            opacity: 0.8;
+        }
+    </style>
+    <script src='https://meet.element.io/external_api.js'></script>
+</head>
+<body>
+<div class="parent">
+    <div class="container" id="meet">
+    </div>
+</div>
+<script>
+    function getQueryParam(name) {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get(name);
+    }
+
+    const node = document.querySelector('#meet');
+
+    const domain = 'meet.element.io';
+    const options = {
+        roomName: "{{ .RoomName }}",
+        width: node.clientWidth,
+        height: node.clientHeight,
+        parentNode: node,
+        userInfo: {
+            avatar: {{ .User.Avatar }},
+            displayName: "{{ .User.Nick }}"
+        }
+    };
+    const api = new JitsiMeetExternalAPI(domain, options)
+</script>
+</body>
+</html>