From be4210ca8a72321822416b9e43704c2cee78f105 Mon Sep 17 00:00:00 2001
From: shahriaarrr <shahriaarrr@gmail.com>
Date: Mon, 24 Feb 2025 20:43:41 +0330
Subject: [PATCH 1/5] install dotenv and axios pakages

---
 package-lock.json     | 21 ++++++++++++++++++---
 package.json          |  2 ++
 src/utils/telegram.ts |  2 ++
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 src/utils/telegram.ts

diff --git a/package-lock.json b/package-lock.json
index cc8775a..aecb86f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,8 @@
         "astro": "^4.15.1",
         "astro-embed": "^0.7.2",
         "astro-icon": "^1.1.1",
+        "axios": "^1.7.9",
+        "dotenv": "^16.4.7",
         "gsap": "^3.12.5",
         "i18next": "^24.2.0",
         "limax": "4.1.0",
@@ -3927,9 +3929,10 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.5.tgz",
-      "integrity": "sha512-fZu86yCo+svH3uqJ/yTdQ0QHpQu5oL+/QE+QPSv6BZSkDAoky9vytxp7u5qk83OJFS3kEBcesWni9WTZAv3tSw==",
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
+      "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
@@ -4832,6 +4835,18 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.4.7",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/dset": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",
diff --git a/package.json b/package.json
index 7c2992a..6bf97d2 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,8 @@
     "astro": "^4.15.1",
     "astro-embed": "^0.7.2",
     "astro-icon": "^1.1.1",
+    "axios": "^1.7.9",
+    "dotenv": "^16.4.7",
     "gsap": "^3.12.5",
     "i18next": "^24.2.0",
     "limax": "4.1.0",
diff --git a/src/utils/telegram.ts b/src/utils/telegram.ts
new file mode 100644
index 0000000..16d82c5
--- /dev/null
+++ b/src/utils/telegram.ts
@@ -0,0 +1,2 @@
+import dotenv from "dotenv";
+import axios from "axios";

From 9577a0a93d8127e32deeee1e6642de0903c43fac Mon Sep 17 00:00:00 2001
From: shahriaarrr <shahriaarrr@gmail.com>
Date: Tue, 25 Feb 2025 11:47:58 +0330
Subject: [PATCH 2/5] add telegram channel members in home page

---
 src/components/widgets/hero/Hero.astro |  9 ++++++++-
 src/utils/telegram.ts                  | 14 ++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/hero/Hero.astro b/src/components/widgets/hero/Hero.astro
index a04e84a..390afed 100644
--- a/src/components/widgets/hero/Hero.astro
+++ b/src/components/widgets/hero/Hero.astro
@@ -18,6 +18,9 @@ import telegramAvatar5 from '~/assets/images/telegram/telegram-avatar-5.jpg';
 import telegramIcon from '~/assets/images/telegram-icon.png';
 import telegramSky from '~/assets/images/telegram-sky.jpg';
 
+// telegram channels members
+import { telegramChannelMembers } from '~/utils/telegram';
+
 import youtubeIcon from '~/assets/images/youtube-icon.jpg';
 
 //portrait images
@@ -96,6 +99,10 @@ const portraitImages = [
   { image: { src: portraitImage16, alt: 'portraitImage16' } },
   { image: { src: portraitImage17, alt: 'portraitImage17' } },
 ];
+
+// get the members count's of telegram channel
+const channelName = "persian_flutter";
+const membersCount = await telegramChannelMembers(channelName);
 ---
 
 <WidgetWrapper
