Fixes #400 - Introduce state as a local variable

test/autotests/widgets-browser/state-var/component.js

@@ -0,0 +1,7 @@
+module.exports = {
+    onInput: function() {
+        this.state = {
+            name: 'Frank'
+        };
+    }
+};

test/autotests/widgets-browser/state-var/index.marko

@@ -0,0 +1,3 @@
+<div w-bind>
+    Hello ${state.name}!
+</div>

test/autotests/widgets-browser/state-var/test.js

@@ -0,0 +1,6 @@
+var expect = require('chai').expect;
+
+module.exports = function(helpers) {
+    var widget = helpers.mount(require('./index'), {});
+    expect(widget.el.innerHTML).to.contain('Frank');
+};

widgets/taglib/marko.json

@@ -130,7 +130,7 @@
         "@id": "string",
         "@hasDomEvents": "number",
         "@body": "string",
-        "var": "widget",
+        "vars": ["widget", "state"],
         "import-var": {
             "_cfg": "data.widgetConfig",
             "_state": "data.widgetState",

widgets/taglib/widget-tag.js

@@ -210,7 +210,7 @@ module.exports = function widgetTag(input, out) {
 
         // Only render the widget if it needs to be rerendered
         if (shouldRenderBody) {
-            input.renderBody(out, widgetDef);
+            input.renderBody(out, widgetDef, state);
             markoWidgets.writeDomEventsEl(widgetDef, out);
         }