واجهات مولَّدة مع 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);

تصفّح المكوّنات · اقرأ الدليل (بالإنجليزية)