diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..abb5d0a
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,21 @@
+
+### Operating systems ###
+.DS_Store
+.AppleDouble
+.LSOverride
+._*
+.Spotlight-V100
+.Trashes
+
+### Regular dev ###
+node_modules
+npm-debug.log
+.idea
+*.iml
+
+### bower ###
+/bower_components/*
+
+### tests ###
+/test
+
diff --git a/test/data/test.html b/test/data/test.html
index c6db047..3fc8a1f 100644
--- a/test/data/test.html
+++ b/test/data/test.html
@@ -1,31 +1,16 @@
 <!doctype jsx>
-<div className="nav">
-    <div jsx-repeat="category in this.props.model.nav">
-        <div className="category-title">{category.name}</div>
 
-        <div className="category-entries">
-            <div jsx-if="category.items.length > 0">
-                <div jsx-repeat="entry in category.items">
-                    <div jsx-if="entry.type == 'query'"
-                         className="{this.cs({selected: entry.name == this.props.model.selected.name, navlink: true})}"
-                         onClick="=>this.props.controller.onQueryItemClicked(entry)">{entry.name}</div>
-                <div jsx-if="entry.type == 'tree'">
-                    <ul>
-                        <li jsx-repeat="node in entry.model">
-                            <div onClick="=>this.props.controller.onTreeItemClicked(entry, node)"
-                                 className="{this.cs({selected: this.isNodeSelected(entry, node), treelink1: true})}">{node.title}</div>
-                <ul jsx-if="node.children.length > 0">
-                    <li jsx-repeat="child in node.children" onClick="=>this.props.controller.onTreeItemClicked(entry, child)">
-                        <div className="{this.cs({selected: this.isNodeSelected(entry, child), treelink2: true})}">{child.title}</div>
-            </li>
-            </ul>
-            </li>
-            </ul>
+<div>
+    <div style= "position: relative; textAlign: center;
+            top: {this.props.config.previewTop};
+            height: {this.props.config.previewHeight}">
+
+        <div style="margin: auto; height: 100%; width: {this.props.config.previewWidth || '100%'}">
+            <iframe id="preview" src="http://localhost/sites/412?ds=true" style="width: 100%; height: 100%; border: 0"/>
         </div>
     </div>
-</div>
-</div>
 
-<button className="new-item-btn" jsx-repeat="typeInfo in category.newTypes" onClick="=>this.openAddItem(typeInfo.collectionId, typeInfo.typeName)"><span>Add {typeInfo.friendlyName}</span></button>
-</div>
+    <div>editor
+        <div rt-if="!this.props.editorState.previewMode">left bar</div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/test/data/test.js b/test/data/test.js
index 784fd3f..3e34887 100644
--- a/test/data/test.js
+++ b/test/data/test.js
@@ -2,52 +2,32 @@ define([
     'react',
     'lodash'
 ], function (React, _) {
-    function generated1() {
-        this.props.controller.onQueryItemClicked(entry);
-    }
-    function generated2() {
-        this.props.controller.onTreeItemClicked(entry, node);
-    }
-    function generated3() {
-        this.props.controller.onTreeItemClicked(entry, child);
-    }
-    function generated4() {
-        this.openAddItem(typeInfo.collectionId, typeInfo.typeName);
-    }
-    return React.DOM.div.apply(this, _.flatten([{ 'className': 'nav' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-repeat': 'category in this.props.model.nav' }].concat([
-            React.DOM.div.apply(this, _.flatten([{ 'className': 'category-title' }].concat([category.name]))),
-            React.DOM.div.apply(this, _.flatten([{ 'className': 'category-entries' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-if': 'category.items.length > 0' }].concat([React.DOM.div.apply(this, _.flatten([{ 'jsx-repeat': 'entry in category.items' }].concat([
-                        React.DOM.div.apply(this, _.flatten([{
-                                'jsx-if': 'entry.type == \'query\'',
-                                'className': this.cs({
-                                    selected: entry.name == this.props.model.selected.name,
-                                    navlink: true
-                                }),
-                                'onClick': generated1.bind(this)
-                            }].concat([entry.name]))),
-                        React.DOM.div.apply(this, _.flatten([{ 'jsx-if': 'entry.type == \'tree\'' }].concat([React.DOM.ul.apply(this, _.flatten([{}].concat([React.DOM.li.apply(this, _.flatten([{ 'jsx-repeat': 'node in entry.model' }].concat([
-                                    React.DOM.div.apply(this, _.flatten([{
-                                            'onClick': generated2.bind(this),
-                                            'className': this.cs({
-                                                selected: this.isNodeSelected(entry, node),
-                                                treelink1: true
-                                            })
-                                        }].concat([node.title]))),
-                                    React.DOM.ul.apply(this, _.flatten([{ 'jsx-if': 'node.children.length > 0' }].concat([React.DOM.li.apply(this, _.flatten([{
-                                                'jsx-repeat': 'child in node.children',
-                                                'onClick': generated3.bind(this)
-                                            }].concat([React.DOM.div.apply(this, _.flatten([{
-                                                    'className': this.cs({
-                                                        selected: this.isNodeSelected(entry, child),
-                                                        treelink2: true
-                                                    })
-                                                }].concat([child.title])))])))])))
-                                ])))])))])))
-                    ])))])))]))),
-            React.DOM.button.apply(this, _.flatten([{
-                    'className': 'new-item-btn',
-                    'jsx-repeat': 'typeInfo in category.newTypes',
-                    'onClick': generated4.bind(this)
-                }].concat([React.DOM.span.apply(this, _.flatten([{}].concat(['Add ' + typeInfo.friendlyName])))])))
-        ])))])));
+    return React.DOM.div.apply(this, _.flatten([{}].concat([
+        React.DOM.div.apply(this, _.flatten([{
+                'style': {
+                    position: 'relative',
+                    textAlign: 'center',
+                    top: this.props.config.previewTop,
+                    height: this.props.config.previewHeight
+                }
+            }].concat([React.DOM.div.apply(this, _.flatten([{
+                    'style': {
+                        margin: 'auto',
+                        height: '100%',
+                        width: this.props.config.previewWidth || '100%'
+                    }
+                }].concat([React.DOM.iframe.apply(this, _.flatten([{
+                        'id': 'preview',
+                        'src': 'http://localhost/sites/412?ds=true',
+                        'style': {
+                            width: '100%',
+                            height: '100%',
+                            border: '0'
+                        }
+                    }].concat([])))])))]))),
+        React.DOM.div.apply(this, _.flatten([{}].concat([
+            'editor',
+            !this.props.editorState.previewMode ? React.DOM.div.apply(this, _.flatten([{}].concat(['left bar']))) : null
+        ])))
+    ])));
 });
\ No newline at end of file