json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,266 @@
+{
+	"type": "scaffold",
+	"args": {
+		"appBar": {
+			"type": "app_bar",
+			"args": {
+				"title": {
+					"type": "text",
+					"args": {
+						"text": "Measured"
+					}
+				}
+			}
+		},
+		"body": {
+			"type": "list_view",
+			"children": [
+				{
+					"type": "container",
+					"id": "scroll_pre_container",
+					"args": {
+						"color": "999",
+						"height": 100.0
+					},
+					"child": {
+						"type": "center",
+						"child": {
+							"type": "column",
+							"args": {
+								"mainAxisSize": "min"
+							},
+							"children": [
+								{
+									"type": "text",
+									"args": {
+										"style": {
+											"fontWeight": "bold"
+										},
+										"text": "pre-container"
+									}
+								},
+								{
+									"type": "row",
+									"args": {
+										"mainAxisSize": "min"
+									},
+									"children": [
+										{
+											"type": "text",
+											"args": {
+												"text": "${container.width}"
+											}
+										},
+										{
+											"type": "text",
+											"args": {
+												"text": " x "
+											}
+										},
+										{
+											"type": "text",
+											"args": {
+												"text": "${container.height}"
+											}
+										}
+									]
+								}
+							]
+						}
+					}
+				},
+				{
+					"type": "container",
+					"args": {
+						"color": "aaa",
+						"height": 100.0
+					},
+					"child": {
+						"type": "center",
+						"child": {
+							"type": "measured",
+							"id": "text",
+							"child": {
+								"type": "column",
+								"args": {
+									"mainAxisSize": "min"
+								},
+								"children": [
+									{
+										"type": "text",
+										"args": {
+											"style": {
+												"fontWeight": "bold"
+											},
+											"text": "text"
+										}
+									},
+									{
+										"type": "row",
+										"args": {
+											"mainAxisSize": "min"
+										},
+										"children": [
+											{
+												"type": "text",
+												"args": {
+													"text": "${text.width}"
+												}
+											},
+											{
+												"type": "text",
+												"args": {
+													"text": " x "
+												}
+											},
+											{
+												"type": "text",
+												"args": {
+													"text": "${text.height}"
+												}
+											}
+										]
+									}
+								]
+							}
+						}
+					}
+				},
+				{
+					"type": "container",
+					"args": {
+						"color": "bbb",
+						"height": 100.0
+					},
+					"child": {
+						"type": "container",
+						"child": {
+							"type": "center",
+							"child": {
+								"type": "measured",
+								"id": "text_bold",
+								"child": {
+									"type": "column",
+									"args": {
+										"mainAxisSize": "min"
+									},
+									"children": [
+										{
+											"type": "text",
+											"args": {
+												"style": {
+													"fontWeight": "bold"
+												},
+												"text": "text_bold"
+											}
+										},
+										{
+											"type": "row",
+											"args": {
+												"mainAxisSize": "min"
+											},
+											"children": [
+												{
+													"type": "text",
+													"args": {
+														"style": {
+															"fontWeight": "bold"
+														},
+														"text": "${text_bold.width}"
+													}
+												},
+												{
+													"type": "text",
+													"args": {
+														"style": {
+															"fontWeight": "bold"
+														},
+														"text": " x "
+													}
+												},
+												{
+													"type": "text",
+													"args": {
+														"style": {
+															"fontWeight": "bold"
+														},
+														"text": "${text_bold.height}"
+													}
+												}
+											]
+										}
+									]
+								}
+							}
+						}
+					}
+				},
+				{
+					"type": "container",
+					"id": "scroll_container",
+					"args": {
+						"alignment": "center"
+					},
+					"child": {
+						"type": "container",
+						"args": {
+							"color": "ccc",
+							"height": 100.0,
+							"width": 300.0
+						},
+						"child": {
+							"type": "measured",
+							"id": "container",
+							"child": {
+								"type": "center",
+								"child": {
+									"type": "column",
+									"args": {
+										"mainAxisSize": "min"
+									},
+									"children": [
+										{
+											"type": "text",
+											"args": {
+												"style": {
+													"fontWeight": "bold"
+												},
+												"text": "container"
+											}
+										},
+										{
+											"type": "row",
+											"args": {
+												"mainAxisSize": "min"
+											},
+											"children": [
+												{
+													"type": "text",
+													"args": {
+														"text": "${container.width}"
+													}
+												},
+												{
+													"type": "text",
+													"args": {
+														"text": " x "
+													}
+												},
+												{
+													"type": "text",
+													"args": {
+														"text": "${container.height}"
+													}
+												}
+											]
+										}
+									]
+								}
+							}
+						}
+					}
+				}
+			]
+		}
+	}
+}

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

