Render liveview via proxy, it solves the case when service is running…

… behind ingress

internal/web/awtrix/routes.go

@@ -3,6 +3,7 @@ package awtrix
 
 import (
 	"fmt"
+	"strings"
 	"time"
 
 	"github.com/gofiber/fiber/v2"
@@ -17,7 +18,18 @@ func Routes(app *fiber.App) {
 		DisablePathNormalizing:   true,
 	})
 	app.All("/awtrix/:ipv4/*", func(c *fiber.Ctx) error {
-		url := fmt.Sprintf("http://%s/%s", c.Params("ipv4"), c.Params("*"))
-		return proxy.DoTimeout(c, url, 1*time.Second)
+		ipv4 := c.Params("ipv4")
+		path := c.Params("*")
+		url := fmt.Sprintf("http://%s/%s", ipv4, path)
+		if err := proxy.DoTimeout(c, url, 2*time.Second); err != nil {
+			return err
+		}
+		if ctype := string(c.Response().Header.ContentType()); strings.HasPrefix(ctype, "text/html") {
+			if path == "fullscreen" {
+				resp := c.Response()
+				resp.SetBodyString(strings.ReplaceAll(string(resp.Body()), "/api/screen", fmt.Sprintf("/awtrix/%s/api/screen", ipv4)))
+			}
+		}
+		return nil
 	})
 }

ui/src/components/awtrix/LiveViewCard.vue

@@ -3,7 +3,7 @@
     <div class="card-header d-flex justify-content-between pe-2">
       <span class="d-flex align-items-center text-muted">
         LiveView
-        <a v-if="nodeStore.activeNode" :href="`http://${nodeStore.activeNode.ipv4}/fullscreen`" target="_blank">
+        <a v-if="nodeStore.activeNode" :href="`/awtrix/${nodeStore.activeNode.ipv4}/fullscreen`" target="_blank">
           <i class="bi bi-box-arrow-up-right ms-2" />
         </a>
       </span>
@@ -20,7 +20,7 @@
     <div class="card-body p-0">
       <iframe
         v-if="nodeStore.activeNode && awtrixStore.liveViewEnabled"
-        :src="`http://${nodeStore.activeNode.ipv4}/fullscreen`"
+        :src="`/awtrix/${nodeStore.activeNode.ipv4}/fullscreen`"
         class="border border-2"
         width="100%"
         title="Display LiveView" />