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

ಘಟಕಗಳನ್ನು ನೋಡಿ · ಮಾರ್ಗದರ್ಶಿ ಓದಿ (ಇಂಗ್ಲಿಷ್‌ನಲ್ಲಿ)