From 58c3853c3774c7eeb20fbe527ba8f9b2173e6c9c Mon Sep 17 00:00:00 2001
From: Terry Jia <terryjia88@gmail.com>
Date: Fri, 26 Dec 2025 13:53:47 -0500
Subject: [PATCH] Frontend vueNode (node 2.0) support for mask rect area nodes

---
 js/mask-rect-area-advanced.js | 7 +++++++
 js/mask-rect-area.js          | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/js/mask-rect-area-advanced.js b/js/mask-rect-area-advanced.js
index cd68661e..985b92c5 100644
--- a/js/mask-rect-area-advanced.js
+++ b/js/mask-rect-area-advanced.js
@@ -183,6 +183,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);
 
diff --git a/js/mask-rect-area.js b/js/mask-rect-area.js
index b351d351..309096bb 100644
--- a/js/mask-rect-area.js
+++ b/js/mask-rect-area.js
@@ -176,6 +176,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);