json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,217 @@
+{
+  "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": "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": "GridView"
+            }
+          }
+        }
+      },
+      "body": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [
+          {
+            "type": "row",
+            "args": {
+              "mainAxisSize": "min"
+            },
+            "children": [
+              {
+                "type": "elevated_button",
+                "args": {
+                  "onPressed": "${set_value('index', 0)}"
+                },
+                "child": {
+                  "type": "text",
+                  "args": {
+                    "text": "Fixed Child Size"
+                  }
+                }
+              },
+              {
+                "type": "sized_box",
+                "args": {
+                  "width": 16
+                }
+              },
+              {
+                "type": "elevated_button",
+                "args": {
+                  "onPressed": "${set_value('index', 1)}"
+                },
+                "child": {
+                  "type": "text",
+                  "args": {
+                    "text": "Fixed Child Count"
+                  }
+                }
+              }
+            ]
+          },
+          {
+            "type": "sized_box",
+            "args": {
+              "height": "16"
+            }
+          },
+          {
+            "type": "expanded",
+            "child": {
+              "type": "indexed_stack",
+              "args": {
+                "index": "${index}"
+              },
+              "children": [
+                {
+                  "type": "grid_view",
+                  "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": "grid_view",
+                  "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/image_page.json

@@ -0,0 +1,32 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Image Page"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "hero",
+        "args": {
+          "tag": "${imageTag}"
+        },
+        "child": {
+          "type": "asset_image",
+          "args": {
+            "fit": "fitWidth",
+            "name": "${imageAsset}"
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,89 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Images"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "list_view",
+      "children": [{
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "Asset"
+          }
+        }
+      }, {
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "asset_image",
+          "args": {
+            "fit": "fitWidth",
+            "name": "assets/images/image1.jpg"
+          }
+        }
+      }, {
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "Memory"
+          }
+        }
+      }, {
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "memory_image",
+          "args": {
+            "fit": "fitWidth",
+            "image": "iVBORw0KGgoAAAANSUhEUgAAAMoAAAD6CAMAAADXwSg3AAAAyVBMVEX///9nt/cNR6FCpfVasvabzflitfdpuPcLRqHJ5Pw9o/UAM5oVR5Vds/fl8v0TSJkRSJy53PvD4fwWRY4AMJkXQ4grnvQXQICRyfmv1/oVPXq42/vA3/wUOXIAGDvw9/5KqfWtu9kALJhAktedrtKjs9QVN2sXO3QRL11TrPYMJk4GEjMPL2AMKVUGHkPt9f7b7P2IxfhztO0ALnWfrMYYOHYAKHcAL4gAM5QBCy0OPYYLMGoNP40EGTgHJ1gqidMAGEYAJYMAPZ23+1XGAAAElElEQVR4nO3ciVIaQRQFUDIucQ0oEow62TqCiUI2jYmS9f8/Ks0MMwrOQC+PvNed+36AOnXvhaGKotFgvJP1R2S3uskpOV6NRbIHCSSQQAIJJJBAAgkkkEACCSSQQAKJ851EI0EmlZJ9SCCJU0K6eGQCCSSQQAIJJJBAAgkkkEACCSSQ/HvJCSTiJGiXPAkygSRSyX40EmQiTxJPJvFI0C55kngygQQSSCCBBBJIIIEEEkbJHiSQQAIJJJBAAgkkkIQj2YQEkqVdPDuJR0LaruNoJPFkAok8STw7iUeCdkECCSSQQALJ/yx5crhGdod3f7vDIdldJ7vVQ14J3UvurrFKCP+OPSJJPO2KR8LbrngkWHzF3dsJJYV38ZQW3p1QWgRIiCyrz8wky1k8pYVDclj1Ct4W9sWTWUwz+QcST4ugTDwtYnbibREncbaI2omXRaTEySKwXY4WsRJri2CJpUXoToqz+DmIcImFRXS7rCwBSAwthpL3rBKj7ZtKVrYePWaUGORiKHmxskVmcZMstJhKXm6trBBZXCULLFYSfQQWd8lci62EwOIjmWOx2Elxvh3zk9RaHCS+Fl9JjcW+Xbll3d3iL6m0OEr0OVsoJBUWd4nz9mkkDyxOO/HbC5VkxuKTiaOFTjJl8ZS4WCgl9yzeEvvt00pKC4XEcvu7H2klEwuNxKpj1JlMLEQSG8syJNrylkpiblmOpNH4QCYx3cuyJGZnKDGy0C9+KRKDjoUiWWwJpF0GHWOWvLWSzLWE065FluAktd8rw5PUWYJa/N1VWAJb/BwLb7sa7pIHFmaJa7uym/6sDFkyvf1gd1JcaeGVeO1kxhLw4u8u20vYOyluvP0oMsks61Fkklk+sUoax0/JKOrzZSQWdXX1hdmyR2PRkm7nOgaL6mtJp319GrxFpUdH3U67vRO8RaVXR+NQ2jvNr2FbVJoedbNQdpphW8aSSSia0toO16J6af9O0myFa8kl9ylJoJZMkodSUsK0qItev59vXksKCrvlxN6iJb2iXvcpyUFouYwlaSUlNIs6K0N5QAmrY7mkDGWGwm6xyEUNLrJQ6ijJ9itei3EualCGUkMJZS9actYrQ6mmJAfMuRhZ1LsilHkU9o4ZWMaS/O1rPmVDvEUN81DSYip1FH7Lgu1nklpKMn2vJVvGkjyU7ElyijILEbD9ORY1LEOZobSSjYcS/u3XWtT58N14KdOUTruZVEPk7kVLin6VlG5np7VR45BrUd+eZ6Hk/UqzN+P2XIfU7avz55NQckra7zSThRCJ288lBaXX645qBzJ7wjqWSTLKhb4rc0cibS/jnQyzfg0GvRsLhjjLRKJTubhpbdhKEkHbz9s1HA50sUyGXnFCtq8l+oa3IydEfjI6piXfh7c3FY9YoVnUt+8/blotT4kEy89ft6NRi4DCv/3L36NRk0TCv/3L31QS/o6dfiWSCLC82SaSaAt3xwgt7NuntLDnckBG4d8LLJUW9o5h+5XHngv2Er2FvWPYfuWx54K9RG9h7xi2X3nsuWAv0VvYO4btVx57LtiLSMvpHzrLwau/CR4SZoglXKMAAAAASUVORK5CYII="
+          }
+        }
+      }, {
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "Network"
+          }
+        }
+      }, {
+        "type": "padding",
+        "args": {
+          "padding": [16.0, 8.0]
+        },
+        "child": {
+          "type": "network_image",
+          "args": {
+            "fit": "fitWidth",
+            "src": "https://images.freeimages.com/images/large-previews/8ee/multicolor-drop-2-1056473.jpg"
+          }
+        }
+      }]
+    }
+  }
+}

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

