Merge upstream 2.0ish #165
kibigo!
7 years ago
commit
02827345ae
@ -0,0 +1,46 @@
|
|||||||
|
# test directories
|
||||||
|
__tests__
|
||||||
|
test
|
||||||
|
tests
|
||||||
|
powered-test
|
||||||
|
|
||||||
|
# asset directories
|
||||||
|
docs
|
||||||
|
doc
|
||||||
|
website
|
||||||
|
images
|
||||||
|
# assets
|
||||||
|
|
||||||
|
# examples
|
||||||
|
example
|
||||||
|
examples
|
||||||
|
|
||||||
|
# code coverage directories
|
||||||
|
coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# build scripts
|
||||||
|
Makefile
|
||||||
|
Gulpfile.js
|
||||||
|
Gruntfile.js
|
||||||
|
|
||||||
|
# configs
|
||||||
|
.tern-project
|
||||||
|
.gitattributes
|
||||||
|
.editorconfig
|
||||||
|
.*ignore
|
||||||
|
.eslintrc
|
||||||
|
.jshintrc
|
||||||
|
.flowconfig
|
||||||
|
.documentup.json
|
||||||
|
.yarn-metadata.json
|
||||||
|
.*.yml
|
||||||
|
*.yml
|
||||||
|
|
||||||
|
# misc
|
||||||
|
*.gz
|
||||||
|
*.md
|
||||||
|
|
||||||
|
# for specific ignore
|
||||||
|
!.svgo.yml
|
||||||
|
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
class Admin::AccountModerationNotesController < Admin::BaseController
|
||||||
|
def create
|
||||||
|
@account_moderation_note = current_account.account_moderation_notes.new(resource_params)
|
||||||
|
if @account_moderation_note.save
|
||||||
|
@target_account = @account_moderation_note.target_account
|
||||||
|
redirect_to admin_account_path(@target_account.id), notice: I18n.t('admin.account_moderation_notes.created_msg')
|
||||||
|
else
|
||||||
|
@account = @account_moderation_note.target_account
|
||||||
|
@moderation_notes = @account.targeted_moderation_notes.latest
|
||||||
|
render template: 'admin/accounts/show'
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def destroy
|
||||||
|
@account_moderation_note = AccountModerationNote.find(params[:id])
|
||||||
|
@target_account = @account_moderation_note.target_account
|
||||||
|
@account_moderation_note.destroy
|
||||||
|
redirect_to admin_account_path(@target_account.id), notice: I18n.t('admin.account_moderation_notes.destroyed_msg')
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def resource_params
|
||||||
|
params.require(:account_moderation_note).permit(
|
||||||
|
:content,
|
||||||
|
:target_account_id
|
||||||
|
)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
module Admin
|
||||||
|
class EmailDomainBlocksController < BaseController
|
||||||
|
before_action :set_email_domain_block, only: [:show, :destroy]
|
||||||
|
|
||||||
|
def index
|
||||||
|
@email_domain_blocks = EmailDomainBlock.page(params[:page])
|
||||||
|
end
|
||||||
|
|
||||||
|
def new
|
||||||
|
@email_domain_block = EmailDomainBlock.new
|
||||||
|
end
|
||||||
|
|
||||||
|
def create
|
||||||
|
@email_domain_block = EmailDomainBlock.new(resource_params)
|
||||||
|
|
||||||
|
if @email_domain_block.save
|
||||||
|
redirect_to admin_email_domain_blocks_path, notice: I18n.t('admin.email_domain_blocks.created_msg')
|
||||||
|
else
|
||||||
|
render :new
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def destroy
|
||||||
|
@email_domain_block.destroy
|
||||||
|
redirect_to admin_email_domain_blocks_path, notice: I18n.t('admin.email_domain_blocks.destroyed_msg')
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def set_email_domain_block
|
||||||
|
@email_domain_block = EmailDomainBlock.find(params[:id])
|
||||||
|
end
|
||||||
|
|
||||||
|
def resource_params
|
||||||
|
params.require(:email_domain_block).permit(:domain)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
class Api::V1::Apps::CredentialsController < Api::BaseController
|
||||||
|
before_action -> { doorkeeper_authorize! :read }
|
||||||
|
|
||||||
|
respond_to :json
|
||||||
|
|
||||||
|
def show
|
||||||
|
render json: doorkeeper_token.application, serializer: REST::StatusSerializer::ApplicationSerializer
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
class EmojisController < ApplicationController
|
||||||
|
before_action :set_emoji
|
||||||
|
|
||||||
|
def show
|
||||||
|
respond_to do |format|
|
||||||
|
format.json do
|
||||||
|
render json: @emoji,
|
||||||
|
serializer: ActivityPub::EmojiSerializer,
|
||||||
|
adapter: ActivityPub::Adapter,
|
||||||
|
content_type: 'application/activity+json'
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def set_emoji
|
||||||
|
@emoji = CustomEmoji.local.find(params[:id])
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -1,11 +1,7 @@
|
|||||||
# frozen_string_literal: true
|
# frozen_string_literal: true
|
||||||
|
|
||||||
class ManifestsController < ApplicationController
|
class ManifestsController < ApplicationController
|
||||||
before_action :set_instance_presenter
|
def show
|
||||||
|
render json: InstancePresenter.new, serializer: ManifestSerializer
|
||||||
def show; end
|
|
||||||
|
|
||||||
def set_instance_presenter
|
|
||||||
@instance_presenter = InstancePresenter.new
|
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@ -0,0 +1,32 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
class Settings::NotificationsController < ApplicationController
|
||||||
|
layout 'admin'
|
||||||
|
|
||||||
|
before_action :authenticate_user!
|
||||||
|
|
||||||
|
def show; end
|
||||||
|
|
||||||
|
def update
|
||||||
|
user_settings.update(user_settings_params.to_h)
|
||||||
|
|
||||||
|
if current_user.save
|
||||||
|
redirect_to settings_notifications_path, notice: I18n.t('generic.changes_saved_msg')
|
||||||
|
else
|
||||||
|
render :show
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def user_settings
|
||||||
|
UserSettingsDecorator.new(current_user)
|
||||||
|
end
|
||||||
|
|
||||||
|
def user_settings_params
|
||||||
|
params.require(:user).permit(
|
||||||
|
notification_emails: %i(follow follow_request reblog favourite mention digest),
|
||||||
|
interactions: %i(must_be_follower must_be_following)
|
||||||
|
)
|
||||||
|
end
|
||||||
|
end
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
# frozen_string_literal: true
|
||||||
|
|
||||||
|
module Admin::AccountModerationNotesHelper
|
||||||
|
end
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
import { saveSettings } from './settings';
|
||||||
|
|
||||||
|
export const EMOJI_USE = 'EMOJI_USE';
|
||||||
|
|
||||||
|
export function useEmoji(emoji) {
|
||||||
|
return dispatch => {
|
||||||
|
dispatch({
|
||||||
|
type: EMOJI_USE,
|
||||||
|
emoji,
|
||||||
|
});
|
||||||
|
|
||||||
|
dispatch(saveSettings());
|
||||||
|
};
|
||||||
|
};
|
||||||
@ -1,207 +0,0 @@
|
|||||||
// THIS FILE EXISTS FOR UPSTREAM COMPATIBILITY & SHOULDN'T BE USED !!
|
|
||||||
// SEE INSTEAD : glitch/components/status/player
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
||||||
import PropTypes from 'prop-types';
|
|
||||||
import IconButton from './icon_button';
|
|
||||||
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
||||||
import { isIOS } from '../is_mobile';
|
|
||||||
|
|
||||||
const messages = defineMessages({
|
|
||||||
toggle_sound: { id: 'video_player.toggle_sound', defaultMessage: 'Toggle sound' },
|
|
||||||
toggle_visible: { id: 'video_player.toggle_visible', defaultMessage: 'Toggle visibility' },
|
|
||||||
expand_video: { id: 'video_player.expand', defaultMessage: 'Expand video' },
|
|
||||||
});
|
|
||||||
|
|
||||||
@injectIntl
|
|
||||||
export default class VideoPlayer extends React.PureComponent {
|
|
||||||
|
|
||||||
static contextTypes = {
|
|
||||||
router: PropTypes.object,
|
|
||||||
};
|
|
||||||
|
|
||||||
static propTypes = {
|
|
||||||
media: ImmutablePropTypes.map.isRequired,
|
|
||||||
width: PropTypes.number,
|
|
||||||
height: PropTypes.number,
|
|
||||||
sensitive: PropTypes.bool,
|
|
||||||
intl: PropTypes.object.isRequired,
|
|
||||||
autoplay: PropTypes.bool,
|
|
||||||
onOpenVideo: PropTypes.func.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
static defaultProps = {
|
|
||||||
width: 239,
|
|
||||||
height: 110,
|
|
||||||
};
|
|
||||||
|
|
||||||
state = {
|
|
||||||
visible: !this.props.sensitive,
|
|
||||||
preview: true,
|
|
||||||
muted: true,
|
|
||||||
hasAudio: true,
|
|
||||||
videoError: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
handleClick = () => {
|
|
||||||
this.setState({ muted: !this.state.muted });
|
|
||||||
}
|
|
||||||
|
|
||||||
handleVideoClick = (e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
|
|
||||||
const node = this.video;
|
|
||||||
|
|
||||||
if (node.paused) {
|
|
||||||
node.play();
|
|
||||||
} else {
|
|
||||||
node.pause();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleOpen = () => {
|
|
||||||
this.setState({ preview: !this.state.preview });
|
|
||||||
}
|
|
||||||
|
|
||||||
handleVisibility = () => {
|
|
||||||
this.setState({
|
|
||||||
visible: !this.state.visible,
|
|
||||||
preview: true,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
handleExpand = () => {
|
|
||||||
this.video.pause();
|
|
||||||
this.props.onOpenVideo(this.props.media, this.video.currentTime);
|
|
||||||
}
|
|
||||||
|
|
||||||
setRef = (c) => {
|
|
||||||
this.video = c;
|
|
||||||
}
|
|
||||||
|
|
||||||
handleLoadedData = () => {
|
|
||||||
if (('WebkitAppearance' in document.documentElement.style && this.video.audioTracks.length === 0) || this.video.mozHasAudio === false) {
|
|
||||||
this.setState({ hasAudio: false });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
handleVideoError = () => {
|
|
||||||
this.setState({ videoError: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount () {
|
|
||||||
if (!this.video) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.video.addEventListener('loadeddata', this.handleLoadedData);
|
|
||||||
this.video.addEventListener('error', this.handleVideoError);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidUpdate () {
|
|
||||||
if (!this.video) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.video.addEventListener('loadeddata', this.handleLoadedData);
|
|
||||||
this.video.addEventListener('error', this.handleVideoError);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount () {
|
|
||||||
if (!this.video) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.video.removeEventListener('loadeddata', this.handleLoadedData);
|
|
||||||
this.video.removeEventListener('error', this.handleVideoError);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
const { media, intl, width, height, sensitive, autoplay } = this.props;
|
|
||||||
|
|
||||||
let spoilerButton = (
|
|
||||||
<div className={`status__video-player-spoiler ${this.state.visible ? 'status__video-player-spoiler--visible' : ''}`}>
|
|
||||||
<IconButton overlay title={intl.formatMessage(messages.toggle_visible)} icon={this.state.visible ? 'eye' : 'eye-slash'} onClick={this.handleVisibility} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
let expandButton = '';
|
|
||||||
|
|
||||||
if (this.context.router) {
|
|
||||||
expandButton = (
|
|
||||||
<div className='status__video-player-expand'>
|
|
||||||
<IconButton overlay title={intl.formatMessage(messages.expand_video)} icon='expand' onClick={this.handleExpand} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
let muteButton = '';
|
|
||||||
|
|
||||||
if (this.state.hasAudio) {
|
|
||||||
muteButton = (
|
|
||||||
<div className='status__video-player-mute'>
|
|
||||||
<IconButton overlay title={intl.formatMessage(messages.toggle_sound)} icon={this.state.muted ? 'volume-off' : 'volume-up'} onClick={this.handleClick} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.state.visible) {
|
|
||||||
if (sensitive) {
|
|
||||||
return (
|
|
||||||
<button style={{ width: `${width}px`, height: `${height}px`, marginTop: '8px' }} className='media-spoiler' onClick={this.handleVisibility}>
|
|
||||||
{spoilerButton}
|
|
||||||
<span className='media-spoiler__warning'><FormattedMessage id='status.sensitive_warning' defaultMessage='Sensitive content' /></span>
|
|
||||||
<span className='media-spoiler__trigger'><FormattedMessage id='status.sensitive_toggle' defaultMessage='Click to view' /></span>
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
return (
|
|
||||||
<button style={{ width: `${width}px`, height: `${height}px`, marginTop: '8px' }} className='media-spoiler' onClick={this.handleVisibility}>
|
|
||||||
{spoilerButton}
|
|
||||||
<span className='media-spoiler__warning'><FormattedMessage id='status.media_hidden' defaultMessage='Media hidden' /></span>
|
|
||||||
<span className='media-spoiler__trigger'><FormattedMessage id='status.sensitive_toggle' defaultMessage='Click to view' /></span>
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.state.preview && !autoplay) {
|
|
||||||
return (
|
|
||||||
<button className='media-spoiler-video' style={{ width: `${width}px`, height: `${height}px`, backgroundImage: `url(${media.get('preview_url')})` }} onClick={this.handleOpen}>
|
|
||||||
{spoilerButton}
|
|
||||||
<div className='media-spoiler-video-play-icon'><i className='fa fa-play' /></div>
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.state.videoError) {
|
|
||||||
return (
|
|
||||||
<div style={{ width: `${width}px`, height: `${height}px` }} className='video-error-cover' >
|
|
||||||
<span className='media-spoiler__warning'><FormattedMessage id='video_player.video_error' defaultMessage='Video could not be played' /></span>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className='status__video-player' style={{ width: `${width}px`, height: `${height}px` }}>
|
|
||||||
{spoilerButton}
|
|
||||||
{muteButton}
|
|
||||||
{expandButton}
|
|
||||||
|
|
||||||
<video
|
|
||||||
className='status__video-player-video'
|
|
||||||
role='button'
|
|
||||||
tabIndex='0'
|
|
||||||
ref={this.setRef}
|
|
||||||
src={media.get('url')}
|
|
||||||
autoPlay={!isIOS()}
|
|
||||||
loop
|
|
||||||
muted={this.state.muted}
|
|
||||||
onClick={this.handleVideoClick}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
import { unicodeMapping } from './emojione_light';
|
|
||||||
import Trie from 'substring-trie';
|
|
||||||
|
|
||||||
const trie = new Trie(Object.keys(unicodeMapping));
|
|
||||||
|
|
||||||
const assetHost = process.env.CDN_HOST || '';
|
|
||||||
|
|
||||||
const emojify = (str, customEmojis = {}) => {
|
|
||||||
let rtn = '';
|
|
||||||
for (;;) {
|
|
||||||
let match, i = 0, tag;
|
|
||||||
while (i < str.length && (tag = '<&'.indexOf(str[i])) === -1 && str[i] !== ':' && !(match = trie.search(str.slice(i)))) {
|
|
||||||
i += str.codePointAt(i) < 65536 ? 1 : 2;
|
|
||||||
}
|
|
||||||
if (i === str.length)
|
|
||||||
break;
|
|
||||||
else if (tag >= 0) {
|
|
||||||
const tagend = str.indexOf('>;'[tag], i + 1) + 1;
|
|
||||||
if (!tagend)
|
|
||||||
break;
|
|
||||||
rtn += str.slice(0, tagend);
|
|
||||||
str = str.slice(tagend);
|
|
||||||
} else if (str[i] === ':') {
|
|
||||||
try {
|
|
||||||
// if replacing :shortname: succeed, exit this block with "continue"
|
|
||||||
const closeColon = str.indexOf(':', i + 1) + 1;
|
|
||||||
if (!closeColon) throw null; // no pair of ':'
|
|
||||||
const lt = str.indexOf('<', i + 1);
|
|
||||||
if (!(lt === -1 || lt >= closeColon)) throw null; // tag appeared before closing ':'
|
|
||||||
const shortname = str.slice(i, closeColon);
|
|
||||||
if (shortname in customEmojis) {
|
|
||||||
rtn += str.slice(0, i) + `<img draggable="false" class="emojione" alt="${shortname}" title="${shortname}" src="${customEmojis[shortname]}" />`;
|
|
||||||
str = str.slice(closeColon);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
} catch (e) {}
|
|
||||||
// replacing :shortname: failed
|
|
||||||
rtn += str.slice(0, i + 1);
|
|
||||||
str = str.slice(i + 1);
|
|
||||||
} else {
|
|
||||||
const [filename, shortCode] = unicodeMapping[match];
|
|
||||||
rtn += str.slice(0, i) + `<img draggable="false" class="emojione" alt="${match}" title=":${shortCode}:" src="${assetHost}/emoji/${filename}.svg" />`;
|
|
||||||
str = str.slice(i + match.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return rtn + str;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default emojify;
|
|
||||||
|
|
||||||
export const buildCustomEmojis = customEmojis => {
|
|
||||||
const emojis = [];
|
|
||||||
|
|
||||||
customEmojis.forEach(emoji => {
|
|
||||||
const shortcode = emoji.get('shortcode');
|
|
||||||
const url = emoji.get('url');
|
|
||||||
const name = shortcode.replace(':', '');
|
|
||||||
|
|
||||||
emojis.push({
|
|
||||||
id: name,
|
|
||||||
name,
|
|
||||||
short_names: [name],
|
|
||||||
text: '',
|
|
||||||
emoticons: [],
|
|
||||||
keywords: [name],
|
|
||||||
imageUrl: url,
|
|
||||||
custom: true,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
return emojis;
|
|
||||||
};
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
// @preval
|
|
||||||
// http://www.unicode.org/Public/emoji/5.0/emoji-test.txt
|
|
||||||
|
|
||||||
const emojis = require('./emoji_map.json');
|
|
||||||
const { emojiIndex } = require('emoji-mart');
|
|
||||||
const excluded = ['®', '©', '™'];
|
|
||||||
const skins = ['🏻', '🏼', '🏽', '🏾', '🏿'];
|
|
||||||
const shortcodeMap = {};
|
|
||||||
|
|
||||||
Object.keys(emojiIndex.emojis).forEach(key => {
|
|
||||||
shortcodeMap[emojiIndex.emojis[key].native] = emojiIndex.emojis[key].id;
|
|
||||||
});
|
|
||||||
|
|
||||||
const stripModifiers = unicode => {
|
|
||||||
skins.forEach(tone => {
|
|
||||||
unicode = unicode.replace(tone, '');
|
|
||||||
});
|
|
||||||
|
|
||||||
return unicode;
|
|
||||||
};
|
|
||||||
|
|
||||||
Object.keys(emojis).forEach(key => {
|
|
||||||
if (excluded.includes(key)) {
|
|
||||||
delete emojis[key];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const normalizedKey = stripModifiers(key);
|
|
||||||
let shortcode = shortcodeMap[normalizedKey];
|
|
||||||
|
|
||||||
if (!shortcode) {
|
|
||||||
shortcode = shortcodeMap[normalizedKey + '\uFE0F'];
|
|
||||||
}
|
|
||||||
|
|
||||||
emojis[key] = [emojis[key], shortcode];
|
|
||||||
});
|
|
||||||
|
|
||||||
module.exports.unicodeMapping = emojis;
|
|
||||||
@ -0,0 +1,96 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import IconButton from '../../../components/icon_button';
|
||||||
|
import Motion from 'react-motion/lib/Motion';
|
||||||
|
import spring from 'react-motion/lib/spring';
|
||||||
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
||||||
|
import { defineMessages, injectIntl } from 'react-intl';
|
||||||
|
import classNames from 'classnames';
|
||||||
|
|
||||||
|
const messages = defineMessages({
|
||||||
|
undo: { id: 'upload_form.undo', defaultMessage: 'Undo' },
|
||||||
|
description: { id: 'upload_form.description', defaultMessage: 'Describe for the visually impaired' },
|
||||||
|
});
|
||||||
|
|
||||||
|
@injectIntl
|
||||||
|
export default class Upload extends ImmutablePureComponent {
|
||||||
|
|
||||||
|
static propTypes = {
|
||||||
|
media: ImmutablePropTypes.map.isRequired,
|
||||||
|
intl: PropTypes.object.isRequired,
|
||||||
|
onUndo: PropTypes.func.isRequired,
|
||||||
|
onDescriptionChange: PropTypes.func.isRequired,
|
||||||
|
};
|
||||||
|
|
||||||
|
state = {
|
||||||
|
hovered: false,
|
||||||
|
focused: false,
|
||||||
|
dirtyDescription: null,
|
||||||
|
};
|
||||||
|
|
||||||
|
handleUndoClick = () => {
|
||||||
|
this.props.onUndo(this.props.media.get('id'));
|
||||||
|
}
|
||||||
|
|
||||||
|
handleInputChange = e => {
|
||||||
|
this.setState({ dirtyDescription: e.target.value });
|
||||||
|
}
|
||||||
|
|
||||||
|
handleMouseEnter = () => {
|
||||||
|
this.setState({ hovered: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
handleMouseLeave = () => {
|
||||||
|
this.setState({ hovered: false });
|
||||||
|
}
|
||||||
|
|
||||||
|
handleInputFocus = () => {
|
||||||
|
this.setState({ focused: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
handleInputBlur = () => {
|
||||||
|
const { dirtyDescription } = this.state;
|
||||||
|
|
||||||
|
this.setState({ focused: false, dirtyDescription: null });
|
||||||
|
|
||||||
|
if (dirtyDescription !== null) {
|
||||||
|
this.props.onDescriptionChange(this.props.media.get('id'), dirtyDescription);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render () {
|
||||||
|
const { intl, media } = this.props;
|
||||||
|
const active = this.state.hovered || this.state.focused;
|
||||||
|
const description = this.state.dirtyDescription || media.get('description') || '';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='compose-form__upload' onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>
|
||||||
|
<Motion defaultStyle={{ scale: 0.8 }} style={{ scale: spring(1, { stiffness: 180, damping: 12 }) }}>
|
||||||
|
{({ scale }) => (
|
||||||
|
<div className='compose-form__upload-thumbnail' style={{ transform: `translateZ(0) scale(${scale})`, backgroundImage: `url(${media.get('preview_url')})` }}>
|
||||||
|
<IconButton icon='times' title={intl.formatMessage(messages.undo)} size={36} onClick={this.handleUndoClick} />
|
||||||
|
|
||||||
|
<div className={classNames('compose-form__upload-description', { active })}>
|
||||||
|
<label>
|
||||||
|
<span style={{ display: 'none' }}>{intl.formatMessage(messages.description)}</span>
|
||||||
|
|
||||||
|
<input
|
||||||
|
placeholder={intl.formatMessage(messages.description)}
|
||||||
|
type='text'
|
||||||
|
value={description}
|
||||||
|
maxLength={420}
|
||||||
|
onFocus={this.handleInputFocus}
|
||||||
|
onChange={this.handleInputChange}
|
||||||
|
onBlur={this.handleInputBlur}
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</Motion>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -1,8 +1,83 @@
|
|||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import EmojiPickerDropdown from '../components/emoji_picker_dropdown';
|
import EmojiPickerDropdown from '../components/emoji_picker_dropdown';
|
||||||
|
import { changeSetting } from '../../../actions/settings';
|
||||||
|
import { createSelector } from 'reselect';
|
||||||
|
import { Map as ImmutableMap } from 'immutable';
|
||||||
|
import { useEmoji } from '../../../actions/emojis';
|
||||||
|
|
||||||
|
const perLine = 8;
|
||||||
|
const lines = 2;
|
||||||
|
|
||||||
|
const DEFAULTS = [
|
||||||
|
'+1',
|
||||||
|
'grinning',
|
||||||
|
'kissing_heart',
|
||||||
|
'heart_eyes',
|
||||||
|
'laughing',
|
||||||
|
'stuck_out_tongue_winking_eye',
|
||||||
|
'sweat_smile',
|
||||||
|
'joy',
|
||||||
|
'yum',
|
||||||
|
'disappointed',
|
||||||
|
'thinking_face',
|
||||||
|
'weary',
|
||||||
|
'sob',
|
||||||
|
'sunglasses',
|
||||||
|
'heart',
|
||||||
|
'ok_hand',
|
||||||
|
];
|
||||||
|
|
||||||
|
const getFrequentlyUsedEmojis = createSelector([
|
||||||
|
state => state.getIn(['settings', 'frequentlyUsedEmojis'], ImmutableMap()),
|
||||||
|
], emojiCounters => {
|
||||||
|
let emojis = emojiCounters
|
||||||
|
.keySeq()
|
||||||
|
.sort((a, b) => emojiCounters.get(a) - emojiCounters.get(b))
|
||||||
|
.reverse()
|
||||||
|
.slice(0, perLine * lines)
|
||||||
|
.toArray();
|
||||||
|
|
||||||
|
if (emojis.length < DEFAULTS.length) {
|
||||||
|
emojis = emojis.concat(DEFAULTS.slice(0, DEFAULTS.length - emojis.length));
|
||||||
|
}
|
||||||
|
|
||||||
|
return emojis;
|
||||||
|
});
|
||||||
|
|
||||||
|
const getCustomEmojis = createSelector([
|
||||||
|
state => state.get('custom_emojis'),
|
||||||
|
], emojis => emojis.sort((a, b) => {
|
||||||
|
const aShort = a.get('shortcode').toLowerCase();
|
||||||
|
const bShort = b.get('shortcode').toLowerCase();
|
||||||
|
|
||||||
|
if (aShort < bShort) {
|
||||||
|
return -1;
|
||||||
|
} else if (aShort > bShort ) {
|
||||||
|
return 1;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
const mapStateToProps = state => ({
|
const mapStateToProps = state => ({
|
||||||
custom_emojis: state.get('custom_emojis'),
|
custom_emojis: getCustomEmojis(state),
|
||||||
|
autoPlay: state.getIn(['meta', 'auto_play_gif']),
|
||||||
|
skinTone: state.getIn(['settings', 'skinTone']),
|
||||||
|
frequentlyUsedEmojis: getFrequentlyUsedEmojis(state),
|
||||||
|
});
|
||||||
|
|
||||||
|
const mapDispatchToProps = (dispatch, { onPickEmoji }) => ({
|
||||||
|
onSkinTone: skinTone => {
|
||||||
|
dispatch(changeSetting(['skinTone'], skinTone));
|
||||||
|
},
|
||||||
|
|
||||||
|
onPickEmoji: emoji => {
|
||||||
|
dispatch(useEmoji(emoji));
|
||||||
|
|
||||||
|
if (onPickEmoji) {
|
||||||
|
onPickEmoji(emoji);
|
||||||
|
}
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
export default connect(mapStateToProps)(EmojiPickerDropdown);
|
export default connect(mapStateToProps, mapDispatchToProps)(EmojiPickerDropdown);
|
||||||
|
|||||||
@ -0,0 +1,21 @@
|
|||||||
|
import { connect } from 'react-redux';
|
||||||
|
import Upload from '../components/upload';
|
||||||
|
import { undoUploadCompose, changeUploadCompose } from '../../../actions/compose';
|
||||||
|
|
||||||
|
const mapStateToProps = (state, { id }) => ({
|
||||||
|
media: state.getIn(['compose', 'media_attachments']).find(item => item.get('id') === id),
|
||||||
|
});
|
||||||
|
|
||||||
|
const mapDispatchToProps = dispatch => ({
|
||||||
|
|
||||||
|
onUndo: id => {
|
||||||
|
dispatch(undoUploadCompose(id));
|
||||||
|
},
|
||||||
|
|
||||||
|
onDescriptionChange: (id, description) => {
|
||||||
|
dispatch(changeUploadCompose(id, description));
|
||||||
|
},
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
export default connect(mapStateToProps, mapDispatchToProps)(Upload);
|
||||||
@ -1,17 +1,8 @@
|
|||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import UploadForm from '../components/upload_form';
|
import UploadForm from '../components/upload_form';
|
||||||
import { undoUploadCompose } from '../../../actions/compose';
|
|
||||||
|
|
||||||
const mapStateToProps = state => ({
|
const mapStateToProps = state => ({
|
||||||
media: state.getIn(['compose', 'media_attachments']),
|
mediaIds: state.getIn(['compose', 'media_attachments']).map(item => item.get('id')),
|
||||||
});
|
});
|
||||||
|
|
||||||
const mapDispatchToProps = dispatch => ({
|
export default connect(mapStateToProps)(UploadForm);
|
||||||
|
|
||||||
onRemoveFile (media_id) {
|
|
||||||
dispatch(undoUploadCompose(media_id));
|
|
||||||
},
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
export default connect(mapStateToProps, mapDispatchToProps)(UploadForm);
|
|
||||||
|
|||||||
@ -0,0 +1,77 @@
|
|||||||
|
import unicodeMapping from './emoji_unicode_mapping_light';
|
||||||
|
import Trie from 'substring-trie';
|
||||||
|
|
||||||
|
const trie = new Trie(Object.keys(unicodeMapping));
|
||||||
|
|
||||||
|
const assetHost = process.env.CDN_HOST || '';
|
||||||
|
|
||||||
|
let allowAnimations = false;
|
||||||
|
|
||||||
|
const emojify = (str, customEmojis = {}) => {
|
||||||
|
let rtn = '';
|
||||||
|
for (;;) {
|
||||||
|
let match, i = 0, tag;
|
||||||
|
while (i < str.length && (tag = '<&:'.indexOf(str[i])) === -1 && !(match = trie.search(str.slice(i)))) {
|
||||||
|
i += str.codePointAt(i) < 65536 ? 1 : 2;
|
||||||
|
}
|
||||||
|
let rend, replacement = '';
|
||||||
|
if (i === str.length) {
|
||||||
|
break;
|
||||||
|
} else if (str[i] === ':') {
|
||||||
|
if (!(() => {
|
||||||
|
rend = str.indexOf(':', i + 1) + 1;
|
||||||
|
if (!rend) return false; // no pair of ':'
|
||||||
|
const lt = str.indexOf('<', i + 1);
|
||||||
|
if (!(lt === -1 || lt >= rend)) return false; // tag appeared before closing ':'
|
||||||
|
const shortname = str.slice(i, rend);
|
||||||
|
// now got a replacee as ':shortname:'
|
||||||
|
// if you want additional emoji handler, add statements below which set replacement and return true.
|
||||||
|
if (shortname in customEmojis) {
|
||||||
|
const filename = allowAnimations ? customEmojis[shortname].url : customEmojis[shortname].static_url;
|
||||||
|
replacement = `<img draggable="false" class="emojione" alt="${shortname}" title="${shortname}" src="${filename}" />`;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
})()) rend = ++i;
|
||||||
|
} else if (tag >= 0) { // <, &
|
||||||
|
rend = str.indexOf('>;'[tag], i + 1) + 1;
|
||||||
|
if (!rend) break;
|
||||||
|
i = rend;
|
||||||
|
} else { // matched to unicode emoji
|
||||||
|
const { filename, shortCode } = unicodeMapping[match];
|
||||||
|
const title = shortCode ? `:${shortCode}:` : '';
|
||||||
|
replacement = `<img draggable="false" class="emojione" alt="${match}" title="${title}" src="${assetHost}/emoji/${filename}.svg" />`;
|
||||||
|
rend = i + match.length;
|
||||||
|
}
|
||||||
|
rtn += str.slice(0, i) + replacement;
|
||||||
|
str = str.slice(rend);
|
||||||
|
}
|
||||||
|
return rtn + str;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default emojify;
|
||||||
|
|
||||||
|
export const buildCustomEmojis = (customEmojis, overrideAllowAnimations = false) => {
|
||||||
|
const emojis = [];
|
||||||
|
|
||||||
|
allowAnimations = overrideAllowAnimations;
|
||||||
|
|
||||||
|
customEmojis.forEach(emoji => {
|
||||||
|
const shortcode = emoji.get('shortcode');
|
||||||
|
const url = allowAnimations ? emoji.get('url') : emoji.get('static_url');
|
||||||
|
const name = shortcode.replace(':', '');
|
||||||
|
|
||||||
|
emojis.push({
|
||||||
|
id: name,
|
||||||
|
name,
|
||||||
|
short_names: [name],
|
||||||
|
text: '',
|
||||||
|
emoticons: [],
|
||||||
|
keywords: [name],
|
||||||
|
imageUrl: url,
|
||||||
|
custom: true,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
return emojis;
|
||||||
|
};
|
||||||
@ -0,0 +1,92 @@
|
|||||||
|
// @preval
|
||||||
|
// http://www.unicode.org/Public/emoji/5.0/emoji-test.txt
|
||||||
|
// This file contains the compressed version of the emoji data from
|
||||||
|
// both emoji_map.json and from emoji-mart's emojiIndex and data objects.
|
||||||
|
// It's designed to be emitted in an array format to take up less space
|
||||||
|
// over the wire.
|
||||||
|
|
||||||
|
const { unicodeToFilename } = require('./unicode_to_filename');
|
||||||
|
const { unicodeToUnifiedName } = require('./unicode_to_unified_name');
|
||||||
|
const emojiMap = require('./emoji_map.json');
|
||||||
|
const { emojiIndex } = require('emoji-mart');
|
||||||
|
const emojiMartData = require('emoji-mart/dist/data').default;
|
||||||
|
const excluded = ['®', '©', '™'];
|
||||||
|
const skins = ['🏻', '🏼', '🏽', '🏾', '🏿'];
|
||||||
|
const shortcodeMap = {};
|
||||||
|
|
||||||
|
const shortCodesToEmojiData = {};
|
||||||
|
const emojisWithoutShortCodes = [];
|
||||||
|
|
||||||
|
Object.keys(emojiIndex.emojis).forEach(key => {
|
||||||
|
shortcodeMap[emojiIndex.emojis[key].native] = emojiIndex.emojis[key].id;
|
||||||
|
});
|
||||||
|
|
||||||
|
const stripModifiers = unicode => {
|
||||||
|
skins.forEach(tone => {
|
||||||
|
unicode = unicode.replace(tone, '');
|
||||||
|
});
|
||||||
|
|
||||||
|
return unicode;
|
||||||
|
};
|
||||||
|
|
||||||
|
Object.keys(emojiMap).forEach(key => {
|
||||||
|
if (excluded.includes(key)) {
|
||||||
|
delete emojiMap[key];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const normalizedKey = stripModifiers(key);
|
||||||
|
let shortcode = shortcodeMap[normalizedKey];
|
||||||
|
|
||||||
|
if (!shortcode) {
|
||||||
|
shortcode = shortcodeMap[normalizedKey + '\uFE0F'];
|
||||||
|
}
|
||||||
|
|
||||||
|
const filename = emojiMap[key];
|
||||||
|
|
||||||
|
const filenameData = [key];
|
||||||
|
|
||||||
|
if (unicodeToFilename(key) !== filename) {
|
||||||
|
// filename can't be derived using unicodeToFilename
|
||||||
|
filenameData.push(filename);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof shortcode === 'undefined') {
|
||||||
|
emojisWithoutShortCodes.push(filenameData);
|
||||||
|
} else {
|
||||||
|
if (!Array.isArray(shortCodesToEmojiData[shortcode])) {
|
||||||
|
shortCodesToEmojiData[shortcode] = [[]];
|
||||||
|
}
|
||||||
|
shortCodesToEmojiData[shortcode][0].push(filenameData);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Object.keys(emojiIndex.emojis).forEach(key => {
|
||||||
|
const { native } = emojiIndex.emojis[key];
|
||||||
|
const { short_names, search, unified } = emojiMartData.emojis[key];
|
||||||
|
if (short_names[0] !== key) {
|
||||||
|
throw new Error('The compresser expects the first short_code to be the ' +
|
||||||
|
'key. It may need to be rewritten if the emoji change such that this ' +
|
||||||
|
'is no longer the case.');
|
||||||
|
}
|
||||||
|
|
||||||
|
short_names.splice(0, 1); // first short name can be inferred from the key
|
||||||
|
|
||||||
|
const searchData = [native, short_names, search];
|
||||||
|
if (unicodeToUnifiedName(native) !== unified) {
|
||||||
|
// unified name can't be derived from unicodeToUnifiedName
|
||||||
|
searchData.push(unified);
|
||||||
|
}
|
||||||
|
|
||||||
|
shortCodesToEmojiData[key].push(searchData);
|
||||||
|
});
|
||||||
|
|
||||||
|
// JSON.parse/stringify is to emulate what @preval is doing and avoid any
|
||||||
|
// inconsistent behavior in dev mode
|
||||||
|
module.exports = JSON.parse(JSON.stringify([
|
||||||
|
shortCodesToEmojiData,
|
||||||
|
emojiMartData.skins,
|
||||||
|
emojiMartData.categories,
|
||||||
|
emojiMartData.short_names,
|
||||||
|
emojisWithoutShortCodes,
|
||||||
|
]));
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
// The output of this module is designed to mimic emoji-mart's
|
||||||
|
// "data" object, such that we can use it for a light version of emoji-mart's
|
||||||
|
// emojiIndex.search functionality.
|
||||||
|
const { unicodeToUnifiedName } = require('./unicode_to_unified_name');
|
||||||
|
const [ shortCodesToEmojiData, skins, categories, short_names ] = require('./emoji_compressed');
|
||||||
|
|
||||||
|
const emojis = {};
|
||||||
|
|
||||||
|
// decompress
|
||||||
|
Object.keys(shortCodesToEmojiData).forEach((shortCode) => {
|
||||||
|
let [
|
||||||
|
filenameData, // eslint-disable-line no-unused-vars
|
||||||
|
searchData,
|
||||||
|
] = shortCodesToEmojiData[shortCode];
|
||||||
|
let [
|
||||||
|
native,
|
||||||
|
short_names,
|
||||||
|
search,
|
||||||
|
unified,
|
||||||
|
] = searchData;
|
||||||
|
|
||||||
|
if (!unified) {
|
||||||
|
// unified name can be derived from unicodeToUnifiedName
|
||||||
|
unified = unicodeToUnifiedName(native);
|
||||||
|
}
|
||||||
|
|
||||||
|
short_names = [shortCode].concat(short_names);
|
||||||
|
emojis[shortCode] = {
|
||||||
|
native,
|
||||||
|
search,
|
||||||
|
short_names,
|
||||||
|
unified,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
emojis,
|
||||||
|
skins,
|
||||||
|
categories,
|
||||||
|
short_names,
|
||||||
|
};
|
||||||
@ -0,0 +1,157 @@
|
|||||||
|
// This code is largely borrowed from:
|
||||||
|
// https://github.com/missive/emoji-mart/blob/5f2ffcc/src/utils/emoji-index.js
|
||||||
|
|
||||||
|
import data from './emoji_mart_data_light';
|
||||||
|
import { getData, getSanitizedData, intersect } from './emoji_utils';
|
||||||
|
|
||||||
|
let originalPool = {};
|
||||||
|
let index = {};
|
||||||
|
let emojisList = {};
|
||||||
|
let emoticonsList = {};
|
||||||
|
|
||||||
|
for (let emoji in data.emojis) {
|
||||||
|
let emojiData = data.emojis[emoji];
|
||||||
|
let { short_names, emoticons } = emojiData;
|
||||||
|
let id = short_names[0];
|
||||||
|
|
||||||
|
if (emoticons) {
|
||||||
|
emoticons.forEach(emoticon => {
|
||||||
|
if (emoticonsList[emoticon]) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
emoticonsList[emoticon] = id;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
emojisList[id] = getSanitizedData(id);
|
||||||
|
originalPool[id] = emojiData;
|
||||||
|
}
|
||||||
|
|
||||||
|
function addCustomToPool(custom, pool) {
|
||||||
|
custom.forEach((emoji) => {
|
||||||
|
let emojiId = emoji.id || emoji.short_names[0];
|
||||||
|
|
||||||
|
if (emojiId && !pool[emojiId]) {
|
||||||
|
pool[emojiId] = getData(emoji);
|
||||||
|
emojisList[emojiId] = getSanitizedData(emoji);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function search(value, { emojisToShowFilter, maxResults, include, exclude, custom = [] } = {}) {
|
||||||
|
addCustomToPool(custom, originalPool);
|
||||||
|
|
||||||
|
maxResults = maxResults || 75;
|
||||||
|
include = include || [];
|
||||||
|
exclude = exclude || [];
|
||||||
|
|
||||||
|
let results = null,
|
||||||
|
pool = originalPool;
|
||||||
|
|
||||||
|
if (value.length) {
|
||||||
|
if (value === '-' || value === '-1') {
|
||||||
|
return [emojisList['-1']];
|
||||||
|
}
|
||||||
|
|
||||||
|
let values = value.toLowerCase().split(/[\s|,|\-|_]+/),
|
||||||
|
allResults = [];
|
||||||
|
|
||||||
|
if (values.length > 2) {
|
||||||
|
values = [values[0], values[1]];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (include.length || exclude.length) {
|
||||||
|
pool = {};
|
||||||
|
|
||||||
|
data.categories.forEach(category => {
|
||||||
|
let isIncluded = include && include.length ? include.indexOf(category.name.toLowerCase()) > -1 : true;
|
||||||
|
let isExcluded = exclude && exclude.length ? exclude.indexOf(category.name.toLowerCase()) > -1 : false;
|
||||||
|
if (!isIncluded || isExcluded) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
category.emojis.forEach(emojiId => pool[emojiId] = data.emojis[emojiId]);
|
||||||
|
});
|
||||||
|
|
||||||
|
if (custom.length) {
|
||||||
|
let customIsIncluded = include && include.length ? include.indexOf('custom') > -1 : true;
|
||||||
|
let customIsExcluded = exclude && exclude.length ? exclude.indexOf('custom') > -1 : false;
|
||||||
|
if (customIsIncluded && !customIsExcluded) {
|
||||||
|
addCustomToPool(custom, pool);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
allResults = values.map((value) => {
|
||||||
|
let aPool = pool,
|
||||||
|
aIndex = index,
|
||||||
|
length = 0;
|
||||||
|
|
||||||
|
for (let charIndex = 0; charIndex < value.length; charIndex++) {
|
||||||
|
const char = value[charIndex];
|
||||||
|
length++;
|
||||||
|
|
||||||
|
aIndex[char] = aIndex[char] || {};
|
||||||
|
aIndex = aIndex[char];
|
||||||
|
|
||||||
|
if (!aIndex.results) {
|
||||||
|
let scores = {};
|
||||||
|
|
||||||
|
aIndex.results = [];
|
||||||
|
aIndex.pool = {};
|
||||||
|
|
||||||
|
for (let id in aPool) {
|
||||||
|
let emoji = aPool[id],
|
||||||
|
{ search } = emoji,
|
||||||
|
sub = value.substr(0, length),
|
||||||
|
subIndex = search.indexOf(sub);
|
||||||
|
|
||||||
|
if (subIndex !== -1) {
|
||||||
|
let score = subIndex + 1;
|
||||||
|
if (sub === id) score = 0;
|
||||||
|
|
||||||
|
aIndex.results.push(emojisList[id]);
|
||||||
|
aIndex.pool[id] = emoji;
|
||||||
|
|
||||||
|
scores[id] = score;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
aIndex.results.sort((a, b) => {
|
||||||
|
let aScore = scores[a.id],
|
||||||
|
bScore = scores[b.id];
|
||||||
|
|
||||||
|
return aScore - bScore;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
aPool = aIndex.pool;
|
||||||
|
}
|
||||||
|
|
||||||
|
return aIndex.results;
|
||||||
|
}).filter(a => a);
|
||||||
|
|
||||||
|
if (allResults.length > 1) {
|
||||||
|
results = intersect.apply(null, allResults);
|
||||||
|
} else if (allResults.length) {
|
||||||
|
results = allResults[0];
|
||||||
|
} else {
|
||||||
|
results = [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (results) {
|
||||||
|
if (emojisToShowFilter) {
|
||||||
|
results = results.filter((result) => emojisToShowFilter(data.emojis[result.id].unified));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (results && results.length > maxResults) {
|
||||||
|
results = results.slice(0, maxResults);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { search };
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
import Picker from 'emoji-mart/dist-es/components/picker';
|
||||||
|
import Emoji from 'emoji-mart/dist-es/components/emoji';
|
||||||
|
|
||||||
|
export {
|
||||||
|
Picker,
|
||||||
|
Emoji,
|
||||||
|
};
|
||||||
@ -0,0 +1,35 @@
|
|||||||
|
// A mapping of unicode strings to an object containing the filename
|
||||||
|
// (i.e. the svg filename) and a shortCode intended to be shown
|
||||||
|
// as a "title" attribute in an HTML element (aka tooltip).
|
||||||
|
|
||||||
|
const [
|
||||||
|
shortCodesToEmojiData,
|
||||||
|
skins, // eslint-disable-line no-unused-vars
|
||||||
|
categories, // eslint-disable-line no-unused-vars
|
||||||
|
short_names, // eslint-disable-line no-unused-vars
|
||||||
|
emojisWithoutShortCodes,
|
||||||
|
] = require('./emoji_compressed');
|
||||||
|
const { unicodeToFilename } = require('./unicode_to_filename');
|
||||||
|
|
||||||
|
// decompress
|
||||||
|
const unicodeMapping = {};
|
||||||
|
|
||||||
|
function processEmojiMapData(emojiMapData, shortCode) {
|
||||||
|
let [ native, filename ] = emojiMapData;
|
||||||
|
if (!filename) {
|
||||||
|
// filename name can be derived from unicodeToFilename
|
||||||
|
filename = unicodeToFilename(native);
|
||||||
|
}
|
||||||
|
unicodeMapping[native] = {
|
||||||
|
shortCode: shortCode,
|
||||||
|
filename: filename,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
Object.keys(shortCodesToEmojiData).forEach((shortCode) => {
|
||||||
|
let [ filenameData ] = shortCodesToEmojiData[shortCode];
|
||||||
|
filenameData.forEach(emojiMapData => processEmojiMapData(emojiMapData, shortCode));
|
||||||
|
});
|
||||||
|
emojisWithoutShortCodes.forEach(emojiMapData => processEmojiMapData(emojiMapData));
|
||||||
|
|
||||||
|
module.exports = unicodeMapping;
|
||||||
@ -0,0 +1,258 @@
|
|||||||
|
// This code is largely borrowed from:
|
||||||
|
// https://github.com/missive/emoji-mart/blob/5f2ffcc/src/utils/index.js
|
||||||
|
|
||||||
|
import data from './emoji_mart_data_light';
|
||||||
|
|
||||||
|
const buildSearch = (data) => {
|
||||||
|
const search = [];
|
||||||
|
|
||||||
|
let addToSearch = (strings, split) => {
|
||||||
|
if (!strings) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
(Array.isArray(strings) ? strings : [strings]).forEach((string) => {
|
||||||
|
(split ? string.split(/[-|_|\s]+/) : [string]).forEach((s) => {
|
||||||
|
s = s.toLowerCase();
|
||||||
|
|
||||||
|
if (search.indexOf(s) === -1) {
|
||||||
|
search.push(s);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
addToSearch(data.short_names, true);
|
||||||
|
addToSearch(data.name, true);
|
||||||
|
addToSearch(data.keywords, false);
|
||||||
|
addToSearch(data.emoticons, false);
|
||||||
|
|
||||||
|
return search.join(',');
|
||||||
|
};
|
||||||
|
|
||||||
|
const _String = String;
|
||||||
|
|
||||||
|
const stringFromCodePoint = _String.fromCodePoint || function () {
|
||||||
|
let MAX_SIZE = 0x4000;
|
||||||
|
let codeUnits = [];
|
||||||
|
let highSurrogate;
|
||||||
|
let lowSurrogate;
|
||||||
|
let index = -1;
|
||||||
|
let length = arguments.length;
|
||||||
|
if (!length) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
let result = '';
|
||||||
|
while (++index < length) {
|
||||||
|
let codePoint = Number(arguments[index]);
|
||||||
|
if (
|
||||||
|
!isFinite(codePoint) || // `NaN`, `+Infinity`, or `-Infinity`
|
||||||
|
codePoint < 0 || // not a valid Unicode code point
|
||||||
|
codePoint > 0x10FFFF || // not a valid Unicode code point
|
||||||
|
Math.floor(codePoint) !== codePoint // not an integer
|
||||||
|
) {
|
||||||
|
throw RangeError('Invalid code point: ' + codePoint);
|
||||||
|
}
|
||||||
|
if (codePoint <= 0xFFFF) { // BMP code point
|
||||||
|
codeUnits.push(codePoint);
|
||||||
|
} else { // Astral code point; split in surrogate halves
|
||||||
|
// http://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
|
||||||
|
codePoint -= 0x10000;
|
||||||
|
highSurrogate = (codePoint >> 10) + 0xD800;
|
||||||
|
lowSurrogate = (codePoint % 0x400) + 0xDC00;
|
||||||
|
codeUnits.push(highSurrogate, lowSurrogate);
|
||||||
|
}
|
||||||
|
if (index + 1 === length || codeUnits.length > MAX_SIZE) {
|
||||||
|
result += String.fromCharCode.apply(null, codeUnits);
|
||||||
|
codeUnits.length = 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const _JSON = JSON;
|
||||||
|
|
||||||
|
const COLONS_REGEX = /^(?:\:([^\:]+)\:)(?:\:skin-tone-(\d)\:)?$/;
|
||||||
|
const SKINS = [
|
||||||
|
'1F3FA', '1F3FB', '1F3FC',
|
||||||
|
'1F3FD', '1F3FE', '1F3FF',
|
||||||
|
];
|
||||||
|
|
||||||
|
function unifiedToNative(unified) {
|
||||||
|
let unicodes = unified.split('-'),
|
||||||
|
codePoints = unicodes.map((u) => `0x${u}`);
|
||||||
|
|
||||||
|
return stringFromCodePoint.apply(null, codePoints);
|
||||||
|
}
|
||||||
|
|
||||||
|
function sanitize(emoji) {
|
||||||
|
let { name, short_names, skin_tone, skin_variations, emoticons, unified, custom, imageUrl } = emoji,
|
||||||
|
id = emoji.id || short_names[0],
|
||||||
|
colons = `:${id}:`;
|
||||||
|
|
||||||
|
if (custom) {
|
||||||
|
return {
|
||||||
|
id,
|
||||||
|
name,
|
||||||
|
colons,
|
||||||
|
emoticons,
|
||||||
|
custom,
|
||||||
|
imageUrl,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (skin_tone) {
|
||||||
|
colons += `:skin-tone-${skin_tone}:`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
id,
|
||||||
|
name,
|
||||||
|
colons,
|
||||||
|
emoticons,
|
||||||
|
unified: unified.toLowerCase(),
|
||||||
|
skin: skin_tone || (skin_variations ? 1 : null),
|
||||||
|
native: unifiedToNative(unified),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSanitizedData() {
|
||||||
|
return sanitize(getData(...arguments));
|
||||||
|
}
|
||||||
|
|
||||||
|
function getData(emoji, skin, set) {
|
||||||
|
let emojiData = {};
|
||||||
|
|
||||||
|
if (typeof emoji === 'string') {
|
||||||
|
let matches = emoji.match(COLONS_REGEX);
|
||||||
|
|
||||||
|
if (matches) {
|
||||||
|
emoji = matches[1];
|
||||||
|
|
||||||
|
if (matches[2]) {
|
||||||
|
skin = parseInt(matches[2]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.short_names.hasOwnProperty(emoji)) {
|
||||||
|
emoji = data.short_names[emoji];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.emojis.hasOwnProperty(emoji)) {
|
||||||
|
emojiData = data.emojis[emoji];
|
||||||
|
}
|
||||||
|
} else if (emoji.id) {
|
||||||
|
if (data.short_names.hasOwnProperty(emoji.id)) {
|
||||||
|
emoji.id = data.short_names[emoji.id];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.emojis.hasOwnProperty(emoji.id)) {
|
||||||
|
emojiData = data.emojis[emoji.id];
|
||||||
|
skin = skin || emoji.skin;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!Object.keys(emojiData).length) {
|
||||||
|
emojiData = emoji;
|
||||||
|
emojiData.custom = true;
|
||||||
|
|
||||||
|
if (!emojiData.search) {
|
||||||
|
emojiData.search = buildSearch(emoji);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
emojiData.emoticons = emojiData.emoticons || [];
|
||||||
|
emojiData.variations = emojiData.variations || [];
|
||||||
|
|
||||||
|
if (emojiData.skin_variations && skin > 1 && set) {
|
||||||
|
emojiData = JSON.parse(_JSON.stringify(emojiData));
|
||||||
|
|
||||||
|
let skinKey = SKINS[skin - 1],
|
||||||
|
variationData = emojiData.skin_variations[skinKey];
|
||||||
|
|
||||||
|
if (!variationData.variations && emojiData.variations) {
|
||||||
|
delete emojiData.variations;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (variationData[`has_img_${set}`]) {
|
||||||
|
emojiData.skin_tone = skin;
|
||||||
|
|
||||||
|
for (let k in variationData) {
|
||||||
|
let v = variationData[k];
|
||||||
|
emojiData[k] = v;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (emojiData.variations && emojiData.variations.length) {
|
||||||
|
emojiData = JSON.parse(_JSON.stringify(emojiData));
|
||||||
|
emojiData.unified = emojiData.variations.shift();
|
||||||
|
}
|
||||||
|
|
||||||
|
return emojiData;
|
||||||
|
}
|
||||||
|
|
||||||
|
function uniq(arr) {
|
||||||
|
return arr.reduce((acc, item) => {
|
||||||
|
if (acc.indexOf(item) === -1) {
|
||||||
|
acc.push(item);
|
||||||
|
}
|
||||||
|
return acc;
|
||||||
|
}, []);
|
||||||
|
}
|
||||||
|
|
||||||
|
function intersect(a, b) {
|
||||||
|
const uniqA = uniq(a);
|
||||||
|
const uniqB = uniq(b);
|
||||||
|
|
||||||
|
return uniqA.filter(item => uniqB.indexOf(item) >= 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
function deepMerge(a, b) {
|
||||||
|
let o = {};
|
||||||
|
|
||||||
|
for (let key in a) {
|
||||||
|
let originalValue = a[key],
|
||||||
|
value = originalValue;
|
||||||
|
|
||||||
|
if (b.hasOwnProperty(key)) {
|
||||||
|
value = b[key];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof value === 'object') {
|
||||||
|
value = deepMerge(originalValue, value);
|
||||||
|
}
|
||||||
|
|
||||||
|
o[key] = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
return o;
|
||||||
|
}
|
||||||
|
|
||||||
|
// https://github.com/sonicdoe/measure-scrollbar
|
||||||
|
function measureScrollbar() {
|
||||||
|
const div = document.createElement('div');
|
||||||
|
|
||||||
|
div.style.width = '100px';
|
||||||
|
div.style.height = '100px';
|
||||||
|
div.style.overflow = 'scroll';
|
||||||
|
div.style.position = 'absolute';
|
||||||
|
div.style.top = '-9999px';
|
||||||
|
|
||||||
|
document.body.appendChild(div);
|
||||||
|
const scrollbarWidth = div.offsetWidth - div.clientWidth;
|
||||||
|
document.body.removeChild(div);
|
||||||
|
|
||||||
|
return scrollbarWidth;
|
||||||
|
}
|
||||||
|
|
||||||
|
export {
|
||||||
|
getData,
|
||||||
|
getSanitizedData,
|
||||||
|
uniq,
|
||||||
|
intersect,
|
||||||
|
deepMerge,
|
||||||
|
unifiedToNative,
|
||||||
|
measureScrollbar,
|
||||||
|
};
|
||||||
@ -0,0 +1,26 @@
|
|||||||
|
// taken from:
|
||||||
|
// https://github.com/twitter/twemoji/blob/47732c7/twemoji-generator.js#L848-L866
|
||||||
|
exports.unicodeToFilename = (str) => {
|
||||||
|
let result = '';
|
||||||
|
let charCode = 0;
|
||||||
|
let p = 0;
|
||||||
|
let i = 0;
|
||||||
|
while (i < str.length) {
|
||||||
|
charCode = str.charCodeAt(i++);
|
||||||
|
if (p) {
|
||||||
|
if (result.length > 0) {
|
||||||
|
result += '-';
|
||||||
|
}
|
||||||
|
result += (0x10000 + ((p - 0xD800) << 10) + (charCode - 0xDC00)).toString(16);
|
||||||
|
p = 0;
|
||||||
|
} else if (0xD800 <= charCode && charCode <= 0xDBFF) {
|
||||||
|
p = charCode;
|
||||||
|
} else {
|
||||||
|
if (result.length > 0) {
|
||||||
|
result += '-';
|
||||||
|
}
|
||||||
|
result += charCode.toString(16);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
};
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
function padLeft(str, num) {
|
||||||
|
while (str.length < num) {
|
||||||
|
str = '0' + str;
|
||||||
|
}
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
|
||||||
|
exports.unicodeToUnifiedName = (str) => {
|
||||||
|
let output = '';
|
||||||
|
for (let i = 0; i < str.length; i += 2) {
|
||||||
|
if (i > 0) {
|
||||||
|
output += '-';
|
||||||
|
}
|
||||||
|
output += padLeft(str.codePointAt(i).toString(16).toUpperCase(), 4);
|
||||||
|
}
|
||||||
|
return output;
|
||||||
|
};
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { connect } from 'react-redux';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import StatusListContainer from '../../ui/containers/status_list_container';
|
||||||
|
import {
|
||||||
|
refreshHashtagTimeline,
|
||||||
|
expandHashtagTimeline,
|
||||||
|
} from '../../../actions/timelines';
|
||||||
|
import Column from '../../../components/column';
|
||||||
|
import ColumnHeader from '../../../components/column_header';
|
||||||
|
|
||||||
|
@connect()
|
||||||
|
export default class HashtagTimeline extends React.PureComponent {
|
||||||
|
|
||||||
|
static propTypes = {
|
||||||
|
dispatch: PropTypes.func.isRequired,
|
||||||
|
hashtag: PropTypes.string.isRequired,
|
||||||
|
};
|
||||||
|
|
||||||
|
handleHeaderClick = () => {
|
||||||
|
this.column.scrollTop();
|
||||||
|
}
|
||||||
|
|
||||||
|
setRef = c => {
|
||||||
|
this.column = c;
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount () {
|
||||||
|
const { dispatch, hashtag } = this.props;
|
||||||
|
|
||||||
|
dispatch(refreshHashtagTimeline(hashtag));
|
||||||
|
|
||||||
|
this.polling = setInterval(() => {
|
||||||
|
dispatch(refreshHashtagTimeline(hashtag));
|
||||||
|
}, 10000);
|
||||||
|
}
|
||||||
|
|
||||||
|
componentWillUnmount () {
|
||||||
|
if (typeof this.polling !== 'undefined') {
|
||||||
|
clearInterval(this.polling);
|
||||||
|
this.polling = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleLoadMore = () => {
|
||||||
|
this.props.dispatch(expandHashtagTimeline(this.props.hashtag));
|
||||||
|
}
|
||||||
|
|
||||||
|
render () {
|
||||||
|
const { hashtag } = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Column ref={this.setRef}>
|
||||||
|
<ColumnHeader
|
||||||
|
icon='hashtag'
|
||||||
|
title={hashtag}
|
||||||
|
onClick={this.handleHeaderClick}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<StatusListContainer
|
||||||
|
trackScroll={false}
|
||||||
|
scrollKey='standalone_hashtag_timeline'
|
||||||
|
timelineId={`hashtag:${hashtag}`}
|
||||||
|
loadMore={this.handleLoadMore}
|
||||||
|
/>
|
||||||
|
</Column>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,46 @@
|
|||||||
|
// APIs for normalizing fullscreen operations. Note that Edge uses
|
||||||
|
// the WebKit-prefixed APIs currently (as of Edge 16).
|
||||||
|
|
||||||
|
export const isFullscreen = () => document.fullscreenElement ||
|
||||||
|
document.webkitFullscreenElement ||
|
||||||
|
document.mozFullScreenElement;
|
||||||
|
|
||||||
|
export const exitFullscreen = () => {
|
||||||
|
if (document.exitFullscreen) {
|
||||||
|
document.exitFullscreen();
|
||||||
|
} else if (document.webkitExitFullscreen) {
|
||||||
|
document.webkitExitFullscreen();
|
||||||
|
} else if (document.mozCancelFullScreen) {
|
||||||
|
document.mozCancelFullScreen();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const requestFullscreen = el => {
|
||||||
|
if (el.requestFullscreen) {
|
||||||
|
el.requestFullscreen();
|
||||||
|
} else if (el.webkitRequestFullscreen) {
|
||||||
|
el.webkitRequestFullscreen();
|
||||||
|
} else if (el.mozRequestFullScreen) {
|
||||||
|
el.mozRequestFullScreen();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const attachFullscreenListener = (listener) => {
|
||||||
|
if ('onfullscreenchange' in document) {
|
||||||
|
document.addEventListener('fullscreenchange', listener);
|
||||||
|
} else if ('onwebkitfullscreenchange' in document) {
|
||||||
|
document.addEventListener('webkitfullscreenchange', listener);
|
||||||
|
} else if ('onmozfullscreenchange' in document) {
|
||||||
|
document.addEventListener('mozfullscreenchange', listener);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const detachFullscreenListener = (listener) => {
|
||||||
|
if ('onfullscreenchange' in document) {
|
||||||
|
document.removeEventListener('fullscreenchange', listener);
|
||||||
|
} else if ('onwebkitfullscreenchange' in document) {
|
||||||
|
document.removeEventListener('webkitfullscreenchange', listener);
|
||||||
|
} else if ('onmozfullscreenchange' in document) {
|
||||||
|
document.removeEventListener('mozfullscreenchange', listener);
|
||||||
|
}
|
||||||
|
};
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue