json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,197 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Conditional"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "safe_area",
+      "child": {
+        "type": "padding",
+        "args": {
+          "padding": 16
+        },
+        "child": {
+          "type": "column",
+          "args": {
+            "mainAxisSize": "max"
+          },
+          "children": [
+            {
+              "type": "row",
+              "args": {
+                "mainAxisAlignment": "spaceEvenly"
+              },
+              "children": [
+                {
+                  "type": "elevated_button",
+                  "id": "button1",
+                  "args": {
+                    "onPressed": "${set_value('button', 1)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "One"
+                    }
+                  }
+                },
+                {
+                  "type": "elevated_button",
+                  "id": "button2",
+                  "args": {
+                    "onPressed": "${set_value('button', 2)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "Two"
+                    }
+                  }
+                },
+                {
+                  "type": "elevated_button",
+                  "id": "button3",
+                  "args": {
+                    "onPressed": "${set_value('button', 3)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "Three"
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "type": "row",
+              "args": {
+                "mainAxisAlignment": "spaceEvenly"
+              },
+              "children": [
+                {
+                  "type": "elevated_button",
+                  "args": {
+                    "onPressed": "${set_value('button', 4)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "Four"
+                    }
+                  }
+                },
+                {
+                  "type": "elevated_button",
+                  "args": {
+                    "onPressed": "${set_value('button', 5)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "Five"
+                    }
+                  }
+                },
+                {
+                  "type": "elevated_button",
+                  "args": {
+                    "onPressed": "${set_value('button', 6)}"
+                  },
+                  "child": {
+                    "type": "text",
+                    "args": {
+                      "text": "Six"
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "type": "expanded",
+              "child": {
+                "type": "center",
+                "child": {
+                  "type": "column",
+                  "args": {
+                    "mainAxisSize": "min"
+                  },
+                  "children": [
+                    {
+                      "type": "text",
+                      "args": {
+                        "text": "${button}"
+                      }
+                    },
+                    {
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "conditional",
+                          "args": {
+                            "conditional": {
+                              "values": {
+                                "button": "1"
+                              }
+                            }
+                          },
+                          "child": {
+                            "type": "text",
+                            "args": {
+                              "text": "You hit the button One"
+                            }
+                          }
+                        },
+                        {
+                          "type": "conditional",
+                          "args": {
+                            "conditional": {
+                              "values": {
+                                "button": "2"
+                              }
+                            }
+                          },
+                          "child": {
+                            "type": "text",
+                            "args": {
+                              "text": "You hit the button Two"
+                            }
+                          }
+                        },
+                        {
+                          "type": "conditional",
+                          "args": {
+                            "conditional": {
+                              "values": {
+                                "button": "3"
+                              }
+                            }
+                          },
+                          "child": {
+                            "type": "text",
+                            "args": {
+                              "text": "You hit the button Three"
+                            }
+                          }
+                        }
+                      ]
+                    }
+                  ]
+                }
+              }
+            }
+          ]
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/cupertino_switch.yaml

@@ -0,0 +1,72 @@
+type: scaffold
+args:
+  appBar:
+    type: app_bar
+    args:
+      title:
+        type: text
+        args:
+          text: CupertinoSwitch
+  body:
+    type: center
+    child:
+      type: column
+      args:
+        mainAxisSize: min
+      children:
+      - type: row
+        args:
+          mainAxisSize: min
+        children:
+        - type: cupertino_switch
+          args:
+            label: Checked
+            value: true
+        - type: text
+          args:
+            text: Checked
+
+      - type: row
+        args:
+          mainAxisSize: min
+        children:
+        - type: cupertino_switch
+          args:
+            label: Not Checked
+            value: false
+        - type: text
+          args:
+            text: Not Checked
+
+      - type: row
+        args:
+          mainAxisSize: min
+        children:
+        - type: cupertino_switch
+          args:
+            enabled: false
+            label: Disabled
+        - type: text
+          args:
+            text: Disabled
+
+      - type: column
+        args:
+          mainAxisSize: min
+        children:
+        - type: cupertino_switch
+          id: example_switch
+        - type: conditional
+          args:
+            conditional:
+              values:
+                example_switch: true
+            onFalse:
+              type: text
+              args:
+                text: Not Checked
+              
+          child:
+            type: text
+            args:
+              text: Checked!

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

@@ -0,0 +1,38 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "DecoratedBox"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "decorated_box",
+        "args": {
+          "decoration": {
+            "border": {
+              "color": "#6d78b6",
+              "width": 1
+            },
+            "shape": "rectangle"
+          },
+          "position": "foreground"
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "This is a random widget"
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,31 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Directionality"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "directionality",
+        "args": {
+          "textDirection": "rtl"
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "This is\na random widget."
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,299 @@
+{
+    "type": "scaffold",
+    "args": {
+        "appBar": {
+            "type": "app_bar",
+            "args": {
+                "title": {
+                    "type": "text",
+                    "args": {
+                        "text": "Dynamic"
+                    }
+                }
+            }
+        },
+        "resizeToAvoidBottomInset": true,
+        "body": {
+            "type": "column",
+            "args": {
+                "mainAxisSize": "max"
+            },
+            "children": [
+                {
+                    "type": "expanded",
+                    "id": "messages",
+                    "child": {
+                        "type": "save_context",
+                        "args": {
+                            "key": "dialogContext"
+                        },
+                        "child": {
+                            "type": "dynamic",
+                            "id": "items",
+                            "args": {
+                                "dynamic": {
+                                    "builderType": "list_view",
+                                    "childTemplate": {
+                                        "type": "set_value",
+                                        "args": {
+                                            "editDialogData{id}": {
+                                                "actions": [
+                                                    {
+                                                        "title": {
+                                                            "type": "text",
+                                                            "args": {
+                                                                "text": "Submit"
+                                                            }
+                                                        },
+                                                        "onPressed": "${dynamic('edit{id}Element')}"
+                                                    }
+                                                ],
+                                                "title": {
+                                                    "type": "text",
+                                                    "args": {
+                                                        "text": "Edit"
+                                                    }
+                                                },
+                                                "content": {
+                                                    "type": "form",
+                                                    "child": {
+                                                        "type": "single_child_scroll_view",
+                                                        "args": {
+                                                            "padding": [
+                                                                16,
+                                                                0
+                                                            ]
+                                                        },
+                                                        "child": {
+                                                            "type": "container",
+                                                            "args": {
+                                                                "alignment": "topCenter",
+                                                                "width": "infinity"
+                                                            },
+                                                            "child": {
+                                                                "type": "text_form_field",
+                                                                "id": "edit_message_{id}",
+                                                                "args": {
+                                                                    "initialValue": "{message}",
+                                                                    "decoration": {
+                                                                        "hintText": "Write a message"
+                                                                    },
+                                                                    "validators": [
+                                                                        {
+                                                                            "type": "required"
+                                                                        }
+                                                                    ]
+                                                                }
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            },
+                                            "remove{id}Element": {
+                                                "type": "remove",
+                                                "builder": "items",
+                                                "target": {
+                                                    "id": "{id}"
+                                                }
+                                            },
+                                            "edit{id}Element": {
+                                                "type": "edit",
+                                                "builder": "items",
+                                                "target": {
+                                                    "id": "{id}"
+                                                },
+                                                "values": {
+                                                    "message": "${edit_message_{id}}"
+                                                }
+                                            }
+                                        },
+                                        "child": {
+                                            "id": "{id}",
+                                            "type": "list_tile",
+                                            "args": {
+                                                "trailing": {
+                                                    "type": "icon_button",
+                                                    "args": {
+                                                        "icon": {
+                                                            "type": "icon",
+                                                            "args": {
+                                                                "icon": {
+                                                                    "codePoint": 61912,
+                                                                    "fontFamily": "MaterialIcons",
+                                                                    "size": 50
+                                                                }
+                                                            }
+                                                        },
+                                                        "onPressed": "${show_dialog('dialogContext', 'editDialogData{id}')}"
+                                                    }
+                                                },
+                                                "onLongPress": "${dynamic('remove{id}Element')}",
+                                                "title": {
+                                                    "type": "text",
+                                                    "args": {
+                                                        "text": "{message}"
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    },
+                                    "initState": [
+                                        {
+                                            "id": "1",
+                                            "message": "First"
+                                        },
+                                        {
+                                            "id": "2",
+                                            "message": "Second"
+                                        }
+                                    ]
+                                }
+                            }
+                        }
+                    }
+                },
+                {
+                    "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": "text_form_field",
+                                                                    "id": "form_message",
+                                                                    "args": {
+                                                                        "decoration": {
+                                                                            "hintText": "Write a message",
+                                                                            "labelText": "Message",
+                                                                            "suffixIcon": {
+                                                                                "type": "icon_button",
+                                                                                "args": {
+                                                                                    "icon": {
+                                                                                        "type": "icon",
+                                                                                        "args": {
+                                                                                            "icon": {
+                                                                                                "codePoint": 57704,
+                                                                                                "fontFamily": "MaterialIcons",
+                                                                                                "size": 50
+                                                                                            }
+                                                                                        }
+                                                                                    },
+                                                                                    "onPressed": "${set_value('form_message','')}"
+                                                                                }
+                                                                            }
+                                                                        },
+                                                                        "validators": [
+                                                                            {
+                                                                                "type": "required"
+                                                                            }
+                                                                        ]
+                                                                    }
+                                                                }
+                                                            }
+                                                        ]
+                                                    }
+                                                ]
+                                            }
+                                        },
+                                        {
+                                            "type": "set_value",
+                                            "args": {
+                                                "dynamicItemsAdd": {
+                                                    "type": "add",
+                                                    "builder": "items",
+                                                    "target": {
+                                                        "index": 0
+                                                    },
+                                                    "values": {
+                                                        "message": "${form_message}"
+                                                    }
+                                                }
+                                            },
+                                            "child": {
+                                                "type": "elevated_button",
+                                                "args": {
+                                                    "onPressed": "${dynamic('dynamicItemsAdd')}"
+                                                },
+                                                "child": {
+                                                    "type": "container",
+                                                    "args": {
+                                                        "alignment": "center",
+                                                        "width": "infinity"
+                                                    },
+                                                    "child": {
+                                                        "type": "text",
+                                                        "args": {
+                                                            "text": "Add message"
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    ]
+                                }
+                            }
+                        }
+                    }
+                }
+            ]
+        }
+    }
+}

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

@@ -0,0 +1,41 @@
+{
+  "_designCredit": "https://androidmonks.com/fittedbox-widget/",
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "FittedBox"
+          }
+        }
+      }
+    },
+    "backgroundColor": "#e0e0e0",
+    "body": {
+      "type": "list_view",
+      "children": [{
+        "type": "fitted_box",
+        "child": {
+          "type": "row",
+          "children": [{
+            "type": "container",
+            "child": {
+              "type": "network_image",
+              "args": {
+                "src": "https://images.pexels.com/photos/414612/pexels-photo-414612.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
+              }
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "This is a sample text to understand FittedBox widget"
+            }
+          }]
+        }
+      }]
+    }
+  }
+}