UI ya kobongisa na Lyra Gen
Biyano ya modèle ebimisami lokola bakontrole ya solo ya Lyra oyo ekitanaki.
Lyra Gen ebongoli eyano ya modèle oyo esalemi na molongo na biloko ya Lyra oyo ekoki kosalelama na bato nyonso na nzela ya katalogi oyo etalelami. Makambo oyo ebongisami ekoki kotanga kaka misala ya katalogi, soki te ba tag, script to misala ya mpamba te; ebongiseli epai ya modèle, ba données, misala mpe bobombami etikali na application na yo.
Exemple
Aponi eteni moko ya katalogi etalelami, na nsima zwa lisanga ya komona oyo ebongisami liboso ya kolakisa yango.
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);