@@ -0,0 +1,50 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Offstage"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "visible": false
+      },
+      "child": {
+        "type": "offstage",
+        "args": {
+          "offstage": "${visible}"
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "This is a visible text"
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "floating_action_button",
+      "args": {
+        "onPressed": "${negateBool('visible')}"
+      },
+      "child": {
+        "type": "icon",
+        "args": {
+          "icon": {
+            "codePoint": 57369,
+            "fontFamily": "MaterialIcons"
+          },
+          "size": 50
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,136 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Opacity"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "opacity",
+          "args": {
+            "opacity": "0.1"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.1"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.2"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.2"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.3"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.3"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.4"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.4"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.5"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.5"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.6"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.6"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.7"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.7"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.8"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.8"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "0.9"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "0.9"
+            }
+          }
+        }, {
+          "type": "opacity",
+          "args": {
+            "opacity": "1.0"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "1.0"
+            }
+          }
+        }]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "OverflowBox"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "container",
+      "args": {
+        "color": "#FF0000",
+        "height": 200.0,
+        "width": 200.0
+      },
+      "child": {
+        "type": "align",
+        "args": {
+          "alignment": "bottomRight"
+        },
+        "child": {
+          "type": "sized_box",
+          "args": {
+            "height": 10.0,
+            "width": 20.0
+          },
+          "child": {
+            "type": "overflow_box",
+            "args": {
+              "minWidth": 0.0,
+              "maxWidth": 100.0,
+              "minHeight": 0.0,
+              "maxHeight": 50.0
+            },
+            "child": {
+              "type": "container",
+              "args": {
+                "color": "#000"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,57 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Placeholder"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "intrinsic_width",
+      "child": {
+        "type": "column",
+        "args": {
+          "crossAxisAlignment": "stretch"
+        },
+        "children": [
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Short"
+              }
+            }
+          },
+          {
+            "type": "placeholder",
+            "args": {
+              "fallbackHeight": 100
+            }
+          },
+          {
+            "type": "elevated_button",
+            "args": {
+              "onPressed": "${simplePrintMessage()}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "The Longest text button"
+              }
+            }
+          }
+        ]
+      }
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "actions": [
+          {
+            "type": "popup_menu_button",
+            "args": {
+              "itemBuilder": "${buildPopupMenu()}",
+              "onCanceled": "${simplePrintMessage('CANCELED')}"
+            },
+            "child": {
+              "type": "icon",
+              "args": {
+                "icon": {
+                  "codePoint": 57369,
+                  "fontFamily": "MaterialIcons"
+                },
+                "size": 50
+              }
+            }
+          }
+        ],
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "PopupMenuButton"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "container"
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Test"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "radioGroupValue": "radioValue1"
+      },
+      "child": {
+        "type": "column",
+        "children": [
+          {
+            "type": "text",
+            "args": {
+              "text": "${'Selected radio group value: ' + radioGroupValue ?? ''}"
+            }
+          },
+          {
+            "type": "radio",
+            "args": {
+              "groupValue": "${radioGroupValue}",
+              "id": "radioGroupValue",
+              "value": "radioValue1"
+            }
+          },
+          {
+            "type": "radio",
+            "args": {
+              "groupValue": "${radioGroupValue}",
+              "id": "radioGroupValue",
+              "value": "radioValue2"
+            }
+          },
+          {
+            "type": "radio",
+            "args": {
+              "groupValue": "${radioGroupValue}",
+              "id": "radioGroupValue",
+              "value": "radioValue3"
+            }
+          }
+        ],
+        "args": {
+          "crossAxisAlignment": "start"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,45 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Rich Text"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "rich_text",
+        "args": {
+          "text": {
+            "children": [
+              {
+                "text": "Hello "
+              },
+              {
+                "style": {
+                  "fontSize": 20.0,
+                  "fontWeight": "bold"
+                },
+                "text": "RICH TEXT"
+              },
+              {
+                "text": " World!"
+              }
+            ],
+            "style": {
+              "color": "#000000",
+              "fontSize": 12.0
+            }
+          }
+        }
+      }
+    }
+  }
+}