Form Builder & Form Scope

examples/mirai_gallery/assets/json/example_light_theme.json

@@ -1,7 +1,6 @@
 {
     "brightness": "light",
     "disabledColor": "#60FEF7FF",
-    "fontFamily": "Handjet",
     "colorScheme": {
         "brightness": "light",
         "primary": "#6750a4",

examples/mirai_gallery/assets/json/sign_in_screen.json

@@ -0,0 +1,186 @@
+{
+  "type": "scaffold",
+  "resizeToAvoidBottomInset": false,
+  "appBar": {
+    "type": "appBar"
+  },
+  "body": {
+    "type": "padding",
+    "padding": {
+      "top": 24,
+      "bottom": 40,
+      "left": 24,
+      "right": 24
+    },
+    "child": {
+      "type": "form",
+      "child": {
+        "type": "column",
+        "crossAxisAlignment": "start",
+        "children": [
+          {
+            "type": "text",
+            "data": "Welcome Back!",
+            "style": {
+              "fontSize": 32,
+              "fontWeight": "w700"
+            }
+          },
+          {
+            "type": "sizedBox",
+            "height": 40
+          },
+          {
+            "id": "email",
+            "type": "textFormField",
+            "keyboardType": "emailAddress",
+            "textInputAction": "next",
+            "maxLines": 1,
+            "decoration": {
+              "hintText": "Email Address"
+            }
+          },
+          {
+            "type": "sizedBox",
+            "height": 16
+          },
+          {
+            "id": "password",
+            "type": "textFormField",
+            "keyboardType": "visiblePassword",
+            "textInputAction": "done",
+            "maxLines": 1,
+            "obscureText": true,
+            "decoration": {
+              "hintText": "Password",
+              "suffixIcon": {
+                "type": "icon",
+                "iconType": "cupertino",
+                "icon": "eye",
+                "size": 20
+              }
+            }
+          },
+          {
+            "type": "sizedBox",
+            "height": 8
+          },
+          {
+            "type": "row",
+            "mainAxisAlignment": "end",
+            "children": [
+              {
+                "type": "textButton",
+                "onPressed": {},
+                "child": {
+                  "type": "text",
+                  "data": "Forgot Password?",
+                  "style": {
+                    "fontSize": 14,
+                    "fontWeight": "w500",
+                    "color": "#80FFFFFF"
+                  }
+                }
+              }
+            ]
+          },
+          {
+            "type": "expanded",
+            "child": {
+              "type": "sizedBox",
+              "height": 24
+            }
+          },
+          {
+            "type": "elevatedButton",
+            "child": {
+              "type": "text",
+              "data": "Sign In"
+            },
+            "onPressed": {
+              "actionType": "networkRequest",
+              "url": "https://demo-identity.securrency.com/connect/token",
+              "method": "post",
+              "contentType": "application/x-www-form-urlencoded",
+              "body": {
+                "username": {
+                  "actionType": "getFormDataValue",
+                  "id": "email"
+                },
+                "password": {
+                  "actionType": "getFormDataValue",
+                  "id": "password"
+                },
+                "client_id": "mobile",
+                "scope": "openid email roles profile identity.public identity.admin entity securrency.finance securrency.exchange securrency.ens",
+                "grant_type": "mobile"
+              },
+              "results": [
+                {
+                  "statusCode": 200,
+                  "action": {
+                    "actionType": "navigate",
+                    "navigationStyle": "pushReplacement",
+                    "assetPath": "assets/json/user_profile_screen.json"
+                  }
+                },
+                {
+                  "statusCode": 400,
+                  "action": {
+                    "actionType": "showDialog",
+                    "widget": {
+                      "type": "alertDialog",
+                      "titlePadding": {
+                        "top": 8,
+                        "left": 12,
+                        "right": 12
+                      },
+                      "contentPadding": {
+                        "top": 8,
+                        "left": 12,
+                        "right": 12
+                      },
+                      "title": {
+                        "type": "text",
+                        "data": "Failed to SignIn",
+                        "align": "center",
+                        "style": {
+                          "fontSize": 21
+                        }
+                      },
+                      "content": {
+                        "type": "text",
+                        "data": "Invalid username or password.",
+                        "align": "center",
+                        "style": {
+                          "fontSize": 14
+                        }
+                      },
+                      "actions": [
+                        {
+                          "type": "textButton",
+                          "child": {
+                            "type": "text",
+                            "data": "OK"
+                          },
+                          "onPressed": {
+                            "actionType": "navigate",
+                            "navigationStyle": "pop"
+                          }
+                        },
+                        {
+                          "type": "sizedBox",
+                          "width": 12
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  }
+}

examples/mirai_gallery/assets/json/user_profile_screen.json

@@ -0,0 +1,43 @@
+{
+    "type": "scaffold",
+    "resizeToAvoidBottomInset": false,
+    "appBar": {
+        "type": "appBar",
+        "title": {
+            "type": "text",
+            "data": "Welcome!"
+        }
+    },
+    "body": {
+        "type": "column",
+        "crossAxisAlignment": "start",
+        "children": [
+            {
+                "type": "expanded",
+                "child": {
+                    "type": "padding",
+                    "padding": {
+                        "top": 24,
+                        "left": 24,
+                        "right": 24,
+                        "bottom": 24
+                    },
+                    "child": {
+                        "type": "column",
+                        "children": [
+                            {
+                                "type": "text",
+                                "data": "You will see your profile details here.",
+                                "textAlign": "center",
+                                "style": {
+                                    "fontSize": 16,
+                                    "fontWeight": "w400"
+                                }
+                            }
+                        ]
+                    }
+                }
+            }
+        ]
+    }
+}

examples/mirai_gallery/lib/app/example/example_screen.freezed.dart

@@ -62,30 +62,30 @@ class _$ExampleScreenCopyWithImpl<$Res, $Val extends ExampleScreen>
 }
 
 /// @nodoc
-abstract class _$$_ExampleScreenCopyWith<$Res>
+abstract class _$$ExampleScreenImplCopyWith<$Res>
     implements $ExampleScreenCopyWith<$Res> {
-  factory _$$_ExampleScreenCopyWith(
-          _$_ExampleScreen value, $Res Function(_$_ExampleScreen) then) =
-      __$$_ExampleScreenCopyWithImpl<$Res>;
+  factory _$$ExampleScreenImplCopyWith(
+          _$ExampleScreenImpl value, $Res Function(_$ExampleScreenImpl) then) =
+      __$$ExampleScreenImplCopyWithImpl<$Res>;
   @override
   @useResult
   $Res call({String assetPath});
 }
 
 /// @nodoc
-class __$$_ExampleScreenCopyWithImpl<$Res>
-    extends _$ExampleScreenCopyWithImpl<$Res, _$_ExampleScreen>
-    implements _$$_ExampleScreenCopyWith<$Res> {
-  __$$_ExampleScreenCopyWithImpl(
-      _$_ExampleScreen _value, $Res Function(_$_ExampleScreen) _then)
+class __$$ExampleScreenImplCopyWithImpl<$Res>
+    extends _$ExampleScreenCopyWithImpl<$Res, _$ExampleScreenImpl>
+    implements _$$ExampleScreenImplCopyWith<$Res> {
+  __$$ExampleScreenImplCopyWithImpl(
+      _$ExampleScreenImpl _value, $Res Function(_$ExampleScreenImpl) _then)
       : super(_value, _then);
 
   @pragma('vm:prefer-inline')
   @override
   $Res call({
     Object? assetPath = null,
   }) {
-    return _then(_$_ExampleScreen(
+    return _then(_$ExampleScreenImpl(
       assetPath: null == assetPath
           ? _value.assetPath
           : assetPath // ignore: cast_nullable_to_non_nullable
@@ -96,11 +96,11 @@ class __$$_ExampleScreenCopyWithImpl<$Res>
 
 /// @nodoc
 @JsonSerializable()
-class _$_ExampleScreen implements _ExampleScreen {
-  const _$_ExampleScreen({required this.assetPath});
+class _$ExampleScreenImpl implements _ExampleScreen {
+  const _$ExampleScreenImpl({required this.assetPath});
 
-  factory _$_ExampleScreen.fromJson(Map<String, dynamic> json) =>
-      _$$_ExampleScreenFromJson(json);
+  factory _$ExampleScreenImpl.fromJson(Map<String, dynamic> json) =>
+      _$$ExampleScreenImplFromJson(json);
 
   @override
   final String assetPath;
@@ -114,7 +114,7 @@ class _$_ExampleScreen implements _ExampleScreen {
   bool operator ==(dynamic other) {
     return identical(this, other) ||
         (other.runtimeType == runtimeType &&
-            other is _$_ExampleScreen &&
+            other is _$ExampleScreenImpl &&
             (identical(other.assetPath, assetPath) ||
                 other.assetPath == assetPath));
   }
@@ -126,28 +126,28 @@ class _$_ExampleScreen implements _ExampleScreen {
   @JsonKey(ignore: true)
   @override
   @pragma('vm:prefer-inline')
-  _$$_ExampleScreenCopyWith<_$_ExampleScreen> get copyWith =>
-      __$$_ExampleScreenCopyWithImpl<_$_ExampleScreen>(this, _$identity);
+  _$$ExampleScreenImplCopyWith<_$ExampleScreenImpl> get copyWith =>
+      __$$ExampleScreenImplCopyWithImpl<_$ExampleScreenImpl>(this, _$identity);
 
   @override
   Map<String, dynamic> toJson() {
-    return _$$_ExampleScreenToJson(
+    return _$$ExampleScreenImplToJson(
       this,
     );
   }
 }
 
 abstract class _ExampleScreen implements ExampleScreen {
   const factory _ExampleScreen({required final String assetPath}) =
-      _$_ExampleScreen;
+      _$ExampleScreenImpl;
 
   factory _ExampleScreen.fromJson(Map<String, dynamic> json) =
-      _$_ExampleScreen.fromJson;
+      _$ExampleScreenImpl.fromJson;
 
   @override
   String get assetPath;
   @override
   @JsonKey(ignore: true)
-  _$$_ExampleScreenCopyWith<_$_ExampleScreen> get copyWith =>
+  _$$ExampleScreenImplCopyWith<_$ExampleScreenImpl> get copyWith =>
       throw _privateConstructorUsedError;
 }

examples/mirai_gallery/lib/main.dart

@@ -1,3 +1,7 @@
+import 'dart:io';
+
+import 'package:dio/dio.dart';
+import 'package:dio/io.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:mirai/mirai.dart';
@@ -8,11 +12,18 @@ import 'package:mirai_gallery/app_theme/app_theme_cubit.dart';
 import 'package:mirai_webview/mirai_webview.dart';
 
 void main() async {
+  Dio dio = Dio();
+  (dio.httpClientAdapter as IOHttpClientAdapter).createHttpClient = () =>
+      HttpClient()
+        ..badCertificateCallback =
+            (X509Certificate cert, String host, int port) => true;
+
   await Mirai.initialize(
     parsers: const [
       ExampleScreenParser(),
       MiraiWebViewParser(),
     ],
+    dio: dio,
   );
 
   runApp(const MyApp());