ayo/astro-github-stats
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: support account card with icons

Browse source
This commit is contained in:
Ayo 2022-09-30 23:03:55 +02:00
parent c2216a159c
commit 2781edec0a
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
README.md
View file

@ -9,7 +9,7 @@ Embed GitHub stats on your [Astro](https://astro.build) page ✨
Features:
1. Embed GitHub Account stats
1. Embed GitHub Account stats (with or without icons)
1. Embed GitHub Account top languages
1. Embed GitHub Repositories info with stars
@ -28,13 +28,16 @@ Then use on your Astro page:
import GithubStats from 'astro-github-stats';
---
<!-- Add your account stats -->
<!-- show your account stats -->
<GithubStats username="ayoayco" />
<!-- Add your account stats -->
<!-- show your account stats w/ icons -->
<GithubStats username="ayoayco" showIcons={true} />
<!-- show your account top languages -->
<GithubStats username="ayoayco" topLanguages={true} />
<!-- Add a repo card with info and stars -->
<!-- show a repo card with info and stars -->
<GithubStats username="withastro" repo="astro" />
```
@ -44,6 +47,11 @@ Example Account Card:
![screenshot](https://raw.githubusercontent.com/ayoayco/astro-github-stats/main/assets/screenshot.png)
Example Account Card with Icons:
<img width="505" alt="Screen Shot 2022-09-30 at 10 59 39 PM" src="https://user-images.githubusercontent.com/4262489/193355585-c5c7b1c3-6682-4157-a013-94f8a5a21a20.png">
Example Account Top Languages:
<img width="312" alt="Screen Shot 2022-09-29 at 9 09 05 PM" src="https://user-images.githubusercontent.com/4262489/193121588-9737c861-d08a-4103-9d9b-11bcd0c7c713.png">

5
src/GithubStats.astro
View file

@ -3,10 +3,11 @@ export interface Props {
username: string;
topLanguages?: boolean;
repo?: string;
showIcons?: boolean;
}
const { username, repo, topLanguages } = Astro.props;
const { username, repo, topLanguages, showIcons } = Astro.props;
const baseUrl = 'https://github-readme-stats.vercel.app/api/';
let url = `${baseUrl}?username=${username}`;
let url = `${baseUrl}?username=${username}&show_icons=${!!showIcons}`;
if (repo) {
url = `${baseUrl}/pin/?username=${username}&repo=${repo}`;