insomnia/packages/insomnia-app/app/ui/components/viewers/response-webview.js
2017-11-28 23:19:32 +00:00

54 lines
1.4 KiB
JavaScript

import React, {PureComponent} from 'react';
import {EventEmitter} from 'events';
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();
}
_setBody () {
const {body, contentType, url} = this.props;
const newBody = body.replace('<head>', `<head><base href="${url}">`);
this._webview.loadURL(`data:${contentType},${encodeURIComponent(newBody)}`);
// This is kind of hacky but electron-context-menu fails to save images if
// this isn't here.
this._webview.webContents = this._webview;
this._webview.webContents.session = new EventEmitter();
}
componentDidUpdate () {
this._setBody();
}
componentDidMount () {
this._webview.addEventListener('dom-ready', this._handleDOMReady);
}
render () {
return (
<webview ref={this._handleSetWebviewRef} src="about:blank"></webview>
);
}
}
ResponseWebview.propTypes = {
body: PropTypes.string.isRequired,
contentType: PropTypes.string.isRequired,
url: PropTypes.string.isRequired
};
export default ResponseWebview;