anyproxy/web/page.js

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	__webpack_require__(2);
	var EventManager    = __webpack_require__(3),
		Anyproxy_wsUtil = __webpack_require__(4),
		React           = __webpack_require__(1);

	var WsIndicator = __webpack_require__(5).init(React),
		RecordPanel = __webpack_require__(6).init(React);

	var ifPause     = false,
	    recordSet   = [];

	//Event : wsGetUpdate
	//Event : recordSetUpdated
	//Event : wsOpen
	//Event : wsEnd
	var eventCenter = new EventManager();

	//invoke AnyProxy web socket util
	(function(){
		try{
			var ws = window.ws = new Anyproxy_wsUtil({
				baseUrl     : document.getElementById("baseUrl").value,
				port        : document.getElementById("socketPort").value,
				onOpen : function(){
					eventCenter.dispatchEvent("wsOpen");
				},
				onGetUpdate : function(content){
					eventCenter.dispatchEvent("wsGetUpdate",content);
				},
				onError     : function(e){
					eventCenter.dispatchEvent("wsEnd");
				},
				onClose     : function(e){
					eventCenter.dispatchEvent("wsEnd");
				}
			});
			window.ws = ws;
			
		}catch(e){
			alert("failed to invoking web socket on this browser");
		}
	})();


	//websocket status indicator
	(function(){
		var wsIndicator = React.render(
			React.createElement(WsIndicator, null),
			document.getElementById("J_indicatorEl")
		);

		eventCenter.addListener("wsOpen",function(){
			wsIndicator.setState({
				isValid : true
			});
		});

		eventCenter.addListener("wsEnd",function(){
			wsIndicator.setState({
				isValid : false
			});
		});	
	})();


	//record panel
	(function(){
		//merge : right --> left
		function util_merge(left,right){
		    for(var key in right){
		        left[key] = right[key];
		    }
		    return left;
		}

		function updateRecordSet(newRecord){
			if(ifPause) return;

			if(newRecord && newRecord.id){
				if(!recordSet[newRecord.id]){
					recordSet[newRecord.id] = newRecord;
				}else{
					util_merge(recordSet[newRecord.id],newRecord);
				}

				recordSet[newRecord.id]._justUpdated = true;
				// React.addons.Perf.start();
				eventCenter.dispatchEvent("recordSetUpdated");
				// React.addons.Perf.stop();
			}
		}
		eventCenter.addListener("wsGetUpdate",updateRecordSet);

		var Panel = React.render(
			React.createElement(RecordPanel, null),
			document.getElementById("J_content")
		);

		eventCenter.addListener('recordSetUpdated',function(){
			Panel.setState({
				list : recordSet
			});
		});
	})();


	//action bar
	(function(){
		function clearLogs(){
			recordSet = [];
			eventCenter.dispatchEvent("recordSetUpdated");
		}

		$(document).on("keyup",function(e){
			if(e.keyCode == 88 && e.ctrlKey){ // ctrl + x
				clearLogs();
			}
		});

		var clearLogBtn = $(".J_clearBtn");
		clearLogBtn.on("click",function(e){
			e.stopPropagation();
			e.preventDefault();
			clearLogs();
		});

		var statusBtn = $(".J_statusBtn");
		statusBtn.on("click",function(e){
			e.stopPropagation();
			e.preventDefault();

			$(".J_statusBtn").removeClass("btn_disable");
			$(this).addClass("btn_disable");

			if(/stop/i.test($(this).html()) ){
				ifPause = true;
			}else{
				ifPause = false;
			}
		});
	})();

