Flutist: ลองสร้างเฟรมเวิร์กสำหรับจัดการสถาปัตยกรรมแบบโมดูลาร์ของ Flutter! (feat. Tuist)

เมื่อโปรเจ็กต์ Flutter มีขนาดใหญ่ขึ้น ก็มักจะเลือกทำโมดูลาร์ (แยกแพ็กเกจ) เพื่อประสิทธิภาพในการบิลด์และการแยกเลเยอร์ แต่เมื่อจำนวนโมดูลเพิ่มขึ้น ภาระในการดูแล pubspec.yaml หลายสิบไฟล์ก็เพิ่มตามไปด้วย และการบังคับใช้กฎสถาปัตยกรรมด้วยการรีวิวโค้ดเพียงอย่างเดียวก็ทำได้ยาก

Flutist เป็นเฟรมเวิร์กที่ได้แรงบันดาลใจจาก Tuist ของ iOS ออกแบบมาเพื่อให้สามารถประกาศและจัดการสเปกและกฎของโปรเจ็กต์เป็นโค้ดบนพื้นฐานของ pub workspaces ใน Dart 3.6+

"ทำไมต้อง Flutist?"

1. การตั้งค่าโปรเจ็กต์แบบประกาศ
   แทนที่จะแก้ไข pubspec.yaml ของแต่ละโมดูลโดยตรง คุณสามารถประกาศเวอร์ชันแพ็กเกจใน package.dart และประกาศกราฟการพึ่งพาระหว่างโมดูลใน project.dart ได้ เมื่อกำหนดครั้งเดียว pubspec.yaml ของทุกโมดูลจะถูกซิงก์ด้วยคำสั่ง flutist generate

2. การบังคับใช้กฎสถาปัตยกรรมแบบอัตโนมัติ
   ใน Clean Architecture แม้ domain จะอ้างอิง data โดยตรงหรือเกิด circular dependency ขึ้น pub ก็ไม่ได้ห้ามไว้ flutist สามารถเปิดใช้ strictMode และหากมีการละเมิดกฎ จะขึ้น error ระหว่าง generate ทำให้หลักการที่เคยมีอยู่แค่ในเอกสารหรือการรีวิวโค้ด กลายเป็นกฎที่บังคับใช้ได้จริง

3. ความปลอดภัยของชนิดข้อมูลและประสิทธิภาพการทำงาน
   แทนการอ้างอิงแพ็กเกจด้วยสตริง รองรับการเติมข้อความอัตโนมัติของ IDE และการตรวจสอบชนิดข้อมูลตอนคอมไพล์ผ่าน accessor ที่สร้างให้อัตโนมัติ นอกจากนี้ยังมีฟีเจอร์ scaffolding สำหรับสร้างโครงสร้างเลเยอร์ที่ใช้ซ้ำหรือ boilerplate เพื่อลดต้นทุนในการตั้งค่าเริ่มต้นให้ต่ำที่สุด

4. การปรับแต่งประสบการณ์นักพัฒนาให้เหมาะสมที่สุด
   ไม่เพียงรองรับการรันทดสอบแบบขนาน/แยกตามโมดูลเท่านั้น แต่ยังสามารถใช้ flutist graph เพื่อตรวจสอบ dependency ของโมดูลที่ซับซ้อนและเชื่อมโยงกันยุ่งเหยิงได้ทันทีแบบภาพในเบราว์เซอร์

โมดูล 4 ประเภทที่รองรับ

• clean — Clean Architecture แบบ 3 เลเยอร์ (domain / data / presentation)
• micro — Microfeature แบบ 5 เลเยอร์ (interface / implementation / testing / tests / example)
• lite — 4 เลเยอร์ที่ตัด example ออกจาก micro
• simple — แพ็กเกจเดี่ยว (สำหรับยูทิลิตี้ โมเดลที่ใช้ร่วมกัน หรือ app shell)

คำสั่ง CLI

• flutist init / create / generate / check / pub / scaffold / test / graph
• flutist check ใช้ตรวจสอบเฉพาะสถาปัตยกรรมโดยไม่สร้างไฟล์ → สำหรับ CI pipeline
• ใช้ flutist graph --open เพื่อดูกราฟ dependency แบบ mermaid ได้ทันทีในเบราว์เซอร์

ลิงก์

• Docs: https://flutist-web.vercel.app/docs
• pub.dev: https://pub.dev/packages/flutist
• GitHub: https://github.com/seonwooke/flutist

หากคุณกำลังมองหาแนวทางสำหรับสถาปัตยกรรม Flutter แบบมัลติโมดูล ขอแนะนำให้ลองนำ flutist ไปใช้ดูครับ หากมีฟีดแบ็กก็จะนำไปปรับปรุงอย่างเต็มที่ ขอบคุณครับ🙏