nodebb-plugin-link-preview 1.1.1 → 1.2.0

package/library.js

@@ -4,6 +4,7 @@
 'use strict';
 
 const winston = require.main.require('winston');
+const nconf = require.main.require('nconf');
 const dns = require('dns');
 
 const { getLinkPreview } = require('link-preview-js');
@@ -53,13 +54,18 @@ async function process(content, opts) {
 		const $anchor = $(anchor);
 
 		// Skip if the anchor has link text, or has text on the same line.
-		const url = $anchor.attr('href');
+		let url = $anchor.attr('href');
 		const text = $anchor.text();
 		const hasSiblings = !!anchor.prev || !!anchor.next;
 		if (hasSiblings || url !== text) {
 			continue;
 		}
 
+		// Handle relative URLs
+		if (!url.startsWith('http')) {
+			url = `${nconf.get('url')}${url.startsWith('/') ? url : `/${url}`}`;
+		}
+
 		const special = await handleSpecialEmbed(url, $anchor);
 		if (special) {
 			continue;
@@ -67,8 +73,9 @@ async function process(content, opts) {
 
 		const cached = cache.get(`link-preview:${url}`);
 		if (cached) {
-			if (cached.contentType) {
-				$anchor.replaceWith($(await render(cached)));
+			const html = await render(cached);
+			if (html) {
+				$anchor.replaceWith($(html));
 			}
 			continue;
 		}
@@ -107,13 +114,18 @@ async function process(content, opts) {
 			winston.verbose(`[link-preview] ${preview.url} (${preview.contentType}, cache: miss)`);
 			cache.set(`link-preview:${url}`, preview);
 
+			const html = await render(preview);
+			if (!html) {
+				return;
+			}
+
 			// bust posts cache item
 			if (opts.hasOwnProperty('pid') && await posts.exists(opts.pid)) {
 				postsCache.del(String(opts.pid));
 
 				// fire post edit event with mocked data
 				if (opts.hasOwnProperty('tid') && await topics.exists(opts.tid)) {
-					$anchor.replaceWith($(await render(preview)));
+					$anchor.replaceWith($(html));
 					websockets.in(`topic_${opts.tid}`).emit('event:post_edited', {
 						post: {
 							tid: opts.tid,
@@ -166,7 +178,7 @@ async function render(preview) {
 async function handleSpecialEmbed(url, $anchor) {
 	const { app } = require.main.require('./src/webserver');
 	const { hostname, searchParams, pathname } = new URL(url);
-	const { embedYoutube, embedVimeo } = await meta.settings.get('link-preview');
+	const { embedYoutube, embedVimeo, embedTiktok } = await meta.settings.get('link-preview');
 
 	if (embedYoutube === 'on' && ['youtube.com', 'www.youtube.com', 'youtu.be'].some(x => hostname === x)) {
 		let video;
@@ -189,6 +201,14 @@ async function handleSpecialEmbed(url, $anchor) {
 		return true;
 	}
 
+	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;
+	}
+
 	return false;
 }
 

package/package.json

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

package/static/templates/admin/plugins/link-preview.tpl

@@ -54,6 +54,11 @@
 						<input type="checkbox" class="form-check-input" id="embedVimeo" name="embedVimeo">
 						<label for="embedVimeo" class="form-check-label">Vimeo</label>
 					</div>
+
+					<div class="form-check form-switch mb-3">
+						<input type="checkbox" class="form-check-input" id="embedTiktok" name="embedTiktok">
+						<label for="embedTiktok" class="form-check-label">Vimeo</label>
+					</div>
 				</div>
 			</form>
 		</div>

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

@@ -0,0 +1,3 @@
+<div class="ratio" style="--bs-aspect-ratio: 200%;">
+	<iframe src="https://www.tiktok.com/embed/v2/{video}" title="TikTok video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>

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

@@ -1 +1,3 @@
-<iframe src="https://player.vimeo.com/video/{video}?h=65e20fad6f&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+<div class="ratio ratio-16x9">
+	<iframe src="https://player.vimeo.com/video/{video}?h=65e20fad6f&title=0&byline=0&portrait=0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+</div>

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

@@ -1 +1,3 @@
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{video}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+<div class="ratio ratio-16x9">
+	<iframe src="https://www.youtube-nocookie.com/embed/{video}" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</div>