} else {
object[PARAMS_POST_PAYLOAD] = {
EDITOR_CONFIG: {
text: postData,
mode: mimeType.replace(/;.+/, ""),
},
};
}
} else {
postData = "";
}
return (
div({ className: "panel-container" },
PropertiesView({
object,
filterPlaceHolder: PARAMS_FILTER_TEXT,
sectionNames: SECTION_NAMES,
openLink,
})
)
);
}
}
module.exports = connect(null,
(dispatch) => ({
updateRequest: (id, data, batch) => dispatch(Actions.updateRequest(id, data, batch)),
}),
)(ParamsPanel);
focusInput: serviceContainer.focusInput,
evaluateInput: serviceContainer.evaluateInput,
initialValue: reverseSearchInitialValue,
})
),
SideBar({
serviceContainer,
}),
ConfirmDialog({
webConsoleUI,
serviceContainer,
codeMirrorEnabled: jstermCodeMirror,
}),
)
);
}
}
const mapStateToProps = state => ({
notifications: getAllNotifications(state),
reverseSearchInputVisible: state.ui.reverseSearchInputVisible,
reverseSearchInitialValue: state.ui.reverseSearchInitialValue,
editorMode: state.ui.editor,
});
const mapDispatchToProps = dispatch => ({
dispatch,
});
module.exports = connect(mapStateToProps, mapDispatchToProps)(App);
title: TOOLTIP_FINISH,
}, finishText),
DOMContentLoaded > -1 &&
div({
className: "status-bar-label dom-content-loaded",
title: TOOLTIP_DOM_CONTENT_LOADED,
}, `DOMContentLoaded: ${getFormattedTime(DOMContentLoaded)}`),
load > -1 &&
div({
className: "status-bar-label load",
title: TOOLTIP_LOAD,
}, `load: ${getFormattedTime(load)}`),
)
);
}
}
module.exports = connect(
(state) => ({
summary: getDisplayedRequestsSummary(state),
timingMarkers: {
DOMContentLoaded:
getDisplayedTimingMarker(state, "firstDocumentDOMContentLoadedTimestamp"),
load: getDisplayedTimingMarker(state, "firstDocumentLoadTimestamp"),
},
}),
(dispatch, props) => ({
openStatistics: () => dispatch(Actions.openStatistics(props.connector, true)),
}),
)(StatusBar);
}
}
function scrollToBottom(node) {
node.scrollTop = node.scrollHeight;
}
function isScrolledToBottom(outputNode, scrollNode) {
const lastNodeHeight = outputNode.lastChild ?
outputNode.lastChild.clientHeight : 0;
return scrollNode.scrollTop + scrollNode.clientHeight >=
scrollNode.scrollHeight - lastNodeHeight / 2;
}
function mapStateToProps(state, props) {
return {
initialized: state.ui.initialized,
pausedExecutionPoint: getPausedExecutionPoint(state),
messages: getAllMessagesById(state),
visibleMessages: getVisibleMessages(state),
messagesUi: getAllMessagesUiById(state),
messagesTableData: getAllMessagesTableDataById(state),
messagesRepeat: getAllRepeatById(state),
networkMessagesUpdate: getAllNetworkMessagesUpdateById(state),
timestampsVisible: state.ui.timestampsVisible,
networkMessageActiveTabId: state.ui.networkMessageActiveTabId,
};
}
module.exports = connect(mapStateToProps)(ConsoleOutput);
ref: "endPanel",
connector,
openLink,
sourceMapService,
}),
endPanelCollapsed: !networkDetailsOpen,
endPanelControl: true,
vert: this.state.isVerticalSpliter,
onControlledPanelResized: this.onNetworkDetailsResized,
}),
)
);
}
}
module.exports = connect(
(state) => ({
isEmpty: state.requests.requests.size == 0,
networkDetailsOpen: state.ui.networkDetailsOpen,
request: getSelectedRequest(state),
selectedRequestVisible: isSelectedRequestVisible(state),
}),
(dispatch) => ({
openNetworkDetails: (open) => dispatch(Actions.openNetworkDetails(open)),
onNetworkDetailsResized: (width, height) => dispatch(
Actions.resizeNetworkDetails(width, height)
),
updateRequest: (id, data, batch) => dispatch(Actions.updateRequest(id, data, batch)),
}),
)(MonitorPanel);
}
return (
div({ className: "statistics-panel" },
button({
className: "back-button devtools-button",
"data-text-only": "true",
title: BACK_BUTTON,
onClick: closeStatistics,
}, BACK_BUTTON),
div({ className: "charts-container" },
div({ ref: "primedCacheChart", className: "charts primed-cache-chart" }),
div({ className: splitterClassName.join(" ") }),
div({ ref: "emptyCacheChart", className: "charts empty-cache-chart" }),
),
)
);
}
}
module.exports = connect(
(state) => ({
requests: [...state.requests.requests.values()],
}),
(dispatch, props) => ({
closeStatistics: () => dispatch(Actions.openStatistics(props.connector, false)),
enableRequestFilterTypeOnly: (label) =>
dispatch(Actions.enableRequestFilterTypeOnly(label)),
})
)(StatisticsPanel);
this.renderFilterButtons(requestFilterTypes)
)
)
);
}
}
module.exports = connect(
(state) => ({
browserCacheDisabled: state.ui.browserCacheDisabled,
displayedRequests: getDisplayedRequests(state),
filteredRequests: getTypeFilteredRequests(state),
persistentLogsEnabled: state.ui.persistentLogsEnabled,
recording: getRecordingState(state),
requestFilterTypes: state.filters.requestFilterTypes,
networkThrottling: state.networkThrottling,
}),
(dispatch) => ({
clearRequests: () => dispatch(Actions.clearRequests()),
disableBrowserCache: (disabled) => dispatch(Actions.disableBrowserCache(disabled)),
enablePersistentLogs: (enabled) => dispatch(Actions.enablePersistentLogs(enabled)),
setRequestFilterText: (text) => dispatch(Actions.setRequestFilterText(text)),
toggleBrowserCache: () => dispatch(Actions.toggleBrowserCache()),
toggleRecording: () => dispatch(Actions.toggleRecording()),
togglePersistentLogs: () => dispatch(Actions.togglePersistentLogs()),
toggleRequestFilterType: (type) => dispatch(Actions.toggleRequestFilterType(type)),
onChangeNetworkThrottling: (enabled, profile) =>
dispatch(changeNetworkThrottling(enabled, profile)),
}),
)(Toolbar);
"data-standalone": true,
onClick: this.props.onReloadClick,
},
RELOAD_NOTICE_2
),
span(null, RELOAD_NOTICE_3)
),
div({ className: "notice-perf-message empty-notice-element" },
span(null, PERFORMANCE_NOTICE_1),
button({
title: PERFORMANCE_NOTICE_3,
className: "devtools-button requests-list-perf-notice-button",
"data-standalone": true,
onClick: this.props.onPerfClick,
}),
span(null, PERFORMANCE_NOTICE_2),
MDNLink({ url: getPerformanceAnalysisURL() })
)
);
}
}
module.exports = connect(
undefined,
(dispatch, props) => ({
onPerfClick: () => dispatch(Actions.openStatistics(props.connector, true)),
onReloadClick: () => props.connector.triggerActivity(
ACTIVITY_TYPE.RELOAD.WITH_CACHE_DEFAULT),
})
)(RequestListEmptyNotice);
module.exports = connect(
(state) => ({
columns: state.ui.columns,
networkDetailsOpen: state.ui.networkDetailsOpen,
networkDetailsWidth: state.ui.networkDetailsWidth,
networkDetailsHeight: state.ui.networkDetailsHeight,
displayedRequests: getDisplayedRequests(state),
firstRequestStartedMillis: state.requests.firstStartedMillis,
selectedRequest: getSelectedRequest(state),
scale: getWaterfallScale(state),
requestFilterTypes: state.filters.requestFilterTypes,
}),
(dispatch, props) => ({
cloneSelectedRequest: () => dispatch(Actions.cloneSelectedRequest()),
openStatistics: (open) => dispatch(Actions.openStatistics(props.connector, open)),
/**
* A handler that opens the stack trace tab when a stack trace is available
*/
onCauseBadgeMouseDown: (cause) => {
if (cause.stacktrace && cause.stacktrace.length > 0) {
dispatch(Actions.selectDetailsPanelTab("stack-trace"));
}
},
onItemMouseDown: (id) => dispatch(Actions.selectRequest(id)),
/**
* A handler that opens the security tab in the details view if secure or
* broken security indicator is clicked.
*/
onSecurityIconMouseDown: (securityState) => {
if (securityState && securityState !== "insecure") {
dispatch(Actions.selectDetailsPanelTab("security"));
}
},
onSelectDelta: (delta) => dispatch(Actions.selectDelta(delta)),
/**
* A handler that opens the timing sidebar panel if the waterfall is clicked.
*/
onWaterfallMouseDown: () => {
dispatch(Actions.selectDetailsPanelTab("timings"));
},
}),
)(RequestListContent);