Fix broken image

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "program": "${workspaceFolder}/app.js"
+        }
+    ]
+}

assets/card.js

@@ -1,8 +1,9 @@
 require("../common/config");
-const { parseImgToDataURL: imgToDataURL, dateFormat, measureReadingTime } = require("../common/utils");
+const { parseImgToDataURL: imgToDataURL, dateFormat, measureReadingTime, getFirstImageFromHTML } = require("../common/utils");
 
 const mediumCard = async (data, settings, index) => {
-  const result = await imgToDataURL(data.thumbnail);
+  const firstImageURL = getFirstImageFromHTML(data.content);
+  const result = await imgToDataURL(firstImageURL);
   const blogImage = "data:image/png;base64," + result.toString("base64");
   const blogDate = await dateFormat(data.pubDate);
   const blogLink = data.link;

common/utils.js

@@ -1,5 +1,12 @@
 const axios = require("axios");
 const sharp = require("sharp");
+const cheerio = require('cheerio');
+
+function getFirstImageFromHTML(html) {
+  const $ = cheerio.load(html);
+  const firstImage = $('img').first().attr('src');
+  return firstImage;
+}
 
 const ansiWordBound = (c) => (
   (' ' === c) ||
@@ -75,4 +82,4 @@ const asyncForEach = async (array, settings, callback) => {
   }
 };
 
-module.exports = { parseImgToDataURL: parseImgToDataURL, asyncForEach, dateFormat, measureReadingTime };
+module.exports = { parseImgToDataURL: parseImgToDataURL, asyncForEach, dateFormat, measureReadingTime, getFirstImageFromHTML };

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "axios": "^0.19.2",
+    "cheerio": "^1.0.0-rc.12",
     "express": "^4.17.1",
     "sharp": "^0.26.2"
   }

route/api/medium.js

@@ -6,8 +6,6 @@ async function getArticlesByUsername(username) {
     const result = await axios.get(mediumURL + username);
     const filteredResult = result.data.items.filter(
       (item) =>
-        (!item.thumbnail.includes("stat?event") ||
-          !item.thumbnail.includes("&referrerSource")) &&
         item.categories.length > 0
     );
     return filteredResult;