@@ -0,0 +1,101 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "IndexedStack"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${set_value('index', 0)}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "One"
+              }
+            }
+          }, {
+            "type": "sized_box",
+            "args": {
+              "width": 16
+            }
+          }, {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${set_value('index', 1)}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Two"
+              }
+            }
+          }, {
+            "type": "sized_box",
+            "args": {
+              "width": 16
+            }
+          }, {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${set_value('index', 2)}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Three"
+              }
+            }
+          }]
+        }, {
+          "type": "sized_box",
+          "args": {
+            "height": "16"
+          }
+        }, {
+          "type": "indexed_stack",
+          "args": {
+            "index": "${index}"
+          },
+          "children": [{
+            "type": "text",
+            "args": {
+              "text": "one"
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "two"
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "three"
+            }
+          }]
+        }]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,64 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "InputError"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "row",
+          "args": {
+            "mainAxisAlignment": "spaceEvenly"
+          },
+          "children": [{
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${set_value('error', 'This is an error')}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Show Error"
+              }
+            }
+          }, {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${remove_value('error')}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Hide Error"
+              }
+            }
+          }]
+        }, {
+          "type": "sized_box",
+          "args": {
+            "height": "16"
+          }
+        }, {
+          "type": "input_error",
+          "args": {
+            "text": "${error}"
+          }
+        }]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,30 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "InteractiveViewer"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "interactive_viewer",
+      "args": {
+        "boundaryMargin": 20.0,
+        "maxScale": 1.6,
+        "minScale": 0.1
+      },
+      "child": {
+        "type": "container",
+        "args": {
+          "color": "#000"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "IntrinsicHeight"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "intrinsic_height",
+      "child": {
+        "type": "row",
+        "args": {
+          "crossAxisAlignment": "stretch"
+        },
+        "children": [
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Short"
+              }
+            }
+          },
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "A bit Longer"
+              }
+            }
+          },
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "The Longest text button"
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "IntrinsicWidth"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "intrinsic_width",
+      "child": {
+        "type": "column",
+        "args": {
+          "crossAxisAlignment": "stretch"
+        },
+        "children": [
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Short"
+              }
+            }
+          },
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "A bit Longer"
+              }
+            }
+          },
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "The Longest text button"
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+{
+  "type": "set_value",
+  "args": {
+    "customBrightness": "dark"
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "text",
+            "args": {
+              "text": "Test"
+            }
+          },
+          "systemOverlayStyle": "${customBrightness}"
+        }
+      }
+    }
+  }
+}