stellify-framework

import { Form, Stream, Chat, Speech } from 'stellify-framework'; // Mock function for UI interaction function appendToUI(text) { const streamOutput = document.getElementById('stream-output'); if (streamOutput) { streamOutput.textContent += text; } else { console.log('Stream chunk:', text); } } // Mock chat state const chat = { messages: [], addUser(text) { this.messages.push({ role: 'user', content: text }); console.log('User added message:', text); }, addAssistant(text) { this.messages.push({ role: 'assistant', content: text }); console.log('Assistant added message:', text); }, getMessages() { return this.messages; }, fork() { console.log('Chat forked for regeneration.'); } }; // Form with validation const userForm = Form.create({ name: '', email: '' }) .validate({ email: v => v?.includes('@') ? null : 'Invalid' }) .onSuccess(data => console.log('Form submission successful:', data)) .onError(errors => console.error('Form validation errors:', errors)) .store('/api/users'); // This would typically trigger a fetch console.log('Initial form data:', userForm.getData()); userForm.setData({ name: 'Jane Doe', email: 'jane@example.com' }); userForm.store('/api/users'); // Re-run store with new data // LLM streaming const dataStream = Stream.create('/api/chat') .onChunk(text => appendToUI(text)) .onComplete(() => console.log('Streaming complete.')) .post({ messages: chat.getMessages() }); // Post initial chat messages // Voice input const speechInput = Speech.create() .onResult(text => chat.addUser(text)) .onError(error => console.error('Speech recognition error:', error)) .listen({ continuous: true }); // Start listening continuously // Conversation management chat.addUser('What is 2+2?'); chat.addAssistant('4'); chat.fork(); // Branch for regeneration