1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=t.defaultBase16,r=void 0===a?we:a,o=t.base16Themes,i=_e(n,void 0===o?null:o);i&&(n=Se(Se({},i),n));for(var s=xe.reduce((function(e,t){return e[t]=n[t]||r[t],e}),{}),l=Object.keys(n).reduce((function(e,t){return-1===xe.indexOf(t)?(e[t]=n[t],e):e}),{}),u=e(s),c=je(l,u),p=arguments.length,d=new Array(p>3?p-3:0),h=3;h=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw o}}}}(r);try{for(p.s();!(s=p.n()).done;){c=c[s.value]}}catch(e){p.e(e)}finally{p.f()}return i?"array"==ue(c)?c.splice(a,1):delete c[a]:null!==a?c[a]=o:u=o,e.set(t,"global","src",u),u},e.deepCopy=function(t,n){var a,r=ue(t),o=n.shift();return"array"==r?a=ze(t):"object"==r&&(a=u({},t)),void 0!==o&&(a[o]=e.deepCopy(t[o],n)),a},e}return m(t,e),d(t)}(Le.EventEmitter));Ve.register(qe.handleAction.bind(qe));const Ke=qe;var We=function(e){function t(e){var n;return c(this,t),(n=v(this,t,[e])).toggleCollapsed=function(){n.setState({collapsed:!n.state.collapsed},(function(){Ke.set(n.props.rjvId,n.props.namespace,"collapsed",n.state.collapsed)}))},n.getFunctionDisplay=function(e){var t=n.props;return e?a().createElement("span",null,n.props.value.toString().slice(9,-1).replace(/\{[\s\S]+/,""),a().createElement("span",{className:"function-collapsed",style:{fontWeight:"bold"}},a().createElement("span",null,"{"),a().createElement("span",Pe(t.theme,"ellipsis"),"..."),a().createElement("span",null,"}"))):n.props.value.toString().slice(9,-1)},n.state={collapsed:Ke.get(e.rjvId,e.namespace,"collapsed",!0)},n}return m(t,e),d(t,[{key:"render",value:function(){var e=this.props,t=this.state.collapsed;return a().createElement("div",Pe(e.theme,"function"),a().createElement(Te,Object.assign({type_name:"function"},e)),a().createElement("span",Object.assign({},Pe(e.theme,"function-value"),{className:"rjv-function-container",onClick:this.toggleCollapsed}),this.getFunctionDisplay(t)))}}])}(a().PureComponent),Ue=function(e){function t(){return c(this,t),v(this,t,arguments)}return m(t,e),d(t,[{key:"render",value:function(){return a().createElement("div",Pe(this.props.theme,"nan"),"NaN")}}])}(a().PureComponent),He=function(e){function t(){return c(this,t),v(this,t,arguments)}return m(t,e),d(t,[{key:"render",value:function(){return a().createElement("div",Pe(this.props.theme,"null"),"NULL")}}])}(a().PureComponent),Ye=function(e){function t(){return c(this,t),v(this,t,arguments)}return m(t,e),d(t,[{key:"render",value:function(){var e=this.props;return a().createElement("div",Pe(e.theme,"integer"),a().createElement(Te,Object.assign({type_name:"int"},e)),this.props.value)}}])}(a().PureComponent),Je=function(e){function t(){return c(this,t),v(this,t,arguments)}return m(t,e),d(t,[{key:"render",value:function(){var e=this.props;return a().createElement("div",Pe(e.theme,"regexp"),a().createElement(Te,Object.assign({type_name:"regexp"},e)),this.props.value.toString())}}])}(a().PureComponent),$e=function(e){function t(e){var n;return c(this,t),(n=v(this,t,[e])).toggleCollapsed=function(){n.setState({collapsed:!n.state.collapsed},(function(){Ke.set(n.props.rjvId,n.props.namespace,"collapsed",n.state.collapsed)}))},n.state={collapsed:Ke.get(e.rjvId,e.namespace,"collapsed",!0)},n}return m(t,e),d(t,[{key:"render",value:function(){this.state.collapsed;var e=this.props,t=e.collapseStringsAfterLength,n=e.theme,r=e.value,o={style:{cursor:"default"}};return"integer"===ue(t)&&r.length>t&&(o.style.cursor="pointer",this.state.collapsed&&(r=a().createElement("span",null,r.substring(0,t),a().createElement("span",Pe(n,"ellipsis")," ...")))),a().createElement("div",Pe(n,"string"),a().createElement(Te,Object.assign({type_name:"string"},e)),a().createElement("span",Object.assign({className:"string-value"},o,{onClick:this.toggleCollapsed}),'"',r,'"'))}}])}(a().PureComponent),Ge=function(e){function t(){return c(this,t),v(this,t,arguments)}return m(t,e),d(t,[{key:"render",value:function(){return a().createElement("div",Pe(this.props.theme,"undefined"),"undefined")}}])}(a().PureComponent);function Qe(){return Qe=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?i:null,namespace:o.splice(0,o.length-1),existing_value:s,variable_removed:!1,key_name:null};"object"===ue(s)?Ve.dispatch({name:"ADD_VARIABLE_KEY_REQUEST",rjvId:l,data:e}):Ve.dispatch({name:"VARIABLE_ADDED",rjvId:l,data:u(u({},e),{},{new_value:[].concat(ze(s),[null])})})}})))},e.getRemoveObject=function(t){var n=e.props,r=n.theme,o=(n.hover,n.namespace),i=n.name,s=n.src,l=n.rjvId;if(1!==o.length)return a().createElement("span",{className:"click-to-remove",style:{display:t?"inline-block":"none"}},a().createElement(Dt,Object.assign({className:"click-to-remove-icon"},Pe(r,"removeVarIcon"),{onClick:function(){Ve.dispatch({name:"VARIABLE_REMOVED",rjvId:l,data:{name:i,namespace:o.splice(0,o.length-1),existing_value:s,variable_removed:!0}})}})))},e.render=function(){var t=e.props,n=t.theme,r=t.onDelete,o=t.onAdd,i=t.enableClipboard,s=t.src,l=t.namespace,u=t.rowHovered;return a().createElement("div",Object.assign({},Pe(n,"object-meta-data"),{className:"object-meta-data",onClick:function(e){e.stopPropagation()}}),e.getObjectSize(),i?a().createElement(Rt,{rowHovered:u,clickCallback:i,src:s,theme:n,namespace:l}):null,!1!==o?e.getAddAttribute(u):null,!1!==r?e.getRemoveObject(u):null)},e}return m(t,e),d(t)}(a().PureComponent);function Lt(e){var t=e.parent_type,n=e.namespace,r=e.quotesOnKeys,o=e.theme,i=e.jsvRoot,s=e.name,l=e.displayArrayKey,u=e.name?e.name:"";return!i||!1!==s&&null!==s?"array"==t?l?a().createElement("span",Object.assign({},Pe(o,"array-key"),{key:n}),a().createElement("span",{className:"array-key"},u),a().createElement("span",Pe(o,"colon"),":")):a().createElement("span",null):a().createElement("span",Object.assign({},Pe(o,"object-name"),{key:n}),a().createElement("span",{className:"object-key"},r&&a().createElement("span",{style:{verticalAlign:"top"}},'"'),a().createElement("span",null,u),r&&a().createElement("span",{style:{verticalAlign:"top"}},'"')),a().createElement("span",Pe(o,"colon"),":")):a().createElement("span",null)}function Vt(e){var t=e.theme;switch(e.iconStyle){case"triangle":return a().createElement(Mt,Object.assign({},Pe(t,"expanded-icon"),{className:"expanded-icon"}));case"square":return a().createElement(Ot,Object.assign({},Pe(t,"expanded-icon"),{className:"expanded-icon"}));default:return a().createElement(xt,Object.assign({},Pe(t,"expanded-icon"),{className:"expanded-icon"}))}}function qt(e){var t=e.theme;switch(e.iconStyle){case"triangle":return a().createElement(At,Object.assign({},Pe(t,"collapsed-icon"),{className:"collapsed-icon"}));case"square":return a().createElement(jt,Object.assign({},Pe(t,"collapsed-icon"),{className:"collapsed-icon"}));default:return a().createElement(Ct,Object.assign({},Pe(t,"collapsed-icon"),{className:"collapsed-icon"}))}}var Kt=["src","groupArraysAfterLength","depth","name","theme","jsvRoot","namespace","parent_type"],Wt=function(e){function t(e){var n;return c(this,t),(n=v(this,t,[e])).toggleCollapsed=function(e){var t=[];for(var a in n.state.expanded)t.push(n.state.expanded[a]);t[e]=!t[e],n.setState({expanded:t})},n.state={expanded:[]},n}return m(t,e),d(t,[{key:"getExpandedIcon",value:function(e){var t=this.props,n=t.theme,r=t.iconStyle;return this.state.expanded[e]?a().createElement(Vt,{theme:n,iconStyle:r}):a().createElement(qt,{theme:n,iconStyle:r})}},{key:"render",value:function(){var e=this,t=this.props,n=t.src,r=t.groupArraysAfterLength,o=(t.depth,t.name),i=t.theme,s=t.jsvRoot,l=t.namespace,u=(t.parent_type,le(t,Kt)),c=0,p=5*this.props.indentWidth;s||(c=5*this.props.indentWidth);var d=r,h=Math.ceil(n.length/d);return a().createElement("div",Object.assign({className:"object-key-val"},Pe(i,s?"jsv-root":"objectKeyVal",{paddingLeft:c})),a().createElement(Lt,this.props),a().createElement("span",null,a().createElement(zt,Object.assign({size:n.length},this.props))),ze(Array(h)).map((function(t,r){return a().createElement("div",Object.assign({key:r,className:"object-key-val array-group"},Pe(i,"objectKeyVal",{marginLeft:6,paddingLeft:p})),a().createElement("span",Pe(i,"brace-row"),a().createElement("div",Object.assign({className:"icon-container"},Pe(i,"icon-container"),{onClick:function(t){e.toggleCollapsed(r)}}),e.getExpandedIcon(r)),e.state.expanded[r]?a().createElement(Jt,Object.assign({key:o+r,depth:0,name:!1,collapsed:!1,groupArraysAfterLength:d,index_offset:r*d,src:n.slice(r*d,r*d+d),namespace:l,type:"array",parent_type:"array_group",theme:i},u)):a().createElement("span",Object.assign({},Pe(i,"brace"),{onClick:function(t){e.toggleCollapsed(r)},className:"array-group-brace"}),"[",a().createElement("div",Object.assign({},Pe(i,"array-group-meta-data"),{className:"array-group-meta-data"}),a().createElement("span",Object.assign({className:"object-size"},Pe(i,"object-size")),r*d," - ",r*d+d>n.length?n.length:r*d+d)),"]")))})))}}])}(a().PureComponent),Ut=["depth","src","namespace","name","type","parent_type","theme","jsvRoot","iconStyle"],Ht=function(e){function t(e){var n;c(this,t),(n=v(this,t,[e])).toggleCollapsed=function(){n.setState({expanded:!n.state.expanded},(function(){Ke.set(n.props.rjvId,n.props.namespace,"expanded",n.state.expanded)}))},n.getObjectContent=function(e,t,r){return a().createElement("div",{className:"pushed-content object-container"},a().createElement("div",Object.assign({className:"object-content"},Pe(n.props.theme,"pushed-content")),n.renderObjectContents(t,r)))},n.getEllipsis=function(){return 0===n.state.size?null:a().createElement("div",Object.assign({},Pe(n.props.theme,"ellipsis"),{className:"node-ellipsis",onClick:n.toggleCollapsed}),"...")},n.getObjectMetaData=function(e){var t=n.props,r=(t.rjvId,t.theme,n.state),o=r.size,i=r.hovered;return a().createElement(zt,Object.assign({rowHovered:i,size:o},n.props))},n.renderObjectContents=function(e,t){var r,o=n.props,i=o.depth,s=o.parent_type,l=o.index_offset,u=o.groupArraysAfterLength,c=o.namespace,p=n.state.object_type,d=[],h=Object.keys(e||{});return n.props.sortKeys&&"array"!==p&&(h=h.sort()),h.forEach((function(o){if(r=new Yt(o,e[o]),"array_group"===s&&l&&(r.name=parseInt(r.name)+l),e.hasOwnProperty(o))if("object"===r.type)d.push(a().createElement(Jt,Object.assign({key:r.name,depth:i+1,name:r.name,src:r.value,namespace:c.concat(r.name),parent_type:p},t)));else if("array"===r.type){var h=Jt;u&&r.value.length>u&&(h=Wt),d.push(a().createElement(h,Object.assign({key:r.name,depth:i+1,name:r.name,src:r.value,namespace:c.concat(r.name),type:"array",parent_type:p},t)))}else d.push(a().createElement(Bt,Object.assign({key:r.name+"_"+c,variable:r,singleIndent:5,namespace:c,type:n.props.type},t)));else;})),d};var r=t.getState(e);return n.state=u(u({},r),{},{prevProps:{}}),n}return m(t,e),d(t,[{key:"getBraceStart",value:function(e,t){var n=this,r=this.props,o=r.src,i=r.theme,s=r.iconStyle;if("array_group"===r.parent_type)return a().createElement("span",null,a().createElement("span",Pe(i,"brace"),"array"===e?"[":"{"),t?this.getObjectMetaData(o):null);var l=t?Vt:qt;return a().createElement("span",null,a().createElement("span",Object.assign({onClick:function(e){n.toggleCollapsed()}},Pe(i,"brace-row")),a().createElement("div",Object.assign({className:"icon-container"},Pe(i,"icon-container")),a().createElement(l,{theme:i,iconStyle:s})),a().createElement(Lt,this.props),a().createElement("span",Pe(i,"brace"),"array"===e?"[":"{")),t?this.getObjectMetaData(o):null)}},{key:"render",value:function(){var e=this,t=this.props,n=t.depth,r=t.src,o=(t.namespace,t.name,t.type,t.parent_type),i=t.theme,s=t.jsvRoot,l=t.iconStyle,c=le(t,Ut),p=this.state,d=p.object_type,h=p.expanded,b={};return s||"array_group"===o?"array_group"===o&&(b.borderLeft=0,b.display="inline"):b.paddingLeft=5*this.props.indentWidth,a().createElement("div",Object.assign({className:"object-key-val",onMouseEnter:function(){return e.setState(u(u({},e.state),{},{hovered:!0}))},onMouseLeave:function(){return e.setState(u(u({},e.state),{},{hovered:!1}))}},Pe(i,s?"jsv-root":"objectKeyVal",b)),this.getBraceStart(d,h),h?this.getObjectContent(n,r,u({theme:i,iconStyle:l},c)):this.getEllipsis(),a().createElement("span",{className:"brace-row"},a().createElement("span",{style:u(u({},Pe(i,"brace").style),{},{paddingLeft:h?"3px":"0px"})},"array"===d?"]":"}"),h?null:this.getObjectMetaData(r)))}}],[{key:"getDerivedStateFromProps",value:function(e,n){var a=n.prevProps;return e.src!==a.src||e.collapsed!==a.collapsed||e.name!==a.name||e.namespace!==a.namespace||e.rjvId!==a.rjvId?u(u({},t.getState(e)),{},{prevProps:e}):null}}])}(a().PureComponent);Ht.getState=function(e){var t=Object.keys(e.src).length,n=(!1===e.collapsed||!0!==e.collapsed&&e.collapsed>e.depth)&&(!e.shouldCollapse||!1===e.shouldCollapse({name:e.name,src:e.src,type:ue(e.src),namespace:e.namespace}))&&0!==t;return{expanded:Ke.get(e.rjvId,e.namespace,"expanded",n),object_type:"array"===e.type?"array":"object",parent_type:"array"===e.type?"array":"object",size:t,hovered:!1}};var Yt=d((function e(t,n){c(this,e),this.name=t,this.value=n,this.type=ue(n)}));ie(Ht);const Jt=Ht;var $t=function(e){function t(){var e;c(this,t);for(var n=arguments.length,r=new Array(n),o=0;oi.groupArraysAfterLength&&(l=Wt),a().createElement("div",{className:"pretty-json-container object-container"},a().createElement("div",{className:"object-content"},a().createElement(l,Object.assign({namespace:s,depth:0,jsvRoot:!0},i))))},e}return m(t,e),d(t)}(a().PureComponent),Gt=function(e){function t(e){var n;return c(this,t),(n=v(this,t,[e])).closeModal=function(){Ve.dispatch({rjvId:n.props.rjvId,name:"RESET"})},n.submit=function(){n.props.submit(n.state.input)},n.state={input:e.input?e.input:""},n}return m(t,e),d(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.theme,r=t.rjvId,o=t.isValid,i=this.state.input,s=o(i);return a().createElement("div",Object.assign({className:"key-modal-request"},Pe(n,"key-modal-request"),{onClick:this.closeModal}),a().createElement("div",Object.assign({},Pe(n,"key-modal"),{onClick:function(e){e.stopPropagation()}}),a().createElement("div",Pe(n,"key-modal-label"),"Key Name:"),a().createElement("div",{style:{position:"relative"}},a().createElement("input",Object.assign({},Pe(n,"key-modal-input"),{className:"key-modal-input",ref:function(e){return e&&e.focus()},spellCheck:!1,value:i,placeholder:"...",onChange:function(t){e.setState({input:t.target.value})},onKeyPress:function(t){s&&"Enter"===t.key?e.submit():"Escape"===t.key&&e.closeModal()}})),s?a().createElement(Tt,Object.assign({},Pe(n,"key-modal-submit"),{className:"key-modal-submit",onClick:function(t){return e.submit()}})):null),a().createElement("span",Pe(n,"key-modal-cancel"),a().createElement(It,Object.assign({},Pe(n,"key-modal-cancel-icon"),{className:"key-modal-cancel",onClick:function(){Ve.dispatch({rjvId:r,name:"RESET"})}})))))}}])}(a().PureComponent),Qt=function(e){function t(){var e;c(this,t);for(var n=arguments.length,a=new Array(n),r=0;r.Select-control,\n .Select-option,\n .Select-option.is-selected,\n .Select-option.is-focused {\n background-color: ").concat(this.state.siteTheme.bgColor,";\n color: ").concat(this.state.siteTheme.color,";\n }\n .Select-option.is-focused {\n opacity: 0.8;\n }\n .Select.has-value.Select--single>.Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {\n color: ").concat(this.state.siteTheme.color,";\n }\n ")),a().createElement("div",{className:"rjv-demo"},a().createElement("div",{className:"rjv-header"},a().createElement("div",{className:"header-1"},"@microlink/react-json-view"),a().createElement("img",{className:"rjv-logo",src:"https://raw.githubusercontent.com/microlinkhq/react-json-view/master/doc/rjv-icon-alt.png",onClick:function(){window.open("https://github.com/microlinkhq/react-json-view","_blank")}}),a().createElement(nn(),{type:"stargazers",namespace:"microlinkhq",repo:"react-json-view"})),a().createElement(en,{name:!1,collapsed:d,style:{padding:"10px",borderRadius:"3px",margin:"10px 0px"},theme:c,src:n,collapseStringsAfterLength:r,onEdit:!!i&&function(t){console.log(t),e.setState({src:t.updated_src})},onDelete:!!s&&function(t){console.log(t),e.setState({src:t.updated_src})},onAdd:!!o&&function(t){console.log(t),e.setState({src:t.updated_src})},displayObjectSize:l,enableClipboard:u,indentWidth:h,displayDataTypes:b,iconStyle:p}),a().createElement("div",{className:"rjv-settings"},a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Theme:"),this.getThemeInput(c)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Icon Style:"),this.getIconStyleInput(p)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Enable Edit:"),this.getEditInput(i)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Enable Add:"),this.getAddInput(o)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Enable Delete:"),this.getDeleteInput(s)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Enable Clipboard:"),this.getEnableClipboardInput(u))),a().createElement("div",{className:"rjv-settings"},a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Display Data Types:"),this.getDataTypesInput(b)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Display Object Size:"),this.getObjectSizeInput(l)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Indent Width:"),this.getIndentWidthInput(h)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Collapsed:"),this.getCollapsedInput(d)),a().createElement("div",{className:"rjv-input"},a().createElement("div",{className:"rjv-label"},"Collapse Strings After Length:"),this.getCollapsedStringsInput(r))),this.getNotes(i,o)))}}])}(a().PureComponent));rn.defaultProps={theme:"rjv-default",src:null,collapsed:!1,collapseStringsAfter:15,onAdd:!0,onEdit:!0,onDelete:!0,displayObjectSize:!0,enableClipboard:!0,indentWidth:4,displayDataTypes:!0,iconStyle:"triangle"};const on=rn;function sn(){return a().createElement("div",{className:"mac-react"},a().createElement(on,null))}r(8077);var ln=document.getElementById("mac-react-container");t().render(React.createElement("div",{className:"app-entry"},React.createElement(sn,null)),ln)})(),{}})()));
\ No newline at end of file
diff --git a/doc/edit-complete-1.png b/doc/edit-complete-1.png
deleted file mode 100644
index 319375d..0000000
Binary files a/doc/edit-complete-1.png and /dev/null differ
diff --git a/doc/edit-init-1.png b/doc/edit-init-1.png
deleted file mode 100644
index 2137138..0000000
Binary files a/doc/edit-init-1.png and /dev/null differ
diff --git a/doc/edit-input-1.png b/doc/edit-input-1.png
deleted file mode 100644
index ffc7169..0000000
Binary files a/doc/edit-input-1.png and /dev/null differ
diff --git a/doc/example-usage.js b/doc/example-usage.js
deleted file mode 100644
index 1c975db..0000000
--- a/doc/example-usage.js
+++ /dev/null
@@ -1,61 +0,0 @@
-
-import ReactJson from 'react-json-view';
-
-//you have some json to display
-let my_important_json = {
- test: 'this is a test string',
- another_sibling: 45,
- basic_array: [1, 2, 3],
- how_will_floats_do: -2.757,
- parent: {
- sibling1: true,
- sibling2: false,
- sibling3: null,
- sibling4: 'test',
- 'last-sibling': {
- grand_child: NaN,
- 'grand-child-func': (a) => {
- let b = 5;
- return a.push(b);
- }
- }
- },
- number: 1234
-}
-
-//so put it on the page!
-
-
-
-//----------------------------------------------------------------
-
-
-// ES6 with React
-import ReactJson from 'react-json-view';
-
-...
-
-...
-
-
-//----------------------------------------------------------------
-
-
-
-
-...
-
-
-
-
-...
-
\ No newline at end of file
diff --git a/doc/output-example-12.png b/doc/output-example-12.png
deleted file mode 100644
index bdfb04b..0000000
Binary files a/doc/output-example-12.png and /dev/null differ
diff --git a/doc/output-example-14.png b/doc/output-example-14.png
deleted file mode 100644
index 9ee0170..0000000
Binary files a/doc/output-example-14.png and /dev/null differ
diff --git a/doc/output-example-15.png b/doc/output-example-15.png
deleted file mode 100644
index 10f8c37..0000000
Binary files a/doc/output-example-15.png and /dev/null differ
diff --git a/doc/output-example-monokai-2.png b/doc/output-example-monokai-2.png
deleted file mode 100644
index a71ab74..0000000
Binary files a/doc/output-example-monokai-2.png and /dev/null differ
diff --git a/doc/output-example-solarized-2.png b/doc/output-example-solarized-2.png
deleted file mode 100644
index 51991c4..0000000
Binary files a/doc/output-example-solarized-2.png and /dev/null differ
diff --git a/doc/source-example-8.png b/doc/source-example-8.png
deleted file mode 100644
index 602336f..0000000
Binary files a/doc/source-example-8.png and /dev/null differ
diff --git a/doc/source-example-9.png b/doc/source-example-9.png
deleted file mode 100644
index 072b338..0000000
Binary files a/doc/source-example-9.png and /dev/null differ
diff --git a/docs/assets/banner.png b/docs/assets/banner.png
new file mode 100644
index 0000000..48eaf23
Binary files /dev/null and b/docs/assets/banner.png differ
diff --git a/demo/src/style/images/favicon.ico b/docs/assets/favicon.ico
similarity index 100%
rename from demo/src/style/images/favicon.ico
rename to docs/assets/favicon.ico
diff --git a/doc/rjv-icon-alt.png b/docs/assets/rjv-icon-alt.png
similarity index 100%
rename from doc/rjv-icon-alt.png
rename to docs/assets/rjv-icon-alt.png
diff --git a/doc/rjv-icon-alt.svg b/docs/assets/rjv-icon-alt.svg
similarity index 100%
rename from doc/rjv-icon-alt.svg
rename to docs/assets/rjv-icon-alt.svg
diff --git a/doc/rjv-icon.png b/docs/assets/rjv-icon.png
similarity index 100%
rename from doc/rjv-icon.png
rename to docs/assets/rjv-icon.png
diff --git a/doc/rjv-icon.svg b/docs/assets/rjv-icon.svg
similarity index 100%
rename from doc/rjv-icon.svg
rename to docs/assets/rjv-icon.svg
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..9c1e589
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,38 @@
+
+
+
+ react-json-view
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/demo/src/js/components/Demo.js b/docs/src/js/components/Demo.js
similarity index 96%
rename from demo/src/js/components/Demo.js
rename to docs/src/js/components/Demo.js
index eefe98f..7ba5dac 100644
--- a/demo/src/js/components/Demo.js
+++ b/docs/src/js/components/Demo.js
@@ -1,12 +1,10 @@
import React from 'react'
import ReactSelect from 'react-select'
import ReactJson from './../../../../src/js/index'
-import GitHubButton from 'react-github-button'
import Code from './../helpers/Code'
import './../../style/scss/rjv-demo.scss'
import 'react-select/dist/react-select.css'
-import 'react-github-button/assets/style.css'
// index entrypoint component
class Demo extends React.PureComponent {
@@ -180,21 +178,6 @@ class Demo extends React.PureComponent {