load bridged posts from Mastodon if they're truncated

models.js

···
     return !this.isEmbed;
   }
 
+  /** @returns {boolean} */
+  get isTruncatedFediPost() {
+    let handle = this.author?.handle;
+
+    return handle.endsWith('.ap.brid.gy') && (this.text.endsWith('…') || this.text.endsWith('(…)'));
+  }
+
   /** @returns {string} */
   get text() {
     return this.record.text;

post_component.js

···
       }
     }
 
+    if (this.post.isTruncatedFediPost) {
+      if (this.post.embed && ('url' in this.post.embed) && typeof this.post.embed.url == 'string') {
+        let link = this.buildLoadFediPostLink(this.post.embed.url, p);
+        p.append(' ', link);
+      }
+    }
+
     return p;
   }
 
···
     }
 
     return stats;
+  }
+
+  /** @param {string} originalURL, @param {HTMLElement} p, @returns {AnyElement} */
+
+  buildLoadFediPostLink(originalURL, p) {
+    let link = $tag('a', {
+      href: originalURL,
+      text: "(Load full post)"
+    });
+
+    link.addEventListener('click', (e) => {
+      e.preventDefault();
+      link.remove();
+
+      this.loadFediPost(originalURL, p);
+    });
+
+    return link;
   }
 
   /** @returns {AnyElement} */
···
     if (this.post.embed) {
       let embed = new EmbedComponent(this.post, this.post.embed).buildElement();
       div.appendChild(embed);
+    }
+  }
+
+  /** @param {string} url, @param {HTMLElement} p, @returns Promise<void> */
+
+  async loadFediPost(url, p) {
+    let host = new URL(url).host;
+    let postId = url.replace(/\/$/, '').split('/').reverse()[0];
+    let statusURL = `https://${host}/api/v1/statuses/${postId}`;
+
+    let response = await fetch(statusURL);
+    let json = await response.json();
+
+    if (json.content) {
+      // TODO: sanitize the HTML? 😈
+      let div = $tag('div.body', { html: json.content });
+      p.replaceWith(div);
     }
   }