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

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