رابط کاربری مولد با 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);

مرور کامپوننت‌ها · رهنما را بخوانید (به انگلیسی)