feat(community): member profiles + Telegram join gate

Directory/profile UX with carrot level meter; mute new group
members until site profile complete, then unmute.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: ssshojaei

.vscode/settings.json

@@ -1,5 +1,7 @@
 {
   "cursor.openai.baseUrl": "http://127.0.0.1:8787/p/frontchapter/v1",
   "deno.enable": true,
-  "deno.enablePaths": ["supabase/functions"]
+  "deno.enablePaths": ["supabase/functions"],
+  "css.lint.unknownAtRules": "ignore",
+  "scss.lint.unknownAtRules": "ignore"
 }

scripts/set-telegram-webhook.py

@@ -0,0 +1,52 @@
+#!/usr/bin/env python3
+"""Set Telegram webhook for FrontChapter group gate bot.
+
+Usage:
+  export TELEGRAM_BOT_TOKEN=...
+  export TELEGRAM_WEBHOOK_SECRET=...   # random string you also set as Supabase secret
+  export SUPABASE_PROJECT_REF=yuwsoyhknbjipfouemen
+  python3 scripts/set-telegram-webhook.py
+
+Optional:
+  TELEGRAM_GROUP_CHAT_ID=-100…  (or let bot learn it on first join /chatid)
+"""
+
+from __future__ import annotations
+
+import json
+import os
+import sys
+import urllib.parse
+import urllib.request
+
+TOKEN = os.environ.get("TELEGRAM_BOT_TOKEN", "").strip()
+SECRET = os.environ.get("TELEGRAM_WEBHOOK_SECRET", "").strip()
+REF = os.environ.get("SUPABASE_PROJECT_REF", "yuwsoyhknbjipfouemen").strip()
+
+if not TOKEN or not SECRET:
+    print("Need TELEGRAM_BOT_TOKEN and TELEGRAM_WEBHOOK_SECRET", file=sys.stderr)
+    sys.exit(1)
+
+url = f"https://{REF}.supabase.co/functions/v1/telegram-bot"
+payload = {
+    "url": url,
+    "secret_token": SECRET,
+    "allowed_updates": ["chat_member", "message"],
+    "drop_pending_updates": True,
+}
+
+req = urllib.request.Request(
+    f"https://api.telegram.org/bot{TOKEN}/setWebhook",
+    data=json.dumps(payload).encode(),
+    headers={"Content-Type": "application/json"},
+    method="POST",
+)
+with urllib.request.urlopen(req) as res:
+    body = json.loads(res.read().decode())
+print(json.dumps(body, indent=2, ensure_ascii=False))
+
+info_req = urllib.request.Request(
+    f"https://api.telegram.org/bot{TOKEN}/getWebhookInfo"
+)
+with urllib.request.urlopen(info_req) as res:
+    print(json.dumps(json.loads(res.read().decode()), indent=2, ensure_ascii=False))

src/app/members/[slug]/page.tsx

@@ -0,0 +1,63 @@
+import GSAPWrapper from '@/src/layouts/components/GSAPWrapper';
+import MemberSingle, {
+  buildMemberMetadata,
+} from '@/src/layouts/MemberSingle';
+import {
+  getMemberActivities,
+  getMemberTitles,
+  getPublicMemberBySlug,
+  listPublicMembers,
+  staticParamsFromMembers,
+} from '@lib/membership/fetch';
+import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+
+type Params = { slug: string };
+
+export async function generateStaticParams() {
+  try {
+    const members = await listPublicMembers();
+    return staticParamsFromMembers(members);
+  } catch {
+    // ponytail: empty params if Supabase unreachable at build — directory still client-fetches
+    return [];
+  }
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Params;
+}): Promise<Metadata> {
+  try {
+    const member = await getPublicMemberBySlug(params.slug);
+    if (!member) return { title: 'هویجی یافت نشد' };
+    return buildMemberMetadata(member);
+  } catch {
+    return { title: 'هویجی‌ها' };
+  }
+}
+
+const MemberPage = async ({ params }: { params: Params }) => {
+  const member = await getPublicMemberBySlug(params.slug);
+  if (!member) notFound();
+
+  const [activities, titles] = await Promise.all([
+    getMemberActivities(member.id),
+    getMemberTitles(member.id),
+  ]);
+
+  return (
+    <GSAPWrapper>
+      <main id="main-content">
+        <MemberSingle
+          member={member}
+          activities={activities}
+          titles={titles}
+        />
+      </main>
+    </GSAPWrapper>
+  );
+};
+
+export default MemberPage;

src/layouts/Join.tsx

@@ -4,11 +4,11 @@ import Banner from '@layouts/components/Banner';
 import {
   CarrotBadge,
   CarrotButton,
+  CarrotLevel,
   CarrotLoader,
   CarrotSuccessState,
 } from '@layouts/components/carrot';
 import {
-  LEVEL_LABELS,
   levelFromPoints,
   type Member,
   type MemberStats,
@@ -279,6 +279,14 @@ const Join = () => {
       const updated = data as Member;
       setMember(updated);
       if (session) await loadMember(session.user.id);
+      // Open Telegram group chat if they were muted pending profile
+      try {
+        await supabase.functions.invoke('telegram-bot', {
+          body: { action: 'unmute' },
+        });
+      } catch {
+        // non-fatal — user can still use the site
+      }
       setStep('done');
     } catch (err) {
       setError(err instanceof Error ? err.message : 'ذخیره ناموفق بود');
@@ -550,28 +558,28 @@ const Join = () => {
                     />
                   ) : null}
                   <div className="min-w-0 flex-1">
-                    <div className="mb-2 flex flex-wrap items-center gap-2">
+                    <div className="mb-2 flex flex-wrap items-center justify-center gap-3 sm:justify-start">
                       <h2 className="h4 mb-0 text-dark">
                         {member.display_name}
                       </h2>
-                      <CarrotBadge accent>{LEVEL_LABELS[levelKey]}</CarrotBadge>
                     </div>
                     {member.username ? (
                       <p className="mb-1 text-sm text-muted">
                         @{member.username}
                       </p>
                     ) : null}
                     {member.expertise ? (
-                      <p className="mb-2 text-sm font-medium text-dark">
+                      <p className="mb-3 text-sm font-medium text-dark">
                         {member.expertise}
                       </p>
                     ) : null}
+                    <CarrotLevel level={levelKey} size="md" />
+                    <p className="mt-1 text-xs text-muted">{points} امتیاز</p>
                     {member.bio ? (
-                      <p className="mb-3 text-sm leading-relaxed text-muted">
+                      <p className="mt-3 mb-0 text-sm leading-relaxed text-muted">
                         {member.bio}
                       </p>
                     ) : null}
-                    <p className="text-sm text-muted">{points} امتیاز</p>
                   </div>
                 </div>