Merge pull request #444 from lifeparticle/refactor-newsfeed

Refactor newsfeed

Author: lifeparticle

api/newsfeed/helper.js

@@ -0,0 +1,28 @@
+import xml2js from "xml2js";
+export function parseXML(value) {
+	return new Promise((resolve, reject) => {
+		const parser = new xml2js.Parser({
+			explicitArray: false,
+			ignoreAttrs: true,
+		});
+		parser.parseString(value, (err, result) => {
+			if (err) reject(err);
+			else {
+				const items = result.rss.channel.item;
+				const list = items.map((item) => ({
+					title: item.title,
+					pubDate: item.pubDate,
+					url: item.link,
+					image: extractImage(item.description),
+				}));
+				resolve(list);
+			}
+		});
+	});
+}
+
+function extractImage(description) {
+	const regex = /<img.*?src=["'](.*?)["']/;
+	const match = regex.exec(description);
+	return match ? match[1] : null;
+}

api/newsfeed/index.js

@@ -1,5 +1,6 @@
 import express from "express";
 import axios from "axios";
+import { parseXML } from "./helper.js";
 
 const app = express();
 app.disable("x-powered-by");
@@ -23,6 +24,8 @@ app.get("/rss", async (req, res) => {
 		const sites = {
 			"frontend-focus": "https://cprss.s3.amazonaws.com/frontendfoc.us.xml",
 			"react-status": "https://cprss.s3.amazonaws.com/react.statuscode.com.xml",
+			"news-api":
+				"https://raw.githubusercontent.com/lifeparticle/binarytree/main/api/news/news.json",
 		};
 		const response = await axios.get(sites[sitename], {
 			responseType: "arraybuffer",
@@ -33,9 +36,21 @@ app.get("/rss", async (req, res) => {
 		}
 
 		res.setHeader("Cache-Control", "s-max-age=86400, stale-while-revalidate");
-		res.set("Content-Type", "application/xml");
+		res.set("Content-Type", "application/json");
 
-		res.send(response.data);
+		if (sitename === "news-api") res.send(response.data);
+
+		const xmlData = response.data.toString();
+
+		parseXML(xmlData)
+			.then((parsedData) => {
+				console.log(parsedData);
+				res.send({ articles: parsedData });
+			})
+			.catch((error) => {
+				console.error("Error parsing XML:", error);
+				res.status(500).json({ error: "Error parsing XML" });
+			});
 	} catch (error) {
 		if (error instanceof Error) {
 			res.status(500).json({ type: "error", message: error.message });

api/newsfeed/package.json

@@ -16,7 +16,8 @@
 	"dependencies": {
 		"axios": "^1.5.0",
 		"express": "^4.18.2",
-		"rss-parser": "^3.13.0"
+		"rss-parser": "^3.13.0",
+		"xml2js": "^0.6.2"
 	},
 	"devDependencies": {
 		"nodemon": "^3.0.1"

api/newsfeed/yarn.lock

@@ -1228,6 +1228,7 @@ __metadata:
     express: ^4.18.2
     nodemon: ^3.0.1
     rss-parser: ^3.13.0
+    xml2js: ^0.6.2
   languageName: unknown
   linkType: soft
 
@@ -1896,6 +1897,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"xml2js@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "xml2js@npm:0.6.2"
+  dependencies:
+    sax: ">=0.6.0"
+    xmlbuilder: ~11.0.0
+  checksum: 458a83806193008edff44562c0bdb982801d61ee7867ae58fd35fab781e69e17f40dfeb8fc05391a4648c9c54012066d3955fe5d993ffbe4dc63399023f32ac2
+  languageName: node
+  linkType: hard
+
 "xmlbuilder@npm:~11.0.0":
   version: 11.0.1
   resolution: "xmlbuilder@npm:11.0.1"

ui/.env.development

@@ -0,0 +1 @@
+VITE_VERCEL_NEWS_FEED_URL=http://localhost:3000/rss?name=

ui/.env.production

@@ -0,0 +1 @@
+VITE_VERCEL_NEWS_FEED_URL=https://binarytree-rssfeed-api.vercel.app/rss?name=

ui/.env.test

@@ -0,0 +1 @@
+VITE_VERCEL_NEWS_FEED_URL=http://localhost:3000/rss?name=

ui/CHANGELOG.md

@@ -1,3 +1,7 @@
+### [10.6.1] - 2024-03-29
+
+-   Update Newsfeed tests
+
 ### [10.6.0] - 2024-01-24
 
 -   Added Information Page tests

ui/src/pages/Newsfeed/Newsfeed.tsx

@@ -7,14 +7,14 @@ import style from "./Newsfeed.module.scss";
 import useNewsFeed from "./useNewsFeed";
 
 const Newsfeed: FC = () => {
-	const { data, isLoading, isError, setUrl } = useNewsFeed();
+	const { data, isLoading, isError, setTab } = useNewsFeed();
 
 	return (
 		<>
 			<Tabs
 				items={TAB_ITEMS}
 				onChange={(value) => {
-					setUrl(value);
+					setTab(value);
 				}}
 				className={style.newsfeed_tabs}
 			/>