fixes for openfl html5 build

README.md

@@ -8,28 +8,29 @@ Gui framework for Haxe.
 
 ### Example
 
-Build form using `haxework.gui.ViewBuilder`.
+Build form using macro @:template.
 
 form.json:
 
 ```json
 {
-  "@type":"haxework.gui.VGroupView",
-  "skin":{"@type":"haxework.gui.skin.ColorSkin", "color":"0xffff00"},
-  "paddings":20,
-  "layoutMargin":10,
+  "$type": "haxework.gui.VGroupView",
+  "skin": [{"$type": "haxework.gui.skin.ColorSkin", "color": "0xffff00"}],
+  "geometry.padding": 20,
+  "layout.margin": 10,
   "views":[
     {
-      "id":"view1",
+      "id": "view1",
       "type":"haxework.gui.SpriteView",
-      "pWidth":100, "pHeight":100,
-      "skin":{"@type":"haxework.gui.skin.ColorSkin", "color":"0xff0000"}
+      "geometry.size.stretch": true,
+      "skin":[{"$type":"haxework.gui.skin.ColorSkin", "color": "0xff0000"}]
     },
     {
-      "id":"view2",
-      "type":"haxework.gui.SpriteView",
-      "pWidth":100, "height":50,
-      "skin":{"@type":"haxework.gui.skin.ColorSkin", "color":"0x00ff00"}
+      "id": "view2",
+      "type": "haxework.gui.SpriteView",
+      "geometry.size.width": "100%",
+      "geometry.size.height": 50,
+      "skin": [{"$type":"haxework.gui.skin.ColorSkin", "color": "0x00ff00"}]
     }
   ]
 }
@@ -38,8 +39,8 @@ form.json:
 ```haxe
 @:template("form.json")
 class FormView extends VGroupView {
-  @:view public var view1:IView;
-  @:view("view2") public var anyVarName:IView; 
+    @:view public var view1:SpriteView;
+    @:view("view2") public var anyVarName:SpriteView; 
 }
 
 var form = new FormView();
@@ -57,9 +58,9 @@ trace(form.anyVarName);
 ```haxe
 new JsonLoader().GET("http://example.com/file.json")
   .then(function(data) {
-    trace("Json Ok: " + data);
+      trace("Json Ok: " + data);
   })
   .catchError(function(error) {
-    trace("Json Fail: " + error);
+      trace("Json Fail: " + error);
   });
-```
+```