json_flit 0.0.1 → 0.0.3

data/demo/app/assets/pages/for_each.json

@@ -0,0 +1,130 @@
+{
+  "type": "set_value",
+  "args": {
+    "entries": {
+      "values": [
+        "align",
+        "animated_align",
+        "animated_container",
+        "animated_cross_fade",
+        "animated_default_text_style",
+        "animated_opacity",
+        "animated_padding",
+        "animated_physical_model",
+        "animated_positioned",
+        "animated_positioned_directional",
+        "animated_size",
+        "animated_switcher",
+        "animated_theme",
+        "aspect_ratio",
+        "asset_images",
+        "bank_example",
+        "baseline",
+        "buttons",
+        "card",
+        "center",
+        "checkbox",
+        "circular_progress_indicator",
+        "clips",
+        "conditional",
+        "cupertino_switch",
+        "decorated_box",
+        "directionality",
+        "dynamic",
+        "fitted_box",
+        "for_each",
+        "form",
+        "fractional_translation",
+        "fractionally_sized_box",
+        "gestures",
+        "images",
+        "indexed_stack",
+        "input_error",
+        "interactive_viewer",
+        "intrinsic_height",
+        "intrinsic_width",
+        "issue_10",
+        "issue_11",
+        "issue_12",
+        "issue_20_list",
+        "issue_20_single",
+        "issue_24",
+        "issue_30",
+        "layout_builder",
+        "limited_box",
+        "linear_progress_indicator",
+        "list_view",
+        "measured",
+        "offstage",
+        "opacity",
+        "overflow_box",
+        "placeholder",
+        "popup_menu_button",
+        "simple_page",
+        "switch",
+        "theme",
+        "tween_animation",
+        "variables"
+      ]
+    },
+    "template": {
+      "type": "list_tile",
+      "args": {
+        "subtitle": {
+          "type": "text",
+          "args": {
+            "text": "${key}"
+          }
+        },
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "${value}"
+          }
+        }
+      }
+    }
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "row",
+            "args": {
+              "crossAxisAlignment": "start",
+              "mainAxisAlignment": "start",
+              "mainAxisSize": "min"
+            },
+            "children": [
+              {
+                "type": "text",
+                "args": {
+                  "text": "For Each ("
+                }
+              },
+              {
+                "type": "text",
+                "args": {
+                  "text": "${length(entries['values'])}"
+                }
+              },
+              {
+                "type": "text",
+                "args": {
+                  "text": ")"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "body": {
+        "type": "list_view",
+        "children": "${for_each(entries['values'], 'template')}"
+      }
+    }
+  }
+}

data/demo/app/assets/pages/form.json

