forked from mirrors/gecko-dev
114 lines
3.5 KiB
JavaScript
114 lines
3.5 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
* You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
var loop = loop || {};
|
|
loop.shared = loop.shared || {};
|
|
loop.shared.views = loop.shared.views || {};
|
|
loop.shared.views.LinkifiedTextView = (function(mozL10n) {
|
|
"use strict";
|
|
|
|
/**
|
|
* Given a rawText property, renderer a version of that text with any
|
|
* links starting with http://, https://, or ftp:// as actual clickable
|
|
* links inside a <p> container.
|
|
*/
|
|
var LinkifiedTextView = React.createClass({
|
|
propTypes: {
|
|
// Call this instead of allowing the default <a> click semantics, if
|
|
// given. Also causes sendReferrer and suppressTarget attributes to be
|
|
// ignored.
|
|
linkClickHandler: React.PropTypes.func,
|
|
// The text to be linkified.
|
|
rawText: React.PropTypes.string.isRequired,
|
|
// Should the links send a referrer? Defaults to false.
|
|
sendReferrer: React.PropTypes.bool,
|
|
// Should we suppress target="_blank" on the link? Defaults to false.
|
|
// Mostly for testing use.
|
|
suppressTarget: React.PropTypes.bool
|
|
},
|
|
|
|
mixins: [
|
|
React.addons.PureRenderMixin
|
|
],
|
|
|
|
_handleClickEvent: function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
this.props.linkClickHandler(e.currentTarget.href);
|
|
},
|
|
|
|
_generateLinkAttributes: function(href) {
|
|
var linkAttributes = {
|
|
href: href
|
|
};
|
|
|
|
if (this.props.linkClickHandler) {
|
|
linkAttributes.onClick = this._handleClickEvent;
|
|
|
|
// if this is specified, we short-circuit return to avoid unnecessarily
|
|
// creating target and rel attributes.
|
|
return linkAttributes;
|
|
}
|
|
|
|
if (!this.props.suppressTarget) {
|
|
linkAttributes.target = "_blank";
|
|
}
|
|
|
|
if (!this.props.sendReferrer) {
|
|
linkAttributes.rel = "noreferrer";
|
|
}
|
|
|
|
return linkAttributes;
|
|
},
|
|
|
|
/** a
|
|
* Parse the given string into an array of strings and React <a> elements
|
|
* in the order in which they should be rendered (i.e. FIFO).
|
|
*
|
|
* @param {String} s the raw string to be parsed
|
|
*
|
|
* @returns {Array} of strings and React <a> elements in order.
|
|
*/
|
|
parseStringToElements: function(s) {
|
|
var elements = [];
|
|
var result = loop.shared.urlRegExps.fullUrlMatch.exec(s);
|
|
var reactElementsCounter = 0; // For giving keys to each ReactElement.
|
|
|
|
while (result) {
|
|
// If there's text preceding the first link, push it onto the array
|
|
// and update the string pointer.
|
|
if (result.index) {
|
|
elements.push(s.substr(0, result.index));
|
|
s = s.substr(result.index);
|
|
}
|
|
|
|
// Push the first link itself, and advance the string pointer again.
|
|
elements.push(
|
|
<a { ...this._generateLinkAttributes(result[0]) }
|
|
key={reactElementsCounter++}>
|
|
{result[0]}
|
|
</a>
|
|
);
|
|
s = s.substr(result[0].length);
|
|
|
|
// Check for another link, and perhaps continue...
|
|
result = loop.shared.urlRegExps.fullUrlMatch.exec(s);
|
|
}
|
|
|
|
if (s) {
|
|
elements.push(s);
|
|
}
|
|
|
|
return elements;
|
|
},
|
|
|
|
render: function () {
|
|
return ( <p>{ this.parseStringToElements(this.props.rawText) }</p> );
|
|
}
|
|
});
|
|
|
|
return LinkifiedTextView;
|
|
|
|
})(navigator.mozL10n || document.mozL10n);
|