Lyra Gen арқылы генеративті UI
Модель жауаптары нақты, тексерілген Lyra басқару элементтері ретінде көрсетіледі.
Lyra Gen модельдің құрылымдалған жауабын қаралған каталог арқылы қолжетімді Lyra компоненттеріне айналдырады. Жасалған мазмұн тек каталогтағы рөлдерді атай алады, ерікті тегтерді, скрипттерді немесе әрекеттерді атай алмайды; модельге сұрау, деректер, әрекеттер және сақтау қолданбаңызда қалады.
Мысал
Қаралған каталогтың бір бөлігін таңдаңыз, содан кейін көрсету алдында жасалған көріністі тексеріңіз.
import '@aceshooting/lyra-ui/theme.css';
import { initialCatalog, subsetCatalog } from '@aceshooting/lyra-gen/catalog.js';
import { validateView } from '@aceshooting/lyra-gen/runtime.js';
import { LyraGenViewElement } from '@aceshooting/lyra-gen/gen-view.js';
const selected = subsetCatalog(initialCatalog, ['stack', 'heading', 'text']);
if (!selected.ok) throw new Error('The requested catalog is unavailable.');
const catalog = selected.value;
const result = validateView({
version: '1', catalog: { id: catalog.id, version: catalog.version },
surfaceId: 'answer-1', revision: 0,
root: { id: 'summary', type: 'stack', children: [
{ id: 'title', type: 'heading', text: 'Quarterly summary' },
{ id: 'detail', type: 'text', text: 'Revenue increased this quarter.' },
] },
}, catalog);
if (!result.ok) throw new Error('The generated view was rejected.');
const view = new LyraGenViewElement();
view.catalog = catalog;
view.document = result.value;
document.body.append(view);