From 4af22a241d4dc71db01ef9fd585eed8900b42e83 Mon Sep 17 00:00:00 2001
From: "i.j" <info@idotj.com>
Date: Mon, 10 Jul 2023 18:16:53 +0000
Subject: [PATCH] Feature/format toot text

---
 CHANGELOG                     |   7 +
 README.md                     |  29 +++--
 src/index.html                |   5 -
 src/mastodon-timeline.css     |  22 +++-
 src/mastodon-timeline.js      | 234 ++++++++++++++++++----------------
 src/mastodon-timeline.min.css |   2 +-
 src/mastodon-timeline.min.js  |   2 +-
 7 files changed, 169 insertions(+), 132 deletions(-)

diff --git a/CHANGELOG b/CHANGELOG
index c97608c..ce78fcb 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,10 @@
+v3.7.0 - 10/07/2023
+- Add Markdown to HTML feature
+- Add option to change Markdown symbol ">" into a blockquote HTML tag
+- Add button to show spoiler or sensitive images
+- Improve performance
+- Refactoring using template strings
+
 v3.5.1 - 08/05/2023
 - Add feature, hide unlisted toots
 - Add message if no toots are shown due to filters applied
diff --git a/README.md b/README.md
index 192b688..538e3dc 100644
--- a/README.md
+++ b/README.md
@@ -65,26 +65,29 @@ If you prefer to show a timeline with a specific hashtag then change the `timeli
 Also you have some parameters to customize your embed timeline:
 
 ```javascript
-// Preferred color theme 'light' or 'dark' (default: auto)
-default_theme: "auto";
+// Preferred color theme: 'light', 'dark' or 'auto'. Default: auto
+default_theme: "auto",
 
-// Maximum amount of toots to get (default: 20)
-toots_limit: "20";
+// Maximum amount of toots to get. Default: 20
+toots_limit: "20",
 
-// Hide unlisted toots (default: don't hide)
-hide_unlisted: false;
+// Hide unlisted toots. Default: don't hide
+hide_unlisted: false,
 
-// Hide boosted toots (default: don't hide)
-hide_reblog: false;
+// Hide boosted toots. Default: don't hide
+hide_reblog: false,
 
-// Hide replies toots (default: don't hide)
-hide_replies: false;
+// Hide replies toots. Default: don't hide
+hide_replies: false,
 
-// Limit the text content to a maximum number of lines (default: unlimited)
-text_max_lines: "0";
+// Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag (default: don't apply)
+markdown_blockquote: true,
+
+// Limit the text content to a maximum number of lines. Default: 0 (unlimited)
+text_max_lines: "0",
 
 // Customize the text of the link pointing to the Mastodon page (appears after the last toot)
