UI zalishi kwa Lyra Gen
Majibu ya modeli yanayoonyeshwa kama vidhibiti halisi vya Lyra vilivyothibitishwa.
Lyra Gen hubadilisha jibu lenye muundo la modeli kuwa vijenzi vya Lyra vinavyofikika kupitia katalogi iliyokaguliwa. Maudhui yaliyozalishwa yanaweza kutaja majukumu ya katalogi pekee, kamwe si lebo, hati au vitendo holela; programu yako huhifadhi ombi la modeli, data, vitendo na hifadhi.
Mfano
Chagua sehemu ya katalogi iliyokaguliwa, kisha thibitisha mwonekano uliozalishwa kabla ya kuuonyesha.
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);