From 2d9915cf3b27a9f193f51eb7828f635f40f48210 Mon Sep 17 00:00:00 2001
From: Nico Burns <nico@nicoburns.com>
Date: Tue, 17 Sep 2024 17:25:53 +0100
Subject: [PATCH] Render margin in debug overlay

---
 packages/blitz/src/renderer/render.rs | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/blitz/src/renderer/render.rs b/packages/blitz/src/renderer/render.rs
index a2bc3dc4..68492c96 100644
--- a/packages/blitz/src/renderer/render.rs
+++ b/packages/blitz/src/renderer/render.rs
@@ -150,6 +150,7 @@ impl<'dom> VelloSceneGenerator<'dom> {
             size,
             border,
             padding,
+            margin,
             ..
         } = node.final_layout;
         let taffy::Size { width, height } = size;
@@ -158,6 +159,7 @@ impl<'dom> VelloSceneGenerator<'dom> {
         let scaled_pb = padding_border.map(|v| f64::from(v) * scale);
         let scaled_padding = padding.map(|v| f64::from(v) * scale);
         let scaled_border = border.map(|v| f64::from(v) * scale);
+        let scaled_margin = margin.map(|v| f64::from(v) * scale);
 
         let content_width = width - padding_border.left - padding_border.right;
         let content_height = height - padding_border.top - padding_border.bottom;
@@ -256,6 +258,18 @@ impl<'dom> VelloSceneGenerator<'dom> {
             scaled_border.map(f64::from),
             border_color,
         );
+
+        let margin_color = Color::rgba(249.0 / 255.0, 204.0 / 245.0, 157.0 / 255.0, 0.5); // orange
+        draw_cutout_rect(
+            scene,
+            base_translation - Vec2::new(scaled_margin.left, scaled_margin.top),
+            Vec2::new(
+                width + scaled_margin.left + scaled_margin.right,
+                height + scaled_margin.top + scaled_margin.bottom,
+            ),
+            scaled_margin.map(f64::from),
+            margin_color,
+        );
     }
 
     /// Renders a node, but is guaranteed that the node is an element