ক্লায়েন্ট-সাইড রেন্ডারিং (CSR)

# ---------- ভাগ করা render() হেল্পার -- এই মডিউল জুড়ে reused হবে ----------
render_call_log = []  # প্রতিটি render() কল ঠিক কোন ধাপে হলো তার লগ

def render(template, data):
    """ছোট্ট, real টেমপ্লেট-রেন্ডার ফাংশন -- str.format() ভিত্তিক।"""
    return template.format(**data)


# ---------- সিমুলেটেড API কল -- ব্যাক-এন্ড থেকে raw ডেটা আনার স্ট্যান্ড-ইন ----------
def api_fetch_dashboard_data(user_id):
    fake_backend_db = {
        1: {"username": "Rakib", "unread_count": 3},
        2: {"username": "Priya", "unread_count": 0},
        3: {"username": "Sadia", "unread_count": 7},
    }
    return fake_backend_db[user_id]


template = "<h1>স্বাগতম, {username}</h1><p>অপঠিত নোটিফিকেশন: {unread_count}</p>"


def simulate_csr_page_load(load_number, user_id):
    print(f"--- পেজ লোড #{load_number} ---")
    print("[server]  খালি HTML শেল + JS bundle পাঠানো হলো -- render() এখনো ডাকা হয়নি")
    print(f"[client]  JS bundle এক্সিকিউট শুরু -- API কল হচ্ছে (user_id={user_id})")
    data = api_fetch_dashboard_data(user_id)
    print(f"[client]  API রেসপন্স এসেছে: {data}")
    html = render(template, data)
    render_call_log.append(f"পেজ লোড #{load_number} -- client-এ")
    print(f"[client]  render() কল হলো -- HTML: {html}")
    return html


for i, uid in enumerate([1, 2, 3], start=1):
    simulate_csr_page_load(i, uid)
    print()

print("render() কল লগ:")
for entry in render_call_log:
    print(f"  - {entry}")

print(f"\nমোট render() ইনভোকেশন: {len(render_call_log)}")
print(f"মোট পেজ লোড: 3")
print(f"প্রতি পেজ লোডে render() ঠিক একবার কল হয়েছে কি না: {len(render_call_log) == 3}")