From 0a35cdaa157d22dac4ac7b58d8ba9b6cd2553b31 Mon Sep 17 00:00:00 2001 From: zyachel Date: Sun, 22 May 2022 19:35:02 +0530 Subject: [PATCH] feat(route): add new route add /topic/:slug route both in api as well as in view --- controllers/apiController.js | 6 + controllers/viewController.js | 7 + fetchers/getTopic.js | 59 +++++++ public/misc/sprite.svg | 6 + routes/apiRoutes.js | 9 +- routes/viewRoutes.js | 5 +- views/pug/topic.pug | 75 +++++++++ views/sass/_abstracts.scss | 1 + views/sass/_components.scss | 280 ++++++++++++++++++++++++++++++++++ views/sass/_pages.scss | 46 ++++++ 10 files changed, 490 insertions(+), 4 deletions(-) create mode 100644 fetchers/getTopic.js create mode 100644 views/pug/topic.pug diff --git a/controllers/apiController.js b/controllers/apiController.js index a481bd0..2f9f87b 100644 --- a/controllers/apiController.js +++ b/controllers/apiController.js @@ -3,6 +3,7 @@ //////////////////////////////////////////////////////// import catchAsyncErrors from '../utils/catchAsyncErrors.js'; import getAnswers from '../fetchers/getAnswers.js'; +import getTopic from '../fetchers/getTopic.js'; //////////////////////////////////////////////////////// // EXPORTS @@ -20,6 +21,11 @@ export const answers = catchAsyncErrors(async (req, res, next) => { res.status(200).json({ status: 'success', data }); }); +export const topic = catchAsyncErrors(async (req, res, next) => { + const data = await getTopic(req.params.slug); + res.status(200).json({ status: 'success', data }); +}); + export const unimplemented = (req, res, next) => { res.status(503).json({ status: 'fail', diff --git a/controllers/viewController.js b/controllers/viewController.js index c242a72..6567e45 100644 --- a/controllers/viewController.js +++ b/controllers/viewController.js @@ -4,6 +4,7 @@ //////////////////////////////////////////////////////// import catchAsyncErrors from '../utils/catchAsyncErrors.js'; import getAnswers from '../fetchers/getAnswers.js'; +import getTopic from '../fetchers/getTopic.js'; import { nonSlugRoutes } from '../utils/constants.js'; //////////////////////////////////////////////////////// @@ -29,6 +30,12 @@ export const answers = catchAsyncErrors(async (req, res, next) => { }); }); +export const topic = catchAsyncErrors(async (req, res, next) => { + const topicData = await getTopic(req.params.slug); + + res.status(200).render('topic', { title: topicData.name, data: topicData }); +}); + export const unimplemented = (req, res, next) => { res.status(503).render('error', { title: 'Not yet implemented', diff --git a/fetchers/getTopic.js b/fetchers/getTopic.js new file mode 100644 index 0000000..1495ea6 --- /dev/null +++ b/fetchers/getTopic.js @@ -0,0 +1,59 @@ +//////////////////////////////////////////////////////// +// IMPORTS +//////////////////////////////////////////////////////// +import AppError from '../utils/AppError.js'; +import fetcher from './fetcher.js'; + +//////////////////////////////////////////////////////// +// FUNCTION +//////////////////////////////////////////////////////// +const getTopic = async slug => { + // getting data and destructuring it in case it exists, else throwing an error + const res = await fetcher(`topic/${slug}`); + if (!Object.entries(res).length) throw new Error('no data received!'); + + const { + data: { topic: rawData }, + } = JSON.parse(res); + + if (!rawData) + throw new AppError("couldn't find such a topic. Maybe check the URL?", 400); + + const data = { + tid: rawData.tid, + name: rawData.name, + url: rawData.url, + image: rawData.photoUrl, + aliases: rawData.aliases, + numFollowers: rawData.numFollowers, + numQuestions: rawData.numQuestions, + // isLocked: rawData.isLocked, + isAdult: rawData.adult, + mostViewedAuthors: rawData.mostViewedAuthors.map(author => ({ + uid: author.user.uid, + name: `${author.user.names[0].givenName} ${author.user.names[0].familyName}`, + profile: author.user.profileUrl, + avatar: author.user.profileImageUrl, + isAnon: author.user.isAnon, + isVerified: author.user.isVerified, + numFollowers: author.user.followerCount, + numViews: author.numViews, + numAnswers: author.numPublicMostViewedAnswers, + credential: author.user.bestCredential?.translatedString, + })), + relatedTopics: rawData.relatedTopics.map(topic => ({ + tid: topic.tid, + name: topic.name, + url: topic.url, + image: topic.photoUrl, + numFollowers: topic.numFollowers, + })), + }; + + return data; +}; + +//////////////////////////////////////////////////////// +// EXPORTS +//////////////////////////////////////////////////////// +export default getTopic; diff --git a/public/misc/sprite.svg b/public/misc/sprite.svg index 622183b..2ab5017 100644 --- a/public/misc/sprite.svg +++ b/public/misc/sprite.svg @@ -66,6 +66,12 @@ + +