Saad Advanced Dynamic Settings #1

Author: SaadArdati

lib/src/transformers/node_transformers/passive_checkbox_transformer.dart

@@ -14,16 +14,9 @@ class PassiveCheckboxTransformer extends NodeWidgetTransformer<CheckboxNode> {
     WidgetBuildSettings settings,
   ) {
     if (settings.isPreview) {
-      bool? effectiveValue = node.value;
-      return StatefulBuilder(
-        builder: (context, setState) => TransformerCheckbox(
-          node: node,
-          settings: settings,
-          onChanged: (context, value) => setState(() {
-            effectiveValue = value;
-          }),
-          value: effectiveValue,
-        ),
+      return PreviewCheckboxWidget(
+        node: node,
+        settings: settings,
       );
     } else {
       return PassiveCheckboxWidget(
@@ -34,16 +27,46 @@ class PassiveCheckboxTransformer extends NodeWidgetTransformer<CheckboxNode> {
   }
 }
 
+class PreviewCheckboxWidget extends StatefulWidget {
+  const PreviewCheckboxWidget({
+    super.key,
+    required this.node,
+    required this.settings,
+  });
+
+  final CheckboxNode node;
+  final WidgetBuildSettings settings;
+
+  @override
+  State<PreviewCheckboxWidget> createState() => _PreviewCheckboxWidgetState();
+}
+
+class _PreviewCheckboxWidgetState extends State<PreviewCheckboxWidget> {
+  bool? effectiveValue = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return TransformerCheckbox(
+      node: widget.node,
+      settings: widget.settings,
+      onChanged: (context, value) => setState(() {
+        effectiveValue = value;
+      }),
+      value: effectiveValue,
+    );
+  }
+}
+
 class PassiveCheckboxWidget extends StatelessWidget {
   final CheckboxNode node;
   final WidgetBuildSettings settings;
-  final List<VariableData> variables;
+  final List<VariableData> variablesOverrides;
 
   const PassiveCheckboxWidget({
     super.key,
     required this.node,
     required this.settings,
-    this.variables = const [],
+    this.variablesOverrides = const [],
   });
 
   void onChanged(BuildContext context, bool? internalValue) {
@@ -60,7 +83,10 @@ class PassiveCheckboxWidget extends StatelessWidget {
     final bool? value = PropertyValueDelegate.getPropertyValue<bool>(
           node,
           'value',
-          scopedValues: ScopedValues.of(context, variablesOverrides: variables),
+          scopedValues: ScopedValues.of(
+            context,
+            variablesOverrides: variablesOverrides,
+          ),
         ) ??
         node.value;
 
@@ -69,7 +95,7 @@ class PassiveCheckboxWidget extends StatelessWidget {
       settings: settings,
       value: value,
       onChanged: onChanged,
-      variables: variables,
+      variables: variablesOverrides,
     );
   }
 }

lib/src/transformers/node_transformers/passive_slider_transformer.dart

@@ -13,92 +13,80 @@ class PassiveSliderTransformer extends NodeWidgetTransformer<SliderNode> {
     BuildContext context,
     WidgetBuildSettings settings,
   ) {
-    return buildFromNode(context, node, settings);
+    if (settings.isPreview) {
+      return PreviewSliderWidget(
+        node: node,
+        settings: settings,
+      );
+    } else {
+      return PassiveSliderWidget(
+        node: node,
+        settings: settings,
+      );
+    }
   }
+}
 
-  Widget buildFromProps(
-    BuildContext context, {
-    required SliderProperties props,
-    required double height,
-    required double width,
-    double value = 0,
-    required WidgetBuildSettings settings,
-  }) {
-    final node = SliderNode(
-      id: '',
-      name: 'Slider',
-      basicBoxLocal: NodeBox(0, 0, width, height),
-      retainedOuterBoxLocal: NodeBox(0, 0, width, height),
-      properties: props,
-      value: value,
-    );
-    return buildFromNode(context, node, settings);
-  }
+class PreviewSliderWidget extends StatefulWidget {
+  const PreviewSliderWidget({
+    super.key,
+    required this.node,
+    required this.settings,
+  });
 
-  Widget buildPreview({
-    SliderProperties? properties,
-    SliderNode? node,
-    double height = kSliderDefaultHeight,
-    double width = kSliderDefaultWidth,
-    double value = 0,
-    ValueChanged<double>? onChanged,
-    WidgetBuildSettings settings = const WidgetBuildSettings(
-      debugLabel: 'buildPreview',
-      replaceVariablesWithSymbols: true,
-    ),
-  }) {
-    final previewNode = SliderNode(
-      properties: properties ?? node?.properties ?? SliderProperties(),
-      id: '',
-      name: 'Slider',
-      value: value,
-      basicBoxLocal: NodeBox(0, 0, width, height),
-      retainedOuterBoxLocal: NodeBox(0, 0, width, height),
-    );
-    previewNode.value = value;
-    return PassiveSliderWidget(
-      node: previewNode,
-      onChanged: (context, value) => onChanged?.call(value),
-      settings: settings,
-    );
-  }
+  final SliderNode node;
+  final WidgetBuildSettings settings;
 
-  Widget buildFromNode(
-    BuildContext context,
-    SliderNode node,
-    WidgetBuildSettings settings,
-  ) {
-    return PassiveSliderWidget(
-      node: node,
-      settings: settings,
-      onChanged: (context, value) => onChanged(context, node, value),
-    );
-  }
+  @override
+  State<PreviewSliderWidget> createState() => _PreviewSliderWidgetState();
+}
 
-  void onChanged(BuildContext context, SliderNode node, double internalValue) {
-    NodeStateProvider.setState(context, internalValue);
-    FunctionsRepository.setPropertyValue(context,
-        node: node, property: 'value', value: internalValue);
+class _PreviewSliderWidgetState extends State<PreviewSliderWidget> {
+  double effectiveValue = 0;
 
-    FunctionsRepository.triggerAction(
-        context, node: node, TriggerType.changed, value: internalValue);
+  @override
+  Widget build(BuildContext context) {
+    return TransformerSlider(
+      node: widget.node,
+      settings: widget.settings,
+      onChanged: (value) => setState(() {
+        effectiveValue = value;
+      }),
+      value: effectiveValue,
+    );
   }
 }
 
 class PassiveSliderWidget extends StatelessWidget {
   final SliderNode node;
   final WidgetBuildSettings settings;
   final List<VariableData> variablesOverrides;
-  final void Function(BuildContext context, double value)? onChanged;
 
   const PassiveSliderWidget({
     super.key,
     required this.node,
     required this.settings,
-    required this.onChanged,
     this.variablesOverrides = const [],
   });
 
+  void onChanged(BuildContext context, double internalValue) {
+    NodeStateProvider.setState(context, internalValue);
+
+    FunctionsRepository.setPropertyValue(
+      context,
+      node: node,
+      property: 'value',
+      value: internalValue,
+    );
+
+    FunctionsRepository.triggerAction(
+      context,
+      node: node,
+      TriggerType.changed,
+      value: internalValue,
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final ScopedValues scopedValues = ScopedValues.of(
@@ -112,8 +100,34 @@ class PassiveSliderWidget extends StatelessWidget {
         ) ??
         node.value;
 
-    // final double value = variables.getDoubleById(node.variables['value'] ?? '',
-    //     defaultValue: node.value);
+    return TransformerSlider(
+      node: node,
+      settings: settings,
+      variablesOverrides: variablesOverrides,
+      onChanged: (value) => onChanged(context, value),
+      value: value,
+    );
+  }
+}
+
+class TransformerSlider extends StatelessWidget {
+  const TransformerSlider({
+    super.key,
+    required this.node,
+    required this.settings,
+    required this.onChanged,
+    required this.value,
+    this.variablesOverrides = const [],
+  });
+
+  final SliderNode node;
+  final WidgetBuildSettings settings;
+  final List<VariableData> variablesOverrides;
+  final ValueChanged<double>? onChanged;
+  final double value;
+
+  @override
+  Widget build(BuildContext context) {
     final SliderTrackShape trackShape;
     if (node.properties.trackShape == SliderTrackShapeEnum.rectangle) {
       trackShape = const RectangularSliderTrackShape();
@@ -170,7 +184,7 @@ class PassiveSliderWidget extends StatelessWidget {
         ),
         child: Slider(
           value: value,
-          onChanged: (value) => onChanged?.call(context, value),
+          onChanged: onChanged,
           autofocus: node.properties.autofocus,
           min: node.properties.min,
           max: node.properties.max,

lib/src/transformers/node_transformers/passive_switch_transformer.dart

@@ -14,16 +14,9 @@ class PassiveSwitchTransformer extends NodeWidgetTransformer<SwitchNode> {
     WidgetBuildSettings settings,
   ) {
     if (settings.isPreview) {
-      bool effectiveValue = node.value;
-      return StatefulBuilder(
-        builder: (context, setState) => TransformerSwitch(
-          node: node,
-          settings: settings,
-          onChanged: (context, value) => setState(() {
-            effectiveValue = value;
-          }),
-          value: effectiveValue,
-        ),
+      return PreviewSwitchWidget(
+        node: node,
+        settings: settings,
       );
     } else {
       return PassiveSwitchWidget(
@@ -34,6 +27,36 @@ class PassiveSwitchTransformer extends NodeWidgetTransformer<SwitchNode> {
   }
 }
 
+class PreviewSwitchWidget extends StatefulWidget {
+  const PreviewSwitchWidget({
+    super.key,
+    required this.node,
+    required this.settings,
+  });
+
+  final SwitchNode node;
+  final WidgetBuildSettings settings;
+
+  @override
+  State<PreviewSwitchWidget> createState() => _PreviewSwitchWidgetState();
+}
+
+class _PreviewSwitchWidgetState extends State<PreviewSwitchWidget> {
+  bool effectiveValue = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return TransformerSwitch(
+      node: widget.node,
+      settings: widget.settings,
+      onChanged: (context, value) => setState(() {
+        effectiveValue = value;
+      }),
+      value: effectiveValue,
+    );
+  }
+}
+
 class PassiveSwitchWidget extends StatelessWidget {
   final SwitchNode node;
   final WidgetBuildSettings settings;

lib/src/utils/extensions.dart

@@ -1717,7 +1717,7 @@ extension BaseConditionExt on BaseCondition {
             ..removeAll(predefinedListenableVariableNames))) ??
       {};
 
-  /// [variables] is a map of variable name to variable value.
+  /// [variablesOverrides] is a map of variable name to variable value.
   R? evaluate<R extends Object>(ScopedValues scopedValues) => accept<R>(
         ConditionEvaluator<R>(scopedValues: scopedValues),
       );
@@ -1808,13 +1808,13 @@ extension CanvasConditionsExt on CanvasConditions {
 }
 
 extension ExpressionExt on BaseExpression {
-  /// [variables] is a map of variable names and their values.
+  /// [variablesOverrides] is a map of variable names and their values.
   bool evaluate(ScopedValues scopedValues) =>
       accept<bool>(ConditionEvaluator<bool>(scopedValues: scopedValues))!;
 }
 
 extension ExpressionPartExt on ExpressionPart {
-  /// [variables] is a map of variable name and its value.
+  /// [variablesOverrides] is a map of variable name and its value.
   dynamic evaluate(ScopedValues scopedValues) =>
       accept(ConditionEvaluator(scopedValues: scopedValues));
 }