function MainComponent() { const [earthquakeData, setEarthquakeData] = React.useState([]); const [lastHourData, setLastHourData] = React.useState([]); const [newsArticles, setNewsArticles] = React.useState([]); const [currentTime, setCurrentTime] = React.useState(''); React.useEffect(()=>{ const updateCurrentTime = ()=>{ const now = new Date().toLocaleString('ja-JP', { timeZone: 'Asia/Tokyo' }); setCurrentTime(now); }; updateCurrentTime(); const intervalID = setInterval(updateCurrentTime, 1000); fetch('/integrations/groq/', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "current earthquakes in Japan" } ] }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ const translatedText = data.choices[0].message.content; setEarthquakeData(translatedText.split('\n').filter((line)=>line)); }); fetch('/integrations/google-search/search?q=earthquake+in+Japan+in+the+last+hour', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ setLastHourData(data.items.map((item)=>({ title: item.title, link: item.link }))); }); fetch('/integrations/google-search/search?q=earthquake+news+Japan', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ const articles = data.items.map((item)=>({ title: item.title, link: item.link })); const titles = articles.map((article)=>article.title); fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: titles.join('. '), target: 'ja' }) }).then((response)=>response.json()).then((data)=>{ const translatedTitles = data.data.translations[0].translatedText.split('. '); setNewsArticles(articles.map((article, index)=>({ ...article, title: translatedTitles[index] }))); }); }); return ()=>clearInterval(intervalID); }, []); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] p-5", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-center mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "日本でリアルタイムに起きている地震速報"), /*#__PURE__*/ React.createElement("p", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "現在の日本時間日付と時間: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 68, columnNumber: 55 }, __self: this }, currentTime)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "リアルタイム地震速報"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, earthquakeData.map((data, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 72, columnNumber: 50 }, __self: this }, data)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "１時間以内の地震速報と状況"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, lastHourData.map((data, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 78, columnNumber: 48 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: data.link, target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 78, columnNumber: 64 }, __self: this }, data.title))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "ネットに上がる地震記事"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, newsArticles.map((article, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 84, columnNumber: 51 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: article.link, target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 84, columnNumber: 67 }, __self: this }, article.title))))))); }