diff --git a/scripts/generate-og-images.mjs b/scripts/generate-og-images.mjs
index 988d8a57c..e1f0ed087 100644
--- a/scripts/generate-og-images.mjs
+++ b/scripts/generate-og-images.mjs
@@ -6,7 +6,6 @@ import satori from 'satori';
import sharp from 'sharp';
import imageSize from 'image-size';
import { Resvg } from '@resvg/resvg-js';
-import { getRepositoryRank } from '../src/lib/github';
const ALL_ROADMAP_DIR = path.join(process.cwd(), '/src/data/roadmaps');
const ALL_BEST_PRACTICE_DIR = path.join(
@@ -29,11 +28,6 @@ const alreadyGeneratedImages = await fs.readdir(
},
);
-async function updateRank() {
- const repoRank = await getRepositoryRank('kamranahmedse/developer-roadmap');
- document.getElementById('repo-rank').innerText = `${repoRank} most starred GitHub project`;
-}
-
async function getAllRoadmaps() {
const allRoadmapDirNames = await fs.readdir(ALL_ROADMAP_DIR);
@@ -148,8 +142,6 @@ async function getAllBestPracticeImageIds() {
}
async function generateResourceOpenGraph() {
- await updateRank();
-
const allRoadmaps = (await getAllRoadmaps()).filter(
(roadmap) => !alreadyGeneratedImages.includes(`roadmaps/${roadmap.id}.png`),
);
@@ -379,8 +371,8 @@ function getRoadmapDefaultTemplate({ title, description }) {
/>
-
diff --git a/src/components/OpenSourceBanner.astro b/src/components/OpenSourceBanner.astro
index 42905aec0..8aff1ffd8 100644
--- a/src/components/OpenSourceBanner.astro
+++ b/src/components/OpenSourceBanner.astro
@@ -1,10 +1,11 @@
---
import { getFormattedStars, getRepositoryRank } from '../lib/github';
-import Icon from './AstroIcon.astro';
import { getDiscordInfo } from '../lib/discord';
+
import OpenSourceStat from './OpenSourceStat.astro';
const repoName = 'kamranahmedse/developer-roadmap';
+
const starCount = await getFormattedStars(repoName);
const repoRank = await getRepositoryRank(repoName);
const discordInfo = await getDiscordInfo();
@@ -25,11 +26,12 @@ const discordInfo = await getDiscordInfo();
-
-
+
+
diff --git a/src/components/OpenSourceStat.astro b/src/components/OpenSourceStat.astro
index 36dee7ac9..886307559 100644
--- a/src/components/OpenSourceStat.astro
+++ b/src/components/OpenSourceStat.astro
@@ -1,19 +1,17 @@
---
-import { ChevronUp } from 'lucide-react';
import Icon from './AstroIcon.astro';
-import { getRepositoryRank } from '../lib/github';
+
export interface Props {
+ secondaryValue?: string;
value: string;
text: string;
}
-const { value, text } = Astro.props;
+const { value, text, secondaryValue } = Astro.props;
const isGitHubStars = text.toLowerCase() === 'github stars';
const isRegistered = text.toLowerCase() === 'registered users';
const isDiscordMembers = text.toLowerCase() === 'discord members';
-
-const repoRank = await getRepositoryRank('kamranahmedse/developer-roadmap');
---
-
Rank {repoRank}
+
Rank {secondaryValue}
out of 28M!
)
@@ -31,7 +29,7 @@ const repoRank = await getRepositoryRank('kamranahmedse/developer-roadmap');
{
isRegistered && (
- +75k
+ {secondaryValue}
every month
)
@@ -40,7 +38,7 @@ const repoRank = await getRepositoryRank('kamranahmedse/developer-roadmap');
{
isDiscordMembers && (
- +1.5k
+ {secondaryValue}
every month
)