Add explicit imgur domain handler

Author: MinnDevelopment

src/embeds/image_host.ts

@@ -0,0 +1,9 @@
+import { HTMLElement } from 'node-html-parser';
+import { RedditPost } from '../reddit/types';
+import { isDefined } from 'remeda';
+
+export async function externalImageEmbed(post: RedditPost, _link: string, head: HTMLElement) {
+ if (isDefined(post.preview_image_url)) {
+ head.image(post.preview_image_url, post.resolution?.width, post.resolution?.height, 'large');
+ }
+}

src/html.ts

@@ -4,7 +4,7 @@ declare module 'node-html-parser' {
  interface HTMLElement {
  meta(propertyName: string, content?: string): HTMLElement;
 
- image(url: string, width?: number, height?: number): HTMLElement;
+ image(url: string, width?: number, height?: number, type?: 'large' | 'thumbnail'): HTMLElement;
 
  video(url: string, width?: number, height?: number, type?: string): HTMLElement;
  }
@@ -17,13 +17,16 @@ HTMLElement.prototype.meta = function (propertyName: string, content?: string):
  return node;
 };
 
-HTMLElement.prototype.image = function (url: string, width?: number, height?: number): HTMLElement {
+HTMLElement.prototype.image = function (url: string, width?: number, height?: number, type?: 'large' | 'thumbnail'): HTMLElement {
  this.meta('twitter:image:src', url);
  this.meta('og:image', url);
  if (width && height) {
  this.meta('og:image:width', width.toString());
  this.meta('og:image:height', height.toString());
  }
+ if (type === 'large') {
+ this.meta('twitter:card', 'summary_large_image');
+ }
  return this;
 };
 

src/reddit/compile.ts

@@ -6,6 +6,7 @@ import { twitterLinkEmbed } from '../embeds/twitter';
 import '../html';
 import { get_packaged_video } from '../util';
 import { isNonNullish } from 'remeda';
+import { externalImageEmbed } from '../embeds/image_host';
 
 const imageExtensions = [
  'png',
@@ -38,6 +39,11 @@ function getDomainHandler(domain?: string) {
  handler: twitterLinkEmbed,
  type: 'summary',
  };
+ case 'imgur.com':
+ return {
+ handler: externalImageEmbed,
+ type: 'article',
+ };
  default:
  return null;
  }
@@ -62,8 +68,7 @@ export async function postToHtml(post: RedditPost): Promise<HTMLElement> {
  switch (post.post_hint) {
  case 'image':
  type = 'photo';
- head.meta('twitter:card', 'summary_large_image');
- head.image(post.url, post.resolution?.width, post.resolution?.height);
+ head.image(post.url, post.resolution?.width, post.resolution?.height, 'large');
  break;
  // case 'rich:video':
  case 'hosted:video': {
@@ -115,8 +120,7 @@ export async function postToHtml(post: RedditPost): Promise<HTMLElement> {
  } else if (post.url) {
  const url = new URL(post.url);
  if (isImageUrl(url)) {
- head.meta('twitter:card', 'summary_large_image');
- head.image(post.url);
+ head.image(post.url, post.resolution?.width, post.resolution?.height, 'large');
  } else if (url.pathname.endsWith('.mp4')) {
  head.video(post.url);
  }