@@ -163,7 +170,7 @@ const portraitImages = [
                     class="social-card__id flex flex-col justify-start align-top max-xl:justify-center max-xl:items-center"
                   >
                     <span class="rtl:text-end text-slate-800 text-sm font-medium h-5 ltr:text-start" dir="ltr"
-                      >+1.7K</span
+                      >{membersCount}</span
                     >
                     <span class="text-start text-slate-800 text-sm font-medium h-5"
                       >{translations.socials.telegram.members?.text || 'Default Members'}</span
diff --git a/src/utils/telegram.ts b/src/utils/telegram.ts
index 16d82c5..9b47366 100644
--- a/src/utils/telegram.ts
+++ b/src/utils/telegram.ts
@@ -1,2 +1,16 @@
 import dotenv from "dotenv";
 import axios from "axios";
+
+dotenv.config();
+
+const botToken = process.env.TELEGRAM_BOT_TOKEN
+
+export async function telegramChannelMembers(channelName: string): Promise<number> {
+    try {
+        const response = await axios.get(`https://api.telegram.org/bot${botToken}/getChatMembersCount?chat_id=@${channelName}`);
+        return response.data.result;
+      } catch (error) {
+        console.error('Error fetching Telegram members count:', error);
+        return 0;
+      }
+}

From 2c392a53b95feb912f4e345c08d0d01f0af2959a Mon Sep 17 00:00:00 2001
From: shahriaarrr <shahriaarrr@gmail.com>
Date: Fri, 28 Feb 2025 20:11:15 +0330
Subject: [PATCH 3/5] add formatting function to display channel's member #13

---
 src/components/widgets/hero/Hero.astro | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/hero/Hero.astro b/src/components/widgets/hero/Hero.astro
index 390afed..b5b6b96 100644
--- a/src/components/widgets/hero/Hero.astro
+++ b/src/components/widgets/hero/Hero.astro
@@ -103,6 +103,19 @@ const portraitImages = [
 // get the members count's of telegram channel
 const channelName = "persian_flutter";
 const membersCount = await telegramChannelMembers(channelName);
+
+function formatMemberCount(num: number): string {
+  if (num < 1000) {
+    return num.toString();
+  } else if (num < 10000) {
+    const truncated = Math.floor((num / 1000) * 10) / 10;
+    return truncated + 'k';
+  } else {
+    return Math.floor(num / 1000) + 'k';
+  }
+}
+
+const formattedMembers = formatMemberCount(membersCount);
 ---
 
 <WidgetWrapper
@@ -170,7 +183,7 @@ const membersCount = await telegramChannelMembers(channelName);
                     class="social-card__id flex flex-col justify-start align-top max-xl:justify-center max-xl:items-center"
                   >
                     <span class="rtl:text-end text-slate-800 text-sm font-medium h-5 ltr:text-start" dir="ltr"
-                      >{membersCount}</span
+                      >{formattedMembers}</span
                     >
                     <span class="text-start text-slate-800 text-sm font-medium h-5"
                       >{translations.socials.telegram.members?.text || 'Default Members'}</span

From 81760d4aa74c95aa2cccd4f4ce01df5e7bf0ec5d Mon Sep 17 00:00:00 2001
From: shahriaarrr <shahriaarrr@gmail.com>
Date: Tue, 4 Mar 2025 23:04:24 +0330
Subject: [PATCH 4/5] put `formatMemberCount` into the `telegram.ts` file #30

---
 src/components/widgets/hero/Hero.astro | 13 +------------
 src/utils/telegram.ts                  | 27 ++++++++++++++++++--------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/widgets/hero/Hero.astro b/src/components/widgets/hero/Hero.astro
index b5b6b96..76c1ff6 100644
--- a/src/components/widgets/hero/Hero.astro
+++ b/src/components/widgets/hero/Hero.astro
@@ -19,7 +19,7 @@ import telegramIcon from '~/assets/images/telegram-icon.png';
 import telegramSky from '~/assets/images/telegram-sky.jpg';
 
 // telegram channels members
-import { telegramChannelMembers } from '~/utils/telegram';
+import { telegramChannelMembers, formatMemberCount } from '~/utils/telegram';
 
 import youtubeIcon from '~/assets/images/youtube-icon.jpg';
 
@@ -104,17 +104,6 @@ const portraitImages = [
 const channelName = "persian_flutter";
 const membersCount = await telegramChannelMembers(channelName);
 
-function formatMemberCount(num: number): string {
-  if (num < 1000) {
-    return num.toString();
-  } else if (num < 10000) {
-    const truncated = Math.floor((num / 1000) * 10) / 10;
-    return truncated + 'k';
-  } else {
-    return Math.floor(num / 1000) + 'k';
-  }
-}
-
 const formattedMembers = formatMemberCount(membersCount);
 ---
 
diff --git a/src/utils/telegram.ts b/src/utils/telegram.ts
index 9b47366..9aad4e2 100644
--- a/src/utils/telegram.ts
+++ b/src/utils/telegram.ts
@@ -3,14 +3,25 @@ import axios from "axios";
 
 dotenv.config();
 
-const botToken = process.env.TELEGRAM_BOT_TOKEN
+const botToken = process.env.TELEGRAM_BOT_TOKEN;
 
 export async function telegramChannelMembers(channelName: string): Promise<number> {
-    try {
-        const response = await axios.get(`https://api.telegram.org/bot${botToken}/getChatMembersCount?chat_id=@${channelName}`);
-        return response.data.result;
-      } catch (error) {
-        console.error('Error fetching Telegram members count:', error);
-        return 0;
-      }
+  try {
+    const response = await axios.get(`https://api.telegram.org/bot${botToken}/getChatMembersCount?chat_id=@${channelName}`);
+    return response.data.result;
+  } catch (error) {
+    console.error('Error fetching Telegram members count:', error);
+    return 0;
+  }
+}
+
+export function formatMemberCount(num: number): string {
+  if (num < 1000) {
+    return num.toString();
+  } else if (num < 10000) {
+    const truncated = Math.floor((num / 1000) * 10) / 10;
+    return truncated + 'k';
+  } else {
+    return Math.floor(num / 1000) + 'k';
+  }
 }

From dfbd096ce4f9ccae0dd1cedde538ec14b2abb118 Mon Sep 17 00:00:00 2001
From: Payam Zahedi <pzahedi1995@gmail.com>
Date: Mon, 10 Mar 2025 18:04:22 +0100
Subject: [PATCH 5/5] fix: run npm run fix

---
 src/components/widgets/hero/Hero.astro | 2 +-
 src/utils/telegram.ts                  | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/widgets/hero/Hero.astro b/src/components/widgets/hero/Hero.astro
index 76c1ff6..42e193e 100644
--- a/src/components/widgets/hero/Hero.astro
+++ b/src/components/widgets/hero/Hero.astro
@@ -101,7 +101,7 @@ const portraitImages = [
 ];
 
 // get the members count's of telegram channel
-const channelName = "persian_flutter";
+const channelName = 'persian_flutter';
 const membersCount = await telegramChannelMembers(channelName);
 
 const formattedMembers = formatMemberCount(membersCount);
diff --git a/src/utils/telegram.ts b/src/utils/telegram.ts
index 9aad4e2..599c7f1 100644
--- a/src/utils/telegram.ts
+++ b/src/utils/telegram.ts
@@ -1,5 +1,5 @@
-import dotenv from "dotenv";
-import axios from "axios";
+import dotenv from 'dotenv';
+import axios from 'axios';
 
 dotenv.config();
 
@@ -7,7 +7,9 @@ const botToken = process.env.TELEGRAM_BOT_TOKEN;
 
 export async function telegramChannelMembers(channelName: string): Promise<number> {
   try {
-    const response = await axios.get(`https://api.telegram.org/bot${botToken}/getChatMembersCount?chat_id=@${channelName}`);
+    const response = await axios.get(
+      `https://api.telegram.org/bot${botToken}/getChatMembersCount?chat_id=@${channelName}`
+    );
     return response.data.result;
   } catch (error) {
     console.error('Error fetching Telegram members count:', error);