use resource name in ssh/rdp/vnc page meta

src/lib/browserGatewayMetadata.ts

@@ -0,0 +1,13 @@
+import { getBrowserTargetForRequest } from "@app/lib/getBrowserTargetForRequest";
+import type { Metadata } from "next";
+
+export async function generateBrowserGatewayMetadata(
+    protocol: "SSH" | "RDP" | "VNC"
+): Promise<Metadata> {
+    const { target } = await getBrowserTargetForRequest();
+    return {
+        title: target?.name
+            ? `${protocol} - ${target.name}`
+            : `${protocol} - Pangolin`
+    };
+}

src/lib/getBrowserTargetForRequest.ts

@@ -0,0 +1,20 @@
+import { priv } from "@app/lib/api";
+import { GetBrowserTargetResponse } from "@server/routers/browserGatewayTarget";
+import { AxiosResponse } from "axios";
+import { headers } from "next/headers";
+import { cache } from "react";
+
+export const getBrowserTargetForRequest = cache(async () => {
+    const headersList = await headers();
+    const host = headersList.get("host") || "";
+    const hostname = host.split(":")[0];
+
+    try {
+        const res = await priv.get<AxiosResponse<GetBrowserTargetResponse>>(
+            `/resource/browser-target?fullDomain=${encodeURIComponent(hostname)}`
+        );
+        return { target: res.data.data };
+    } catch {
+        return { target: null };
+    }
+});