move tldraw infinite background color drawing to presentation render method

Author: germanocaumo

bbb_presentation_video/renderer/__init__.py

@@ -21,7 +21,6 @@
 from bbb_presentation_video.renderer.whiteboard import ShapesRenderer
 
 DRAWING_BG = Color.from_int(0xE2E8ED)
-TLDRAW_DRAWING_BG = Color.from_int(0xF9FAFB)
 
 
 class Codec(Enum):
@@ -313,14 +312,7 @@ def render(self) -> None:
                     # Base background color
                     ctx = self.ctx
                     ctx.save()
-                    if presentation.tldraw_whiteboard and (
-                        presentation.zoom.width > 1.0 or presentation.is_panned_outside
-                    ):
-                        # when using infinite whiteboard, the view can be outside the slide
-                        # change background to tldraw bg color to match client
-                        ctx.set_source_rgb(*TLDRAW_DRAWING_BG)
-                    else:
-                        ctx.set_source_rgb(*DRAWING_BG)
+                    ctx.set_source_rgb(*DRAWING_BG)
                     ctx.paint()
                     ctx.restore()
 

bbb_presentation_video/renderer/presentation.py

@@ -25,7 +25,10 @@
 from gi.repository import Gdk, GdkPixbuf, Gio, GLib, Poppler
 
 from bbb_presentation_video import events
-from bbb_presentation_video.events.helpers import Position, Size
+from bbb_presentation_video.events.helpers import Color, Position, Size
+
+# Background color for the infinite whiteboard (visible viewport without presentation content)
+TLDRAW_DRAWING_BG = Color.from_int(0xF9FAFB)
 
 
 class ImageType(Enum):
@@ -192,24 +195,6 @@ def print_transform(self) -> None:
             f"scale: {self.trans.shapes_scale:.6f}"
         )
 
-    @property
-    def is_panned_outside(self) -> bool:
-        """Check if the viewport is showing areas outside the slide content."""
-        if self.page_size is None:
-            return False
-
-        # The size of the portion of the slide that will be shown
-        size = self.trans.size
-        # The top-left of the viewport on the slide
-        pos = self.trans.pos
-
-        return (
-            pos.x < 0
-            or pos.y < 0
-            or (pos.x + size.width) > self.page_size.width
-            or (pos.y + size.height) > self.page_size.height
-        )
-
     def update_presentation(self, event: events.PresentationEvent) -> None:
         if self.presentation == event["presentation"]:
             print("\tPresentation: presentation did not change")
@@ -453,11 +438,29 @@ def finalize_frame(self) -> bool:
 
     def render(self) -> None:
         """Composite the last-updated presentation image"""
+        ctx = self.ctx
+        ctx.save()
+
+        # Draw TLDRAW_DRAWING_BG within the clipped viewport region when using tldraw whiteboard
+        if self.tldraw_whiteboard:
+            # Fill the visible viewport area with the tldraw background color
+            ctx.translate(self.trans.padding.width, self.trans.padding.height)
+            ctx.rectangle(
+                0,
+                0,
+                self.trans.size.width * self.trans.scale,
+                self.trans.size.height * self.trans.scale,
+            )
+            ctx.set_source_rgb(*TLDRAW_DRAWING_BG)
+            ctx.fill()
+            # Reset transform
+            ctx.translate(-self.trans.padding.width, -self.trans.padding.height)
+
+        # Render the presentation content on top
         if self.pattern is not None:
-            ctx = self.ctx
-            ctx.save()
             ctx.set_source(self.pattern)
             ctx.paint()
-            ctx.restore()
         else:
             print("No pattern to render!")
+
+        ctx.restore()