JetBrains Compose Multiplatform 1.12.0 гарлаа: AI агентуудад "нүд, гар" бэлэглэсэн MCP сервер ба Hot Reload-ийн хувьсал

Хөгжүүлэгчдийн өдөр тутмын амьдралд Claude Code, Cursor, Copilot зэрэг бие даасан AI кодинг агентууд гүн нэвтэрч байгаа ч хэрэглэгчийн интерфэйс (UI) хөгжүүлэлтийн талбарт нэгэн том саад байсаар ирсэн: AI агентууд UI-ийг "сохроор" бичдэг.

Агент код үүсгэдэг боловч түүнийгээ дэлгэц дээр бодитоор хэрхэн харагдаж буйг харах, товчлуур нь ажиллаж байгаа эсэхийг турших боломжгүй байв. Хөгжүүлэгч өөрөө аппаа ажиллуулж, скриншот дарж, чат руу хуулж, "текст багтахгүй байна", "layout эвдэрчихлээ" гэж тайлбарладаг залхуутай гинжин хэлхээ үүсдэг байсан билээ.

JetBrains энэхүү асуудлыг сууриар нь шийдвэрлэхээр зоригтой алхам хийж, Compose Multiplatform 1.12.0 хувилбарыг албан ёсоор цацлаа. Энэхүү хувилбарын хамгийн шуугиан тарьсан шинэчлэл нь Compose Hot Reload дотор Anthropic-ийн нээлттэй стандарт болох Model Context Protocol (MCP) серверийг туршилтын байдлаар нэгтгэсэн явдал юм.

---

AI кодинг агентад "Нүд ба Гар" олгосон нь

Compose Multiplatform 1.12.0 хувилбарын MCP серверийн ачаар аливаа MCP дэмждэг AI агент ажиллаж байгаа десктоп аппликейшнтэй шууд API түвшинд харилцах чадвартай болж байна. Өмнө нь хөгжүүлэгчийн хийдэг байсан гар ажиллагааг агент өөрөө бие даан хийх боломж бүрдэв.

AI агент MCP холболтоор дамжуулан дараах хэрэгслүүдийг (tools) ашиглана:

1. Trigger Hot Reload: Агент кодоо өөрчлөөд төслийг бүхэлд нь дахин компиляци хийлгүйгээр ажиллаж буй аппликейшнд шууд Hot Reload өдөөнө.
2. Take Screenshots: Дэлгэц дээр рендер хийгдсэн UI-ийн бодит скриншотыг шууд татаж авч, өөрийн vision чадвараараа дизайнтай харьцуулна.
3. Inspect Semantic Tree: Compose-ийн бүтэц (semantic tree)-ийг уншиж, ямар компонент хаана байрлаж байгаа, ямар state хадгалж буйг шалгана.
4. Simulate User Input: Товчлуур дарах (click), текст талбарт утга оруулах (text input) үйлдлийг дуурайлган хийж, логик ажиллаж байгаа эсэхийг туршина.
5. Read Runtime Logs & Exceptions: Ажиллах үед алдаа (crash, exception) гарвал консолын логийг шууд уншиж, засварыг дороо гүйцэтгэнэ.

Энэ бол зүгээр нэг код бичих туслах биш, харин өөрийнхөө бичсэн кодыг бодит цагт ажиллуулж, алдаагаа өөрөө засаж тестэлдэг бие даасан UI инженерийн бүтэн цикл (Autonomous UI Loop) бий болж байна гэсэн үг юм.

---

Архитектурын түвшинд хэрхэн ажилладаг вэ?

Хөгжүүлэгч өөрийн төсөлдөө Compose Hot Reload-ийг тохируулж ажиллуулахад арын горимд орон нутгийн (local) MCP сервер асаж эхэлнэ. Cursor эсвэл Claude Code зэрэг хэрэгслийн .cursor/mcp.json эсвэл ерөнхий MCP тохиргоонд серверийн хаягийг зааж өгөхөд л хангалттай.

Жишээ нь, хэрэв та "Энэ дэлгэцийн картуудыг grid хэлбэрт оруулаад, товчлуур дээр дарахад тоолуур нэмэгддэг болго" гэж даалгавар өгвөл:

1. Агент Kotlin Compose кодыг шинэчлэнэ.
2. MCP хэрэгслээр дамжуулан аппликейшныг Hot Reload хийлгэнэ.
3. Рендер хийгдсэн дэлгэцийн агшныг авч, semantic tree-г шалгана.
4. Товчлуурыг симуляци хийж дарж үзэн, тоолуур өөрчлөгдсөн эсэхийг баталгаажуулна.
5. Хэрэв санамсаргүй overflow үүсвэл эсвэл crash гарвал алдааны логноос шалтгааныг олж, дахин засна.
6. Бүх зүйл амжилттай болсон үед л хөгжүүлэгчид "Ажил дууслаа" гэсэн мэдэгдэл ирнэ.

---

Compose Multiplatform 1.12.0-ийн бусад гол өөрчлөлтүүд

MCP интеграциас гадна энэхүү хувилбарт платформ хоорондын хөгжүүлэлтийг хөнгөвчилсөн хэд хэдэн чухал шинэчлэл багтжээ:

• Web дээрх Automatic Font Fallback: Web (Wasm/JS) хувилбарт тохируулаагүй фонттой тэмдэгтүүд ирэх үед дөрвөлжин тэмдэгт (□ буюу 'tofu') гардаг байсныг халжээ. Одоо систем шаардлагатай Noto фонтын дэд хэсгийг (subset) хэрэгцээ гарсан даруйд автоматаар татаж, текстийг дахин рендер хийдэг болсон тул араб, япон, эможи зэрэг тэмдэгтүүдийг хөгжүүлэгч гараар багцлах шаардлагагүй боллоо.
• Desktop Window & Dialog API v2: androidx.compose.ui.window.v2 багцад шинэ туршилтын API нэмэгдэв. Цонх ямар дэлгэц дээр нээгдэх, дэлгэцийн хамгийн бага болон дээд хэмжээ, харьцангуй байршил зэргийг илүү уян хатан удирдах боломжтой болсон.
• iOS гүйцэтгэлийн сайжруулалт: Skia хөдөлгүүрийг Milestone 150 руу ахиулснаас гадна iOS дээр Lazy Layout жагсаалт гүйлгэх үеийн (scrolling) хурд, кадрийн давтамжийг мэдэгдэхүйц сайжруулсан байна.

---

Хөгжүүлэгчдэд юу өгүүлэв?

Compose Multiplatform 1.12.0-ийн энэхүү алхам нь программ хангамжийн хөгжүүлэлтийн багаж хэрэгслүүд цаашид хэрхэн хувьсахыг тод харуулж байна. AI агент зөвхөн текст засварлагч (editor) дотор код бичдэг үе дуусаж, ажиллаж буй runtime, дебаггер, UI layout бүтэцтэй шууд стандарт протоколоор (MCP) холбогдох эрин эхэллээ.

Хэрэв та Kotlin Multiplatform эсвэл Compose ашиглан Desktop, Mobile, Web апп хөгжүүлдэг бол шинэ хувилбарыг төсөлдөө нэвтрүүлж, өөрийн AI туслахдаа аппаа бие даан тестлэх "нүд, гар"-ыг нь нээж өгөх цаг болжээ.

Эх сурвалж: JetBrains Blog, Kotlin Official Documentation, InfoWorld (Compose Multiplatform 1.12.0 Release Notes)