Lyra Gen نال جنریٹو UI

ماڈل دے جواب اصلی تے پرکھے ہوئے Lyra کنٹرول بن کے وکھالی دیندے نیں۔

Lyra Gen ماڈل دے ڈھانچے وارے جواب نوں جانچے ہوئے کیٹلاگ راہیں قابل رسائی Lyra اجزا وچ بدلدا اے۔ بنایا ہویا مواد صرف کیٹلاگ دے کردار دا ناں لے سکدا اے، کوئی من مرضی دا ٹیگ، سکرپٹ یا عمل نئیں؛ ماڈل نوں درخواست، ڈیٹا، عمل تے سٹوریج تہاڈی ایپلی کیشن کول ای رہندے نیں۔

مثال

جانچے ہوئے کیٹلاگ دا اک حصہ چنو، فیر وکھان توں پہلاں بنایا ہویا ویو پرکھو۔

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);

اجزا ویکھو · رہنما پڑھو (انگریزی وچ)