recent.11ty.js

const Twitter = require("./src/twitter");
const dataSource = require("./src/DataSource");

class Recent extends Twitter {
	data() {
		return {
			layout: "layout.11ty.js"
		};
	}

	getRecentTweets(tweets) {
		return tweets.filter(tweet => this.isOriginalPost(tweet)).sort(function(a,b) {
			return b.date - a.date;
		}).slice(0, 40);
	}

	async render(data) {
		let tweets = await dataSource.getAllTweets();
		let tweetHtml = await Promise.all(this.getRecentTweets(tweets).map(tweet => this.renderTweet(tweet, {showSentiment: true})));

		return `<h2>Most Recent 40 Tweets</h2>
		<p>Not including replies or retweets or mentions.</p>
		<h3>Mood</h3>
		<div class="twtr-sentiment js">
			<div class="twtr-sentiment-chart ct-chart"></div>
			<div class="twtr-sentiment-label">
				⬅️ New
				<span>⬆️ 🙂<br>⬇️ 🙁</span>
			</div>
		</div>
		<h3>Tweets</h3>
		<ol class="tweets tweets-linear-list">
			${tweetHtml.join("")}
		</ol>
		<script>
		var series = getSentimentsFromList( '.tweets' );
		makeSentimentChart( '.twtr-sentiment-chart', series );
		</script>`;
	}
}

module.exports = Recent;