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

घटक ब्राउझ करा · मार्गदर्शक वाचा (इंग्रजीत)