Merge pull request #39 from Codelessly/claude/affectionate-knuth-n1ntdj

codelessly_api 6.2.0: line chart node, API call handlers, runtime UI styling, URL paths

Author: BuildCodelessly

CHANGELOG.md

@@ -30,6 +30,45 @@
   as its tallest item (like a `Row` in an `IntrinsicHeight`) instead of a
   fixed `mainAxisExtent` or `childAspectRatio`. Default false, left out of
   the JSON.
+- `CornerRadius.fromJson` accepts a bare number (a circular radius on every
+  corner), like `EdgeInsetsModel` does.
+- `ApiCallAction.onSuccess` and `onError`: actions to run after the call
+  answers with a 2xx status, or after it fails or answers with another.
+- `ActionModel.childActions` and `selfAndNestedActions` walk actions nested
+  in conditionals, for-each loops and API call handlers.
+- `NavigationAction.destinationId` defaults to `''`: a pop needs none, and
+  for a pop it names where to go when there is nothing to go back to. It is
+  still always written, for SDKs that require it.
+- `PaintModel.saturation` (default 1, left out of the JSON when 1): an image
+  fill's color saturation; 0 is greyscale.
+- `CanvasProperties.path`: an optional URL path for a screen, such as
+  `journal` or `guide/:id`, for links that open it with its parameters.
+- Styling for the runtime's own UI, all optional and left out of the JSON
+  when unset, so saved designs keep their look:
+  - `ShowToastAction`: `actionColor`, `showClose`, `closeColor`,
+    `border` (`BorderSideModel`), `shadows` (drop shadow
+    `Effect`s), `padding`, `maxWidth`, `messageStyle`, `actionStyle`,
+    `iconSize`, and `bottomOffsets` (per `ScreenBreakpoint`, e.g.
+    `{"mobile": 84}`, see `bottomOffsetFor`).
+  - `ConfirmAction`: `border`, `shadows`, `titleStyle`, `messageStyle`,
+    `buttonStyle`, `buttonRadius`, `buttonBorder`, `buttonShadows`,
+    `confirmTextColor`, `cancelColor`, `cancelTextColor`.
+  - `DropdownProperties`: `menuStyle` (`DropdownMenuStyleModel`: an anchored
+    menu card's color, border, radius, shadows, offset, sizes, paddings,
+    selected and hover row colors, selected text style and check mark) and
+    `itemImage` (a URL or item template such as `${item.image}`),
+    `itemImageSize`, `itemImageRadius`.
+  - `TextStyleModel`: a partial text style (font family, weight, italic,
+    size, line height, letter spacing, color).
+- `LineChartNode` (`lineChart`) and `LineChartProperties`: a data-driven
+  line chart. The series, domain, bands, grid lines, area bands, reference
+  lines, x ticks, markers and vertical lines are bound through `variables`
+  (see the class docs for their JSON shapes); colors, insets, curve style,
+  text styles and the scrub readout are properties.
+- `BaseNode.squeezable` (`"squeezable": true`, default `false` and left out
+  of the JSON): a node that wraps its content (`SizeFit.shrinkWrap`) on its
+  Row/Column's main axis may shrink below it when the Row/Column runs out of
+  space, like `Flexible(fit: FlexFit.loose)` around a shrink-wrapped child.
 
 ### Fixes
 

lib/src/api/models/action/action.dart

@@ -326,3 +326,27 @@ abstract interface class DataOperationInterface {
   /// Operation to be performed on the int/double type variable.
   abstract final NumberOperation numberOperation;
 }
+
+/// Walks the actions nested in other actions.
+extension NestedActions on ActionModel {
+  /// The actions this action runs itself: a conditional's branches, a
+  /// for-each body, an API call's onSuccess/onError, a confirm's or toast's
+  /// buttons and a cloud files action's follow-ups.
+  List<ActionModel> get childActions => switch (this) {
+    final ConditionalAction a => [...a.actions, ...a.elseActions],
+    final ForEachAction a => a.actions,
+    final ApiCallAction a => [...a.onSuccess, ...a.onError],
+    final ConfirmAction a => [...a.actions, ...a.cancelActions],
+    final ShowToastAction a => a.actions,
+    final CloudFilesAction a => a.actions,
+    _ => const [],
+  };
+
+  /// This action followed by every action nested in it, depth first.
+  Iterable<ActionModel> get selfAndNestedActions sync* {
+    yield this;
+    for (final ActionModel child in childActions) {
+      yield* child.selfAndNestedActions;
+    }
+  }
+}

lib/src/api/models/action/api_call_action.dart

@@ -2,13 +2,16 @@ import 'package:json_annotation/json_annotation.dart';
 import 'package:equatable/equatable.dart';
 
 import '../../mixins.dart';
-import '../condition.dart';
-import 'action.dart';
-import '../../json_defaults.dart';
+import '../models.dart';
 
 part 'api_call_action.g.dart';
 
 /// Holds information about an API call action to perform on a user interaction.
