Tweets-loader.js is a JavaScript library that loads tweets of Twitter Publish.

CAUTION: Due to the declaration of Twitter, Tweets-loader.js is no longer support for widget ID. Instead, Tweets-loader.js now supports for embeded contents of Tweet Publish.

Append publish code encoded with encodeURIComponent(...) as query string to the URL: https://lf2com.github.io/tweets-loader.js/demo/cards.html

• Collection
• List
• Tweet
• Moment
• Likes Timeline

git clone https://github.com/lf2com/tweets-loader.js.git
cd tweets-loader.js
npm install .

Build ./tweets-loader.min.js

npm run build

Debug Build

npm run build-debug

Download from this repository or use your own built: tweets-loader.min.js

<!-- include script -->
<script src="PATH/TO/tweets-loader.min.js"></script>

<script>
  console.log(window.TweetsLoader); // here it is
</script>

Parse tweets by assigning one of the following sources:

• DOM element of tweet
• DOM element containing tweets
• Code generated with Twitter Publish

DOM element of tweet

The same as TweetsLoader.parseTweet(DOM)

let tweets = TweetsLoader(singleTweetDom); // input a single DOM of tweet
console.log(tweets); // get array of tweets (length: 1)

DOM element containing tweets

NOTICE: Remember to escape special chars such as / in the code

The same as TweetsLoader.parseTweets(DOM)

let tweets = TweetsLoader(embededDom); // input embeded DOM
console.log(tweets); // get array of tweets

Code generated with Twitter Publish

The same as [TweetsLoader.parseCode]

let collection = `<a class="twitter-timeline" href="https://twitter.com/TwitterDev/timelines/539487832448843776?ref_src=twsrc%5Etfw">National Park Tweets - Curated tweets by TwitterDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>`; // code generated with twitter publish

TweetsLoader(collection) // input HTML text
  .then((tweets) => {
  console.log(tweets); // get array of tweets
  });

Parse a single tweet of HTML element

let tweet = TweetsLoader.parseTweet(singleTweetDom); // input a single DOM of tweet
console.log(tweet); // get a tweet

Parse multiple tweets of HTML element

let tweets = TweetsLoader.parseTweets(embededDom); // input embeded DOM
console.log(tweets); // get array of tweets

Parse tweets from the code generated with Twitter Publish

let moment = `<a class="twitter-moment" href="https://twitter.com/i/moments/625792726546558977?ref_src=twsrc%5Etfw">Michelle Obama Opens Special Olympics</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>`; // code generated with twitter publish

TweetsLoader(moment) // input HTML text
  .then((tweets) => {
  console.log(tweets); // get array of tweets
  });

Avatar of user

Media object must might be any of the belows:

Image Object

Property	Type	Description
width	Integer	Width of image
height	Integer	Height of image
ref	String	Raw image URL
url	String	Thumbnail of image

Image Object

Property	Type	Description
ref	String	Raw image URL
url	String	Thumbnail of image

Image Object

Property	Type	Description
url	String	Thumbnail of image

The same as tweet object

MIT Copyright @ Wan Wan