Add Messenger (#270)

Author: oussj

.storybook/stories/multiple-share-networks.js

@@ -43,6 +43,7 @@ export default {
           { network: 'instapaper', name: 'Instapaper', icon: 'fas fah fa-lg fa-italic', color: '#428bca' },
           { network: 'line', name: 'Line', icon: 'fab fah fa-lg fa-line', color: '#00c300' },
           { network: 'linkedin', name: 'LinkedIn', icon: 'fab fah fa-lg fa-linkedin', color: '#007bb5' },
+          { network: 'messenger', name: 'Messenger', icon: 'fab fah fa-lg fa-facebook-messenger', color: '#0084ff' },
           { network: 'odnoklassniki', name: 'Odnoklassniki', icon: 'fab fah fa-lg fa-odnoklassniki', color: '#ed812b' },
           { network: 'pinterest', name: 'Pinterest', icon: 'fab fah fa-lg fa-pinterest', color: '#bd081c' },
           { network: 'pocket', name: 'Pocket', icon: 'fab fah fa-lg fa-get-pocket', color: '#ef4056' },

.storybook/stories/multiple-share-networks.md

@@ -42,6 +42,7 @@ export default {
         { network: 'instapaper', name: 'Instapaper', icon: 'fas fah fa-lg fa-italic', color: '#428bca' },
         { network: 'line', name: 'Line', icon: 'fab fah fa-lg fa-line', color: '#00c300' },
         { network: 'linkedin', name: 'LinkedIn', icon: 'fab fah fa-lg fa-linkedin', color: '#007bb5' },
+        { network: 'messenger', name: 'Messenger', icon: 'fab fah fa-lg fa-facebook-messenger', color: '#0084ff' },
         { network: 'odnoklassniki', name: 'Odnoklassniki', icon: 'fab fah fa-lg fa-odnoklassniki', color: '#ed812b' },
         { network: 'pinterest', name: 'Pinterest', icon: 'fab fah fa-lg fa-pinterest', color: '#bd081c' },
         { network: 'pocket', name: 'Pocket', icon: 'fab fah fa-lg fa-get-pocket', color: '#ef4056' },

README.md

@@ -119,6 +119,7 @@ The `url` is the only property required for all networks.
 | InstaPaper    | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |                                                                                                        |
 | Line          | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |                                                                                                        |
 | LinkedIn      | :heavy_check_mark: | :x:                | :x:                |                                                                                                        |
+| Messenger      | :heavy_check_mark: | :x:                | :x:                |                                                                                                        |
 | Odnoklassniki | :heavy_check_mark: | :heavy_check_mark: | :x:                |                                                                                                        |
 | Pinterest     | :heavy_check_mark: | :heavy_check_mark: | :x:                | `media` URL of an image describing the content.                                                        |
 | Pocket        | :heavy_check_mark: | :heavy_check_mark: | :x:                |                                                                                                        |

examples/App.vue

@@ -55,6 +55,7 @@ export default {
         { network: 'sms', name: 'SMS', icon: 'far fah fa-lg fa-comment-dots', color: '#333333' },
         { network: 'stumbleupon', name: 'StumbleUpon', icon: 'fab fah fa-lg fa-stumbleupon', color: '#eb4924' },
         { network: 'telegram', name: 'Telegram', icon: 'fab fah fa-lg fa-telegram-plane', color: '#0088cc' },
+        { network: 'messenger', name: 'Messenger', icon: 'fab fah fa-lg fa-facebook-messenger', color: '#0084ff' },
         { network: 'tumblr', name: 'Tumblr', icon: 'fab fah fa-lg fa-tumblr', color: '#35465c' },
         { network: 'twitter', name: 'Twitter', icon: 'fab fah fa-lg fa-twitter', color: '#1da1f2' },
         { network: 'viber', name: 'Viber', icon: 'fab fah fa-lg fa-viber', color: '#59267c' },

src/networks.js

@@ -22,6 +22,7 @@ export default {
   instapaper: 'http://www.instapaper.com/edit?url=@u&title=@t&description=@d',
   line: 'http://line.me/R/msg/text/?@t%0D%0A@u%0D%0A@d',
   linkedin: 'https://www.linkedin.com/sharing/share-offsite/?url=@u',
+  messenger: 'fb-messenger://share/?link=@u',
   odnoklassniki: 'https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=@u&st.comments=@t',
   pinterest: 'https://pinterest.com/pin/create/button/?url=@u&media=@m&description=@t',
   pocket: 'https://getpocket.com/save?url=@u&title=@t',