Handling links inside of iframe in via Pym.

client/coral-plugin-history/Comment.js

@@ -5,7 +5,7 @@ const Comment = props => {
   return (
     <div className={styles.myComment}>
       <p className="myCommentAsset">
-        <a className={`${styles.assetURL} myCommentAnchor`} onClick={props.link(`${props.asset.url}#${props.comment.id}`)}>{props.asset.url}</a>
+        <a className={`${styles.assetURL} myCommentAnchor`} href='#' onClick={props.link(`${props.asset.url}#${props.comment.id}`)}>{props.asset.url}</a>
       </p>
       <p className={`${styles.commentBody} myCommentBody`}>{props.comment.body}</p>
     </div>

client/coral-settings/containers/SettingsContainer.js

@@ -3,7 +3,7 @@ import {connect} from 'react-redux';
 
 import {saveBio, fetchCommentsByUserId} from 'coral-framework/actions/user';
 
-import {link} from '/coral-framework/PymConnection';
+import {link} from 'coral-framework/PymConnection';
 import BioContainer from './BioContainer';
 import NotLoggedIn from '../components/NotLoggedIn';
 import {TabBar, Tab, TabContent} from '../../coral-ui';

views/article.ejs

@@ -46,6 +46,9 @@
       }
     }, 100);
   });
+  pymParent.onMessage('navigate', function (url) {
+    window.open(url, '_blank').focus();
+  })
 
   // wait till images and other iframes are loaded before scrolling the page.
   // or do we want to be more aggressive and scroll when we hit DOM ready?