+///
+/// The response is the chain's `${result}` afterwards (`${result.data}`,
+/// `${result.isError}`, `${result.statusCode}`, ...). [onSuccess] runs after a
+/// 2xx response and [onError] after any other response or a failed request.
+/// With [onError] actions, a failed request doesn't stop the chain.
 @JsonSerializable()
 class ApiCallAction extends ActionModel with Equatable, SerializableMixin {
   /// ID of the API to call.
@@ -17,25 +20,43 @@ class ApiCallAction extends ActionModel with Equatable, SerializableMixin {
   /// Parameters to pass to the API.
   final Map<String, String> parameters;
 
+  /// Actions to run, in order, after a successful (2xx) response.
+  final List<ActionModel> onSuccess;
+
+  /// Actions to run, in order, after an error response or a failed request.
+  final List<ActionModel> onError;
+
   /// Creates an [ApiCallAction] with the given data.
   ApiCallAction({
     this.apiId,
     Map<String, String>? parameters,
+    List<ActionModel>? onSuccess,
+    List<ActionModel>? onError,
     super.nonBlocking,
     super.enabled,
   }) : parameters = parameters ?? {},
+       onSuccess = onSuccess ?? [],
+       onError = onError ?? [],
        super(type: ActionType.callApi);
 
   @override
-  List<Object?> get props => [apiId, parameters];
+  List<Object?> get props => [apiId, parameters, onSuccess, onError];
 
   /// Creates a copy of this [ApiCallAction] but with the given fields replaced
   /// with the new values.
-  ApiCallAction copyWith({String? apiId, Map<String, String>? parameters}) =>
-      ApiCallAction(
-        apiId: apiId ?? this.apiId,
-        parameters: parameters ?? this.parameters,
-      );
+  ApiCallAction copyWith({
+    String? apiId,
+    Map<String, String>? parameters,
+    List<ActionModel>? onSuccess,
+    List<ActionModel>? onError,
+  }) => ApiCallAction(
+    apiId: apiId ?? this.apiId,
+    parameters: parameters ?? this.parameters,
+    onSuccess: onSuccess ?? this.onSuccess,
+    onError: onError ?? this.onError,
+    nonBlocking: nonBlocking,
+    enabled: enabled,
+  );
 
   /// Creates a new [ApiCallAction] from a JSON object.
   factory ApiCallAction.fromJson(Map json) => _$ApiCallActionFromJson(json);

lib/src/api/models/action/api_call_action.g.dart

@@ -11,7 +11,8 @@ part 'confirm_action.g.dart';
 ///
 /// By default the dialog is built by the runtime and takes the app's look:
 /// its font, primary color and surface come from the layout that shows it.
-/// The optional color and radius fields override that look.
+/// The optional color, radius, border, shadow and text style fields
+/// override that look.
 ///
 /// With a [dialogId] the dialog is that canvas instead, like
 /// [ShowDialogAction]. A button in it answers the dialog with a "Navigate
@@ -74,6 +75,44 @@ class ConfirmAction extends ActionModel with Equatable, SerializableMixin {
   /// Corner radius of the built-in dialog. Null follows the app's buttons.
   final double? cornerRadius;
 
+  /// Outline of the built-in dialog. Null draws none.
+  final BorderSideModel? border;
+
+  /// Drop shadows of the built-in dialog, e.g. a hard offset shadow (radius
+  /// 0). Null keeps the default elevation shadow; an empty list draws none.
+  final List<Effect>? shadows;
+
+  /// Font, size and color of the title. Unset values follow the app.
+  final TextStyleModel? titleStyle;
+
+  /// Font, size and color of the message. Unset values follow the app.
+  final TextStyleModel? messageStyle;
+
+  /// Font, size and color of both buttons' labels. Unset values follow the
+  /// app; the label colors come from [confirmTextColor] and
+  /// [cancelTextColor] when this sets none.
+  final TextStyleModel? buttonStyle;
+
+  /// Corner radius of the buttons. Null follows the app's buttons.
+  final double? buttonRadius;
+
+  /// Outline of both buttons. Null draws none.
+  final BorderSideModel? buttonBorder;
+
+  /// Drop shadows of the confirm button, and of the cancel button when it
+  /// has a [cancelColor]. Null draws none.
+  final List<Effect>? buttonShadows;
+
+  /// Label color of the confirm button. Null picks one that reads on its
+  /// fill.
+  final ColorRGBA? confirmTextColor;
+
+  /// Fill of the cancel button. Null leaves it a text button.
+  final ColorRGBA? cancelColor;
+
+  /// Label color of the cancel button. Null uses the dialog's text color.
+  final ColorRGBA? cancelTextColor;
+
   /// How the dialog is presented: centered, as a bottom sheet or as a side
   /// sheet. See [ShowDialogAction.presentation].
   @JsonKey(unknownEnumValue: DialogPresentation.dialog)
@@ -127,6 +166,17 @@ class ConfirmAction extends ActionModel with Equatable, SerializableMixin {
     this.textColor,
     this.confirmColor,
     this.cornerRadius,
+    this.border,
+    this.shadows,
+    this.titleStyle,
+    this.messageStyle,
+    this.buttonStyle,
+    this.buttonRadius,
+    this.buttonBorder,
+    this.buttonShadows,
+    this.confirmTextColor,
+    this.cancelColor,
+    this.cancelTextColor,
     this.presentation = DialogPresentation.dialog,
     this.sheetWidth,
     this.maxHeightFactor = 1,
@@ -161,6 +211,28 @@ class ConfirmAction extends ActionModel with Equatable, SerializableMixin {
     bool clearConfirmColor = false,
     double? cornerRadius,
     bool clearCornerRadius = false,
+    BorderSideModel? border,
+    bool clearBorder = false,
+    List<Effect>? shadows,
+    bool clearShadows = false,
+    TextStyleModel? titleStyle,
+    bool clearTitleStyle = false,
+    TextStyleModel? messageStyle,
+    bool clearMessageStyle = false,
+    TextStyleModel? buttonStyle,
+    bool clearButtonStyle = false,
+    double? buttonRadius,
+    bool clearButtonRadius = false,
+    BorderSideModel? buttonBorder,
+    bool clearButtonBorder = false,
+    List<Effect>? buttonShadows,
+    bool clearButtonShadows = false,
+    ColorRGBA? confirmTextColor,
+    bool clearConfirmTextColor = false,
+    ColorRGBA? cancelColor,
+    bool clearCancelColor = false,
+    ColorRGBA? cancelTextColor,
+    bool clearCancelTextColor = false,
     DialogPresentation? presentation,
     double? sheetWidth,
     bool clearSheetWidth = false,
@@ -184,6 +256,23 @@ class ConfirmAction extends ActionModel with Equatable, SerializableMixin {
     textColor: clearTextColor ? null : textColor ?? this.textColor,
     confirmColor: clearConfirmColor ? null : confirmColor ?? this.confirmColor,
     cornerRadius: clearCornerRadius ? null : cornerRadius ?? this.cornerRadius,
+    border: clearBorder ? null : border ?? this.border,
+    shadows: clearShadows ? null : shadows ?? this.shadows,
+    titleStyle: clearTitleStyle ? null : titleStyle ?? this.titleStyle,
+    messageStyle: clearMessageStyle ? null : messageStyle ?? this.messageStyle,
+    buttonStyle: clearButtonStyle ? null : buttonStyle ?? this.buttonStyle,
+    buttonRadius: clearButtonRadius ? null : buttonRadius ?? this.buttonRadius,
+    buttonBorder: clearButtonBorder ? null : buttonBorder ?? this.buttonBorder,
+    buttonShadows: clearButtonShadows
+        ? null
+        : buttonShadows ?? this.buttonShadows,
+    confirmTextColor: clearConfirmTextColor
+        ? null
+        : confirmTextColor ?? this.confirmTextColor,
+    cancelColor: clearCancelColor ? null : cancelColor ?? this.cancelColor,
+    cancelTextColor: clearCancelTextColor
+        ? null
+        : cancelTextColor ?? this.cancelTextColor,
     presentation: presentation ?? this.presentation,
     sheetWidth: clearSheetWidth ? null : sheetWidth ?? this.sheetWidth,
     maxHeightFactor: maxHeightFactor ?? this.maxHeightFactor,
@@ -209,6 +298,17 @@ class ConfirmAction extends ActionModel with Equatable, SerializableMixin {
     textColor,
     confirmColor,
     cornerRadius,
+    border,
+    shadows,
+    titleStyle,
+    messageStyle,
+    buttonStyle,
+    buttonRadius,
+    buttonBorder,
+    buttonShadows,
+    confirmTextColor,
+    cancelColor,
+    cancelTextColor,
     presentation,
     sheetWidth,
     maxHeightFactor,

lib/src/api/models/action/confirm_action.dart

@@ -38,7 +38,10 @@ class NavigationAction extends ActionModel with Equatable, SerializableMixin {
   /// Defines how the navigation should be performed.
   final NavigationType navigationType;
 
-  /// Destination canvas node's ID.
+  /// Destination canvas node's ID. For a pop it's optional: where to go
+  /// instead when there is no previous screen to go back to.
+  // Always written: SDKs before the '' default require the key.
+  @JsonLegacyDefault(null)
   final String destinationId;
 
   /// Parameters to pass to the destination page.
@@ -47,7 +50,7 @@ class NavigationAction extends ActionModel with Equatable, SerializableMixin {
   /// Creates a new [NavigationAction].
   NavigationAction({
     this.navigationType = NavigationType.push,
-    required this.destinationId,
+    this.destinationId = '',
     Map<String, dynamic>? params,
     super.nonBlocking,
     super.enabled,