ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use blog-js for fetching blog posts

Browse Source
This commit is contained in:
Ariful Alam 2022-03-30 21:18:57 +06:00
parent 28abcd0570
commit 6f64574f5c
4 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -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

82
package-lock.json generated
View File

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

2
package.json
View File

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

6
src/components/blog/index.jsx
View File

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