json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,212 @@
+{
+  "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": [
+                            {
+                              "child": {
+                                "type": "flexible",
+                                "child": {
+                                  "type": "text_form_field",
+                                  "args": {
+                                    "decoration": {
+                                      "hintText": "John",
+                                      "labelText": "First Name"
+                                    },
+                                    "validators": [
+                                      {
+                                        "type": "required"
+                                      }
+                                    ]
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "type": "sized_box",
+                              "args": {
+                                "width": 16
+                              }
+                            },
+                            {
+                              "type": "flexible",
+                              "child": {
+                                "type": "text_form_field",
+                                "args": {
+                                  "decoration": {
+                                    "hintText": "Doe",
+                                    "labelText": "Last Name"
+                                  },
+                                  "validators": [
+                                    {
+                                      "type": "required"
+                                    }
+                                  ]
+                                }
+                              }
+                            }
+                          ]
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16
+                          }
+                        },
+                        {
+                          "type": "text_form_field",
+                          "args": {
+                            "decoration": {
+                              "hintText": "name@example.com",
+                              "labelText": "Email Address"
+                            },
+                            "validators": [
+                              {
+                                "type": "required"
+                              },
+                              {
+                                "type": "email"
+                              }
+                            ]
+                          }
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16
+                          }
+                        },
+                        {
+                          "type": "dropdown_button_form_field",
+                          "args": {
+                            "decoration": {
+                              "labelText": "Email Type"
+                            },
+                            "items": [
+                              "Home",
+                              "Other",
+                              "Work"
+                            ],
+                            "validators": [
+                              {
+                                "type": "required"
+                              }
+                            ]
+                          }
+                        }
+                      ]
+                    }
+                  },
+                  {
+                    "type": "elevated_button",
+                    "args": {
+                      "color": "#4a95ec",
+                      "colorBrightness": "dark",
+                      "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/set_default_value.json

@@ -0,0 +1,77 @@
+{
+  "type": "set_default_value",
+  "args": {
+    "default": "set_default_value",
+    "nonDefault": "set_default_value"
+  },
+  "child": {
+    "type": "set_value",
+    "args": {
+      "nonDefault": "set_value"
+    },
+    "child": {
+      "type": "set_default_value",
+      "args": {
+        "nonDefault": "set_value"
+      },
+      "child": {
+        "type": "scaffold",
+        "args": {
+          "appBar": {
+            "type": "app_bar",
+            "args": {
+              "title": {
+                "type": "text",
+                "args": {
+                  "text": "Set Default Value"
+                }
+              }
+            }
+          },
+          "body": {
+            "type": "center",
+            "child": {
+              "type": "list_view",
+              "children": [
+                {
+                  "type": "list_tile",
+                  "args": {
+                    "subtitle": {
+                      "type": "text",
+                      "args": {
+                        "text": "${default}"
+                      }
+                    },
+                    "title": {
+                      "type": "text",
+                      "args": {
+                        "text": "default"
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "list_tile",
+                  "args": {
+                    "subtitle": {
+                      "type": "text",
+                      "args": {
+                        "text": "${nonDefault}"
+                      }
+                    },
+                    "title": {
+                      "type": "text",
+                      "args": {
+                        "text": "nonDefault"
+                      }
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Simple Page"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Hello World!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,268 @@
+{
+  "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"
+      ]
+    },
+    "listTemplate": {
+      "type": "list_tile",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "${value}"
+          }
+        }
+      }
+    },
+    "template": {
+      "type": "padding",
+      "args": {
+        "padding": 16.0
+      },
+      "child": {
+        "type": "material",
+        "args": {
+          "elevation": 2
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#ccc"
+          },
+          "child": {
+            "type": "stack",
+            "args": {
+              "alignment": "center"
+            },
+            "children": [
+              {
+                "type": "opacity",
+                "args": {
+                  "opacity": 0.25
+                },
+                "child": {
+                  "type": "placeholder"
+                }
+              },
+              {
+                "type": "text",
+                "args": {
+                  "text": "${value}"
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "text",
+            "args": {
+              "text": "Slivers"
+            }
+          }
+        }
+      },
+      "body": {
+        "type": "set_scroll_controller",
+        "args": {
+          "key": "controller"
+        },
+        "child": {
+          "type": "scrollbar",
+          "args": {
+            "controller": "${controller}"
+          },
+          "child": {
+            "type": "padding",
+            "args": {
+              "padding": {
+                "left": 40,
+                "right": 40
+              }
+            },
+            "child": {
+              "type": "custom_scroll_view",
+              "args": {
+                "controller": "${controller}"
+              },
+              "children": [
+                {
+                  "type": "sliver_padding",
+                  "args": {
+                    "padding": {
+                      "top": 16
+                    }
+                  },
+                  "child": {
+                    "type": "sliver_to_box_adapter",
+                    "child": {
+                      "type": "list_tile",
+                      "args": {
+                        "subtitle": {
+                          "type": "text",
+                          "args": {
+                            "text": "max_cross_axis_extent"
+                          }
+                        },
+                        "title": {
+                          "type": "text",
+                          "args": {
+                            "text": "SliverGrid"
+                          }
+                        }
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "sliver_grid",
+                  "args": {
+                    "gridDelegate": {
+                      "childAspectRatio": 1.5,
+                      "crossAxisSpacing": 16.0,
+                      "mainAxisSpacing": 12.0,
+                      "maxCrossAxisExtent": 300,
+                      "type": "max_cross_axis_extent"
+                    }
+                  },
+                  "children": "${for_each(entries['values'], 'template')}"
+                },
+                {
+                  "type": "sliver_to_box_adapter",
+                  "child": {
+                    "type": "list_tile",
+                    "args": {
+                      "title": {
+                        "type": "text",
+                        "args": {
+                          "text": "SliverList"
+                        }
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "sliver_list",
+                  "children": "${for_each(entries['values'], 'listTemplate')}"
+                },
+                {
+                  "type": "sliver_to_box_adapter",
+                  "child": {
+                    "type": "list_tile",
+                    "args": {
+                      "subtitle": {
+                        "type": "text",
+                        "args": {
+                          "text": "fixed_cross_axis_count"
+                        }
+                      },
+                      "title": {
+                        "type": "text",
+                        "args": {
+                          "text": "SliverGrid"
+                        }
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "sliver_padding",
+                  "args": {
+                    "padding": {
+                      "bottom": 16
+                    }
+                  },
+                  "child": {
+                    "type": "sliver_grid",
+                    "args": {
+                      "gridDelegate": {
+                        "crossAxisCount": 4,
+                        "childAspectRatio": 0.5,
+                        "crossAxisSpacing": 8.0,
+                        "mainAxisSpacing": 12.0,
+                        "type": "fixed_cross_axis_count"
+                      }
+                    },
+                    "children": "${for_each(entries['values'], 'template')}"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,77 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Switch"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "switch",
+            "args": {
+              "label": "Checked",
+              "value": true
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Checked"
+            }
+          }]
+        }, {
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "switch",
+            "args": {
+              "label": "Not Checked",
+              "value": false
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Not Checked"
+            }
+          }]
+        }, {
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "switch",
+            "args": {
+              "enabled": false,
+              "label": "Disabled"
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Disabled"
+            }
+          }]
+        }]
+      }
+    }
+  }
+}