diff options
author | Yamagishi Kazutoshi <ykzts@desire.sh> | 2017-05-04 22:52:08 +0900 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-04 15:52:08 +0200 |
commit | e95983f5dfe8fba7852a6ac1a42c2048e83db03d (patch) | |
tree | 3f87db9f9c035d34f650cf369200e4e61243796a /app/javascript/mastodon/features/status/components/card.js | |
parent | e37e84d210226594bfa0e247223fde540eb48cab (diff) |
Decode IDNA in PreviewCard (#2781)
Diffstat (limited to 'app/javascript/mastodon/features/status/components/card.js')
-rw-r--r-- | app/javascript/mastodon/features/status/components/card.js | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/app/javascript/mastodon/features/status/components/card.js b/app/javascript/mastodon/features/status/components/card.js index 9e7d4f884..ebd120e74 100644 --- a/app/javascript/mastodon/features/status/components/card.js +++ b/app/javascript/mastodon/features/status/components/card.js @@ -1,11 +1,15 @@ import React from 'react'; import ImmutablePropTypes from 'react-immutable-proptypes'; +import punycode from 'punycode' -const hostStyle = { - display: 'block', - marginTop: '5px', - fontSize: '13px' -}; +const IDNA_PREFIX = 'xn--'; + +const decodeIDNA = domain => { + return domain + .split('.') + .map(part => part.indexOf(IDNA_PREFIX) === 0 ? punycode.decode(part.slice(IDNA_PREFIX.length)) : part) + .join('.'); +} const getHostname = url => { const parser = document.createElement('a'); @@ -30,7 +34,7 @@ class Card extends React.PureComponent { } if (provider.length < 1) { - provider = getHostname(card.get('url')) + provider = decodeIDNA(getHostname(card.get('url'))); } return ( @@ -40,7 +44,7 @@ class Card extends React.PureComponent { <div className='status-card__content'> <strong className='status-card__title' title={card.get('title')}>{card.get('title')}</strong> <p className='status-card__description'>{(card.get('description') || '').substring(0, 50)}</p> - <span className='status-card__host' style={hostStyle}>{provider}</span> + <span className='status-card__host'>{provider}</span> </div> </a> ); |