diff --git a/CHANGELOG b/CHANGELOG
index 12d8bc3..4963a44 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,7 @@
+v3.8.2 - xx/08/2023
+- Add support to customized emojis
+- Javascript refactoring to allow multiple requests
+
v3.8.1 - 14/08/2023
- Show preview card from link, photo or video URL
- Add description for the ALT attribute in images
diff --git a/README.md b/README.md
index bac9875..d42c1ce 100644
--- a/README.md
+++ b/README.md
@@ -83,7 +83,10 @@ hide_replies: false,
// Hide preview for links. Default: don't hide
hide_preview_link: false,
-// Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag (default: don't apply)
+// Show custom emojis available on the server. Default: show them
+show_emojos: true,
+
+// 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)
diff --git a/src/mastodon-timeline.css b/src/mastodon-timeline.css
index 77df6d6..7522d7a 100644
--- a/src/mastodon-timeline.css
+++ b/src/mastodon-timeline.css
@@ -1,4 +1,4 @@
-/* Mastodon embed feed timeline v3.8.1 */
+/* Mastodon embed feed timeline v3.8.2 */
/* More info at: */
/* https://gitlab.com/idotj/mastodon-embed-feed-timeline */
@@ -97,14 +97,14 @@ html[data-theme="dark"] {
.mt-avatar {
position: absolute;
top: 1rem;
- left: 5px;
+ left: 0.25rem;
width: 3rem;
height: 3rem;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: var(--bg-color);
- border-radius: 5px;
+ border-radius: 0.25rem;
}
.mt-avatar-boosted {
width: 2.5rem;
@@ -145,11 +145,16 @@ html[data-theme="dark"] {
.toot-text:not(.truncate) .ellipsis::after {
content: "...";
}
-
.toot-text blockquote {
- border-left: 4px solid var(--line-gray-color);
+ border-left: 0.25rem solid var(--line-gray-color);
margin-left: 0;
- padding-left: 8px;
+ padding-left: 0.5rem;
+}
+.toot-text .custom-emoji {
+ height: 1.5rem;
+ min-width: 1.5rem;
+ margin-bottom: -0.25rem;
+ width: auto;
}
.mt-error {
@@ -164,13 +169,15 @@ html[data-theme="dark"] {
padding: 0.75rem;
text-align: center;
}
-
.mt-error-icon {
font-size: 2rem;
}
.mt-error-message {
padding: 1rem 0;
}
+.mt-error-message hr {
+ color: var(--line-gray-color);
+}
/* Poll */
.toot-poll {
@@ -244,7 +251,7 @@ html[data-theme="dark"] {
.toot-preview-link {
min-height: 4rem;
display: flex;
- flex-direction: row;
+ flex-direction: row;
border: 1px solid var(--line-gray-color);
border-radius: 0.5rem;
diff --git a/src/mastodon-timeline.js b/src/mastodon-timeline.js
index 9f503dd..cb63f10 100644
--- a/src/mastodon-timeline.js
+++ b/src/mastodon-timeline.js
@@ -1,5 +1,5 @@
/**
- * Mastodon embed feed timeline v3.8.1
+ * Mastodon embed feed timeline v3.8.2
* More info at:
* https://gitlab.com/idotj/mastodon-embed-feed-timeline
*/
@@ -9,7 +9,7 @@
* Adjust these parameters to customize your timeline
*/
window.addEventListener("load", () => {
- let mapi = new MastodonApi({
+ const customParams = new MastodonApi({
// Id of the
containing the timeline
container_body_id: "mt-body",
@@ -46,7 +46,10 @@ window.addEventListener("load", () => {
// Hide preview card if toot contains a link, photo or video from a URL. Default: don't hide
hide_preview_link: false,
- // Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag (default: don't apply)
+ // Show custom emojis available on the server. Default: show them
+ show_emojos: true,
+
+ // Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag. Ddefault: don't apply
markdown_blockquote: false,
// Limit the text content to a maximum number of lines. Default: 0 (unlimited)
@@ -60,7 +63,6 @@ window.addEventListener("load", () => {
/**
* Set all variables with customized values or use default ones
* @param {object} params_ User customized values
- * Trigger color theme function
* Trigger main function to build the timeline
*/
const MastodonApi = function (params_) {
@@ -83,149 +85,86 @@ const MastodonApi = function (params_) {
typeof params_.hide_preview_link !== "undefined"
? params_.hide_preview_link
: false;
+ this.SHOW_EMOJOS =
+ typeof params_.show_emojos !== "undefined" ? params_.show_emojos : true;
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;
+ this.FETCHED_DATA = {};
this.mtBodyContainer = document.getElementById(params_.container_body_id);
- this.setTheme();
-
this.buildTimeline();
};
/**
- * Set the theme style choosen by user or browser/OS
+ * Trigger functions and construct timeline
*/
-MastodonApi.prototype.setTheme = function () {
- /**
- * Set the theme value in the tag using the attribute "data-theme"
- * @param {string} theme Type of theme to apply: dark or light
- */
- const setTheme = function (theme) {
- document.documentElement.setAttribute("data-theme", theme);
- };
+MastodonApi.prototype.buildTimeline = async function () {
+ // Apply color theme
+ this.setTheme();
- if (this.DEFAULT_THEME === "auto") {
- let systemTheme = window.matchMedia("(prefers-color-scheme: dark)");
- systemTheme.matches ? setTheme("dark") : setTheme("light");
- // Update the theme if user change browser/OS preference
- systemTheme.addEventListener("change", (e) => {
- e.matches ? setTheme("dark") : setTheme("light");
- });
+ // Get server data
+ await this.getTimelineData();
+
+ // Empty the
container
+ this.mtBodyContainer.innerHTML = "";
+
+ for (let i in this.FETCHED_DATA.timeline) {
+ // First filter (Public / Unlisted)
+ if (
+ this.FETCHED_DATA.timeline[i].visibility == "public" ||
+ (!this.HIDE_UNLISTED &&
+ this.FETCHED_DATA.timeline[i].visibility == "unlisted")
+ ) {
+ // Second filter (Reblog / Replies)
+ if (
+ (this.HIDE_REBLOG && this.FETCHED_DATA.timeline[i].reblog) ||
+ (this.HIDE_REPLIES && this.FETCHED_DATA.timeline[i].in_reply_to_id)
+ ) {
+ // Nothing here (Don't append toots)
+ } else {
+ // Append toots
+ this.appendToot(this.FETCHED_DATA.timeline[i], Number(i));
+ }
+ }
+ }
+
+ // Check if there are toots in the container (due to filters applied)
+ if (this.mtBodyContainer.innerHTML === "") {
+ this.mtBodyContainer.setAttribute("role", "none");
+ this.mtBodyContainer.innerHTML =
+ '
📭 Sorry, no toots to show
Got ' +
+ this.FETCHED_DATA.timeline.length +
+ ' toots from the server but due to the "hide filters" applied, no toot is shown
';
} else {
- setTheme(this.DEFAULT_THEME);
+ // Insert link after last toot to visit Mastodon page
+ if (this.LINK_SEE_MORE) {
+ let linkSeeMorePath = "";
+ if (this.TIMELINE_TYPE === "profile") {
+ linkSeeMorePath = this.PROFILE_NAME;
+ } else if (this.TIMELINE_TYPE === "hashtag") {
+ linkSeeMorePath = "tags/" + this.HASHTAG_NAME;
+ } else if (this.TIMELINE_TYPE === "local") {
+ linkSeeMorePath = "public/local";
+ }
+ let linkSeeMore =
+ '";
+ this.mtBodyContainer.parentNode.insertAdjacentHTML(
+ "beforeend",
+ linkSeeMore
+ );
+ }
}
-};
-
-/**
- * Listing toots function
- */
-MastodonApi.prototype.buildTimeline = function () {
- let mapi = this;
- let requestURL = "";
-
- // Get request
- if (this.TIMELINE_TYPE === "profile") {
- 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}`;
- } else if (this.TIMELINE_TYPE === "local") {
- requestURL = `${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`;
- }
-
- fetch(requestURL, {
- method: "get",
- })
- .then((response) => {
- if (response.ok) {
- return response.json();
- } else if (response.status === 404) {
- throw new Error("404 Not found", { cause: response });
- } else {
- throw new Error(response.status);
- }
- })
- .then((jsonData) => {
- // console.log("jsonData: ", jsonData);
-
- // Empty the
container
- this.mtBodyContainer.innerHTML = "";
-
- for (let i in jsonData) {
- // First filter (Public / Unlisted)
- if (
- jsonData[i].visibility == "public" ||
- (!this.HIDE_UNLISTED && jsonData[i].visibility == "unlisted")
- ) {
- // Second filter (Reblog / Replies)
- if (
- (mapi.HIDE_REBLOG && jsonData[i].reblog) ||
- (mapi.HIDE_REPLIES && jsonData[i].in_reply_to_id)
- ) {
- // Nothing here (Don't append toots)
- } else {
- // Format and append toots
- appendToot.call(mapi, jsonData[i], Number(i));
- }
- }
- }
-
- // Check if there are toots in the container (due to filters applied)
- if (this.mtBodyContainer.innerHTML === "") {
- this.mtBodyContainer.setAttribute("role", "none");
- this.mtBodyContainer.innerHTML =
- '
📭 Sorry, no toots to show
Got ' +
- jsonData.length +
- ' toots from the server but due to the "hide filters" applied, no toot is shown
';
- } else {
- // Insert link after last toot to visit Mastodon page
- if (mapi.LINK_SEE_MORE) {
- let linkSeeMorePath = "";
- if (this.TIMELINE_TYPE === "profile") {
- linkSeeMorePath = mapi.PROFILE_NAME;
- } else if (this.TIMELINE_TYPE === "hashtag") {
- linkSeeMorePath = "tags/" + this.HASHTAG_NAME;
- } else if (this.TIMELINE_TYPE === "local") {
- linkSeeMorePath = "public/local";
- }
- let linkSeeMore =
- '";
- this.mtBodyContainer.parentNode.insertAdjacentHTML(
- "beforeend",
- linkSeeMore
- );
- }
- }
- })
- .catch((err) => {
- this.mtBodyContainer.innerHTML =
- '
❌ Sorry, request failed:
' +
- err +
- "
";
- this.mtBodyContainer.setAttribute("role", "none");
- });
-
- /**
- * Inner function to add each toot in timeline container
- * @param {object} c Toot content
- * @param {number} i Index of toot
- */
- const appendToot = function (c, i) {
- this.mtBodyContainer.insertAdjacentHTML(
- "beforeend",
- this.assambleToot(c, i)
- );
- };
// Toot interactions
this.mtBodyContainer.addEventListener("click", function (e) {
@@ -297,6 +236,108 @@ MastodonApi.prototype.buildTimeline = function () {
};
};
+/**
+ * Set the theme style chosen by the user or by the browser/OS
+ */
+MastodonApi.prototype.setTheme = function () {
+ /**
+ * Set the theme value in the tag using the attribute "data-theme"
+ * @param {string} theme Type of theme to apply: dark or light
+ */
+ const setTheme = function (theme) {
+ document.documentElement.setAttribute("data-theme", theme);
+ };
+
+ if (this.DEFAULT_THEME === "auto") {
+ let systemTheme = window.matchMedia("(prefers-color-scheme: dark)");
+ systemTheme.matches ? setTheme("dark") : setTheme("light");
+ // Update the theme if user change browser/OS preference
+ systemTheme.addEventListener("change", (e) => {
+ e.matches ? setTheme("dark") : setTheme("light");
+ });
+ } else {
+ setTheme(this.DEFAULT_THEME);
+ }
+};
+
+/**
+ * Requests to the server to get all the data
+ */
+MastodonApi.prototype.getTimelineData = async function () {
+ return new Promise((resolve, reject) => {
+ /**
+ * Fetch data from server
+ * @param {string} url address to fetch
+ * @returns {object} List of objects
+ */
+ async function fetchData(url) {
+ const response = await fetch(url);
+
+ if (!response.ok) {
+ throw new Error(
+ "Failed to fetch the following URL: " +
+ url +
+ "" +
+ "Error status: " +
+ response.status +
+ "" +
+ "Error message: " +
+ response.statusText
+ );
+ }
+
+ const data = await response.json();
+ return data;
+ }
+
+ // URLs to fetch
+ let urls = {};
+ if (this.TIMELINE_TYPE === "profile") {
+ urls.timeline = `${this.INSTANCE_URL}/api/v1/accounts/${this.USER_ID}/statuses?limit=${this.TOOTS_LIMIT}`;
+ } else if (this.TIMELINE_TYPE === "hashtag") {
+ urls.timeline = `${this.INSTANCE_URL}/api/v1/timelines/tag/${this.HASHTAG_NAME}?limit=${this.TOOTS_LIMIT}`;
+ } else if (this.TIMELINE_TYPE === "local") {
+ urls.timeline = `${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`;
+ }
+ if (this.SHOW_EMOJOS) {
+ urls.emojos = this.INSTANCE_URL + "/api/v1/custom_emojis";
+ }
+
+ const urlsPromises = Object.entries(urls).map(([key, url]) => {
+ return fetchData(url)
+ .then((data) => ({ [key]: data }))
+ .catch((error) => {
+ reject(new Error("Something went wrong fetching data"));
+ this.mtBodyContainer.innerHTML =
+ '
❌ Sorry, request failed:
' +
+ error.message +
+ "
";
+ this.mtBodyContainer.setAttribute("role", "none");
+ return { [key]: [] };
+ });
+ });
+
+ // Fetch all urls simultaneously
+ Promise.all(urlsPromises).then((dataObjects) => {
+ this.FETCHED_DATA = dataObjects.reduce((result, dataItem) => {
+ return { ...result, ...dataItem };
+ }, {});
+
+ // console.log("Timeline data: ", this.FETCHED_DATA);
+ resolve();
+ });
+ });
+};
+
+/**
+ * Inner function to add each toot in timeline container
+ * @param {object} c Toot content
+ * @param {number} i Index of toot
+ */
+MastodonApi.prototype.appendToot = function (c, i) {
+ this.mtBodyContainer.insertAdjacentHTML("beforeend", this.assambleToot(c, i));
+};
+
/**
* Build toot structure
* @param {object} c Toot content
@@ -503,6 +544,11 @@ MastodonApi.prototype.formatTootText = function (c) {
// Format hashtags and mentions
content = this.addTarget2hashtagMention(content);
+ // Convert emojos shortcode into images
+ if (this.SHOW_EMOJOS) {
+ content = this.showEmojos(content, this.FETCHED_DATA.emojos);
+ }
+
// Convert markdown styles into HTML
if (this.MARKDOWN_BLOCKQUOTE) {
content = this.replaceHTMLtag(
@@ -532,6 +578,28 @@ MastodonApi.prototype.addTarget2hashtagMention = function (c) {
return content;
};
+/**
+ * Find all custom emojis shortcode and replace by image
+ * @param {string} c Text content
+ * @param {array} e List with all custom emojis
+ * @returns {string} Text content modified
+ */
+MastodonApi.prototype.showEmojos = function (c, e) {
+ if (c.includes(":")) {
+ for (const emojo of e) {
+ const regex = new RegExp(`\\:${emojo.shortcode}\\:`, "g");
+ c = c.replace(
+ regex,
+ ``
+ );
+ }
+
+ return c;
+ } else {
+ return c;
+ }
+};
+
/**
* Find all start/end and replace them by another start/end
* @param {string} c Text content
diff --git a/src/mastodon-timeline.min.css b/src/mastodon-timeline.min.css
index 1204aee..e69de29 100644
--- a/src/mastodon-timeline.min.css
+++ b/src/mastodon-timeline.min.css
@@ -1 +0,0 @@
-: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:not(.toot-preview-link):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 1.5rem 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-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;margin-bottom:1rem}.mt-user>a{color:var(--content-text)!important}.toot-text{margin-bottom:.25rem;color:var(--content-text)}.toot-text .spoiler-link{display:inline-block}.toot-text .spoiler-text-hidden{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:.5rem}.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%)}.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-preview-link{min-height:4rem;display:flex;flex-direction:row;border:1px solid var(--line-gray-color);border-radius:.5rem;color:var(--link-color);font-size:.8rem;margin:1rem 0 .5rem 0;overflow:hidden}.toot-preview-image{width:40%;align-self:stretch}.toot-preview-image img{display:block;width:100%;height:100%;object-fit:cover}.toot-preview-noImage{width:40%;font-size:1.5rem;align-self:center;text-align:center}.toot-preview-content{width:60%;display:flex;align-self:center;flex-direction:column;padding:.5rem 1rem;gap:.5rem}.toot-preview-title{font-weight:600}.spoiler-link{border-radius:2px;background-color:var(--line-gray-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-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{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 83f1640..e69de29 100644
--- a/src/mastodon-timeline.min.js
+++ b/src/mastodon-timeline.min.js
@@ -1 +0,0 @@
-window.addEventListener("load",()=>{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,hide_preview_link:!1,markdown_blockquote:!1,text_max_lines:"0",link_see_more:"See more posts at Mastodon"})});const 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.HIDE_PREVIEW_LINK=void 0!==t.hide_preview_link&&t.hide_preview_link,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.setTheme(),this.buildTimeline()};MastodonApi.prototype.setTheme=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.buildTimeline=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],Number(a)));if(""===this.mtBodyContainer.innerHTML)this.mtBodyContainer.setAttribute("role","none"),this.mtBodyContainer.innerHTML='
\uD83D\uDCED Sorry, no toots to show
Got '+e.length+' toots from the server but due to the "hide filters" applied, no toot is shown
";let l="";if(t.media_attachments.length>0)for(let d in t.media_attachments)l=this.placeMedias(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.placeMedias(t.reblog.media_attachments[c],t.reblog.sensitive);let p="";!this.HIDE_PREVIEW_LINK&&t.card&&(p=this.placePreviewLink(t.card));let h="",m="";if(t.poll){for(let u in t.poll.options)m+="
"},MastodonApi.prototype.formatDate=function(t){let e=new Date(t),o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",][e.getMonth()]+" "+e.getDate()+", "+e.getFullYear();return o};const removeSpinner=function(t){let e="loading-spinner",o=t.closest("."+e);o&&o.classList.remove(e)};
\ No newline at end of file