@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/components/post_view/post_body_additional_content/post_body_additional_content.test.tsx

@@ -1,425 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import {shallow} from 'enzyme';
-
-// import * as React from 'react';
-
-// import {
-//     Post,
-//     PostEmbed,
-//     PostImage,
-//     PostMetadata,
-// } from 'mattermost-redux/types/posts';
-
-// import {getEmbedFromMetadata} from 'mattermost-redux/utils/post_utils';
-
-// import MessageAttachmentList from 'components/post_view/message_attachments/message_attachment_list';
-// import PostAttachmentOpenGraph from 'components/post_view/post_attachment_opengraph';
-// import PostImageComponent from 'components/post_view/post_image';
-// import YoutubeVideo from 'components/youtube_video';
-
-// import PostBodyAdditionalContent, {Props} from './post_body_additional_content';
-
-// jest.mock('mattermost-redux/utils/post_utils', () => {
-//     const actual = jest.requireActual('mattermost-redux/utils/post_utils');
-//     return {
-//         ...actual,
-//         getEmbedFromMetadata: jest.fn(actual.getEmbedFromMetadata),
-//     };
-// });
-
-// describe('PostBodyAdditionalContent', () => {
-//     const baseProps: Props = {
-//         children: <span>{'some children'}</span>,
-//         post: {
-//             id: 'post_id_1',
-//             root_id: 'root_id',
-//             channel_id: 'channel_id',
-//             create_at: 1,
-//             message: '',
-//             metadata: {} as PostMetadata,
-//         } as Post,
-//         isEmbedVisible: true,
-//         actions: {
-//             toggleEmbedVisibility: jest.fn(),
-//         },
-//         appsEnabled: false,
-//     };
-
-//     describe('with an image preview', () => {
-//         const imageUrl = 'https://example.com/image.png';
-//         const imageMetadata = {} as PostImage; // This can be empty since we're checking equality with ===
-
-//         const imageBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 message: imageUrl,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'image',
-//                         url: imageUrl,
-//                     }],
-//                     images: {
-//                         [imageUrl]: imageMetadata,
-//                     },
-//                     emojis: [],
-//                     files: [],
-//                     reactions: [],
-//                 } as PostMetadata,
-//             },
-//         };
-
-//         test('should render correctly', () => {
-//             const wrapper = shallow(<PostBodyAdditionalContent {...imageBaseProps}/>);
-
-//             expect(wrapper).toMatchSnapshot();
-//             expect(wrapper.find(PostImageComponent).exists()).toBe(true);
-//             expect(wrapper.find(PostImageComponent).prop('imageMetadata')).toBe(imageMetadata);
-//         });
-
-//         test('should render the toggle after a message containing more than just a link', () => {
-//             const props = {
-//                 ...imageBaseProps,
-//                 post: {
-//                     ...imageBaseProps.post,
-//                     message: 'This is an image: ' + imageUrl,
-//                 },
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('should not render content when isEmbedVisible is false', () => {
-//             const props = {
-//                 ...imageBaseProps,
-//                 isEmbedVisible: false,
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper.find(PostImageComponent).exists()).toBe(false);
-//         });
-//     });
-
-//     describe('with a message attachment', () => {
-//         const attachments: any[] = []; // This can be empty since we're checking equality with ===
-
-//         const messageAttachmentBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'message_attachment',
-//                     }],
-//                 } as PostMetadata,
-//                 props: {
-//                     attachments,
-//                 },
-//             },
-//         };
-
-//         test('should render correctly', () => {
-//             const wrapper = shallow(<PostBodyAdditionalContent {...messageAttachmentBaseProps}/>);
-
-//             expect(wrapper).toMatchSnapshot();
-//             expect(wrapper.find(MessageAttachmentList).exists()).toBe(true);
-//             expect(wrapper.find(MessageAttachmentList).prop('attachments')).toBe(attachments);
-//         });
-
-//         test('should render content when isEmbedVisible is false', () => {
-//             const props = {
-//                 ...messageAttachmentBaseProps,
-//                 isEmbedVisible: false,
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper.find(MessageAttachmentList).exists()).toBe(true);
-//         });
-//     });
-
-//     describe('with an opengraph preview', () => {
-//         const ogUrl = 'https://example.com/image.png';
-
-//         const ogBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 message: ogUrl,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'opengraph',
-//                         url: ogUrl,
-//                     }],
-//                 } as PostMetadata,
-//             },
-//         };
-
-//         test('should render correctly', () => {
-//             const wrapper = shallow(<PostBodyAdditionalContent {...ogBaseProps}/>);
-
-//             expect(wrapper.find(PostAttachmentOpenGraph).exists()).toBe(true);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('should render the toggle after a message containing more than just a link', () => {
-//             const props = {
-//                 ...ogBaseProps,
-//                 post: {
-//                     ...ogBaseProps.post,
-//                     message: 'This is a link: ' + ogUrl,
-//                 },
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('should render content when isEmbedVisible is false', () => {
-//             const props = {
-//                 ...ogBaseProps,
-//                 isEmbedVisible: false,
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper.find(PostAttachmentOpenGraph).exists()).toBe(true);
-//         });
-//     });
-
-//     describe('with a YouTube video', () => {
-//         const youtubeUrl = 'https://www.youtube.com/watch?v=d-YO3v-wJts';
-
-//         const youtubeBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 message: youtubeUrl,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'opengraph',
-//                         url: youtubeUrl,
-//                     }],
-//                 } as PostMetadata,
-//             },
-//         };
-
-//         test('should render correctly', () => {
-//             const wrapper = shallow(<PostBodyAdditionalContent {...youtubeBaseProps}/>);
-
-//             expect(wrapper.find(YoutubeVideo).exists()).toBe(true);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('should render the toggle after a message containing more than just a link', () => {
-//             const props = {
-//                 ...youtubeBaseProps,
-//                 post: {
-//                     ...youtubeBaseProps.post,
-//                     message: 'This is a video: ' + youtubeUrl,
-//                 },
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('should not render content when isEmbedVisible is false', () => {
-//             const props = {
-//                 ...youtubeBaseProps,
-//                 isEmbedVisible: false,
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-
-//             expect(wrapper.find(YoutubeVideo).exists()).toBe(false);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-//     });
-
-//     describe('with a normal link', () => {
-//         const mp3Url = 'https://example.com/song.mp3';
-
-//         const EmbedMP3 = () => <></>;
-
-//         const linkBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 message: mp3Url,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'link',
-//                         url: mp3Url,
-//                     }],
-//                 } as PostMetadata,
-//             },
-//         };
-
-//         test("Should render nothing if the registered plugins don't match", () => {
-//             const props = {
-//                 ...linkBaseProps,
-//                 pluginPostWillRenderEmbedComponents: [
-//                     {
-//                         id: '',
-//                         pluginId: '',
-//                         match: () => false,
-//                         toggleable: true,
-//                         component: EmbedMP3,
-//                     },
-//                 ],
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-//             expect(wrapper.find(EmbedMP3).exists()).toBe(false);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('Should render the plugin component if it matches and is toggeable', () => {
-//             const props = {
-//                 ...linkBaseProps,
-//                 pluginPostWillRenderEmbedComponents: [
-//                     {
-//                         id: '',
-//                         pluginId: '',
-//                         match: ({url}: PostEmbed) => url === mp3Url,
-//                         toggleable: true,
-//                         component: EmbedMP3,
-//                     },
-//                 ],
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-//             expect(wrapper.find(EmbedMP3).exists()).toBe(true);
-//             expect(wrapper.find('button.post__embed-visibility').exists()).toBe(true);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('Should render the plugin component if it matches and is not toggeable', () => {
-//             const props = {
-//                 ...linkBaseProps,
-//                 pluginPostWillRenderEmbedComponents: [
-//                     {
-//                         id: '',
-//                         pluginId: '',
-//                         match: ({url}: PostEmbed) => url === mp3Url,
-//                         toggleable: false,
-//                         component: EmbedMP3,
-//                     },
-//                 ],
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-//             expect(wrapper.find(EmbedMP3).exists()).toBe(true);
-//             expect(wrapper.find('button.post__embed-visibility').exists()).toBe(false);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('Should render nothing if the plugin matches but isEmbedVisible is false', () => {
-//             const props = {
-//                 ...linkBaseProps,
-//                 pluginPostWillRenderEmbedComponents: [
-//                     {
-//                         id: '',
-//                         pluginId: '',
-//                         match: ({url}: PostEmbed) => url === mp3Url,
-//                         toggleable: false,
-//                         component: EmbedMP3,
-//                     },
-//                 ],
-//                 isEmbedVisible: false,
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-//             expect(wrapper.find(EmbedMP3).exists()).toBe(false);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-//     });
-
-//     test('should call toggleEmbedVisibility with post id', () => {
-//         const wrapper = shallow<PostBodyAdditionalContent>(<PostBodyAdditionalContent {...baseProps}/>);
-
-//         wrapper.instance().toggleEmbedVisibility();
-
-//         expect(baseProps.actions.toggleEmbedVisibility).toHaveBeenCalledTimes(1);
-//         expect(baseProps.actions.toggleEmbedVisibility).toBeCalledWith('post_id_1');
-//     });
-
-//     test('should call getEmbedFromMetadata with metadata', () => {
-//         const metadata = {
-//             embeds: [{
-//                 type: 'message_attachment',
-//             }],
-//         } as PostMetadata;
-//         const props = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 metadata,
-//             },
-//         };
-
-//         const wrapper = shallow<PostBodyAdditionalContent>(<PostBodyAdditionalContent {...props}/>);
-//         wrapper.instance().getEmbed();
-
-//         expect(getEmbedFromMetadata).toHaveBeenCalledWith(metadata);
-//     });
-
-//     describe('with a permalinklink', () => {
-//         const permalinkUrl = 'https://community.mattermost.com/core/pl/123456789';
-
-//         const permalinkBaseProps = {
-//             ...baseProps,
-//             post: {
-//                 ...baseProps.post,
-//                 message: permalinkUrl,
-//                 metadata: {
-//                     embeds: [{
-//                         type: 'permalink',
-//                         url: '',
-//                         data: {
-//                             post_id: 'post_id123',
-//                             channel_display_name: 'channel1',
-//                             team_name: 'core',
-//                         },
-//                     }],
-//                     images: {},
-//                     emojis: [],
-//                     files: [],
-//                     reactions: [],
-//                 } as PostMetadata,
-//             },
-//         };
-
-//         test('Render permalink preview', () => {
-//             const wrapper = shallow(<PostBodyAdditionalContent {...permalinkBaseProps}/>);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-
-//         test('Render permalink preview with no data', () => {
-//             const metadata = {
-//                 embeds: [{
-//                     type: 'permalink',
-//                     url: '',
-//                 }],
-//             } as PostMetadata;
-//             const props = {
-//                 ...permalinkBaseProps,
-//                 post: {
-//                     ...permalinkBaseProps.post,
-//                     metadata,
-//                 },
-//             };
-
-//             const wrapper = shallow(<PostBodyAdditionalContent {...props}/>);
-//             expect(wrapper).toMatchSnapshot();
-//         });
-//     });
-// });

package/src/components/post_view/post_body_additional_content/post_body_additional_content.tsx

@@ -1,194 +0,0 @@
-// // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// // See LICENSE.txt for license information.
-
-// import * as React from 'react';
-
-// import {Post, PostEmbed} from 'mattermost-redux/types/posts';
-
-// import {getEmbedFromMetadata} from 'mattermost-redux/utils/post_utils';
-// import {AppBinding} from 'mattermost-redux/types/apps';
-
-// import MessageAttachmentList from 'components/post_view/message_attachments/message_attachment_list';
-// import PostAttachmentOpenGraph from 'components/post_view/post_attachment_opengraph';
-// import PostImage from 'components/post_view/post_image';
-// import YoutubeVideo from 'components/youtube_video';
-
-// import {PostWillRenderEmbedPluginComponent} from 'types/store/plugins';
-// import EmbeddedBindings from '../embedded_bindings/embedded_bindings';
-// import {TextFormattingOptions} from 'utils/text_formatting';
-// import PostMessagePreview from 'components/post_view/post_message_preview';
-
-// export type Props = {
-//     post: Post;
-//     pluginPostWillRenderEmbedComponents?: PostWillRenderEmbedPluginComponent[];
-//     children?: JSX.Element;
-//     isEmbedVisible?: boolean;
-//     options?: Partial<TextFormattingOptions>;
-//     appsEnabled: boolean;
-//     actions: {
-//         toggleEmbedVisibility: (id: string) => void;
-//     };
-// };
-
-// export default class PostBodyAdditionalContent extends React.PureComponent<Props> {
-//     toggleEmbedVisibility = () => {
-//         this.props.actions.toggleEmbedVisibility(this.props.post.id);
-//     }
-
-//     getEmbed = () => {
-//         const {metadata} = this.props.post;
-//         return getEmbedFromMetadata(metadata);
-//     }
-
-//     isEmbedToggleable = (embed: PostEmbed) => {
-//         const postWillRenderEmbedComponents = this.props.pluginPostWillRenderEmbedComponents || [];
-//         for (const c of postWillRenderEmbedComponents) {
-//             if (c.match(embed)) {
-//                 return Boolean(c.toggleable);
-//             }
-//         }
-
-//         return embed.type === 'image' || (embed.type === 'opengraph' && YoutubeVideo.isYoutubeLink(embed.url));
-//     }
-
-//     renderEmbed = (embed: PostEmbed) => {
-//         const postWillRenderEmbedComponents = this.props.pluginPostWillRenderEmbedComponents || [];
-//         for (const c of postWillRenderEmbedComponents) {
-//             if (c.match(embed)) {
-//                 const Component = c.component;
-//                 return this.props.isEmbedVisible && <Component embed={embed}/>;
-//             }
-//         }
-//         switch (embed.type) {
-//         case 'image':
-//             if (!this.props.isEmbedVisible) {
-//                 return null;
-//             }
-
-//             return (
-//                 <PostImage
-//                     imageMetadata={this.props.post.metadata.images[embed.url]}
-//                     link={embed.url}
-//                     post={this.props.post}
-//                 />
-//             );
-
-//         case 'message_attachment': {
-//             let attachments = [];
-//             if (this.props.post.props && this.props.post.props.attachments) {
-//                 attachments = this.props.post.props.attachments;
-//             }
-
-//             return (
-//                 <MessageAttachmentList
-//                     attachments={attachments}
-//                     postId={this.props.post.id}
-//                     options={this.props.options}
-//                     imagesMetadata={this.props.post.metadata.images}
-//                 />
-//             );
-//         }
-
-//         case 'opengraph':
-//             if (YoutubeVideo.isYoutubeLink(embed.url)) {
-//                 if (!this.props.isEmbedVisible) {
-//                     return null;
-//                 }
-
-//                 return (
-//                     <YoutubeVideo
-//                         postId={this.props.post.id}
-//                         link={embed.url}
-//                         show={this.props.isEmbedVisible}
-//                     />
-//                 );
-//             }
-
-//             return (
-//                 <PostAttachmentOpenGraph
-//                     postId={this.props.post.id}
-//                     link={embed.url}
-//                     isEmbedVisible={this.props.isEmbedVisible}
-//                     post={this.props.post}
-//                     toggleEmbedVisibility={this.toggleEmbedVisibility}
-//                 />
-//             );
-//         case 'permalink':
-//             if (embed.data && 'post_id' in embed.data && embed.data.post_id) {
-//                 return (
-//                     <PostMessagePreview
-//                         metadata={embed.data}
-//                     />
-//                 );
-//             }
-//             return null;
-//         default:
-//             return null;
-//         }
-//     }
-
-//     renderToggle = (prependToggle: boolean) => {
-//         return (
-//             <button
-//                 key='toggle'
-//                 className={`style--none post__embed-visibility color--link ${prependToggle ? 'pull-left' : ''}`}
-//                 data-expanded={this.props.isEmbedVisible}
-//                 aria-label='Toggle Embed Visibility'
-//                 onClick={this.toggleEmbedVisibility}
-//             />
-//         );
-//     }
-
-//     render() {
-//         const embed = this.getEmbed();
-
-//         if (this.props.appsEnabled) {
-//             if (hasValidEmbeddedBinding(this.props.post.props)) {
-//                 // TODO Put some log / message if the form is not valid?
-//                 return (
-//                     <React.Fragment>
-//                         {this.props.children}
-//                         <EmbeddedBindings
-//                             embeds={this.props.post.props.app_bindings}
-//                             post={this.props.post}
-//                         />
-//                     </React.Fragment>
-//                 );
-//             }
-//         }
-
-//         if (embed) {
-//             const toggleable = this.isEmbedToggleable(embed);
-//             const prependToggle = (/^\s*https?:\/\/.*$/).test(this.props.post.message);
-
-//             return (
-//                 <div>
-//                     {(toggleable && prependToggle) && this.renderToggle(true)}
-//                     {this.props.children}
-//                     {(toggleable && !prependToggle) && this.renderToggle(false)}
-//                     {this.renderEmbed(embed)}
-//                 </div>
-//             );
-//         }
-
-//         return this.props.children;
-//     }
-// }
-
-// function hasValidEmbeddedBinding(props: Record<string, any>) {
-//     if (!props) {
-//         return false;
-//     }
-
-//     if (!props.app_bindings) {
-//         return false;
-//     }
-
-//     const embeds = props.app_bindings as AppBinding[];
-
-//     if (!embeds.length) {
-//         return false;
-//     }
-
-//     return true;
-// }

package/src/components/post_view/post_context.js

@@ -1,14 +0,0 @@
-// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
-// See LICENSE.txt for license information.
-
-import * as React from 'react';
-
-const PostContext = React.createContext({
-
-    // Post component event handler that should be
-    // called when any child component opens/closes a
-    // popup type component.
-    handlePopupOpened: null,
-});
-
-export default PostContext;