From 6f64574f5caa3e1fac9bde01a1a21f310323c917 Mon Sep 17 00:00:00 2001 From: Ariful Alam Date: Wed, 30 Mar 2022 21:18:57 +0600 Subject: [PATCH] Use `blog-js` for fetching blog posts --- README.md | 4 +- package-lock.json | 82 +++++++++++++++++------------------ package.json | 2 +- src/components/blog/index.jsx | 6 +-- 4 files changed, 47 insertions(+), 47 deletions(-) diff --git a/README.md b/README.md index 2c24298..c942809 100644 --- a/README.md +++ b/README.md @@ -142,7 +142,7 @@ const config = { dribbble: '', behance: '', medium: '', - devto: '', + dev: '', website: '', phone: '', email: '', @@ -463,7 +463,7 @@ module.exports = { ![Blog](https://arifszn.github.io/assets/img/hosted/gitprofile/blog.png) -The posts are fetched by [Article-api](https://github.com/arifszn/article-api). +The posts are fetched by [Blog-js](https://github.com/arifszn/blog-js). ## 💖 Support diff --git a/package-lock.json b/package-lock.json index b1ed2a7..ecd3f0e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,8 +13,8 @@ "react-dom": "^17.0.2" }, "devDependencies": { + "@arifszn/blog-js": "^2.0.0", "@vitejs/plugin-react": "^1.0.7", - "article-api": "^1.0.8", "autoprefixer": "^10.4.4", "axios": "^0.26.1", "daisyui": "^2.11.0", @@ -45,6 +45,25 @@ "node": ">=6.0.0" } }, + "node_modules/@arifszn/blog-js": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@arifszn/blog-js/-/blog-js-2.0.0.tgz", + "integrity": "sha512-UMeWt/aaxeF4GLpj16olA+V7300SbFn28hQJ1XcQd9XKanMOayTx5dZ6iUEnO5l+7460+1qG33eVIJsP7CZeaw==", + "dev": true, + "dependencies": { + "axios": "^0.21.1", + "string-strip-html": "^8.3.0" + } + }, + "node_modules/@arifszn/blog-js/node_modules/axios": { + "version": "0.21.4", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz", + "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==", + "dev": true, + "dependencies": { + "follow-redirects": "^1.14.0" + } + }, "node_modules/@babel/code-frame": { "version": "7.16.7", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz", @@ -755,25 +774,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/article-api": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/article-api/-/article-api-1.0.8.tgz", - "integrity": "sha512-3F6dhLeSbFMGD+8kFDrbddgJUx8zply5rlKMijuEsHdiuSIATaiHAhFwwgPyXcrjJcQxqmI25anFqPGno5NjDg==", - "dev": true, - "dependencies": { - "axios": "^0.21.1", - "string-strip-html": "^8.3.0" - } - }, - "node_modules/article-api/node_modules/axios": { - "version": "0.21.4", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz", - "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==", - "dev": true, - "dependencies": { - "follow-redirects": "^1.14.0" - } - }, "node_modules/autoprefixer": { "version": "10.4.4", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.4.tgz", @@ -4047,6 +4047,27 @@ "@jridgewell/trace-mapping": "^0.3.0" } }, + "@arifszn/blog-js": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@arifszn/blog-js/-/blog-js-2.0.0.tgz", + "integrity": "sha512-UMeWt/aaxeF4GLpj16olA+V7300SbFn28hQJ1XcQd9XKanMOayTx5dZ6iUEnO5l+7460+1qG33eVIJsP7CZeaw==", + "dev": true, + "requires": { + "axios": "^0.21.1", + "string-strip-html": "^8.3.0" + }, + "dependencies": { + "axios": { + "version": "0.21.4", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz", + "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==", + "dev": true, + "requires": { + "follow-redirects": "^1.14.0" + } + } + } + }, "@babel/code-frame": { "version": "7.16.7", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz", @@ -4577,27 +4598,6 @@ "es-abstract": "^1.19.0" } }, - "article-api": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/article-api/-/article-api-1.0.8.tgz", - "integrity": "sha512-3F6dhLeSbFMGD+8kFDrbddgJUx8zply5rlKMijuEsHdiuSIATaiHAhFwwgPyXcrjJcQxqmI25anFqPGno5NjDg==", - "dev": true, - "requires": { - "axios": "^0.21.1", - "string-strip-html": "^8.3.0" - }, - "dependencies": { - "axios": { - "version": "0.21.4", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz", - "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==", - "dev": true, - "requires": { - "follow-redirects": "^1.14.0" - } - } - } - }, "autoprefixer": { "version": "10.4.4", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.4.tgz", diff --git a/package.json b/package.json index f370dcf..727efc5 100644 --- a/package.json +++ b/package.json @@ -42,8 +42,8 @@ "react-dom": "^17.0.2" }, "devDependencies": { + "@arifszn/blog-js": "^2.0.0", "@vitejs/plugin-react": "^1.0.7", - "article-api": "^1.0.8", "autoprefixer": "^10.4.4", "axios": "^0.26.1", "daisyui": "^2.11.0", diff --git a/src/components/blog/index.jsx b/src/components/blog/index.jsx index d71001d..d55d8b7 100644 --- a/src/components/blog/index.jsx +++ b/src/components/blog/index.jsx @@ -1,9 +1,9 @@ -import { getDevtoArticle, getMediumArticle } from 'article-api'; import moment from 'moment'; import { Fragment, useEffect, useState } from 'react'; import { ga, skeleton } from '../../helpers/utils'; import LazyImage from '../lazy-image'; import PropTypes from 'prop-types'; +import { getDevPost, getMediumPost } from '@arifszn/blog-js'; const displaySection = (blog) => { if ( @@ -25,13 +25,13 @@ const Blog = ({ loading, blog, googleAnalytics }) => { useEffect(() => { if (displaySection(blog)) { if (blog.source === 'medium') { - getMediumArticle({ + getMediumPost({ user: blog.username, }).then((res) => { setArticles(res); }); } else if (blog.source === 'dev.to') { - getDevtoArticle({ + getDevPost({ user: blog.username, }).then((res) => { setArticles(res);