SCROLLING OVERHAUL #1

Author: SaadArdati

lib/src/api/models/axis.dart

@@ -20,13 +20,13 @@ enum AxisC {
   /// Whether this axis is vertical.
   bool get isVertical => this == AxisC.vertical;
 
-  /// String representation of this axis.
-  String get adjective {
-    switch (this) {
-      case AxisC.horizontal:
-        return 'horizontally';
-      case AxisC.vertical:
-        return 'vertically';
-    }
-  }
+  /// String representation of this axis as an adjective.
+  String get adjective => switch (this) {
+        AxisC.horizontal => 'horizontally',
+        AxisC.vertical => 'vertically'
+      };
+
+  /// String representation of this axis's dimension.
+  String get dimension =>
+      switch (this) { AxisC.horizontal => 'width', AxisC.vertical => 'height' };
 }

lib/src/api/nodes/frame_node.dart

@@ -12,7 +12,7 @@ part 'frame_node.g.dart';
 /// A node that represents a frame that behaves like a stack.
 @JsonSerializable()
 class FrameNode extends DefaultShapeNode
-    with CornerMixin, ClipMixin, ChildrenMixin {
+    with CornerMixin, ClipMixin, ChildrenMixin, ScrollableMixin {
   @override
   final String type = 'frame';
 
@@ -56,16 +56,34 @@ class FrameNode extends DefaultShapeNode
     super.positioningMode,
     // [ClipMixin] properties.
     bool clipsContent = true,
-    // [ScrollLinkableMixin] properties.
-    String? scrollableCanvasId,
-    bool scrollLinkEnabled = false,
+    // [ScrollableMixin] properties.
+    bool isScrollable = false,
+    AxisC scrollDirection = AxisC.vertical,
+    bool reverse = false,
+    ScrollPhysicsC physics = ScrollPhysicsC.alwaysScrollableScrollPhysics,
+    bool primary = true,
+    bool shrinkWrap = false,
+    ScrollViewKeyboardDismissBehaviorC keyboardDismissBehavior =
+        ScrollViewKeyboardDismissBehaviorC.manual,
+    bool useFlutterListView = false,
   }) {
     setCornerMixin(
         cornerRadius: cornerRadius, cornerSmoothing: cornerSmoothing);
 
     setClipMixin(clipsContent: clipsContent);
 
     setChildrenMixin(children: children);
+
+    setScrollableMixin(
+      isScrollable: isScrollable,
+      scrollDirection: scrollDirection,
+      reverse: reverse,
+      physics: physics,
+      primary: primary,
+      shrinkWrap: shrinkWrap,
+      keyboardDismissBehavior: keyboardDismissBehavior,
+      useFlutterListView: useFlutterListView,
+    );
   }
 
   /// Creates a [FrameNode] from a JSON data.

lib/src/api/nodes/frame_node.g.dart

@@ -12,15 +12,20 @@ part 'row_column_node.g.dart';
 /// A node that can lay out its children in a row or column.
 /// Typically referred to [Row] and [Column] widgets in Flutter.
 @JsonSerializable()
-class RowColumnNode extends ParentNode with RowColumnMixin {
+class RowColumnNode extends ParentNode with RowColumnMixin, ScrollableMixin {
   @override
   final String type = 'rowColumn';
 
   @override
   final bool supportsPadding = true;
 
-  /// ID of the canvas this node belongs to.
-  String? belongsToCanvas;
+  @JsonKey(includeFromJson: false)
+  @override
+  AxisC get scrollDirection =>
+      rowColumnType == RowColumnType.row ? AxisC.horizontal : AxisC.vertical;
+
+  @override
+  set scrollDirection(AxisC value) {}
 
   /// Creates a [RowColumnNode] with the given data.
   RowColumnNode({
@@ -60,12 +65,32 @@ class RowColumnNode extends ParentNode with RowColumnMixin {
     super.reactions,
     super.parentID,
     super.clipsContent = false,
+    // [ScrollableMixin] properties.
+    bool isScrollable = false,
+    bool reverse = false,
+    ScrollPhysicsC physics = ScrollPhysicsC.alwaysScrollableScrollPhysics,
+    bool primary = true,
+    bool shrinkWrap = false,
+    ScrollViewKeyboardDismissBehaviorC keyboardDismissBehavior =
+        ScrollViewKeyboardDismissBehaviorC.manual,
+    bool useFlutterListView = false,
   }) {
     setRowColumnMixin(
       rowColumnType: rowColumnType,
       mainAxisAlignment: mainAxisAlignment,
       crossAxisAlignment: crossAxisAlignment,
     );
+
+    setScrollableMixin(
+      isScrollable: isScrollable,
+      scrollDirection: scrollDirection,
+      reverse: reverse,
+      physics: physics,
+      primary: primary,
+      shrinkWrap: shrinkWrap,
+      keyboardDismissBehavior: keyboardDismissBehavior,
+      useFlutterListView: useFlutterListView,
+    );
   }
 
   /// Creates a [RowColumnNode] from a JSON data.