Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

mobx-devtools

Package Overview
Dependencies
Maintainers
2
Versions
27
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mobx-devtools - npm Package Compare versions

Comparing version 0.0.0-alpha-1 to 0.0.6-alpha-3

4

index.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("mobx-react"),require("mobx")):"function"==typeof define&&define.amd?define(["react","mobx-react","mobx"],t):"object"==typeof exports?exports.mobxDevtools=t(require("react"),require("mobx-react"),require("mobx")):e.mobxDevtools=t(e.React,e.mobxReact,e.mobx)}(this,function(e,t,n){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.setLogEnabled=t.setGraphEnabled=t.setUpdatesEnabled=t.UpdatesControl=t.LogControl=t.GraphControl=t.configureDevtool=t["default"]=void 0;var r=n(1);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o(r)["default"]}}),Object.defineProperty(t,"configureDevtool",{enumerable:!0,get:function(){return r.configureDevtool}});var i=n(32);Object.defineProperty(t,"GraphControl",{enumerable:!0,get:function(){return o(i)["default"]}});var a=n(33);Object.defineProperty(t,"LogControl",{enumerable:!0,get:function(){return o(a)["default"]}});var s=n(34);Object.defineProperty(t,"UpdatesControl",{enumerable:!0,get:function(){return o(s)["default"]}});var u=n(35),c=o(u);c["default"].polyfill();t.setUpdatesEnabled=function(e){return configureDevtool({updatesEnabled:e})},t.setGraphEnabled=function(e){return configureDevtool({graphEnabled:e})},t.setLogEnabled=function(e){return configureDevtool({logEnabled:e})}},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.configureDevtool=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=n(2),a=o(i),s=n(3),u=o(s),c=n(4),l=o(c),d=n(10),p=o(d),f=n(11),g=o(f),h=n(13),b=o(h);(0,u["default"])(window);var y=__MOBX_DEVTOOLS_GLOBAL_HOOK__;y.injectMobxReact(n(30),n(31));var v=[],m=[],I={listen:function(e){v.push(e)},send:function(e){setTimeout(function(){return m.forEach(function(t){return t(e)})},0)}};y.agent||(y.agent=new l["default"](y)),y.agent.connect(new p["default"](I)),y.agent.onceShutdown(function(){v.splice(0)});var w=(t.configureDevtool=function(e){var t=e.logEnabled,n=e.updatesEnabled,o=e.graphEnabled,r=e.logFilter;void 0!==t&&y.agent.store.toggleConsoleLogging(Boolean(t)),void 0!==n&&y.agent.store.toggleShowingUpdates(Boolean(n)),void 0!==o&&y.agent.store.togglePickingDeptreeComponent(Boolean(o)),"function"==typeof r&&(y.agent.logFilter=r)},{debugName:"browserpkg UI",reload:function(){},reloadSubscribe:function(){},inject:function(e){var t={listen:function(e){m.push(e)},send:function(e){setTimeout(function(){return v.forEach(function(t){return t(e)})},0)}};e(t,function(){m.splice(0)})}});t["default"]=function(){return a["default"].createElement(g["default"],r({quiet:!0},w),a["default"].createElement(b["default"],null))}},function(t,n){t.exports=e},function(e,t){"use strict";function n(e){e.__MOBX_DEVTOOLS_GLOBAL_HOOK__||Object.defineProperty(e,"__MOBX_DEVTOOLS_GLOBAL_HOOK__",{value:{instances:{},injectMobx:function(e){e=e["default"]||e;var t;for(var n in this.instances)if(this.instances[n]&&this.instances[n].mobx===e){t=n;break}t||(t=Math.random().toString(32).slice(2),this.instances[t]={mobx:e},this.emit("mobx",{mobxid:t,mobx:e}))},injectMobxReact:function(e,t){e=e["default"]||e,t=t["default"]||t,e.trackComponents();var n;for(var o in this.instances)if(this.instances[o]&&this.instances[o].mobx===t&&(void 0===this.instances[o].mobxReact||this.instances[o].mobxReact===e)){n=o;break}n?this.instances[n].mobxReact!==e&&(this.instances[n].mobxReact=e,this.emit("mobx-react",{mobxid:n,mobxReact:e})):(n=Math.random().toString(32).slice(2),this.instances[n]={mobx:t,mobxReact:e},this.emit("mobx",{mobxid:n,mobx:t}),this.emit("mobx-react",{mobxid:n,mobxReact:e}))},findComponentByNode:function(e){for(var t=e;t;){for(var n in this.instances){var o=this.instances[n].mobxReact;if(o){var r=o.componentByNodeRegistery.get(t);if(r)return{node:t,component:r,mobxid:n}}}t=t.parentNode}return{}},_listeners:{},sub:function(e,t){var n=this;return this.on(e,t),function(){return n.off(e,t)}},on:function(e,t){this._listeners[e]||(this._listeners[e]=[]),this._listeners[e].push(t)},off:function(e,t){if(this._listeners[e]){var n=this._listeners[e].indexOf(t);n!==-1&&this._listeners[e].splice(n,1),this._listeners[e].length||(this._listeners[e]=null)}},emit:function(e,t){this._listeners[e]&&this._listeners[e].map(function(e){return e(t)})}}})}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e){return Object.assign({},e,{object:"<Skipped can be circular link>",target:"<Skipped can be circular link>",added:"<Skipped can be circular link>",removed:"<Skipped can be circular link>",children:e.children.map(i)})}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),s=n(5),u=o(s),c=n(6),l=o(c),d=n(8),p=o(d),f=n(9),g=o(f),h="mobx-react-devtool__updatesEnabled",b="mobx-react-devtool__clogEnabled",y="mobx-react-devtool__pLogEnabled",v=function(){function e(t){var n=this;r(this,e),this._disposables=[],this._bridges=[],this.logFilter=void 0,this._hook=t,this._changesProcessor=new g["default"](function(e){if(n.logFilter)try{var t=n.logFilter(e);if(!t)return}catch(o){console.warn("Error while evaluating logFilter:",o)}n.store.state.logEnabled&&n.store.appendLog(i(e)),n.store.state.consoleLogEnabled&&n._delegate.consoleLogChange(e)});var o=new p["default"]("Hook store");if(this.store=o,"undefined"!=typeof window&&window.localStorage){var a="YES"===window.localStorage.getItem(h);a&&this.store.toggleShowingUpdates(a);var s="YES"===window.localStorage.getItem(y);s&&this.store.toggleConsoleLogging(s);var u="YES"===window.localStorage.getItem(b);u&&this.store.toggleLogging(u)}this._delegate=new l["default"](this,t),this._disposables.push(function(){return n._delegate.dispose()}),this._disposables.push(t.sub("mobx",function(e){var t=e.mobxid,o=e.mobx;n._setupMobx(o,t)})),this._disposables.push(t.sub("mobx-react",function(e){var t=e.mobxrid,o=e.mobxReact;n._setupMobxReact(o,t)})),Object.keys(t.instances).forEach(function(e){var o=t.instances[e].mobx,r=t.instances[e].mobxReact;n._setupMobx(o,e),r&&n._setupMobxReact(r,e)})}return a(e,[{key:"connect",value:function(e){var t=this;this._bridges.push(e);var n=[];n.push(p["default"].connectToBridge(this.store,e)),n.push(e.sub("request-store-sync",function(){t.store.sendSync()})),n.push(e.sub("request-agent-status",function(){t.sendStatus()})),n.push(this.store.subscribeActions(function(e){"stop-picking-deptree-component"===e&&t._delegate.clearHoveredDeptreeNode(),("stop-logging"===e&&!t.store.state.consoleLogEnabled||"stop-console-logging"===e&&!t.store.state.logEnabled)&&t._changesProcessor.flush(),"undefined"!=typeof window&&window.localStorage&&(t.store.state.updatesEnabled?window.localStorage.setItem(h,"YES"):window.localStorage.removeItem(h),t.store.state.logEnabled?window.localStorage.setItem(y,"YES"):window.localStorage.removeItem(y),t.store.state.consoleLogEnabled?window.localStorage.setItem(b,"YES"):window.localStorage.removeItem(b))})),e.once("disconnect",function(){n.forEach(function(e){return e()});var o=t._bridges.indexOf(e);o!==-1&&t._bridges.splice(o,1)}),this.sendStatus(),this.store.sendSync()}},{key:"sendStatus",value:function(){var e={mobxFound:Object.keys(this._hook.instances).length>0};this._bridges.forEach(function(t){return t.send("agent-status",e)})}},{key:"_setupMobx",value:function(e,t){var n=this;this._disposables.push(e.spy(function(t){(n.store.state.logEnabled||n.store.state.consoleLogEnabled)&&n._changesProcessor.push(t,e)})),this.sendStatus()}},{key:"_setupMobxReact",value:function(e,t){var n=this;this._disposables.push(e.renderReporter.on(function(e){n.store.state.updatesEnabled&&n._delegate.displayRenderingReport(e)})),this.sendStatus()}},{key:"onceShutdown",value:function(e){this._disposables.push(e)}},{key:"pickedDeptreeComponnet",value:function(e,t){var n=this._hook.instances[t].mobx.extras.getDependencyTree(e.render.$mobx);(0,u["default"])(n),this.store.setDeptree(n)}}]),e}();t["default"]=v},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function o(e){if(e.dependencies){for(var t=e.dependencies.length-1;t>=0;t--)for(var n=e.dependencies[t].name,r=t-1;r>=0;r--)if(e.dependencies[r].name===n){e.dependencies[r].dependencies=[].concat(e.dependencies[r].dependencies||[],e.dependencies[t].dependencies||[]),e.dependencies.splice(t,1);break}e.dependencies.forEach(o)}};t["default"]=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(7),s=o(a),u="undefined"!=typeof WeakMap?new WeakMap:new Map,c=function(){function e(t,n){var o=this;r(this,e),this._hoveredDeptreeNode=void 0,this.displayRenderingReport=function(e){if("destroy"===e.event){if(e.node&&u.has(e.node)){var t=u.get(e.node);document.body.contains(t.hoverNode)&&document.body.removeChild(t.hoverNode),u["delete"](e.node)}}else"render"===e.event&&e.node&&!function(){var t=u.get(e.node);t?(clearTimeout(t.animationTimeout),clearTimeout(t.removalTimeout)):(t={count:1,hoverNode:document.createElement("div"),textNode:document.createElement("span")},t.hoverNode.appendChild(t.textNode));var n=e.node.getBoundingClientRect(),o=void 0,r=void 0;e.renderTime<25?(o="rgba(182, 218, 146, 0.75)",r="rgba(182, 218, 146, 0.75)"):e.renderTime<100?(o="rgba(228, 195, 66, 0.85)",r="rgba(228, 195, 66, 0.85)"):(o="rgba(228, 171, 171, 0.95)",r="rgba(228, 171, 171, 0.95)"),t.hoverNode.style.position="fixed",t.hoverNode.style.top=n.top+"px",t.hoverNode.style.left=n.left+"px",t.hoverNode.style.width=n.width+"px",t.hoverNode.style.height=n.height+"px",t.hoverNode.style.boxSizing="border-box",t.hoverNode.style.zIndex="64998",t.hoverNode.style.minWidth="60px",t.hoverNode.style.outline="3px solid "+o,t.hoverNode.style.pointerEvents="none",t.hoverNode.style.transition="none",t.hoverNode.style.opacity=1,t.textNode.style.fontFamily="verdana; sans-serif",t.textNode.style.padding="0 4px 2px",t.textNode.style.color="rgba(0; 0; 0; 0.6)",t.textNode.style.fontSize="10px",t.textNode.style.lineHeight="12px",t.textNode.style.pointerEvents="none",t.textNode.style["float"]="right",t.textNode.style.borderBottomRightRadius="2px",t.textNode.style.maxWidth="100%",t.textNode.style.maxHeight="100%",t.textNode.style.overflow="hidden",t.textNode.style.whiteSpace="nowrap",t.textNode.style.textOverflow="ellipsis",t.textNode.style.backgroundColor=r,t.textNode.style.position="absolute",t.textNode.style.top="0px",t.textNode.style.right="0px",t.textNode.innerHTML=t.count+" | "+e.renderTime+" / "+e.totalTime+" ms",document.body.contains(t.hoverNode)===!1&&document.body.appendChild(t.hoverNode),t.animationTimeout=setTimeout(function(){t.hoverNode.style.transition="opacity 500ms ease-in",t.hoverNode.style.opacity=0},1500),t.removalTimeout=setTimeout(function(){document.body.removeChild(t.hoverNode)},2e3),t.count++,u.set(e.node,t)}()},this._handleMouseMove=function(e){if(o._agent.store.state.graphEnabled===!0){var t=e.target,n=o._hook.findComponentByNode(t).node;n&&(o._hoveredDeptreeNode&&(o._hoveredDeptreeNode.style=null),o._hoveredDeptreeNode=n,n.style.boxShadow="inset 0 0 0 2px lightblue")}},this._handleClick=function(e){if(o._agent.store.state.graphEnabled===!0){var t=e.target,n=o._hook.findComponentByNode(t),r=n.component,i=n.mobxid;r&&(e.stopPropagation(),e.preventDefault(),o._hoveredDeptreeNode&&(o._hoveredDeptreeNode.style=null,o._hoveredDeptreeNode=void 0),o._agent.store.togglePickingDeptreeComponent(!1),o._agent.pickedDeptreeComponnet(r,i))}},this._agent=t,this._hook=n,document.body.addEventListener("mousemove",this._handleMouseMove,!0),document.body.addEventListener("click",this._handleClick,!0)}return i(e,[{key:"dispose",value:function(){document.body.removeEventListener("mousemove",this._handleMouseMove,!0),document.body.removeEventListener("click",this._handleClick,!0)}},{key:"consoleLogChange",value:function(e,t,n){(0,s["default"])(e,t,n)}},{key:"clearHoveredDeptreeNode",value:function(){this._hoveredDeptreeNode=void 0}}]),e}();t["default"]=c},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function o(e){i===!1&&"undefined"!=typeof navigator&&navigator.userAgent.indexOf("Chrome")===-1&&(console.warn("The output of the MobX logger is optimized for Chrome"),i=!0);var t=s(e),u=e.children.length+t.length>0;if(u){var c;(c=console).groupCollapsed.apply(c,n(a(e)));for(var l=0;l<e.children.length;l++)o(e.children[l]);for(var d=0;d<t.length;d++){var p=t[d];"misc-log"===p.type?console.log(p.data):"misc-dir"===p.type?console.dir(p.data):"misc-trace"===p.type&&r()}console.groupEnd()}else if("error"===e.type){var f;(f=console).error.apply(f,n(a(e)))}else{var g;(g=console).log.apply(g,n(a(e)))}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var r=window.chrome&&console.trace?function(){return console.trace()}:function(){},i=(window.chrome?function(){var e;return(e=console).trace.apply(e,arguments)}:function(){},!1),a=function(e){switch(e.type){case"action":return["%caction '%s' (%s)","color:dodgerblue",e.name,e.targetName];case"transaction":return["%ctransaction '%s' (%s)","color:gray",e.name,e.targetName];case"scheduled-reaction":return["%cscheduled async reaction '%s'","color:#10a210",e.objectName];case"reaction":return["%creaction '%s'","color:#10a210",e.objectName];case"compute":return["%ccomputed '%s' (%s)","color:#10a210",e.objectName,e.targetName];case"error":return["%cerror: %s","color:tomato",e.message];case"update":return e.index?["updated '%s[%s]': %s (was: %s)",e.objectName,e.index,e.newValue,e.oldValue]:e.name?["updated '%s.%s': %s (was: %s)",e.objectName,e.name,e.newValue,e.oldValue]:["updated '%s': %s (was: %s)",e.objectName,e.newValue,e.oldValue];case"splice":return["spliced '%s': index %d, added %d, removed %d",e.objectName,e.index,e.addedCount,e.removedCount];case"add":return["set '%s.%s': %s",e.objectName,e.name,e.newValue];case"delete":return["removed '%s.%s' (was %s)",e.objectName,e.name,e.oldValue];case"create":return["set '%s': %s",e.objectName,e.newValue];default:return[e.type,e]}},s=function(e){switch(e.type){case"action":return[{type:"misc-log",data:e.arguments,children:[]},{type:"misc-trace",children:[]}];case"reaction":return[{type:"misc-trace",children:[]}];case"error":return[{type:"misc-trace",children:[]}];case"update":return[{type:"misc-dir",data:{newValue:e.newValue,oldValue:e.oldValue},children:[]},{type:"misc-trace",children:[]}];case"splice":return[{type:"misc-dir",data:{added:e.added,removed:e.removed},children:[]},{type:"misc-trace",children:[]}];case"add":return[{type:"misc-dir",data:{newValue:e.newValue},children:[]},{type:"misc-trace",children:[]}];case"delete":return[{type:"misc-dir",data:{oldValue:e.oldValue},children:[]},{type:"misc-trace",children:[]}];case"create":return[{type:"misc-dir",data:{newValue:e.newValue},children:[]},{type:"misc-trace",children:[]}];default:return[]}}},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=function(){function e(t){var o=this;n(this,e),this.id=Math.random().toString(32).slice(2),this.state={updatesEnabled:!1,graphEnabled:!1,logEnabled:!1,consoleLogEnabled:!1,logFilter:void 0,mobxFound:!1,log:[],dependencyTree:void 0,lastUpdate:0},this.lastUpdates={},this.actionsListeners=[],this.updatedListeners=[],this.disposables=[],this.sendUpdated=function(){o.updatedListeners.forEach(function(e){return e()})},this.subscribeActions=function(e){return o.actionsListeners.push(e),function(){o.actionsListeners.indexOf(e)!==-1&&o.actionsListeners.splice(o.actionsListeners.indexOf(e),1)}},this.subscibeUpdates=function(e){return o.updatedListeners.push(e),function(){o.updatedListeners.indexOf(e)!==-1&&o.updatedListeners.splice(o.updatedListeners.indexOf(e),1)}},this.disposeBridge=function(){o.disposables.forEach(function(e){return e()}),o.disposables.splice(0)},this.debugName=t}return o(e,null,[{key:"connectToBridge",value:function(e,t){console.log("CONNECTED",e.debugName);var n=e.subscribeActions(function(n){n.debugName=e.debugName,t.send("event",n)}),o=t.sub("event",function(t){t.action&&e.handleAction(t)});return function(){n(),o()}}},{key:"checkStoreVersionCompatible",value:function(t){return Number(t.constructor.$version.split(".")[0])===Number(e.$version.split(".")[0])}}]),o(e,[{key:"handleAction",value:function(e){var t=this;"set-key"===e.action?this.lastUpdates[e.key]>=e.timestamp!=!0&&this.$setStateKey(e.key,e.value,e.timestamp):"append-log"===e.action?this.lastUpdates.log>=e.timestamp!=!0&&this.appendLog(e.data,e.timestamp):"sync"===e.action&&Object.keys(e.state).forEach(function(n){e.lastUpdates[n]>0&&t.lastUpdates[n]>=e.lastUpdates[n]!=!0&&t.$setStateKey(n,e.state[n],e.lastUpdates[n])})}},{key:"sendSync",value:function(){var e=this;console.log("Sent sync",this.debugName,{action:"sync",state:this.state,lastUpdates:this.lastUpdates}),this.actionsListeners.forEach(function(t){return t({action:"sync",state:e.state,lastUpdates:e.lastUpdates})})}},{key:"$setStateKey",value:function(e,t){var n=arguments.length<=2||void 0===arguments[2]?(new Date).getTime():arguments[2];this.state[e]!==t&&(this.state[e]=t,this.lastUpdates[e]=n,this.actionsListeners.forEach(function(o){return o({action:"set-key",key:e,value:t,timestamp:n})}),this.sendUpdated())}},{key:"toggleShowingUpdates",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.updatesEnabled:arguments[0];this.$setStateKey("updatesEnabled",e)}},{key:"togglePickingDeptreeComponent",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.graphEnabled:arguments[0];this.$setStateKey("graphEnabled",e)}},{key:"toggleLogging",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.logEnabled:arguments[0];this.$setStateKey("logEnabled",e)}},{key:"toggleConsoleLogging",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.consoleLogEnabled:arguments[0];this.$setStateKey("consoleLogEnabled",e)}},{key:"appendLog",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?(new Date).getTime():arguments[1],n=this.state.log;n.length>500&&(n=n.slice(-480)),this.state.log=n.concat(e),this.lastUpdates.log=t,this.actionsListeners.forEach(function(n){return n({action:"append-log",data:e,timestamp:t})}),this.sendUpdated()}},{key:"clearLog",value:function(){this.$setStateKey("log",[])}},{key:"setDeptree",value:function(e){this.$setStateKey("dependencyTree",e)}},{key:"clearDeptree",value:function(){this.$setStateKey("dependencyTree",void 0)}}]),e}();r.$version="0.0.0",t["default"]=r},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return e.extras.getDebugName(t)}function r(e){return a(e)?"string"==typeof e&&e.length>100?e.substr(0,97)+"...":e:"("+i(e)+")"}function i(e){if(null===e||void 0===e)return"";if(e&&"object"===("undefined"==typeof e?"undefined":s(e))){if(e&&e.$mobx)return e.$mobx.name;if(e.constructor)return e.constructor.name||"object"}return""+("undefined"==typeof e?"undefined":s(e))}function a(e){return null===e||void 0===e||"string"==typeof e||"number"==typeof e||"boolean"==typeof e}Object.defineProperty(t,"__esModule",{value:!0});var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=function(){function e(t,o){n(this,e),this.path=[],this.onChange=t,this.filter=o||function(){return!0}}return u(e,[{key:"push",value:function(e,t){var n=e.spyReportStart===!0,a=e.spyReportEnd===!0;if(e.hidden=!this.filter(e),e.children=[],e.id=Math.random(),a){var s=this.path[this.path.length-1];if(this.path.splice(this.path.length-1),s.time=e.time,e.time=void 0,0===this.path.length)return void this.onChange(s)}else{switch(this.path.length>0&&this.path[this.path.length-1].children.push(e),n&&this.path.push(e),e.type){case"action":e.targetName=i(e.target);break;case"transaction":e.targetName=i(e.target);break;case"scheduled-reaction":e.objectName=o(t,e.object);break;case"reaction":e.objectName=o(t,e.object);break;case"compute":e.objectName=o(t,e.object),e.targetName=i(e.target);break;case"error":return void(this.path.length>0?(this.onChange(this.path[0]),this.flush()):this.onChange(e));case"update":e.objectName=o(t,e.object),e.newValue=r(e.newValue),e.oldValue=r(e.oldValue);break;case"splice":e.objectName=o(t,e.object);break;case"add":e.objectName=o(t,e.object),e.newValue=r(e.newValue);break;case"delete":e.objectName=o(t,e.object),e.oldValue=r(e.oldValue);break;case"create":e.objectName=o(t,e.object),e.newValue=r(e.newValue)}0===this.path.length&&this.onChange(e)}}},{key:"flush",value:function(){this.path.length>0&&(this.path=[])}}]),e}();t["default"]=c},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){if("function"!=typeof e){if(e instanceof Array)return e.map(o);if(e&&"object"===("undefined"==typeof e?"undefined":a(e))){var t=function(){var t={};return Object.keys(e).forEach(function(n){t[n]=o(e[n])}),{v:t}}();if("object"===("undefined"==typeof t?"undefined":a(t)))return t.v}return e}}function r(e){return JSON.stringify(o(e))}function i(e){if(void 0!==e)return JSON.parse(e)}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=function(){function e(t){n(this,e),this._listeners=[],this._wall=t,t.listen(this._handleMessage.bind(this))}return s(e,[{key:"send",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];t=r(t),this._wall.send({type:"event",evt:e,data:t})}},{key:"pause",value:function(){this._wall.send({type:"pause"})}},{key:"resume",value:function(){this._wall.send({type:"resume"})}},{key:"sub",value:function(e,t){var n=this;return void 0===this._listeners[e]&&(this._listeners[e]=[]),this._listeners[e].push(t),function(){var o=n._listeners[e].indexOf(t);o!==-1&&n._listeners[e].splice(o,1)}}},{key:"once",value:function(e,t){function n(r,i){t.call(this,r,i);var a=o._listeners[e].indexOf(n);a!==-1&&o._listeners[e].splice(a,1)}var o=this;return this.sub(e,n)}},{key:"_handleMessage",value:function(e){var t=i(e.data);"event"===e.type&&(this._listeners[e.evt]?this._listeners[e.evt].forEach(function(e){return e(t)}):console.warn("No listenerts for",e.evt))}}]),e}();t["default"]=u},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(10),c=o(u),l=n(8),d=o(l),p=n(12),f=o(p),g=n(2),h=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"getChildContext",value:function(){return{store:this.props.store}}},{key:"render",value:function(){return this.props.children}}]),t}(g.Component);h.childContextTypes={store:g.PropTypes.object.isRequired};var b=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o._unMounted=!1,o._disposables=[],o.state={loading:!0,agentStatus:{}},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentWillMount",value:function(){var e=this;this.props.reloadSubscribe&&(this._unsubscribeReload=this.props.reloadSubscribe(function(){return e.reload()})),this.props.inject(function(t,n){e._teardownWall=n;var o=new c["default"](t),r=new d["default"](e.props.debugName+" store");e._disposeConnection=d["default"].connectToBridge(r,o),o.send("request-agent-status"),o.send("request-store-sync"),e._disposables.push(o.sub("agent-status",function(t){e.setState({agentStatus:t})})),e._unMounted||e.setState({loading:!1,store:r})})}},{key:"componentWillUnmount",value:function(){this._unMounted=!0,this.teardown()}},{key:"reload",value:function(){this.teardown()}},{key:"teardown",value:function(){this._unMounted||this.setState({loading:!0,store:void 0},this.props.reload),this._disposeConnection&&(this._disposeConnection(),this._disposeConnection=void 0),this._unsubscribeReload&&(this._unsubscribeReload(),this._unsubscribeReload=void 0),this._teardownWall&&(this._teardownWall(),this._teardownWall=void 0)}},{key:"render",value:function(){return this.state.loading&&!this.props.quiet?!this.props.quiet&&g.createElement(f["default"],null,"Loading..."):this.state.agentStatus.mobxFound!==!0?!this.props.quiet&&g.createElement(f["default"],null,"Looking for mobx..."):g.createElement(h,{store:this.state.store},g.Children.only(this.props.children))}}]),t}(g.Component);b.propTypes={quiet:g.PropTypes.bool,debugName:g.PropTypes.string,reload:g.PropTypes.func.isRequired,reloadSubscribe:g.PropTypes.func.isRequired,inject:g.PropTypes.func.isRequired},t["default"]=b},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"renderIcon",value:function(){switch(this.props.icon){case"mobx":return c["default"].createElement("svg",{baseProfile:"basic",xmlns:"http://www.w3.org/2000/svg",width:"128",height:"128",viewBox:"0 0 128 128"},c["default"].createElement("path",{fill:"none",stroke:"#333232",strokeWidth:"14",strokeMiterlimit:"10",d:"M8 15h14v98H8M120 15h-14v98h14"}),c["default"].createElement("path",{fill:"none",stroke:"#EB3624",strokeWidth:"18",strokeLinecap:"square",strokeMiterlimit:"10",d:"M50 57l14 14 14-14"}));case"pick":return c["default"].createElement("svg",{baseProfile:"basic",xmlns:"http://www.w3.org/2000/svg",width:"128",height:"128",viewBox:"-58.5 0 128 128"},c["default"].createElement("path",{d:"M-21.165 10.665L42.84 70.397l-30.943 2.67L29.5 112l-11.728 5.34L.7 77.864-21.165 98.66V10.664"}))}}},{key:"render",value:function(){return c["default"].createElement("div",{onClick:this.props.onClick,style:{position:"fixed",zIndex:1,top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",fontSize:"18px",background:"rgba(255, 255, 255, 0.8)"}},this.renderIcon(),c["default"].createElement("div",{style:{margin:"10px"}},this.props.children))}}]),t}(u.Component);l.propTypes={children:u.PropTypes.node,icon:u.PropTypes.string,onClick:u.PropTypes.func},l.defaultProps={icon:"mobx"},t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=n(14),d=o(l),p=n(26),f=o(p),g=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleToggleGraph=function(){},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this.props,t=e.noMiniPanel,n=e.highlightTimeout;return c["default"].createElement("div",null,t!==!0&&c["default"].createElement(d["default"],{position:this.props.position,highlightTimeout:n}),c["default"].createElement(f["default"],null))}}]),t}(u.Component);g.propTypes={highlightTimeout:u.PropTypes.number,position:u.PropTypes.object,noMiniPanel:u.PropTypes.bool},g.defaultProps={noMiniPanel:!1},t["default"]=g;
},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(15),p=r(d),f=n(16),g=o(f),h=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this;this._unsubscribe=this.context.store.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=this.props.position,t=this.context.store,n={};return e?(n.top=e.top,n.right=e.right,n.bottom=e.bottom,n.left=e.left):(n.top="0px",n.right="20px"),l["default"].createElement("div",null,l["default"].createElement("div",{style:Object.assign({},g.panel,n)},l["default"].createElement(p["default"],{id:"buttonUpdates",onToggle:function(){return t.toggleShowingUpdates()},active:t.state.updatesEnabled}),l["default"].createElement(p["default"],{id:"buttonGraph",onToggle:function(){return t.togglePickingDeptreeComponent()},active:t.state.graphEnabled}),l["default"].createElement(p["default"],{id:"buttonConsoleLog",active:t.state.consoleLogEnabled,onToggle:function(){return t.toggleConsoleLogging()}})))}}]),t}(c.Component);h.propTypes={},h.contextTypes={store:l["default"].PropTypes.object.isRequired},t["default"]=h},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(16),p=o(d),f=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.state={hovered:!1},o.handleMouseOver=function(){return o.setState({hovered:!0})},o.handleMouseOut=function(){return o.setState({hovered:!1})},r=n,a(o,r)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.active,n=e.id,o=e.onToggle,r=e.style,i=this.state.hovered,a=function(){switch(n){case"buttonUpdates":return t?p.buttonUpdatesActive:p.buttonUpdates;case"buttonGraph":return t?p.buttonGraphActive:p.buttonGraph;case"buttonLog":return t?p.buttonLogActive:p.buttonLog;case"buttonConsoleLog":return t?p.buttonConsoleLogActive:p.buttonConsoleLog;case"buttonClear":return p.buttonClear}}(),s=function(){switch(n){case"buttonUpdates":return"Visualize component re-renders";case"buttonGraph":return"Select a component and show its dependency tree";case"buttonLog":return"Log state changes in panel";case"buttonConsoleLog":return"Log state changes to the browser console";case"buttonClear":return"Clear log"}}(),u=Object.assign({},p.button,a,t&&p.button.active,i&&p.button.hover,r);return l["default"].createElement("button",{type:"button",onClick:o,title:s,style:u,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut})}}]),t}(c.Component);f.props={onToggle:c.PropTypes.bool.isRequired,active:c.PropTypes.bool.isRequired,id:c.PropTypes.oneOf(["buttonUpdates","buttonGraph","buttonConsoleLog","buttonLog"]).isRequired,style:c.PropTypes.object},t["default"]=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.panel={position:"fixed",height:"26px",backgroundColor:"#fff",color:"rgba(0, 0, 0, 0.8)",borderRadius:"0 0 2px 2px",borderStyle:"solid",borderWidth:"0 1px 1px",borderColor:"rgba(0, 0, 0, 0.1)",zIndex:"65000",fontFamily:"Helvetica, sans-serif",display:"flex",padding:"0 5px"},t.button={opacity:.45,background:"transparent none center / 16px 16px no-repeat",width:"26px",margin:"0 10px",cursor:"pointer",border:"none",outline:"none",hover:{opacity:.7},active:{opacity:1,":hover":{opacity:1}}},t.buttonLog={backgroundImage:"url("+n(17)+")"},t.buttonLogActive={backgroundImage:"url("+n(18)+")"},t.buttonConsoleLog={backgroundImage:"url("+n(19)+")"},t.buttonConsoleLogActive={backgroundImage:"url("+n(20)+")"},t.buttonUpdates={backgroundImage:"url("+n(21)+")"},t.buttonUpdatesActive={backgroundImage:"url("+n(22)+")"},t.buttonGraph={backgroundImage:"url("+n(23)+")"},t.buttonGraphActive={backgroundImage:"url("+n(24)+")"},t.buttonClear={backgroundImage:"url("+n(25)+")"}},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi41IDMuNWgtOGMtMS4xIDAtMiAuOS0yIDJ2NWMwIDEuMS45IDIgMiAyaDF2Mmw1LTJoMmMxLjEgMCAyLS45IDItMnYtNWMwLTEuMS0uOS0yLTItMnoiLz4KICAgICAgICA8cGF0aCBkPSJNNSA2LjVoNyIvPgogICAgICAgIDxwYXRoIGQ9Ik01IDkuNWg3Ii8+CiAgICA8L2c+Cjwvc3ZnPgo="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij4KICAgIDxnIHN0cm9rZT0iIzE3ODBmYSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ij4KICAgICAgICA8cGF0aCBkPSJNMTIuNSAzLjVoLThjLTEuMSAwLTIgLjktMiAydjVjMCAxLjEuOSAyIDIgMmgxdjJsNS0yaDJjMS4xIDAgMi0uOSAyLTJ2LTVjMC0xLjEtLjktMi0yLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTUgNi41aDciLz4KICAgICAgICA8cGF0aCBkPSJNNSA5LjVoNyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPg0KICAgIDxnIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4NCiAgICAgICAgPHBhdGggZD0iTTEyLjUsMy41aC04Yy0xLjEsMC0yLDAuOS0yLDJ2NWMwLDEuMSwwLjksMiwyLDJoMXYybDUtMmgyYzEuMSwwLDItMC45LDItMnYtNUMxNC41LDQuNCwxMy42LDMuNSwxMi41LDMuNXoiLz4NCiAgICAgICAgPHBhdGggZD0iTTEwLDYuNWgyIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0xMCw5LjVoMiIvPg0KICAgICAgICA8cG9seWxpbmUgcG9pbnRzPSI1LDYgOCw4IDUsMTAgIi8+DQogICAgPC9nPg0KPC9zdmc+DQo="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi41LDMuNWgtOGMtMS4xLDAtMiwwLjktMiwydjVjMCwxLjEsMC45LDIsMiwyaDF2Mmw1LTJoMmMxLjEsMCwyLTAuOSwyLTJ2LTVDMTQuNSw0LjQsMTMuNiwzLjUsMTIuNSwzLjV6Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwLDYuNWgyIi8+CiAgICAgICAgPHBhdGggZD0iTTEwLDkuNWgyIi8+CiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iNSw2IDgsOCA1LDEwICIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNiIvPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTBWNCIvPgogICAgPC9nPgogICAgPGcgc3Ryb2tlPSJub25lIiBmaWxsPSIjMDAwIj4KICAgICAgICA8Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjEiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDFoMnYxLjVoLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTE0IDEuNmwtLjcuNy4zLjMtLjcuOC43LjcuOC0uNy4zLjMuNy0uN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg=="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNiIvPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTBWNCIvPgogICAgPC9nPgogICAgPGcgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTc4MGZhIj4KICAgICAgICA8Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjEiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDFoMnYxLjVoLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTE0IDEuNmwtLjcuNy4zLjMtLjcuOC43LjcuOC0uNy4zLjMuNy0uN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg=="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjUgMi41aDl2MmgtOXoiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDcuNWg3djJoLTd6Ii8+CiAgICAgICAgPHBhdGggZD0iTTcuNSAxMi41aDd2MmgtN3oiLz4KICAgICAgICA8cGF0aCBkPSJNNC41IDQuNXY5aDMiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDguNWgtMyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjUgMi41aDl2MmgtOXoiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDcuNWg3djJoLTd6Ii8+CiAgICAgICAgPHBhdGggZD0iTTcuNSAxMi41aDd2MmgtN3oiLz4KICAgICAgICA8cGF0aCBkPSJNNC41IDQuNXY5aDMiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDguNWgtMyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBCYXNpYy8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS1iYXNpYy5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9ImJhc2ljIiBpZD0iTGF5ZXJfMSIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIKCSB2aWV3Qm94PSItMC41IDAuNSAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBjeD0iOCIgY3k9IjkiIHI9IjYiLz4KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiB4MT0iMy43NTciIHkxPSIxMy4yNDIiIHgyPSIxMi4yNDMiIHkyPSI0Ljc1NyIvPgo8L3N2Zz4K"},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(27),p=r(d),f=n(29),g=o(f),h=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},o.handleClose=function(){return o.context.store.clearDeptree()},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this;this._unsubscribe=this.context.store.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"renderTreeItem",value:function(e,t,n){var o=e.name,r=e.dependencies,i=this;return l["default"].createElement("div",{style:g.item,key:o},l["default"].createElement("span",{style:Object.assign({},g.box,n&&g.box.root)},o),r&&l["default"].createElement("div",{style:g.tree},r.map(function(e,t){return i.renderTreeItem(e,t==r.length-1)})),!n&&l["default"].createElement("span",{style:g.itemHorisontalDash}),!n&&l["default"].createElement("span",{style:Object.assign({},g.itemVericalStick,t&&g.itemVericalStick["short"])}))}},{key:"render",value:function(){var e=this.context.store.state.dependencyTree;return l["default"].createElement(p["default"],{onOverlayClick:this.handleClose},e&&l["default"].createElement("div",{style:g.graph},l["default"].createElement("span",{style:g.close,onClick:this.handleClose},"×"),l["default"].createElement("div",{style:g.rootThree},this.renderTreeItem(e,!0,!0))))}}]),t}(c.Component);h.contextTypes={store:l["default"].PropTypes.object.isRequired},t["default"]=h},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(28),p=o(d),f=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.stopPropogation=function(e){return e.stopPropagation()},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidUpdate",value:function(e){var t=document.body.parentNode;if(e.children&&!this.props.children)this.rightOffset=0,t.style.borderRight=null,t.style.overflow=null;else if(!e.children&&this.props.children){var n=t.offsetWidth;t.style.overflow="hidden";var o=t.offsetWidth,r=Math.max(0,o-n);t.style.borderRight=r+"px solid transparent"}}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.onOverlayClick;return t?l["default"].createElement("div",{style:p.overlay,onClick:n},l["default"].createElement("div",{key:"content",style:p.modal,onClick:this.stopPropogation},t)):null}}]),t}(c.Component);f.propTypes={children:c.PropTypes.node,onOverlayClick:c.PropTypes.func.isRequired},t["default"]=f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.overlay={position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:66e3,overflow:"auto",WebkitOverflowScrolling:"touch",outline:0,backgroundColor:"rgba(40, 40, 50, 0.5)",transformOrigin:"50% 25%"},t.modal={position:"relative",width:"auto",margin:"5% 10%",zIndex:1060}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.graph={background:"white",padding:"4%"},t.close={color:"rgba(0, 0, 0, 0.2)",fontSize:"36px",position:"absolute",top:"5px",right:"5px",width:"40px",height:"40px",lineHeight:"34px",textAlign:"center",cursor:"pointer",zIndex:1},t.tree={position:"relative",paddingLeft:"20px"});t.rootThree=Object.assign({},n,{paddingLeft:0}),t.item={position:"relative"},t.box={padding:"4px 10px",background:"rgba(0, 0, 0, 0.05)",display:"inline-block",marginBottom:"8px",color:"#000",root:{fontSize:"15px",fontWeight:"bold",padding:"6px 13px"}},t.itemHorisontalDash={position:"absolute",left:"-12px",borderTop:"1px solid rgba(0, 0, 0, 0.2)",top:"14px",width:"12px",height:"0"},t.itemVericalStick={position:"absolute",left:"-12px",borderLeft:"1px solid rgba(0, 0, 0, 0.2)",height:"100%",width:0,top:"-8px","short":{height:"23px"}}},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"componentWillMount",value:function(){this.setState({})}},{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{onToggle:function(){return t.togglePickingDeptreeComponent()},active:t.state.graphEnabled})}}]),t}(u.Component);t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{active:t.state.consoleLogEnabled,onToggle:function(){return t.toggleConsoleLogging()}})}}]),t}(u.Component);l.contextTypes={store:c["default"].PropTypes.object.isRequired},t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{onToggle:function(){return t.toggleShowingUpdates()},active:t.state.updatesEnabled})}}]),t}(u.Component);l.propTypes={highlightTimeout:u.PropTypes.number},l.defaultProps={highlightTimeout:1500},t["default"]=l},function(e,t){"use strict";function n(e,t){if(void 0===e||null===e)throw new TypeError("Cannot convert first argument to object");for(var n=Object(e),o=1;o<arguments.length;o++){var r=arguments[o];if(void 0!==r&&null!==r)for(var i=Object.keys(Object(r)),a=0,s=i.length;a<s;a++){var u=i[a],c=Object.getOwnPropertyDescriptor(r,u);void 0!==c&&c.enumerable&&(n[u]=r[u])}}return n}function o(){Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:n})}e.exports={assign:n,polyfill:o}}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("mobx-react"),require("mobx")):"function"==typeof define&&define.amd?define(["react","mobx-react","mobx"],t):"object"==typeof exports?exports.mobxDevtools=t(require("react"),require("mobx-react"),require("mobx")):e.mobxDevtools=t(e.React,e.mobxReact,e.mobx)}(this,function(e,t,n){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.setLogEnabled=t.setGraphEnabled=t.setUpdatesEnabled=t.UpdatesControl=t.LogControl=t.GraphControl=t.configureDevtool=t["default"]=void 0;var r=n(1);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o(r)["default"]}}),Object.defineProperty(t,"configureDevtool",{enumerable:!0,get:function(){return r.configureDevtool}});var i=n(32);Object.defineProperty(t,"GraphControl",{enumerable:!0,get:function(){return o(i)["default"]}});var a=n(33);Object.defineProperty(t,"LogControl",{enumerable:!0,get:function(){return o(a)["default"]}});var s=n(34);Object.defineProperty(t,"UpdatesControl",{enumerable:!0,get:function(){return o(s)["default"]}});var u=n(35),c=o(u);c["default"].polyfill();t.setUpdatesEnabled=function(e){return configureDevtool({updatesEnabled:e})},t.setGraphEnabled=function(e){return configureDevtool({graphEnabled:e})},t.setLogEnabled=function(e){return configureDevtool({logEnabled:e})}},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.configureDevtool=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i=n(2),a=o(i),s=n(3),u=o(s),c=n(4),l=o(c),d=n(10),p=o(d),f=n(11),g=o(f),h=n(13),b=o(h);(0,u["default"])(window);var y=__MOBX_DEVTOOLS_GLOBAL_HOOK__;y.injectMobxReact(n(30),n(31));var v=[],m=[],I={listen:function(e){v.push(e)},send:function(e){setTimeout(function(){return m.forEach(function(t){return t(e)})},0)}};y.agent||(y.agent=new l["default"](y)),y.agent.connect(new p["default"](I)),y.agent.onceShutdown(function(){v.splice(0)});var w=(t.configureDevtool=function(e){var t=e.logEnabled,n=e.updatesEnabled,o=e.graphEnabled,r=e.logFilter;void 0!==t&&y.agent.store.toggleConsoleLogging(Boolean(t)),void 0!==n&&y.agent.store.toggleShowingUpdates(Boolean(n)),void 0!==o&&y.agent.store.togglePickingDeptreeComponent(Boolean(o)),"function"==typeof r&&(y.agent.logFilter=r)},{debugName:"browserpkg UI",reload:function(){},reloadSubscribe:function(){},inject:function(e){var t={listen:function(e){m.push(e)},send:function(e){setTimeout(function(){return v.forEach(function(t){return t(e)})},0)}};e(t,function(){m.splice(0)})}});t["default"]=function(){return a["default"].createElement(g["default"],r({quiet:!0},w),a["default"].createElement(b["default"],null))}},function(t,n){t.exports=e},function(e,t){"use strict";function n(e){e.__MOBX_DEVTOOLS_GLOBAL_HOOK__||Object.defineProperty(e,"__MOBX_DEVTOOLS_GLOBAL_HOOK__",{value:{instances:{},injectMobx:function(e){var t=this;setTimeout(function(){e=e["default"]||e;var n;for(var o in t.instances)if(t.instances[o]&&t.instances[o].mobx===e){n=o;break}n||(n=Math.random().toString(32).slice(2),t.instances[n]={mobx:e},t.emit("mobx",{mobxid:n,mobx:e}))},0)},injectMobxReact:function(e,t){var n=this;setTimeout(function(){e=e["default"]||e,t=t["default"]||t,e.trackComponents();var o;for(var r in n.instances)if(n.instances[r]&&n.instances[r].mobx===t&&(void 0===n.instances[r].mobxReact||n.instances[r].mobxReact===e)){o=r;break}o?n.instances[o].mobxReact!==e&&(n.instances[o].mobxReact=e,n.emit("mobx-react",{mobxid:o,mobxReact:e})):(o=Math.random().toString(32).slice(2),n.instances[o]={mobx:t,mobxReact:e},n.emit("mobx",{mobxid:o,mobx:t}),n.emit("mobx-react",{mobxid:o,mobxReact:e}))},0)},findComponentByNode:function(e){for(var t=e;t;){for(var n in this.instances){var o=this.instances[n].mobxReact;if(o){var r=o.componentByNodeRegistery.get(t);if(r)return{node:t,component:r,mobxid:n}}}t=t.parentNode}return{}},_listeners:{},sub:function(e,t){var n=this;return this.on(e,t),function(){return n.off(e,t)}},on:function(e,t){this._listeners[e]||(this._listeners[e]=[]),this._listeners[e].push(t)},off:function(e,t){if(this._listeners[e]){var n=this._listeners[e].indexOf(t);n!==-1&&this._listeners[e].splice(n,1),this._listeners[e].length||(this._listeners[e]=null)}},emit:function(e,t){this._listeners[e]&&this._listeners[e].map(function(e){return e(t)})}}})}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e){return Object.assign({},e,{object:"<Skipped can be circular link>",target:"<Skipped can be circular link>",added:"<Skipped can be circular link>",removed:"<Skipped can be circular link>",children:e.children.map(i)})}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),s=n(5),u=o(s),c=n(6),l=o(c),d=n(8),p=o(d),f=n(9),g=o(f),h="mobx-react-devtool__updatesEnabled",b="mobx-react-devtool__clogEnabled",y="mobx-react-devtool__pLogEnabled",v=function(){function e(t){var n=this;r(this,e),this._disposables=[],this._bridges=[],this.logFilter=void 0,this._hook=t,this._changesProcessor=new g["default"](function(e){if(n.logFilter)try{var t=n.logFilter(e);if(!t)return}catch(o){console.warn("Error while evaluating logFilter:",o)}n.store.state.logEnabled&&n.store.appendLog(i(e)),n.store.state.consoleLogEnabled&&n._delegate.consoleLogChange(e)});var o=new p["default"]("Hook store");if(this.store=o,"undefined"!=typeof window&&window.localStorage){var a="YES"===window.localStorage.getItem(h);a&&this.store.toggleShowingUpdates(a);var s="YES"===window.localStorage.getItem(y);s&&this.store.toggleConsoleLogging(s);var u="YES"===window.localStorage.getItem(b);u&&this.store.toggleLogging(u)}this._delegate=new l["default"](this,t),this._disposables.push(function(){return n._delegate.dispose()}),this._disposables.push(t.sub("mobx",function(e){var t=e.mobxid,o=e.mobx;n._setupMobx(o,t)})),this._disposables.push(t.sub("mobx-react",function(e){var t=e.mobxrid,o=e.mobxReact;n._setupMobxReact(o,t)})),Object.keys(t.instances).forEach(function(e){var o=t.instances[e].mobx,r=t.instances[e].mobxReact;n._setupMobx(o,e),r&&n._setupMobxReact(r,e)})}return a(e,[{key:"connect",value:function(e){var t=this;this._bridges.push(e);var n=[];n.push(p["default"].connectToBridge(this.store,e)),n.push(e.sub("request-store-sync",function(){t.store.sendSync()})),n.push(e.sub("request-agent-status",function(){t.sendStatus()})),n.push(this.store.subscribeActions(function(e){"stop-picking-deptree-component"===e&&t._delegate.clearHoveredDeptreeNode(),("stop-logging"===e&&!t.store.state.consoleLogEnabled||"stop-console-logging"===e&&!t.store.state.logEnabled)&&t._changesProcessor.flush(),"undefined"!=typeof window&&window.localStorage&&(t.store.state.updatesEnabled?window.localStorage.setItem(h,"YES"):window.localStorage.removeItem(h),t.store.state.logEnabled?window.localStorage.setItem(y,"YES"):window.localStorage.removeItem(y),t.store.state.consoleLogEnabled?window.localStorage.setItem(b,"YES"):window.localStorage.removeItem(b))})),e.once("disconnect",function(){n.forEach(function(e){return e()});var o=t._bridges.indexOf(e);o!==-1&&t._bridges.splice(o,1)}),this.sendStatus(),this.store.sendSync()}},{key:"sendStatus",value:function(){var e={mobxFound:Object.keys(this._hook.instances).length>0};this._bridges.forEach(function(t){return t.send("agent-status",e)})}},{key:"_setupMobx",value:function(e,t){var n=this;this._disposables.push(e.spy(function(t){(n.store.state.logEnabled||n.store.state.consoleLogEnabled)&&n._changesProcessor.push(t,e)})),this.sendStatus()}},{key:"_setupMobxReact",value:function(e,t){var n=this;this._disposables.push(e.renderReporter.on(function(e){n.store.state.updatesEnabled&&n._delegate.displayRenderingReport(e)})),this.sendStatus()}},{key:"onceShutdown",value:function(e){this._disposables.push(e)}},{key:"pickedDeptreeComponnet",value:function(e,t){var n=this._hook.instances[t].mobx.extras.getDependencyTree(e.render.$mobx);(0,u["default"])(n),this.store.setDeptree(n)}}]),e}();t["default"]=v},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function o(e){if(e.dependencies){for(var t=e.dependencies.length-1;t>=0;t--)for(var n=e.dependencies[t].name,r=t-1;r>=0;r--)if(e.dependencies[r].name===n){e.dependencies[r].dependencies=[].concat(e.dependencies[r].dependencies||[],e.dependencies[t].dependencies||[]),e.dependencies.splice(t,1);break}e.dependencies.forEach(o)}};t["default"]=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(7),s=o(a),u="undefined"!=typeof WeakMap?new WeakMap:new Map,c=function(){function e(t,n){var o=this;r(this,e),this._hoveredDeptreeNode=void 0,this.displayRenderingReport=function(e){if("destroy"===e.event){if(e.node&&u.has(e.node)){var t=u.get(e.node);document.body.contains(t.hoverNode)&&document.body.removeChild(t.hoverNode),u["delete"](e.node)}}else"render"===e.event&&e.node&&!function(){var t=u.get(e.node);t?(clearTimeout(t.animationTimeout),clearTimeout(t.removalTimeout)):(t={count:1,hoverNode:document.createElement("div"),textNode:document.createElement("span")},t.hoverNode.appendChild(t.textNode));var n=e.node.getBoundingClientRect(),o=void 0,r=void 0;e.renderTime<25?(o="rgba(182, 218, 146, 0.75)",r="rgba(182, 218, 146, 0.75)"):e.renderTime<100?(o="rgba(228, 195, 66, 0.85)",r="rgba(228, 195, 66, 0.85)"):(o="rgba(228, 171, 171, 0.95)",r="rgba(228, 171, 171, 0.95)"),t.hoverNode.style.position="fixed",t.hoverNode.style.top=n.top+"px",t.hoverNode.style.left=n.left+"px",t.hoverNode.style.width=n.width+"px",t.hoverNode.style.height=n.height+"px",t.hoverNode.style.boxSizing="border-box",t.hoverNode.style.zIndex="64998",t.hoverNode.style.minWidth="60px",t.hoverNode.style.outline="3px solid "+o,t.hoverNode.style.pointerEvents="none",t.hoverNode.style.transition="none",t.hoverNode.style.opacity=1,t.textNode.style.fontFamily="verdana; sans-serif",t.textNode.style.padding="0 4px 2px",t.textNode.style.color="rgba(0; 0; 0; 0.6)",t.textNode.style.fontSize="10px",t.textNode.style.lineHeight="12px",t.textNode.style.pointerEvents="none",t.textNode.style["float"]="right",t.textNode.style.borderBottomRightRadius="2px",t.textNode.style.maxWidth="100%",t.textNode.style.maxHeight="100%",t.textNode.style.overflow="hidden",t.textNode.style.whiteSpace="nowrap",t.textNode.style.textOverflow="ellipsis",t.textNode.style.backgroundColor=r,t.textNode.style.position="absolute",t.textNode.style.top="0px",t.textNode.style.right="0px",t.textNode.innerHTML=t.count+" | "+e.renderTime+" / "+e.totalTime+" ms",document.body.contains(t.hoverNode)===!1&&document.body.appendChild(t.hoverNode),t.animationTimeout=setTimeout(function(){t.hoverNode.style.transition="opacity 500ms ease-in",t.hoverNode.style.opacity=0},1500),t.removalTimeout=setTimeout(function(){document.body.removeChild(t.hoverNode)},2e3),t.count++,u.set(e.node,t)}()},this._handleMouseMove=function(e){if(o._agent.store.state.graphEnabled===!0){var t=e.target,n=o._hook.findComponentByNode(t).node;n&&(o._hoveredDeptreeNode&&(o._hoveredDeptreeNode.style=null),o._hoveredDeptreeNode=n,n.style.boxShadow="inset 0 0 0 2px lightblue")}},this._handleClick=function(e){if(o._agent.store.state.graphEnabled===!0){var t=e.target,n=o._hook.findComponentByNode(t),r=n.component,i=n.mobxid;r&&(e.stopPropagation(),e.preventDefault(),o._hoveredDeptreeNode&&(o._hoveredDeptreeNode.style=null,o._hoveredDeptreeNode=void 0),o._agent.store.togglePickingDeptreeComponent(!1),o._agent.pickedDeptreeComponnet(r,i))}},this._agent=t,this._hook=n,document.body.addEventListener("mousemove",this._handleMouseMove,!0),document.body.addEventListener("click",this._handleClick,!0)}return i(e,[{key:"dispose",value:function(){document.body.removeEventListener("mousemove",this._handleMouseMove,!0),document.body.removeEventListener("click",this._handleClick,!0)}},{key:"consoleLogChange",value:function(e,t,n){(0,s["default"])(e,t,n)}},{key:"clearHoveredDeptreeNode",value:function(){this._hoveredDeptreeNode=void 0}}]),e}();t["default"]=c},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function o(e){i===!1&&"undefined"!=typeof navigator&&navigator.userAgent.indexOf("Chrome")===-1&&(console.warn("The output of the MobX logger is optimized for Chrome"),i=!0);var t=s(e),u=e.children.length+t.length>0;if(u){var c;(c=console).groupCollapsed.apply(c,n(a(e)));for(var l=0;l<e.children.length;l++)o(e.children[l]);for(var d=0;d<t.length;d++){var p=t[d];"misc-log"===p.type?console.log(p.data):"misc-dir"===p.type?console.dir(p.data):"misc-trace"===p.type&&r()}console.groupEnd()}else if("error"===e.type){var f;(f=console).error.apply(f,n(a(e)))}else{var g;(g=console).log.apply(g,n(a(e)))}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var r=window.chrome&&console.trace?function(){return console.trace()}:function(){},i=(window.chrome?function(){var e;return(e=console).trace.apply(e,arguments)}:function(){},!1),a=function(e){switch(e.type){case"action":return["%caction '%s' (%s)","color:dodgerblue",e.name,e.targetName];case"transaction":return["%ctransaction '%s' (%s)","color:gray",e.name,e.targetName];case"scheduled-reaction":return["%cscheduled async reaction '%s'","color:#10a210",e.objectName];case"reaction":return["%creaction '%s'","color:#10a210",e.objectName];case"compute":return["%ccomputed '%s' (%s)","color:#10a210",e.objectName,e.targetName];case"error":return["%cerror: %s","color:tomato",e.message];case"update":return e.index?["updated '%s[%s]': %s (was: %s)",e.objectName,e.index,e.newValue,e.oldValue]:e.name?["updated '%s.%s': %s (was: %s)",e.objectName,e.name,e.newValue,e.oldValue]:["updated '%s': %s (was: %s)",e.objectName,e.newValue,e.oldValue];case"splice":return["spliced '%s': index %d, added %d, removed %d",e.objectName,e.index,e.addedCount,e.removedCount];case"add":return["set '%s.%s': %s",e.objectName,e.name,e.newValue];case"delete":return["removed '%s.%s' (was %s)",e.objectName,e.name,e.oldValue];case"create":return["set '%s': %s",e.objectName,e.newValue];default:return[e.type,e]}},s=function(e){switch(e.type){case"action":return[{type:"misc-log",data:e.arguments,children:[]},{type:"misc-trace",children:[]}];case"reaction":return[{type:"misc-trace",children:[]}];case"error":return[{type:"misc-trace",children:[]}];case"update":return[{type:"misc-dir",data:{newValue:e.newValue,oldValue:e.oldValue},children:[]},{type:"misc-trace",children:[]}];case"splice":return[{type:"misc-dir",data:{added:e.added,removed:e.removed},children:[]},{type:"misc-trace",children:[]}];case"add":return[{type:"misc-dir",data:{newValue:e.newValue},children:[]},{type:"misc-trace",children:[]}];case"delete":return[{type:"misc-dir",data:{oldValue:e.oldValue},children:[]},{type:"misc-trace",children:[]}];case"create":return[{type:"misc-dir",data:{newValue:e.newValue},children:[]},{type:"misc-trace",children:[]}];default:return[]}}},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=function(){function e(t){var o=this;n(this,e),this.id=Math.random().toString(32).slice(2),this.state={updatesEnabled:!1,graphEnabled:!1,logEnabled:!1,consoleLogEnabled:!1,logFilter:void 0,mobxFound:!1,log:[],dependencyTree:void 0,lastUpdate:0},this.lastUpdates={},this.actionsListeners=[],this.updatedListeners=[],this.disposables=[],this.sendUpdated=function(){o.updatedListeners.forEach(function(e){return e()})},this.subscribeActions=function(e){return o.actionsListeners.push(e),function(){o.actionsListeners.indexOf(e)!==-1&&o.actionsListeners.splice(o.actionsListeners.indexOf(e),1)}},this.subscibeUpdates=function(e){return o.updatedListeners.push(e),function(){o.updatedListeners.indexOf(e)!==-1&&o.updatedListeners.splice(o.updatedListeners.indexOf(e),1)}},this.disposeBridge=function(){o.disposables.forEach(function(e){return e()}),o.disposables.splice(0)},this.debugName=t}return o(e,null,[{key:"connectToBridge",value:function(e,t){var n=e.subscribeActions(function(n){n.debugName=e.debugName,t.send("event",n)}),o=t.sub("event",function(t){t.action&&e.handleAction(t)});return function(){n(),o()}}},{key:"checkStoreVersionCompatible",value:function(t){return Number(t.constructor.$version.split(".")[0])===Number(e.$version.split(".")[0])}}]),o(e,[{key:"handleAction",value:function(e){var t=this;"set-key"===e.action?this.lastUpdates[e.key]>=e.timestamp!=!0&&this.$setStateKey(e.key,e.value,e.timestamp):"append-log"===e.action?this.lastUpdates.log>=e.timestamp!=!0&&this.appendLog(e.data,e.timestamp):"sync"===e.action&&Object.keys(e.state).forEach(function(n){e.lastUpdates[n]>0&&t.lastUpdates[n]>=e.lastUpdates[n]!=!0&&t.$setStateKey(n,e.state[n],e.lastUpdates[n])})}},{key:"sendSync",value:function(){var e=this;this.actionsListeners.forEach(function(t){return t({action:"sync",state:e.state,lastUpdates:e.lastUpdates})})}},{key:"$setStateKey",value:function(e,t){var n=arguments.length<=2||void 0===arguments[2]?(new Date).getTime():arguments[2];this.state[e]!==t&&(this.state[e]=t,this.lastUpdates[e]=n,this.actionsListeners.forEach(function(o){return o({action:"set-key",key:e,value:t,timestamp:n})}),this.sendUpdated())}},{key:"toggleShowingUpdates",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.updatesEnabled:arguments[0];this.$setStateKey("updatesEnabled",e)}},{key:"togglePickingDeptreeComponent",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.graphEnabled:arguments[0];this.$setStateKey("graphEnabled",e)}},{key:"toggleLogging",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.logEnabled:arguments[0];this.$setStateKey("logEnabled",e)}},{key:"toggleConsoleLogging",value:function(){var e=arguments.length<=0||void 0===arguments[0]?!this.state.consoleLogEnabled:arguments[0];this.$setStateKey("consoleLogEnabled",e)}},{key:"appendLog",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?(new Date).getTime():arguments[1],n=this.state.log;n.length>500&&(n=n.slice(-480)),this.state.log=n.concat(e),this.lastUpdates.log=t,this.actionsListeners.forEach(function(n){return n({action:"append-log",data:e,timestamp:t})}),this.sendUpdated()}},{key:"clearLog",value:function(){this.$setStateKey("log",[])}},{key:"setDeptree",value:function(e){this.$setStateKey("dependencyTree",e)}},{key:"clearDeptree",value:function(){this.$setStateKey("dependencyTree",void 0)}}]),e}();r.$version="0.0.0",t["default"]=r},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return e.extras.getDebugName(t)}function r(e){return a(e)?"string"==typeof e&&e.length>100?e.substr(0,97)+"...":e:"("+i(e)+")"}function i(e){if(null===e||void 0===e)return"";if(e&&"object"===("undefined"==typeof e?"undefined":s(e))){if(e&&e.$mobx)return e.$mobx.name;if(e.constructor)return e.constructor.name||"object"}return""+("undefined"==typeof e?"undefined":s(e))}function a(e){return null===e||void 0===e||"string"==typeof e||"number"==typeof e||"boolean"==typeof e}Object.defineProperty(t,"__esModule",{value:!0});var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=function(){function e(t,o){n(this,e),this.path=[],this.onChange=t,this.filter=o||function(){return!0}}return u(e,[{key:"push",value:function(e,t){var n=e.spyReportStart===!0,a=e.spyReportEnd===!0;if(e.hidden=!this.filter(e),e.children=[],e.id=Math.random(),a){var s=this.path[this.path.length-1];if(this.path.splice(this.path.length-1),s.time=e.time,e.time=void 0,0===this.path.length)return void this.onChange(s)}else{switch(this.path.length>0&&this.path[this.path.length-1].children.push(e),n&&this.path.push(e),e.type){case"action":e.targetName=i(e.target);break;case"transaction":e.targetName=i(e.target);break;case"scheduled-reaction":e.objectName=o(t,e.object);break;case"reaction":e.objectName=o(t,e.object);break;case"compute":e.objectName=o(t,e.object),e.targetName=i(e.target);break;case"error":return void(this.path.length>0?(this.onChange(this.path[0]),this.flush()):this.onChange(e));case"update":e.objectName=o(t,e.object),e.newValue=r(e.newValue),e.oldValue=r(e.oldValue);break;case"splice":e.objectName=o(t,e.object);break;case"add":e.objectName=o(t,e.object),e.newValue=r(e.newValue);break;case"delete":e.objectName=o(t,e.object),e.oldValue=r(e.oldValue);break;case"create":e.objectName=o(t,e.object),e.newValue=r(e.newValue)}0===this.path.length&&this.onChange(e)}}},{key:"flush",value:function(){this.path.length>0&&(this.path=[])}}]),e}();t["default"]=c},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){if("function"!=typeof e){if(e instanceof Array)return e.map(o);if(e&&"object"===("undefined"==typeof e?"undefined":a(e))){var t=function(){var t={};return Object.keys(e).forEach(function(n){t[n]=o(e[n])}),{v:t}}();if("object"===("undefined"==typeof t?"undefined":a(t)))return t.v}return e}}function r(e){return JSON.stringify(o(e))}function i(e){if(void 0!==e)return JSON.parse(e)}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=function(){function e(t){n(this,e),this._listeners=[],this._wall=t,t.listen(this._handleMessage.bind(this))}return s(e,[{key:"send",value:function(e){var t=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];t=r(t),this._wall.send({type:"event",evt:e,data:t})}},{key:"pause",value:function(){this._wall.send({type:"pause"})}},{key:"resume",value:function(){this._wall.send({type:"resume"})}},{key:"sub",value:function(e,t){var n=this;return void 0===this._listeners[e]&&(this._listeners[e]=[]),this._listeners[e].push(t),function(){var o=n._listeners[e].indexOf(t);o!==-1&&n._listeners[e].splice(o,1)}}},{key:"once",value:function(e,t){function n(r,i){t.call(this,r,i);var a=o._listeners[e].indexOf(n);a!==-1&&o._listeners[e].splice(a,1)}var o=this;return this.sub(e,n)}},{key:"_handleMessage",value:function(e){var t=i(e.data);"event"===e.type&&this._listeners[e.evt]&&this._listeners[e.evt].forEach(function(e){return e(t)})}}]),e}();t["default"]=u},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(10),c=o(u),l=n(8),d=o(l),p=n(12),f=o(p),g=n(2),h=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"getChildContext",value:function(){return{store:this.props.store}}},{key:"render",value:function(){return this.props.children}}]),t}(g.Component);h.childContextTypes={store:g.PropTypes.object.isRequired};var b=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o._unMounted=!1,o._disposables=[],o.state={loading:!0,agentStatus:{}},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentWillMount",value:function(){var e=this;this.props.reloadSubscribe&&(this._unsubscribeReload=this.props.reloadSubscribe(function(){return e.reload()})),this.props.inject(function(t,n){e._teardownWall=n;var o=new c["default"](t),r=new d["default"](e.props.debugName+" store");e._disposeConnection=d["default"].connectToBridge(r,o),o.send("request-agent-status"),o.send("request-store-sync"),e._disposables.push(o.sub("agent-status",function(t){e.setState({agentStatus:t})})),e._unMounted||e.setState({loading:!1,store:r})})}},{key:"componentWillUnmount",value:function(){this._unMounted=!0,this.teardown()}},{key:"reload",value:function(){this.teardown()}},{key:"teardown",value:function(){this._unMounted||this.setState({loading:!0,store:void 0},this.props.reload),this._disposeConnection&&(this._disposeConnection(),this._disposeConnection=void 0),this._unsubscribeReload&&(this._unsubscribeReload(),this._unsubscribeReload=void 0),this._teardownWall&&(this._teardownWall(),this._teardownWall=void 0)}},{key:"render",value:function(){return this.state.loading&&!this.props.quiet?!this.props.quiet&&g.createElement(f["default"],null,"Loading..."):this.state.agentStatus.mobxFound!==!0?!this.props.quiet&&g.createElement(f["default"],null,"Looking for mobx..."):g.createElement(h,{store:this.state.store},g.Children.only(this.props.children))}}]),t}(g.Component);b.propTypes={quiet:g.PropTypes.bool,debugName:g.PropTypes.string,reload:g.PropTypes.func.isRequired,reloadSubscribe:g.PropTypes.func.isRequired,inject:g.PropTypes.func.isRequired},t["default"]=b},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"renderIcon",value:function(){switch(this.props.icon){case"mobx":return c["default"].createElement("svg",{baseProfile:"basic",xmlns:"http://www.w3.org/2000/svg",width:"128",height:"128",viewBox:"0 0 128 128"},c["default"].createElement("path",{fill:"none",stroke:"#333232",strokeWidth:"14",strokeMiterlimit:"10",d:"M8 15h14v98H8M120 15h-14v98h14"}),c["default"].createElement("path",{fill:"none",stroke:"#EB3624",strokeWidth:"18",strokeLinecap:"square",strokeMiterlimit:"10",d:"M50 57l14 14 14-14"}));case"pick":return c["default"].createElement("svg",{baseProfile:"basic",xmlns:"http://www.w3.org/2000/svg",width:"128",height:"128",viewBox:"-58.5 0 128 128"},c["default"].createElement("path",{d:"M-21.165 10.665L42.84 70.397l-30.943 2.67L29.5 112l-11.728 5.34L.7 77.864-21.165 98.66V10.664"}))}}},{key:"render",value:function(){return c["default"].createElement("div",{onClick:this.props.onClick,style:{position:"fixed",zIndex:1,top:0,left:0,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",fontSize:"18px",background:"rgba(255, 255, 255, 0.8)"}},this.renderIcon(),c["default"].createElement("div",{style:{margin:"10px"}},this.props.children))}}]),t}(u.Component);l.propTypes={children:u.PropTypes.node,icon:u.PropTypes.string,onClick:u.PropTypes.func},l.defaultProps={icon:"mobx"},t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=n(14),d=o(l),p=n(26),f=o(p),g=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleToggleGraph=function(){},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this.props,t=e.noMiniPanel,n=e.highlightTimeout;return c["default"].createElement("div",null,t!==!0&&c["default"].createElement(d["default"],{position:this.props.position,highlightTimeout:n}),c["default"].createElement(f["default"],null))}}]),t}(u.Component);g.propTypes={highlightTimeout:u.PropTypes.number,position:u.PropTypes.object,noMiniPanel:u.PropTypes.bool},g.defaultProps={noMiniPanel:!1},t["default"]=g},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);
return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(15),p=r(d),f=n(16),g=o(f),h=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this;this._unsubscribe=this.context.store.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=this.props.position,t=this.context.store,n={};return e?(n.top=e.top,n.right=e.right,n.bottom=e.bottom,n.left=e.left):(n.top="0px",n.right="20px"),l["default"].createElement("div",null,l["default"].createElement("div",{style:Object.assign({},g.panel,n)},l["default"].createElement(p["default"],{id:"buttonUpdates",onToggle:function(){return t.toggleShowingUpdates()},active:t.state.updatesEnabled}),l["default"].createElement(p["default"],{id:"buttonGraph",onToggle:function(){return t.togglePickingDeptreeComponent()},active:t.state.graphEnabled}),l["default"].createElement(p["default"],{id:"buttonConsoleLog",active:t.state.consoleLogEnabled,onToggle:function(){return t.toggleConsoleLogging()}})))}}]),t}(c.Component);h.propTypes={},h.contextTypes={store:l["default"].PropTypes.object.isRequired},t["default"]=h},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(16),p=o(d),f=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.state={hovered:!1},o.handleMouseOver=function(){return o.setState({hovered:!0})},o.handleMouseOut=function(){return o.setState({hovered:!1})},r=n,a(o,r)}return s(t,e),u(t,[{key:"render",value:function(){var e=this.props,t=e.active,n=e.id,o=e.onToggle,r=e.style,i=this.state.hovered,a=function(){switch(n){case"buttonUpdates":return t?p.buttonUpdatesActive:p.buttonUpdates;case"buttonGraph":return t?p.buttonGraphActive:p.buttonGraph;case"buttonLog":return t?p.buttonLogActive:p.buttonLog;case"buttonConsoleLog":return t?p.buttonConsoleLogActive:p.buttonConsoleLog;case"buttonClear":return p.buttonClear}}(),s=function(){switch(n){case"buttonUpdates":return"Visualize component re-renders";case"buttonGraph":return"Select a component and show its dependency tree";case"buttonLog":return"Log state changes in panel";case"buttonConsoleLog":return"Log state changes to the browser console";case"buttonClear":return"Clear log"}}(),u=Object.assign({},p.button,a,t&&p.button.active,i&&p.button.hover,r);return l["default"].createElement("button",{type:"button",onClick:o,title:s,style:u,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut})}}]),t}(c.Component);f.props={onToggle:c.PropTypes.bool.isRequired,active:c.PropTypes.bool.isRequired,id:c.PropTypes.oneOf(["buttonUpdates","buttonGraph","buttonConsoleLog","buttonLog"]).isRequired,style:c.PropTypes.object},t["default"]=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.panel={position:"fixed",height:"26px",backgroundColor:"#fff",color:"rgba(0, 0, 0, 0.8)",borderRadius:"0 0 2px 2px",borderStyle:"solid",borderWidth:"0 1px 1px",borderColor:"rgba(0, 0, 0, 0.1)",zIndex:"65000",fontFamily:"Helvetica, sans-serif",display:"flex",padding:"0 5px"},t.button={opacity:.45,background:"transparent none center / 16px 16px no-repeat",width:"26px",margin:"0 10px",cursor:"pointer",border:"none",outline:"none",hover:{opacity:.7},active:{opacity:1,":hover":{opacity:1}}},t.buttonLog={backgroundImage:"url("+n(17)+")"},t.buttonLogActive={backgroundImage:"url("+n(18)+")"},t.buttonConsoleLog={backgroundImage:"url("+n(19)+")"},t.buttonConsoleLogActive={backgroundImage:"url("+n(20)+")"},t.buttonUpdates={backgroundImage:"url("+n(21)+")"},t.buttonUpdatesActive={backgroundImage:"url("+n(22)+")"},t.buttonGraph={backgroundImage:"url("+n(23)+")"},t.buttonGraphActive={backgroundImage:"url("+n(24)+")"},t.buttonClear={backgroundImage:"url("+n(25)+")"}},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi41IDMuNWgtOGMtMS4xIDAtMiAuOS0yIDJ2NWMwIDEuMS45IDIgMiAyaDF2Mmw1LTJoMmMxLjEgMCAyLS45IDItMnYtNWMwLTEuMS0uOS0yLTItMnoiLz4KICAgICAgICA8cGF0aCBkPSJNNSA2LjVoNyIvPgogICAgICAgIDxwYXRoIGQ9Ik01IDkuNWg3Ii8+CiAgICA8L2c+Cjwvc3ZnPgo="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij4KICAgIDxnIHN0cm9rZT0iIzE3ODBmYSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ij4KICAgICAgICA8cGF0aCBkPSJNMTIuNSAzLjVoLThjLTEuMSAwLTIgLjktMiAydjVjMCAxLjEuOSAyIDIgMmgxdjJsNS0yaDJjMS4xIDAgMi0uOSAyLTJ2LTVjMC0xLjEtLjktMi0yLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTUgNi41aDciLz4KICAgICAgICA8cGF0aCBkPSJNNSA5LjVoNyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPg0KICAgIDxnIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4NCiAgICAgICAgPHBhdGggZD0iTTEyLjUsMy41aC04Yy0xLjEsMC0yLDAuOS0yLDJ2NWMwLDEuMSwwLjksMiwyLDJoMXYybDUtMmgyYzEuMSwwLDItMC45LDItMnYtNUMxNC41LDQuNCwxMy42LDMuNSwxMi41LDMuNXoiLz4NCiAgICAgICAgPHBhdGggZD0iTTEwLDYuNWgyIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0xMCw5LjVoMiIvPg0KICAgICAgICA8cG9seWxpbmUgcG9pbnRzPSI1LDYgOCw4IDUsMTAgIi8+DQogICAgPC9nPg0KPC9zdmc+DQo="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi41LDMuNWgtOGMtMS4xLDAtMiwwLjktMiwydjVjMCwxLjEsMC45LDIsMiwyaDF2Mmw1LTJoMmMxLjEsMCwyLTAuOSwyLTJ2LTVDMTQuNSw0LjQsMTMuNiwzLjUsMTIuNSwzLjV6Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwLDYuNWgyIi8+CiAgICAgICAgPHBhdGggZD0iTTEwLDkuNWgyIi8+CiAgICAgICAgPHBvbHlsaW5lIHBvaW50cz0iNSw2IDgsOCA1LDEwICIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNiIvPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTBWNCIvPgogICAgPC9nPgogICAgPGcgc3Ryb2tlPSJub25lIiBmaWxsPSIjMDAwIj4KICAgICAgICA8Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjEiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDFoMnYxLjVoLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTE0IDEuNmwtLjcuNy4zLjMtLjcuOC43LjcuOC0uNy4zLjMuNy0uN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg=="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxjaXJjbGUgY3g9IjguNSIgY3k9IjguNSIgcj0iNiIvPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTBWNCIvPgogICAgPC9nPgogICAgPGcgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTc4MGZhIj4KICAgICAgICA8Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjEiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDFoMnYxLjVoLTJ6Ii8+CiAgICAgICAgPHBhdGggZD0iTTE0IDEuNmwtLjcuNy4zLjMtLjcuOC43LjcuOC0uNy4zLjMuNy0uN3oiLz4KICAgIDwvZz4KPC9zdmc+Cg=="},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjUgMi41aDl2MmgtOXoiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDcuNWg3djJoLTd6Ii8+CiAgICAgICAgPHBhdGggZD0iTTcuNSAxMi41aDd2MmgtN3oiLz4KICAgICAgICA8cGF0aCBkPSJNNC41IDQuNXY5aDMiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDguNWgtMyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PHN2ZyBiYXNlUHJvZmlsZT0iYmFzaWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2IDE2IiBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiPgogICAgPGcgc3Ryb2tlPSIjMTc4MGZhIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEuMjUiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjUgMi41aDl2MmgtOXoiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDcuNWg3djJoLTd6Ii8+CiAgICAgICAgPHBhdGggZD0iTTcuNSAxMi41aDd2MmgtN3oiLz4KICAgICAgICA8cGF0aCBkPSJNNC41IDQuNXY5aDMiLz4KICAgICAgICA8cGF0aCBkPSJNNy41IDguNWgtMyIvPgogICAgPC9nPgo8L3N2Zz4K"},function(e,t){e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBCYXNpYy8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS1iYXNpYy5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9ImJhc2ljIiBpZD0iTGF5ZXJfMSIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIKCSB2aWV3Qm94PSItMC41IDAuNSAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBjeD0iOCIgY3k9IjkiIHI9IjYiLz4KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiB4MT0iMy43NTciIHkxPSIxMy4yNDIiIHgyPSIxMi4yNDMiIHkyPSI0Ljc1NyIvPgo8L3N2Zz4K"},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(27),p=r(d),f=n(29),g=o(f),h=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},o.handleClose=function(){return o.context.store.clearDeptree()},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this;this._unsubscribe=this.context.store.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"renderTreeItem",value:function(e,t,n){var o=e.name,r=e.dependencies,i=this;return l["default"].createElement("div",{style:g.item,key:o},l["default"].createElement("span",{style:Object.assign({},g.box,n&&g.box.root)},o),r&&l["default"].createElement("div",{style:g.tree},r.map(function(e,t){return i.renderTreeItem(e,t==r.length-1)})),!n&&l["default"].createElement("span",{style:g.itemHorisontalDash}),!n&&l["default"].createElement("span",{style:Object.assign({},g.itemVericalStick,t&&g.itemVericalStick["short"])}))}},{key:"render",value:function(){var e=this.context.store.state.dependencyTree;return l["default"].createElement(p["default"],{onOverlayClick:this.handleClose},e&&l["default"].createElement("div",{style:g.graph},l["default"].createElement("span",{style:g.close,onClick:this.handleClose},"×"),l["default"].createElement("div",{style:g.rootThree},this.renderTreeItem(e,!0,!0))))}}]),t}(c.Component);h.contextTypes={store:l["default"].PropTypes.object.isRequired},t["default"]=h},function(e,t,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function r(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c=n(2),l=r(c),d=n(28),p=o(d),f=function(e){function t(){var e,n,o,r;i(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.stopPropogation=function(e){return e.stopPropagation()},r=n,a(o,r)}return s(t,e),u(t,[{key:"componentDidUpdate",value:function(e){var t=document.body.parentNode;if(e.children&&!this.props.children)this.rightOffset=0,t.style.borderRight=null,t.style.overflow=null;else if(!e.children&&this.props.children){var n=t.offsetWidth;t.style.overflow="hidden";var o=t.offsetWidth,r=Math.max(0,o-n);t.style.borderRight=r+"px solid transparent"}}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.onOverlayClick;return t?l["default"].createElement("div",{style:p.overlay,onClick:n},l["default"].createElement("div",{key:"content",style:p.modal,onClick:this.stopPropogation},t)):null}}]),t}(c.Component);f.propTypes={children:c.PropTypes.node,onOverlayClick:c.PropTypes.func.isRequired},t["default"]=f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.overlay={position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:66e3,overflow:"auto",WebkitOverflowScrolling:"touch",outline:0,backgroundColor:"rgba(40, 40, 50, 0.5)",transformOrigin:"50% 25%"},t.modal={position:"relative",width:"auto",margin:"5% 10%",zIndex:1060}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.graph={background:"white",padding:"4%"},t.close={color:"rgba(0, 0, 0, 0.2)",fontSize:"36px",position:"absolute",top:"5px",right:"5px",width:"40px",height:"40px",lineHeight:"34px",textAlign:"center",cursor:"pointer",zIndex:1},t.tree={position:"relative",paddingLeft:"20px"});t.rootThree=Object.assign({},n,{paddingLeft:0}),t.item={position:"relative"},t.box={padding:"4px 10px",background:"rgba(0, 0, 0, 0.05)",display:"inline-block",marginBottom:"8px",color:"#000",root:{fontSize:"15px",fontWeight:"bold",padding:"6px 13px"}},t.itemHorisontalDash={position:"absolute",left:"-12px",borderTop:"1px solid rgba(0, 0, 0, 0.2)",top:"14px",width:"12px",height:"0"},t.itemVericalStick={position:"absolute",left:"-12px",borderLeft:"1px solid rgba(0, 0, 0, 0.2)",height:"100%",width:0,top:"-8px","short":{height:"23px"}}},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"componentWillMount",value:function(){this.setState({})}},{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{onToggle:function(){return t.togglePickingDeptreeComponent()},active:t.state.graphEnabled})}}]),t}(u.Component);t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){return r(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{active:t.state.consoleLogEnabled,onToggle:function(){return t.toggleConsoleLogging()}})}}]),t}(u.Component);l.contextTypes={store:c["default"].PropTypes.object.isRequired},t["default"]=l},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=n(2),c=o(u),l=function(e){function t(){var e,n,o,a;r(this,t);for(var s=arguments.length,u=Array(s),c=0;c<s;c++)u[c]=arguments[c];return n=o=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.handleUpdate=function(){return o.setState({})},a=n,i(o,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){var e=this,t=__MOBX_DEVTOOLS_GLOBAL_HOOK__,n=t.store;this._unsubscribe=n.subscibeUpdates(function(){return e.setState({})})}},{key:"componentWillUnmount",value:function(){this._unsubscribe()}},{key:"render",value:function(){var e=__MOBX_DEVTOOLS_GLOBAL_HOOK__,t=e.store,n=this.props.children;return c["default"].cloneElement(n,{onToggle:function(){return t.toggleShowingUpdates()},active:t.state.updatesEnabled})}}]),t}(u.Component);l.propTypes={highlightTimeout:u.PropTypes.number},l.defaultProps={highlightTimeout:1500},t["default"]=l},function(e,t){"use strict";function n(e,t){if(void 0===e||null===e)throw new TypeError("Cannot convert first argument to object");for(var n=Object(e),o=1;o<arguments.length;o++){var r=arguments[o];if(void 0!==r&&null!==r)for(var i=Object.keys(Object(r)),a=0,s=i.length;a<s;a++){var u=i[a],c=Object.getOwnPropertyDescriptor(r,u);void 0!==c&&c.enumerable&&(n[u]=r[u])}}return n}function o(){Object.assign||Object.defineProperty(Object,"assign",{enumerable:!1,configurable:!0,writable:!0,value:n})}e.exports={assign:n,polyfill:o}}])});

2

package.json
{
"name": "mobx-devtools",
"version": "0.0.0-alpha-1",
"version": "0.0.6-alpha-3",
"description": "Dev-tools for MobX and React",

@@ -5,0 +5,0 @@ "main": "index.js",

local_history.patch
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc