function MainComponent() { const [chatInput, setChatInput] = React.useState(""); const [chatOutput, setChatOutput] = React.useState(""); const [searchInput, setSearchInput] = React.useState(""); const [searchResults, setSearchResults] = React.useState([]); const [speechInput, setSpeechInput] = React.useState(""); const [audioUrl, setAudioUrl] = React.useState(""); const [playedSpeech, setPlayedSpeech] = React.useState(""); const handleChatInput = (event)=>{ setChatInput(event.target.value); }; const handleChatSubmit = async ()=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": chatInput } ], system_prompt: 'helper' }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); setChatOutput(data.result); }; const handleSearchInput = (event)=>{ setSearchInput(event.target.value); }; const handleSearchSubmit = async ()=>{ const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchInput)}`, { method: 'GET' }); const data = await response.json(); setSearchResults(data.items); }; const handleSpeechInput = (event)=>{ setSpeechInput(event.target.value); }; const handleSpeechSubmit = async ()=>{ const response = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(speechInput)}`, { method: 'GET' }); const blob = await response.blob(); const url = URL.createObjectURL(blob); setAudioUrl(url); setPlayedSpeech(speechInput); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] flex w-full h-full", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] border-4 border-solid border-[#000000] rounded-lg flex flex-col gap-[15px] m-[15px] w-[calc(33.333%-30px)]", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#007BFF] text-white font-hiragino-sans font-bold text-[32px] p-[10px]", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "ChatGPT"), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-auto p-[10px]", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, chatOutput), /*#__PURE__*/ React.createElement("input", { type: "text", value: chatInput, onChange: handleChatInput, className: "border p-[10px]", name: "chatInput", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleChatSubmit, className: "bg-blue-500 text-white font-hiragino-sans p-[10px]", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "送信")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] border-4 border-solid border-[#000000] rounded-lg flex flex-col gap-[15px] m-[15px] w-[calc(33.333%-30px)]", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#007BFF] text-white font-hiragino-sans font-bold text-[32px] p-[10px]", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Google"), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-auto p-[10px]", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, searchResults.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.link, __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-800 hover:underline", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, item.snippet)))), /*#__PURE__*/ React.createElement("input", { type: "text", value: searchInput, onChange: handleSearchInput, className: "border p-[10px]", name: "searchInput", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearchSubmit, className: "bg-blue-500 text-white font-hiragino-sans p-[10px]", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "送信")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] border-4 border-solid border-[#000000] rounded-lg flex flex-col gap-[15px] m-[15px] w-[calc(33.333%-30px)]", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#007BFF] text-white font-hiragino-sans font-bold text-[32px] p-[10px]", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "Text to Speech"), /*#__PURE__*/ React.createElement("audio", { controls: true, src: audioUrl, onPlay: ()=>setPlayedSpeech(speechInput), __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-[10px]", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, playedSpeech), /*#__PURE__*/ React.createElement("input", { type: "text", value: speechInput, onChange: handleSpeechInput, className: "border p-[10px]", name: "speechInput", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSpeechSubmit, className: "bg-blue-500 text-white font-hiragino-sans p-[10px]", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "送信"))); }