diff --git a/dist/simply.everything.js b/dist/simply.everything.js
index 57e6677..46920f6 100644
--- a/dist/simply.everything.js
+++ b/dist/simply.everything.js
@@ -1,476 +1,3 @@
-/**
- * simply.observe
- * This component lets you observe changes in a json compatible data structure
- * It doesn't support linking the same object multiple times
- * It doesn't register deletion of properties using the delete keyword, assign
- * null to the property instead.
- * It doesn't register addition of new properties.
- * It doesn't register directly assigning new entries in an array on a previously
- * non-existant index.
- *
- * usage:
- *
- * (function) simply.observe( (object) model, (string) path, (function) callback)
- *
- * var model = { foo: { bar: 'baz' } };
- * var removeObserver = simply.observe(model, 'foo.bar', function(value, sourcePath) {
- *   console.log(sourcePath+': '+value);
- * };
- *
- * The function returns a function that removes the observer when called.
- *
- * The component can observe in place changes in arrays, either by changing
- * an item in a specific index, by calling methods on the array that change
- * the array in place or by reassigning the array with a new value.
- *
- * The sourcePath contains the exact entry that was changed, the value is the
- * value for the path passed to simply.observe.
- * If an array method was called that changes the array in place, the sourcePath
- * also contains that method and its arguments JSON serialized.
- *
- * sourcePath parts are always seperated with '.', even for array indexes.
- * so if foo = [ 'bar' ], the path to 'bar' would be 'foo.0'
- */
-
- /*
- FIXME: child properties added after initial observe() call aren't added to the
- childListeners. onMissingChildren can't then find them.
- TODO: onMissingChildren must loop through all fields to get only the direct child
-properties for a given parent, keep seperate index for this?
- */
-
-(function (global) {
-    'use strict';
-
-    var changeListeners = new WeakMap();
-    var parentListeners = new WeakMap();
-    var childListeners = new WeakMap();
-    var changesSignalled = {};
-    var observersPaused = 0;
-
-    function signalChange(model, path, value, sourcePath) {
-        if (observersPaused) {
-            return;
-        }
-
-        sourcePath = sourcePath ? sourcePath : path;
-        changesSignalled = {};
-
-        var signalRecursion = function(model, path, value, sourcePath) {
-            if (changeListeners.has(model) && changeListeners.get(model)[path]) {
-                // changeListeners[model][path] contains callback methods
-                changeListeners.get(model)[path].forEach(function(callback) {
-                    changesSignalled[path] = true;
-                    callback(value, sourcePath);
-                });
-            }
-        };
-
-        //TODO: check if this is correct
-        //previous version only triggered parentListeners when no changeListeners were
-        //triggered. that created problems with arrays. make an exhaustive unit test.
-        signalRecursion(model, path, value, sourcePath);
-        
-        if (parentListeners.has(model) && parentListeners.get(model)[path]) {
-            // parentListeners[model][path] contains child paths to signal change on
-            // if a parent object is changed, this signals the change to the child objects
-            parentListeners.get(model)[path].forEach(function(childPath) {
-                if (!changesSignalled[childPath]) {
-                    var value = getByPath(model, childPath);
-                    if (value) {
-                        attach(model, childPath);
-                    }
-                    signalRecursion(model, childPath, value, sourcePath);
-                    changesSignalled[childPath] = true;
-                }
-            });
-        }
-
-        if (childListeners.has(model) && childListeners.get(model)[path]) {
-            // childListeners[model][path] contains parent paths to signal change on
-            // if a child object is changed, this signals the change to the parent objects
-            childListeners.get(model)[path].forEach(function(parentPath) {
-                if (!changesSignalled[parentPath]) {
-                    var value = getByPath(model, parentPath);
-                    signalRecursion(model, parentPath, value, sourcePath);
-                    changesSignalled[parentPath] = true;
-                    // check if the parent object still has this child property
-                    //FIXME: add a setter trigger here to restore observers once the child property get set again
-
-                }
-            });
-        }
-
-    }
-
-    function getByPath(model, path) {
-        var parts = path.split('.');
-        var curr = model;
-        do {
-            curr = curr[parts.shift()];
-        } while (parts.length && curr);
-        return curr;
-    }
-
-    function parent(path) {
-        var parts = path.split('.');
-        parts.pop();
-        return parts.join('.');
-    }
-    
-    function head(path) {
-        return path.split('.').shift();
-    }
-
-    function onParents(model, path, callback) {
-        var parent = '';
-        var parentOb = model;
-        var parents = path.split('.');
-        do {
-            var head = parents.shift();
-            if (parentOb && typeof parentOb[head] != 'undefined') {
-                callback(parentOb, head, (parent ? parent + '.' + head : head));
-                parentOb = parentOb[head];
-            }
-            parent = (parent ? parent + '.' + head : head );
-        } while (parents.length);
-    }
-
-    function onChildren(model, path, callback) {
-        var onChildObjects = function(object, path, callback) {
-            if (typeof object != 'object' || object == null) {
-                return;
-            }
-            if (Array.isArray(object)) {
-                return;
-            }
-            // register the current keys
-            Object.keys(object).forEach(function(key) {
-                callback(object, key, path+'.'+key);
-                onChildObjects(object[key], path+'.'+key, callback);
-            });
-        };
-        var parent = getByPath(model, path);
-        onChildObjects(parent, path, callback);
-    }
-
-    function onMissingChildren(model, path, callback) {
-        var allChildren = Object.keys(childListeners.get(model) || []).filter(function(childPath) {
-            return childPath.substr(0, path.length)==path && childPath.length>path.length;
-        });
-        if (!allChildren.length) {
-            return;
-        }
-        var object = getByPath(model, path);
-        var keysSeen = {};
-        allChildren.forEach(function(childPath) {
-            var key = head(childPath.substr(path.length+1));
-            if (typeof object[key] == 'undefined') {
-                if (!keysSeen[key]) {
-                    callback(object, key, path+'.'+key);
-                    keysSeen[key] = true;
-                }
-            } else {
-                onMissingChildren(model, path+'.'+key, callback);
-            }
-        });
-    }
-
-    function addChangeListener(model, path, callback) {
-        if (!changeListeners.has(model)) {
-            changeListeners.set(model, {});
-        }
-        if (!changeListeners.get(model)[path]) {
-            changeListeners.get(model)[path] = [];
-        }
-        changeListeners.get(model)[path].push(callback);
-
-        if (!parentListeners.has(model)) {
-            parentListeners.set(model, {});
-        }
-        var parentPath = parent(path);
-        onParents(model, parentPath, function(parentOb, key, currPath) {
-            if (!parentListeners.get(model)[currPath]) {
-                parentListeners.get(model)[currPath] = [];
-            }
-            parentListeners.get(model)[currPath].push(path);
-        });
-
-        if (!childListeners.has(model)) {
-            childListeners.set(model, {});
-        }
-        onChildren(model, path, function(childOb, key, currPath) {
-            if (!childListeners.get(model)[currPath]) {
-                childListeners.get(model)[currPath] = [];
-            }
-            childListeners.get(model)[currPath].push(path);
-        });
-    }
-
-    function removeChangeListener(model, path, callback) {
-        if (!changeListeners.has(model)) {
-            return;
-        }
-        if (changeListeners.get(model)[path]) {
-            changeListeners.get(model)[path] = changeListeners.get(model)[path].filter(function(f) {
-                return f != callback;
-            });
-        }
-    }
-
-    function pauseObservers() {
-        observersPaused++;
-    }
-
-    function resumeObservers() {
-        observersPaused--;
-    }
-
-    function attach(model, path, options) {
-
-        var attachArray = function(object, path) {
-            var desc = Object.getOwnPropertyDescriptor(object, 'push');
-            if (!desc || desc.configurable) {
-                for (var f of ['push','pop','reverse','shift','sort','splice','unshift','copyWithin']) {
-                    (function(f) {
-                        try {
-                            Object.defineProperty(object, f, {
-                                value: function() {
-                                    pauseObservers();
-                                    var result = Array.prototype[f].apply(this, arguments);
-                                    attach(model, path);
-                                    var args = [].slice.call(arguments).map(function(arg) {
-                                        return JSON.stringify(arg);
-                                    });
-                                    resumeObservers();
-                                    signalChange(model, path, this, path+'.'+f+'('+args.join(',')+')');
-                                    return result;
-                                },
-                                readable: false,
-                                enumerable: false,
-                                configurable: false
-                            });
-                        } catch(e) {
-                            console.error('simply.observer: Error: Couldn\'t redefine array method '+f+' on '+path, e);
-                        }
-                    }(f));
-                }
-                for (var i=0, l=object.length; i<l; i++) {
-                    //FIXME: options becomes undefined here somewhere
-//                    if (options.skipArray) {
-                        addSetter(object, i, path+'.'+i);
-//                    } else {
-//                        attach(model, path+'.'+i, options);
-//                    }
-                }
-            }
-        };
-
-        var addSetTrigger = function(object, key, currPath) {
-            Object.defineProperty(object, key, {
-                set: function(value) {
-                    addSetter(object, key, currPath);
-                    object[key] = value;
-                },
-                configurable: true,
-                readable: false,
-                enumerable: false
-            });
-        };
-
-        var addSetter = function(object, key, currPath) {
-            if (Object.getOwnPropertyDescriptor(object, key).configurable) {
-                // assume object keys are only unconfigurable if the
-                // following code has already been run on this property
-                var _value = object[key];
-                Object.defineProperty(object, key, {
-                    set: function(value) {
-                        _value = value;
-                        signalChange(model, currPath, value);
-                        if (value!=null) {
-                            onChildren(model, currPath, addSetter);
-                            onMissingChildren(model, currPath, addSetTrigger);
-                        }
-                    },
-                    get: function() {
-                        return _value;
-                    },
-                    configurable: false,
-                    readable: true,
-                    enumerable: true
-                });
-            }
-            if (Array.isArray(object[key])) {
-                attachArray(object[key], currPath, options);
-            }
-        };
-
-        onParents(model, path, addSetter);
-        onChildren(model, path, addSetter);
-    }
-
-    // FIXME: if you remove a key by reassigning the parent object
-    // and then assign that missing key a new value
-    // the observer doesn't get triggered
-    // var model = { foo: { bar: 'baz' } };
-    // simply.observer(model, 'foo.bar', ...)
-    // model.foo = { }
-    // model.foo.bar = 'zab'; // this should trigger the observer but doesn't
-
-    var observe = function(model, path, callback, options) {
-        if (!path) {
-            var keys = Object.keys(model);
-            keys.forEach(function(key) {
-                attach(model, key, options);
-                addChangeListener(model, key, callback);
-            }); 
-            return function() {
-                keys.forEach(function(key) {
-                    removeChangeListener(model, key, callback);
-                });
-            };
-        } else {
-            attach(model, path, options);
-            addChangeListener(model, path, callback);
-            return function() {
-                removeChangeListener(model, path, callback);
-            };
-        }
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = observe;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.observe = observe;
-    }
-})(this);(function(global) {
-    'use strict';
-
-    var render = function(options) {
-        if (!options) {
-            options = {};
-        }
-        options = Object.assign({
-            attribute: 'data-simply-field',
-            selector: '[data-simply-field]',
-            twoway: true,
-            model: {}
-        }, options);
-
-        options.fieldTypes = Object.assign({
-            '*': {
-                set: function(value) {
-                    this.innerHTML = value;
-                },
-                get: function() {
-                    return this.innerHTML;
-                }
-            },
-            'input,textarea,select': {
-                init: function(binding) {
-                    this.addEventListener('input', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.value = value;
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-            'input[type=radio]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value==this.value);
-                },
-                get: function() {
-                    var checked;
-                    if (this.form) {
-                        return this.form[this.name].value;
-                    } else if (checked=document.body.querySelector('input[name="'+this.name+'"][checked]')) { 
-                        return checked.value;
-                    } else {
-                        return null;
-                    }
-                }
-            },
-            'input[type=checkbox]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value.checked);
-                    this.value = value.value;
-                },
-                get: function() {
-                    return {
-                        checked: this.checked,
-                        value: this.value
-                    };
-                }
-            },
-            'select[multiple]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    for (var i=0,l=this.options.length;i<l;i++) {
-                        this.options[i].selected = (value.indexOf(this.options[i].value)>=0);
-                    }
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-//            '[data-simply-content="template"]': {
-//                 allowNesting: true
-//            },
-        }, options.fieldTypes);
-
-        return options;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = render;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.render = render;
-    }
-})(this);
 (function(global) {
     'us strict';
 
@@ -907,46 +434,6 @@ properties for a given parent, keep seperate index for this?
 (function(global) {
     'use strict';
 
-    var defaultCommands = {
-        'simply-hide': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-hide',target);
-            }
-        },
-        'simply-show': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-show',target);
-            }
-        },
-        'simply-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyGroup : null);
-            this.action('simply-select', el, group, target, targetGroup);
-        },
-        'simply-toggle-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyTarget : null);
-            this.action('simply-toggle-select',el,group,target,targetGroup);
-        },
-        'simply-toggle-class': function(el, value) {
-            var target = this.app.get(el.dataset.simplyTarget);
-            this.action('simply-toggle-class',el,value,target);
-        },
-        'simply-deselect': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-deselect',el,target);
-        },
-        'simply-fullscreen': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-fullscreen',target);
-        }
-    };
-
-
     var handlers = [
         {
             match: 'input,select,textarea',
@@ -1041,7 +528,7 @@ properties for a given parent, keep seperate index for this?
 
     var command = function(app, inCommands) {
 
-        var commands = Object.create(defaultCommands);
+        var commands = Object.create();
         for (var i in inCommands) {
             commands[i] = inCommands[i];
         }
@@ -1165,95 +652,8 @@ properties for a given parent, keep seperate index for this?
 (function(global) {
 	'use strict';
 
-    var defaultActions = {
-        'simply-hide': function(el) {
-            el.classList.remove('simply-visible');
-            return Promise.resolve();
-        },
-        'simply-show': function(el) {
-            el.classList.add('simply-visible');
-            return Promise.resolve();
-        },
-        'simply-select': function(el,group,target,targetGroup) {
-            if (group) {
-                this.call('simply-deselect', this.app.container.querySelectorAll('[data-simply-group='+group+']'));
-            }
-            el.classList.add('simply-selected');
-            if (target) {
-                this.call('simply-select',target,targetGroup);
-            }
-            return Promise.resolve();
-        },
-        'simply-toggle-select': function(el,group,target,targetGroup) {
-            if (!el.classList.contains('simply-selected')) {
-                this.call('simply-select',el,group,target,targetGroup);
-            } else {
-                this.call('simply-deselect',el,target);
-            }
-            return Promise.resolve();
-        },
-        'simply-toggle-class': function(el,className,target) {
-            if (!target) {
-                target = el;
-            }
-            return Promise.resolve(target.classList.toggle(className));
-        },
-        'simply-deselect': function(el,target) {
-            if ( typeof el.length=='number' && typeof el.item=='function') {
-                el = Array.prototype.slice.call(el);
-            }
-            if ( Array.isArray(el) ) {
-                for (var i=0,l=el.length; i<l; i++) {
-                    this.call('simply-deselect',el[i],target);
-                    target = null;
-                }
-            } else {
-                el.classList.remove('simply-selected');
-                if (target) {
-                    this.call('simply-deselect',target);
-                }
-            }
-            return Promise.resolve();
-        },
-        'simply-fullscreen': function(target) {
-            var methods = {
-                'requestFullscreen':{exit:'exitFullscreen',event:'fullscreenchange',el:'fullscreenElement'},
-                'webkitRequestFullScreen':{exit:'webkitCancelFullScreen',event:'webkitfullscreenchange',el:'webkitFullscreenElement'},
-                'msRequestFullscreen':{exit:'msExitFullscreen',event:'MSFullscreenChange',el:'msFullscreenElement'},
-                'mozRequestFullScreen':{exit:'mozCancelFullScreen',event:'mozfullscreenchange',el:'mozFullScreenElement'}
-            };
-            for ( var i in methods ) {
-                if ( typeof document.documentElement[i] != 'undefined' ) {
-                    var requestMethod = i;
-                    var cancelMethod = methods[i].exit;
-                    var event = methods[i].event;
-                    var element = methods[i].el;
-                    break;
-                }
-            }
-            if ( !requestMethod ) {
-                return;
-            }
-            if (!target.classList.contains('simply-fullscreen')) {
-                target.classList.add('simply-fullscreen');
-                target[requestMethod]();
-                var exit = function() {
-                    if ( !document[element] ) {
-                        target.classList.remove('simply-fullscreen');
-                        document.removeEventListener(event,exit);
-                    }
-                };
-                document.addEventListener(event,exit);
-            } else {
-                target.classList.remove('simply-fullscreen');
-                document[cancelMethod]();
-            }
-            return Promise.resolve();
-        }
-    };
-
      var action = function(app, inActions) {
-        var actions = Object.create(defaultActions);
+        var actions = Object.create();
         for ( var i in inActions ) {
             actions[i] = inActions[i];
         }
diff --git a/js/simply.action.js b/js/simply.action.js
index 68ea935..f1c4108 100755
--- a/js/simply.action.js
+++ b/js/simply.action.js
@@ -1,95 +1,8 @@
 (function(global) {
 	'use strict';
 
-    var defaultActions = {
-        'simply-hide': function(el) {
-            el.classList.remove('simply-visible');
-            return Promise.resolve();
-        },
-        'simply-show': function(el) {
-            el.classList.add('simply-visible');
-            return Promise.resolve();
-        },
-        'simply-select': function(el,group,target,targetGroup) {
-            if (group) {
-                this.call('simply-deselect', this.app.container.querySelectorAll('[data-simply-group='+group+']'));
-            }
-            el.classList.add('simply-selected');
-            if (target) {
-                this.call('simply-select',target,targetGroup);
-            }
-            return Promise.resolve();
-        },
-        'simply-toggle-select': function(el,group,target,targetGroup) {
-            if (!el.classList.contains('simply-selected')) {
-                this.call('simply-select',el,group,target,targetGroup);
-            } else {
-                this.call('simply-deselect',el,target);
-            }
-            return Promise.resolve();
-        },
-        'simply-toggle-class': function(el,className,target) {
-            if (!target) {
-                target = el;
-            }
-            return Promise.resolve(target.classList.toggle(className));
-        },
-        'simply-deselect': function(el,target) {
-            if ( typeof el.length=='number' && typeof el.item=='function') {
-                el = Array.prototype.slice.call(el);
-            }
-            if ( Array.isArray(el) ) {
-                for (var i=0,l=el.length; i<l; i++) {
-                    this.call('simply-deselect',el[i],target);
-                    target = null;
-                }
-            } else {
-                el.classList.remove('simply-selected');
-                if (target) {
-                    this.call('simply-deselect',target);
-                }
-            }
-            return Promise.resolve();
-        },
-        'simply-fullscreen': function(target) {
-            var methods = {
-                'requestFullscreen':{exit:'exitFullscreen',event:'fullscreenchange',el:'fullscreenElement'},
-                'webkitRequestFullScreen':{exit:'webkitCancelFullScreen',event:'webkitfullscreenchange',el:'webkitFullscreenElement'},
-                'msRequestFullscreen':{exit:'msExitFullscreen',event:'MSFullscreenChange',el:'msFullscreenElement'},
-                'mozRequestFullScreen':{exit:'mozCancelFullScreen',event:'mozfullscreenchange',el:'mozFullScreenElement'}
-            };
-            for ( var i in methods ) {
-                if ( typeof document.documentElement[i] != 'undefined' ) {
-                    var requestMethod = i;
-                    var cancelMethod = methods[i].exit;
-                    var event = methods[i].event;
-                    var element = methods[i].el;
-                    break;
-                }
-            }
-            if ( !requestMethod ) {
-                return;
-            }
-            if (!target.classList.contains('simply-fullscreen')) {
-                target.classList.add('simply-fullscreen');
-                target[requestMethod]();
-                var exit = function() {
-                    if ( !document[element] ) {
-                        target.classList.remove('simply-fullscreen');
-                        document.removeEventListener(event,exit);
-                    }
-                };
-                document.addEventListener(event,exit);
-            } else {
-                target.classList.remove('simply-fullscreen');
-                document[cancelMethod]();
-            }
-            return Promise.resolve();
-        }
-    };
-
      var action = function(app, inActions) {
-        var actions = Object.create(defaultActions);
+        var actions = Object.create();
         for ( var i in inActions ) {
             actions[i] = inActions[i];
         }
diff --git a/js/simply.command.js b/js/simply.command.js
index f265683..2dadb6c 100644
--- a/js/simply.command.js
+++ b/js/simply.command.js
@@ -1,46 +1,6 @@
 (function(global) {
     'use strict';
 
-    var defaultCommands = {
-        'simply-hide': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-hide',target);
-            }
-        },
-        'simply-show': function(el, value) {
-            var target = this.app.get(value);
-            if (target) {
-                this.action('simply-show',target);
-            }
-        },
-        'simply-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyGroup : null);
-            this.action('simply-select', el, group, target, targetGroup);
-        },
-        'simply-toggle-select': function(el, value) {
-            var group = el.dataset.simplyGroup;
-            var target = this.app.get(value);
-            var targetGroup = (target ? target.dataset.simplyTarget : null);
-            this.action('simply-toggle-select',el,group,target,targetGroup);
-        },
-        'simply-toggle-class': function(el, value) {
-            var target = this.app.get(el.dataset.simplyTarget);
-            this.action('simply-toggle-class',el,value,target);
-        },
-        'simply-deselect': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-deselect',el,target);
-        },
-        'simply-fullscreen': function(el, value) {
-            var target = this.app.get(value);
-            this.action('simply-fullscreen',target);
-        }
-    };
-
-
     var handlers = [
         {
             match: 'input,select,textarea',
@@ -135,7 +95,7 @@
 
     var command = function(app, inCommands) {
 
-        var commands = Object.create(defaultCommands);
+        var commands = Object.create();
         for (var i in inCommands) {
             commands[i] = inCommands[i];
         }
diff --git a/js/simply.observe.js b/js/simply.observe.js
deleted file mode 100755
index 594feb3..0000000
--- a/js/simply.observe.js
+++ /dev/null
@@ -1,349 +0,0 @@
-/**
- * simply.observe
- * This component lets you observe changes in a json compatible data structure
- * It doesn't support linking the same object multiple times
- * It doesn't register deletion of properties using the delete keyword, assign
- * null to the property instead.
- * It doesn't register addition of new properties.
- * It doesn't register directly assigning new entries in an array on a previously
- * non-existant index.
- *
- * usage:
- *
- * (function) simply.observe( (object) model, (string) path, (function) callback)
- *
- * var model = { foo: { bar: 'baz' } };
- * var removeObserver = simply.observe(model, 'foo.bar', function(value, sourcePath) {
- *   console.log(sourcePath+': '+value);
- * };
- *
- * The function returns a function that removes the observer when called.
- *
- * The component can observe in place changes in arrays, either by changing
- * an item in a specific index, by calling methods on the array that change
- * the array in place or by reassigning the array with a new value.
- *
- * The sourcePath contains the exact entry that was changed, the value is the
- * value for the path passed to simply.observe.
- * If an array method was called that changes the array in place, the sourcePath
- * also contains that method and its arguments JSON serialized.
- *
- * sourcePath parts are always seperated with '.', even for array indexes.
- * so if foo = [ 'bar' ], the path to 'bar' would be 'foo.0'
- */
-
- /*
- FIXME: child properties added after initial observe() call aren't added to the
- childListeners. onMissingChildren can't then find them.
- TODO: onMissingChildren must loop through all fields to get only the direct child
-properties for a given parent, keep seperate index for this?
- */
-
-(function (global) {
-    'use strict';
-
-    var changeListeners = new WeakMap();
-    var parentListeners = new WeakMap();
-    var childListeners = new WeakMap();
-    var changesSignalled = {};
-    var observersPaused = 0;
-
-    function signalChange(model, path, value, sourcePath) {
-        if (observersPaused) {
-            return;
-        }
-
-        sourcePath = sourcePath ? sourcePath : path;
-        changesSignalled = {};
-
-        var signalRecursion = function(model, path, value, sourcePath) {
-            if (changeListeners.has(model) && changeListeners.get(model)[path]) {
-                // changeListeners[model][path] contains callback methods
-                changeListeners.get(model)[path].forEach(function(callback) {
-                    changesSignalled[path] = true;
-                    callback(value, sourcePath);
-                });
-            }
-        };
-
-        //TODO: check if this is correct
-        //previous version only triggered parentListeners when no changeListeners were
-        //triggered. that created problems with arrays. make an exhaustive unit test.
-        signalRecursion(model, path, value, sourcePath);
-        
-        if (parentListeners.has(model) && parentListeners.get(model)[path]) {
-            // parentListeners[model][path] contains child paths to signal change on
-            // if a parent object is changed, this signals the change to the child objects
-            parentListeners.get(model)[path].forEach(function(childPath) {
-                if (!changesSignalled[childPath]) {
-                    var value = getByPath(model, childPath);
-                    if (value) {
-                        attach(model, childPath);
-                    }
-                    signalRecursion(model, childPath, value, sourcePath);
-                    changesSignalled[childPath] = true;
-                }
-            });
-        }
-
-        if (childListeners.has(model) && childListeners.get(model)[path]) {
-            // childListeners[model][path] contains parent paths to signal change on
-            // if a child object is changed, this signals the change to the parent objects
-            childListeners.get(model)[path].forEach(function(parentPath) {
-                if (!changesSignalled[parentPath]) {
-                    var value = getByPath(model, parentPath);
-                    signalRecursion(model, parentPath, value, sourcePath);
-                    changesSignalled[parentPath] = true;
-                    // check if the parent object still has this child property
-                    //FIXME: add a setter trigger here to restore observers once the child property get set again
-
-                }
-            });
-        }
-
-    }
-
-    function getByPath(model, path) {
-        var parts = path.split('.');
-        var curr = model;
-        do {
-            curr = curr[parts.shift()];
-        } while (parts.length && curr);
-        return curr;
-    }
-
-    function parent(path) {
-        var parts = path.split('.');
-        parts.pop();
-        return parts.join('.');
-    }
-    
-    function head(path) {
-        return path.split('.').shift();
-    }
-
-    function onParents(model, path, callback) {
-        var parent = '';
-        var parentOb = model;
-        var parents = path.split('.');
-        do {
-            var head = parents.shift();
-            if (parentOb && typeof parentOb[head] != 'undefined') {
-                callback(parentOb, head, (parent ? parent + '.' + head : head));
-                parentOb = parentOb[head];
-            }
-            parent = (parent ? parent + '.' + head : head );
-        } while (parents.length);
-    }
-
-    function onChildren(model, path, callback) {
-        var onChildObjects = function(object, path, callback) {
-            if (typeof object != 'object' || object == null) {
-                return;
-            }
-            if (Array.isArray(object)) {
-                return;
-            }
-            // register the current keys
-            Object.keys(object).forEach(function(key) {
-                callback(object, key, path+'.'+key);
-                onChildObjects(object[key], path+'.'+key, callback);
-            });
-        };
-        var parent = getByPath(model, path);
-        onChildObjects(parent, path, callback);
-    }
-
-    function onMissingChildren(model, path, callback) {
-        var allChildren = Object.keys(childListeners.get(model) || []).filter(function(childPath) {
-            return childPath.substr(0, path.length)==path && childPath.length>path.length;
-        });
-        if (!allChildren.length) {
-            return;
-        }
-        var object = getByPath(model, path);
-        var keysSeen = {};
-        allChildren.forEach(function(childPath) {
-            var key = head(childPath.substr(path.length+1));
-            if (typeof object[key] == 'undefined') {
-                if (!keysSeen[key]) {
-                    callback(object, key, path+'.'+key);
-                    keysSeen[key] = true;
-                }
-            } else {
-                onMissingChildren(model, path+'.'+key, callback);
-            }
-        });
-    }
-
-    function addChangeListener(model, path, callback) {
-        if (!changeListeners.has(model)) {
-            changeListeners.set(model, {});
-        }
-        if (!changeListeners.get(model)[path]) {
-            changeListeners.get(model)[path] = [];
-        }
-        changeListeners.get(model)[path].push(callback);
-
-        if (!parentListeners.has(model)) {
-            parentListeners.set(model, {});
-        }
-        var parentPath = parent(path);
-        onParents(model, parentPath, function(parentOb, key, currPath) {
-            if (!parentListeners.get(model)[currPath]) {
-                parentListeners.get(model)[currPath] = [];
-            }
-            parentListeners.get(model)[currPath].push(path);
-        });
-
-        if (!childListeners.has(model)) {
-            childListeners.set(model, {});
-        }
-        onChildren(model, path, function(childOb, key, currPath) {
-            if (!childListeners.get(model)[currPath]) {
-                childListeners.get(model)[currPath] = [];
-            }
-            childListeners.get(model)[currPath].push(path);
-        });
-    }
-
-    function removeChangeListener(model, path, callback) {
-        if (!changeListeners.has(model)) {
-            return;
-        }
-        if (changeListeners.get(model)[path]) {
-            changeListeners.get(model)[path] = changeListeners.get(model)[path].filter(function(f) {
-                return f != callback;
-            });
-        }
-    }
-
-    function pauseObservers() {
-        observersPaused++;
-    }
-
-    function resumeObservers() {
-        observersPaused--;
-    }
-
-    function attach(model, path, options) {
-
-        var attachArray = function(object, path) {
-            var desc = Object.getOwnPropertyDescriptor(object, 'push');
-            if (!desc || desc.configurable) {
-                for (var f of ['push','pop','reverse','shift','sort','splice','unshift','copyWithin']) {
-                    (function(f) {
-                        try {
-                            Object.defineProperty(object, f, {
-                                value: function() {
-                                    pauseObservers();
-                                    var result = Array.prototype[f].apply(this, arguments);
-                                    attach(model, path);
-                                    var args = [].slice.call(arguments).map(function(arg) {
-                                        return JSON.stringify(arg);
-                                    });
-                                    resumeObservers();
-                                    signalChange(model, path, this, path+'.'+f+'('+args.join(',')+')');
-                                    return result;
-                                },
-                                readable: false,
-                                enumerable: false,
-                                configurable: false
-                            });
-                        } catch(e) {
-                            console.error('simply.observer: Error: Couldn\'t redefine array method '+f+' on '+path, e);
-                        }
-                    }(f));
-                }
-                for (var i=0, l=object.length; i<l; i++) {
-                    //FIXME: options becomes undefined here somewhere
-//                    if (options.skipArray) {
-                        addSetter(object, i, path+'.'+i);
-//                    } else {
-//                        attach(model, path+'.'+i, options);
-//                    }
-                }
-            }
-        };
-
-        var addSetTrigger = function(object, key, currPath) {
-            Object.defineProperty(object, key, {
-                set: function(value) {
-                    addSetter(object, key, currPath);
-                    object[key] = value;
-                },
-                configurable: true,
-                readable: false,
-                enumerable: false
-            });
-        };
-
-        var addSetter = function(object, key, currPath) {
-            if (Object.getOwnPropertyDescriptor(object, key).configurable) {
-                // assume object keys are only unconfigurable if the
-                // following code has already been run on this property
-                var _value = object[key];
-                Object.defineProperty(object, key, {
-                    set: function(value) {
-                        _value = value;
-                        signalChange(model, currPath, value);
-                        if (value!=null) {
-                            onChildren(model, currPath, addSetter);
-                            onMissingChildren(model, currPath, addSetTrigger);
-                        }
-                    },
-                    get: function() {
-                        return _value;
-                    },
-                    configurable: false,
-                    readable: true,
-                    enumerable: true
-                });
-            }
-            if (Array.isArray(object[key])) {
-                attachArray(object[key], currPath, options);
-            }
-        };
-
-        onParents(model, path, addSetter);
-        onChildren(model, path, addSetter);
-    }
-
-    // FIXME: if you remove a key by reassigning the parent object
-    // and then assign that missing key a new value
-    // the observer doesn't get triggered
-    // var model = { foo: { bar: 'baz' } };
-    // simply.observer(model, 'foo.bar', ...)
-    // model.foo = { }
-    // model.foo.bar = 'zab'; // this should trigger the observer but doesn't
-
-    var observe = function(model, path, callback, options) {
-        if (!path) {
-            var keys = Object.keys(model);
-            keys.forEach(function(key) {
-                attach(model, key, options);
-                addChangeListener(model, key, callback);
-            }); 
-            return function() {
-                keys.forEach(function(key) {
-                    removeChangeListener(model, key, callback);
-                });
-            };
-        } else {
-            attach(model, path, options);
-            addChangeListener(model, path, callback);
-            return function() {
-                removeChangeListener(model, path, callback);
-            };
-        }
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = observe;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.observe = observe;
-    }
-})(this);
\ No newline at end of file
diff --git a/js/simply.render.js b/js/simply.render.js
deleted file mode 100755
index f2fae2e..0000000
--- a/js/simply.render.js
+++ /dev/null
@@ -1,125 +0,0 @@
-(function(global) {
-    'use strict';
-
-    var render = function(options) {
-        if (!options) {
-            options = {};
-        }
-        options = Object.assign({
-            attribute: 'data-simply-field',
-            selector: '[data-simply-field]',
-            twoway: true,
-            model: {}
-        }, options);
-
-        options.fieldTypes = Object.assign({
-            '*': {
-                set: function(value) {
-                    this.innerHTML = value;
-                },
-                get: function() {
-                    return this.innerHTML;
-                }
-            },
-            'input,textarea,select': {
-                init: function(binding) {
-                    this.addEventListener('input', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.value = value;
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-            'input[type=radio]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value==this.value);
-                },
-                get: function() {
-                    var checked;
-                    if (this.form) {
-                        return this.form[this.name].value;
-                    } else if (checked=document.body.querySelector('input[name="'+this.name+'"][checked]')) { 
-                        return checked.value;
-                    } else {
-                        return null;
-                    }
-                }
-            },
-            'input[type=checkbox]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    this.checked = (value.checked);
-                    this.value = value.value;
-                },
-                get: function() {
-                    return {
-                        checked: this.checked,
-                        value: this.value
-                    };
-                }
-            },
-            'select[multiple]': {
-                init: function(binding) {
-                    this.addEventListener('change', function() {
-                        if (binding.observing) {
-                            this.dispatchEvent(new Event('simply.bind.update', {
-                                bubbles: true,
-                                cancelable: true
-                            }));
-                        }
-                    });
-                },
-                set: function(value) {
-                    for (var i=0,l=this.options.length;i<l;i++) {
-                        this.options[i].selected = (value.indexOf(this.options[i].value)>=0);
-                    }
-                },
-                get: function() {
-                    return this.value;
-                }
-            },
-//            '[data-simply-content="template"]': {
-//                 allowNesting: true
-//            },
-        }, options.fieldTypes);
-
-        return options;
-    };
-
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = render;
-    } else {
-        if (!global.simply) {
-            global.simply = {};
-        }
-        global.simply.render = render;
-    }
-})(this);
diff --git a/make b/make
index 63aad0b..772bbef 100755
--- a/make
+++ b/make
@@ -1,8 +1,6 @@
 #!/bin/bash
 rm dist/simply.everything.js
-cat js/simply.observe.js \
-    js/simply.render.js \
-    js/simply.path.js \
+cat js/simply.path.js \
     js/simply.route.js \
     js/simply.activate.js \
     js/simply.collect.js \