insomnia/app/ui/components/viewers/response-webview.js

48 lines
1.1 KiB
JavaScript
Raw Normal View History

2017-08-10 01:56:27 +00:00
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import autobind from 'autobind-decorator';
import contextMenu from 'electron-context-menu';
@autobind
class ResponseWebview extends PureComponent {
_handleSetWebviewRef (n) {
this._webview = n;
if (n) {
contextMenu({window: this._webview});
}
}
_handleDOMReady () {
this._webview.removeEventListener('dom-ready', this._handleDOMReady);
this._setBody();
}
2016-04-29 01:00:12 +00:00
_setBody () {
2016-06-19 07:21:43 +00:00
const {body, contentType, url} = this.props;
const newBody = body.replace('<head>', `<head><base href="${url}">`);
this._webview.loadURL(`data:${contentType},${encodeURIComponent(newBody)}`);
2016-04-29 01:00:12 +00:00
}
componentDidUpdate () {
this._setBody();
}
2016-05-01 19:56:30 +00:00
2016-04-29 01:00:12 +00:00
componentDidMount () {
this._webview.addEventListener('dom-ready', this._handleDOMReady);
2016-04-29 01:00:12 +00:00
}
render () {
return (
<webview ref={this._handleSetWebviewRef} src="about:blank"></webview>
2016-04-29 01:00:12 +00:00
);
}
}
ResponseWebview.propTypes = {
2016-04-30 05:01:57 +00:00
body: PropTypes.string.isRequired,
2016-06-19 07:21:43 +00:00
contentType: PropTypes.string.isRequired,
url: PropTypes.string.isRequired
2016-04-29 01:00:12 +00:00
};
export default ResponseWebview;