function MainComponent() { const [keyword, setKeyword] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [results, setResults] = React.useState([]); const [analysis, setAnalysis] = React.useState(''); const fetchStockInfo = async ()=>{ setIsLoading(true); setResults([]); setAnalysis(''); try { const searchResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(keyword + ' 日本株ニュース')}`, { method: 'GET' }); const searchData = await searchResponse.json(); setResults(searchData.items); if (searchData.items.length > 0) { const scrapingResponse = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: searchData.items[0].link, return_text: true }) }); const scrapingData = await scrapingResponse.json(); const analysisResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: scrapingData } ], system_prompt: 'Analyze this stock information from Japan using the provided news and information.' }) }); const analysisData = await analysisResponse.json(); setAnalysis(analysisData.choices[0].message.content); } } catch (error) { console.error(error); } setIsLoading(false); }; const handleKeywordChange = (event)=>{ setKeyword(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); fetchStockInfo(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#F3F4F6] p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white shadow-md rounded-lg p-8", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "日本株分析"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "searchKeyword", value: keyword, onChange: handleKeywordChange, className: "w-full p-4 border-2 border-gray-200 rounded-lg focus:outline-none focus:border-blue-500 transition-colors", placeholder: "分析したい株のキーワードを入力...", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), !isLoading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "分析を開始")), isLoading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-3", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "分析中..."), /*#__PURE__*/ React.createElement("div", { style: { borderTopColor: "transparent" }, className: "w-4 h-4 border-2 border-blue-500 rounded-full animate-spin", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }))), results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[300px] border-2 border-gray-300 p-4 overflow-auto", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, className: "font-roboto text-blue-500 hover:underline", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }, result.snippet))))), analysis && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-lg mb-2", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "株情報分析結果"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm whitespace-pre-wrap", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, analysis))))); }