Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-26 10:16:27 +00:00
Code Issues Projects Releases Wiki Activity

More conversions to browserify

Browse Source
This commit is contained in:
Aldo Cortesi 2014-12-30 22:12:26 +13:00
parent b847faf37f
commit 2152d4dd92
6 changed files with 463 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

448
libmproxy/web/static/app.js
View File

File diff suppressed because one or more lines are too long

5
web/src/js/actions.js
View File

@ -112,6 +112,9 @@ Query = {
module.exports = {
ActionTypes: ActionTypes,
ConnectionActions: ConnectionActions
ConnectionActions: ConnectionActions,
FlowActions: FlowActions,
StoreCmds: StoreCmds
};

38
web/src/js/components/flowdetail.jsx.js
View File

@ -1,3 +1,11 @@
var React = require("react");
var _ = require("lodash");
var utils = require("./utils.jsx.js");
var actions = require("../actions.js");
var flowutils = require("../flow/utils.js");
var toputils = require("../utils.js");
var NavAction = React.createClass({
onClick: function (e) {
e.preventDefault();
@ -34,19 +42,19 @@ var FlowDetailNav = React.createClass({
var acceptButton = null;
if(flow.intercepted){
acceptButton = <NavAction title="[a]ccept intercepted flow" icon="fa-play" onClick={FlowActions.accept.bind(null, flow)} />;
acceptButton = <NavAction title="[a]ccept intercepted flow" icon="fa-play" onClick={actions.FlowActions.accept.bind(null, flow)} />;
}
var revertButton = null;
if(flow.modified){
revertButton = <NavAction title="revert changes to flow [V]" icon="fa-history" onClick={FlowActions.revert.bind(null, flow)} />;
revertButton = <NavAction title="revert changes to flow [V]" icon="fa-history" onClick={actions.FlowActions.revert.bind(null, flow)} />;
}
return (
<nav ref="head" className="nav-tabs nav-tabs-sm">
{tabs}
<NavAction title="[d]elete flow" icon="fa-trash" onClick={FlowActions.delete.bind(null, flow)} />
<NavAction title="[D]uplicate flow" icon="fa-copy" onClick={FlowActions.duplicate.bind(null, flow)} />
<NavAction disabled title="[r]eplay flow" icon="fa-repeat" onClick={FlowActions.replay.bind(null, flow)} />
<NavAction title="[d]elete flow" icon="fa-trash" onClick={actions.FlowActions.delete.bind(null, flow)} />
<NavAction title="[D]uplicate flow" icon="fa-copy" onClick={actions.FlowActions.duplicate.bind(null, flow)} />
<NavAction disabled title="[r]eplay flow" icon="fa-repeat" onClick={actions.FlowActions.replay.bind(null, flow)} />
{acceptButton}
{revertButton}
</nav>
@ -79,12 +87,12 @@ var FlowDetailRequest = React.createClass({
var flow = this.props.flow;
var first_line = [
flow.request.method,
RequestUtils.pretty_url(flow.request),
flowutils.RequestUtils.pretty_url(flow.request),
"HTTP/" + flow.request.httpversion.join(".")
].join(" ");
var content = null;
if (flow.request.contentLength > 0) {
content = "Request Content Size: " + formatSize(flow.request.contentLength);
content = "Request Content Size: " + toputils.formatSize(flow.request.contentLength);
} else {
content = <div className="alert alert-info">No Content</div>;
}
@ -112,7 +120,7 @@ var FlowDetailResponse = React.createClass({
].join(" ");
var content = null;
if (flow.response.contentLength > 0) {
content = "Response Content Size: " + formatSize(flow.response.contentLength);
content = "Response Content Size: " + toputils.formatSize(flow.response.contentLength);
} else {
content = <div className="alert alert-info">No Content</div>;
}
@ -138,7 +146,7 @@ var FlowDetailError = React.createClass({
<div className="alert alert-warning">
{flow.error.msg}
<div>
<small>{ formatTimeStamp(flow.error.timestamp) }</small>
<small>{ toputils.formatTimeStamp(flow.error.timestamp) }</small>
</div>
</div>
</section>
@ -154,11 +162,11 @@ var TimeStamp = React.createClass({
return <tr></tr>;
}
var ts = formatTimeStamp(this.props.t);
var ts = toputils.formatTimeStamp(this.props.t);
var delta;
if (this.props.deltaTo) {
delta = formatTimeDelta(1000 * (this.props.t - this.props.deltaTo));
delta = toputils.formatTimeDelta(1000 * (this.props.t - this.props.deltaTo));
delta = <span className="text-muted">{"(" + delta + ")"}</span>;
} else {
delta = null;
@ -329,7 +337,7 @@ var allTabs = {
};
var FlowDetail = React.createClass({
mixins: [StickyHeadMixin, Navigation, State],
mixins: [utils.StickyHeadMixin, utils.Navigation, utils.State],
getTabs: function (flow) {
var tabs = [];
["request", "response", "error"].forEach(function (e) {
@ -384,4 +392,8 @@ var FlowDetail = React.createClass({
</div>
);
}
});
});
module.exports = {
FlowDetail: FlowDetail
};

5
web/src/js/components/mainview.jsx.js
View File

@ -4,6 +4,7 @@ var utils = require("./utils.jsx.js");
var views = require("../store/view.js");
var Filt = require("../filt/filt.js");
FlowTable = require("./flowtable.jsx.js");
var flowdetail = require("./flowdetail.jsx.js");
var MainView = React.createClass({
@ -208,8 +209,8 @@ var MainView = React.createClass({
var details;
if (selected) {
details = [
<Splitter key="splitter"/>,
<FlowDetail key="flowDetails" ref="flowDetails" flow={selected}/>
<utils.Splitter key="splitter"/>,
<flowdetail.FlowDetail key="flowDetails" ref="flowDetails" flow={selected}/>
];
} else {
details = null;

4
web/src/js/flow/utils.js
View File

@ -60,5 +60,7 @@ var ResponseUtils = _.extend(_MessageUtils, {});
module.exports = {
ResponseUtils: ResponseUtils
ResponseUtils: ResponseUtils,
RequestUtils: RequestUtils
}

2
web/src/js/store/store.js
View File

@ -91,7 +91,7 @@ _.extend(LiveStoreMixin.prototype, {
return this.fetch();
}
if (event.type === this.type) {
if (event.cmd === StoreCmds.RESET) {
if (event.cmd === actions.StoreCmds.RESET) {
this.fetch(event.data);
} else if (this._updates_before_fetch) {
console.log("defer update", event);