Pleroma/priv/static/packs/features/direct_timeline.js.map

1 line
25 KiB
Plaintext

{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/direct_timeline/components/conversation.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/direct_timeline/containers/conversation_container.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/direct_timeline/components/conversations_list.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/direct_timeline/containers/conversations_list_container.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/direct_timeline/index.js"],"names":["messages","defineMessages","more","open","reply","markAsRead","delete","muteConversation","unmuteConversation","Conversation","injectIntl","target","src","getAttribute","context","router","props","lastStatus","unread","markRead","history","push","get","onMoveUp","conversationId","onMoveDown","onMute","onToggleHidden","c","namesNode","_updateEmojis","node","this","autoPlayGif","emojis","querySelectorAll","i","length","emoji","classList","contains","add","addEventListener","handleEmojiMouseEnter","handleEmojiMouseLeave","componentDidMount","componentDidUpdate","render","accounts","intl","menu","text","formatMessage","action","handleClick","handleConversationMute","handleMarkAsRead","handleDelete","names","map","a","to","href","title","className","dangerouslySetInnerHTML","__html","reduce","prev","cur","handlers","handleReply","moveUp","handleHotkeyMoveUp","moveDown","handleHotkeyMoveDown","toggleHidden","handleShowMore","classNames","tabIndex","size","timestamp","ref","setNamesRef","id","defaultMessage","values","status","onClick","expanded","onExpandedToggle","collapsable","compact","media","icon","items","direction","ImmutablePureComponent","PropTypes","object","string","isRequired","ImmutablePropTypes","list","bool","func","replyConfirm","replyMessage","connect","getStatus","makeGetStatus","state","conversation","getIn","find","x","lastStatusId","accountId","dispatch","markConversationRead","_","getState","trim","openModal","message","confirm","onConfirm","replyCompose","deleteConversation","unmuteStatus","muteStatus","revealStatus","hideStatus","ConversationsList","conversations","findIndex","elementIndex","getCurrentIndex","_selectChild","last","onLoadMore","leading","index","align_top","container","element","querySelector","scrollTop","offsetTop","scrollIntoView","clientHeight","offsetHeight","focus","other","handleLoadOlder","scrollKey","setRef","item","handleMoveUp","handleMoveDown","hasMore","isLoading","shouldUpdateScroll","maxId","expandConversations","DirectTimeline","columnId","removeColumn","addColumn","dir","moveColumn","column","mountConversations","disconnect","connectDirectStream","componentWillUnmount","unmountConversations","hasUnread","multiColumn","pinned","bindToDocument","label","active","onPin","handlePin","onMove","handleMove","handleHeaderClick","trackScroll","timelineId","handleLoadMore","emptyMessage","React","PureComponent"],"mappings":"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","file":"features/direct_timeline.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport StatusContent from 'mastodon/components/status_content';\nimport AttachmentList from 'mastodon/components/attachment_list';\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\nimport DropdownMenuContainer from 'mastodon/containers/dropdown_menu_container';\nimport AvatarComposite from 'mastodon/components/avatar_composite';\nimport Permalink from 'mastodon/components/permalink';\nimport IconButton from 'mastodon/components/icon_button';\nimport RelativeTimestamp from 'mastodon/components/relative_timestamp';\nimport { HotKeys } from 'react-hotkeys';\nimport { autoPlayGif } from 'mastodon/initial_state';\nimport classNames from 'classnames';\n\nconst messages = defineMessages({\n more: { id: 'status.more', defaultMessage: 'More' },\n open: { id: 'conversation.open', defaultMessage: 'View conversation' },\n reply: { id: 'status.reply', defaultMessage: 'Reply' },\n markAsRead: { id: 'conversation.mark_as_read', defaultMessage: 'Mark as read' },\n delete: { id: 'conversation.delete', defaultMessage: 'Delete conversation' },\n muteConversation: { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },\n unmuteConversation: { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },\n});\n\nexport default @injectIntl\nclass Conversation extends ImmutablePureComponent {\n\n static contextTypes = {\n router: PropTypes.object,\n };\n\n static propTypes = {\n conversationId: PropTypes.string.isRequired,\n accounts: ImmutablePropTypes.list.isRequired,\n lastStatus: ImmutablePropTypes.map,\n unread:PropTypes.bool.isRequired,\n onMoveUp: PropTypes.func,\n onMoveDown: PropTypes.func,\n markRead: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n _updateEmojis () {\n const node = this.namesNode;\n\n if (!node || autoPlayGif) {\n return;\n }\n\n const emojis = node.querySelectorAll('.custom-emoji');\n\n for (var i = 0; i < emojis.length; i++) {\n let emoji = emojis[i];\n if (emoji.classList.contains('status-emoji')) {\n continue;\n }\n emoji.classList.add('status-emoji');\n\n emoji.addEventListener('mouseenter', this.handleEmojiMouseEnter, false);\n emoji.addEventListener('mouseleave', this.handleEmojiMouseLeave, false);\n }\n }\n\n componentDidMount () {\n this._updateEmojis();\n }\n\n componentDidUpdate () {\n this._updateEmojis();\n }\n\n handleEmojiMouseEnter = ({ target }) => {\n target.src = target.getAttribute('data-original');\n }\n\n handleEmojiMouseLeave = ({ target }) => {\n target.src = target.getAttribute('data-static');\n }\n\n handleClick = () => {\n if (!this.context.router) {\n return;\n }\n\n const { lastStatus, unread, markRead } = this.props;\n\n if (unread) {\n markRead();\n }\n\n this.context.router.history.push(`/statuses/${lastStatus.get('id')}`);\n }\n\n handleMarkAsRead = () => {\n this.props.markRead();\n }\n\n handleReply = () => {\n this.props.reply(this.props.lastStatus, this.context.router.history);\n }\n\n handleDelete = () => {\n this.props.delete();\n }\n\n handleHotkeyMoveUp = () => {\n this.props.onMoveUp(this.props.conversationId);\n }\n\n handleHotkeyMoveDown = () => {\n this.props.onMoveDown(this.props.conversationId);\n }\n\n handleConversationMute = () => {\n this.props.onMute(this.props.lastStatus);\n }\n\n handleShowMore = () => {\n this.props.onToggleHidden(this.props.lastStatus);\n }\n\n setNamesRef = (c) => {\n this.namesNode = c;\n }\n\n render () {\n const { accounts, lastStatus, unread, intl } = this.props;\n\n if (lastStatus === null) {\n return null;\n }\n\n const menu = [\n { text: intl.formatMessage(messages.open), action: this.handleClick },\n null,\n ];\n\n menu.push({ text: intl.formatMessage(lastStatus.get('muted') ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMute });\n\n if (unread) {\n menu.push({ text: intl.formatMessage(messages.markAsRead), action: this.handleMarkAsRead });\n menu.push(null);\n }\n\n menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDelete });\n\n const names = accounts.map(a => <Permalink to={`/accounts/${a.get('id')}`} href={a.get('url')} key={a.get('id')} title={a.get('acct')}><bdi><strong className='display-name__html' dangerouslySetInnerHTML={{ __html: a.get('display_name_html') }} /></bdi></Permalink>).reduce((prev, cur) => [prev, ', ', cur]);\n\n const handlers = {\n reply: this.handleReply,\n open: this.handleClick,\n moveUp: this.handleHotkeyMoveUp,\n moveDown: this.handleHotkeyMoveDown,\n toggleHidden: this.handleShowMore,\n };\n\n return (\n <HotKeys handlers={handlers}>\n <div className={classNames('conversation focusable muted', { 'conversation--unread': unread })} tabIndex='0'>\n <div className='conversation__avatar'>\n <AvatarComposite accounts={accounts} size={48} />\n </div>\n\n <div className='conversation__content'>\n <div className='conversation__content__info'>\n <div className='conversation__content__relative-time'>\n {unread && <span className='conversation__unread' />} <RelativeTimestamp timestamp={lastStatus.get('created_at')} />\n </div>\n\n <div className='conversation__content__names' ref={this.setNamesRef}>\n <FormattedMessage id='conversation.with' defaultMessage='With {names}' values={{ names: <span>{names}</span> }} />\n </div>\n </div>\n\n <StatusContent\n status={lastStatus}\n onClick={this.handleClick}\n expanded={!lastStatus.get('hidden')}\n onExpandedToggle={this.handleShowMore}\n collapsable\n />\n\n {lastStatus.get('media_attachments').size > 0 && (\n <AttachmentList\n compact\n media={lastStatus.get('media_attachments')}\n />\n )}\n\n <div className='status__action-bar'>\n <IconButton className='status__action-bar-button' title={intl.formatMessage(messages.reply)} icon='reply' onClick={this.handleReply} />\n\n <div className='status__action-bar-dropdown'>\n <DropdownMenuContainer status={lastStatus} items={menu} icon='ellipsis-h' size={18} direction='right' title={intl.formatMessage(messages.more)} />\n </div>\n </div>\n </div>\n </div>\n </HotKeys>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport Conversation from '../components/conversation';\nimport { markConversationRead, deleteConversation } from 'mastodon/actions/conversations';\nimport { makeGetStatus } from 'mastodon/selectors';\nimport { replyCompose } from 'mastodon/actions/compose';\nimport { openModal } from 'mastodon/actions/modal';\nimport { muteStatus, unmuteStatus, hideStatus, revealStatus } from 'mastodon/actions/statuses';\nimport { defineMessages, injectIntl } from 'react-intl';\n\nconst messages = defineMessages({\n replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },\n replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },\n});\n\nconst mapStateToProps = () => {\n const getStatus = makeGetStatus();\n\n return (state, { conversationId }) => {\n const conversation = state.getIn(['conversations', 'items']).find(x => x.get('id') === conversationId);\n const lastStatusId = conversation.get('last_status', null);\n\n return {\n accounts: conversation.get('accounts').map(accountId => state.getIn(['accounts', accountId], null)),\n unread: conversation.get('unread'),\n lastStatus: lastStatusId && getStatus(state, { id: lastStatusId }),\n };\n };\n};\n\nconst mapDispatchToProps = (dispatch, { intl, conversationId }) => ({\n\n markRead () {\n dispatch(markConversationRead(conversationId));\n },\n\n reply (status, router) {\n dispatch((_, getState) => {\n let state = getState();\n\n if (state.getIn(['compose', 'text']).trim().length !== 0) {\n dispatch(openModal('CONFIRM', {\n message: intl.formatMessage(messages.replyMessage),\n confirm: intl.formatMessage(messages.replyConfirm),\n onConfirm: () => dispatch(replyCompose(status, router)),\n }));\n } else {\n dispatch(replyCompose(status, router));\n }\n });\n },\n\n delete () {\n dispatch(deleteConversation(conversationId));\n },\n\n onMute (status) {\n if (status.get('muted')) {\n dispatch(unmuteStatus(status.get('id')));\n } else {\n dispatch(muteStatus(status.get('id')));\n }\n },\n\n onToggleHidden (status) {\n if (status.get('hidden')) {\n dispatch(revealStatus(status.get('id')));\n } else {\n dispatch(hideStatus(status.get('id')));\n }\n },\n\n});\n\nexport default injectIntl(connect(mapStateToProps, mapDispatchToProps)(Conversation));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport ConversationContainer from '../containers/conversation_container';\nimport ScrollableList from '../../../components/scrollable_list';\nimport { debounce } from 'lodash';\n\nexport default class ConversationsList extends ImmutablePureComponent {\n\n static propTypes = {\n conversations: ImmutablePropTypes.list.isRequired,\n hasMore: PropTypes.bool,\n isLoading: PropTypes.bool,\n onLoadMore: PropTypes.func,\n shouldUpdateScroll: PropTypes.func,\n };\n\n getCurrentIndex = id => this.props.conversations.findIndex(x => x.get('id') === id)\n\n handleMoveUp = id => {\n const elementIndex = this.getCurrentIndex(id) - 1;\n this._selectChild(elementIndex, true);\n }\n\n handleMoveDown = id => {\n const elementIndex = this.getCurrentIndex(id) + 1;\n this._selectChild(elementIndex, false);\n }\n\n _selectChild (index, align_top) {\n const container = this.node.node;\n const element = container.querySelector(`article:nth-of-type(${index + 1}) .focusable`);\n\n if (element) {\n if (align_top && container.scrollTop > element.offsetTop) {\n element.scrollIntoView(true);\n } else if (!align_top && container.scrollTop + container.clientHeight < element.offsetTop + element.offsetHeight) {\n element.scrollIntoView(false);\n }\n element.focus();\n }\n }\n\n setRef = c => {\n this.node = c;\n }\n\n handleLoadOlder = debounce(() => {\n const last = this.props.conversations.last();\n\n if (last && last.get('last_status')) {\n this.props.onLoadMore(last.get('last_status'));\n }\n }, 300, { leading: true })\n\n render () {\n const { conversations, onLoadMore, ...other } = this.props;\n\n return (\n <ScrollableList {...other} onLoadMore={onLoadMore && this.handleLoadOlder} scrollKey='direct' ref={this.setRef}>\n {conversations.map(item => (\n <ConversationContainer\n key={item.get('id')}\n conversationId={item.get('id')}\n onMoveUp={this.handleMoveUp}\n onMoveDown={this.handleMoveDown}\n />\n ))}\n </ScrollableList>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport ConversationsList from '../components/conversations_list';\nimport { expandConversations } from '../../../actions/conversations';\n\nconst mapStateToProps = state => ({\n conversations: state.getIn(['conversations', 'items']),\n isLoading: state.getIn(['conversations', 'isLoading'], true),\n hasMore: state.getIn(['conversations', 'hasMore'], false),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onLoadMore: maxId => dispatch(expandConversations({ maxId })),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ConversationsList);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport Column from '../../components/column';\nimport ColumnHeader from '../../components/column_header';\nimport { mountConversations, unmountConversations, expandConversations } from '../../actions/conversations';\nimport { addColumn, removeColumn, moveColumn } from '../../actions/columns';\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\nimport { connectDirectStream } from '../../actions/streaming';\nimport ConversationsListContainer from './containers/conversations_list_container';\n\nconst messages = defineMessages({\n title: { id: 'column.direct', defaultMessage: 'Direct messages' },\n});\n\nexport default @connect()\n@injectIntl\nclass DirectTimeline extends React.PureComponent {\n\n static propTypes = {\n dispatch: PropTypes.func.isRequired,\n shouldUpdateScroll: PropTypes.func,\n columnId: PropTypes.string,\n intl: PropTypes.object.isRequired,\n hasUnread: PropTypes.bool,\n multiColumn: PropTypes.bool,\n };\n\n handlePin = () => {\n const { columnId, dispatch } = this.props;\n\n if (columnId) {\n dispatch(removeColumn(columnId));\n } else {\n dispatch(addColumn('DIRECT', {}));\n }\n }\n\n handleMove = (dir) => {\n const { columnId, dispatch } = this.props;\n dispatch(moveColumn(columnId, dir));\n }\n\n handleHeaderClick = () => {\n this.column.scrollTop();\n }\n\n componentDidMount () {\n const { dispatch } = this.props;\n\n dispatch(mountConversations());\n dispatch(expandConversations());\n this.disconnect = dispatch(connectDirectStream());\n }\n\n componentWillUnmount () {\n this.props.dispatch(unmountConversations());\n\n if (this.disconnect) {\n this.disconnect();\n this.disconnect = null;\n }\n }\n\n setRef = c => {\n this.column = c;\n }\n\n handleLoadMore = maxId => {\n this.props.dispatch(expandConversations({ maxId }));\n }\n\n render () {\n const { intl, hasUnread, columnId, multiColumn, shouldUpdateScroll } = this.props;\n const pinned = !!columnId;\n\n return (\n <Column bindToDocument={!multiColumn} ref={this.setRef} label={intl.formatMessage(messages.title)}>\n <ColumnHeader\n icon='envelope'\n active={hasUnread}\n title={intl.formatMessage(messages.title)}\n onPin={this.handlePin}\n onMove={this.handleMove}\n onClick={this.handleHeaderClick}\n pinned={pinned}\n multiColumn={multiColumn}\n />\n\n <ConversationsListContainer\n trackScroll={!pinned}\n scrollKey={`direct_timeline-${columnId}`}\n timelineId='direct'\n onLoadMore={this.handleLoadMore}\n emptyMessage={<FormattedMessage id='empty_column.direct' defaultMessage=\"You don't have any direct messages yet. When you send or receive one, it will show up here.\" />}\n shouldUpdateScroll={shouldUpdateScroll}\n />\n </Column>\n );\n }\n\n}\n"],"sourceRoot":""}