Use blog-js for fetching blog posts

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
 

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",

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",

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);