Cloud UI #52

Author: SaadArdati

lib/src/data/data_manager.dart

@@ -656,14 +656,23 @@ class DataManager {
       log('Layout ID map changed. Updating...');
     }
 
+    final bool disabledLayoutsChanged = !(const ListEquality()
+        .equals(localModel.disabledLayouts, serverModel.disabledLayouts));
+    if (disabledLayoutsChanged) {
+      localModel =
+          localModel.copyWith(disabledLayouts: serverModel.disabledLayouts);
+      log('Disabled layouts changed. Updating...');
+    }
+
     if (layoutUpdates.isEmpty &&
         fontUpdates.isEmpty &&
         apiUpdates.isEmpty &&
         variableUpdates.isEmpty &&
         conditionUpdates.isEmpty &&
         !templateChanged &&
         !entryChanged &&
-        !didLayoutIDMapChange) {
+        !didLayoutIDMapChange &&
+        !disabledLayoutsChanged) {
       log('No updates to process.');
       return;
     } else {
@@ -675,6 +684,8 @@ class DataManager {
       log('      | ${conditionUpdates.length} condition updates.');
       log('      | ${templateChanged ? 1 : 0} template update${templateChanged ? '' : 's'}.');
       log('      | ${entryChanged ? 1 : 0} entry id update${entryChanged ? '' : 's'}.');
+      log('      | ${didLayoutIDMapChange ? 'Layout ID map changed.' : 'No layout ID map changes.'}');
+      log('      | ${disabledLayoutsChanged ? 'Disabled layout IDs changed.' : 'No disabled layout IDs changed.'}');
     }
 
     for (final String layoutID in layoutUpdates.keys) {

lib/src/ui/codelessly_loading_screen.dart

@@ -1,15 +1,9 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 
-class CodelesslyLoadingScreen extends StatefulWidget {
+class CodelesslyLoadingScreen extends StatelessWidget {
   const CodelesslyLoadingScreen({super.key});
 
-  @override
-  State<CodelesslyLoadingScreen> createState() =>
-      _CodelesslyLoadingScreenState();
-}
-
-class _CodelesslyLoadingScreenState extends State<CodelesslyLoadingScreen> {
   @override
   Widget build(BuildContext context) => const SizedBox.shrink();
 }

lib/src/ui/codelessly_widget.dart

@@ -446,6 +446,34 @@ class _CodelesslyWidgetState extends State<CodelesslyWidget> {
     super.dispose();
   }
 
+  /// Retrieves a canvas ID for a layout group based on the current screen size.
+  /// Returns null if the layout group does not have a canvas for the current
+  /// screen size or if the layout group does not exist.
+  String? _getCanvasIDForLayoutGroup(
+      String? layoutID, SDKPublishModel model, Size screenSize) {
+    if (layoutID != null && model.layouts.containsKey(layoutID)) {
+      final SDKPublishLayout? layout = model.layouts[layoutID];
+      if (layout != null) {
+        if (layout.canvases.length == 1) {
+          // standalone layout. No need to check breakpoints.
+          return layout.canvases.keys.first;
+        }
+        // this layout belongs to a layout group. Load correct layout
+        // for the current breakpoint.
+        final width = screenSize.width;
+        final breakpoints = layout.breakpoints;
+        // Get a breakpoint for the current width.
+        final breakpoint = breakpoints.findForWidth(width);
+        if (breakpoint != null) {
+          // print(
+          //     'Found breakpoint for width ${width.toInt()}: ${breakpoint.nodeId}');
+          return breakpoint.nodeId;
+        }
+      }
+    }
+    return null;
+  }
+
   /// Once the SDK is successfully initialized, we can build the layout.
   /// A [StreamBuilder] is used to listen to layout changes whenever a user
   /// publishes a new update through the Codelessly publish menu, the changes
@@ -641,31 +669,3 @@ class _NavigationBuilderState extends State<_NavigationBuilder> {
   @override
   Widget build(BuildContext context) => widget.builder(context);
 }
-
-/// Retrieves a canvas ID for a layout group based on the current screen size.
-/// Returns null if the layout group does not have a canvas for the current
-/// screen size or if the layout group does not exist.
-String? _getCanvasIDForLayoutGroup(
-    String? layoutID, SDKPublishModel model, Size screenSize) {
-  if (layoutID != null && model.layouts.containsKey(layoutID)) {
-    final SDKPublishLayout? layout = model.layouts[layoutID];
-    if (layout != null) {
-      if (layout.canvases.length == 1) {
-        // standalone layout. No need to check breakpoints.
-        return layout.canvases.keys.first;
-      }
-      // this layout belongs to a layout group. Load correct layout
-      // for the current breakpoint.
-      final width = screenSize.width;
-      final breakpoints = layout.breakpoints;
-      // Get a breakpoint for the current width.
-      final breakpoint = breakpoints.findForWidth(width);
-      if (breakpoint != null) {
-        // print(
-        //     'Found breakpoint for width ${width.toInt()}: ${breakpoint.nodeId}');
-        return breakpoint.nodeId;
-      }
-    }
-  }
-  return null;
-}