ጀነሬቲቭ UI ከ 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);

ክፍሎችን ይመልከቱ · መመሪያውን ያንብቡ (በእንግሊዝኛ)