رابط کاربری مولد با Lyra Gen

پاسخ‌های مدل به‌صورت کنترل‌های واقعی و اعتبارسنجی‌شده 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);

مرور اجزا · راهنما را بخوانید (به انگلیسی)