UI uumamaa Lyra Gen waliin
Deebiin moodelii akka to'annoo Lyra dhugaa kan mirkanaaʼe ta'ee mul'ata.
Lyra Gen deebii caasaa qabu kan moodelii katalogii sakatta'ame tokkoon gara kaampoonentii Lyra argamuu danda'aniitti jijjiira. Qabiyyeen uumame gahee katalogii qofa waamuu danda'a; mallattoo, iskiriiptii yookaan tarkaanfii fedhe waamuu hin danda'u; appiin kee gaaffii moodelii, deetaa, tarkaanfii fi kuusaa ofitti qabata.
Fakkeenya
Kutaa xiqqaa katalogii sakatta'ame filadhu, itti aansees ilaalcha uumame agarsiisuu dura mirkaneessi.
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);