/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; function JarvisAssistantUI() { const [messages, setMessages] = useState<{ role: string; content: string }[]>([ { role: 'assistant', content: 'Hey there! I\'m Jarvis. How can I help you today?' } ]); const [inputMessage, setInputMessage] = useState(''); const [isListening, setIsListening] = useState(false); const [isProcessing, setIsProcessing] = useState(false); const recognitionRef = useRef(null); useEffect(() => { // Check browser support for speech recognition const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition; if (SpeechRecognition) { recognitionRef.current = new SpeechRecognition(); recognitionRef.current.continuous = true; recognitionRef.current.interimResults = false; recognitionRef.current.lang = 'en-US'; recognitionRef.current.onresult = (event: any) => { const transcript = event.results[event.results.length - 1][0].transcript.trim(); if (transcript) { handleSendMessage(transcript); } }; recognitionRef.current.onerror = (event: any) => { console.error('Speech recognition error', event.error); setIsListening(false); }; recognitionRef.current.onend = () => { if (isListening) { recognitionRef.current.start(); } }; } return () => { if (recognitionRef.current) { recognitionRef.current.stop(); } }; }, [isListening]); const handleSendMessage = async (message?: string) => { const textToSend = message || inputMessage; if (!textToSend.trim()) return; const newMessages = [ ...messages, { role: 'user', content: textToSend } ]; setMessages(newMessages); setInputMessage(''); setIsProcessing(true); try { const response = await fetch(window.location.href, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: newMessages }) }); const data = await response.json(); setMessages(prev => [ ...prev, { role: 'assistant', content: data.message } ]); // Text-to-speech for AI response const utterance = new SpeechSynthesisUtterance(data.message); window.speechSynthesis.speak(utterance); } catch (error) { console.error('Error sending message:', error); setMessages(prev => [ ...prev, { role: 'assistant', content: 'Sorry, I encountered an error processing your request.' } ]); } finally { setIsProcessing(false); } }; const toggleListening = () => { if (recognitionRef.current) { if (isListening) { recognitionRef.current.stop(); setIsListening(false); } else { recognitionRef.current.start(); setIsListening(true); } } }; return (

🤖 Jarvis AI Assistant

{/* Animation Container */}

{isProcessing && (

{[1, 2, 3, 4, 5].map((dot) => (

))}

)}

{messages.map((msg, index) => (

{msg.content}

))}

setInputMessage(e.target.value)} onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()} placeholder="Type a message..." style={{ flexGrow: 1, padding: '10px', marginRight: '10px', borderRadius: '5px', border: '1px solid #ccc' }} />

{isListening ? 'Listening...' : 'Ready to assist'}

{/* Global Styles for Animation */}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { try { // Download handler remains the same if (request.url.includes('/download')) { // Existing download code... } // Gemini AI Integration if (request.method === "POST") { // Fetch Gemini API const response = await fetch('https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent?key=YOUR_GEMINI_API_KEY', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ contents: [ { role: 'user', parts: [ { text: `You are Jarvis, an advanced AI assistant. Respond conversationally and helpfully. Keep responses concise and clear. Maintain a professional and slightly witty tone reminiscent of the AI assistant from Iron Man. Conversation context: ${JSON.stringify(request.body.messages.slice(-5))}` } ] } ], generationConfig: { temperature: 0.7, maxOutputTokens: 300 } }) }); const data = await response.json(); // Extract Gemini's response const aiResponse = data.candidates && data.candidates[0] && data.candidates[0].content ? data.candidates[0].content.parts[0].text : "I'm having trouble generating a response."; return new Response( JSON.stringify({ message: aiResponse }), { headers: { "Content-Type": "application/json" }, }, ); } // Default GET request handler return new Response( ` Jarvis AI Assistant

`, { headers: { "Content-Type": "text/html" }, }, ); } catch (error) { console.error('Server error:', error); return new Response( JSON.stringify({ error: 'An unexpected error occurred' }), { status: 500, headers: { "Content-Type": "application/json" }, } ); } }

jarvisVoiceAssistant

Version 30