luy
Version:
所谓类```React```框架就是**和React用法一模一样**的框架。其实当初制造这个框架的目的是为了能更好的学习React内部结构，了解其原理而制作的玩具。但是随着框架的渐渐成长，代码越来越多，我还是决定将其发展下去. 
1 lines • 36.8 kB
JavaScript
!function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=51)}([function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var o=n(1),r=n(0),i=n(35),a=n(7),u=function(t,e,n){var s,c,f,l=t&u.F,p=t&u.G,d=t&u.S,h=t&u.P,v=t&u.B,m=t&u.W,y=p?r:r[e]||(r[e]={}),_=y.prototype,b=p?o:d?o[e]:(o[e]||{}).prototype;p&&(n=e);for(s in n)(c=!l&&b&&void 0!==b[s])&&s in y||(f=c?b[s]:n[s],y[s]=p&&"function"!=typeof b[s]?n[s]:v&&c?i(f,o):m&&b[s]==f?function(t){var e=function(e,n,o){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,o)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):h&&"function"==typeof f?i(Function.call,f):f,h&&((y.virtual||(y.virtual={}))[s]=f,t&u.R&&_&&!_[s]&&a(_,s,f)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,t.exports=u},function(t,e,n){var o=n(11),r=n(36),i=n(21),a=Object.defineProperty;e.f=n(5)?Object.defineProperty:function(t,e,n){if(o(t),e=i(e,!0),o(n),r)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){t.exports=!n(8)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var o=n(43),r=n(18);t.exports=function(t){return o(r(t))}},function(t,e,n){var o=n(4),r=n(15);t.exports=n(5)?function(t,e,n){return o.f(t,e,r(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var o=n(42),r=n(27);t.exports=Object.keys||function(t){return o(t,r)}},function(t,e,n){var o=n(20)("wks"),r=n(14),i=n(1).Symbol,a="function"==typeof i;(t.exports=function(t){return o[t]||(o[t]=a&&i[t]||(a?i:r)("Symbol."+t))}).store=o},function(t,e,n){var o=n(12);t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var o=n(18);t.exports=function(t){return Object(o(t))}},function(t,e){var n=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+o).toString(36))}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){"use strict";function o(t){return null===t?1:void 0===t?0:f[c.call(t)]||8}function r(t,e){return t.type===e.type&&t.key===e.key}function i(t){var e={};return t.forEach(function(t,n){t.key&&(e[t.key]=n)}),e}function a(t){return/^on[A-Z]/.test(t)}function u(t){return/^on[a-z]/.test(t)}function s(t,e){for(var n in e)t[n]=e[n];return t}Object.defineProperty(e,"__esModule",{value:!0}),e.typeNumber=o,e.isSameVnode=r,e.mapKeyToIndex=i,e.isEventName=a,e.isEventNameLowerCase=u,e.extend=s;var c=Object.prototype.toString,f=(e.options={async:!1,dirtyComponent:{}},{"[object Boolean]":2,"[object Number]":3,"[object String]":4,"[object Function]":5,"[object Symbol]":6,"[object Array]":7})},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var o=n(20)("keys"),r=n(14);t.exports=function(t){return o[t]||(o[t]=r(t))}},function(t,e,n){var o=n(1),r=o["__core-js_shared__"]||(o["__core-js_shared__"]={});t.exports=function(t){return r[t]||(r[t]={})}},function(t,e,n){var o=n(12);t.exports=function(t,e){if(!o(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!o(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){"use strict";e.__esModule=!0,e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e){var n=Math.ceil,o=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?o:n)(t)}},function(t,e){t.exports=!0},function(t,e){t.exports={}},function(t,e,n){var o=n(11),r=n(66),i=n(27),a=n(19)("IE_PROTO"),u=function(){},s=function(){var t,e=n(37)("iframe"),o=i.length;for(e.style.display="none",n(70).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;o--;)delete s.prototype[i[o]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(u.prototype=o(t),n=new u,u.prototype=null,n[a]=t):n=s(),void 0===e?n:r(n,e)}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var o=n(4).f,r=n(2),i=n(10)("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,i)&&o(t,i,{configurable:!0,value:e})}},function(t,e,n){e.f=n(10)},function(t,e,n){var o=n(1),r=n(0),i=n(24),a=n(29),u=n(4).f;t.exports=function(t){var e=r.Symbol||(r.Symbol=i?{}:o.Symbol||{});"_"==t.charAt(0)||t in e||u(e,t,{value:a.f(t)})}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){t.exports={default:n(94),__esModule:!0}},function(t,e,n){var o=n(2),r=n(13),i=n(19)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),o(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var o=n(3),r=n(0),i=n(8);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),o(o.S+o.F*i(function(){n(1)}),"Object",a)}},function(t,e,n){var o=n(56);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,r){return t.call(e,n,o,r)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){t.exports=!n(5)&&!n(8)(function(){return 7!=Object.defineProperty(n(37)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var o=n(12),r=n(1).document,i=o(r)&&o(r.createElement);t.exports=function(t){return i?r.createElement(t):{}}},function(t,e,n){"use strict";e.__esModule=!0;var o=n(57),r=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),(0,r.default)(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}()},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var r=n(61),i=o(r),a=n(75),u=o(a),s="function"==typeof u.default&&"symbol"==typeof i.default?function(t){return typeof t}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":typeof t};e.default="function"==typeof u.default&&"symbol"===s(i.default)?function(t){return void 0===t?"undefined":s(t)}:function(t){return t&&"function"==typeof u.default&&t.constructor===u.default&&t!==u.default.prototype?"symbol":void 0===t?"undefined":s(t)}},function(t,e,n){"use strict";var o=n(24),r=n(3),i=n(41),a=n(7),u=n(2),s=n(25),c=n(65),f=n(28),l=n(33),p=n(10)("iterator"),d=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,v,m,y,_){c(n,e,v);var b,x,g,S=function(t){if(!d&&t in M)return M[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},E=e+" Iterator",N="values"==m,O=!1,M=t.prototype,w=M[p]||M["@@iterator"]||m&&M[m],C=w||S(m),j=m?N?S("entries"):C:void 0,P="Array"==e?M.entries||w:w;if(P&&(g=l(P.call(new t)))!==Object.prototype&&(f(g,E,!0),o||u(g,p)||a(g,p,h)),N&&w&&"values"!==w.name&&(O=!0,C=function(){return w.call(this)}),o&&!_||!d&&!O&&M[p]||a(M,p,C),s[e]=C,s[E]=h,m)if(b={values:N?C:S("values"),keys:y?C:S("keys"),entries:j},_)for(x in b)x in M||i(M,x,b[x]);else r(r.P+r.F*(d||O),e,b);return b}},function(t,e,n){t.exports=n(7)},function(t,e,n){var o=n(2),r=n(6),i=n(67)(!1),a=n(19)("IE_PROTO");t.exports=function(t,e){var n,u=r(t),s=0,c=[];for(n in u)n!=a&&o(u,n)&&c.push(n);for(;e.length>s;)o(u,n=e[s++])&&(~i(c,n)||c.push(n));return c}},function(t,e,n){var o=n(44);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var o=n(42),r=n(27).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return o(t,r)}},function(t,e,n){var o=n(16),r=n(15),i=n(6),a=n(21),u=n(2),s=n(36),c=Object.getOwnPropertyDescriptor;e.f=n(5)?c:function(t,e){if(t=i(t),e=a(e,!0),s)try{return c(t,e)}catch(t){}if(u(t,e))return r(!o.f.call(t,e),t[e])}},function(t,e,n){"use strict";function o(t,e){for(var n=arguments.length,o=Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];var i={},a=null,f=null,l=o.length;if(null!=e){a=void 0===e.key?null:""+e.key,f=void 0===e.ref?null:e.ref;for(var p in e)s.hasOwnProperty(p)||e.hasOwnProperty(p)&&(i[p]=e[p])}1===l?i.children=(0,u.typeNumber)(o[0])>2?o[0]:[]:l>1&&(i.children=o);var d=t.defaultProps;if(d)for(var h in d)"undefined"===i[h]&&(i[h]=d[h]);return new c(t,i,a,f)}function r(t){if(void 0===t)return new c("#text","",null,null);var e=t.length,n=[],o=!1,r="",i=(0,u.typeNumber)(t);return 4===i||3===i?new c("#text",t,null,null):7!==i?t:(t.forEach(function(t,i){7===(0,u.typeNumber)(t)&&(o&&n.push(r),t.forEach(function(t){n.push(t)}),r="",o=!1),3!==(0,u.typeNumber)(t)&&4!==(0,u.typeNumber)(t)||(r+=t,o=!0),3!==(0,u.typeNumber)(t)&&4!==(0,u.typeNumber)(t)&&7!==(0,u.typeNumber)(t)&&(o?(n.push(r),n.push(t),r="",o=!1):n.push(t)),e-1===i&&r&&n.push(r)}),n=n.map(function(t){return 4===(0,u.typeNumber)(t)&&(t=new c("#text",t,null,null)),t}))}Object.defineProperty(e,"__esModule",{value:!0}),e.Vnode=e.createElement=void 0;var i=n(22),a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.flattenChildren=r;var u=n(17),s={ref:!0,key:!0,__self:!0,__source:!0},c=function t(e,n,o,r){(0,a.default)(this,t),this.type=e,this.props=n,this.key=o,this.ref=r};e.createElement=o,e.Vnode=c},function(t,e,n){"use strict";function o(t,e){e&&(Array.isArray(t)?d(t,e):v(t,e));var n=new x.Vnode("#text","createPortal",null,null);return n._PortalHostNode=e,n}function r(t){return{oldState:t._instance.state,oldProps:t._instance.props,oldContext:t._instance.context,oldVnode:t._instance.Vnode}}function i(){return E++}function a(t,e,n){var o=t._hostNode;t.props!==e.props&&(o.nodeValue=e.props)}function u(t,e,n,o){e=(0,x.flattenChildren)(e),Array.isArray(t)||(t=[t]),Array.isArray(e)||(e=[e]);var r=t.length,i=e.length,a=0,u=0,s=r-1,f=i-1,l=t[0],p=e[0],d=t[s],h=e[f],m={};if(i&&!r)return e.forEach(function(t){v(t,n,!1,o)}),e;for(;a<=s&&u<=f;){if(void 0===l)l=t[++a];else if(void 0===d)d=t[--s];else if((0,b.isSameVnode)(l,p))c(l,p,p._hostNode,o),l=t[++a],p=e[++u];else if((0,b.isSameVnode)(d,h))c(d,h,h._hostNode,o),d=t[--s],h=e[--f];else if((0,b.isSameVnode)(l,h)){var y=l._hostNode;n.insertBefore(y,d.nextSibling),c(l,h,l._hostNode._hostNode,o),l=t[++a],h=e[--f]}else if((0,b.isSameVnode)(d,p)){var _=d._hostNode;n.insertBefore(_,l._hostNode),c(l,h,l._hostNode,o),d=t[--s],p=e[++u]}else{void 0===m&&(m=(0,b.mapKeyToIndex)(t));var g=m[p.key];if(void 0===g){var S=v(p,n,!0,o);n.insertBefore(S,l._hostNode),p=e[++u]}else{var E=t[g];c(E,p,E._hostNode,o),n.insertBefore(E._hostNode,l._hostNode),t[g]=void 0,p=e[++u]}}if(a>s){for(;u-1<f;u++)if(e[u]){var N=v(e[u],n,!0,o);t[t.length-1]?n.insertBefore(N,t[t.length-1]._hostNode):n.appendChild(N),e[u]._hostNode=N}}else if(u>f)for(;a-1<s;a++)if(t[a]){var O=t[a];if("function"==typeof t[a].type&&O._instance.componentWillUnMount&&O._instance.componentWillUnMount(),O._PortalHostNode){var M=O._PortalHostNode.parentNode;M.removeChild(O._PortalHostNode)}else t[a]._hostNode&&n.removeChild(t[a]._hostNode)}}return e}function s(t,e,n){var o=r(t),i=o.oldState,a=o.oldProps,u=o.oldContext,s=o.oldVnode,f=e.props,l=n,p=new e.type(f);if(t._instance){if(t._instance.componentWillReceiveProps&&t._instance.componentWillReceiveProps(f,l),t._instance.shouldComponentUpdate&&!t._instance.shouldComponentUpdate(f,i,l))return p.state=i,p.context=l,t._instance.props=f,t._instance.context=l,void(e._instance=t._instance);t._instance.componentWillUpdate&&t._instance.componentWillUpdate(f,i,l)}p.state=i,p.context=l;var d=p.render();t._instance.props=f,t._instance.context=l,e._instance=t._instance,c(s,d,t._hostNode),t._instance&&t._instance.componentDidUpdate&&t._instance.componentDidUpdate(a,i,u)}function c(t,e,n,o){if(e._hostNode=t._hostNode,t.type===e.type){if("#text"===t.type)return e._hostNode=t._hostNode,a(t,e),e;if("string"==typeof t.type){e.props.children=u(t.props.children,e.props.children,t._hostNode,o);var r=e.props.style;t.props.style!==r&&(0,_.default)(r).forEach(function(t){return e._hostNode.style[t]=r[t]}),e.props.dangerouslySetInnerHTML&&g.mappingStrategy.dangerouslySetInnerHTML(e._hostNode,e.props.dangerouslySetInnerHTML)}"function"==typeof t.type&&s(t,e,o)}else{var i=v(e,n,!0);e._hostNode?("function"==typeof e.type&&console.log("等待实现"),n.insertBefore(i,t._hostNode),n.removeChild(t._hostNode)):n.appendChild(i)}return e}function f(t,e,n){var o=t.type,r=t.props,a=o,u=new a(r);u.getChildContext?u.context=(0,b.extend)((0,b.extend)({},u.context),u.getChildContext()):u.context=n,u.componentWillMount&&u.componentWillMount();var s=u.render();if(!s)return void console.warn("你可能忘记在组件render()方法中返回jsx了");var c=v(s,e,!1,u.context,u);return u.componentDidMount&&(u.lifeCycle=S.Com.MOUNTTING,u.componentDidMount(),u.componentDidMount=null,u.lifeCycle=S.Com.MOUNT),u.Vnode=s,u.Vnode._hostNode=c,u.Vnode._mountIndex=i(),t._instance=u,s._PortalHostNode&&(t._PortalHostNode=s._PortalHostNode),u._updateInLifeCycle&&u._updateInLifeCycle(),c}function l(t,e,n){var o=v(t,e,!1,n);return t._hostNode=o,t._mountIndex=i(),o}function p(t,e){var n="createPortal"===t.props?"":t.props,o=document.createTextNode(n);return e.appendChild(o),t._hostNode=o,t._mountIndex=i(),o}function d(t,e,n,o){var r=(0,b.typeNumber)(t),i=t;return void 0===t&&(i=(0,x.flattenChildren)(t)),8===r&&void 0!==t&&(i._hostNode=l(i,e,o)),7===r&&(i=(0,x.flattenChildren)(t),i.forEach(function(t){v(t,e,!1,n,o)})),4!==r&&3!==r||(i=(0,x.flattenChildren)(t),p(i,e)),i}function h(t){return null==t?null:1===t.nodeType?t:t.__dom||null}function v(t,e,n,o,r){var a=t.type,u=t.props,s=u.children,c=void 0;if(c="function"==typeof a?f(t,e,o||{}):"string"==typeof a&&"#text"===a?p(t,e):document.createElement(a),"function"!=typeof a&&(0,b.typeNumber)(s)>2&&void 0!==s){var l=d(s,c,o,r);u.children=l}return r&&(3!==(0,b.typeNumber)(t.ref)&&4!==(0,b.typeNumber)(t.ref)||(r.refs[t.ref]=c),5===(0,b.typeNumber)(t.ref)&&t.ref(c)),(0,g.mapProp)(c,u),t._hostNode=c,n?c:(t._mountIndex=i(),e&&c&&"#text"!==e.nodeName&&e.appendChild(c),c)}function m(t,e){return v(t,e)}Object.defineProperty(e,"__esModule",{value:!0});var y=n(32),_=function(t){return t&&t.__esModule?t:{default:t}}(y);e.createPortal=o,e.update=c,e.findDOMNode=h,e.render=m;var b=n(17),x=n(47),g=n(97),S=n(49),E=0},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.ReactClass=e.Com=void 0;var r=n(50),i=o(r),a=n(102),u=o(a),s=n(22),c=o(s),f=n(38),l=o(f),p=n(48),d=n(17),h=e.Com={CREATE:0,MOUNT:1,UPDATING:2,UPDATED:3,MOUNTTING:4},v=function(){function t(e,n){(0,c.default)(this,t),this.props=e,this.context=n,this.state=this.state||{},this.nextState=null,this._renderCallbacks=[],this.lifeCycle=h.CREATE,this.stateMergeQueue=[],this.refs={}}return(0,l.default)(t,[{key:"updateComponent",value:function(){var t=this.state,e=this.Vnode,n=this.context;this.nextState!==t&&(this.state=this.nextState),this.getChildContext&&(this.context=(0,d.extend)((0,d.extend)({},this.context),this.getChildContext())),this.componentWillUpdate&&this.componentWillUpdate(this.props,this.nextState,this.context),this.nextState=null;var o=this.render();this.Vnode=(0,p.update)(e,o,this.dom,this.context),this.componentDidUpdate&&this.componentDidUpdate(this.props,t,n)}},{key:"_updateInLifeCycle",value:function(){this.stateMergeQueue.length>0&&(this.nextState=(0,u.default)({},this.state),this.stateMergeQueue=[],this.updateComponent())}},{key:"setState",value:function(t,e){if(this.nextState=(0,i.default)({},this.state,t),!this.shouldComponentUpdate||this.shouldComponentUpdate(this.props,this.nextState,this.context))if(this.lifeCycle===h.CREATE);else{if(this.lifeCycle===h.MOUNTTING)return this.state=(0,i.default)({},this.state,t),void this.stateMergeQueue.push(1);if(!0===d.options.async)return void(d.options.dirtyComponent[this]||(d.options.dirtyComponent[this]=this));this.updateComponent()}}},{key:"componentWillReceiveProps",value:function(){}},{key:"componentWillMount",value:function(){}},{key:"componentDidMount",value:function(){}},{key:"componentWillUnmount",value:function(){}},{key:"componentDidUnmount",value:function(){}},{key:"render",value:function(){}}]),t}();e.ReactClass=v},function(t,e,n){t.exports={default:n(99),__esModule:!0}},function(t,e,n){t.exports=n(52)},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}var r=n(53),i=o(r),a=n(22),u=o(a),s=n(38),c=o(s),f=n(60),l=o(f),p=n(86),d=o(p),h=n(32),v=o(h),m=n(96),y=o(m),_=function(){var t=100,e=0,n=document.createElement("div");n.id="stats",n.style.cssText="width:80px;opacity:0.9;cursor:pointer";var o=document.createElement("div");o.id="ms",o.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#020;",n.appendChild(o);var r=document.createElement("div");r.id="msText",r.style.cssText="color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px",r.innerHTML="Memory",o.appendChild(r);var i=document.createElement("div");for(i.id="msGraph",i.style.cssText="position:relative;width:74px;height:30px;background-color:#0f0",o.appendChild(i);i.children.length<74;){var a=document.createElement("span");a.style.cssText="width:1px;height:30px;float:left;background-color:#131",i.appendChild(a)}var u=function(t,e,n){var o=t.appendChild(t.firstChild);o.style.height=e+"px",n&&(o.style.backgroundColor=n)},s=window.performance||{};s||s.memory||(s.memory={usedJSHeapSize:0}),s&&!s.memory&&(s.memory={usedJSHeapSize:0}),0===s.memory.totalJSHeapSize&&console.warn("totalJSHeapSize === 0... performance.memory is only available in Chrome .");var c=Date.now(),f=s.memory.usedJSHeapSize;return{domElement:n,update:function(){if(!(Date.now()-c<1e3/30)){c=Date.now();var n=s.memory.usedJSHeapSize-f;f=s.memory.usedJSHeapSize;var o=n<0?"#830":"#131",a=s.memory.usedJSHeapSize;t=Math.min(t,a),e=Math.max(e,a),r.textContent="Mem: "+function(t,e){var n=["Bytes","KB","MB","GB","TB"];if(0==t)return"n/a";e=void 0!==e?e:0;var o=Math.pow(10,e),r=Math.floor(Math.log(t)/Math.log(1024));return Math.round(t*o/Math.pow(1024,r))/o+" "+n[r]}(a,2);var l=a/31457280,p=Math.min(30,30-30*l);u(i,p,o)}}}},b=b||function(){var t=new _;t.domElement.style.position="fixed",t.domElement.style.right="0px",t.domElement.style.bottom="0px",document.body.appendChild(t.domElement),requestAnimationFrame(function e(){t.update(),requestAnimationFrame(e)});var e=function(){var t=document.createElement("div");t.id="stats",t.style.cssText="width:150px;opacity:0.9;cursor:pointer;position:fixed;right:80px;bottom:0px;";var e=document.createElement("div");e.id="ms",e.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#020;",t.appendChild(e);var n=document.createElement("div");n.id="msText",n.style.cssText="color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px",n.innerHTML="Repaint rate: 0/sec",e.appendChild(n);var o=[],r=Date.now();return{domElement:t,ping:function(){var t=r,e=Date.now(),i=1e3/(e-t);o.push(i),o.length>20&&o.shift();for(var a=0,u=0;u<o.length;u++)a+=o[u];n.textContent="Repaint rate: "+(a/o.length).toFixed(2)+"/sec",r=e}}},n=new e;return document.body.appendChild(n.domElement),{memoryStats:t,renderRate:n}}(),x=x||function(){function t(t){var e=parseFloat(t).toFixed(2);return t>60&&(minutes=Math.floor(t/60),comps=(t%60).toFixed(2).split("."),seconds=comps[0].lpad("0",2),ms=comps[1],e=minutes+":"+seconds+"."+ms),e}function e(t){var e="Query elapsed";return e+=t>=10?" warn_long":t>=1?" warn":" short"}function n(){for(var n={start_at:(new Date).getTime()/1e3,databases:{}},o=1;o<=x.rows;o++)n.databases["cluster"+o]={queries:[]},n.databases["cluster"+o+"slave"]={queries:[]};return(0,v.default)(n.databases).forEach(function(o){if(0==a.length||Math.random()<x.mutations()){for(var r=n.databases[o],i=Math.floor(10*Math.random()+1),u=0;u<i;u++){var s=15*Math.random(),c={canvas_action:null,canvas_context_id:null,canvas_controller:null,canvas_hostname:null,canvas_job_tag:null,canvas_pid:null,elapsed:s,formatElapsed:t(s),elapsedClassName:e(s),query:"SELECT blah FROM something",waiting:Math.random()<.5};Math.random()<.2&&(c.query="<IDLE> in transaction"),Math.random()<.1&&(c.query="vacuum"),r.queries.push(c)}r.queries=r.queries.sort(function(t,e){return e.elapsed-t.elapsed})}else n.databases[o]=a[o]}),a=n.databases,n}function o(){var t=[],e=n();return(0,v.default)(e.databases).forEach(function(n){var o=e.databases[n],r={dbname:n,samples:[]},i=r.samples;i.push({time:e.start_at,queries:o.queries,topFiveQueries:function(t){for(var e=t.slice(0,5);e.length<5;)e.push({query:"",formatElapsed:"",elapsedClassName:""});return e}(o.queries),countClassName:function(t){var e="label";return t.length>=20?e+=" label-important":t.length>=10?e+=" label-warning":e+=" label-success",e}(o.queries)}),i.length>5&&i.splice(0,i.length-5);var i=r.samples;r.lastSample=r.samples[r.samples.length-1],t.push(r)}),{toArray:function(){return t}}}function r(t){return t?u=t:u}var i;(i=String.prototype).lpad||(i.lpad=function(t,e){return t.repeat((e-this.length)/t.length).concat(this)});var a=[],u=.5,s=document.querySelector("body"),c=s.firstChild,f=document.createElement("div");f.style.cssText="display: flex";var l=document.createElement("input"),p=document.createElement("label");return p.innerHTML="mutations : "+(100*u).toFixed(0)+"%",p.id="ratioval",l.setAttribute("type","range"),l.style.cssText="margin-bottom: 10px; margin-top: 5px",l.addEventListener("change",function(t){x.mutations(t.target.value/100),document.querySelector("#ratioval").innerHTML="mutations : "+(100*x.mutations()).toFixed(0)+"%"}),f.appendChild(p),f.appendChild(l),s.insertBefore(f,c),{generateData:o,rows:50,timeout:0,mutations:r}}(),g=function(t){function e(t){(0,u.default)(this,e);var n=(0,l.default)(this,(e.__proto__||(0,i.default)(e)).call(this,t));return n.state={databases:[]},n}return(0,d.default)(e,t),(0,c.default)(e,[{key:"loadSamples",value:function(){this.setState({databases:x.generateData().toArray()}),b.renderRate.ping(),setTimeout(this.loadSamples.bind(this),x.timeout)}},{key:"componentDidMount",value:function(){this.loadSamples()}},{key:"render",value:function(){return y.default.createElement("div",{id:"container"},y.default.createElement("table",{className:"table table-striped latest-data"},y.default.createElement("tbody",null," ",this.state.databases.map(function(t){return y.default.createElement("tr",{key:t.dbname},y.default.createElement("td",{className:"dbname"}," ",t.dbname," "),y.default.createElement("td",{className:"query-count"},y.default.createElement("span",{className:t.lastSample.countClassName},t.lastSample.queries.length)),t.lastSample.topFiveQueries.map(function(t,e){return y.default.createElement("td",{className:"Query "+t.elapsedClassName},t.formatElapsed," ",y.default.createElement("div",{className:"popover left"},y.default.createElement("div",{className:"popover-content"}," ",t.query," "),y.default.createElement("div",{className:"arrow"})))}))})," ")))}}]),e}(y.default.Component);y.default.render(y.default.createElement(g,null),document.getElementById("dbmon"))},function(t,e,n){t.exports={default:n(54),__esModule:!0}},function(t,e,n){n(55),t.exports=n(0).Object.getPrototypeOf},function(t,e,n){var o=n(13),r=n(33);n(34)("getPrototypeOf",function(){return function(t){return r(o(t))}})},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){t.exports={default:n(58),__esModule:!0}},function(t,e,n){n(59);var o=n(0).Object;t.exports=function(t,e,n){return o.defineProperty(t,e,n)}},function(t,e,n){var o=n(3);o(o.S+o.F*!n(5),"Object",{defineProperty:n(4).f})},function(t,e,n){"use strict";e.__esModule=!0;var o=n(39),r=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==(void 0===e?"undefined":(0,r.default)(e))&&"function"!=typeof e?t:e}},function(t,e,n){t.exports={default:n(62),__esModule:!0}},function(t,e,n){n(63),n(71),t.exports=n(29).f("iterator")},function(t,e,n){"use strict";var o=n(64)(!0);n(40)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=o(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){var o=n(23),r=n(18);t.exports=function(t){return function(e,n){var i,a,u=String(r(e)),s=o(n),c=u.length;return s<0||s>=c?t?"":void 0:(i=u.charCodeAt(s),i<55296||i>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):i:t?u.slice(s,s+2):a-56320+(i-55296<<10)+65536)}}},function(t,e,n){"use strict";var o=n(26),r=n(15),i=n(28),a={};n(7)(a,n(10)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=o(a,{next:r(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var o=n(4),r=n(11),i=n(9);t.exports=n(5)?Object.defineProperties:function(t,e){r(t);for(var n,a=i(e),u=a.length,s=0;u>s;)o.f(t,n=a[s++],e[n]);return t}},function(t,e,n){var o=n(6),r=n(68),i=n(69);t.exports=function(t){return function(e,n,a){var u,s=o(e),c=r(s.length),f=i(a,c);if(t&&n!=n){for(;c>f;)if((u=s[f++])!=u)return!0}else for(;c>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var o=n(23),r=Math.min;t.exports=function(t){return t>0?r(o(t),9007199254740991):0}},function(t,e,n){var o=n(23),r=Math.max,i=Math.min;t.exports=function(t,e){return t=o(t),t<0?r(t+e,0):i(t,e)}},function(t,e,n){t.exports=n(1).document&&document.documentElement},function(t,e,n){n(72);for(var o=n(1),r=n(7),i=n(25),a=n(10)("toStringTag"),u=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],s=0;s<5;s++){var c=u[s],f=o[c],l=f&&f.prototype;l&&!l[a]&&r(l,a,c),i[c]=i.Array}},function(t,e,n){"use strict";var o=n(73),r=n(74),i=n(25),a=n(6);t.exports=n(40)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,r(1)):"keys"==e?r(0,n):"values"==e?r(0,t[n]):r(0,[n,t[n]])},"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){t.exports={default:n(76),__esModule:!0}},function(t,e,n){n(77),n(83),n(84),n(85),t.exports=n(0).Symbol},function(t,e,n){"use strict";var o=n(1),r=n(2),i=n(5),a=n(3),u=n(41),s=n(78).KEY,c=n(8),f=n(20),l=n(28),p=n(14),d=n(10),h=n(29),v=n(30),m=n(79),y=n(80),_=n(81),b=n(11),x=n(6),g=n(21),S=n(15),E=n(26),N=n(82),O=n(46),M=n(4),w=n(9),C=O.f,j=M.f,P=N.f,T=o.Symbol,k=o.JSON,A=k&&k.stringify,D=d("_hidden"),I=d("toPrimitive"),F={}.propertyIsEnumerable,H=f("symbol-registry"),L=f("symbols"),U=f("op-symbols"),q=Object.prototype,R="function"==typeof T,V=o.QObject,W=!V||!V.prototype||!V.prototype.findChild,B=i&&c(function(){return 7!=E(j({},"a",{get:function(){return j(this,"a",{value:7}).a}})).a})?function(t,e,n){var o=C(q,e);o&&delete q[e],j(t,e,n),o&&t!==q&&j(q,e,o)}:j,z=function(t){var e=L[t]=E(T.prototype);return e._k=t,e},J=R&&"symbol"==typeof T.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof T},G=function(t,e,n){return t===q&&G(U,e,n),b(t),e=g(e,!0),b(n),r(L,e)?(n.enumerable?(r(t,D)&&t[D][e]&&(t[D][e]=!1),n=E(n,{enumerable:S(0,!1)})):(r(t,D)||j(t,D,S(1,{})),t[D][e]=!0),B(t,e,n)):j(t,e,n)},Q=function(t,e){b(t);for(var n,o=y(e=x(e)),r=0,i=o.length;i>r;)G(t,n=o[r++],e[n]);return t},K=function(t,e){return void 0===e?E(t):Q(E(t),e)},Y=function(t){var e=F.call(this,t=g(t,!0));return!(this===q&&r(L,t)&&!r(U,t))&&(!(e||!r(this,t)||!r(L,t)||r(this,D)&&this[D][t])||e)},Z=function(t,e){if(t=x(t),e=g(e,!0),t!==q||!r(L,e)||r(U,e)){var n=C(t,e);return!n||!r(L,e)||r(t,D)&&t[D][e]||(n.enumerable=!0),n}},X=function(t){for(var e,n=P(x(t)),o=[],i=0;n.length>i;)r(L,e=n[i++])||e==D||e==s||o.push(e);return o},$=function(t){for(var e,n=t===q,o=P(n?U:x(t)),i=[],a=0;o.length>a;)!r(L,e=o[a++])||n&&!r(q,e)||i.push(L[e]);return i};R||(T=function(){if(this instanceof T)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===q&&e.call(U,n),r(this,D)&&r(this[D],t)&&(this[D][t]=!1),B(this,t,S(1,n))};return i&&W&&B(q,t,{configurable:!0,set:e}),z(t)},u(T.prototype,"toString",function(){return this._k}),O.f=Z,M.f=G,n(45).f=N.f=X,n(16).f=Y,n(31).f=$,i&&!n(24)&&u(q,"propertyIsEnumerable",Y,!0),h.f=function(t){return z(d(t))}),a(a.G+a.W+a.F*!R,{Symbol:T});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var tt=w(d.store),et=0;tt.length>et;)v(tt[et++]);a(a.S+a.F*!R,"Symbol",{for:function(t){return r(H,t+="")?H[t]:H[t]=T(t)},keyFor:function(t){if(J(t))return m(H,t);throw TypeError(t+" is not a symbol!")},useSetter:function(){W=!0},useSimple:function(){W=!1}}),a(a.S+a.F*!R,"Object",{create:K,defineProperty:G,defineProperties:Q,getOwnPropertyDescriptor:Z,getOwnPropertyNames:X,getOwnPropertySymbols:$}),k&&a(a.S+a.F*(!R||c(function(){var t=T();return"[null]"!=A([t])||"{}"!=A({a:t})||"{}"!=A(Object(t))})),"JSON",{stringify:function(t){if(void 0!==t&&!J(t)){for(var e,n,o=[t],r=1;arguments.length>r;)o.push(arguments[r++]);return e=o[1],"function"==typeof e&&(n=e),!n&&_(e)||(e=function(t,e){if(n&&(e=n.call(this,t,e)),!J(e))return e}),o[1]=e,A.apply(k,o)}}}),T.prototype[I]||n(7)(T.prototype,I,T.prototype.valueOf),l(T,"Symbol"),l(Math,"Math",!0),l(o.JSON,"JSON",!0)},function(t,e,n){var o=n(14)("meta"),r=n(12),i=n(2),a=n(4).f,u=0,s=Object.isExtensible||function(){return!0},c=!n(8)(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,o,{value:{i:"O"+ ++u,w:{}}})},l=function(t,e){if(!r(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,o)){if(!s(t))return"F";if(!e)return"E";f(t)}return t[o].i},p=function(t,e){if(!i(t,o)){if(!s(t))return!0;if(!e)return!1;f(t)}return t[o].w},d=function(t){return c&&h.NEED&&s(t)&&!i(t,o)&&f(t),t},h=t.exports={KEY:o,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},function(t,e,n){var o=n(9),r=n(6);t.exports=function(t,e){for(var n,i=r(t),a=o(i),u=a.length,s=0;u>s;)if(i[n=a[s++]]===e)return n}},function(t,e,n){var o=n(9),r=n(31),i=n(16);t.exports=function(t){var e=o(t),n=r.f;if(n)for(var a,u=n(t),s=i.f,c=0;u.length>c;)s.call(t,a=u[c++])&&e.push(a);return e}},function(t,e,n){var o=n(44);t.exports=Array.isArray||function(t){return"Array"==o(t)}},function(t,e,n){var o=n(6),r=n(45).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return r(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?u(t):r(o(t))}},function(t,e){},function(t,e,n){n(30)("asyncIterator")},function(t,e,n){n(30)("observable")},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var r=n(87),i=o(r),a=n(91),u=o(a),s=n(39),c=o(s);e.default=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+(void 0===e?"undefined":(0,c.default)(e)));t.prototype=(0,u.default)(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(i.default?(0,i.default)(t,e):t.__proto__=e)}},function(t,e,n){t.exports={default:n(88),__esModule:!0}},function(t,e,n){n(89),t.exports=n(0).Object.setPrototypeOf},function(t,e,n){var o=n(3);o(o.S,"Object",{setPrototypeOf:n(90).set})},function(t,e,n){var o=n(12),r=n(11),i=function(t,e){if(r(t),!o(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,o){try{o=n(35)(Function.call,n(46).f(Object.prototype,"__proto__").set,2),o(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:o(t,n),t}}({},!1):void 0),check:i}},function(t,e,n){t.exports={default:n(92),__esModule:!0}},function(t,e,n){n(93);var o=n(0).Object;t.exports=function(t,e){return o.create(t,e)}},function(t,e,n){var o=n(3);o(o.S,"Object",{create:n(26)})},function(t,e,n){n(95),t.exports=n(0).Object.keys},function(t,e,n){var o=n(13),r=n(9);n(34)("keys",function(){return function(t){return r(o(t))}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(47),r=n(48),i=n(49),a={findDOMNode:r.findDOMNode,createElement:o.createElement,render:r.render,Component:i.ReactClass};e.default=a},function(t,e,n){"use strict";function o(t,e){for(var n in e)if("children"!==n)if((0,f.isEventName)(n)){var o=n.slice(2).toLowerCase();p.event(t,e[n],o)}else"function"==typeof p[n]&&p[n](t,e[n])}function r(t,e,n){t.addEventListener?t.addEventListener(n,e,!1):t.attachEvent&&t.attachEvent("on"+n,e)}function i(t,e,n){var o=u(t,n),r=new l.SyntheticEvent(t);f.options.async=!0,a(r,o),console.log(r.type),f.options.async=!1;for(var i in f.options.dirtyComponent)f.options.dirtyComponent[i].updateComponent();f.options.dirtyComponent={}}function a(t,e){for(var n=0;n<e.length;n++){var o=e[n].__events;for(var r in o){var i=o[r];t.currentTarget=e[n],"function"==typeof i&&i.call(e[n],t)}}}function u(t,e){for(var n=[],o=(e||document,t.target);o.__events&&n.push(o),o=o.parentNode;);return n}Object.defineProperty(e,"__esModule",{value:!0}),e.mappingStrategy=void 0;var s=n(32),c=function(t){return t&&t.__esModule?t:{default:t}}(s);e.mapProp=o;var f=n(17),l=n(98),p=e.mappingStrategy={style:function(t,e){void 0!==e&&(0,c.default)(e).forEach(function(n){t.style[n]=e[n]})},event:function(t,e,n){var o=t.__events||{};o[n]=e,t.__events=o,r(document,i,n)},className:function(t,e){void 0!==e&&(t.className=e)},dangerouslySetInnerHTML:function(t,e){var n=t.innerHTML;e.__html!==n&&(t.innerHTML=e.__html)}}},function(t,e,n){"use strict";function o(t){if(t.nativeEvent)return t;for(var e in t)r[e]||(this[e]=t[e]);this.target||(this.target=t.srcElement),this.fixEvent(),this.timeStamp=new Date-0,this.nativeEvent=t}Object.defineProperty(e,"__esModule",{value:!0}),e.SyntheticEvent=o;var r=o.prototype={fixEvent:function(){},preventDefault:function(){var t=this.nativeEvent||{};t.returnValue=this.returnValue=!1,t.preventDefault&&t.preventDefault()},fixHooks:function(){},stopPropagation:function(){var t=this.nativeEvent||{};t.cancelBubble=this._stopPropagation=!0,t.stopPropagation&&t.stopPropagation()},persist:function(){},stopImmediatePropagation:function(){this.stopPropagation(),this.stopImmediate=!0},toString:function(){return"[object Event]"}}},function(t,e,n){n(100),t.exports=n(0).Object.assign},function(t,e,n){var o=n(3);o(o.S+o.F,"Object",{assign:n(101)})},function(t,e,n){"use strict";var o=n(9),r=n(31),i=n(16),a=n(13),u=n(43),s=Object.assign;t.exports=!s||n(8)(function(){var t={},e={},n=Symbol(),o="abcdefghijklmnopqrst";return t[n]=7,o.split("").forEach(function(t){e[t]=t}),7!=s({},t)[n]||Object.keys(s({},e)).join("")!=o})?function(t,e){for(var n=a(t),s=arguments.length,c=1,f=r.f,l=i.f;s>c;)for(var p,d=u(arguments[c++]),h=f?o(d).concat(f(d)):o(d),v=h.length,m=0;v>m;)l.call(d,p=h[m++])&&(n[p]=d[p]);return n}:s},function(t,e,n){"use strict";e.__esModule=!0;var o=n(50),r=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default=r.default||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t}}]);