Simulator #16

Author: SaadArdati

lib/src/codelessly.dart

@@ -153,10 +153,12 @@ class Codelessly {
   /// If it is null, it means it has not yet been initialized.
   CloudDatabase? get cloudDatabase => dataManager.cloudDatabase;
 
+  // TODO(Saad): Move to [CodelesslyContext]
   String? _currentNavigatedLayoutId;
 
   String? get currentNavigatedLayoutId => _currentNavigatedLayoutId;
 
+  // TODO(Saad): Move to [CodelesslyContext]
   String? _currentNavigatedCanvasId;
 
   String? get currentNavigatedCanvasId => _currentNavigatedCanvasId;

lib/src/transformers/passive_transformer_manager.dart

@@ -219,6 +219,7 @@ class PassiveNodeTransformerManager extends WidgetNodeTransformerManager {
     return NodeStateProviderWidget(
       key: ValueKey(node.id),
       node: node,
+      codelesslyContext: codelesslyContext,
       child: Builder(builder: (context) {
         if (listenables.isNotEmpty) {
           return ManagedListenableBuilder(
@@ -308,9 +309,14 @@ class _ManagedListenableBuilderState extends State<ManagedListenableBuilder> {
 class NodeStateProviderWidget extends StatefulWidget {
   final Widget child;
   final BaseNode node;
+  final CodelesslyContext codelesslyContext;
 
-  const NodeStateProviderWidget(
-      {super.key, required this.child, required this.node});
+  const NodeStateProviderWidget({
+    super.key,
+    required this.child,
+    required this.node,
+    required this.codelesslyContext,
+  });
 
   @override
   State<NodeStateProviderWidget> createState() =>
@@ -321,6 +327,26 @@ class _NodeStateProviderWidgetState extends State<NodeStateProviderWidget>
     with AutomaticKeepAliveClientMixin {
   final NodeStateWrapper nodeState = NodeStateWrapper();
 
+  @override
+  void initState() {
+    super.initState();
+    widget.codelesslyContext.nodeRebuildNotifier
+        .addListener(onNodeNotification);
+  }
+
+  @override
+  void dispose() {
+    widget.codelesslyContext.nodeRebuildNotifier
+        .removeListener(onNodeNotification);
+    super.dispose();
+  }
+
+  void onNodeNotification() {
+    if (widget.codelesslyContext.nodeRebuildNotifier.value == widget.node.id) {
+      setState(() {});
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     super.build(context);

lib/src/ui/codelessly_context.dart

@@ -59,6 +59,9 @@ class CodelesslyContext with ChangeNotifier, EquatableMixin {
   /// The key is the condition's id.
   final Map<String, BaseCondition> conditions;
 
+  /// A notifier that is used to rebuild individual nodes.
+  final ValueNotifier<String> nodeRebuildNotifier = ValueNotifier('');
+
   /// Creates a [CodelesslyContext] with the given [data], [functions], and
   /// [nodeValues].
   CodelesslyContext({
@@ -81,6 +84,12 @@ class CodelesslyContext with ChangeNotifier, EquatableMixin {
         variables = {},
         conditions = {};
 
+  @override
+  void dispose() {
+    nodeRebuildNotifier.dispose();
+    super.dispose();
+  }
+
   /// Returns a map of all of the [VariableData]s in [variables] mapped by their
   /// name.
   Map<String, VariableData> variableNamesMap() =>
@@ -110,6 +119,10 @@ class CodelesslyContext with ChangeNotifier, EquatableMixin {
     );
   }
 
+  void rebuildNode(String nodeId) {
+    nodeRebuildNotifier.value = nodeId;
+  }
+
   /// Used for actions that are connected to one or more nodes.
   /// Ex. submit action is connected to a text field node to access its data to
   /// submit to the server.