132 lines
4.1 KiB
JavaScript
132 lines
4.1 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {Children, PureComponent} from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import {Clipboard, Linking, Text} from 'react-native';
|
|
import urlParse from 'url-parse';
|
|
import {intlShape} from 'react-intl';
|
|
|
|
import CustomPropTypes from 'app/constants/custom_prop_types';
|
|
import {DeepLinkTypes} from 'app/constants';
|
|
import mattermostManaged from 'app/mattermost_managed';
|
|
import BottomSheet from 'app/utils/bottom_sheet';
|
|
import {preventDoubleTap} from 'app/utils/tap';
|
|
import {matchDeepLink, normalizeProtocol} from 'app/utils/url';
|
|
|
|
import Config from 'assets/config';
|
|
|
|
export default class MarkdownLink extends PureComponent {
|
|
static propTypes = {
|
|
actions: PropTypes.shape({
|
|
handleSelectChannelByName: PropTypes.func.isRequired,
|
|
}).isRequired,
|
|
children: CustomPropTypes.Children.isRequired,
|
|
href: PropTypes.string.isRequired,
|
|
onPermalinkPress: PropTypes.func,
|
|
serverURL: PropTypes.string.isRequired,
|
|
siteURL: PropTypes.string.isRequired,
|
|
};
|
|
|
|
static defaultProps = {
|
|
onPermalinkPress: () => true,
|
|
};
|
|
|
|
static contextTypes = {
|
|
intl: intlShape.isRequired,
|
|
};
|
|
|
|
handlePress = preventDoubleTap(() => {
|
|
const {href, onPermalinkPress, serverURL, siteURL} = this.props;
|
|
const url = normalizeProtocol(href);
|
|
|
|
if (!url) {
|
|
return;
|
|
}
|
|
|
|
const match = matchDeepLink(url, serverURL, siteURL);
|
|
if (match) {
|
|
if (match.type === DeepLinkTypes.CHANNEL) {
|
|
this.props.actions.handleSelectChannelByName(match.channelName, match.teamName);
|
|
} else if (match.type === DeepLinkTypes.PERMALINK) {
|
|
onPermalinkPress(match.postId, match.teamName);
|
|
}
|
|
} else {
|
|
Linking.canOpenURL(url).then((supported) => {
|
|
if (supported) {
|
|
Linking.openURL(url);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
parseLinkLiteral = (literal) => {
|
|
let nextLiteral = literal;
|
|
|
|
const WWW_REGEX = /\b^(?:www.)/i;
|
|
if (nextLiteral.match(WWW_REGEX)) {
|
|
nextLiteral = literal.replace(WWW_REGEX, 'www.');
|
|
}
|
|
|
|
const parsed = urlParse(nextLiteral, {});
|
|
|
|
return parsed.href;
|
|
};
|
|
|
|
parseChildren = () => {
|
|
return Children.map(this.props.children, (child) => {
|
|
if (!child.props.literal || typeof child.props.literal !== 'string' || (child.props.context && child.props.context.length && !child.props.context.includes('link'))) {
|
|
return child;
|
|
}
|
|
|
|
const {props, ...otherChildProps} = child;
|
|
const {literal, ...otherProps} = props;
|
|
|
|
const nextProps = {
|
|
literal: this.parseLinkLiteral(literal),
|
|
...otherProps,
|
|
};
|
|
|
|
return {
|
|
props: nextProps,
|
|
...otherChildProps,
|
|
};
|
|
});
|
|
};
|
|
|
|
handleLongPress = async () => {
|
|
const {formatMessage} = this.context.intl;
|
|
|
|
const config = await mattermostManaged.getLocalConfig();
|
|
|
|
if (config.copyAndPasteProtection !== 'true') {
|
|
const cancelText = formatMessage({id: 'mobile.post.cancel', defaultMessage: 'Cancel'});
|
|
const actionText = formatMessage({id: 'mobile.markdown.link.copy_url', defaultMessage: 'Copy URL'});
|
|
BottomSheet.showBottomSheetWithOptions({
|
|
options: [actionText, cancelText],
|
|
cancelButtonIndex: 1,
|
|
}, (value) => {
|
|
if (value !== 1) {
|
|
this.handleLinkCopy();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
handleLinkCopy = () => {
|
|
Clipboard.setString(this.props.href);
|
|
};
|
|
|
|
render() {
|
|
const children = Config.ExperimentalNormalizeMarkdownLinks ? this.parseChildren() : this.props.children;
|
|
|
|
return (
|
|
<Text
|
|
onPress={this.handlePress}
|
|
onLongPress={this.handleLongPress}
|
|
>
|
|
{children}
|
|
</Text>
|
|
);
|
|
}
|
|
}
|