UI mai samar da abubuwa da Lyra Gen
Amsoshin samfuri suna bayyana a matsayin ainihin ikon sarrafa Lyra da aka tabbatar.
Lyra Gen yana mayar da amsar samfuri mai tsari zuwa abubuwan Lyra masu sauƙin shiga ta hanyar katalogi da aka bita. Abun da aka samar zai iya ambaton ayyukan katalogi kawai, ba wasu tag, rubutun shiri ko ayyuka na son rai ba; buƙatar samfuri, bayanai, ayyuka da ajiya suna nan a manhajarka.
Misali
Zaɓi ɓangaren katalogi da aka bita, sannan ka tabbatar da kallon da aka samar kafin a nuna shi.
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);