Merge pull request #250 from open-source-labs/sam/render-html

render html responses

Author: prheee

package-lock.json

@@ -138,6 +138,7 @@
     "classnames": "^2.2.6",
     "date-fns": "^1.29.0",
     "dexie": "^2.0.4",
+    "dompurify": "^2.0.3",
     "electron-devtools-installer": "^2.2.4",
     "electron-log": "^2.2.17",
     "electron-updater": "^4.0.5",

package.json

@@ -1,7 +1,7 @@
 import React from 'react';
 import SSERow from './SSERow.jsx';
 import JSONPretty from 'react-json-pretty';
-
+import createDOMPurify from 'dompurify';
 
 const ResponseEventsDisplay = ({ response }) => {
   const { events, headers } = response;
@@ -13,6 +13,12 @@ const ResponseEventsDisplay = ({ response }) => {
       displayContents.push(<SSERow key={idx} content={cur} />);
     });
   }
+  // if the response content-type, purify and render html
+  else if (headers && headers['content-type'] && headers['content-type'].includes('text/html')) {
+    displayContents.push(
+      <div className="okay" dangerouslySetInnerHTML={{__html: createDOMPurify.sanitize(events[0])}} />
+    )
+  }
   // Otherwise, render a single display
   else {
     if (events) {