nodebb-plugin-link-preview 2.0.16 → 2.1.1

package/library.js

@@ -90,16 +90,8 @@ async function process(content, { type, pid, tid, attachments }) {
 	}
 
 	const requests = new Map();
-	if (pid && Array.isArray(attachments) && attachments.length) {
-		const attachmentData = await posts.attachments.getAttachments(attachments);
-		attachmentData.filter(Boolean).forEach(({ url, _type }) => {
-			const isInlineImage = new RegExp(`<img.+?src="${url}".+?>`).test(content);
-			if (!isInlineImage) {
-				const type = _type || 'attachment';
-				requests.set(url, { type });
-			}
-		});
-	}
+	let attachmentHtml = '';
+	let placeholderHtml = '';
 
 	// Parse inline urls
 	const $ = load(content, null, false);
@@ -108,7 +100,7 @@ async function process(content, { type, pid, tid, attachments }) {
 
 		// Skip if the anchor has link text, or has text on the same line.
 		let url = $anchor.attr('href');
-		url = decodeURI(url); 
+		url = decodeURI(url);
 		const text = $anchor.text();
 		const hasSiblings = !!anchor.prev || !!anchor.next;
 		if (hasSiblings || url !== text || anchor.parent.name !== 'p') {
@@ -135,9 +127,36 @@ async function process(content, { type, pid, tid, attachments }) {
 		});
 	}
 
+	// Post attachments
+	if (pid && Array.isArray(attachments) && attachments.length) {
+		const attachmentData = await posts.attachments.getAttachments(attachments);
+		await Promise.all(attachmentData.filter(Boolean).map(async (attachment) => {
+			const { url, _type } = attachment;
+			const isInlineImage = new RegExp(`<img.+?src="${url}".+?>`).test(content);
+			if (isInlineImage) {
+				return;
+			}
+
+			const special = await handleSpecialEmbed(url);
+			if (special) {
+				attachmentHtml += special;
+				return;
+			}
+
+			if (attachment.hasOwnProperty('mediaType') && attachment.mediaType.startsWith('video/')) { // ActivityPub
+				cache.set(`link-preview:${url}`, {
+					...attachment,
+					contentType: attachment.mediaType,
+					mediaType: 'video',
+				});
+			}
+
+			const type = _type || 'attachment';
+			requests.set(url, { type });
+		}));
+	}
+
 	// Render cache hits immediately
-	let attachmentHtml = '';
-	let placeholderHtml = '';
 	const cold = new Set();
 	await Promise.all(Array.from(requests.keys()).map(async (url) => {
 		const options = requests.get(url);
@@ -227,8 +246,8 @@ async function process(content, { type, pid, tid, attachments }) {
 	}
 
 	content = $.html();
-	content += attachmentHtml ? `\n\n<div class="row"><div class="col-12">${attachmentHtml}</div></div>` : '';
-	content += placeholderHtml ? `\n\n<div class="row"><div class="col-12">${placeholderHtml}</div></div>` : '';
+	content += attachmentHtml ? `\n\n<div class="row"><div class="col-12 mt-3">${attachmentHtml}</div></div>` : '';
+	content += placeholderHtml ? `\n\n<div class="row"><div class="col-12 mt-3">${placeholderHtml}</div></div>` : '';
 	return content;
 }
 
@@ -280,25 +299,37 @@ async function handleSpecialEmbed(url, $anchor) {
 			video = searchParams.get('v');
 		}
 		const html = await app.renderAsync(short ? 'partials/link-preview/youtube-short' : 'partials/link-preview/youtube', { video });
-		$anchor.replaceWith(html);
 
-		return true;
+		if ($anchor) {
+			$anchor.replaceWith(html);
+			return true;
+		}
+
+		return html;
 	}
 
 	if (embedVimeo === 'on' && hostname === 'vimeo.com') {
 		const video = pathname.slice(1);
 		const html = await app.renderAsync('partials/link-preview/vimeo', { video });
-		$anchor.replaceWith(html);
 
-		return true;
+		if ($anchor) {
+			$anchor.replaceWith(html);
+			return true;
+		}
+
+		return html;
 	}
 
 	if (embedTiktok === 'on' && ['tiktok.com', 'www.tiktok.com'].some(x => hostname === x)) {
 		const video = pathname.split('/')[3];
 		const html = await app.renderAsync('partials/link-preview/tiktok', { video });
-		$anchor.replaceWith(html);
 
-		return true;
+		if ($anchor) {
+			$anchor.replaceWith(html);
+			return true;
+		}
+
+		return html;
 	}
 
 	return false;

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "nodebb-plugin-link-preview",
-  "version": "2.0.16",
+  "version": "2.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "nodebb-plugin-link-preview",
-      "version": "2.0.16",
+      "version": "2.1.1",
       "license": "MIT",
       "dependencies": {
         "cheerio": "^1.0.0-rc.12",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-link-preview",
-  "version": "2.0.16",
+  "version": "2.1.1",
   "description": "A starter kit for quickly creating NodeBB plugins",
   "main": "library.js",
   "repository": {

package/static/templates/partials/link-preview/video.tpl

@@ -1,5 +1,5 @@
 <div class="ratio ratio-16x9">
-	<video controls>
+	<video controls {{{ if width }}}width="{width}"{{{ end }}} {{{ if height }}}height="{height}"{{{ end }}}>
 		<source src="{url}" type="{contentType}">
 	</video>
 </div>