commit embedTumblrPosts with tag v2.0.0

css/embedTumblrPost-2.0.0.css

@@ -0,0 +1,77 @@
+/* ---------------------------------------------------------------------
+embedTumblrPosts: Dynamically create a timeline from a Tumblr blog.
+https://gitlab.com/clvgt12/embed-tumblr-posts
+
+Copyright (C) 2023  @[email protected]
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published
+by the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>. 
+--------------------------------------------------------------------- */
+
+.tumblr-summary-post-outer {
+	font: normal 14px Verdana,sans-serif;
+	border: 1px solid black;
+	border-radius: 5px;
+	font-size: 14px;
+	background-color: white;
+	color:black;
+	margin: 10px 0px 0px 0px;
+}
+.tumblr-summary-post-header {
+	margin: 15px 15px 0px 15px;
+	font-size: 14px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+
+.tumblr-summary-post-inner {
+	border: none;
+	margin: 0px 15px 0px 15px;
+}
+
+.tumblr-summary-post-header a {
+  margin: 0.5em;
+}
+
+.tumblr-summary-post-header a:link, .tumblr-summary-post-inner a:link { 
+	color: #0000EE; 
+}
+
+.tumblr-summary-post-header a:visited, .tumblr-summary-post-inner a:visited { 
+	color: #551A8B; 
+}
+
+.tumblr-summary-post-inner h1 {
+	font: normal 20px Georgia,serif;
+	color:black;
+	margin: 1.1em 0 1.1em 0;
+}
+.tumblr-summary-post-inner h2 {
+	font: normal 18px Georgia,serif;
+	color:black;
+	margin: 1.1em 0 1.1em 0;
+}
+.tumblr-summary-post-inner img {
+	width: 100%;
+}
+
+.tumblr-summary-post-inner figure {
+	margin: 0.25em 0em 0.25em 0em;
+	text-align: center;
+}
+
+.tumblr-summary-post-footer { 
+	font-size: 12px; 
+	color: darkgray;
+}

js/embedTumblrPost-2.0.0.js

@@ -0,0 +1,165 @@
+/* ---------------------------------------------------------------------
+embedTumblrPosts: Dynamically create a timeline from a Tumblr blog.
+https://gitlab.com/clvgt12/embed-tumblr-posts
+
+Copyright (C) 2023  @[email protected]
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published
+by the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>. 
+--------------------------------------------------------------------- */
+
+let embedTumblrPosts = function(params_) {
+    this.DEBUG = params_.debug || null;
+    this.BLOG_ID = params_.blog_id || 1234567890;
+    this.LIMIT = params_.limit || 5;
+    this.BLACKLISTED_HASHTAGS = params_.blacklisted_hashtags || "";
+    this.TOP_DOM_ELEMENT = params_.top_dom_element_id || "TumblrPosts";
+    this.FANCY_POSTS = params_.fancy_posts || null;
+    if (this.DEBUG) {
+        console.log(JSON.stringify(params_));
+    }
+};
+embedTumblrPosts.prototype.randInt = function(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+embedTumblrPosts.prototype.format = function(str) {
+    var args = Array.prototype.slice.call(arguments, 1);
+    return str.replace(/{(\d+)}/g, function(match, number) {
+        return typeof args[number] != 'undefined' ? args[number] : match;
+    });
+};
+embedTumblrPosts.prototype.searchList = function(str, list) {
+    for (let i = 0; i < list.length; i++) {
+        if (str.indexOf(list[i]) !== -1) {
+            return i;
+        }
+    }
+    return -1;
+};
+// --------------------------------------------------------
+embedTumblrPosts.prototype.embedPlainPosts = function(node, post) {
+	// Embed plain HTML Tumblrs using the html block contained in the API v1 result
+	var outerDiv = document.createElement('div');
+	var headerDiv = document.createElement('div');
+	var innerDiv = document.createElement('div');
+	outerDiv.setAttribute('class', 'tumblr-summary-post-outer');
+	headerDiv.setAttribute('class', 'tumblr-summary-post-header');
+	var div1 = document.createElement('div');
+	var img = document.createElement('img');
+	img.setAttribute('src', post.tumblelog.avatar_url_48);
+	img.setAttribute('width', 48);
+	div1.appendChild(img);
+	var div2 = document.createElement('div');
+	var atag = document.createElement('a');
+	atag.setAttribute('href', post.url);
+	atag.innerHTML = post.tumblelog.name;
+	div2.appendChild(atag);
+	headerDiv.appendChild(div1);
+	headerDiv.appendChild(div2);
+	innerDiv.setAttribute('class', 'tumblr-summary-post-inner');
+	var inner_p = document.createElement('p');
+	switch (post.type) {
+		case 'regular':
+			inner_p.innerHTML = post['regular-body'];
+			innerDiv.appendChild(inner_p);
+			break;
+		case 'link':
+			var postTitleHeader = document.createElement('h1');
+			var postTitleLink = document.createElement('a');
+			postTitleLink.setAttribute('href', post['link-url']);
+			postTitleLink.innerHTML = post['link-text'];
+			innerDiv.appendChild(postTitleHeader).appendChild(postTitleLink);
+			inner_p.innerHTML = post['link-description'];
+			innerDiv.appendChild(inner_p);
+			break;
+		default:
+			inner_p.innerHTML = "This post is best viewed on our Tumblr site.  Click on the following link to take you there:"
+			atag = document.createElement('a');
+			atag.setAttribute('href', post.url);
+			atag.innerHTML = (post.slug || 'Click HERE');
+			innerDiv.appendChild(inner_p);
+			innerDiv.appendChild(atag);
+	}
+	var tags_p = document.createElement('p');
+	tags_p.setAttribute('class', 'tumblr-summary-post-footer');
+	tags_p.innerHTML = "Tags: " + post.tags;
+	innerDiv.appendChild(inner_p).appendChild(tags_p);
+	outerDiv.appendChild(headerDiv);
+	outerDiv.appendChild(innerDiv);
+	node.appendChild(outerDiv);
+};
+// --------------------------------------------------------
+embedTumblrPosts.prototype.embedPosts = function(tumblr_api_read) {
+	try {
+		this.POSTS = tumblr_api_read.posts;
+	} catch (err) {
+		console.log('tumblr_api_read data object is undefined!');
+		return(1);
+	}
+	const node = document.getElementById(this.TOP_DOM_ELEMENT);
+	if(node === null) {
+		console.log('you must specify a container in the DOM for the Tumblr posts!');
+		return(1);
+	}
+	this.LEN = this.POSTS.length;
+	if (this.DEBUG) {
+		console.log('++embedPosts starts');
+	}
+	for (var i = 0; i < this.LEN; ++i) {
+		var post = this.POSTS[i];
+		if (post.tags === undefined) {post.tags="";}
+		if (this.DEBUG) {
+			console.log("id=" + post.id);
+			console.log('url-slug: ' + post['url-with-slug']);
+			console.log("i=" + i + " len=" + this.LEN);
+		}
+		if (this.DEBUG) {
+			console.log('post tag array:' + post.tags);
+		}
+        if (this.searchList(JSON.stringify(post.tags),this.BLACKLISTED_HASHTAGS) !== -1) {			
+			if (this.DEBUG) {
+				console.log('found blacklisted hashtag');
+			}
+			continue;
+		}
+		var recent = document.createElement('div');
+		if (this.FANCY_POSTS) {
+			recent.setAttribute("class", "tumblr-post");
+			recent.setAttribute("data-href", this.createEmbedApiHref(post.id));
+		}
+		this.embedPlainPosts(recent, post);
+		node.appendChild(recent);
+		if (this.DEBUG) {
+			console.log('--embedPosts');
+		}
+		if (--this.LIMIT === 0) {
+			if (this.DEBUG) {
+				console.log('specified limit reached, exiting loop');
+			}
+			break;
+		}
+	}
+	if (this.FANCY_POSTS) {
+		var scr = document.createElement('script');
+		scr.src = "https://assets.tumblr.com/post.js";
+		node.appendChild(scr);
+	}
+	if (this.DEBUG) {
+		console.log('++embedPosts ends');
+	}
+	return(0);
+};
+embedTumblrPosts.prototype.createEmbedApiHref = function(p) {
+	// returns URL to call Tumblr API 
+    return this.format('https://embed.tumblr.com/embed/post/{0}/{1}/v2', this.BLOG_ID, p);	
+};