DasFootball ถูก Cloudflare block จาก Node.js (403) แม้จะใส่ header ครบ ผมจะเปลี่ยนไปใช้ Scorebat API ซึ่งเป็น free API สำหรับไฮไลท์ฟุตบอลที่มี video embed พร้อมใช้งาน

ผมจะใช้ Scorebat API แทน DasFootball เพราะ Cloudflare block ไม่ได้ Scorebat มี free video API ที่ให้ embed HTML พร้อมใช้งานเลย

ตอนนี้ผมเข้าใจทุกอย่างแล้ว ปัญหาคือ:

1. DasFootball ถูก Cloudflare block (403) จาก Node.js server-side fetch ทำให้ scraper ดึงข้อมูลไม่ได้
2. Highlight type ใน widget อ้างจาก highlights-scraper.ts ซึ่งจะต้องเปลี่ยนโครงสร้าง

ผมจะ:

1. เปลี่ยนไปใช้ Scorebat API (free, ไม่ต้อง key, มี embed HTML สำหรับวิดีโอ)
2. เพิ่มสี BG_PRESET_COLORS ให้มีเยอะขึ้นมาก (gradient, dark tones, ทุกเฉดสี)

Scraper เปลี่ยนจาก DasFootball เป็น Scorebat API ที่ให้ embed HTML พร้อม iframe src สำหรับวิดีโอ ตอนนี้จะอัปเดต API route และ widget

Widget เขียนใหม่ให้รองรับ Scorebat data structure ที่มี videos array หลายคลิปต่อแมตช์ พร้อม video tab selector ใน modal ตอนนี้จะอัปเดต color picker ให้มีสี background เยอะขึ้นมาก

Color picker อัปเดตแล้ว มี 62 สี background ให้เลือก จัดเป็น 3 หมวด (สว่าง/มีสี/เข้ม) พร้อม hex input และ native color picker ตอนนี้จะอัปเดต API route ให้ตรงกับ scraper ใหม่

ตรวจดู logs ว่าทำงานได้ถูกต้อง