Twitter embeds

1 files changed, 26 insertions, 0 deletions

diff --git a/vnext/src/utils/embed.js b/vnext/src/utils/embed.js
index 9767b121..d3a76ee5 100644
--- a/vnext/src/utils/embed.js
+++ b/vnext/src/utils/embed.js
@@ -236,6 +236,32 @@ function getEmbeddableLinkTypes() {
         iframe.onload = () => makeResizableToRatio(iframe, 9.0 / 16.0);
         return setContent(div, iframe);
       }
+    },
+    {
+      name: 'Twitter',
+      id: 'embed_twitter_status',
+      className: 'twi compact',
+      ctsDefault: false,
+      re: /^(?:https?:)?\/\/(?:www\.)?(?:mobile\.)?twitter\.com\/([\w-]+)\/status(?:es)?\/([\d]+)/i,
+      makeNode: function(aNode, reResult, div) {
+        let [url, userId, postId] = reResult;
+        url = url.replace('mobile.','');
+
+        div.innerHTML = `<blockquote class="twitter-tweet" data-lang="en"><a href="${url}"></a></blockquote>`;
+
+        if (window.twttr) {
+          // https://developer.twitter.com/en/docs/twitter-for-websites/javascript-api/guides/scripting-loading-and-initialization
+          window.twttr.widgets.load(div);
+        } else {
+          // innerHTML cannot insert scripts, so...
+          let script = document.createElement('script');
+          script.src = 'https://platform.twitter.com/widgets.js';
+          script.charset = 'utf-8';
+          div.appendChild(script);
+        }
+
+        return div;
+      }
     }
   ];
 }