tab size 2
default Lively directory
/home/lively/LivelyKernel/users/robertkrahn/worlds
+
-
BaseDirectoryChooser
X
–
Menu
http://lively-web.org/users/robertkrahn/worlds/test.html
X
–
Menu
          "baz": ['red', 'green']
        }
      }
    }).merge(this.props);
  },
  render: function() {
    // return React.DOM.div({content: "fooo"}, [React.DOM.span({content: "bar"})])
    // return React.createElement(MyComponent, { foo: 'bar' });
    // return React.createElement("span", {style: {color: "red"}}, "fooo");
    // return React.createElement("pre", {}, JSON.stringify(this.state.toJS(), undefined, 2));
    return React.createElement("div", {
      style: {
        position: "absolute", top: 20, left: 30,
        backgroundColor: "#FF0000",
        height: 100, width: 100
      }
    });
    // return React.DOM.pre(null, JSON.stringify(this.state.toJS(), undefined, 2));
    // return React.DOM.pre(null, JSON.stringify(this.state, undefined, 2));
  }
});
var component = component || null;
if (!component) {
  document.body.innerHTML = "<div id=\"root\"/>";
  var el = document.querySelector("#root");
  component = React.renderComponent(App({a: 32}), el);
  console.log("render!");
  // component = null;
} else {
  component.forceUpdate();
  console.log("update!");
}
// var cursor = ReactCursor.Cursor.build(component)
// cursor.refine('a').value
// cursor.refine('a').onChange(11);
// cursor.refine('b').refine('foo').value
// cursor.refine('b').refine('foo').onChange({ 'bar': 43, 'baz': ['red', 'green'] })
// cursor.refine('b', 'foo', 'baz', 1).onChange('blue')
_.Map({a: 3, b: 4}).merge({b:5})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
http://lively-web.org/users/robertkrahn/worlds/test.html
X
–
Menu
Shell Workspace
X
–
Menu
/home/lively/LivelyKernel/users/robertkrahn/worlds/test.html
X
–
Menu
System Console
X
–
Menu