Generativní UI s Lyra Gen
Odpovědi modelu se vykreslí jako skutečné, ověřené ovládací prvky Lyra.
Lyra Gen převádí strukturovanou odpověď modelu na přístupné komponenty Lyra prostřednictvím zkontrolovaného katalogu. Vygenerovaný obsah může pojmenovat jen role z katalogu, nikdy libovolné značky, skripty ani akce; požadavek na model, data, akce i úložiště zůstávají ve vaší aplikaci.
Příklad
Vyberte zkontrolovanou podmnožinu katalogu a před vykreslením vygenerovaný pohled ověřte.
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);