@@ -0,0 +1,276 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Form"
+          }
+        }
+      }
+    },
+    "backgroundColor": "#e0e0e0",
+    "body": {
+      "type": "safe_area",
+      "args": {
+        "bottom": true
+      },
+      "child": {
+        "type": "form",
+        "child": {
+          "type": "single_child_scroll_view",
+          "args": {
+            "padding": [
+              16,
+              0
+            ]
+          },
+          "child": {
+            "type": "container",
+            "args": {
+              "alignment": "topCenter",
+              "width": "infinity"
+            },
+            "child": {
+              "type": "container",
+              "args": {
+                "constraints": {
+                  "maxWidth": 450
+                }
+              },
+              "child": {
+                "type": "column",
+                "args": {
+                  "mainAxisSize": "min"
+                },
+                "children": [
+                  {
+                    "type": "sized_box",
+                    "args": {
+                      "height": 16
+                    }
+                  },
+                  {
+                    "type": "sized_box",
+                    "args": {
+                      "height": 8
+                    }
+                  },
+                  {
+                    "type": "material",
+                    "args": {
+                      "borderRadius": 16,
+                      "color": "#fff",
+                      "elevation": 4,
+                      "margin": [
+                        0,
+                        8
+                      ],
+                      "padding": 16
+                    },
+                    "child": {
+                      "type": "column",
+                      "args": {
+                        "mainAxisSize": "min"
+                      },
+                      "children": [
+                        {
+                          "type": "row",
+                          "children": [
+                            {
+                              "type": "flexible",
+                              "child": {
+                                "type": "semantics",
+                                "args": {
+                                  "sortKey": {
+                                    "order": 0.0,
+                                    "textField": true
+                                  }
+                                },
+                                "child": {
+                                  "type": "exclude_semantics",
+                                  "child": {
+                                    "type": "text_form_field",
+                                    "id": "first_name",
+                                    "args": {
+                                      "decoration": {
+                                        "hintText": "John",
+                                        "labelText": "First Name",
+                                        "suffixIcon": {
+                                          "type": "icon_button",
+                                          "args": {
+                                            "icon": {
+                                              "type": "icon",
+                                              "args": {
+                                                "icon": {
+                                                  "codePoint": 57704,
+                                                  "fontFamily": "MaterialIcons",
+                                                  "size": 50
+                                                }
+                                              }
+                                            },
+                                            "onPressed": "${set_value('first_name','')}"
+                                          }
+                                        }
+                                      },
+                                      "validators": [
+                                        {
+                                          "type": "required"
+                                        }
+                                      ]
+                                    }
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "type": "sized_box",
+                              "args": {
+                                "width": 16
+                              }
+                            },
+                            {
+                              "type": "flexible",
+                              "child": {
+                                "type": "merge_semantics",
+                                "child": {
+                                  "type": "text_form_field",
+                                  "id": "last_name",
+                                  "args": {
+                                    "decoration": {
+                                      "hintText": "Doe",
+                                      "labelText": "Last Name",
+                                      "suffixIcon": {
+                                        "type": "icon_button",
+                                        "args": {
+                                          "icon": {
+                                            "type": "icon",
+                                            "args": {
+                                              "icon": {
+                                                "codePoint": 57704,
+                                                "fontFamily": "MaterialIcons",
+                                                "size": 50
+                                              }
+                                            }
+                                          },
+                                          "onPressed": "${set_value('last_name','')}"
+                                        }
+                                      }
+                                    },
+                                    "validators": [
+                                      {
+                                        "type": "required"
+                                      }
+                                    ]
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16
+                          }
+                        },
+                        {
+                          "type": "text_form_field",
+                          "id": "email_address",
+                          "args": {
+                            "decoration": {
+                              "hintText": "name@example.com",
+                              "labelText": "Email Address",
+                              "suffixIcon": {
+                                "type": "icon_button",
+                                "args": {
+                                  "icon": {
+                                    "type": "icon",
+                                    "args": {
+                                      "icon": {
+                                        "codePoint": 57704,
+                                        "fontFamily": "MaterialIcons",
+                                        "size": 50
+                                      }
+                                    }
+                                  },
+                                  "onPressed": "${set_value('email_address','')}"
+                                }
+                              }
+                            },
+                            "validators": [
+                              {
+                                "type": "required"
+                              },
+                              {
+                                "type": "email"
+                              }
+                            ]
+                          }
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16
+                          }
+                        },
+                        {
+                          "type": "dropdown_button_form_field",
+                          "id": "email_type",
+                          "args": {
+                            "decoration": {
+                              "labelText": "Email Type"
+                            },
+                            "items": [
+                              "Home",
+                              "Other",
+                              "Work"
+                            ],
+                            "validators": [
+                              {
+                                "type": "required"
+                              }
+                            ]
+                          }
+                        }
+                      ]
+                    }
+                  },
+                  {
+                    "type": "elevated_button",
+                    "id": "submit_button",
+                    "args": {
+                      "onPressed": "${validateForm('form_context')}"
+                    },
+                    "child": {
+                      "type": "container",
+                      "args": {
+                        "alignment": "center",
+                        "width": "infinity"
+                      },
+                      "child": {
+                        "type": "save_context",
+                        "args": {
+                          "key": "form_context"
+                        },
+                        "child": {
+                          "type": "text",
+                          "args": {
+                            "text": "Submit"
+                          }
+                        }
+                      }
+                    }
+                  }
+                ]
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/fractional_translation.json

@@ -0,0 +1,31 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "FractionalTranslation"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "fractional_translation",
+      "args": {
+        "translation": {
+          "dx": 0.1,
+          "dy": 0.1
+        }
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Fractional Translation Demo"
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/fractionally_sized_box.json

@@ -0,0 +1,34 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "FractionallySizedBox"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "container",
+      "args": {
+        "alignment": "center"
+      },
+      "child": {
+        "type": "fractionally_sized_box",
+        "args": {
+          "widthFactor": 0.7
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "Fractional Sized Box Demo"
+          }
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/gestures.json

@@ -0,0 +1,83 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Gestures"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "checkbox",
+            "args": {
+              "label": "Ignore Gestures",
+              "value": false
+            },
+            "id": "ignore"
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Ignore taps"
+            }
+          }]
+        }, {
+          "type": "sized_box",
+          "args": {
+            "height": "16"
+          }
+        }, {
+          "type": "ignore_pointer",
+          "args": {
+            "ignoring": "${ignore}"
+          },
+          "child": {
+            "type": "gesture_detector",
+            "args": {
+              "onDoubleTap": "${set_value('gesture', 'double_tap')}",
+              "onTap": "${set_value('gesture', 'tap')}"
+            },
+            "child": {
+              "type": "padding",
+              "args": {
+                "padding": 20
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "Tap Me!"
+                }
+              }
+            }
+          }
+        }, {
+          "type": "sized_box",
+          "args": {
+            "height": "16"
+          }
+        }, {
+          "type": "text",
+          "args": {
+            "text": "${gesture}"
+          }
+        }]
+      }
+    }
+  }
+}