/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {

	var require;var require;/**
	 * React v0.13.3
	 *
	 * Copyright 2013-2015, Facebook, Inc.
	 * All rights reserved.
	 *
	 * This source code is licensed under the BSD-style license found in the
	 * LICENSE file in the root directory of this source tree. An additional grant
	 * of patent rights can be found in the PATENTS file in the same directory.
	 *
	 */
	!function(e){if(true)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.React=e()}}(function(){return function e(t,n,r){function o(a,u){if(!n[a]){if(!t[a]){var s="function"==typeof require&&require;if(!u&&s)return require(a,!0);if(i)return i(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var c=n[a]={exports:{}};t[a][0].call(c.exports,function(e){var n=t[a][1][e];return o(n?n:e)},c,c.exports,e,t,n,r)}return n[a].exports}for(var i="function"==typeof require&&require,a=0;a<r.length;a++)o(r[a]);return o}({1:[function(e,t,n){"use strict";var r=e(19),o=e(32),i=e(34),a=e(33),u=e(38),s=e(39),l=e(55),c=(e(56),e(40)),p=e(51),d=e(54),f=e(64),h=e(68),m=e(73),v=e(76),g=e(79),y=e(82),C=e(27),E=e(115),b=e(142);d.inject();var _=l.createElement,x=l.createFactory,D=l.cloneElement,M=m.measure("React","render",h.render),N={Children:{map:o.map,forEach:o.forEach,count:o.count,only:b},Component:i,DOM:c,PropTypes:v,initializeTouchEvents:function(e){r.useTouchEvents=e},createClass:a.createClass,createElement:_,cloneElement:D,createFactory:x,createMixin:function(e){return e},constructAndRenderComponent:h.constructAndRenderComponent,constructAndRenderComponentByID:h.constructAndRenderComponentByID,findDOMNode:E,render:M,renderToString:y.renderToString,renderToStaticMarkup:y.renderToStaticMarkup,unmountComponentAtNode:h.unmountComponentAtNode,isValidElement:l.isValidElement,withContext:u.withContext,__spread:C};"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject&&__REACT_DEVTOOLS_GLOBAL_HOOK__.inject({CurrentOwner:s,InstanceHandles:f,Mount:h,Reconciler:g,TextComponent:p});N.version="0.13.3",t.exports=N},{115:115,142:142,19:19,27:27,32:32,33:33,34:34,38:38,39:39,40:40,51:51,54:54,55:55,56:56,64:64,68:68,73:73,76:76,79:79,82:82}],2:[function(e,t,n){"use strict";var r=e(117),o={componentDidMount:function(){this.props.autoFocus&&r(this.getDOMNode())}};t.exports=o},{117:117}],3:[function(e,t,n){"use strict";function r(){var e=window.opera;return"object"==typeof e&&"function"==typeof e.version&&parseInt(e.version(),10)<=12}function o(e){return(e.ctrlKey||e.altKey||e.metaKey)&&!(e.ctrlKey&&e.altKey)}function i(e){switch(e){case T.topCompositionStart:return P.compositionStart;case T.topCompositionEnd:return P.compositionEnd;case T.topCompositionUpdate:return P.compositionUpdate}}function a(e,t){return e===T.topKeyDown&&t.keyCode===b}function u(e,t){switch(e){case T.topKeyUp:return-1!==E.indexOf(t.keyCode);case T.topKeyDown:return t.keyCode!==b;case T.topKeyPress:case T.topMouseDown:case T.topBlur:return!0;default:return!1}}function s(e){var t=e.detail;return"object"==typeof t&&"data"in t?t.data:null}function l(e,t,n,r){var o,l;if(_?o=i(e):w?u(e,r)&&(o=P.compositionEnd):a(e,r)&&(o=P.compositionStart),!o)return null;M&&(w||o!==P.compositionStart?o===P.compositionEnd&&w&&(l=w.getData()):w=v.getPooled(t));var c=g.getPooled(o,n,r);if(l)c.data=l;else{var p=s(r);null!==p&&(c.data=p)}return h.accumulateTwoPhaseDispatches(c),c}function c(e,t){switch(e){case T.topCompositionEnd:return s(t);case T.topKeyPress:var n=t.which;return n!==N?null:(R=!0,I);case T.topTextInput:var r=t.data;return r===I&&R?null:r;default:return null}}function p(e,t){if(w){if(e===T.topCompositionEnd||u(e,t)){var n=w.getData();return v.release(w),w=null,n}return null}switch(e){case T.topPaste:return null;case T.topKeyPress:return t.which&&!o(t)?String.fromCharCode(t.which):null;case T.topCompositionEnd:return M?null:t.data;default:return null}}function d(e,t,n,r){var o;if(o=D?c(e,r):p(e,r),!o)return null;var i=y.getPooled(P.beforeInput,n,r);return i.data=o,h.accumulateTwoPhaseDispatches(i),i}var f=e(15),h=e(20),m=e(21),v=e(22),g=e(91),y=e(95),C=e(139),E=[9,13,27,32],b=229,_=m.canUseDOM&&"CompositionEvent"in window,x=null;m.canUseDOM&&"documentMode"in document&&(x=document.documentMode);var D=m.canUseDOM&&"TextEvent"in window&&!x&&!r(),M=m.canUseDOM&&(!_||x
	return v.ReactEventListener.trapBubbledEvent(e,t,n)},trapCapturedEvent:function(e,t,n){return v.ReactEventListener.trapCapturedEvent(e,t,n)},ensureScrollValueMonitoring:function(){if(!d){var e=s.refreshScrollValues;v.ReactEventListener.monitorScrollValue(e),d=!0}},eventNameDispatchConfigs:i.eventNameDispatchConfigs,registrationNameModules:i.registrationNameModules,putListener:i.putListener,getListener:i.getListener,deleteListener:i.deleteListener,deleteAllListeners:i.deleteAllListeners});t.exports=v},{102:102,134:134,15:15,17:17,18:18,27:27,59:59}],31:[function(e,t,n){"use strict";var r=e(79),o=e(116),i=e(132),a=e(147),u={instantiateChildren:function(e,t,n){var r=o(e);for(var a in r)if(r.hasOwnProperty(a)){var u=r[a],s=i(u,null);r[a]=s}return r},updateChildren:function(e,t,n,u){var s=o(t);if(!s&&!e)return null;var l;for(l in s)if(s.hasOwnProperty(l)){var c=e&&e[l],p=c&&c._currentElement,d=s[l];if(a(p,d))r.receiveComponent(c,d,n,u),s[l]=c;else{c&&r.unmountComponent(c,l);var f=i(d,null);s[l]=f}}for(l in e)!e.hasOwnProperty(l)||s&&s.hasOwnProperty(l)||r.unmountComponent(e[l]);return s},unmountChildren:function(e){for(var t in e){var n=e[t];r.unmountComponent(n)}}};t.exports=u},{116:116,132:132,147:147,79:79}],32:[function(e,t,n){"use strict";function r(e,t){this.forEachFunction=e,this.forEachContext=t}function o(e,t,n,r){var o=e;o.forEachFunction.call(o.forEachContext,t,r)}function i(e,t,n){if(null==e)return e;var i=r.getPooled(t,n);f(e,o,i),r.release(i)}function a(e,t,n){this.mapResult=e,this.mapFunction=t,this.mapContext=n}function u(e,t,n,r){var o=e,i=o.mapResult,a=!i.hasOwnProperty(n);if(a){var u=o.mapFunction.call(o.mapContext,t,r);i[n]=u}}function s(e,t,n){if(null==e)return e;var r={},o=a.getPooled(r,t,n);return f(e,u,o),a.release(o),d.create(r)}function l(e,t,n,r){return null}function c(e,t){return f(e,l,null)}var p=e(28),d=e(61),f=e(149),h=(e(150),p.twoArgumentPooler),m=p.threeArgumentPooler;p.addPoolingTo(r,h),p.addPoolingTo(a,m);var v={forEach:i,map:s,count:c};t.exports=v},{149:149,150:150,28:28,61:61}],33:[function(e,t,n){"use strict";function r(e,t){var n=D.hasOwnProperty(t)?D[t]:null;N.hasOwnProperty(t)&&y(n===_.OVERRIDE_BASE),e.hasOwnProperty(t)&&y(n===_.DEFINE_MANY||n===_.DEFINE_MANY_MERGED)}function o(e,t){if(t){y("function"!=typeof t),y(!d.isValidElement(t));var n=e.prototype;t.hasOwnProperty(b)&&M.mixins(e,t.mixins);for(var o in t)if(t.hasOwnProperty(o)&&o!==b){var i=t[o];if(r(n,o),M.hasOwnProperty(o))M[o](e,i);else{var a=D.hasOwnProperty(o),l=n.hasOwnProperty(o),c=i&&i.__reactDontBind,p="function"==typeof i,f=p&&!a&&!l&&!c;if(f)n.__reactAutoBindMap||(n.__reactAutoBindMap={}),n.__reactAutoBindMap[o]=i,n[o]=i;else if(l){var h=D[o];y(a&&(h===_.DEFINE_MANY_MERGED||h===_.DEFINE_MANY)),h===_.DEFINE_MANY_MERGED?n[o]=u(n[o],i):h===_.DEFINE_MANY&&(n[o]=s(n[o],i))}else n[o]=i}}}}function i(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in M;y(!o);var i=n in e;y(!i),e[n]=r}}}function a(e,t){y(e&&t&&"object"==typeof e&&"object"==typeof t);for(var n in t)t.hasOwnProperty(n)&&(y(void 0===e[n]),e[n]=t[n]);return e}function u(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return a(o,n),a(o,r),o}}function s(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function l(e,t){var n=t.bind(e);return n}function c(e){for(var t in e.__reactAutoBindMap)if(e.__reactAutoBindMap.hasOwnProperty(t)){var n=e.__reactAutoBindMap[t];e[t]=l(e,f.guard(n,e.constructor.displayName+"."+t))}}var p=e(34),d=(e(39),e(55)),f=e(58),h=e(65),m=e(66),v=(e(75),e(74),e(84)),g=e(27),y=e(133),C=e(138),E=e(139),b=(e(150),E({mixins:null})),_=C({DEFINE_ONCE:null,DEFINE_MANY:null,OVERRIDE_BASE:null,DEFINE_MANY_MERGED:null}),x=[],D={mixins:_.DEFINE_MANY,statics:_.DEFINE_MANY,propTypes:_.DEFINE_MANY,contextTypes:_.DEFINE_MANY,childContextTypes:_.DEFINE_MANY,getDefaultProps:_.DEFINE_MANY_MERGED,getInitialState:_.DEFINE_MANY_MERGED,getChildContext:_.DEFINE_MANY_MERGED,render:_.DEFINE_ONCE,componentWillMount:_.DEFINE_MANY,componentDidMount:_

	t.exports={inject:o}},{109:109,13:13,14:14,21:21,23:23,26:26,29:29,3:3,33:33,35:35,41:41,42:42,43:43,44:44,45:45,46:46,47:47,48:48,49:49,51:51,52:52,53:53,55:55,60:60,62:62,64:64,68:68,7:7,78:78,8:8,86:86,87:87,88:88,89:89}],55:[function(e,t,n){"use strict";var r=e(38),o=e(39),i=e(27),a=(e(150),{key:!0,ref:!0}),u=function(e,t,n,r,o,i){this.type=e,this.key=t,this.ref=n,this._owner=r,this._context=o,this.props=i};u.prototype={_isReactElement:!0},u.createElement=function(e,t,n){var i,s={},l=null,c=null;if(null!=t){c=void 0===t.ref?null:t.ref,l=void 0===t.key?null:""+t.key;for(i in t)t.hasOwnProperty(i)&&!a.hasOwnProperty(i)&&(s[i]=t[i])}var p=arguments.length-2;if(1===p)s.children=n;else if(p>1){for(var d=Array(p),f=0;p>f;f++)d[f]=arguments[f+2];s.children=d}if(e&&e.defaultProps){var h=e.defaultProps;for(i in h)"undefined"==typeof s[i]&&(s[i]=h[i])}return new u(e,l,c,o.current,r.current,s)},u.createFactory=function(e){var t=u.createElement.bind(null,e);return t.type=e,t},u.cloneAndReplaceProps=function(e,t){var n=new u(e.type,e.key,e.ref,e._owner,e._context,t);return n},u.cloneElement=function(e,t,n){var r,s=i({},e.props),l=e.key,c=e.ref,p=e._owner;if(null!=t){void 0!==t.ref&&(c=t.ref,p=o.current),void 0!==t.key&&(l=""+t.key);for(r in t)t.hasOwnProperty(r)&&!a.hasOwnProperty(r)&&(s[r]=t[r])}var d=arguments.length-2;if(1===d)s.children=n;else if(d>1){for(var f=Array(d),h=0;d>h;h++)f[h]=arguments[h+2];s.children=f}return new u(e.type,l,c,p,e._context,s)},u.isValidElement=function(e){var t=!(!e||!e._isReactElement);return t},t.exports=u},{150:150,27:27,38:38,39:39}],56:[function(e,t,n){"use strict";function r(){if(y.current){var e=y.current.getName();if(e)return" Check the render method of `"+e+"`."}return""}function o(e){var t=e&&e.getPublicInstance();if(!t)return void 0;var n=t.constructor;return n?n.displayName||n.name||void 0:void 0}function i(){var e=y.current;return e&&o(e)||void 0}function a(e,t){e._store.validated||null!=e.key||(e._store.validated=!0,s('Each child in an array or iterator should have a unique "key" prop.',e,t))}function u(e,t,n){D.test(e)&&s("Child objects should have non-numeric keys so ordering is preserved.",t,n)}function s(e,t,n){var r=i(),a="string"==typeof n?n:n.displayName||n.name,u=r||a,s=_[e]||(_[e]={});if(!s.hasOwnProperty(u)){s[u]=!0;var l="";if(t&&t._owner&&t._owner!==y.current){var c=o(t._owner);l=" It was passed a child from "+c+"."}}}function l(e,t){if(Array.isArray(e))for(var n=0;n<e.length;n++){var r=e[n];m.isValidElement(r)&&a(r,t)}else if(m.isValidElement(e))e._store.validated=!0;else if(e){var o=E(e);if(o){if(o!==e.entries)for(var i,s=o.call(e);!(i=s.next()).done;)m.isValidElement(i.value)&&a(i.value,t)}else if("object"==typeof e){var l=v.extractIfFragment(e);for(var c in l)l.hasOwnProperty(c)&&u(c,l[c],t)}}}function c(e,t,n,o){for(var i in t)if(t.hasOwnProperty(i)){var a;try{b("function"==typeof t[i]),a=t[i](n,i,e,o)}catch(u){a=u}a instanceof Error&&!(a.message in x)&&(x[a.message]=!0,r(this))}}function p(e,t){var n=t.type,r="string"==typeof n?n:n.displayName,o=t._owner?t._owner.getPublicInstance().constructor.displayName:null,i=e+"|"+r+"|"+o;if(!M.hasOwnProperty(i)){M[i]=!0;var a="";r&&(a=" <"+r+" />");var u="";o&&(u=" The element was created by "+o+".")}}function d(e,t){return e!==e?t!==t:0===e&&0===t?1/e===1/t:e===t}function f(e){if(e._store){var t=e._store.originalProps,n=e.props;for(var r in n)n.hasOwnProperty(r)&&(t.hasOwnProperty(r)&&d(t[r],n[r])||(p(r,e),t[r]=n[r]))}}function h(e){if(null!=e.type){var t=C.getComponentClassForElement(e),n=t.displayName||t.name;t.propTypes&&c(n,t.propTypes,e.props,g.prop),"function"==typeof t.getDefaultProps}}var m=e(55),v=e(61),g=e(75),y=(e(74),e(39)),C=e(71),E=e(124),b=e(133),_=(e(150),{}),x={},D=/^\d+$/,M={},N={checkAndWarnForMutatedProps:f,createElement:function(e,t,n){var r=m.createElement.apply(this,arguments);if(null==r)return r;for(var o=2;o<arguments.length;o++)l(arguments[o],e);return h(r),r},createFactory:function(e){var t=N.createElement.bind(null,e);return t.type=e,t},cloneElement:function(e,t,n){for(var r=m.cloneElement.apply(t
	}},m=null,v=null,g=null,y=!1,C={eventTypes:h,extractEvents:function(e,t,n,r){switch(e){case f.topFocus:(c(t)||"true"===t.contentEditable)&&(m=t,v=n,g=null);break;case f.topBlur:m=null,v=null,g=null;break;case f.topMouseDown:y=!0;break;case f.topContextMenu:case f.topMouseUp:return y=!1,o(r);case f.topSelectionChange:case f.topKeyDown:case f.topKeyUp:return o(r)}}};t.exports=C},{119:119,136:136,139:139,146:146,15:15,20:20,63:63,93:93}],88:[function(e,t,n){"use strict";var r=Math.pow(2,53),o={createReactRootIndex:function(){return Math.ceil(Math.random()*r)}};t.exports=o},{}],89:[function(e,t,n){"use strict";var r=e(15),o=e(19),i=e(20),a=e(90),u=e(93),s=e(94),l=e(96),c=e(97),p=e(92),d=e(98),f=e(99),h=e(100),m=e(120),v=e(133),g=e(139),y=(e(150),r.topLevelTypes),C={blur:{phasedRegistrationNames:{bubbled:g({onBlur:!0}),captured:g({onBlurCapture:!0})}},click:{phasedRegistrationNames:{bubbled:g({onClick:!0}),captured:g({onClickCapture:!0})}},contextMenu:{phasedRegistrationNames:{bubbled:g({onContextMenu:!0}),captured:g({onContextMenuCapture:!0})}},copy:{phasedRegistrationNames:{bubbled:g({onCopy:!0}),captured:g({onCopyCapture:!0})}},cut:{phasedRegistrationNames:{bubbled:g({onCut:!0}),captured:g({onCutCapture:!0})}},doubleClick:{phasedRegistrationNames:{bubbled:g({onDoubleClick:!0}),captured:g({onDoubleClickCapture:!0})}},drag:{phasedRegistrationNames:{bubbled:g({onDrag:!0}),captured:g({onDragCapture:!0})}},dragEnd:{phasedRegistrationNames:{bubbled:g({onDragEnd:!0}),captured:g({onDragEndCapture:!0})}},dragEnter:{phasedRegistrationNames:{bubbled:g({onDragEnter:!0}),captured:g({onDragEnterCapture:!0})}},dragExit:{phasedRegistrationNames:{bubbled:g({onDragExit:!0}),captured:g({onDragExitCapture:!0})}},dragLeave:{phasedRegistrationNames:{bubbled:g({onDragLeave:!0}),captured:g({onDragLeaveCapture:!0})}},dragOver:{phasedRegistrationNames:{bubbled:g({onDragOver:!0}),captured:g({onDragOverCapture:!0})}},dragStart:{phasedRegistrationNames:{bubbled:g({onDragStart:!0}),captured:g({onDragStartCapture:!0})}},drop:{phasedRegistrationNames:{bubbled:g({onDrop:!0}),captured:g({onDropCapture:!0})}},focus:{phasedRegistrationNames:{bubbled:g({onFocus:!0}),captured:g({onFocusCapture:!0})}},input:{phasedRegistrationNames:{bubbled:g({onInput:!0}),captured:g({onInputCapture:!0})}},keyDown:{phasedRegistrationNames:{bubbled:g({onKeyDown:!0}),captured:g({onKeyDownCapture:!0})}},keyPress:{phasedRegistrationNames:{bubbled:g({onKeyPress:!0}),captured:g({onKeyPressCapture:!0})}},keyUp:{phasedRegistrationNames:{bubbled:g({onKeyUp:!0}),captured:g({onKeyUpCapture:!0})}},load:{phasedRegistrationNames:{bubbled:g({onLoad:!0}),captured:g({onLoadCapture:!0})}},error:{phasedRegistrationNames:{bubbled:g({onError:!0}),captured:g({onErrorCapture:!0})}},mouseDown:{phasedRegistrationNames:{bubbled:g({onMouseDown:!0}),captured:g({onMouseDownCapture:!0})}},mouseMove:{phasedRegistrationNames:{bubbled:g({onMouseMove:!0}),captured:g({onMouseMoveCapture:!0})}},mouseOut:{phasedRegistrationNames:{bubbled:g({onMouseOut:!0}),captured:g({onMouseOutCapture:!0})}},mouseOver:{phasedRegistrationNames:{bubbled:g({onMouseOver:!0}),captured:g({onMouseOverCapture:!0})}},mouseUp:{phasedRegistrationNames:{bubbled:g({onMouseUp:!0}),captured:g({onMouseUpCapture:!0})}},paste:{phasedRegistrationNames:{bubbled:g({onPaste:!0}),captured:g({onPasteCapture:!0})}},reset:{phasedRegistrationNames:{bubbled:g({onReset:!0}),captured:g({onResetCapture:!0})}},scroll:{phasedRegistrationNames:{bubbled:g({onScroll:!0}),captured:g({onScrollCapture:!0})}},submit:{phasedRegistrationNames:{bubbled:g({onSubmit:!0}),captured:g({onSubmitCapture:!0})}},touchCancel:{phasedRegistrationNames:{bubbled:g({onTouchCancel:!0}),captured:g({onTouchCancelCapture:!0})}},touchEnd:{phasedRegistrationNames:{bubbled:g({onTouchEnd:!0}),captured:g({onTouchEndCapture:!0})}},touchMove:{phasedRegistrationNames:{bubbled:g({onTouchMove:!0}),captured:g({onTouchMoveCapture:!0})}},touchStart:{phasedRegistrationNames:{bubbled:g({onTouchStart:!0}),captured:g({onTouchStartCapture:!0})}},wheel:{phasedRegistrationNames:{bubbled:g({onWheel:!0}),captu

/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {

	/* Zepto v1.1.6 - zepto event ajax form ie - zeptojs.com/license */
	var Zepto=function(){function L(t){return null==t?String(t):j[S.call(t)]||"object"}function Z(t){return"function"==L(t)}function _(t){return null!=t&&t==t.window}function $(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function D(t){return"object"==L(t)}function M(t){return D(t)&&!_(t)&&Object.getPrototypeOf(t)==Object.prototype}function R(t){return"number"==typeof t.length}function k(t){return s.call(t,function(t){return null!=t})}function z(t){return t.length>0?n.fn.concat.apply([],t):t}function F(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function q(t){return t in f?f[t]:f[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function H(t,e){return"number"!=typeof e||c[F(t)]?e:e+"px"}function I(t){var e,n;return u[t]||(e=a.createElement(t),a.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),u[t]=n),u[t]}function V(t){return"children"in t?o.call(t.children):n.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function B(n,i,r){for(e in i)r&&(M(i[e])||A(i[e]))?(M(i[e])&&!M(n[e])&&(n[e]={}),A(i[e])&&!A(n[e])&&(n[e]=[]),B(n[e],i[e],r)):i[e]!==t&&(n[e]=i[e])}function U(t,e){return null==e?n(t):n(t).filter(e)}function J(t,e,n,i){return Z(e)?e.call(t,n,i):e}function X(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function W(e,n){var i=e.className||"",r=i&&i.baseVal!==t;return n===t?r?i.baseVal:i:void(r?i.baseVal=n:e.className=n)}function Y(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?n.parseJSON(t):t):t}catch(e){return t}}function G(t,e){e(t);for(var n=0,i=t.childNodes.length;i>n;n++)G(t.childNodes[n],e)}var t,e,n,i,C,N,r=[],o=r.slice,s=r.filter,a=window.document,u={},f={},c={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},l=/^\s*<(\w+|!)[^>]*>/,h=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,p=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,d=/^(?:body|html)$/i,m=/([A-Z])/g,g=["val","css","html","text","data","width","height","offset"],v=["after","prepend","before","append"],y=a.createElement("table"),x=a.createElement("tr"),b={tr:a.createElement("tbody"),tbody:y,thead:y,tfoot:y,td:x,th:x,"*":a.createElement("div")},w=/complete|loaded|interactive/,E=/^[\w-]*$/,j={},S=j.toString,T={},O=a.createElement("div"),P={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},A=Array.isArray||function(t){return t instanceof Array};return T.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var i,r=t.parentNode,o=!r;return o&&(r=O).appendChild(t),i=~T.qsa(r,e).indexOf(t),o&&O.removeChild(t),i},C=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},N=function(t){return s.call(t,function(e,n){return t.indexOf(e)==n})},T.fragment=function(e,i,r){var s,u,f;return h.test(e)&&(s=n(a.createElement(RegExp.$1))),s||(e.replace&&(e=e.replace(p,"<$1></$2>")),i===t&&(i=l.test(e)&&RegExp.$1),i in b||(i="*"),f=b[i],f.innerHTML=""+e,s=n.each(o.call(f.childNodes),function(){f.removeChild(this)})),M(r)&&(u=n(s),n.each(r,function(t,e){g.indexOf(t)>-1?u[t](e):u.attr(t,e)})),s},T.Z=function(t,e){return t=t||[],t.__proto__=n.fn,t.selector=e||"",t},T.isZ=function(t){return t instanceof T.Z},T.init=function(e,i){var r;if(!e)return T.Z();if("string"==typeof e)if(e=e.trim(),"<"==e[0]&&l.test(e))r=T.fragment(e,RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}else{if(Z(e))return n(a).ready(e);if(T.isZ(e))return e;if(A(e))r=k(e);else if(D(e))r=[e],e=null;else if(l.test(e))r=T.fragment(e.trim(),RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}}return T.Z(r,e)},n=function(t,e){return T.init(t,e)},n.extend=function

/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {

	//Ref : http://jsfiddle.net/JxYca/3/
	var EventManager = function() {
	    this.initialize();
	};
	EventManager.prototype = {
	    initialize: function() {
	        //declare listeners as an object
	        this.listeners = {};
	    },
	    // public methods
	    addListener: function(event, fn) {
	        if (!this.listeners[event]) {
	            this.listeners[event] = [];
	        }
	        if (fn instanceof Function) {
	            this.listeners[event].push(fn);
	        }
	        return this;
	    },
	    dispatchEvent: function(event, params) {
	        // loop through listeners array
	        for (var index = 0, l = this.listeners[event].length; index < l; index++) {
	            // execute matching 'event' - loop through all indices and
	            // when ev is found, execute
	            this.listeners[event][index].call(window, params);
	        }
	    },
	    removeListener: function(event, fn) {
	        // split array 1 item after our listener
	        // shorten to remove it
	        // join the two arrays back together
	        if (this.listeners[event]) {
	            for (var i = 0, l = this.listners[event].length; i < l; i++) {
	                if (this.listners[event][i] === fn) {
	                    this.listners[event].slice(i, 1);
	                    break;
	                }
	            }
	        }
	    }
	};

	module.exports = EventManager;

/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {

	/*
	web socket util for AnyProxy
	https://github.com/alibaba/anyproxy
	*/

	/*
	{
		baseUrl : ""
	}
	config
	config.baseUrl
	config.port
	config.onOpen
	config.onClose
	config.onError
	config.onGetData
	config.onGetUpdate
	config.onGetBody
	config.onError
	*/
	function anyproxy_wsUtil(config){
		config = config || {};
		if(!WebSocket){
			throw (new Error("webSocket is not available on this browser"));
		}

		var self = this;
		var baseUrl    = config.baseUrl || "127.0.0.1",
			socketPort = config.port || 8003;

		var dataSocket = new WebSocket("ws://" + baseUrl + ":" + socketPort);

		self.bodyCbMap = {};
		dataSocket.onmessage = function(event){
			config.onGetData && config.onGetData.call(self,event.data);

			try{
				var data    = JSON.parse(event.data),
					type    = data.type,
					content = data.content,
					reqRef  = data.reqRef;
			}catch(e){
				config.onError && config.onError.call(self, new Error("failed to parse socket data - " + e.toString()) );
			}

			if(type == "update"){
				config.onGetUpdate && config.onGetUpdate.call(self, content);

			}else if(type == "body"){
				config.onGetBody && config.onGetBody.call(self, content, reqRef);

				if(data.reqRef && self.bodyCbMap[reqRef]){
					self.bodyCbMap[reqRef].call(self,content);
				}
			}
		}

		dataSocket.onopen = function(e){
			config.onOpen && config.onOpen.call(self,e);
		}
		dataSocket.onclose = function(e){
			config.onClose && config.onClose.call(self,e);
		}
		dataSocket.onerror = function(e){
			config.onError && config.onError.call(self,e);
		}

		self.dataSocket = dataSocket;
	};

	anyproxy_wsUtil.prototype.send = function(data){
		if(typeof data == "object"){
			data = JSON.stringify(data);
		}
		this.dataSocket.send(data);
	};

	anyproxy_wsUtil.prototype.reqBody = function(id,callback){
		if(!id) return;

		var payload = {
			type   : "reqBody",
			id     : id
		};
		if(callback){
			var reqRef = "r_" + Math.random()*100 + "_" + (new Date().getTime());
			payload.reqRef = reqRef;
			this.bodyCbMap[reqRef] = callback;
		}
		this.send(payload);
	};

	if(true){
		module.exports = anyproxy_wsUtil;
	}

/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {

	function init(React){
		var WsIndicator = React.createClass({displayName: "WsIndicator",
			getInitialState:function(){
				return {
					isValid: false
				}
			},
			render:function(){
				return (
					React.createElement("img", {className: "logo_bottom anim_rotation", src: "https://t.alipayobjects.com/images/rmsweb/T1P_dfXa8oXXXXXXXX.png", width: "50", height: "50", style: {display: this.state.isValid ?"block" : "none"}})
				);
			}
		});

		return WsIndicator;
	}

	module.exports.init = init;

/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {

	function init(React){
		var RecordRow   = __webpack_require__(7).init(React);

		var RecordPanel = React.createClass({displayName: "RecordPanel",
			getInitialState : function(){
				return {
					list : []
				};
			},
			render : function(){
				var rowCollection = [];
				for(var i = this.state.list.length-1 ; i >=0 ; i--){
					var item = this.state.list[i];
					if(item){

						if(item._justUpdated){
							item._justUpdated = false;
							item._needRender  = true;
						}else{
							item._needRender  = false;
						}

						rowCollection.push(React.createElement(RecordRow, {key: item.id, data: item}));
					}
				}

				return (
					React.createElement("table", {className: "uk-table uk-table-condensed uk-table-hover"}, 
						React.createElement("thead", null, 
							React.createElement("tr", null, 
								React.createElement("th", {className: "col_id"}, "id"), 
								React.createElement("th", {className: "col_method"}, "method"), 
								React.createElement("th", {className: "col_code"}, "code"), 
								React.createElement("th", {className: "col_host"}, "host"), 
								React.createElement("th", {className: "col_path"}, "path"), 
								React.createElement("th", {className: "col_mime"}, "mime type"), 
								React.createElement("th", {className: "col_time"}, "time")
							)
						), 
						React.createElement("tbody", null, 
							rowCollection
						)
					)
				);
			}
		});

		return RecordPanel;
	}

	module.exports.init = init;

/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {

	function init(React){
		var DetailPanel = __webpack_require__(8).init(React);

		$("body").append('<div id="J_detailPanel"></div>');
		var detail = React.render(
			React.createElement(DetailPanel, null),
			document.getElementById("J_detailPanel")
		);

		function dateFormat(date,fmt) {
		    var o = {
		        "M+": date.getMonth() + 1, //月份 
		        "d+": date.getDate(), //日 
		        "h+": date.getHours(), //小时 
		        "m+": date.getMinutes(), //分 
		        "s+": date.getSeconds(), //秒 
		        "q+": Math.floor((date.getMonth() + 3) / 3), //季度 
		        "S" : date.getMilliseconds() //毫秒 
		    };
		    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
		    for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
		    return fmt;
		}

		var RecordRow = React.createClass({displayName: "RecordRow",
			getInitialState : function(){
				return null;
			},
			handleClick:function(e){
				detail.setState({
					data : this.props.data,
					show : true
				});
			},
			render : function(){
				var trClassesArr = [],
					trClasses;
				if(this.props.data.statusCode){
					trClassesArr.push("record_status_done");
				}

				trClassesArr.push( ((Math.floor(this.props.data._id /2) - this.props.data._id /2) == 0)? "row_even" : "row_odd" );
				trClasses = trClassesArr.join(" ");

				var dateStr = dateFormat(new Date(this.props.data.startTime),"hh:mm:ss");

				return(
					React.createElement("tr", {className: trClasses, onClick: this.handleClick}, 
						React.createElement("td", {className: "data_id"}, this.props.data._id), 
						React.createElement("td", null, this.props.data.method, " ", React.createElement("span", {className: "protocol protocol_" + this.props.data.protocol, title: "https"}, React.createElement("i", {className: "uk-icon-lock"})), " "), 
						React.createElement("td", {className: "http_status http_status_" + this.props.data.statusCode}, this.props.data.statusCode), 
						React.createElement("td", {title: this.props.data.host}, this.props.data.host), 
						React.createElement("td", {title: this.props.data.path}, this.props.data.path), 
						React.createElement("td", null, this.props.data.mime), 
						React.createElement("td", null, dateStr)
					)
				);
			},
			shouldComponentUpdate:function(nextPros){
				return nextPros.data._needRender;
			},
			componentDidUpdate:function(){},
			componentWillUnmount:function(){}
		});

		return RecordRow;

	}

	module.exports.init = init;

/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {

	function init(React){

		function dragableBar(initX,cb){
			var self     = this,
				dragging = true;

			var ghostbar = $('<div class="ghostbar"></div>').css("left",initX).prependTo('body');

			$(document).mousemove(function(e){
				e.preventDefault();
				ghostbar.css("left",e.pageX + "px");
			});

			$(document).mouseup(function(e){
				if(!dragging) return;

				dragging = false;

				var deltaPageX = e.pageX - initX;
				cb && cb.call(null,{
					delta  : deltaPageX,
					finalX : e.pageX
				});
				
				ghostbar.remove();
				$(document).unbind('mousemove');
			});	
		}
		
		var DetailPanel = React.createClass({displayName: "DetailPanel",
			getInitialState : function(){
				return {
					show : false,
					data : {},
					body : {id : -1, content : null},
					left : "35%"
				};
			},
			componentDidMount:function(){
				var self = this;
				$(document).on("keyup",function(e){
					if(e.keyCode == 27){ //ESC
						self.setState({
							show : false
						});
					}
				});
			},
			setHide:function(){
				this.setState({
					show : false
				});
			},
			setShow:function(ifShow){
				this.setState({
					show : true
				});
			},
			loadBody:function(){
				var self = this,
				    id   = self.state.data.id;
				if(!id) return;

				ws.reqBody(id,function(content){
					if(content.id == self.state.data.id){
						self.setState({
							body : content
						});
					}
				});
			},
			dealDrag:function(){
				var self    = this,
					leftVal = $(React.findDOMNode(this.refs.mainOverlay)).css("left");
				dragableBar(leftVal, function(data){
					if(data && data.finalX){
						if(window.innerWidth - data.finalX < 200){
							data.finalX = window.innerWidth - 200;
						}
						self.setState({
							left : data.finalX + "px"
						});
					}
				});
			},
			render : function(){
				var reqHeaderSection = [],
					resHeaderSection = [],
					summarySection,
					detailSection,
					bodyContent;

				if(this.state.data.reqHeader){
					for(var key in this.state.data.reqHeader){
						reqHeaderSection.push(React.createElement("li", {key: "reqHeader_" + key}, React.createElement("strong", null, key), " : ", this.state.data.reqHeader[key]))
					}
				}

				summarySection = (
					React.createElement("div", null, 
						React.createElement("section", {className: "req"}, 
							React.createElement("h4", {className: "subTitle"}, "request"), 
							React.createElement("div", {className: "detail"}, 
								React.createElement("ul", {className: "uk-list"}, 
								    React.createElement("li", null, this.state.data.method, " ", React.createElement("span", {title: "{this.state.data.path}"}, this.state.data.path), " HTTP/1.1"), 
								    reqHeaderSection
								)
							)
						), 
						
						React.createElement("section", {className: "reqBody"}, 
							React.createElement("h4", {className: "subTitle"}, "request body"), 
							React.createElement("div", {className: "detail"}, 
								React.createElement("p", null, this.state.data.reqBody)
							)
						)
					)
				);

				if(this.state.data.statusCode){

					if(this.state.body.id == this.state.data.id){
						bodyContent = (React.createElement("pre", {className: "resBodyContent"}, this.state.body.body));
					}else{
						bodyContent = null;
						this.loadBody();
					}

					if(this.state.data.resHeader){
						for(var key in this.state.data.resHeader){
							resHeaderSection.push(React.createElement("li", {key: "resHeader_" + key}, React.createElement("strong", null, key), " : ", this.state.data.resHeader[key]))
						}
					}

					detailSection = (
						React.createElement("div", null, 
							React.createElement("section", {className: "resHeader"}, 
								React.createElement("h4", {className: "subTitle"}, "response header"), 
								React.createElement("div", {className: "detail"}, 
									React.createElement("ul", {className: "uk-list"}, 
									    React.createElement("li", null, "HTTP/1.1 ", React.createElement("span", {className: "http_status http_status_" + this.state.data.statusCode}, this.state.data.statusCode)), 
									    resHeaderSection
									)
								)
							), 
							
							React.createElement("section", {className: "resBody"}, 
								React.createElement("h4", {className: "subTitle"}, "response body"), 
								React.createElement("div", {className: "detail"}, bodyContent)
							)
						)
					);
				}

				return (
					React.createElement("div", {style: {display:this.state.show ? "block" :"none"}}, 
						React.createElement("div", {className: "overlay_mask", onClick: this.setHide}), 
						React.createElement("div", {className: "recordDetailOverlay", ref: "mainOverlay", style: {left: this.state.left}}, 
							React.createElement("div", {className: "dragbar", onMouseDown: this.dealDrag}), 
							React.createElement("span", {className: "escBtn", onClick: this.setHide}, "Close (ESC)"), 
							React.createElement("div", null, 
								summarySection, 
								detailSection
							)
						)
					)
				);
			}
		});

		return DetailPanel;	
	}

	module.exports.init = init;

/***/ }
/******/ ]);