function MainComponent() { const [inputText, setInputText] = React.useState(''); const [imagePrompt, setImagePrompt] = React.useState(''); const [translatedText, setTranslatedText] = React.useState(''); const [generatedImageUrl, setGeneratedImageUrl] = React.useState(''); const [transcriptionText, setTranscriptionText] = React.useState(''); const [webContent, setWebContent] = React.useState(''); const [pdfUrl, setPdfUrl] = React.useState(''); const [chatGptResponse, setChatGptResponse] = React.useState(''); const [googleSearchResults, setGoogleSearchResults] = React.useState([]); const [imageSearchResults, setImageSearchResults] = React.useState([]); const handleInputChange = (event)=>{ setInputText(event.target.value); }; const translateText = async ()=>{ try { const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: inputText, target: 'en' }) }); const data = await response.json(); setTranslatedText(data.data.translations[0].translatedText); } catch (error) { console.error('Translation failed:', error); } }; const generateImage = async ()=>{ try { const response = await fetch(`/integrations/stable-diffusion/?prompt=${encodeURIComponent(imagePrompt)}&batch_size=1`, { method: 'GET' }); const data = await response.json(); setGeneratedImageUrl(data.data[0]); } catch (error) { console.error('Image generation failed:', error); } }; const transcribeAudio = async (audioFile)=>{ if (audioFile.size > 3145728) { alert('File size should be less than 3MB'); return; } try { const data = new FormData(); data.append('file', audioFile); const response = await fetch('/integrations/transcribe-audio/whisperv3', { method: 'POST', body: data }); const result = await response.json(); setTranscriptionText(result.text); } catch (error) { console.error('Transcription failed:', error); } }; const scrapeWebContent = async (url)=>{ try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: { url } }); const htmlContent = await response.text(); setWebContent(htmlContent); } catch (error) { console.error('Web scraping failed:', error); } }; const generatePdf = async (html)=>{ try { const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', body: { source: JSON.stringify({ html }) } }); const blob = await response.blob(); setPdfUrl(URL.createObjectURL(blob)); } catch (error) { console.error('PDF generation failed:', error); } }; const talkToChatGpt = async (messages)=>{ try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: { messages, system_prompt: 'Explain this content' } }); const data = await response.json(); setChatGptResponse(data.result); } catch (error) { console.error('ChatGPT request failed:', error); } }; const searchGoogle = async (searchQuery)=>{ try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`, { method: 'GET' }); const data = await response.json(); setGoogleSearchResults(data.items); } catch (error) { console.error('Google search failed:', error); } }; const searchImages = async (searchQuery)=>{ try { const response = await fetch(`/integrations/image-search/imagesearch?q=${encodeURIComponent(searchQuery)}`, { method: 'GET' }); const data = await response.json(); setImageSearchResults(data.items); } catch (error) { console.error('Image search failed:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 135, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border-2 border-gray-300 p-2 font-roboto", type: "text", value: inputText, onChange: handleInputChange, name: "textToTranslate", placeholder: "Enter text to translate", __source: { fileName: "", lineNumber: 136, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white font-roboto", onClick: translateText, __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, "Translate"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }, translatedText), /*#__PURE__*/ React.createElement("input", { className: "border-2 border-gray-300 p-2 font-roboto", type: "text", value: imagePrompt, onChange: (e)=>setImagePrompt(e.target.value), name: "imagePrompt", placeholder: "Enter a prompt for image generation", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white font-roboto", onClick: generateImage, __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this }, "Generate Image"), generatedImageUrl && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: generatedImageUrl, alt: "Generated from prompt", style: { width: '100%', height: 'auto' }, __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border-2 border-gray-300 p-2 font-roboto", type: "file", accept: "audio/*", name: "audioFile", onChange: (e)=>transcribeAudio(e.target.files[0]), __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 175, columnNumber: 7 }, __self: this }, transcriptionText), /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, "Web scraped content: ", /*#__PURE__*/ React.createElement("div", { dangerouslySetInnerHTML: { __html: webContent }, __source: { fileName: "", lineNumber: 178, columnNumber: 30 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 181, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: pdfUrl, className: "w-full h-[500px]", title: "Generated PDF", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, chatGptResponse), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 font-roboto", __source: { fileName: "", lineNumber: 187, columnNumber: 7 }, __self: this }, googleSearchResults.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.link, __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, item.title)))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 font-roboto", __source: { fileName: "", lineNumber: 195, columnNumber: 7 }, __self: this }, imageSearchResults.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.originalImageUrl, __source: { fileName: "", lineNumber: 197, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.thumbnailImageUrl, alt: `Thumbnail of ${item.title}`, __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }))))); }