-btn_see_more: "See more posts at Mastodon";
+link_see_more: "See more posts at Mastodon",
 ```
 
 ### Tip
diff --git a/src/index.html b/src/index.html
index daabac1..74718a9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,11 +9,6 @@
     <meta name="description" content="Mastodon embed timeline" />
     <link rel="stylesheet" href="mastodon-timeline.css" />
     <style>
-      * {
-        margin: 0;
-        padding: 0;
-      }
-
       html {
         height: 100%;
       }
diff --git a/src/mastodon-timeline.css b/src/mastodon-timeline.css
index 048f7d7..4c2d615 100644
--- a/src/mastodon-timeline.css
+++ b/src/mastodon-timeline.css
@@ -1,4 +1,4 @@
-/* Mastodon embed feed timeline v3.5.1 */
+/* Mastodon embed feed timeline v3.7.0 */
 /* More info at: */
 /* https://gitlab.com/idotj/mastodon-embed-feed-timeline */
 
@@ -157,6 +157,12 @@ html[data-theme="dark"] {
   content: "...";
 }
 
+.toot-text blockquote {
+  border-left: 4px solid var(--line-gray-color);
+  margin-left: 0;
+  padding-left: 8px;
+}
+
 .mt-error {
   position: absolute;
   display: flex;
@@ -211,6 +217,18 @@ html[data-theme="dark"] {
   text-align: center;
   width: 100%;
 }
+.toot-media > .spoiler-link {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+}
+:not(.toot-media-spoiler) > .spoiler-link {
+  visibility: hidden;
+}
+
 .toot-media-spoiler > img {
   filter: blur(2rem);
 }
@@ -225,7 +243,7 @@ html[data-theme="dark"] {
 
 .img-ratio14_7 {
   position: relative;
-  padding-top: 48.95%; /* 14:7 */
+  padding-top: 56.95%;
   width: 100%;
 }
 .img-ratio14_7 > img {
diff --git a/src/mastodon-timeline.js b/src/mastodon-timeline.js
index 69d0556..1b1025d 100644
--- a/src/mastodon-timeline.js
+++ b/src/mastodon-timeline.js
@@ -1,47 +1,50 @@
-// Mastodon embed feed timeline v3.5.1
+// Mastodon embed feed timeline v3.7.0
 // More info at:
 // https://gitlab.com/idotj/mastodon-embed-feed-timeline
 
 // Timeline settings
 document.addEventListener("DOMContentLoaded", () => {
   let mapi = new MastodonApi({
-    // Id of the <div> containing the timeline.
+    // Id of the <div> containing the timeline
     container_body_id: "mt-body",
 
-    // Preferred color theme: 'light', 'dark' or 'auto' (default: auto).
+    // Preferred color theme: 'light', 'dark' or 'auto'. Default: auto
     default_theme: "auto",
 
-    // Your Mastodon instance.
+    // Your Mastodon instance
     instance_url: "https://mastodon.online",
 
-    // Choose type of toots to show in the timeline: 'local', 'profile', 'hashtag' (default: local).
+    // Choose type of toots to show in the timeline: 'local', 'profile', 'hashtag'. Default: local
     timeline_type: "local",
 
-    // Your user ID on Mastodon instance. Leave empty if you didn't choose 'profile' as type of timeline.
+    // Your user ID on Mastodon instance. Leave empty if you didn't choose 'profile' as type of timeline
     user_id: "",
 
-    // Your user name on Mastodon instance. Leave empty if you didn't choose 'profile' as type of timeline.
+    // Your user name on Mastodon instance. Leave empty if you didn't choose 'profile' as type of timeline
     profile_name: "",
 
-    // The name of the hashtag. Leave empty if you didn't choose 'hashtag' as type of timeline.
+    // The name of the hashtag. Leave empty if you didn't choose 'hashtag' as type of timeline
     hashtag_name: "",
 
-    // Maximum amount of toots to get (default: 20).
+    // Maximum amount of toots to get. Default: 20
     toots_limit: "20",
 
-    // Hide unlisted toots (default: don't hide).
+    // Hide unlisted toots. Default: don't hide
     hide_unlisted: false,
 
-    // Hide boosted toots (default: don't hide).
+    // Hide boosted toots. Default: don't hide
     hide_reblog: false,
 
-    // Hide replies toots (default: don't hide).
+    // Hide replies toots. Default: don't hide
     hide_replies: false,
 
-    // Limit the text content to a maximum number of lines (default: unlimited).
+    // Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag (default: don't apply)
+    markdown_blockquote: false,
+
+    // Limit the text content to a maximum number of lines. Default: 0 (unlimited)
     text_max_lines: "0",
 
-    // Customize the text of the link pointing to the Mastodon page (appears after the last toot).
+    // Customize the text of the link pointing to the Mastodon page (appears after the last toot)
     link_see_more: "See more posts at Mastodon",
   });
 });
@@ -63,6 +66,10 @@ let MastodonApi = function (params_) {
     typeof params_.hide_reblog !== "undefined" ? params_.hide_reblog : false;
   this.HIDE_REPLIES =
     typeof params_.hide_replies !== "undefined" ? params_.hide_replies : false;
+  this.MARKDOWN_BLOCKQUOTE =
+    typeof params_.markdown_blockquote !== "undefined"
+      ? params_.markdown_blockquote
+      : false;
   this.TEXT_MAX_LINES = params_.text_max_lines || "0";
   this.LINK_SEE_MORE = params_.link_see_more;
 
@@ -84,8 +91,8 @@ MastodonApi.prototype.applyTheme = function () {
   if (this.DEFAULT_THEME === "auto") {
     let systemTheme = window.matchMedia("(prefers-color-scheme: dark)");
     systemTheme.matches ? setTheme("dark") : setTheme("light");
-    systemTheme.addEventListener("change", (event) => {
-      event.matches ? setTheme("dark") : setTheme("light");
+    systemTheme.addEventListener("change", (e) => {
+      e.matches ? setTheme("dark") : setTheme("light");
     });
   } else {
     setTheme(this.DEFAULT_THEME);
@@ -99,24 +106,11 @@ MastodonApi.prototype.getToots = function () {
 
   // Get request
   if (this.TIMELINE_TYPE === "profile") {
-    requestURL =
-      this.INSTANCE_URL +
-      "/api/v1/accounts/" +
-      this.USER_ID +
-      "/statuses?limit=" +
-      this.TOOTS_LIMIT;
+    requestURL = `${this.INSTANCE_URL}/api/v1/accounts/${this.USER_ID}/statuses?limit=${this.TOOTS_LIMIT}`;
   } else if (this.TIMELINE_TYPE === "hashtag") {
-    requestURL =
-      this.INSTANCE_URL +
-      "/api/v1/timelines/tag/" +
-      this.HASHTAG_NAME +
-      "?limit=" +
-      this.TOOTS_LIMIT;
+    requestURL = `${this.INSTANCE_URL}/api/v1/timelines/tag/${this.HASHTAG_NAME}?limit=${this.TOOTS_LIMIT}`;
   } else if (this.TIMELINE_TYPE === "local") {
-    requestURL =
-      this.INSTANCE_URL +
-      "/api/v1/timelines/public?local=true&limit=" +
-      this.TOOTS_LIMIT;
+    requestURL = `${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`;
   }
 
   fetch(requestURL, {
@@ -132,7 +126,7 @@ MastodonApi.prototype.getToots = function () {
       }
     })
     .then((jsonData) => {
-      // console.log('jsonData: ', jsonData);
+      // console.log("jsonData: ", jsonData);
 
       // Empty the <div> container
       this.mtBodyContainer.innerHTML = "";
@@ -151,6 +145,7 @@ MastodonApi.prototype.getToots = function () {
           ) {
             // Nothing here (Don't append toots)
           } else {
+            // Format and append toots
             appendToot.call(mapi, jsonData[i], i);
           }
         }
@@ -164,56 +159,27 @@ MastodonApi.prototype.getToots = function () {
           jsonData.length +
           ' toots from the server but due to the "hide filters" applied, no toot is shown</div></div>';
       } else {
-        // Add target="_blank" to all #hashtags and @mentions
-        let linksToBlank = document.querySelectorAll(
-          "#mt-body .hashtag, .u-url.mention"
-        );
-        for (let j = 0; j < linksToBlank.length; j++) {
-          linksToBlank[j].target = "_blank";
-          linksToBlank[j].hasAttribute("rel", "tag")
-            ? linksToBlank[j].setAttribute(
-                "rel",
-                "tag nofollow noopener noreferrer"
-              )
-            : linksToBlank[j].setAttribute(
-                "rel",
-                "nofollow noopener noreferrer"
-              );
-        }
-
         // Insert link after last toot to visit Mastodon page
         if (mapi.LINK_SEE_MORE) {
-          let linkHtml = "";
+          let linkSeeMorePath = "";
           if (this.TIMELINE_TYPE === "profile") {
-            linkHtml =
-              '<div class="mt-footer"><a href="' +
-              mapi.INSTANCE_URL +
-              "/" +
-              mapi.PROFILE_NAME +
-              '" class="btn" target="_blank" rel="nofollow noopener noreferrer">' +
-              mapi.LINK_SEE_MORE +
-              "</a></div>";
+            linkSeeMorePath = mapi.PROFILE_NAME;
           } else if (this.TIMELINE_TYPE === "hashtag") {
-            linkHtml =
-              '<div class="mt-footer"><a href="' +
-              mapi.INSTANCE_URL +
-              "/tags/" +
-              this.HASHTAG_NAME +
-              '" class="btn" target="_blank" rel="nofollow noopener noreferrer">' +
-              mapi.LINK_SEE_MORE +
-              "</a></div>";
+            linkSeeMorePath = "tags/" + this.HASHTAG_NAME;
           } else if (this.TIMELINE_TYPE === "local") {
-            linkHtml =
-              '<div class="mt-footer"><a href="' +
-              mapi.INSTANCE_URL +
-              "/public/local" +
-              '" class="btn" target="_blank" rel="nofollow noopener noreferrer">' +
-              mapi.LINK_SEE_MORE +
-              "</a></div>";
+            linkSeeMorePath = "public/local";
           }
+          let linkSeeMore =
+            '<div class="mt-footer"><a href="' +
+            mapi.INSTANCE_URL +
+            "/" +
+            linkSeeMorePath +
+            '" class="btn" target="_blank" rel="nofollow noopener noreferrer">' +
+            mapi.LINK_SEE_MORE +
+            "</a></div>";
           this.mtBodyContainer.parentNode.insertAdjacentHTML(
             "beforeend",
-            linkHtml
+            linkSeeMore
           );
         }
       }
@@ -314,27 +280,25 @@ MastodonApi.prototype.getToots = function () {
         status_.spoiler_text +
         ' <button type="button" class="spoiler-link" aria-expanded="false">Show more</button>' +
         '<div class="spoiler-text">' +
-        status_.content +
+        this.formatTootText(status_.content) +
         "</div>" +
         "</div>";
     } else if (status_.reblog && status_.reblog.content !== "") {
       content =
-        '<div class="toot-text' +
-        " " +
+        '<div class="toot-text ' +
         text_css +
         '">' +
         "<div>" +
-        status_.reblog.content +
+        this.formatTootText(status_.reblog.content) +
         "</div>" +
         "</div>";
     } else {
       content =
-        '<div class="toot-text' +
-        " " +
+        '<div class="toot-text ' +
         text_css +
         '">' +
         "<div>" +
-        status_.content +
+        this.formatTootText(status_.content) +
         "</div>" +
         "</div>";
     }
@@ -400,37 +364,37 @@ MastodonApi.prototype.getToots = function () {
   };
 
   // Toot interactions
-  this.mtBodyContainer.addEventListener("click", function (event) {
+  this.mtBodyContainer.addEventListener("click", function (e) {
     // Check if clicked in a toot
     if (
-      event.target.localName == "article" ||
-      event.target.offsetParent.localName == "article" ||
-      event.target.localName == "img"
+      e.target.localName == "article" ||
+      e.target.offsetParent.localName == "article" ||
+      e.target.localName == "img"
     ) {
-      openTootURL(event);
+      openTootURL(e);
     }
     // Check if clicked in Show More/Less button
     if (
-      event.target.localName == "button" &&
-      event.target.className == "spoiler-link"
+      e.target.localName == "button" &&
+      e.target.className == "spoiler-link"
     ) {
-      toogleSpoiler(event);
+      toogleSpoiler(e);
     }
   });
-  this.mtBodyContainer.addEventListener("keydown", function (event) {
+  this.mtBodyContainer.addEventListener("keydown", function (e) {
     // Check if Enter key pressed with focus in an article
-    if (event.code === "Enter" && event.target.localName == "article") {
-      openTootURL(event);
+    if (event.code === "Enter" && e.target.localName == "article") {
+      openTootURL(e);
     }
   });
 
   // Open Toot in a new page avoiding any other natural link
-  openTootURL = function (event_) {
-    let urlToot = event_.target.closest(".mt-toot").dataset.location;
+  let openTootURL = function (e) {
+    let urlToot = e.target.closest(".mt-toot").dataset.location;
     if (
-      event_.target.localName !== "a" &&
-      event_.target.localName !== "span" &&
-      event_.target.localName !== "button" &&
+      e.target.localName !== "a" &&
+      e.target.localName !== "span" &&
+      e.target.localName !== "button" &&
       urlToot
     ) {
       window.open(urlToot, "_blank");
@@ -438,29 +402,79 @@ MastodonApi.prototype.getToots = function () {
   };
 
   // Spoiler button
-  toogleSpoiler = function (event_) {
-    let spoilerText = event_.target.nextSibling;
-    let spoilerBtnText = event_.target.textContent;
+  let toogleSpoiler = function (e) {
+    let spoilerText = e.target.nextSibling;
+    let spoilerBtnText = e.target.textContent;
     spoilerText.classList.toggle("spoiler-text");
     if (spoilerBtnText == "Show more") {
       spoilerBtnText = "Show less";
-      event_.target.setAttribute("aria-expanded", "true");
+      e.target.setAttribute("aria-expanded", "true");
     } else {
       spoilerBtnText = "Show more";
-      event_.target.setAttribute("aria-expanded", "false");
+      e.target.setAttribute("aria-expanded", "false");
     }
   };
 };
 
+// Handle text changes made to Toots
+MastodonApi.prototype.formatTootText = function (c) {
+  let content = c;
+
+  // Format hashtags and mentions
+  content = this.addTarget2hashtagMention(content);
+
+  // Convert markdown styles into HTML
+  if (this.MARKDOWN_BLOCKQUOTE) {
+    content = this.replaceHTMLtag(
+      content,
+      "<p>&gt;",
+      "</p>",
+      "<blockquote><p>",
+      "</blockquote></p>"
+    );
+  }
+
+  return content;
+};
+
+// Add target="_blank" to all #hashtags and @mentions
+MastodonApi.prototype.addTarget2hashtagMention = function (c) {
+  let content = c.replaceAll('rel="tag"', 'rel="tag" target="_blank"');
+  content = content.replaceAll(
+    'class="u-url mention"',
+    'class="u-url mention" target="_blank"'
+  );
+  return content;
+};
+
+// Find all start/end <tags> and replace them by another start/end <tags>
+MastodonApi.prototype.replaceHTMLtag = function (
+  c,
+  initialTagOpen,
+  initialTagClose,
+  replacedTagOpen,
+  replacedTagClose
+) {
+  if (c.includes(initialTagOpen)) {
+    const regex = new RegExp(initialTagOpen + "(.*?)" + initialTagClose, "gi");
+    return c.replace(regex, replacedTagOpen + "$1" + replacedTagClose);
+  } else {
+    return c;
+  }
+};
+
 // Place media
-MastodonApi.prototype.replaceMedias = function (media_, spoiler_) {
-  let spoiler = spoiler_ || false;
+MastodonApi.prototype.replaceMedias = function (m, s) {
+  let spoiler = s || false;
   let pic =
     '<div class="toot-media ' +
     (spoiler ? "toot-media-spoiler" : "") +
     ' img-ratio14_7 loading-spinner">' +
+    (spoiler
+      ? '<button class="spoiler-link" onclick="this.parentNode.classList.remove(\'toot-media-spoiler\')">Show content</button>'
+      : "") +
     '<img onload="removeSpinner(this)" onerror="removeSpinner(this)" src="' +
-    media_.preview_url +
+    m.preview_url +
     '" alt="" loading="lazy" />' +
     "</div>";
 
@@ -468,7 +482,7 @@ MastodonApi.prototype.replaceMedias = function (media_, spoiler_) {
 };
 
 // Format date
-MastodonApi.prototype.formatDate = function (date_) {
+MastodonApi.prototype.formatDate = function (d) {
   const monthNames = [
     "Jan",
     "Feb",
@@ -484,7 +498,7 @@ MastodonApi.prototype.formatDate = function (date_) {
     "Dec",
   ];
 
-  let date = new Date(date_);
+  let date = new Date(d);
 
   let displayDate =
     monthNames[date.getMonth()] +
@@ -497,10 +511,10 @@ MastodonApi.prototype.formatDate = function (date_) {
 };
 
 // Loading spinner
-removeSpinner = function (element) {
+removeSpinner = function (e) {
   const spinnerCSS = "loading-spinner";
   // Find closest parent container (1st, 2nd or 3rd level)
-  let spinnerContainer = element.closest("." + spinnerCSS);
+  let spinnerContainer = e.closest("." + spinnerCSS);
   if (spinnerContainer) {
     spinnerContainer.classList.remove(spinnerCSS);
   }
diff --git a/src/mastodon-timeline.min.css b/src/mastodon-timeline.min.css
index 4fd48b0..031aa4e 100644
--- a/src/mastodon-timeline.min.css
+++ b/src/mastodon-timeline.min.css
@@ -1 +1 @@
-:root{--text-max-lines:none}:root,html[data-theme=light]{--bg-color:#fff;--bg-hover-color:#d9e1e8;--line-gray-color:#c0cdd9;--content-text:#000;--link-color:#3a3bff;--error-text-color:#8b0000}html[data-theme=dark]{--bg-color:#282c37;--bg-hover-color:#313543;--line-gray-color:#393f4f;--content-text:#fff;--link-color:#8c8dff;--error-text-color:#fe6c6c}.mt-timeline{height:100%;overflow-y:auto;position:relative;background:var(--bg-color);scrollbar-color:var(--bg-hover-color) rgba(0,0,0,.1)}.mt-timeline a,.mt-timeline a:active,.mt-timeline a:link{text-decoration:none;color:var(--link-color)}.mt-timeline a:hover{text-decoration:underline}.mt-timeline::-webkit-scrollbar{width:.75rem;height:.75rem}.mt-timeline::-webkit-scrollbar-corner{background:0 0}.mt-timeline::-webkit-scrollbar-thumb{border:0 var(--content-text);border-radius:2rem;background:var(--bg-hover-color)}.mt-timeline::-webkit-scrollbar-track{border:0 var(--content-text);border-radius:0;background:rgba(0,0,0,.1)}.mt-body{padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.mt-body .invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.mt-toot{margin:.25rem;padding:1rem .5rem 2rem 4rem;position:relative;min-height:3.75rem;background-color:transparent;border-bottom:1px solid var(--line-gray-color)}.mt-toot:focus,.mt-toot:hover{cursor:pointer;background-color:var(--bg-hover-color)}.mt-toot p:last-child{margin-bottom:0}.mt-avatar{position:absolute;top:1rem;left:5px;width:3rem;height:3rem;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:var(--bg-color);border-radius:5px}.mt-avatar-boosted{width:2.5rem;height:2.5rem}.mt-avatar-booster{width:1.5rem;height:1.5rem;top:1.5rem;left:1.5rem}.mt-user{display:table;font-weight:600}.mt-user>a{color:var(--content-text)!important}.toot-text{margin-bottom:.25rem;color:var(--content-text)}.toot-text .spoiler-link{display:inline-block;border-radius:2px;background-color:var(--bg-hover-color);border:0;color:var(--content-text);font-weight:700;font-size:.7rem;padding:0 .35rem;text-transform:uppercase;line-height:1.25rem;cursor:pointer;vertical-align:top}.toot-text .spoiler-text{display:none}.toot-text.truncate{display:-webkit-box;overflow:hidden;-webkit-line-clamp:var(--text-max-lines);-webkit-box-orient:vertical}.toot-text:not(.truncate) .ellipsis::after{content:"..."}.mt-error{position:absolute;display:flex;flex-direction:column;height:calc(100% - 3.5rem);width:calc(100% - 4.5rem);justify-content:center;align-items:center;color:var(--error-text-color);padding:.75rem;text-align:center}.mt-error-icon{font-size:2rem}.mt-error-message{padding:1rem 0}.toot-poll{margin-bottom:.25rem;color:var(--content-text)}.toot-poll ul{list-style:none;padding:0;margin:0}.toot-poll ul li{font-size:.9rem;margin-bottom:.5rem}.toot-poll ul li:not(:last-child){margin-bottom:.25rem}.toot-poll ul li:before{content:"◯";padding-right:.5rem}.toot-media{overflow:hidden;margin-bottom:.25rem}.toot-media-preview{position:relative;margin-top:.25rem;height:auto;text-align:center;width:100%}.toot-media-spoiler>img{filter:blur(2rem)}.toot-media-preview a{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.img-ratio14_7{position:relative;padding-top:48.95%;width:100%}.img-ratio14_7>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.toot-date{font-size:.75rem}.mt-body>.loading-spinner{position:absolute;width:3rem;height:3rem;margin:auto;top:calc(50% - 1.5rem);right:calc(50% - 1.5rem)}.loading-spinner{height:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' %3E%3Cg%3E%3Cpath d='M64 128A64 64 0 0 1 18.34 19.16L21.16 22a60 60 0 1 0 52.8-17.17l.62-3.95A64 64 0 0 1 64 128z' fill='%23404040'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:min(2.5rem,calc(100% - .5rem))}.mt-footer{margin:1rem auto 2rem auto;padding:0 2rem;text-align:center}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
\ No newline at end of file
+:root{--text-max-lines:none}:root,html[data-theme=light]{--bg-color:#fff;--bg-hover-color:#d9e1e8;--line-gray-color:#c0cdd9;--content-text:#000;--link-color:#3a3bff;--error-text-color:#8b0000}html[data-theme=dark]{--bg-color:#282c37;--bg-hover-color:#313543;--line-gray-color:#393f4f;--content-text:#fff;--link-color:#8c8dff;--error-text-color:#fe6c6c}.mt-timeline{height:100%;overflow-y:auto;position:relative;background:var(--bg-color);scrollbar-color:var(--bg-hover-color) rgba(0,0,0,.1)}.mt-timeline a,.mt-timeline a:active,.mt-timeline a:link{text-decoration:none;color:var(--link-color)}.mt-timeline a:hover{text-decoration:underline}.mt-timeline::-webkit-scrollbar{width:.75rem;height:.75rem}.mt-timeline::-webkit-scrollbar-corner{background:0 0}.mt-timeline::-webkit-scrollbar-thumb{border:0 var(--content-text);border-radius:2rem;background:var(--bg-hover-color)}.mt-timeline::-webkit-scrollbar-track{border:0 var(--content-text);border-radius:0;background:rgba(0,0,0,.1)}.mt-body{padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.mt-body .invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.mt-toot{margin:.25rem;padding:1rem .5rem 2rem 4rem;position:relative;min-height:3.75rem;background-color:transparent;border-bottom:1px solid var(--line-gray-color)}.mt-toot:focus,.mt-toot:hover{cursor:pointer;background-color:var(--bg-hover-color)}.mt-toot p:last-child{margin-bottom:0}.mt-avatar{position:absolute;top:1rem;left:5px;width:3rem;height:3rem;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:var(--bg-color);border-radius:5px}.mt-avatar-boosted{width:2.5rem;height:2.5rem}.mt-avatar-booster{width:1.5rem;height:1.5rem;top:1.5rem;left:1.5rem}.mt-user{display:table;font-weight:600}.mt-user>a{color:var(--content-text)!important}.toot-text{margin-bottom:.25rem;color:var(--content-text)}.toot-text .spoiler-link{display:inline-block;border-radius:2px;background-color:var(--bg-hover-color);border:0;color:var(--content-text);font-weight:700;font-size:.7rem;padding:0 .35rem;text-transform:uppercase;line-height:1.25rem;cursor:pointer;vertical-align:top}.toot-text .spoiler-text{display:none}.toot-text.truncate{display:-webkit-box;overflow:hidden;-webkit-line-clamp:var(--text-max-lines);-webkit-box-orient:vertical}.toot-text:not(.truncate) .ellipsis::after{content:"..."}.toot-text blockquote{border-left:4px solid var(--line-gray-color);margin-left:0;padding-left:8px}.mt-error{position:absolute;display:flex;flex-direction:column;height:calc(100% - 3.5rem);width:calc(100% - 4.5rem);justify-content:center;align-items:center;color:var(--error-text-color);padding:.75rem;text-align:center}.mt-error-icon{font-size:2rem}.mt-error-message{padding:1rem 0}.toot-poll{margin-bottom:.25rem;color:var(--content-text)}.toot-poll ul{list-style:none;padding:0;margin:0}.toot-poll ul li{font-size:.9rem;margin-bottom:.5rem}.toot-poll ul li:not(:last-child){margin-bottom:.25rem}.toot-poll ul li:before{content:"◯";padding-right:.5rem}.toot-media{overflow:hidden;margin-bottom:.25rem}.toot-media-preview{position:relative;margin-top:.25rem;height:auto;text-align:center;width:100%}.toot-media>.spoiler-link{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);cursor:pointer}:not(.toot-media-spoiler)>.spoiler-link{visibility:hidden}.toot-media-spoiler>img{filter:blur(2rem)}.toot-media-preview a{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.img-ratio14_7{position:relative;padding-top:56.95%;width:100%}.img-ratio14_7>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.toot-date{font-size:.75rem}.mt-body>.loading-spinner{position:absolute;width:3rem;height:3rem;margin:auto;top:calc(50% - 1.5rem);right:calc(50% - 1.5rem)}.loading-spinner{height:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' %3E%3Cg%3E%3Cpath d='M64 128A64 64 0 0 1 18.34 19.16L21.16 22a60 60 0 1 0 52.8-17.17l.62-3.95A64 64 0 0 1 64 128z' fill='%23404040'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:min(2.5rem,calc(100% - .5rem))}.mt-footer{margin:1rem auto 2rem auto;padding:0 2rem;text-align:center}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
\ No newline at end of file
diff --git a/src/mastodon-timeline.min.js b/src/mastodon-timeline.min.js
index 5032f11..d7c147c 100644
--- a/src/mastodon-timeline.min.js
+++ b/src/mastodon-timeline.min.js
@@ -1 +1 @@
-document.addEventListener("DOMContentLoaded",()=>{new MastodonApi({container_body_id:"mt-body",default_theme:"auto",instance_url:"https://mastodon.online",timeline_type:"local",user_id:"",profile_name:"",hashtag_name:"",toots_limit:"20",hide_unlisted:!1,hide_reblog:!1,hide_replies:!1,text_max_lines:"0",link_see_more:"See more posts at Mastodon"})});let MastodonApi=function(t){this.DEFAULT_THEME=t.default_theme||"auto",this.INSTANCE_URL=t.instance_url,this.USER_ID=t.user_id||"",this.PROFILE_NAME=this.USER_ID?t.profile_name:"",this.TIMELINE_TYPE=t.timeline_type||"local",this.HASHTAG_NAME=t.hashtag_name||"",this.TOOTS_LIMIT=t.toots_limit||"20",this.HIDE_UNLISTED=void 0!==t.hide_unlisted&&t.hide_unlisted,this.HIDE_REBLOG=void 0!==t.hide_reblog&&t.hide_reblog,this.HIDE_REPLIES=void 0!==t.hide_replies&&t.hide_replies,this.TEXT_MAX_LINES=t.text_max_lines||"0",this.LINK_SEE_MORE=t.link_see_more,this.mtBodyContainer=document.getElementById(t.container_body_id),this.applyTheme(),this.getToots()};MastodonApi.prototype.applyTheme=function(){let t=function(t){document.documentElement.setAttribute("data-theme",t)};if("auto"===this.DEFAULT_THEME){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches?t("dark"):t("light"),e.addEventListener("change",e=>{e.matches?t("dark"):t("light")})}else t(this.DEFAULT_THEME)},MastodonApi.prototype.getToots=function(){let t=this,e="";"profile"===this.TIMELINE_TYPE?e=this.INSTANCE_URL+"/api/v1/accounts/"+this.USER_ID+"/statuses?limit="+this.TOOTS_LIMIT:"hashtag"===this.TIMELINE_TYPE?e=this.INSTANCE_URL+"/api/v1/timelines/tag/"+this.HASHTAG_NAME+"?limit="+this.TOOTS_LIMIT:"local"===this.TIMELINE_TYPE&&(e=this.INSTANCE_URL+"/api/v1/timelines/public?local=true&limit="+this.TOOTS_LIMIT),fetch(e,{method:"get"}).then(t=>{if(t.ok)return t.json();if(404===t.status)throw Error("404 Not found",{cause:t});throw Error(t.status)}).then(e=>{for(let a in this.mtBodyContainer.innerHTML="",e)("public"==e[a].visibility||!this.HIDE_UNLISTED&&"unlisted"==e[a].visibility)&&(t.HIDE_REBLOG&&e[a].reblog||t.HIDE_REPLIES&&e[a].in_reply_to_id||o.call(t,e[a],a));if(""===this.mtBodyContainer.innerHTML)this.mtBodyContainer.setAttribute("role","none"),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">\uD83D\uDCED</span><br/><strong>Sorry, no toots to show</strong><br/><div class="mt-error-message">Got '+e.length+' toots from the server but due to the "hide filters" applied, no toot is shown</div></div>';else{let i=document.querySelectorAll("#mt-body .hashtag, .u-url.mention");for(let r=0;r<i.length;r++)i[r].target="_blank",i[r].hasAttribute("rel","tag")?i[r].setAttribute("rel","tag nofollow noopener noreferrer"):i[r].setAttribute("rel","nofollow noopener noreferrer");if(t.LINK_SEE_MORE){let n="";"profile"===this.TIMELINE_TYPE?n='<div class="mt-footer"><a href="'+t.INSTANCE_URL+"/"+t.PROFILE_NAME+'" class="btn" target="_blank" rel="nofollow noopener noreferrer">'+t.LINK_SEE_MORE+"</a></div>":"hashtag"===this.TIMELINE_TYPE?n='<div class="mt-footer"><a href="'+t.INSTANCE_URL+"/tags/"+this.HASHTAG_NAME+'" class="btn" target="_blank" rel="nofollow noopener noreferrer">'+t.LINK_SEE_MORE+"</a></div>":"local"===this.TIMELINE_TYPE&&(n='<div class="mt-footer"><a href="'+t.INSTANCE_URL+'/public/local" class="btn" target="_blank" rel="nofollow noopener noreferrer">'+t.LINK_SEE_MORE+"</a></div>"),this.mtBodyContainer.parentNode.insertAdjacentHTML("beforeend",n)}}}).catch(t=>{this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">❌</span><br/><strong>Sorry, request failed:</strong><br/><div class="mt-error-message">'+t+"</div></div>",this.mtBodyContainer.setAttribute("role","none")});let o=function(t,e){let o,a,i,r,n;t.reblog?(r=t.reblog.url,o='<a href="'+t.reblog.account.url+'" class="mt-avatar mt-avatar-boosted" style="background-image:url('+t.reblog.account.avatar+');" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-avatar mt-avatar-booster" style="background-image:url('+t.account.avatar+');"></div><span class="visually-hidden">'+t.account.username+" avatar</span></a>",a='<div class="mt-user"><a href="'+t.reblog.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+t.reblog.account.username+'<span class="visually-hidden"> post</span></a></div>',n=this.formatDate(t.reblog.created_at)):(r=t.url,o='<a href="'+t.account.url+'" class="mt-avatar" style="background-image:url('+t.account.avatar+');" rel="nofollow noopener noreferrer" target="_blank"><span class="visually-hidden">'+t.account.username+" avatar</span></a>",a='<div class="mt-user"><a href="'+t.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+t.account.username+'<span class="visually-hidden"> post</span></a></div>',n=this.formatDate(t.created_at));let s="";"0"!==this.TEXT_MAX_LINES&&(s="truncate",document.documentElement.style.setProperty("--text-max-lines",this.TEXT_MAX_LINES)),i=""!==t.spoiler_text?'<div class="toot-text">'+t.spoiler_text+' <button type="button" class="spoiler-link" aria-expanded="false">Show more</button><div class="spoiler-text">'+t.content+"</div></div>":t.reblog&&""!==t.reblog.content?'<div class="toot-text '+s+'"><div>'+t.reblog.content+"</div></div>":'<div class="toot-text '+s+'"><div>'+t.content+"</div></div>";let l="";if(t.media_attachments.length>0)for(let d in t.media_attachments)l=this.replaceMedias(t.media_attachments[d],t.sensitive);if(t.reblog&&t.reblog.media_attachments.length>0)for(let c in t.reblog.media_attachments)l=this.replaceMedias(t.reblog.media_attachments[c],t.sensitive);let h="",m="";if(t.poll){for(let u in t.poll.options)m+="<li>"+t.poll.options[u].title+"</li>";h='<div class="toot-poll"><ul>'+m+"</ul></div>"}let p='<div class="toot-date"><a href="'+r+'" rel="nofollow noopener noreferrer" tabindex="-1" target="_blank">'+n+"</a></div>",E='<article class="mt-toot" aria-posinset="'+(Number(e)+1)+'" aria-setsize="'+this.TOOTS_LIMIT+'" data-location="'+r+'" tabindex="0">'+o+a+i+l+h+p+"</article>";this.mtBodyContainer.insertAdjacentHTML("beforeend",E)};this.mtBodyContainer.addEventListener("click",function(t){("article"==t.target.localName||"article"==t.target.offsetParent.localName||"img"==t.target.localName)&&openTootURL(t),"button"==t.target.localName&&"spoiler-link"==t.target.className&&toogleSpoiler(t)}),this.mtBodyContainer.addEventListener("keydown",function(t){"Enter"===t.code&&"article"==t.target.localName&&openTootURL(t)}),openTootURL=function(t){let e=t.target.closest(".mt-toot").dataset.location;"a"!==t.target.localName&&"span"!==t.target.localName&&"button"!==t.target.localName&&e&&window.open(e,"_blank")},toogleSpoiler=function(t){let e=t.target.nextSibling,o=t.target.textContent;e.classList.toggle("spoiler-text"),"Show more"==o?(o="Show less",t.target.setAttribute("aria-expanded","true")):(o="Show more",t.target.setAttribute("aria-expanded","false"))}},MastodonApi.prototype.replaceMedias=function(t,e){return'<div class="toot-media '+(e?"toot-media-spoiler":"")+' img-ratio14_7 loading-spinner"><img onload="removeSpinner(this)" onerror="removeSpinner(this)" src="'+t.preview_url+'" alt="" loading="lazy" /></div>'},MastodonApi.prototype.formatDate=function(t){let e=new Date(t);return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",][e.getMonth()]+" "+e.getDate()+", "+e.getFullYear()},removeSpinner=function(t){let e="loading-spinner",o=t.closest("."+e);o&&o.classList.remove(e)};
\ No newline at end of file
+document.addEventListener("DOMContentLoaded",()=>{new MastodonApi({container_body_id:"mt-body",default_theme:"auto",instance_url:"https://mastodon.online",timeline_type:"local",user_id:"",profile_name:"",hashtag_name:"",toots_limit:"20",hide_unlisted:!1,hide_reblog:!1,hide_replies:!1,markdown_blockquote:!1,text_max_lines:"0",link_see_more:"See more posts at Mastodon"})});let MastodonApi=function(t){this.DEFAULT_THEME=t.default_theme||"auto",this.INSTANCE_URL=t.instance_url,this.USER_ID=t.user_id||"",this.PROFILE_NAME=this.USER_ID?t.profile_name:"",this.TIMELINE_TYPE=t.timeline_type||"local",this.HASHTAG_NAME=t.hashtag_name||"",this.TOOTS_LIMIT=t.toots_limit||"20",this.HIDE_UNLISTED=void 0!==t.hide_unlisted&&t.hide_unlisted,this.HIDE_REBLOG=void 0!==t.hide_reblog&&t.hide_reblog,this.HIDE_REPLIES=void 0!==t.hide_replies&&t.hide_replies,this.MARKDOWN_BLOCKQUOTE=void 0!==t.markdown_blockquote&&t.markdown_blockquote,this.TEXT_MAX_LINES=t.text_max_lines||"0",this.LINK_SEE_MORE=t.link_see_more,this.mtBodyContainer=document.getElementById(t.container_body_id),this.applyTheme(),this.getToots()};MastodonApi.prototype.applyTheme=function(){let t=function(t){document.documentElement.setAttribute("data-theme",t)};if("auto"===this.DEFAULT_THEME){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches?t("dark"):t("light"),e.addEventListener("change",e=>{e.matches?t("dark"):t("light")})}else t(this.DEFAULT_THEME)},MastodonApi.prototype.getToots=function(){let t=this,e="";"profile"===this.TIMELINE_TYPE?e=`${this.INSTANCE_URL}/api/v1/accounts/${this.USER_ID}/statuses?limit=${this.TOOTS_LIMIT}`:"hashtag"===this.TIMELINE_TYPE?e=`${this.INSTANCE_URL}/api/v1/timelines/tag/${this.HASHTAG_NAME}?limit=${this.TOOTS_LIMIT}`:"local"===this.TIMELINE_TYPE&&(e=`${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`),fetch(e,{method:"get"}).then(t=>{if(t.ok)return t.json();if(404===t.status)throw Error("404 Not found",{cause:t});throw Error(t.status)}).then(e=>{for(let a in this.mtBodyContainer.innerHTML="",e)("public"==e[a].visibility||!this.HIDE_UNLISTED&&"unlisted"==e[a].visibility)&&(t.HIDE_REBLOG&&e[a].reblog||t.HIDE_REPLIES&&e[a].in_reply_to_id||o.call(t,e[a],a));if(""===this.mtBodyContainer.innerHTML)this.mtBodyContainer.setAttribute("role","none"),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">\uD83D\uDCED</span><br/><strong>Sorry, no toots to show</strong><br/><div class="mt-error-message">Got '+e.length+' toots from the server but due to the "hide filters" applied, no toot is shown</div></div>';else if(t.LINK_SEE_MORE){let i="";"profile"===this.TIMELINE_TYPE?i=t.PROFILE_NAME:"hashtag"===this.TIMELINE_TYPE?i="tags/"+this.HASHTAG_NAME:"local"===this.TIMELINE_TYPE&&(i="public/local");let n='<div class="mt-footer"><a href="'+t.INSTANCE_URL+"/"+i+'" class="btn" target="_blank" rel="nofollow noopener noreferrer">'+t.LINK_SEE_MORE+"</a></div>";this.mtBodyContainer.parentNode.insertAdjacentHTML("beforeend",n)}}).catch(t=>{this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">❌</span><br/><strong>Sorry, request failed:</strong><br/><div class="mt-error-message">'+t+"</div></div>",this.mtBodyContainer.setAttribute("role","none")});let o=function(t,e){let o,a,i,n,r;t.reblog?(n=t.reblog.url,o='<a href="'+t.reblog.account.url+'" class="mt-avatar mt-avatar-boosted" style="background-image:url('+t.reblog.account.avatar+');" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-avatar mt-avatar-booster" style="background-image:url('+t.account.avatar+');"></div><span class="visually-hidden">'+t.account.username+" avatar</span></a>",a='<div class="mt-user"><a href="'+t.reblog.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+t.reblog.account.username+'<span class="visually-hidden"> post</span></a></div>',r=this.formatDate(t.reblog.created_at)):(n=t.url,o='<a href="'+t.account.url+'" class="mt-avatar" style="background-image:url('+t.account.avatar+');" rel="nofollow noopener noreferrer" target="_blank"><span class="visually-hidden">'+t.account.username+" avatar</span></a>",a='<div class="mt-user"><a href="'+t.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+t.account.username+'<span class="visually-hidden"> post</span></a></div>',r=this.formatDate(t.created_at));let s="";"0"!==this.TEXT_MAX_LINES&&(s="truncate",document.documentElement.style.setProperty("--text-max-lines",this.TEXT_MAX_LINES)),i=""!==t.spoiler_text?'<div class="toot-text">'+t.spoiler_text+' <button type="button" class="spoiler-link" aria-expanded="false">Show more</button><div class="spoiler-text">'+this.formatTootText(t.content)+"</div></div>":t.reblog&&""!==t.reblog.content?'<div class="toot-text '+s+'"><div>'+this.formatTootText(t.reblog.content)+"</div></div>":'<div class="toot-text '+s+'"><div>'+this.formatTootText(t.content)+"</div></div>";let l="";if(t.media_attachments.length>0)for(let d in t.media_attachments)l=this.replaceMedias(t.media_attachments[d],t.sensitive);if(t.reblog&&t.reblog.media_attachments.length>0)for(let c in t.reblog.media_attachments)l=this.replaceMedias(t.reblog.media_attachments[c],t.sensitive);let h="",m="";if(t.poll){for(let u in t.poll.options)m+="<li>"+t.poll.options[u].title+"</li>";h='<div class="toot-poll"><ul>'+m+"</ul></div>"}let p='<div class="toot-date"><a href="'+n+'" rel="nofollow noopener noreferrer" tabindex="-1" target="_blank">'+r+"</a></div>",g='<article class="mt-toot" aria-posinset="'+(Number(e)+1)+'" aria-setsize="'+this.TOOTS_LIMIT+'" data-location="'+n+'" tabindex="0">'+o+a+i+l+h+p+"</article>";this.mtBodyContainer.insertAdjacentHTML("beforeend",g)};this.mtBodyContainer.addEventListener("click",function(t){("article"==t.target.localName||"article"==t.target.offsetParent.localName||"img"==t.target.localName)&&a(t),"button"==t.target.localName&&"spoiler-link"==t.target.className&&i(t)}),this.mtBodyContainer.addEventListener("keydown",function(t){"Enter"===event.code&&"article"==t.target.localName&&a(t)});let a=function(t){let e=t.target.closest(".mt-toot").dataset.location;"a"!==t.target.localName&&"span"!==t.target.localName&&"button"!==t.target.localName&&e&&window.open(e,"_blank")},i=function(t){let e=t.target.nextSibling,o=t.target.textContent;e.classList.toggle("spoiler-text"),"Show more"==o?(o="Show less",t.target.setAttribute("aria-expanded","true")):(o="Show more",t.target.setAttribute("aria-expanded","false"))}},MastodonApi.prototype.formatTootText=function(t){let e=t;return e=this.addTarget2hashtagMention(e),this.MARKDOWN_BLOCKQUOTE&&(e=this.replaceHTMLtag(e,"<p>&gt;","</p>","<blockquote><p>","</blockquote></p>")),e},MastodonApi.prototype.addTarget2hashtagMention=function(t){let e=t.replaceAll('rel="tag"','rel="tag" target="_blank"');return e.replaceAll('class="u-url mention"','class="u-url mention" target="_blank"')},MastodonApi.prototype.replaceHTMLtag=function(t,e,o,a,i){if(!t.includes(e))return t;{let n=RegExp(e+"(.*?)"+o,"gi");return t.replace(n,a+"$1"+i)}},MastodonApi.prototype.replaceMedias=function(t,e){let o=e||!1;return'<div class="toot-media '+(o?"toot-media-spoiler":"")+' img-ratio14_7 loading-spinner">'+(o?'<button class="spoiler-link" onclick="this.parentNode.classList.remove(\'toot-media-spoiler\')">Show content</button>':"")+'<img onload="removeSpinner(this)" onerror="removeSpinner(this)" src="'+t.preview_url+'" alt="" loading="lazy" /></div>'},MastodonApi.prototype.formatDate=function(t){let e=new Date(t);return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",][e.getMonth()]+" "+e.getDate()+", "+e.getFullYear()},removeSpinner=function(t){let e="loading-spinner",o=t.closest("."+e);o&&o.classList.remove(e)};
\ No newline at end of file