json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,228 @@
+{
+  "type": "set_widget",
+  "args": {
+    "body": {
+      "type": "scaffold",
+      "args": {
+        "appBar": {
+          "type": "app_bar",
+          "args": {
+            "title": {
+              "type": "text",
+              "args": {
+                "text": "Theme"
+              }
+            }
+          }
+        },
+        "body": {
+          "type": "safe_area",
+          "args": {
+            "bottom": true,
+            "top": true
+          },
+          "child": {
+            "type": "padding",
+            "args": {
+              "padding": 16
+            },
+            "child": {
+              "type": "stack",
+              "children": [
+                {
+                  "type": "align",
+                  "args": {
+                    "alignment": "bottomLeft"
+                  },
+                  "child": {
+                    "type": "elevated_button",
+                    "args": {
+                      "onPressed": "${set_value('theme', 'big_red')}"
+                    },
+                    "child": {
+                      "type": "text",
+                      "args": {
+                        "text": "Big Red"
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "align",
+                  "args": {
+                    "alignment": "bottomRight"
+                  },
+                  "child": {
+                    "type": "elevated_button",
+                    "args": {
+                      "onPressed": "${set_value('theme', 'cool_blue')}"
+                    },
+                    "child": {
+                      "type": "text",
+                      "args": {
+                        "text": "Cool Blue"
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "positioned",
+                  "args": {
+                    "bottom": 80,
+                    "left": 16,
+                    "right": 16,
+                    "top": 0
+                  },
+                  "child": {
+                    "type": "single_child_scroll_view",
+                    "args": {
+                      "padding": [
+                        16,
+                        0
+                      ]
+                    },
+                    "child": {
+                      "type": "column",
+                      "args": {
+                        "mainAxisSize": "min"
+                      },
+                      "children": [
+                        {
+                          "type": "checkbox"
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16.0
+                          }
+                        },
+                        {
+                          "type": "row",
+                          "args": {
+                            "mainAxisAlignment": "spaceEvenly"
+                          },
+                          "children": [
+                            {
+                              "type": "radio",
+                              "args": {
+                                "groupValue": "false",
+                                "id": "radio",
+                                "value": true
+                              }
+                            },
+                            {
+                              "type": "radio",
+                              "args": {
+                                "groupValue": "false",
+                                "id": "radio",
+                                "value": false
+                              }
+                            }
+                          ]
+                        },
+                        {
+                          "type": "text",
+                          "args": {
+                            "text": "Hello, World!"
+                          }
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16.0
+                          }
+                        },
+                        {
+                          "type": "text_form_field",
+                          "args": {
+                            "decoration": {
+                              "hintText": "example@example.com",
+                              "labelText": "Email Address"
+                            }
+                          },
+                          "id": "text_form_field"
+                        },
+                        {
+                          "type": "sized_box",
+                          "args": {
+                            "height": 16.0
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    }
+  },
+  "child": {
+    "type": "conditional",
+    "args": {
+      "conditional": {
+        "values": {
+          "theme": "big_red"
+        }
+      },
+      "onFalse": {
+        "type": "theme",
+        "args": {
+          "data": {
+            "backgroundColor": "#f5f5f5",
+            "buttonColor": "#0d47a1",
+            "buttonTheme": {
+              "buttonColor": "#0d47a1",
+              "textTheme": "primary"
+            },
+            "canvasColor": "#ffffff",
+            "disabledColor": "#e0e0e0",
+            "errorColor": "#d50000",
+            "fontFamily": "lato",
+            "iconTheme": {
+              "color": "#37474f"
+            },
+            "primaryColor": "#37474f",
+            "primaryColorBrightness": "dark",
+            "toggleableActiveColor": "#33691e"
+          }
+        },
+        "child": "${body}"
+      }
+    },
+    "child": {
+      "type": "theme",
+      "args": {
+        "data": {
+          "backgroundColor": "#f5f5f5",
+          "buttonColor": "#b71c1c",
+          "buttonTheme": {
+            "buttonColor": "#b71c1c",
+            "textTheme": "primary"
+          },
+          "canvasColor": "#ffffff",
+          "disabledColor": "#f8bbd0",
+          "errorColor": "#880e4f",
+          "fontFamily": "metal",
+          "iconTheme": {
+            "color": "#37474f"
+          },
+          "inputDecorationTheme": {
+            "border": {
+              "type": "outline"
+            },
+            "errorStyle": {
+              "color": "#880e4f"
+            }
+          },
+          "primaryColor": "#b71c1c",
+          "primaryColorBrightness": "dark",
+          "toggleableActiveColor": "#b71c1c"
+        }
+      },
+      "child": "${body}"
+    }
+  }
+}

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

@@ -0,0 +1,77 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Simple Page"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "column",
+      "children": [
+        {
+          "type": "tooltip",
+          "args": {
+            "message": "DEFAULT TOOLTIP"
+          },
+          "child": {
+            "type": "material",
+            "args": {
+              "borderRadius": 8,
+              "color": "#ccc"
+            },
+            "child": {
+              "type": "padding",
+              "args": {
+                "padding": 16
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "Default Tooltip"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "sized_box",
+          "args": {
+            "height": 16
+          }
+        },
+        {
+          "type": "tooltip",
+          "args": {
+            "message": "CUSTOM TOOLTIP"
+          },
+          "child": {
+            "type": "material",
+            "args": {
+              "borderRadius": 8,
+              "color": "#ccc"
+            },
+            "child": {
+              "type": "padding",
+              "args": {
+                "padding": 16
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "Custom Tooltip"
+                }
+              }
+            }
+          }
+        }
+      ]
+    }
+  }
+}

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

@@ -0,0 +1,43 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "TweenAnimation"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customSize": 50.0
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "tween_animation",
+          "args": {
+            "builder": "${getCustomTweenBuilder()}",
+            "duration": 1000,
+            "tween": "${getCustomTween(customSize)}"
+          },
+          "child": {
+            "type": "icon",
+            "args": {
+              "color": "#0000FF",
+              "icon": {
+                "codePoint": "0xe5db",
+                "fontFamily": "MaterialIcons"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,64 @@
+{
+  "type": "set_value",
+  "args": {
+    "people": [
+      {
+        "firstName": "John",
+        "lastName": "Smith",
+        "address": {
+          "street": "1234 Lane Ave",
+          "city": "Springfield",
+          "state": "OH"
+        }
+      },
+      {
+        "firstName": "Jane",
+        "lastName": "Smith",
+        "address": {
+          "street": "1234 Lane Ave",
+          "city": "Springfield",
+          "state": "MI"
+        }
+      }
+    ]
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "text",
+            "args": {
+              "text": "Variables"
+            }
+          }
+        }
+      },
+      "body": {
+        "type": "center",
+        "child": {
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [
+            {
+              "type": "text",
+              "args": {
+                "text": "Hello, "
+              }
+            },
+            {
+              "type": "text",
+              "args": {
+                "text": "${people[0]['firstName']}"
+              }
+            }
+          ]
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+{
+  "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": "material",
+      "args": {
+        "borderRadius": 8,
+        "color": "#ccc"
+      },
+      "child": {
+        "type": "padding",
+        "args": {
+          "padding": 16.0
+        },
+        "child": {
+          "type": "text",
+          "args": {
+            "text": "${value}"
+          }
+        }
+      }
+    }
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "text",
+            "args": {
+              "text": "Wrap"
+            }
+          }
+        }
+      },
+      "body": {
+        "type": "single_child_scroll_view",
+        "child": {
+          "type": "wrap",
+          "args": {
+            "runSpacing": 16.0,
+            "spacing": 16.0
+          },
+          "children": "${for_each(entries['values'], 'template')}"
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/stylesheets/application.css

@@ -0,0 +1 @@
+/* Application styles */

data/demo/app/assets/stylesheets/application.tailwind.css

@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+
+@layer components {
+  .btn-primary {
+    @apply py-2 px-4 bg-blue-200;
+  }
+}
+
+*/

data/demo/app/assets/widgets/issue_24.json

@@ -0,0 +1,42 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "List of English words"
+          }
+        },
+        "actions": [
+          {
+            "type": "icon_button",
+            "args": {
+              "icon": {
+                "type": "icon",
+                "args": {
+                  "icon": {
+                    "codePoint": 59418,
+                    "fontFamily": "MaterialIcons"
+                  }
+                }
+              },
+              "onPressed": "${simplePrintMessage()}"
+            }
+          }
+        ]
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "circular_progress_indicator",
+        "args": {
+          "valueColor": "#f00"
+        }
+      }
+    }
+  }
+}

data/demo/app/channels/application_cable/channel.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end

data/demo/app/channels/application_cable/connection.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end

data/demo/app/controllers/application_controller.rb

@@ -0,0 +1,2 @@
+class ApplicationController < ActionController::Base
+end

data/demo/app/controllers/welcome_controller.rb

@@ -0,0 +1,22 @@
+class WelcomeController < ApplicationController
+  def index
+    dir = Rails.root.join('app', 'assets', 'pages', '*')
+    @pages = Dir.glob(dir).map { |f|  File.basename(f, File.extname(f)) }
+  end
+
+  def show
+    @data = {}
+    @page = params[:page]
+    file = Rails.root.join('app', 'assets', 'pages', @page)
+    begin
+      raw = File.read("#{file}.json")
+      @layout = MultiJson.load(raw)
+    rescue => exception
+      raw = File.read("#{file}.yaml")
+      @layout = YAML.safe_load(raw)
+    rescue => exception
+      raise "Invalid data format"
+    end
+
+  end
+end

data/demo/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/demo/app/helpers/welcome_helper.rb

@@ -0,0 +1,2 @@
+module WelcomeHelper
+end

data/demo/app/javascript/application.js

@@ -0,0 +1,3 @@
+// Entry point for the build script in your package.json
+import "@hotwired/turbo-rails"
+import "controllers"

data/demo/app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

data/demo/app/javascript/controllers/hello_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.element.textContent = "Hello World!"
+  }
+}

data/demo/app/javascript/controllers/index.js

@@ -0,0 +1,8 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+import { application } from "./application"
+
+import HelloController from "./hello_controller"
+application.register("hello", HelloController)

data/demo/app/jobs/application_job.rb

@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end

data/demo/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "from@example.com"
+  layout "mailer"
+end