X-Git-Url: http://git.squeep.com/?a=blobdiff_plain;f=priv%2Fstatic%2Fpacks%2Ffeatures%2Faccount_gallery.js.map;h=48f410fa04b6f93eacde1d3b31c8a7b008ca3f81;hb=d9cb8acd3e43f2b3502f2b08ce469483c67789f6;hp=e5e95a8e8b8040c7a0de35ff5c7b2ea43487c0c4;hpb=0fe165165f971e66be8870bfa3fc7dc95049b2d2;p=akkoma diff --git a/priv/static/packs/features/account_gallery.js.map b/priv/static/packs/features/account_gallery.js.map index e5e95a8e8..48f410fa0 100644 --- a/priv/static/packs/features/account_gallery.js.map +++ b/priv/static/packs/features/account_gallery.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./app/javascript/mastodon/features/account_gallery/components/media_item.js","webpack:///./app/javascript/mastodon/features/account_gallery/index.js"],"names":["media_item_MediaItem","state","visible","_this","props","media","getIn","initial_state","handleClick","setState","render","this","status","get","x","y","style","label","icon","jsx_default","className","backgroundImage","backgroundPosition","permalink","to","href","onInterceptClick","react_immutable_pure_component_es","propTypes","ImmutablePropTypes_default","a","map","isRequired","account_gallery_LoadMoreMedia","handleLoadMore","onLoadMore","maxId","load_more","disabled","shouldUpdateScroll","prop_types_default","func","string","account_gallery_AccountGallery","Object","es","medias","selectors","params","accountId","isLoading","hasMore","handleScrollToBottom","_this2","last","handleScroll","e","_e$target","target","scrollTop","scrollHeight","clientHeight","dispatch","timelines","handleLoadOlder","preventDefault","componentDidMount","accounts","componentWillReceiveProps","nextProps","_props","loadOlder","column","loading_indicator","size","onClick","column_back_button","react_router_scroll_4_es","scrollKey","onScroll","header_container","index","object","list","bool"],"mappings":"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","file":"features/account_gallery.js","sourcesContent":["import React from 'react';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport Permalink from '../../../components/permalink';\nimport { displaySensitiveMedia } from '../../../initial_state';\n\nexport default class MediaItem extends ImmutablePureComponent {\n\n static propTypes = {\n media: ImmutablePropTypes.map.isRequired,\n };\n\n state = {\n visible: !this.props.media.getIn(['status', 'sensitive']) || displaySensitiveMedia,\n };\n\n handleClick = () => {\n if (!this.state.visible) {\n this.setState({ visible: true });\n return true;\n }\n\n return false;\n }\n\n render () {\n const { media } = this.props;\n const { visible } = this.state;\n const status = media.get('status');\n const focusX = media.getIn(['meta', 'focus', 'x']);\n const focusY = media.getIn(['meta', 'focus', 'y']);\n const x = ((focusX / 2) + .5) * 100;\n const y = ((focusY / -2) + .5) * 100;\n const style = {};\n\n let label, icon;\n\n if (media.get('type') === 'gifv') {\n label = GIF;\n }\n\n if (visible) {\n style.backgroundImage = `url(${media.get('preview_url')})`;\n style.backgroundPosition = `${x}% ${y}%`;\n } else {\n icon = (\n \n \n \n );\n }\n\n return (\n
\n \n {icon}\n {label}\n \n
\n );\n }\n\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport PropTypes from 'prop-types';\nimport { fetchAccount } from '../../actions/accounts';\nimport { expandAccountMediaTimeline } from '../../actions/timelines';\nimport LoadingIndicator from '../../components/loading_indicator';\nimport Column from '../ui/components/column';\nimport ColumnBackButton from '../../components/column_back_button';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { getAccountGallery } from '../../selectors';\nimport MediaItem from './components/media_item';\nimport HeaderContainer from '../account_timeline/containers/header_container';\nimport { ScrollContainer } from 'react-router-scroll-4';\nimport LoadMore from '../../components/load_more';\n\nconst mapStateToProps = (state, props) => ({\n medias: getAccountGallery(state, props.params.accountId),\n isLoading: state.getIn(['timelines', `account:${props.params.accountId}:media`, 'isLoading']),\n hasMore: state.getIn(['timelines', `account:${props.params.accountId}:media`, 'hasMore']),\n});\n\nclass LoadMoreMedia extends ImmutablePureComponent {\n\n static propTypes = {\n shouldUpdateScroll: PropTypes.func,\n maxId: PropTypes.string,\n onLoadMore: PropTypes.func.isRequired,\n };\n\n handleLoadMore = () => {\n this.props.onLoadMore(this.props.maxId);\n }\n\n render () {\n return (\n \n );\n }\n\n}\n\n@connect(mapStateToProps)\nexport default class AccountGallery extends ImmutablePureComponent {\n\n static propTypes = {\n params: PropTypes.object.isRequired,\n dispatch: PropTypes.func.isRequired,\n medias: ImmutablePropTypes.list.isRequired,\n isLoading: PropTypes.bool,\n hasMore: PropTypes.bool,\n };\n\n componentDidMount () {\n this.props.dispatch(fetchAccount(this.props.params.accountId));\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId));\n }\n\n componentWillReceiveProps (nextProps) {\n if (nextProps.params.accountId !== this.props.params.accountId && nextProps.params.accountId) {\n this.props.dispatch(fetchAccount(nextProps.params.accountId));\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId));\n }\n }\n\n handleScrollToBottom = () => {\n if (this.props.hasMore) {\n this.handleLoadMore(this.props.medias.last().getIn(['status', 'id']));\n }\n }\n\n handleScroll = (e) => {\n const { scrollTop, scrollHeight, clientHeight } = e.target;\n const offset = scrollHeight - scrollTop - clientHeight;\n\n if (150 > offset && !this.props.isLoading) {\n this.handleScrollToBottom();\n }\n }\n\n handleLoadMore = maxId => {\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId, { maxId }));\n };\n\n handleLoadOlder = (e) => {\n e.preventDefault();\n this.handleScrollToBottom();\n }\n\n render () {\n const { medias, shouldUpdateScroll, isLoading, hasMore } = this.props;\n\n let loadOlder = null;\n\n if (!medias && isLoading) {\n return (\n \n \n \n );\n }\n\n if (!isLoading && medias.size > 0 && hasMore) {\n loadOlder = ;\n }\n\n return (\n \n \n\n \n
\n \n\n
\n {medias.map((media, index) => media === null ? (\n 0 ? medias.getIn(index - 1, 'id') : null}\n />\n ) : (\n \n ))}\n {loadOlder}\n
\n
\n \n \n );\n }\n\n}\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/account_gallery/components/media_item.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/account_gallery/index.js"],"names":["MediaItem","visible","displayMedia","props","attachment","getIn","loaded","c","canvas","setState","e","hoverToPlay","target","play","pause","currentTime","button","ctrlKey","metaKey","preventDefault","state","onOpenMedia","componentDidMount","this","get","_decode","componentDidUpdate","prevProps","hash","pixels","decode","ctx","getContext","imageData","ImageData","putImageData","autoPlayGif","indexOf","render","icon","displayWidth","width","Math","floor","height","status","title","thumbnail","className","id","x","y","src","alt","style","objectPosition","onLoad","handleImageLoad","autoPlay","isIOS","classNames","autoplay","aria-label","role","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","loop","muted","href","onClick","handleClick","ref","setCanvasRef","ImmutablePureComponent","ImmutablePropTypes","map","isRequired","PropTypes","number","func","LoadMoreMedia","onLoadMore","maxId","disabled","handleLoadMore","shouldUpdateScroll","string","AccountGallery","connect","isAccount","params","accountId","attachments","getAccountGallery","isLoading","hasMore","size","last","undefined","scrollTop","scrollHeight","clientHeight","handleScrollToBottom","dispatch","expandAccountMediaTimeline","includes","openModal","media","index","findIndex","offsetWidth","fetchAccount","componentWillReceiveProps","nextProps","multiColumn","loadOlder","handleLoadOlder","scrollKey","onScroll","handleScroll","handleRef","handleOpenMedia","object","list","bool"],"mappings":"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","file":"features/account_gallery.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 Icon from 'mastodon/components/icon';\nimport { autoPlayGif, displayMedia } from 'mastodon/initial_state';\nimport classNames from 'classnames';\nimport { decode } from 'blurhash';\nimport { isIOS } from 'mastodon/is_mobile';\n\nexport default class MediaItem extends ImmutablePureComponent {\n\n static propTypes = {\n attachment: ImmutablePropTypes.map.isRequired,\n displayWidth: PropTypes.number.isRequired,\n onOpenMedia: PropTypes.func.isRequired,\n };\n\n state = {\n visible: displayMedia !== 'hide_all' && !this.props.attachment.getIn(['status', 'sensitive']) || displayMedia === 'show_all',\n loaded: false,\n };\n\n componentDidMount () {\n if (this.props.attachment.get('blurhash')) {\n this._decode();\n }\n }\n\n componentDidUpdate (prevProps) {\n if (prevProps.attachment.get('blurhash') !== this.props.attachment.get('blurhash') && this.props.attachment.get('blurhash')) {\n this._decode();\n }\n }\n\n _decode () {\n const hash = this.props.attachment.get('blurhash');\n const pixels = decode(hash, 32, 32);\n\n if (pixels) {\n const ctx = this.canvas.getContext('2d');\n const imageData = new ImageData(pixels, 32, 32);\n\n ctx.putImageData(imageData, 0, 0);\n }\n }\n\n setCanvasRef = c => {\n this.canvas = c;\n }\n\n handleImageLoad = () => {\n this.setState({ loaded: true });\n }\n\n handleMouseEnter = e => {\n if (this.hoverToPlay()) {\n e.target.play();\n }\n }\n\n handleMouseLeave = e => {\n if (this.hoverToPlay()) {\n e.target.pause();\n e.target.currentTime = 0;\n }\n }\n\n hoverToPlay () {\n return !autoPlayGif && ['gifv', 'video'].indexOf(this.props.attachment.get('type')) !== -1;\n }\n\n handleClick = e => {\n if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {\n e.preventDefault();\n\n if (this.state.visible) {\n this.props.onOpenMedia(this.props.attachment);\n } else {\n this.setState({ visible: true });\n }\n }\n }\n\n render () {\n const { attachment, displayWidth } = this.props;\n const { visible, loaded } = this.state;\n\n const width = `${Math.floor((displayWidth - 4) / 3) - 4}px`;\n const height = width;\n const status = attachment.get('status');\n const title = status.get('spoiler_text') || attachment.get('description');\n\n let thumbnail = '';\n let icon;\n\n if (attachment.get('type') === 'unknown') {\n // Skip\n } else if (attachment.get('type') === 'audio') {\n thumbnail = (\n \n \n \n );\n } else if (attachment.get('type') === 'image') {\n const focusX = attachment.getIn(['meta', 'focus', 'x']) || 0;\n const focusY = attachment.getIn(['meta', 'focus', 'y']) || 0;\n const x = ((focusX / 2) + .5) * 100;\n const y = ((focusY / -2) + .5) * 100;\n\n thumbnail = (\n \n );\n } else if (['gifv', 'video'].indexOf(attachment.get('type')) !== -1) {\n const autoPlay = !isIOS() && autoPlayGif;\n\n thumbnail = (\n
\n \n\n GIF\n
\n );\n }\n\n if (!visible) {\n icon = (\n \n \n \n );\n }\n\n return (\n
\n \n \n {visible && thumbnail}\n {!visible && icon}\n \n
\n );\n }\n\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport PropTypes from 'prop-types';\nimport { fetchAccount } from 'mastodon/actions/accounts';\nimport { expandAccountMediaTimeline } from '../../actions/timelines';\nimport LoadingIndicator from 'mastodon/components/loading_indicator';\nimport Column from '../ui/components/column';\nimport ColumnBackButton from 'mastodon/components/column_back_button';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { getAccountGallery } from 'mastodon/selectors';\nimport MediaItem from './components/media_item';\nimport HeaderContainer from '../account_timeline/containers/header_container';\nimport { ScrollContainer } from 'react-router-scroll-4';\nimport LoadMore from 'mastodon/components/load_more';\nimport MissingIndicator from 'mastodon/components/missing_indicator';\nimport { openModal } from 'mastodon/actions/modal';\n\nconst mapStateToProps = (state, props) => ({\n isAccount: !!state.getIn(['accounts', props.params.accountId]),\n attachments: getAccountGallery(state, props.params.accountId),\n isLoading: state.getIn(['timelines', `account:${props.params.accountId}:media`, 'isLoading']),\n hasMore: state.getIn(['timelines', `account:${props.params.accountId}:media`, 'hasMore']),\n});\n\nclass LoadMoreMedia extends ImmutablePureComponent {\n\n static propTypes = {\n shouldUpdateScroll: PropTypes.func,\n maxId: PropTypes.string,\n onLoadMore: PropTypes.func.isRequired,\n };\n\n handleLoadMore = () => {\n this.props.onLoadMore(this.props.maxId);\n }\n\n render () {\n return (\n \n );\n }\n\n}\n\nexport default @connect(mapStateToProps)\nclass AccountGallery extends ImmutablePureComponent {\n\n static propTypes = {\n params: PropTypes.object.isRequired,\n dispatch: PropTypes.func.isRequired,\n attachments: ImmutablePropTypes.list.isRequired,\n isLoading: PropTypes.bool,\n hasMore: PropTypes.bool,\n isAccount: PropTypes.bool,\n multiColumn: PropTypes.bool,\n };\n\n state = {\n width: 323,\n };\n\n componentDidMount () {\n this.props.dispatch(fetchAccount(this.props.params.accountId));\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId));\n }\n\n componentWillReceiveProps (nextProps) {\n if (nextProps.params.accountId !== this.props.params.accountId && nextProps.params.accountId) {\n this.props.dispatch(fetchAccount(nextProps.params.accountId));\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId));\n }\n }\n\n handleScrollToBottom = () => {\n if (this.props.hasMore) {\n this.handleLoadMore(this.props.attachments.size > 0 ? this.props.attachments.last().getIn(['status', 'id']) : undefined);\n }\n }\n\n handleScroll = e => {\n const { scrollTop, scrollHeight, clientHeight } = e.target;\n const offset = scrollHeight - scrollTop - clientHeight;\n\n if (150 > offset && !this.props.isLoading) {\n this.handleScrollToBottom();\n }\n }\n\n handleLoadMore = maxId => {\n this.props.dispatch(expandAccountMediaTimeline(this.props.params.accountId, { maxId }));\n };\n\n handleLoadOlder = e => {\n e.preventDefault();\n this.handleScrollToBottom();\n }\n\n handleOpenMedia = attachment => {\n if (['video', 'audio'].includes(attachment.get('type'))) {\n this.props.dispatch(openModal('VIDEO', { media: attachment, status: attachment.get('status') }));\n } else {\n const media = attachment.getIn(['status', 'media_attachments']);\n const index = media.findIndex(x => x.get('id') === attachment.get('id'));\n\n this.props.dispatch(openModal('MEDIA', { media, index, status: attachment.get('status') }));\n }\n }\n\n handleRef = c => {\n if (c) {\n this.setState({ width: c.offsetWidth });\n }\n }\n\n render () {\n const { attachments, shouldUpdateScroll, isLoading, hasMore, isAccount, multiColumn } = this.props;\n const { width } = this.state;\n\n if (!isAccount) {\n return (\n \n \n \n );\n }\n\n if (!attachments && isLoading) {\n return (\n \n \n \n );\n }\n\n let loadOlder = null;\n\n if (hasMore && !(isLoading && attachments.size === 0)) {\n loadOlder = ;\n }\n\n return (\n \n \n\n \n
\n \n\n
\n {attachments.map((attachment, index) => attachment === null ? (\n 0 ? attachments.getIn(index - 1, 'id') : null} onLoadMore={this.handleLoadMore} />\n ) : (\n \n ))}\n\n {loadOlder}\n
\n\n {isLoading && attachments.size === 0 && (\n
\n \n
\n )}\n
\n \n \n );\n }\n\n}\n"],"sourceRoot":""} \ No newline at end of file