Make Youtube link clickable

Seneca-CDOT · Jan 30, 2022 · 4d58418 · 4d58418
1 parent 77e5d50
commit 4d58418
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/api/posts/package.json b/src/api/posts/package.json
@@ -22,6 +22,8 @@
     "ioredis": "4.28.2",
     "ioredis-mock": "5.8.1",
     "jsdom": "18.1.1",
+    "linkify-html": "^3.0.5",
+    "linkifyjs": "^3.0.5",
     "normalize-url": "6.1.0"
   },
   "devDependencies": {

diff --git a/src/api/posts/src/data/post.js b/src/api/posts/src/data/post.js
@@ -1,4 +1,5 @@
 const { hash } = require('@senecacdot/satellite');
+const linkifyHtml = require('linkify-html');
 const { getPost, addPost } = require('../storage');
 const Feed = require('./feed');
 const textParser = require('../text-parser');
@@ -59,7 +60,7 @@ class Post {
     // Use the post's guid as our unique identifier
     this.id = hash(guid);
     this.title = title;
-    this.html = html;
+    this.html = linkifyHtml(html);
     this.published = ensureDate(datePublished);
     this.updated = ensureDate(dateUpdated, datePublished);
     // create an absolute url if postURL is relative